/* ==========================================================
   CERCA — PAGINAS DE FUNCIONES INDEPENDIENTES
   Infraestructura visual compartida.
   No contiene logica de una funcion concreta.
   ========================================================== */

body.cp6-page-open {
    overflow:hidden !important;
}

.cp6-page {
    position:fixed;
    inset:0;
    z-index:99955;

    display:none;
    flex-direction:column;

    color:#e5edf6;

    background:
        radial-gradient(circle at 88% 2%, rgba(34,211,238,.10), transparent 28%),
        radial-gradient(circle at 8% 100%, rgba(59,130,246,.07), transparent 35%),
        linear-gradient(180deg,#07111f,#020617 66%);
}

.cp6-page.show { display:flex; }

.cp6-page-head {
    flex:0 0 auto;
    min-height:82px;
    padding:calc(10px + env(safe-area-inset-top)) 14px 10px;
    display:grid;
    grid-template-columns:40px minmax(0,1fr) 38px;
    gap:10px;
    align-items:center;
    border-bottom:1px solid rgba(148,163,184,.08);
    background:rgba(3,9,20,.82);
    backdrop-filter:blur(14px);
}

.cp6-page-back {
    width:40px;
    height:40px;
    padding:0;
    display:grid;
    place-items:center;
    border-radius:14px;
    border:1px solid rgba(148,163,184,.11);
    color:#eafaff;
    background:rgba(255,255,255,.035);
}

.cp6-page-back .material-icons-round { font-size:20px; }
.cp6-page-head-copy { min-width:0; }
.cp6-page-head-copy > small {
    color:#22d3ee;
    font-size:.46rem;
    font-weight:950;
    letter-spacing:.10em;
}
.cp6-page-head-copy h2 {
    margin:2px 0 0;
    color:#f8fafc;
    font-size:1.02rem;
    line-height:1.1;
}
.cp6-page-head-copy p {
    margin:3px 0 0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#718198;
    font-size:.54rem;
}
.cp6-page-head-icon {
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:13px;
    color:#67e8f9;
    background:rgba(34,211,238,.065);
    border:1px solid rgba(34,211,238,.11);
    font-size:20px;
}
.cp6-page-scroll {
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:14px 14px calc(92px + env(safe-area-inset-bottom));
}
.cp6-page-scroll > * {
    width:min(100%,620px);
    margin-left:auto;
    margin-right:auto;
}

.cp6-hero {
    padding:14px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    border-radius:20px;
    border:1px solid rgba(148,163,184,.085);
    background:linear-gradient(145deg,rgba(15,23,42,.76),rgba(5,13,24,.72));
    box-shadow:0 16px 38px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.025);
}
.cp6-hero-icon {
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:15px;
    color:#67e8f9;
    background:rgba(34,211,238,.07);
    border:1px solid rgba(34,211,238,.10);
}
.cp6-hero small {
    display:block;
    color:#627489;
    font-size:.43rem;
    font-weight:950;
    letter-spacing:.08em;
}
.cp6-hero strong {
    display:block;
    margin-top:2px;
    color:#f0f6fb;
    font-size:.72rem;
}
.cp6-hero p {
    margin:3px 0 0;
    color:#75859a;
    font-size:.53rem;
    line-height:1.35;
}
.cp6-status {
    padding:5px 7px;
    border-radius:999px;
    font-size:.42rem;
    font-weight:950;
    letter-spacing:.05em;
}
.cp6-status.ok {
    color:#86efac;
    background:rgba(34,197,94,.07);
    border:1px solid rgba(34,197,94,.15);
}
.cp6-status.warn {
    color:#fde68a;
    background:rgba(245,158,11,.07);
    border:1px solid rgba(245,158,11,.15);
}
.cp6-status.live {
    color:#67e8f9;
    background:rgba(34,211,238,.08);
    border:1px solid rgba(34,211,238,.16);
    box-shadow:0 0 16px rgba(34,211,238,.06);
}

.cp6-card {
    margin-top:10px !important;
    padding:14px;
    border-radius:20px;
    border:1px solid rgba(148,163,184,.075);
    background:rgba(255,255,255,.022);
}
.cp6-card-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.cp6-card-head small {
    display:block;
    color:#63758a;
    font-size:.44rem;
    font-weight:950;
    letter-spacing:.08em;
}
.cp6-card-head h3 {
    margin:2px 0 0;
    color:#dfe8f2;
    font-size:.72rem;
}
.cp6-card-head > .material-icons-round { color:#22d3ee; font-size:19px; }
.cp6-body-copy {
    margin:10px 0 0;
    color:#75869b;
    font-size:.59rem;
    line-height:1.55;
}
.cp6-steps { margin-top:12px; display:grid; gap:8px; }
.cp6-steps > div {
    min-height:54px;
    padding:9px 10px;
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    gap:9px;
    align-items:start;
    border-radius:15px;
    background:rgba(2,6,23,.32);
    border:1px solid rgba(148,163,184,.055);
}
.cp6-steps > div > span {
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:10px;
    color:#06232b;
    background:#2bd4ed;
    font-size:.58rem;
    font-weight:950;
}
.cp6-steps p { margin:0; }
.cp6-steps strong { display:block; color:#cfd9e5; font-size:.59rem; }
.cp6-steps small { display:block; margin-top:3px; color:#66778d; font-size:.50rem; line-height:1.4; }
.cp6-contact-value {
    margin:10px 0 12px;
    padding:11px;
    border-radius:14px;
    color:#c9d5e2;
    background:rgba(255,255,255,.025);
    font-size:.64rem;
    font-weight:750;
}
.cp6-primary {
    width:100%;
    min-height:50px;
    padding:0 13px;
    display:grid;
    grid-template-columns:24px minmax(0,1fr) 20px;
    gap:8px;
    align-items:center;
    border:0;
    border-radius:15px;
    color:#06232b;
    background:#2bd4ed;
    font-size:.66rem;
    font-weight:950;
    text-align:left;
}
.cp6-primary > .material-icons-round:last-child { justify-self:end; }

.cp6-notice {
    margin-top:10px !important;
    padding:11px;
    display:grid;
    grid-template-columns:26px minmax(0,1fr);
    gap:8px;
    border-radius:16px;
    border:1px solid rgba(148,163,184,.065);
    background:rgba(255,255,255,.018);
}
.cp6-notice > .material-icons-round { color:#22d3ee; font-size:18px; }
.cp6-notice p { margin:0; }
.cp6-notice strong { display:block; color:#bcc8d5; font-size:.56rem; }
.cp6-notice small { display:block; margin-top:3px; color:#617287; font-size:.49rem; line-height:1.42; }

@media (max-width:380px) {
    .cp6-page-scroll { padding-left:12px; padding-right:12px; }
    .cp6-hero { grid-template-columns:40px minmax(0,1fr); }
    .cp6-hero > .cp6-status { grid-column:2; justify-self:start; }
}

@media (min-width:720px) {
    .cp6-page {
        align-items:center;
        background:rgba(2,6,23,.90);
        backdrop-filter:blur(12px);
    }
    .cp6-page-head,
    .cp6-page-scroll { width:min(100%,680px); }
    .cp6-page-head {
        margin-top:24px;
        border-radius:24px 24px 0 0;
        background:#07111f;
    }
    .cp6-page-scroll {
        margin-bottom:24px;
        background:#030914;
        border-radius:0 0 24px 24px;
    }
}

/* Paginas informativas independientes */
.cerca-static-page .cp6-page-head-icon{color:var(--cerca-feature-accent,#67e8f9);background:color-mix(in srgb,var(--cerca-feature-accent,#67e8f9) 8%,transparent);border-color:color-mix(in srgb,var(--cerca-feature-accent,#67e8f9) 16%,transparent)}
.cerca-static-content{display:grid;gap:10px}
.cerca-static-hero{padding:15px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;align-items:center;border-radius:20px;border:1px solid rgba(148,163,184,.075);background:rgba(255,255,255,.022)}
.cerca-static-hero>.material-icons-round{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:var(--cerca-feature-accent,#67e8f9);background:color-mix(in srgb,var(--cerca-feature-accent,#67e8f9) 8%,transparent);font-size:22px}
.cerca-static-hero p{margin:0;color:#91a1b3;font-size:.61rem;line-height:1.55}
.cerca-static-blocks{display:grid;border-radius:20px;border:1px solid rgba(148,163,184,.07);overflow:hidden;background:rgba(255,255,255,.018)}
.cerca-static-blocks section{padding:13px;display:grid;grid-template-columns:8px minmax(0,1fr);gap:9px}
.cerca-static-blocks section+section{border-top:1px solid rgba(148,163,184,.055)}
.cerca-static-blocks i{width:7px;height:7px;margin-top:6px;border-radius:50%;background:var(--cerca-feature-accent,#67e8f9)}
.cerca-static-blocks strong{display:block;color:#d2dce7;font-size:.62rem}.cerca-static-blocks p{margin:4px 0 0;color:#6f8196;font-size:.54rem;line-height:1.48}
.cerca-static-note{padding:11px;display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;border-radius:15px;color:#687a8f;background:rgba(255,255,255,.018);font-size:.50rem;line-height:1.45}.cerca-static-note>.material-icons-round{font-size:17px;color:var(--cerca-feature-accent,#67e8f9)}
.cerca-static-action{width:100%;min-height:49px;padding:0 13px;display:grid;grid-template-columns:22px minmax(0,1fr) 20px;gap:8px;align-items:center;border:0;border-radius:15px;color:#04242c;background:var(--cerca-feature-accent,#31d7ef);font-size:.61rem;font-weight:950;text-align:left}.cerca-static-action>.material-icons-round:last-child{justify-self:end}
.cerca-static-textarea{width:100%;min-height:130px;padding:12px;border:1px solid rgba(148,163,184,.10);border-radius:16px;outline:0;resize:vertical;color:#e5edf6;background:rgba(255,255,255,.025);font:inherit;font-size:.62rem;line-height:1.5}