/* ==========================================================
   CERCA FEATURE — INICIO V7.0.0 CONSOLIDADO
   Fuente canónica:
   src/features/inicio/inicio.css

   Orden de capas preservado:
   1. Home V3
   2. Acceso Ruta CERCA V2
   3. Día CERCA V4
   4. Nova V6 / preboot (antes UI Core)

   IMPORTANTE:
   El motor Ruta CERCA NO está aquí.
   Sólo está el diseño del acceso desde Inicio.
   ========================================================== */


/* ==========================================================
   BLOQUE 1 — HOME V3
   ========================================================== */

/* ==============================================================
   CERCA HOME V3 CONSOLIDADO — AUTÓNOMO
   Reemplaza por completo home-v2.css para la vista Inicio.
   No requiere cargar home-v2.css antes.
   ============================================================== */

/* ---------- BASE DEL HOME ---------- */
.cerca-home-v3 {
    --cerca-v3-accent:#22d3ee;
    --cerca-v3-green:#10b981;
    --cerca-v3-card:rgba(15,23,42,.78);
    --cerca-v3-card-2:rgba(2,6,23,.72);
    --cerca-v3-border:rgba(148,163,184,.14);
    --cerca-v3-risk:#10b981;
    --cerca-v3-risk-soft:rgba(16,185,129,.14);
    color:var(--text-primary,#f8fafc);
    padding-bottom:calc(112px + env(safe-area-inset-bottom));
}

.cerca-home-v3 *,
.cerca-home-v3 *::before,
.cerca-home-v3 *::after { box-sizing:border-box; }

.cerca-home-v3 button {
    font:inherit;
    -webkit-tap-highlight-color:transparent;
}

.cerca-home-v3 button:active { transform:scale(.985); }

/* ---------- SALUDO ---------- */
.cerca-home-hello,
.cerca-home-hello-v3 {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:8px 2px 16px;
}

.cerca-home-hello small {
    display:block;
    color:#cbd5e1;
    font-size:.72rem;
    margin-bottom:2px;
}

.cerca-home-hello h2 {
    margin:0 0 7px;
    color:#fff;
    font-size:1.55rem;
    line-height:1.08;
    font-weight:900;
    letter-spacing:-.025em;
}

.cerca-home-location {
    display:flex;
    align-items:center;
    gap:7px;
    color:#e2e8f0;
    font-size:.78rem;
    min-width:0;
}

.cerca-home-location .material-icons-round {
    color:#f8fafc;
    font-size:20px;
    flex:0 0 auto;
}

.cerca-home-location span:last-child {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* ---------- HERO / TU ZONA AHORA ---------- */
.cerca-home-hero,
.cerca-home-hero-v3 {
    display:block;
    position:relative;
    overflow:hidden;
    width:100%;
    height:auto !important;
    min-height:430px !important;
    max-height:none !important;
    padding:17px;
    border-radius:24px;
    border:1px solid rgba(34,211,238,.16);
    background:
      radial-gradient(circle at 88% 5%, rgba(34,211,238,.12), transparent 36%),
      linear-gradient(155deg, rgba(15,23,42,.98), rgba(2,6,23,.97));
    box-shadow:0 18px 48px rgba(0,0,0,.24);
    color:#f8fafc;
}

.cerca-home-kicker {
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    color:#cbd5e1;
    font-size:.63rem;
    font-weight:950;
    letter-spacing:.10em;
}

.cerca-home-live-pill {
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:25px;
    padding:0 9px;
    border-radius:999px;
    color:#86efac;
    border:1px solid rgba(34,197,94,.28);
    background:rgba(34,197,94,.08);
    letter-spacing:.05em;
}

.cerca-home-live-pill i {
    width:7px;
    height:7px;
    border-radius:50%;
    background:#22c55e;
    box-shadow:0 0 0 4px rgba(34,197,94,.10);
}

.cerca-home-leader {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    margin-top:13px;
    padding:11px;
    border-radius:16px;
    border:1px solid rgba(148,163,184,.11);
    background:rgba(2,6,23,.34);
    cursor:pointer;
}

.cerca-home-leader-icon {
    width:42px;
    height:42px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#67e8f9;
    background:rgba(34,211,238,.10);
    border:1px solid rgba(34,211,238,.16);
}

.cerca-home-leader-icon .material-icons-round { font-size:22px; }

.cerca-home-leader-copy { min-width:0; }
.cerca-home-leader-copy strong {
    display:block;
    color:#f8fafc;
    font-size:.76rem;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.cerca-home-leader-copy small {
    display:block;
    margin-top:3px;
    color:#94a3b8;
    font-size:.61rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.cerca-home-leader-distance {
    color:#67e8f9;
    font-size:.67rem;
    font-weight:900;
    white-space:nowrap;
}

.cerca-home-dots {
    position:relative;
    z-index:2;
    min-height:8px;
    display:flex;
    justify-content:center;
    gap:5px;
    margin-top:8px;
}
.cerca-home-dots i,
.cerca-home-dots span {
    width:5px;
    height:5px;
    border-radius:999px;
    background:#475569;
}
.cerca-home-dots .active { width:16px; background:#22d3ee; }

.cerca-home-hero-actions {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);
    gap:8px;
    margin-top:12px;
}

.cerca-home-primary,
.cerca-home-secondary {
    min-height:44px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    cursor:pointer;
    font-size:.73rem;
    font-weight:900;
}
.cerca-home-primary {
    border:1px solid rgba(16,185,129,.38);
    color:#ecfdf5;
    background:linear-gradient(135deg,#10b981,#059669);
    box-shadow:0 10px 24px rgba(16,185,129,.16);
}
.cerca-home-secondary {
    border:1px solid rgba(148,163,184,.16);
    color:#e2e8f0;
    background:rgba(15,23,42,.72);
}
.cerca-home-primary .material-icons-round,
.cerca-home-secondary .material-icons-round { font-size:18px; }

/* ---------- CABECERAS DE SECCIÓN ---------- */
.cerca-home-section-label {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.cerca-home-section-label > div { min-width:0; }
.cerca-home-section-label small {
    display:block;
    color:#cbd5e1;
    font-size:.61rem;
    font-weight:900;
    letter-spacing:.07em;
}
.cerca-home-section-label h3 {
    margin:3px 0 0;
    color:#f8fafc;
    font-size:1.04rem;
    line-height:1.15;
    font-weight:900;
}
.cerca-home-section-label p {
    margin:4px 0 0;
    color:#94a3b8;
    font-size:.65rem;
    line-height:1.35;
}
.cerca-home-section-link {
    flex:0 0 auto;
    border:0;
    background:transparent;
    color:#67e8f9;
    padding:4px 0;
    cursor:pointer;
    font-size:.66rem;
    font-weight:850;
}

/* ---------- RUTA ---------- */
.cerca-home-route-search {
    width:100%;
    display:grid;
    grid-template-columns:36px minmax(0,1fr) 22px;
    align-items:center;
    gap:10px;
    padding:12px;
    border-radius:16px;
    border:1px solid rgba(34,211,238,.16);
    background:rgba(2,6,23,.42);
    color:#f8fafc;
    text-align:left;
    cursor:pointer;
}
.cerca-home-route-search > .material-icons-round:first-child {
    width:36px;
    height:36px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(34,211,238,.10);
    color:#67e8f9;
}
.cerca-home-route-search div { min-width:0; }
.cerca-home-route-search strong {
    display:block;
    font-size:.75rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.cerca-home-route-search small {
    display:block;
    color:#94a3b8;
    font-size:.60rem;
    margin-top:2px;
}
.cerca-home-route-search > .material-icons-round:last-child { color:#64748b; }

/* ---------- PREVENCIÓN ---------- */
.cerca-home-topics {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}
.cerca-home-topic {
    width:100%;
    min-width:0;
    min-height:92px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:3px;
    padding:12px;
    border-radius:17px;
    border:1px solid rgba(148,163,184,.13);
    background:linear-gradient(145deg,rgba(15,23,42,.88),rgba(2,6,23,.70));
    color:#f8fafc;
    text-align:left;
    cursor:pointer;
    box-shadow:0 9px 24px rgba(0,0,0,.12);
}
.cerca-home-topic > .material-icons-round {
    font-size:23px;
    color:#67e8f9;
    margin-bottom:4px;
}
.cerca-home-topic strong {
    display:block;
    font-size:.72rem;
    line-height:1.2;
}
.cerca-home-topic small {
    display:block;
    color:#94a3b8;
    font-size:.58rem;
    line-height:1.25;
}

/* ---------- ACCIONES RÁPIDAS ---------- */
.cerca-home-actions {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-top:10px;
}
.cerca-home-action {
    width:100%;
    min-width:0;
    min-height:84px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:3px;
    padding:12px;
    border-radius:17px;
    border:1px solid rgba(148,163,184,.13);
    background:linear-gradient(145deg,rgba(15,23,42,.88),rgba(2,6,23,.72));
    color:#f8fafc;
    text-align:left;
    cursor:pointer;
}
.cerca-home-action > .material-icons-round {
    color:#67e8f9;
    font-size:23px;
    margin-bottom:3px;
}
.cerca-home-action strong { font-size:.70rem; line-height:1.2; }
.cerca-home-action small { color:#94a3b8; font-size:.57rem; line-height:1.25; }

/* ---------- CONSEJO ---------- */
.cerca-home-tip {
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:13px;
    border-radius:17px;
    border:1px solid rgba(245,158,11,.14);
    background:rgba(245,158,11,.055);
}
.cerca-home-tip > .material-icons-round {
    color:#f59e0b;
    font-size:21px;
    flex:0 0 auto;
}
.cerca-home-tip small {
    display:block;
    color:#fbbf24;
    font-size:.57rem;
    font-weight:900;
    letter-spacing:.06em;
}
.cerca-home-tip p {
    margin:3px 0 0;
    color:#cbd5e1;
    font-size:.65rem;
    line-height:1.4;
}

@media (max-width:390px) {
    .cerca-home-hero,.cerca-home-hero-v3 { padding:14px; border-radius:21px; }
    .cerca-home-hello h2 { font-size:1.42rem; }
    .cerca-home-topic { min-height:86px; padding:10px; }
    .cerca-home-action { min-height:78px; padding:10px; }
}

    --cerca-v3-risk: #10b981;
    --cerca-v3-risk-soft: rgba(16, 185, 129, .14);
    padding-bottom: calc(112px + env(safe-area-inset-bottom));
}

.cerca-home-v3 button {
    -webkit-tap-highlight-color: transparent;
}

.cerca-home-block,
.cerca-home-route-v3,
.cerca-home-day-summary,
.cerca-home-tip-v3 {
    margin-top: 18px;
}

/* SALUDO */
.cerca-home-hello-v3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 4px 2px 14px;
}

.cerca-home-hello-v3 h2 {
    margin-bottom: 4px;
}

.cerca-home-updated {
    margin-top: 6px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--text-secondary, #94a3b8);
    font-size: .67rem;
    font-weight: 650;
}

.cerca-home-updated .material-icons-round {
    font-size: 13px;
    color: #22d3ee;
}

.cerca-home-profile-shortcut {
    width: 42px;
    height: 42px;
    border-radius: 15px;
    border: 1px solid rgba(34, 211, 238, .18);
    background: linear-gradient(145deg, rgba(34,211,238,.12), rgba(124,58,237,.08));
    color: #dff9ff;
    display: none;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

/* HERO */
.cerca-home-hero-v3 {
    position: relative;
    height: auto !important;
    min-height: 430px !important;
    max-height: none !important;
    overflow: hidden !important;
    border: 1px solid color-mix(in srgb, var(--cerca-v3-risk) 18%, transparent);
    background:
        radial-gradient(circle at 82% 4%, color-mix(in srgb, var(--cerca-v3-risk) 20%, transparent), transparent 34%),
        linear-gradient(155deg, rgba(15,23,42,.96), rgba(2,6,23,.96));
    box-shadow: 0 18px 48px rgba(0,0,0,.24);
}

.cerca-home-hero-v3::after {
    content: "";
    position: absolute;
    width: 118px;
    height: 118px;
    border-radius: 50%;
    right: -66px;
    bottom: -76px;
    border: 1px solid color-mix(in srgb, var(--cerca-v3-risk) 14%, transparent);
    box-shadow: 0 0 34px color-mix(in srgb, var(--cerca-v3-risk) 7%, transparent);
    pointer-events: none;
}

.cerca-home-hero-v3[data-cerca-index-level="very-stable"] {
    --cerca-v3-risk: #10b981;
    --cerca-v3-risk-soft: rgba(16,185,129,.14);
}
.cerca-home-hero-v3[data-cerca-index-level="stable"] {
    --cerca-v3-risk: #22c55e;
    --cerca-v3-risk-soft: rgba(34,197,94,.14);
}
.cerca-home-hero-v3[data-cerca-index-level="attention"] {
    --cerca-v3-risk: #eab308;
    --cerca-v3-risk-soft: rgba(234,179,8,.14);
}
.cerca-home-hero-v3[data-cerca-index-level="elevated"] {
    --cerca-v3-risk: #f97316;
    --cerca-v3-risk-soft: rgba(249,115,22,.14);
}
.cerca-home-hero-v3[data-cerca-index-level="high"] {
    --cerca-v3-risk: #ef4444;
    --cerca-v3-risk-soft: rgba(239,68,68,.14);
}
.cerca-home-hero-v3[data-cerca-index-level="unknown"] {
    --cerca-v3-risk: #38bdf8;
    --cerca-v3-risk-soft: rgba(56,189,248,.12);
}

.cerca-index-row {
    display: grid;
    grid-template-columns: 104px 1fr;
    gap: 14px;
    align-items: center;
    margin: 14px 0 8px;
}

.cerca-index-score-wrap {
    min-height: 104px;
    border-radius: 22px;
    border: 1px solid color-mix(in srgb, var(--cerca-v3-risk) 24%, transparent);
    background: var(--cerca-v3-risk-soft);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 28px rgba(255,255,255,.015);
}

.cerca-index-score {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 2px;
    line-height: 1;
}

.cerca-index-score strong {
    color: #fff;
    font-size: 2.45rem;
    font-weight: 950;
    letter-spacing: -.075em;
}

.cerca-index-score span {
    color: var(--text-secondary, #94a3b8);
    font-size: .72rem;
    font-weight: 800;
}

.cerca-index-score-wrap > small {
    margin-top: 7px;
    color: var(--cerca-v3-risk);
    font-size: .60rem;
    letter-spacing: .08em;
    font-weight: 950;
}

.cerca-index-copy {
    min-width: 0;
}

.cerca-index-badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--cerca-v3-risk) 32%, transparent);
    background: var(--cerca-v3-risk-soft);
    color: var(--cerca-v3-risk);
    font-size: .58rem;
    font-weight: 950;
    letter-spacing: .08em;
}

.cerca-index-copy > strong {
    display: block;
    color: var(--text-primary, #f8fafc);
    font-size: 1rem;
    line-height: 1.17;
    margin-top: 7px;
}

.cerca-index-copy > p {
    margin: 5px 0 0;
    color: var(--text-secondary, #94a3b8);
    font-size: .70rem;
    line-height: 1.42;
}

.cerca-index-meter {
    width: 100%;
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(148,163,184,.12);
    margin-top: 12px;
}

.cerca-index-meter > span {
    display: block;
    width: 0%;
    height: 100%;
    border-radius: inherit;
    background: var(--cerca-v3-risk);
    box-shadow: 0 0 18px color-mix(in srgb, var(--cerca-v3-risk) 44%, transparent);
    transition: width .55s ease, background .35s ease;
}

.cerca-index-legend {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 7px;
    color: #64748b;
    font-size: .58rem;
    font-weight: 700;
}

.cerca-index-legend span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.cerca-index-legend i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
.cerca-index-legend i.stable { background:#10b981; }
.cerca-index-legend i.attention { background:#eab308; }
.cerca-index-legend i.risk { background:#ef4444; }

.cerca-home-status-v3 {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(148,163,184,.10);
}

.cerca-home-status-v3 h3 {
    margin-top: 0;
    margin-bottom: 4px;
    font-size: .96rem;
}

.cerca-home-status-v3 p {
    margin: 0;
    font-size: .71rem;
}

.cerca-home-leader-v3 {
    margin-top: 10px;
}

/* TITULARES DE BLOQUE */
.cerca-home-section-label-v3 {
    align-items: flex-start;
}

.cerca-home-section-label-v3 h3 {
    margin-bottom: 2px;
}

.cerca-home-section-label-v3 p {
    margin: 0;
    color: var(--text-secondary, #94a3b8);
    font-size: .67rem;
    line-height: 1.4;
}

/* CRONOLOGÍA */
.cerca-home-timeline-section {
    padding: 14px;
    border-radius: 20px;
    border: 1px solid var(--cerca-v3-border);
    background: linear-gradient(160deg, rgba(15,23,42,.74), rgba(2,6,23,.72));
}

.cerca-home-timeline {
    position: relative;
    margin-top: 12px;
    display: flex;
    flex-direction: column;
}

.cerca-home-timeline::before {
    content: "";
    position: absolute;
    top: 7px;
    bottom: 7px;
    left: 47px;
    width: 1px;
    background: linear-gradient(to bottom, rgba(34,211,238,.38), rgba(148,163,184,.08));
}

.cerca-timeline-item {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    width: 100%;
    padding: 8px 0;
    display: grid;
    grid-template-columns: 38px 18px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: start;
    text-align: left;
    cursor: pointer;
}

.cerca-timeline-time {
    color: #cbd5e1;
    font-size: .64rem;
    font-weight: 850;
    padding-top: 4px;
}

.cerca-timeline-dot {
    width: 10px;
    height: 10px;
    margin: 4px auto 0;
    border-radius: 50%;
    background: var(--timeline-color, #38bdf8);
    border: 2px solid #0f172a;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--timeline-color, #38bdf8) 28%, transparent);
    position: relative;
    z-index: 2;
}

.cerca-timeline-copy {
    min-width: 0;
}

.cerca-timeline-copy strong {
    display: block;
    color: var(--text-primary, #f8fafc);
    font-size: .76rem;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cerca-timeline-copy small {
    display: block;
    margin-top: 2px;
    color: var(--text-secondary, #94a3b8);
    font-size: .63rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cerca-timeline-state {
    border: 1px solid color-mix(in srgb, var(--timeline-state, #94a3b8) 28%, transparent);
    background: color-mix(in srgb, var(--timeline-state, #94a3b8) 9%, transparent);
    color: var(--timeline-state, #94a3b8);
    border-radius: 999px;
    padding: 4px 6px;
    font-size: .52rem;
    font-weight: 950;
    letter-spacing: .04em;
    white-space: nowrap;
}

.cerca-home-empty-v3 {
    padding: 18px 10px;
    border-radius: 14px;
    border: 1px dashed rgba(148,163,184,.14);
    background: rgba(15,23,42,.32);
}

/* RUTA */
.cerca-home-route-v3 {
    padding: 14px;
    border-radius: 20px;
    border: 1px solid rgba(34,211,238,.12);
    background:
        radial-gradient(circle at 100% 0%, rgba(34,211,238,.09), transparent 34%),
        rgba(15,23,42,.60);
}

.cerca-home-route-v3 .cerca-home-route-search {
    margin-top: 11px;
}

/* PREVENCIÓN */
.cerca-home-prevention-v3 {
    padding: 2px 0;
}

.cerca-home-topics-v3 {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.cerca-home-topics-v3 .cerca-home-topic {
    min-width: 0;
    min-height: 88px;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.cerca-home-topics-v3 .cerca-home-topic::after {
    content: "";
    position: absolute;
    width: 54px;
    height: 54px;
    right: -24px;
    bottom: -24px;
    border-radius: 50%;
    background: rgba(34,211,238,.06);
}

.cerca-home-topics-v3 .cerca-home-topic[data-cerca-priority="1"] {
    border-color: rgba(34,211,238,.28);
    background: linear-gradient(145deg, rgba(34,211,238,.10), rgba(15,23,42,.72));
}

/* ACCIONES */
.cerca-home-actions-v3 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.cerca-home-actions-v3 .cerca-home-action {
    min-width: 0;
    padding: 11px 6px;
    min-height: 88px;
}

.cerca-home-actions-v3 .cerca-home-action .material-icons-round {
    font-size: 22px;
}

.cerca-home-actions-v3 .cerca-home-action strong {
    font-size: .67rem;
}

.cerca-home-actions-v3 .cerca-home-action small {
    font-size: .54rem;
    line-height: 1.2;
}

/* RESUMEN DEL DÍA */
.cerca-home-day-summary {
    padding: 15px;
    border-radius: 22px;
    border: 1px solid rgba(124,58,237,.18);
    background:
        radial-gradient(circle at 96% 0%, rgba(124,58,237,.18), transparent 32%),
        linear-gradient(160deg, rgba(15,23,42,.86), rgba(2,6,23,.82));
}

.cerca-home-day-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.cerca-home-day-head small {
    color: #a78bfa;
    font-size: .61rem;
    font-weight: 950;
    letter-spacing: .08em;
}

.cerca-home-day-head h3 {
    margin: 3px 0 0;
    color: var(--text-primary, #f8fafc);
    font-size: 1rem;
}

.cerca-home-day-head > .material-icons-round {
    color: #a78bfa;
    font-size: 25px;
}

.cerca-home-day-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: 13px;
}

.cerca-home-day-stats > div {
    padding: 11px 7px;
    border-radius: 15px;
    border: 1px solid rgba(148,163,184,.10);
    background: rgba(2,6,23,.34);
    text-align: center;
}

.cerca-home-day-stats strong {
    display: block;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 950;
}

.cerca-home-day-stats span {
    display: block;
    margin-top: 2px;
    color: var(--text-secondary, #94a3b8);
    font-size: .57rem;
    font-weight: 750;
}

.cerca-home-day-insights {
    margin-top: 10px;
    display: grid;
    gap: 7px;
}

.cerca-home-day-insights > div {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    border-radius: 14px;
    background: rgba(15,23,42,.44);
}

.cerca-home-day-insights .material-icons-round {
    color: #38bdf8;
    font-size: 19px;
}

.cerca-home-day-insights p {
    margin: 0;
    min-width: 0;
}

.cerca-home-day-insights small,
.cerca-home-day-insights strong {
    display: block;
}

.cerca-home-day-insights small {
    color: #64748b;
    font-size: .54rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cerca-home-day-insights strong {
    color: #dbeafe;
    margin-top: 1px;
    font-size: .70rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cerca-home-day-note {
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    gap: 7px;
    color: #64748b;
    font-size: .56rem;
    line-height: 1.42;
}

.cerca-home-day-note .material-icons-round {
    font-size: 14px;
    color: #64748b;
}

/* CONSEJO */
.cerca-home-tip-v3 {
    margin-bottom: 6px;
}

/* MODAL / VISTA COMPLETA DE CRONOLOGÍA */
.cerca-timeline-modal-v3 {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    background: rgba(2,6,23,.92);
    backdrop-filter: blur(16px);
}

.cerca-timeline-modal-v3.show {
    display: flex;
    flex-direction: column;
}

.cerca-timeline-modal-card-v3 {
    width: min(100%, 640px);
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #0b1220, #020617 72%);
}

.cerca-timeline-modal-head-v3 {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: calc(13px + env(safe-area-inset-top)) 15px 13px;
    border-bottom: 1px solid rgba(148,163,184,.12);
}

.cerca-timeline-modal-head-v3 button {
    width: 38px;
    height: 38px;
    border-radius: 13px;
    border: 1px solid rgba(148,163,184,.14);
    background: rgba(15,23,42,.70);
    color: #fff;
    display: grid;
    place-items: center;
}

.cerca-timeline-modal-head-v3 div {
    min-width: 0;
}

.cerca-timeline-modal-head-v3 small {
    color: #22d3ee;
    font-size: .59rem;
    font-weight: 950;
    letter-spacing: .08em;
}

.cerca-timeline-modal-head-v3 h2 {
    margin: 2px 0 0;
    color: #fff;
    font-size: 1.12rem;
}

.cerca-timeline-modal-body-v3 {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 14px 16px calc(90px + env(safe-area-inset-bottom));
}

.cerca-timeline-modal-summary-v3 {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.cerca-timeline-modal-summary-v3 span {
    padding: 5px 8px;
    border-radius: 999px;
    background: rgba(56,189,248,.08);
    border: 1px solid rgba(56,189,248,.14);
    color: #bae6fd;
    font-size: .62rem;
    font-weight: 800;
}

.cerca-timeline-modal-list-v3 {
    position: relative;
}

.cerca-timeline-modal-list-v3::before {
    content: "";
    position: absolute;
    left: 54px;
    top: 10px;
    bottom: 10px;
    width: 1px;
    background: rgba(148,163,184,.15);
}

.cerca-timeline-modal-list-v3 .cerca-timeline-item {
    grid-template-columns: 44px 20px minmax(0, 1fr) auto;
    padding: 10px 0;
}

body.cerca-timeline-open-v3 {
    overflow: hidden !important;
}

@media (max-width: 390px) {
    .cerca-index-row {
        grid-template-columns: 92px 1fr;
        gap: 10px;
    }

    .cerca-index-score-wrap {
        min-height: 94px;
    }

    .cerca-index-score strong {
        font-size: 2.12rem;
    }

    .cerca-home-actions-v3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cerca-home-actions-v3 .cerca-home-action {
        min-height: 78px;
    }
}

@media (min-width: 720px) {
    .cerca-home-v3 {
        max-width: 760px;
        margin: 0 auto;
    }

    .cerca-home-topics-v3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Compatibilidad silenciosa con selectores de home-v2.js. */
.cerca-home-v3-compat {
    display: none !important;
}
/* V3.2 — pulido final de móvil */
.cerca-home-hero-v3 .cerca-home-hero-actions {
    margin-bottom: 1px;
}

.cerca-home-day-stats > div {
    min-width: 0;
}


/* ==========================================================
   BLOQUE 2 — ACCESO VISUAL A RUTA CERCA
   ========================================================== */

/* ==========================================================
   CERCA INICIO — RUTA CERCA V2
   Acceso limpio a Auto / Moto / Voy sola
   NO toca la sección Mapa ni el motor de navegación.
   ========================================================== */

#view-inicio .cerca-home-route.cerca-home-route-entry-v4 {
    margin-top: 18px;
}

#view-inicio .cerca-home-route-entry-v4 .cerca-home-route-search {
    position: relative;
    width: 100%;
    min-height: 182px;
    padding: 16px;
    overflow: hidden;

    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;

    border: 1px solid rgba(34, 211, 238, .16);
    border-radius: 22px;

    color: #f8fafc;
    text-align: left;

    background:
        radial-gradient(circle at 92% 5%, rgba(34,211,238,.15), transparent 32%),
        radial-gradient(circle at 8% 100%, rgba(59,130,246,.10), transparent 36%),
        linear-gradient(155deg, rgba(10,20,35,.98), rgba(5,12,23,.98));

    box-shadow: 0 16px 38px rgba(0,0,0,.18);
}

#view-inicio .cerca-home-route-entry-v4 .cerca-home-route-search::before {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    right: -70px;
    top: -86px;
    border-radius: 50%;
    border: 1px solid rgba(34,211,238,.10);
    box-shadow:
        0 0 0 28px rgba(34,211,238,.025),
        0 0 0 56px rgba(34,211,238,.015);
    pointer-events: none;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-top {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-live {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 6px 9px;
    border-radius: 999px;

    color: #a5f3fc;
    background: rgba(34,211,238,.08);
    border: 1px solid rgba(34,211,238,.11);

    font-size: .52rem;
    font-weight: 900;
    letter-spacing: .08em;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-live i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22d3ee;
    box-shadow: 0 0 11px rgba(34,211,238,.75);
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-icon {
    width: 38px;
    height: 38px;

    display: grid;
    place-items: center;

    border-radius: 13px;

    color: #67e8f9;
    background: rgba(34,211,238,.08);
    border: 1px solid rgba(34,211,238,.10);
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-icon .material-icons-round {
    font-size: 20px;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-copy {
    position: relative;
    z-index: 2;
    margin-top: 10px;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-copy small {
    display: block;
    margin-bottom: 3px;

    color: #22d3ee;
    font-size: .54rem;
    font-weight: 900;
    letter-spacing: .09em;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-copy strong {
    display: block;

    color: #f8fafc;
    font-size: 1.24rem;
    line-height: 1.08;
    letter-spacing: -.025em;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-copy span {
    display: block;
    margin-top: 5px;

    color: #8190a3;
    font-size: .65rem;
    line-height: 1.35;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-modes {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 7px;

    margin-top: 12px;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-mode {
    min-height: 30px;
    padding: 0 9px;

    display: inline-flex;
    align-items: center;
    gap: 5px;

    border-radius: 10px;

    color: #95a4b7;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(148,163,184,.08);

    font-size: .56rem;
    font-weight: 800;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-mode .material-icons-round {
    font-size: 15px;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-mode.auto {
    color: #a5f3fc;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-mode.moto {
    color: #fde68a;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-mode.solo {
    color: #ddd6fe;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-cta {
    position: relative;
    z-index: 2;

    min-height: 45px;
    margin-top: 12px;
    padding: 0 12px;

    display: grid;
    grid-template-columns: 30px minmax(0,1fr) 22px;
    align-items: center;
    gap: 8px;

    border-radius: 14px;

    color: #06232b;
    background: #2bd4ed;

    box-shadow: 0 8px 20px rgba(34,211,238,.10);
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-cta > .material-icons-round:first-child {
    font-size: 19px;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-cta-copy {
    min-width: 0;
    display: grid;
    gap: 1px;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-cta-copy strong {
    color: #06232b;
    font-size: .70rem;
    font-weight: 950;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-cta-copy small {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #0b5a66;
    font-size: .52rem;
    font-weight: 700;
}

#view-inicio .cerca-home-route-entry-v4 .crh-route-cta > .material-icons-round:last-child {
    font-size: 18px;
}

#view-inicio .cerca-home-route-entry-v4 .cerca-home-route-search:active {
    transform: scale(.992);
}

@media (max-width: 370px) {
    #view-inicio .cerca-home-route-entry-v4 .cerca-home-route-search {
        min-height: 174px;
        padding: 14px;
    }

    #view-inicio .cerca-home-route-entry-v4 .crh-route-copy strong {
        font-size: 1.12rem;
    }

    #view-inicio .cerca-home-route-entry-v4 .crh-route-mode {
        padding: 0 7px;
        font-size: .52rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    #view-inicio .cerca-home-route-entry-v4 .cerca-home-route-search:active {
        transform: none;
    }
}


/* ==========================================================
   BLOQUE 3 — DÍA CERCA V4
   ========================================================== */

/* ==========================================================
   CERCA INICIO — DÍA CERCA V4
   Centro diario premium / mobile first
   ========================================================== */

.cerca-day-v4-legacy-hidden {
    display:none !important;
}

.cerca-day-v4 {
    position:relative;
    margin-top:18px;
    padding:16px;
    overflow:hidden;

    border:1px solid rgba(148,163,184,.10);
    border-radius:24px;

    background:
        radial-gradient(circle at 88% 4%, rgba(34,211,238,.12), transparent 30%),
        radial-gradient(circle at 4% 100%, rgba(59,130,246,.08), transparent 34%),
        linear-gradient(155deg, rgba(9,18,32,.98), rgba(3,9,18,.98));

    box-shadow:
        0 18px 42px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.025);
}

.cerca-day-v4::after {
    content:"";
    position:absolute;
    width:160px;
    height:160px;
    right:-95px;
    top:-96px;
    border-radius:50%;
    border:1px solid rgba(34,211,238,.08);
    box-shadow:
        0 0 0 28px rgba(34,211,238,.018),
        0 0 0 56px rgba(34,211,238,.010);
    pointer-events:none;
}

.cerca-day-v4-head {
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:58px minmax(0,1fr) 38px;
    gap:11px;
    align-items:center;
}

.cerca-day-v4-calendar {
    min-height:66px;
    padding:6px 4px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    border-radius:17px;
    border:1px solid rgba(34,211,238,.16);

    background:
        linear-gradient(180deg, rgba(34,211,238,.09), rgba(15,23,42,.32));

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035);
}

.cerca-day-v4-calendar small,
.cerca-day-v4-modal-datebox small {
    color:#67e8f9;
    font-size:.48rem;
    font-weight:950;
    letter-spacing:.10em;
}

.cerca-day-v4-calendar strong,
.cerca-day-v4-modal-datebox strong {
    margin:1px 0 0;
    color:#fff;
    font-size:1.65rem;
    line-height:1;
    font-weight:950;
    letter-spacing:-.06em;
}

.cerca-day-v4-calendar span,
.cerca-day-v4-modal-datebox span {
    margin-top:2px;
    color:#8190a3;
    font-size:.48rem;
    font-weight:900;
    letter-spacing:.09em;
}

.cerca-day-v4-title {
    min-width:0;
}

.cerca-day-v4-live {
    display:inline-flex;
    align-items:center;
    gap:6px;

    color:#67e8f9;
    font-size:.48rem;
    font-weight:950;
    letter-spacing:.09em;
}

.cerca-day-v4-live i {
    width:6px;
    height:6px;
    border-radius:50%;
    background:#22d3ee;
    box-shadow:0 0 10px rgba(34,211,238,.75);
}

.cerca-day-v4-title h3 {
    margin:4px 0 0;
    color:#f8fafc;
    font-size:1.05rem;
    line-height:1.12;
    letter-spacing:-.025em;
}

.cerca-day-v4-title p {
    margin:3px 0 0;
    color:#7f8da0;
    font-size:.62rem;
    line-height:1.3;
}

.cerca-day-v4-open {
    width:38px;
    height:38px;
    padding:0;

    display:grid;
    place-items:center;

    border:1px solid rgba(148,163,184,.10);
    border-radius:13px;

    color:#d8f9ff;
    background:rgba(255,255,255,.035);
}

.cerca-day-v4-open .material-icons-round {
    font-size:19px;
}

.cerca-day-v4-overview {
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(110px,.65fr);
    gap:10px;

    margin-top:14px;
}

.cerca-day-v4-main-stat,
.cerca-day-v4-side-stats {
    border:1px solid rgba(148,163,184,.075);
    border-radius:17px;
    background:rgba(255,255,255,.025);
}

.cerca-day-v4-main-stat {
    padding:12px;
}

.cerca-day-v4-main-stat > small {
    display:block;
    color:#738196;
    font-size:.49rem;
    font-weight:900;
    letter-spacing:.09em;
}

.cerca-day-v4-main-stat > strong {
    display:block;
    margin-top:3px;

    color:#fff;
    font-size:2rem;
    line-height:1;
    font-weight:950;
    letter-spacing:-.065em;
}

.cerca-day-v4-main-stat > span {
    display:block;
    margin-top:5px;

    color:#8997aa;
    font-size:.58rem;
    line-height:1.35;
}

.cerca-day-v4-side-stats {
    padding:8px 10px;
    display:grid;
    align-content:center;
    gap:8px;
}

.cerca-day-v4-side-stats > div {
    display:flex;
    align-items:center;
    gap:8px;
}

.cerca-day-v4-side-stats i {
    width:7px;
    height:7px;
    flex:0 0 auto;
    border-radius:50%;
}

.cerca-day-v4-side-stats i.active {
    background:#22c55e;
    box-shadow:0 0 8px rgba(34,197,94,.42);
}

.cerca-day-v4-side-stats i.closed {
    background:#64748b;
}

.cerca-day-v4-side-stats span {
    min-width:0;
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:8px;
    width:100%;
}

.cerca-day-v4-side-stats small {
    color:#7f8da0;
    font-size:.54rem;
    font-weight:750;
}

.cerca-day-v4-side-stats strong {
    color:#e2e8f0;
    font-size:.76rem;
    font-weight:950;
}

.cerca-day-v4-insights {
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:8px;
}

.cerca-day-v4-insights > div {
    min-width:0;
    min-height:54px;
    padding:9px 10px;

    display:grid;
    grid-template-columns:24px minmax(0,1fr);
    gap:7px;
    align-items:center;

    border:1px solid rgba(148,163,184,.07);
    border-radius:15px;
    background:rgba(255,255,255,.022);
}

.cerca-day-v4-insights .material-icons-round {
    color:#22d3ee;
    font-size:17px;
}

.cerca-day-v4-insights p {
    min-width:0;
    margin:0;
}

.cerca-day-v4-insights small {
    display:block;
    color:#66758b;
    font-size:.46rem;
    font-weight:850;
}

.cerca-day-v4-insights strong {
    display:block;
    margin-top:2px;

    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;

    color:#d9e2ee;
    font-size:.61rem;
}

.cerca-day-v4-pulse {
    position:relative;
    z-index:2;

    margin-top:10px;
    padding:10px 11px 9px;

    border:1px solid rgba(148,163,184,.065);
    border-radius:16px;
    background:rgba(2,6,23,.24);
}

.cerca-day-v4-pulse-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.cerca-day-v4-pulse-head span {
    color:#9dacbf;
    font-size:.51rem;
    font-weight:850;
}

.cerca-day-v4-pulse-head small {
    color:#4f6076;
    font-size:.45rem;
    font-weight:750;
}

.cerca-day-v4-bars {
    height:34px;
    margin-top:7px;

    display:grid;
    grid-template-columns:repeat(12,1fr);
    gap:4px;
    align-items:end;
}

.cerca-day-v4-bars > span {
    height:100%;
    display:flex;
    align-items:flex-end;
    justify-content:center;
}

.cerca-day-v4-bars > span > i {
    width:100%;
    height:var(--bar-height,7%);
    min-height:2px;
    border-radius:4px 4px 2px 2px;

    background:
        linear-gradient(180deg, rgba(34,211,238,.78), rgba(59,130,246,.28));

    opacity:.54;
}

.cerca-day-v4-bars > span.current > i {
    opacity:1;
    box-shadow:0 0 10px rgba(34,211,238,.22);
}

.cerca-day-v4-latest-head {
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;

    margin-top:13px;
    padding-top:11px;

    border-top:1px solid rgba(148,163,184,.07);
}

.cerca-day-v4-latest-head > span {
    color:#68788d;
    font-size:.48rem;
    font-weight:950;
    letter-spacing:.09em;
}

.cerca-day-v4-latest-head button {
    padding:0;
    border:0;
    color:#67e8f9;
    background:transparent;

    font-size:.54rem;
    font-weight:900;
}

.cerca-day-v4-latest {
    position:relative;
    z-index:2;
    margin-top:5px;
}

.cerca-day-v4-event {
    appearance:none;
    width:100%;
    padding:10px 0;

    display:grid;
    grid-template-columns:38px 34px minmax(0,1fr) auto;
    gap:8px;
    align-items:center;

    border:0;
    border-bottom:1px solid rgba(148,163,184,.055);
    background:transparent;
    color:inherit;
    text-align:left;
}

.cerca-day-v4-event:last-child {
    border-bottom:0;
}

.cerca-day-v4-event-time {
    color:#8997aa;
    font-size:.55rem;
    font-weight:850;
    font-variant-numeric:tabular-nums;
}

.cerca-day-v4-event-icon {
    width:32px;
    height:32px;

    display:grid;
    place-items:center;

    border-radius:11px;
    border:1px solid color-mix(in srgb,var(--event-color) 24%,transparent);
    background:color-mix(in srgb,var(--event-color) 8%,transparent);
    color:var(--event-color);
}

.cerca-day-v4-event-icon .material-icons-round {
    font-size:17px;
}

.cerca-day-v4-event-copy {
    min-width:0;
}

.cerca-day-v4-event-copy strong {
    display:block;

    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;

    color:#e8eef6;
    font-size:.66rem;
    line-height:1.25;
}

.cerca-day-v4-event-copy small {
    display:block;
    margin-top:2px;

    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;

    color:#6f7f93;
    font-size:.54rem;
}

.cerca-day-v4-event-copy > span {
    display:block;
    margin-top:3px;

    color:#526378;
    font-size:.47rem;
    font-weight:800;
}

.cerca-day-v4-event-state {
    display:inline-flex;
    align-items:center;
    gap:4px;

    padding:4px 6px;
    border-radius:999px;

    color:var(--state-color);
    background:color-mix(in srgb,var(--state-color) 7%,transparent);
    border:1px solid color-mix(in srgb,var(--state-color) 17%,transparent);

    font-size:.43rem;
    font-weight:950;
    letter-spacing:.04em;
}

.cerca-day-v4-event-state i {
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--state-color);
}

.cerca-day-v4-empty {
    min-height:92px;
    padding:14px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;

    color:#718198;
}

.cerca-day-v4-empty .material-icons-round {
    color:#22d3ee;
    font-size:22px;
}

.cerca-day-v4-empty strong {
    margin-top:5px;
    color:#cbd5e1;
    font-size:.67rem;
}

.cerca-day-v4-empty small {
    max-width:250px;
    margin-top:3px;
    font-size:.54rem;
    line-height:1.4;
}

/* ==========================================================
   MODAL — reutiliza el ID conocido por Android Back
   ========================================================== */

.cerca-day-v4-modal {
    position:fixed !important;
    inset:0 !important;
    z-index:99980 !important;

    display:none;
    background:#030913;
}

.cerca-day-v4-modal.show {
    display:flex !important;
    flex-direction:column;
}

.cerca-day-v4-modal-card {
    width:min(100%,680px);
    height:100%;
    margin:0 auto;

    display:flex;
    flex-direction:column;

    background:
        radial-gradient(circle at 84% 0%, rgba(34,211,238,.08), transparent 28%),
        linear-gradient(180deg,#08111f,#020617 62%);
}

.cerca-day-v4-modal-head {
    flex:0 0 auto;
    min-height:88px;
    padding:
        calc(10px + env(safe-area-inset-top))
        14px
        10px;

    display:grid;
    grid-template-columns:40px 52px minmax(0,1fr);
    gap:10px;
    align-items:center;

    border-bottom:1px solid rgba(148,163,184,.08);
}

.cerca-day-v4-modal-back {
    width:40px;
    height:40px;
    padding:0;

    display:grid;
    place-items:center;

    border-radius:13px;
    border:1px solid rgba(148,163,184,.10);

    background:rgba(255,255,255,.035);
    color:#fff;
}

.cerca-day-v4-modal-datebox {
    min-height:62px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    border-radius:16px;
    border:1px solid rgba(34,211,238,.14);
    background:rgba(34,211,238,.055);
}

.cerca-day-v4-modal-datebox strong {
    font-size:1.45rem;
}

.cerca-day-v4-modal-title {
    min-width:0;
}

.cerca-day-v4-modal-title > small {
    color:#22d3ee;
    font-size:.48rem;
    font-weight:950;
    letter-spacing:.10em;
}

.cerca-day-v4-modal-title h2 {
    margin:3px 0 0;

    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;

    color:#f8fafc;
    font-size:1rem;
    line-height:1.15;
}

.cerca-day-v4-modal-title p {
    margin:3px 0 0;
    color:#718198;
    font-size:.54rem;
}

.cerca-day-v4-modal-body {
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;

    padding:
        12px
        14px
        calc(90px + env(safe-area-inset-bottom));
}

.cerca-day-v4-days {
    display:flex;
    gap:7px;
    overflow-x:auto;
    scrollbar-width:none;

    padding:1px 1px 8px;
}

.cerca-day-v4-days::-webkit-scrollbar {
    display:none;
}

.cerca-day-v4-days button {
    position:relative;
    min-width:54px;
    min-height:67px;
    padding:7px 5px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    border-radius:15px;
    border:1px solid rgba(148,163,184,.08);

    color:#718198;
    background:rgba(255,255,255,.025);
}

.cerca-day-v4-days button.active {
    color:#e7fbff;
    border-color:rgba(34,211,238,.30);
    background:rgba(34,211,238,.08);
    box-shadow:inset 0 0 0 1px rgba(34,211,238,.05);
}

.cerca-day-v4-days small {
    font-size:.42rem;
    font-weight:900;
}

.cerca-day-v4-days strong {
    margin:1px 0;
    color:inherit;
    font-size:1.05rem;
    line-height:1;
}

.cerca-day-v4-days span {
    font-size:.42rem;
    font-weight:850;
}

.cerca-day-v4-days i {
    position:absolute;
    right:4px;
    top:4px;

    min-width:14px;
    height:14px;
    padding:0 3px;

    display:grid;
    place-items:center;

    border-radius:999px;
    background:#22d3ee;
    color:#06232b;

    font-size:.38rem;
    font-style:normal;
    font-weight:950;
}

.cerca-day-v4-modal-overview {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:7px;
    margin-top:2px;
}

.cerca-day-v4-modal-overview > div {
    min-width:0;
    padding:9px 6px;

    border-radius:14px;
    border:1px solid rgba(148,163,184,.065);
    background:rgba(255,255,255,.022);

    text-align:center;
}

.cerca-day-v4-modal-overview small {
    display:block;

    overflow:hidden;
    text-overflow:ellipsis;

    color:#65758a;
    font-size:.40rem;
    font-weight:900;
    letter-spacing:.04em;
}

.cerca-day-v4-modal-overview strong {
    display:block;
    margin-top:3px;

    color:#edf4fb;
    font-size:.92rem;
    font-weight:950;
}

.cerca-day-v4-modal-pulse {
    margin-top:8px;
    padding:10px 11px;

    border-radius:16px;
    border:1px solid rgba(148,163,184,.06);
    background:rgba(255,255,255,.018);
}

.cerca-day-v4-modal-pulse > div:first-child {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.cerca-day-v4-modal-pulse strong {
    color:#aebacc;
    font-size:.56rem;
}

.cerca-day-v4-modal-pulse small {
    color:#607188;
    font-size:.47rem;
}

.cerca-day-v4-bars.modal-bars {
    height:44px;
}

.cerca-day-v4-modal-list {
    margin-top:13px;
}

.cerca-day-v4-period + .cerca-day-v4-period {
    margin-top:15px;
}

.cerca-day-v4-period > header {
    display:flex;
    align-items:center;
    gap:7px;

    padding:0 2px 7px;
}

.cerca-day-v4-period > header .material-icons-round {
    color:#22d3ee;
    font-size:16px;
}

.cerca-day-v4-period > header strong {
    color:#cbd5e1;
    font-size:.62rem;
}

.cerca-day-v4-period > header small {
    margin-left:auto;
    color:#56677d;
    font-size:.47rem;
    font-weight:800;
}

.cerca-day-v4-period > div {
    padding:2px 11px;

    border:1px solid rgba(148,163,184,.06);
    border-radius:18px;
    background:rgba(255,255,255,.018);
}

.cerca-day-v4-period .cerca-day-v4-event {
    padding:11px 0;
}

.cerca-day-v4-modal-empty {
    min-height:220px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;

    color:#718198;
}

.cerca-day-v4-modal-empty .material-icons-round {
    color:#22d3ee;
    font-size:28px;
}

.cerca-day-v4-modal-empty strong {
    margin-top:8px;
    color:#d5deea;
    font-size:.74rem;
}

.cerca-day-v4-modal-empty small {
    max-width:260px;
    margin-top:4px;
    font-size:.55rem;
    line-height:1.45;
}

body.cerca-timeline-open-v3 {
    overflow:hidden !important;
}

/* Mobile compacto */
@media (max-width:380px) {
    .cerca-day-v4 {
        padding:14px;
        border-radius:22px;
    }

    .cerca-day-v4-head {
        grid-template-columns:54px minmax(0,1fr) 36px;
        gap:9px;
    }

    .cerca-day-v4-calendar {
        min-height:62px;
    }

    .cerca-day-v4-title h3 {
        font-size:.98rem;
    }

    .cerca-day-v4-overview {
        grid-template-columns:minmax(0,1.25fr) minmax(104px,.75fr);
    }

    .cerca-day-v4-insights {
        grid-template-columns:1fr;
    }

    .cerca-day-v4-event {
        grid-template-columns:36px 32px minmax(0,1fr);
    }

    .cerca-day-v4-event-state {
        grid-column:3;
        justify-self:start;
        margin-top:-4px;
    }

    .cerca-day-v4-modal-overview {
        gap:5px;
    }

    .cerca-day-v4-modal-overview > div {
        padding:8px 3px;
    }
}

/* Tablet / desktop */
@media (min-width:720px) {
    .cerca-day-v4 {
        padding:18px;
    }

    .cerca-day-v4-overview {
        grid-template-columns:minmax(0,1.5fr) minmax(160px,.5fr);
    }
}


/* ==========================================================
   DÍA CERCA V4.0.1 — FIX BLOQUE RECORTADO
   El módulo reutiliza .cerca-home-timeline-section, pero estas
   reglas blindan su altura contra CSS legacy.
   ========================================================== */

#view-inicio #cercaDayV4.cerca-day-v4 {
    display:block !important;
    position:relative !important;

    width:100% !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin-top:18px !important;
    padding:16px !important;

    overflow:hidden !important;

    visibility:visible !important;
    opacity:1 !important;

    contain:none !important;
    content-visibility:visible !important;

    flex:none !important;
    align-self:stretch !important;
}

#view-inicio #cercaDayV4.cerca-day-v4 > * {
    visibility:visible !important;
    opacity:1 !important;
}

#view-inicio #cercaDayV4 .cerca-day-v4-head,
#view-inicio #cercaDayV4 .cerca-day-v4-overview,
#view-inicio #cercaDayV4 .cerca-day-v4-insights,
#view-inicio #cercaDayV4 .cerca-day-v4-pulse,
#view-inicio #cercaDayV4 .cerca-day-v4-latest-head,
#view-inicio #cercaDayV4 .cerca-day-v4-latest {
    position:relative !important;
}

@media (max-width:380px) {
    #view-inicio #cercaDayV4.cerca-day-v4 {
        padding:14px !important;
    }
}


/* ==========================================================
   BLOQUE 4 — NOVA V6 + PREBOOT
   Migrado desde cerca-ui-core.css
   ========================================================== */

/* ==========================================================
   CERCA UI CORE V1 · PREBOOT
   Evita que el Inicio viejo se pinte antes de NOVA.
   ========================================================== */

html.cerca-ui-core-booting #view-inicio{
  background:
    radial-gradient(
      circle at 85% 8%,
      rgba(77,228,255,.075),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #040b16,
      #020711
    )!important;
}

html.cerca-ui-core-booting
#view-inicio
.content-scroll{
  position:relative!important;
  min-height:100vh!important;
  overflow:hidden!important;
}

html.cerca-ui-core-booting
#view-inicio
.content-scroll > *{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

html.cerca-ui-core-booting
#view-inicio
.content-scroll::before{
  content:"CERCA";

  position:absolute;
  z-index:999;
  left:50%;
  top:38%;

  transform:translate(-50%,-50%);

  color:#f3fbff;

  font-family:
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  font-size:26px;
  font-weight:950;
  letter-spacing:.18em;
}

html.cerca-ui-core-booting
#view-inicio
.content-scroll::after{
  content:"";

  position:absolute;
  z-index:999;
  left:50%;
  top:calc(38% + 45px);

  width:74px;
  height:3px;

  transform:translateX(-50%);

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      transparent,
      #4de4ff,
      #917cff,
      transparent
    );

  animation:
    cercaUiCoreBoot 1.05s ease-in-out infinite;
}

@keyframes cercaUiCoreBoot{
  0%,100%{
    opacity:.28;
    transform:
      translateX(-50%)
      scaleX(.65);
  }

  50%{
    opacity:1;
    transform:
      translateX(-50%)
      scaleX(1);
  }
}


/* ===== INICIO V6 ===== */
/* ==========================================================
   CERCA — INICIO V6 · NOVA COMMAND CENTER
   Diseño premium compacto / mobile first
   ========================================================== */

#view-inicio .cerca-home-v6{
  --c6-bg:#020711;
  --c6-panel:#07111f;
  --c6-panel-2:#0a1524;
  --c6-line:rgba(145,196,220,.10);
  --c6-text:#f7fbff;
  --c6-soft:#b3c2cd;
  --c6-muted:#718795;
  --c6-cyan:#4de4ff;
  --c6-blue:#56a8ff;
  --c6-violet:#876bff;
  --c6-magenta:#ff4db8;
  --c6-green:#36e689;
  --c6-amber:#ffc65a;
  --c6-red:#ff607d;

  width:100%!important;
  max-width:100%!important;

  padding:
    0
    0
    calc(
      182px +
      env(safe-area-inset-bottom,0px)
    )!important;

  overflow-x:hidden!important;
  scroll-padding-bottom:
    calc(
      182px +
      env(safe-area-inset-bottom,0px)
    );

  background:
    radial-gradient(
      circle at 90% 2%,
      rgba(77,228,255,.055),
      transparent 22%
    ),
    radial-gradient(
      circle at 8% 17%,
      rgba(255,77,184,.025),
      transparent 25%
    ),
    linear-gradient(
      180deg,
      rgba(2,7,17,.2),
      rgba(2,7,17,.82)
    );
}

#view-inicio .cerca-home-v6 *,
#view-inicio .cerca-home-v6 *::before,
#view-inicio .cerca-home-v6 *::after{
  box-sizing:border-box;
}

#view-inicio .c6-shell{
  width:100%;
  max-width:640px;
  min-width:0;

  margin:0 auto;
  padding:0 16px;
}

#view-inicio .c6-shell > *{
  width:100%;
  max-width:100%;
  min-width:0;
}

/* ==========================================================
   SALUDO — MUCHO MÁS COMPACTO
   ========================================================== */

#view-inicio .c6-hello{
  margin:0!important;
  padding:6px 2px 14px!important;
  min-height:72px!important;

  display:block!important;
}

#view-inicio .c6-hello #cercaHomeDayPart{
  color:#67808f!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}

#view-inicio .c6-hello #cercaHomeGreeting{
  margin:3px 0 0!important;

  color:var(--c6-text)!important;
  font-size:25px!important;
  line-height:1.04!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}

#view-inicio .c6-hello .cerca-home-location{
  margin-top:7px!important;

  display:flex!important;
  align-items:center!important;
  gap:6px!important;

  color:#8096a4!important;
  font-size:12px!important;
}

#view-inicio .c6-hello .cerca-home-location .material-icons-round{
  color:var(--c6-cyan)!important;
  font-size:16px!important;
}

#view-inicio .c6-hello #cercaHomeLocation{
  max-width:76vw!important;

  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#view-inicio .c6-hello .cerca-home-updated{
  margin-top:4px!important;

  color:#536b79!important;
  font-size:10px!important;
}

#view-inicio .c6-hello .cerca-home-profile-shortcut{
  display:none!important;
}

/* ==========================================================
   CERCA LIVE — NUEVO HERO
   ========================================================== */

#view-inicio .c6-pulse{
  position:relative;

  margin-top:2px;
  padding:12px;

  overflow:hidden;

  border-radius:28px;
  border:1px solid rgba(96,209,233,.13);

  background:
    radial-gradient(
      circle at 90% 5%,
      rgba(77,228,255,.13),
      transparent 32%
    ),
    radial-gradient(
      circle at 0% 100%,
      rgba(135,107,255,.095),
      transparent 40%
    ),
    linear-gradient(
      145deg,
      rgba(9,22,36,.98),
      rgba(3,9,18,.99)
    );

  box-shadow:
    0 24px 60px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.025);
}

#view-inicio .c6-pulse::after{
  content:"";
  position:absolute;
  right:-88px;
  top:-96px;

  width:190px;
  height:190px;

  border-radius:50%;

  pointer-events:none;

  border:1px solid rgba(77,228,255,.08);

  box-shadow:
    0 0 0 28px rgba(77,228,255,.018),
    0 0 0 56px rgba(135,107,255,.012);
}

#view-inicio .c6-pulse-head{
  position:relative;
  z-index:3;

  min-height:42px;
  padding:0 2px 9px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

#view-inicio .c6-brand-line{
  min-width:0;

  display:grid;
  grid-template-columns:31px minmax(0,1fr);
  gap:8px;
  align-items:center;
}

#view-inicio .c6-spark{
  width:31px;
  height:31px;

  border-radius:11px;

  background:
    radial-gradient(
      circle at 40% 40%,
      rgba(255,255,255,.72),
      transparent 13%
    ),
    linear-gradient(
      135deg,
      var(--c6-cyan),
      var(--c6-violet) 56%,
      var(--c6-magenta)
    );

  box-shadow:
    0 0 20px rgba(77,228,255,.14);
}

#view-inicio .c6-brand-line small{
  display:block;

  color:var(--c6-cyan);
  font-size:9px;
  font-weight:950;
  letter-spacing:.13em;
}

#view-inicio .c6-brand-line strong{
  display:block;
  margin-top:2px;

  color:#edf8fc;
  font-size:14px;
  font-weight:820;
}

#view-inicio .c6-live,
#view-inicio .c6-now{
  flex:none;

  min-height:26px;
  padding:0 8px;

  display:inline-flex;
  align-items:center;
  gap:6px;

  border-radius:999px;
  border:1px solid rgba(54,230,137,.13);

  background:rgba(54,230,137,.045);

  color:#76ecaa;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
}

#view-inicio .c6-live i,
#view-inicio .c6-now i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:var(--c6-green);

  box-shadow:
    0 0 0 4px rgba(54,230,137,.07),
    0 0 14px rgba(54,230,137,.38);
}

#view-inicio .c6-pulse-viewport{
  width:100%;
  height:210px;

  overflow:hidden;

  border-radius:21px;
}

#view-inicio .c6-pulse-track{
  width:100%;
  height:100%;

  display:flex;

  transition:
    transform .5s
    cubic-bezier(.2,.82,.28,1);

  will-change:transform;
}

#view-inicio .c6-slide{
  flex:0 0 100%;
  width:100%;
  min-width:100%;
  max-width:100%;
  height:100%;

  padding:18px;

  overflow:hidden;

  border-radius:21px;
  border:1px solid rgba(145,196,220,.07);

  background:
    linear-gradient(
      145deg,
      rgba(13,28,44,.76),
      rgba(5,12,23,.86)
    );
}

/* Zona */

#view-inicio .c6-zone-slide{
  display:grid;
  grid-template-columns:minmax(0,1fr) 92px;
  gap:12px;
  align-items:center;
}

#view-inicio .c6-zone-copy{
  min-width:0;
}

#view-inicio .c6-status-badge{
  min-height:23px;
  padding:0 8px;

  display:inline-flex;
  align-items:center;

  border-radius:999px;

  background:rgba(77,228,255,.07);
  border:1px solid rgba(77,228,255,.11);

  color:#69e8fb;
  font-size:9px;
  font-weight:950;
  letter-spacing:.08em;
}

#view-inicio .c6-zone-copy h2{
  margin:9px 0 0;

  color:#f4fbff;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.035em;
}

#view-inicio .c6-zone-copy p{
  margin:7px 0 0;

  color:#8094a2;
  font-size:11px;
  line-height:1.38;
}

#view-inicio .c6-zone-actions{
  margin-top:15px;

  display:flex;
  gap:7px;
  align-items:center;
}

#view-inicio .c6-zone-actions button{
  min-height:36px;
  padding:0 11px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;

  border:0;
  border-radius:12px;

  background:
    linear-gradient(
      135deg,
      var(--c6-cyan),
      #38c9ed
    );

  color:#031019;
  font-size:10px;
  font-weight:900;
}

#view-inicio .c6-zone-actions button.ghost{
  padding-inline:9px;

  border:1px solid rgba(145,196,220,.10);

  background:rgba(255,255,255,.025);

  color:#b7cad5;
}

#view-inicio .c6-zone-actions .material-icons-round{
  font-size:15px;
}

#view-inicio .c6-score{
  --score:0;

  position:relative;

  width:86px;
  height:86px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:
    conic-gradient(
      var(--c6-cyan)
      calc(var(--score) * 1%),
      rgba(255,255,255,.055)
      0
    );

  box-shadow:
    0 0 28px rgba(77,228,255,.08);
}

#view-inicio .c6-score::before{
  content:"";

  position:absolute;
  inset:7px;

  border-radius:50%;

  background:
    radial-gradient(
      circle at 40% 30%,
      rgba(77,228,255,.07),
      transparent 44%
    ),
    #07111f;
}

#view-inicio .c6-score > div{
  position:relative;
  z-index:2;

  display:flex;
  align-items:baseline;
  gap:2px;
}

#view-inicio .c6-score strong{
  color:#f6fcff;
  font-size:27px;
  font-weight:950;
  line-height:1;
}

#view-inicio .c6-score small{
  color:#6e8796;
  font-size:9px;
  font-weight:800;
}

/* Día */

#view-inicio .c6-day-slide{
  display:flex;
  flex-direction:column;
}

#view-inicio .c6-day-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

#view-inicio .c6-day-top small,
#view-inicio .c6-tip-copy small{
  display:block;

  color:#76dff0;
  font-size:9px;
  font-weight:950;
  letter-spacing:.10em;
}

#view-inicio .c6-day-top h2,
#view-inicio .c6-tip-copy h2{
  margin:3px 0 0;

  color:#f1f9fd;
  font-size:19px;
  line-height:1.08;
  letter-spacing:-.025em;
}

#view-inicio .c6-day-top button{
  min-height:31px;
  padding:0 8px;

  display:flex;
  align-items:center;
  gap:4px;

  border:1px solid rgba(145,196,220,.09);
  border-radius:11px;

  background:rgba(255,255,255,.022);

  color:#9ab1bf;
  font-size:9px;
  font-weight:850;
}

#view-inicio .c6-day-top button .material-icons-round{
  font-size:14px;
}

#view-inicio .c6-metrics{
  margin-top:16px;

  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}

#view-inicio .c6-metrics > div{
  min-width:0;
  padding:10px;

  border-radius:14px;
  border:1px solid rgba(145,196,220,.065);

  background:rgba(255,255,255,.018);
}

#view-inicio .c6-metrics span{
  display:block;

  color:#6f8491;
  font-size:9px;
}

#view-inicio .c6-metrics strong{
  display:block;
  margin-top:3px;

  color:#f4fbff;
  font-size:22px;
  font-weight:920;
}

#view-inicio .c6-busy{
  margin-top:8px;
  padding:9px 10px;

  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:8px;
  align-items:center;

  border-radius:13px;

  background:
    linear-gradient(
      90deg,
      rgba(135,107,255,.055),
      rgba(77,228,255,.025)
    );
}

#view-inicio .c6-busy > .material-icons-round{
  color:#6fdbef;
  font-size:18px;
}

#view-inicio .c6-busy small{
  display:block;
  color:#697f8e;
  font-size:8px;
}

#view-inicio .c6-busy strong{
  display:block;
  margin-top:1px;
  color:#cfdee7;
  font-size:11px;
}

/* Consejo */

#view-inicio .c6-tip-slide{
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:15px;
  align-items:center;
}

#view-inicio .c6-tip-orb{
  width:70px;
  height:70px;

  display:grid;
  place-items:center;

  border-radius:23px;

  background:
    radial-gradient(
      circle at 40% 35%,
      rgba(255,255,255,.22),
      transparent 20%
    ),
    linear-gradient(
      145deg,
      rgba(77,228,255,.17),
      rgba(135,107,255,.12),
      rgba(255,77,184,.10)
    );

  border:1px solid rgba(145,196,220,.09);

  box-shadow:
    0 12px 34px rgba(0,0,0,.18);
}

#view-inicio .c6-tip-orb .material-icons-round{
  color:#72e9fb;
  font-size:29px;
}

#view-inicio .c6-tip-copy p{
  margin:8px 0 0;

  color:#8499a7;
  font-size:11px;
  line-height:1.42;
}

#view-inicio .c6-pulse-foot{
  min-height:25px;
  padding:9px 2px 0;

  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:11px;
  align-items:center;
}

#view-inicio .c6-dots{
  display:flex;
  align-items:center;
  gap:5px;
}

#view-inicio .c6-dots button{
  width:6px;
  height:6px;
  padding:0;

  border:0;
  border-radius:999px;

  background:#324b59;

  transition:
    width .2s ease,
    background .2s ease;
}

#view-inicio .c6-dots button.active{
  width:19px;
  background:var(--c6-cyan);
}

#view-inicio .c6-progress{
  height:2px;
  overflow:hidden;

  border-radius:999px;

  background:rgba(255,255,255,.04);
}

#view-inicio .c6-progress i{
  display:block;
  width:0;
  height:100%;

  border-radius:inherit;

  background:
    linear-gradient(
      90deg,
      var(--c6-cyan),
      var(--c6-violet),
      var(--c6-magenta)
    );
}

@keyframes c6Progress{
  from{width:0}
  to{width:100%}
}

/* ==========================================================
   RUTA — COCKPIT
   ========================================================== */

#view-inicio .c6-route{
  position:relative;

  margin-top:15px!important;
  padding:2px!important;

  overflow:hidden!important;

  border-radius:24px!important;

  background:
    linear-gradient(
      120deg,
      rgba(77,228,255,.22),
      rgba(86,168,255,.07),
      rgba(135,107,255,.12)
    )!important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.18)!important;
}

#view-inicio .c6-route::before{
  content:"RUTA CERCA";

  position:absolute;
  z-index:4;
  top:11px;
  left:15px;

  color:#70e7f9;

  font-size:9px;
  font-weight:950;
  letter-spacing:.11em;
}

#view-inicio .c6-route .cerca-home-route-search{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;

  margin:0!important;
  padding-top:30px!important;

  overflow:hidden!important;

  border-radius:22px!important;
  border:0!important;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(77,228,255,.09),
      transparent 33%
    ),
    linear-gradient(
      150deg,
      rgba(9,23,36,.98),
      rgba(5,12,22,.99)
    )!important;

  box-shadow:none!important;
}

#view-inicio .c6-route *,
#view-inicio .c6-route .cerca-home-route-search *{
  min-width:0!important;
  max-width:100%;
}

/* ==========================================================
   SECCIONES NATIVAS
   ========================================================== */

#view-inicio .c6-native-section,
#view-inicio .c6-section{
  margin-top:20px!important;
  padding-top:14px!important;

  border-top:
    1px solid rgba(145,196,220,.055)!important;
}

#view-inicio .c6-native-section{
  background:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}

#view-inicio .c6-native-section .cerca-home-section-label-v3{
  padding:0 1px 4px!important;
}

#view-inicio .c6-native-section .cerca-home-section-label-v3 small{
  color:#68808f!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}

#view-inicio .c6-native-section .cerca-home-section-label-v3 h3{
  margin-top:3px!important;

  color:#f1f8fc!important;
  font-size:20px!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
}

#view-inicio .c6-native-section .cerca-home-section-label-v3 p{
  margin-top:4px!important;

  color:#6f8492!important;
  font-size:11px!important;
  line-height:1.35!important;
}

/* Para ti: dos tarjetas exactas, nunca cortadas */

#view-inicio .c6-personal-track{
  width:100%!important;
  max-width:100%!important;

  margin-top:10px!important;
  padding:0 0 7px!important;

  display:flex!important;
  gap:9px!important;

  overflow-x:auto!important;
  overflow-y:hidden!important;

  scroll-snap-type:x mandatory!important;
  scroll-padding-inline:0!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch;
}

#view-inicio .c6-personal-track::-webkit-scrollbar{
  display:none!important;
}

#view-inicio .c6-personal-track > [data-home-prevent]{
  flex:
    0 0
    calc(
      (100% - 9px) / 2
    )!important;

  width:
    calc(
      (100% - 9px) / 2
    )!important;

  max-width:
    calc(
      (100% - 9px) / 2
    )!important;

  min-width:0!important;
  min-height:122px!important;

  padding:13px!important;

  overflow:hidden!important;

  scroll-snap-align:start!important;

  border-radius:20px!important;
  border:1px solid rgba(145,196,220,.09)!important;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(77,228,255,.07),
      transparent 40%
    ),
    linear-gradient(
      150deg,
      rgba(10,23,37,.92),
      rgba(4,11,20,.97)
    )!important;

  box-shadow:
    0 12px 28px rgba(0,0,0,.10)!important;
}

#view-inicio .c6-personal-track > [data-home-prevent] *{
  min-width:0!important;
  max-width:100%!important;

  overflow-wrap:anywhere!important;
}

/* ==========================================================
   RADAR — LISTA COMPACTA, NO TARJETAS GIGANTES
   ========================================================== */

#view-inicio .c6-section-head{
  padding:0 1px 3px;

  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

#view-inicio .c6-section-head > div{
  min-width:0;
}

#view-inicio .c6-section-head small{
  display:block;

  color:#698290;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
}

#view-inicio .c6-section-head h3{
  margin:3px 0 0;

  color:#f3faff;
  font-size:20px;
  line-height:1.08;
  letter-spacing:-.03em;
}

#view-inicio .c6-section-head p{
  margin:4px 0 0;

  color:#6e8391;
  font-size:11px;
}

#view-inicio .c6-radar-list{
  margin-top:10px;

  display:grid;
  gap:7px;
}

#view-inicio .c6-radar-item{
  width:100%;
  min-width:0;
  min-height:86px;

  padding:10px;

  display:grid;
  grid-template-columns:42px minmax(0,1fr) 20px;
  gap:10px;
  align-items:center;

  text-align:left;

  border-radius:18px;
  border:1px solid rgba(145,196,220,.075);

  background:
    linear-gradient(
      145deg,
      rgba(10,21,34,.86),
      rgba(4,10,18,.94)
    );

  color:#edf7fb;

  box-shadow:
    0 9px 24px rgba(0,0,0,.08);
}

#view-inicio .c6-radar-icon{
  width:42px;
  height:42px;

  display:grid;
  place-items:center;

  border-radius:14px;

  background:
    linear-gradient(
      145deg,
      rgba(77,228,255,.10),
      rgba(135,107,255,.07)
    );

  border:1px solid rgba(77,228,255,.08);
}

#view-inicio .c6-radar-icon .material-icons-round{
  color:#62e3f7;
  font-size:20px;
}

#view-inicio .c6-radar-copy{
  min-width:0;
}

#view-inicio .c6-radar-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
}

#view-inicio .c6-radar-meta b{
  color:#668595;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
}

#view-inicio .c6-radar-meta em{
  color:var(--c6-amber);
  font-size:9px;
  font-style:normal;
  font-weight:900;
}

#view-inicio .c6-radar-copy > strong{
  display:block;

  margin-top:4px;

  color:#eff8fc;
  font-size:13px;
  line-height:1.24;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#view-inicio .c6-radar-copy > small{
  display:block;

  margin-top:3px;

  color:#6f8491;
  font-size:9px;
  line-height:1.28;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#view-inicio .c6-chevron{
  color:#496373;
  font-size:18px;
}

#view-inicio .c6-radar-empty{
  min-height:82px;
  padding:12px;

  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:10px;
  align-items:center;

  border-radius:18px;
  border:1px dashed rgba(77,228,255,.10);

  background:rgba(77,228,255,.018);
}

#view-inicio .c6-radar-empty > .material-icons-round{
  color:#5ee2f6;
  font-size:21px;
}

#view-inicio .c6-radar-empty.calm > .material-icons-round{
  color:var(--c6-green);
}

#view-inicio .c6-radar-empty strong{
  display:block;

  color:#dbe9f0;
  font-size:12px;
}

#view-inicio .c6-radar-empty small{
  display:block;
  margin-top:2px;

  color:#6a808e;
  font-size:9px;
}

#view-inicio .c6-map-row{
  width:100%;
  min-height:43px;
  margin-top:8px;
  padding:0 11px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;

  border:1px solid rgba(145,196,220,.07);
  border-radius:14px;

  background:rgba(255,255,255,.016);

  color:#8fa8b6;
}

#view-inicio .c6-map-row > span{
  display:flex;
  align-items:center;
  gap:7px;

  font-size:10px;
  font-weight:820;
}

#view-inicio .c6-map-row .material-icons-round{
  color:#5ccfe3;
  font-size:16px;
}

/* ==========================================================
   ACCIONES — 2 x 2, SIN SCROLL ROTO
   ========================================================== */

#view-inicio .c6-quick-grid{
  width:100%!important;

  margin-top:10px!important;

  display:grid!important;
  grid-template-columns:
    repeat(2,minmax(0,1fr))!important;

  gap:9px!important;
}

#view-inicio .c6-quick-grid > .cerca-home-action{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:105px!important;

  padding:12px!important;

  overflow:hidden!important;

  border-radius:19px!important;
  border:1px solid rgba(145,196,220,.08)!important;

  background:
    linear-gradient(
      145deg,
      rgba(10,21,35,.88),
      rgba(4,10,18,.95)
    )!important;

  box-shadow:none!important;
}

#view-inicio .c6-quick-grid > .cerca-home-action *{
  min-width:0!important;
  max-width:100%!important;

  overflow-wrap:anywhere!important;
}

/* ==========================================================
   FUENTES REALES OFFSCREEN
   Mantienen sus actualizaciones sin ocupar pantalla.
   ========================================================== */

#view-inicio .c6-source-bay{
  position:fixed!important;
  left:-12000px!important;
  top:0!important;

  width:390px!important;
  height:auto!important;

  opacity:0!important;
  pointer-events:none!important;

  overflow:hidden!important;

  z-index:-9999!important;
}

/* ==========================================================
   RESPUESTA A 360–390px
   ========================================================== */

@media(max-width:390px){
  #view-inicio .c6-shell{
    padding-inline:13px;
  }

  #view-inicio .c6-hello #cercaHomeGreeting{
    font-size:23px!important;
  }

  #view-inicio .c6-pulse{
    padding:10px;
    border-radius:24px;
  }

  #view-inicio .c6-pulse-viewport{
    height:202px;
  }

  #view-inicio .c6-slide{
    padding:15px;
  }

  #view-inicio .c6-zone-slide{
    grid-template-columns:minmax(0,1fr) 80px;
    gap:9px;
  }

  #view-inicio .c6-zone-copy h2{
    font-size:19px;
  }

  #view-inicio .c6-score{
    width:76px;
    height:76px;
  }

  #view-inicio .c6-score strong{
    font-size:24px;
  }

  #view-inicio .c6-zone-actions button{
    min-height:34px;
    padding-inline:8px;
  }

  #view-inicio .c6-metrics > div{
    padding:8px;
  }

  #view-inicio .c6-metrics strong{
    font-size:20px;
  }

  #view-inicio .c6-tip-slide{
    grid-template-columns:62px minmax(0,1fr);
    gap:12px;
  }

  #view-inicio .c6-tip-orb{
    width:60px;
    height:60px;
    border-radius:20px;
  }

  #view-inicio .c6-personal-track > [data-home-prevent]{
    flex-basis:
      calc(
        (100% - 8px) / 2
      )!important;

    width:
      calc(
        (100% - 8px) / 2
      )!important;

    max-width:
      calc(
        (100% - 8px) / 2
      )!important;
  }

  #view-inicio .c6-personal-track{
    gap:8px!important;
  }
}

@media(min-width:521px){
  #view-inicio .c6-personal-track > [data-home-prevent]{
    flex-basis:
      calc(
        (100% - 18px) / 3
      )!important;

    width:
      calc(
        (100% - 18px) / 3
      )!important;

    max-width:
      calc(
        (100% - 18px) / 3
      )!important;
  }

  #view-inicio .c6-quick-grid{
    grid-template-columns:
      repeat(4,minmax(0,1fr))!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #view-inicio .c6-pulse-track{
    transition:none;
  }

  #view-inicio .c6-progress i{
    animation:none!important;
  }
}


/* ==========================================================
   CERCA — INICIO V6.0.1
   FULL WIDTH MOBILE LAYOUT FIX
   Corrige Para ti + Hazlo rápido heredando media columna.
   ========================================================== */

/* La sección completa siempre ocupa todo el ancho del shell. */
#view-inicio .c6-personal,
#view-inicio .c6-quick{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;

  grid-column:1 / -1!important;
  flex:0 0 100%!important;
  align-self:stretch!important;

  overflow:visible!important;
}

/* El layout nuevo sale del grid antiguo y ocupa la sección completa. */
#view-inicio .c6-full-width-layout,
#view-inicio .c6-personal-track,
#view-inicio .c6-quick-grid{
  width:100%!important;
  inline-size:100%!important;
  max-width:100%!important;
  min-width:0!important;

  grid-column:1 / -1!important;
  flex:0 0 100%!important;
  align-self:stretch!important;

  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
}

/* Si quedó un wrapper antiguo vacío después de mover las tarjetas,
   no debe reservar una columna ni espacio visual. */
#view-inicio .c6-personal :is(
  .cerca-home-prevention-grid-v3,
  .cerca-home-prevention-grid,
  [class*="prevention-grid"]
):empty,
#view-inicio .c6-quick :is(
  .cerca-home-quick-grid-v3,
  .cerca-home-quick-grid,
  [class*="quick-grid"]
):empty{
  display:none!important;
}

/* PARA TI
   2 tarjetas exactamente dentro del ancho útil real. */
#view-inicio .c6-personal-track{
  display:grid!important;
  grid-template-columns:
    repeat(2,minmax(0,1fr))!important;

  gap:9px!important;

  overflow:visible!important;
  padding:0!important;
}

#view-inicio .c6-personal-track > [data-home-prevent]{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;

  flex:none!important;

  min-height:128px!important;

  margin:0!important;

  overflow:hidden!important;
}

/* Si Para ti tiene más de 2 opciones, desde la tercera
   vuelven a la siguiente fila: no hay tarjetas partidas. */
#view-inicio .c6-personal-track > [data-home-prevent]{
  grid-column:auto!important;
}

/* HAZLO RÁPIDO
   2 x 2 real, de borde a borde del contenido. */
#view-inicio .c6-quick-grid{
  display:grid!important;
  grid-template-columns:
    repeat(2,minmax(0,1fr))!important;

  gap:9px!important;

  padding:0!important;
  overflow:visible!important;
}

#view-inicio .c6-quick-grid > .cerca-home-action{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;

  margin:0!important;

  min-height:108px!important;
}

/* Nada dentro de estas tarjetas puede forzar ancho extra. */
#view-inicio .c6-personal-track > [data-home-prevent] *,
#view-inicio .c6-quick-grid > .cerca-home-action *{
  min-width:0!important;
  max-width:100%!important;

  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* Asegurar que wrappers padres heredados tampoco limiten la sección. */
#view-inicio .c6-personal > *,
#view-inicio .c6-quick > *{
  max-width:100%!important;
}

/* Mobile 360–390:
   conservar dos columnas, pero con menos gap y padding interno. */
@media(max-width:390px){
  #view-inicio .c6-personal-track,
  #view-inicio .c6-quick-grid{
    gap:8px!important;
  }

  #view-inicio .c6-personal-track > [data-home-prevent],
  #view-inicio .c6-quick-grid > .cerca-home-action{
    padding:11px!important;
  }
}

/* Pantallas muy estrechas:
   priorizamos legibilidad y nunca cortamos contenido. */
@media(max-width:330px){
  #view-inicio .c6-personal-track,
  #view-inicio .c6-quick-grid{
    grid-template-columns:1fr!important;
  }
}


/* Herramientas migrado a src/features/herramientas/herramientas.css */

/* Contactos / Directorio migrados a src/features/. */


/* ==========================================================
   CERCA INICIO — PARA TI STREAMING V606
   Slider manual, sin autoplay. Ver todo permanece visible.
   ========================================================== */

.cerca-home-prevention-v3 .cerca-home-section-link{
    margin-top:1px;
    padding:7px 10px;
    border:1px solid rgba(103,232,249,.14);
    border-radius:999px;
    background:rgba(34,211,238,.055);
    color:#7eeaf7;
    font-size:.62rem;
    line-height:1;
    font-weight:900;
    letter-spacing:.01em;
}

.cerca-home-slider-meta{
    margin-top:9px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}

.cerca-home-slider-meta > span{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#708796;
    font-size:.56rem;
    font-weight:760;
}

.cerca-home-slider-meta .material-icons-round{
    font-size:15px;
    color:#4f7486;
}

.cerca-home-topics-v3.cerca-home-tools-slider-v606{
    width:calc(100% + 16px);
    margin:8px -16px 0 0;
    padding:0 16px 5px 0;

    display:flex;
    gap:10px;

    overflow-x:auto;
    overflow-y:hidden;

    scroll-snap-type:x mandatory;
    scroll-padding-inline:0 16px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
}

.cerca-home-tools-slider-v606::-webkit-scrollbar{
    display:none;
}

.cerca-home-tool-card{
    --home-tool-accent:#67e8f9;
    --home-tool-soft:rgba(34,211,238,.14);

    position:relative;
    flex:0 0 clamp(158px,46vw,184px);
    min-width:0;
    height:202px;
    padding:0;
    overflow:hidden;

    scroll-snap-align:start;

    display:flex;
    flex-direction:column;
    align-items:stretch;

    border:1px solid rgba(148,163,184,.12);
    border-radius:20px;

    background:
        linear-gradient(180deg,rgba(11,22,36,.97),rgba(3,9,17,.99));

    color:#f8fafc;
    text-align:left;

    box-shadow:
        0 14px 32px rgba(0,0,0,.18);
}

.cerca-home-tool-card:active{
    transform:scale(.985);
}

.cerca-home-tool-cover{
    position:relative;
    height:104px;
    flex:none;
    overflow:hidden;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        radial-gradient(circle at 74% 16%,rgba(255,255,255,.12),transparent 16%),
        radial-gradient(circle at 16% 92%,var(--home-tool-soft),transparent 42%),
        linear-gradient(145deg,var(--home-tool-soft),rgba(3,10,19,.30));
}

.cerca-home-tool-cover::before,
.cerca-home-tool-cover::after{
    content:"";
    position:absolute;
    border-radius:999px;
    border:1px solid color-mix(in srgb, var(--home-tool-accent) 20%, transparent);
    opacity:.55;
}

.cerca-home-tool-cover::before{
    width:88px;
    height:88px;
    right:-30px;
    top:-38px;
}

.cerca-home-tool-cover::after{
    width:58px;
    height:58px;
    left:-23px;
    bottom:-28px;
}

.cerca-home-tool-cover > .material-icons-round{
    position:relative;
    z-index:2;

    width:54px;
    height:54px;

    display:grid;
    place-items:center;

    border:1px solid color-mix(in srgb, var(--home-tool-accent) 24%, transparent);
    border-radius:18px;

    background:rgba(2,7,14,.42);

    color:var(--home-tool-accent);
    font-size:29px;

    box-shadow:
        0 14px 28px rgba(0,0,0,.16),
        inset 0 0 24px color-mix(in srgb, var(--home-tool-accent) 8%, transparent);
}

.cerca-home-tool-cover > em{
    position:absolute;
    left:10px;
    bottom:8px;
    z-index:2;

    padding:4px 6px;

    border:1px solid color-mix(in srgb, var(--home-tool-accent) 18%, transparent);
    border-radius:999px;

    background:rgba(2,7,14,.55);

    color:color-mix(in srgb, var(--home-tool-accent) 88%, white);
    font-size:.48rem;
    line-height:1;
    font-style:normal;
    font-weight:950;
    letter-spacing:.08em;
}

.cerca-home-tool-copy{
    min-width:0;
    padding:11px 28px 11px 11px;
}

.cerca-home-tool-copy strong{
    display:block;

    color:#f3f9fc;
    font-size:.72rem;
    line-height:1.15;
    font-weight:900;
    letter-spacing:-.01em;
}

.cerca-home-tool-copy small{
    display:-webkit-box;
    margin-top:5px;
    overflow:hidden;

    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;

    color:#718896;
    font-size:.55rem;
    line-height:1.34;
}

.cerca-home-tool-arrow{
    position:absolute;
    right:9px;
    bottom:10px;

    color:color-mix(in srgb, var(--home-tool-accent) 62%, #476170);
    font-size:16px;
}

.cerca-home-tool-card.tone-cyan{
    --home-tool-accent:#55e8fa;
    --home-tool-soft:rgba(77,228,255,.16);
}
.cerca-home-tool-card.tone-blue{
    --home-tool-accent:#72b8ff;
    --home-tool-soft:rgba(88,168,255,.16);
}
.cerca-home-tool-card.tone-violet{
    --home-tool-accent:#ab99ff;
    --home-tool-soft:rgba(146,124,255,.17);
}
.cerca-home-tool-card.tone-green{
    --home-tool-accent:#65e8a7;
    --home-tool-soft:rgba(62,232,149,.15);
}
.cerca-home-tool-card.tone-red{
    --home-tool-accent:#ff7189;
    --home-tool-soft:rgba(255,91,120,.16);
}
.cerca-home-tool-card.tone-amber{
    --home-tool-accent:#ffd16d;
    --home-tool-soft:rgba(255,198,90,.16);
}

@media (min-width:700px){
    .cerca-home-tool-card{
        flex-basis:184px;
    }
}
/* CERCA WAVE LOCAL V610 BEGIN */
/* La manita del saludo es un SVG embebido. No usa emoji/font externa. */
#view-inicio .c6-hello #cercaHomeGreeting::after{
  content:"";
  display:inline-block;
  width:1.02em;
  height:1.02em;
  margin-left:.20em;
  vertical-align:-.13em;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+CjxnIGZpbGw9IiNGQkJGMjQiIHN0cm9rZT0iI0Q5NzcwNiIgc3Ryb2tlLXdpZHRoPSIxLjE1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxyZWN0IHg9IjguNCIgeT0iNS4yIiB3aWR0aD0iNC4yIiBoZWlnaHQ9IjEzLjIiIHJ4PSIyLjEiIHRyYW5zZm9ybT0icm90YXRlKC0xMCAxMC41IDExLjgpIi8+CiAgPHJlY3QgeD0iMTIuMyIgeT0iMi44IiB3aWR0aD0iNC4yIiBoZWlnaHQ9IjE1LjIiIHJ4PSIyLjEiIHRyYW5zZm9ybT0icm90YXRlKC0zIDE0LjQgMTAuNCkiLz4KICA8cmVjdCB4PSIxNi40IiB5PSIzLjciIHdpZHRoPSI0LjEiIGhlaWdodD0iMTQuMiIgcng9IjIuMDUiIHRyYW5zZm9ybT0icm90YXRlKDQgMTguNDUgMTAuOCkiLz4KICA8cmVjdCB4PSIyMC4zIiB5PSI2LjAiIHdpZHRoPSI0LjAiIGhlaWdodD0iMTIuMyIgcng9IjIiIHRyYW5zZm9ybT0icm90YXRlKDkgMjIuMyAxMi4xNSkiLz4KICA8cGF0aCBkPSJNMTAuNiAxNC44IDcuMiAxMmMtMS40LTEuMTUtMy40NS0uOTUtNC41NS40NS0xIDEuMjgtLjkgMy4xLjI0IDQuMjhsNy4xMiA3LjQ1QTEwLjIgMTAuMiAwIDAgMCAxNy40IDI3LjRoMS4xNWM0Ljk1IDAgOC45NS00IDguOTUtOC45NXYtNC4xYzAtMS42NS0xLjM1LTMtMy0zcy0zIDEuMzUtMyAzdjIuMmwtMS4wNS0zLjQtMy45LjktMy44NS4xNS0yLjEuNloiLz4KPC9nPgo8cGF0aCBkPSJNNC4yIDYuOCAxLjkgNC43TTYuOSA0LjggNS43IDEuOE0yOCA5LjNsMi40LTEuM00yNi43IDYuMmwxLjItMi42IiBmaWxsPSJub25lIiBzdHJva2U9IiNGREU2OEEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+");
  flex:0 0 auto;
}
/* CERCA WAVE LOCAL V610 END */

/* @CERCA:V612:BEGIN */
/* ==========================================================
   CERCA HOME INTELIGENTE V612
   Jerarquia tipo app moderna: contexto -> ruta -> cerca -> para ti
   ========================================================== */

.cerca-home-v6 .c6-shell{
  width:100%;
  max-width:760px;
  margin:0 auto;
  padding:0 14px calc(116px + env(safe-area-inset-bottom));
  box-sizing:border-box;
}

.cerca-home-v6 .c6-hello{
  margin:0;
  padding:8px 2px 12px;
}

.c7-now-card{
  position:relative;
  overflow:hidden;
  margin:0 0 14px;
  padding:16px;
  border-radius:24px;
  border:1px solid rgba(148,163,184,.12);
  background:
    radial-gradient(circle at 92% 0%,rgba(34,211,238,.13),transparent 38%),
    linear-gradient(155deg,rgba(9,18,32,.98),rgba(3,9,18,.98));
  box-shadow:0 16px 38px rgba(0,0,0,.20);
}

.c7-now-card::after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-92px;
  top:-94px;
  border-radius:50%;
  border:1px solid rgba(34,211,238,.09);
  box-shadow:
    0 0 0 28px rgba(34,211,238,.018),
    0 0 0 56px rgba(34,211,238,.010);
  pointer-events:none;
}

.c7-now-card[data-tone="rain"]{
  border-color:rgba(56,189,248,.26);
  background:
    radial-gradient(circle at 92% 0%,rgba(59,130,246,.25),transparent 42%),
    linear-gradient(155deg,rgba(7,20,38,.99),rgba(2,8,20,.99));
}

.c7-now-card[data-tone="attention"]{
  border-color:rgba(245,158,11,.24);
  background:
    radial-gradient(circle at 92% 0%,rgba(245,158,11,.13),transparent 42%),
    linear-gradient(155deg,rgba(17,17,27,.99),rgba(4,9,18,.99));
}

.c7-now-card[data-tone="risk"]{
  border-color:rgba(251,113,133,.25);
  background:
    radial-gradient(circle at 92% 0%,rgba(244,63,94,.15),transparent 42%),
    linear-gradient(155deg,rgba(24,10,20,.99),rgba(6,8,17,.99));
}

.c7-now-card[data-tone="offline"]{
  border-color:rgba(148,163,184,.18);
  background:
    radial-gradient(circle at 92% 0%,rgba(100,116,139,.12),transparent 42%),
    linear-gradient(155deg,rgba(12,18,28,.99),rgba(5,8,14,.99));
}

.c7-now-head{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}

.c7-now-head small{
  display:block;
  color:#67e8f9;
  font-size:.57rem;
  font-weight:950;
  letter-spacing:.12em;
}

.c7-now-head strong{
  display:block;
  margin-top:3px;
  color:#f8fafc;
  font-size:.78rem;
  font-weight:800;
}

.c7-now-badge{
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(34,211,238,.16);
  background:rgba(34,211,238,.07);
  color:#a5f3fc;
  font-size:.51rem;
  font-weight:950;
  letter-spacing:.07em;
  white-space:nowrap;
}

.c7-now-card[data-tone="attention"] .c7-now-badge{
  color:#fde68a;
  border-color:rgba(245,158,11,.20);
  background:rgba(245,158,11,.08);
}

.c7-now-card[data-tone="risk"] .c7-now-badge{
  color:#fecdd3;
  border-color:rgba(251,113,133,.20);
  background:rgba(244,63,94,.08);
}

.c7-now-card[data-tone="offline"] .c7-now-badge{
  color:#cbd5e1;
  border-color:rgba(148,163,184,.18);
  background:rgba(148,163,184,.06);
}

.c7-now-main{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:13px;
  align-items:center;
  margin-top:16px;
}

.c7-now-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#67e8f9;
  background:
    linear-gradient(145deg,rgba(34,211,238,.16),rgba(59,130,246,.08));
  border:1px solid rgba(34,211,238,.18);
}

.c7-now-card[data-tone="attention"] .c7-now-icon{
  color:#fbbf24;
  background:rgba(245,158,11,.09);
  border-color:rgba(245,158,11,.17);
}

.c7-now-card[data-tone="risk"] .c7-now-icon{
  color:#fb7185;
  background:rgba(244,63,94,.09);
  border-color:rgba(251,113,133,.18);
}

.c7-now-card[data-tone="offline"] .c7-now-icon{
  color:#94a3b8;
  background:rgba(100,116,139,.09);
  border-color:rgba(148,163,184,.14);
}

.c7-now-icon .material-icons-round{
  font-size:27px;
}

.c7-now-copy{
  min-width:0;
}

.c7-now-copy h2{
  margin:0;
  color:#fff;
  font-size:1.18rem;
  line-height:1.15;
  letter-spacing:-.025em;
}

.c7-now-copy p{
  margin:6px 0 0;
  color:#94a3b8;
  font-size:.69rem;
  line-height:1.45;
}

.c7-now-foot{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:15px;
  padding-top:12px;
  border-top:1px solid rgba(148,163,184,.09);
}

.c7-now-meta{
  min-width:0;
  color:#94a3b8;
  font-size:.60rem;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#c7NowAction{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:35px;
  padding:0 10px;
  border-radius:12px;
  border:1px solid rgba(34,211,238,.15);
  background:rgba(34,211,238,.07);
  color:#a5f3fc;
  font-size:.61rem;
  font-weight:900;
}

#c7NowAction.is-disabled{
  opacity:.58;
}

#c7NowAction .material-icons-round{
  font-size:16px;
}

/* Ruta sube de jerarquia y respira como superficie Material */
.cerca-home-v6 .c6-route{
  margin:0 0 15px!important;
}

.cerca-home-v6 .c6-route .cerca-home-route-search{
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}

/* CERCA DE TI */
.cerca-home-v6 #cercaHomeV6Radar{
  margin:0 0 18px;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(148,163,184,.11);
  background:linear-gradient(155deg,rgba(9,18,32,.92),rgba(3,9,18,.92));
}

.cerca-home-v6 #cercaHomeV6Radar .c6-section-head{
  margin-bottom:10px;
}

.cerca-home-v6 #cercaHomeV6Radar .c6-section-head h3{
  font-size:.98rem;
}

/* Para ti como carrusel de descubrimiento, sin exceso de espacio */
.cerca-home-v6 .c6-personal{
  margin:0 0 18px!important;
}

.cerca-home-v6 .cerca-home-tools-slider-v606{
  scrollbar-width:none;
}

.cerca-home-v6 .cerca-home-tools-slider-v606::-webkit-scrollbar{
  display:none;
}

/* Hoy en CERCA compacto */
.c7-day-card{
  margin:0 0 18px;
  padding:14px;
  border-radius:21px;
  border:1px solid rgba(124,58,237,.15);
  background:
    radial-gradient(circle at 94% 0%,rgba(124,58,237,.12),transparent 36%),
    linear-gradient(155deg,rgba(10,16,30,.96),rgba(3,8,17,.96));
}

.c7-day-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

.c7-day-title small{
  display:block;
  color:#a78bfa;
  font-size:.54rem;
  font-weight:950;
  letter-spacing:.10em;
}

.c7-day-title strong{
  display:block;
  margin-top:3px;
  color:#f8fafc;
  font-size:.84rem;
}

#c7DayOpen{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:34px;
  padding:0 9px;
  border-radius:11px;
  border:1px solid rgba(167,139,250,.15);
  background:rgba(124,58,237,.07);
  color:#c4b5fd;
  font-size:.59rem;
  font-weight:900;
}

#c7DayOpen .material-icons-round{
  font-size:15px;
}

.c7-day-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:12px;
}

.c7-day-metrics span{
  min-width:0;
  padding:9px 6px;
  border-radius:14px;
  background:rgba(2,6,23,.34);
  border:1px solid rgba(148,163,184,.08);
  text-align:center;
}

.c7-day-metrics b{
  display:block;
  color:#fff;
  font-size:1rem;
  line-height:1;
}

.c7-day-metrics small{
  display:block;
  margin-top:3px;
  color:#64748b;
  font-size:.51rem;
  font-weight:800;
}

.c7-day-busy{
  display:flex;
  gap:8px;
  align-items:center;
  margin-top:8px;
  padding:8px 9px;
  border-radius:13px;
  background:rgba(15,23,42,.42);
}

.c7-day-busy>.material-icons-round{
  color:#67e8f9;
  font-size:17px;
}

.c7-day-busy span{
  min-width:0;
}

.c7-day-busy small,
.c7-day-busy strong{
  display:block;
}

.c7-day-busy small{
  color:#64748b;
  font-size:.49rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.c7-day-busy strong{
  margin-top:1px;
  color:#cbd5e1;
  font-size:.62rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Acciones rápidas pasan al final y dejan de competir con el contexto */
.cerca-home-v6 .c6-quick{
  margin:0!important;
}

@media (max-width:390px){
  .cerca-home-v6 .c6-shell{
    padding-left:11px;
    padding-right:11px;
  }

  .c7-now-card{
    padding:14px;
    border-radius:21px;
  }

  .c7-now-main{
    grid-template-columns:46px minmax(0,1fr);
    gap:11px;
  }

  .c7-now-icon{
    width:46px;
    height:46px;
    border-radius:16px;
  }

  .c7-now-copy h2{
    font-size:1.08rem;
  }
}

/* @CERCA:V612:END */

/* @CERCA:V613:BEGIN */
/* CERCA HOME V613 · IA compacta debajo de Ahora mismo */
.c7-ai-card{
  margin:0 0 14px;
}

.c7-ai-open{
  width:100%;
  min-height:104px;
  padding:13px 14px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 24px;
  gap:11px;
  align-items:center;
  border:1px solid rgba(103,232,249,.16);
  border-radius:22px;
  color:#e8f7fb;
  text-align:left;
  overflow:hidden;
  position:relative;
  background:
    radial-gradient(circle at 8% 50%,rgba(34,211,238,.14),transparent 28%),
    radial-gradient(circle at 92% 0%,rgba(99,102,241,.12),transparent 35%),
    linear-gradient(145deg,rgba(8,18,33,.98),rgba(2,8,18,.98));
  box-shadow:0 14px 34px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.025);
}

.c7-ai-open::after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:-74px;
  top:-78px;
  border-radius:50%;
  border:1px solid rgba(103,232,249,.08);
  box-shadow:0 0 0 24px rgba(34,211,238,.012),0 0 0 48px rgba(99,102,241,.008);
  pointer-events:none;
}

.c7-ai-orb{
  width:48px;
  height:48px;
  position:relative;
  display:grid;
  place-items:center;
  border-radius:17px;
  border:1px solid rgba(103,232,249,.22);
  background:radial-gradient(circle,rgba(103,232,249,.28),rgba(34,211,238,.08) 45%,rgba(2,6,23,.10) 70%);
  box-shadow:0 0 24px rgba(34,211,238,.11);
}

.c7-ai-orb::before{
  content:"";
  width:12px;
  height:12px;
  border-radius:50%;
  background:#67e8f9;
  box-shadow:0 0 14px rgba(103,232,249,.75);
}

.c7-ai-orb i{
  position:absolute;
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px dashed rgba(103,232,249,.22);
  animation:c7AiSpin 10s linear infinite;
}

.c7-ai-copy{min-width:0;position:relative;z-index:2}
.c7-ai-line{display:flex;align-items:center;justify-content:space-between;gap:8px}
.c7-ai-line small{color:#67e8f9;font-size:.49rem;font-weight:950;letter-spacing:.11em}
.c7-ai-line b{
  padding:4px 7px;
  border-radius:999px;
  color:#86efac;
  background:rgba(34,197,94,.07);
  border:1px solid rgba(34,197,94,.13);
  font-size:.42rem;
  font-weight:950;
  letter-spacing:.06em;
}
.c7-ai-card[data-online="0"] .c7-ai-line b{
  color:#cbd5e1;
  background:rgba(148,163,184,.06);
  border-color:rgba(148,163,184,.12);
}
.c7-ai-copy>strong{display:block;margin-top:4px;color:#f8fafc;font-size:.86rem;line-height:1.18}
.c7-ai-field{
  margin-top:8px;
  min-height:32px;
  padding:0 8px 0 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border-radius:11px;
  color:#71849a;
  background:rgba(255,255,255,.028);
  border:1px solid rgba(148,163,184,.07);
  font-size:.56rem;
  white-space:nowrap;
  overflow:hidden;
}
.c7-ai-field>span:first-child{overflow:hidden;text-overflow:ellipsis}
.c7-ai-field .material-icons-round{flex:0 0 auto;color:#67e8f9;font-size:17px}
.c7-ai-arrow{position:relative;z-index:2;color:#67e8f9;font-size:18px}

/* El acceso antiguo de assistant.js no debe volver a caer al final de Inicio. */
#view-inicio #cercaAiHomeCardV1{display:none!important}

@keyframes c7AiSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.c7-ai-orb i{animation:none}}
/* @CERCA:V613:END */
