/* Landings de marca de todoplan.cl — Views/Home/Marca.cshtml.
   Generado desde la vista previa aprobada por Marcelo (14-sep-2026) con armar_marca_css.py.
   Orden = cascada de la vista previa: 1) fuentes y privacidad  2) ilustración del hero  3) cuerpo. */

/* ── 1) Fuentes (Poppins autoalojada + fallback con métricas) y nota de privacidad ── */
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/poppins-800.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Fuente de reserva con las métricas de Poppins (mismos valores que todoplanes.cl): al llegar la woff2 el texto no salta (CLS) */
@font-face{font-family:'Poppins Fallback';src:local('Arial');size-adjust:112.16%;ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%}
body,.mk,.mk h1,.mk h2,.mk h3,.mk-form .form-control,.mk-form .bootstrap-select>.dropdown-toggle,.mk-privacidad{font-family:Poppins,'Poppins Fallback',sans-serif!important}
.mk .mk-privacidad{max-width:640px;margin:16px auto 0;padding:0 16px;text-align:center;font-family:Poppins,sans-serif;font-size:14px;line-height:1.45;color:#4b5563}
.mk-privacidad a{color:#0061c2;font-weight:600;text-decoration:underline;text-underline-offset:2px}

/* ── 2) Ilustración propia del hero ── */
/* ── Ilustración propia (hero) ─────────────────────────────────────────── */
.ilu{position:relative;margin:0;display:flex;justify-content:center;align-items:center;min-height:540px;text-align:left}
.ilu::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,97,194,.16),rgba(0,97,194,0));top:50%;left:50%;transform:translate(-50%,-50%)}
.ilu-fono{position:relative;width:292px;border-radius:40px;background:#24334c;padding:12px;box-shadow:0 30px 60px rgba(36,51,76,.22)}
.ilu-pantalla{background:#f4f6fb;border-radius:30px;overflow:hidden;min-height:500px;font-family:Poppins,'Poppins Fallback',sans-serif}
.ilu-barra{display:flex;align-items:center;gap:10px;background:#fff;padding:18px 16px 12px;border-bottom:1px solid #e2e8f0}
.ilu-avatar{width:36px;height:36px;border-radius:50%;background:#0061c2;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 36px}
.ilu-barra b{display:block;font-size:13px;color:#24334c;line-height:1.2}
.ilu-barra small{display:block;font-size:11px;color:#4eb067;line-height:1.3}
.ilu-chat{padding:14px 12px 16px;display:grid;gap:10px}
.ilu-burbuja{background:#fff;border-radius:4px 16px 16px 16px;padding:10px 12px;font-size:12px;line-height:1.5;color:#24334c;box-shadow:0 1px 2px rgba(36,51,76,.06);max-width:92%}
.ilu-burbuja time{display:block;text-align:right;font-size:10px;color:#94a3b8;margin-top:2px}
.ilu-tarjeta{background:#fff;border-radius:14px;padding:12px;box-shadow:0 1px 2px rgba(36,51,76,.06)}
.ilu-tarjeta h4,.ilu-tarjeta .ilu-h{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5b6675}
.ilu-fila{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #eef1f6}
.ilu-fila:first-of-type{border-top:0}
.ilu-fila img{width:64px;height:18px;object-fit:contain;object-position:left center}
.ilu-fila i{display:block;height:6px;border-radius:4px;background:#cfd8e8}
.ilu-fila b{font-size:12px;color:#24334c;font-weight:700;min-width:30px;text-align:right}
.ilu-fila.es-marca i{background:#0061c2}
.ilu-fila.es-marca b{color:#0061c2}
.ilu-nota{font-size:9.5px;color:#94a3b8;margin-top:6px;line-height:1.3}
.ilu-chip{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:9px 14px 9px 10px;font-size:12.5px;font-weight:600;color:#24334c;box-shadow:0 12px 28px rgba(36,51,76,.14);white-space:nowrap}
.ilu-chip span{width:22px;height:22px;border-radius:50%;background:#4eb067;display:flex;align-items:center;justify-content:center;flex:0 0 22px}
.ilu-chip span svg{width:12px;height:12px}
/* Etiquetas flotando ENCIMA del teléfono (Marcelo: «se veía mejor»); arriba ya no hay texto, hay gráficos */
.ilu-chip--1{top:84px;left:-6px}
.ilu-chip--2{bottom:74px;right:-10px}
@media (max-width:1100px){.ilu-chip--1{left:0}.ilu-chip--2{right:0}}
/* Dona: planes de la marca por tipo en la RM (datos reales) */
.ilu-dona{background:#fff;border-radius:14px;padding:12px;box-shadow:0 1px 2px rgba(36,51,76,.06)}
.ilu-dona h4,.ilu-dona .ilu-h{margin:30px 0 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5b6675}
.ilu-dona-cuerpo{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center}
.ilu-anillo{position:relative;width:92px;height:92px;border-radius:50%}
.ilu-anillo::after{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff}
.ilu-anillo b{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:#24334c;line-height:1}
.ilu-anillo b small{font-size:9px;font-weight:600;color:#94a3b8;margin-top:3px;letter-spacing:.02em}
.ilu-leyenda{display:grid;gap:7px}
.ilu-leyenda span{display:grid;grid-template-columns:9px 1fr auto;gap:6px;align-items:center;font-size:11px;color:#4b5563}
.ilu-leyenda i{width:9px;height:9px;border-radius:50%}
.ilu-leyenda b{font-size:11.5px;color:#24334c}

@media (min-width:768px){
  .mk-hero--ilu{padding:124px 0 56px}
  .mk-hero--ilu .mk-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;max-width:1120px}
  .mk-hero--ilu .mk-hero-txt{text-align:left}
  .mk-hero--ilu h1{font-size:44px;margin-left:0;max-width:none}
  .mk-hero--ilu .mk-lead{margin-left:0!important;max-width:none}
  .mk-hero--ilu .mk-datos{grid-template-columns:1fr;gap:16px;max-width:none;margin:32px 0 0}
  .mk-hero--ilu .mk-fuente{text-align:left}
  .mk-form-ilu{display:none}
}
/* Celular: sin ilustración en el hero (el botón sigue en la 1ª pantalla); arriba del form, solo la burbuja del ejecutivo */
@media (max-width:767px){
  .mk-hero--ilu .ilu{display:none}
  .mk-form-ilu{display:flex;align-items:flex-start;gap:10px;max-width:343px;margin:0 auto 24px;text-align:left}
  .mk-form-ilu .ilu-burbuja{max-width:none;box-shadow:0 8px 20px rgba(36,51,76,.08)}
}

/* ── 3) Cuerpo de la landing ── */
/* v3: mismo contenido y secciones que v2, con un sistema de medidas.
       Tipo:    12 · 14 · 16 · 18 · 24/26 · 32   (escritorio: 18 · 20 · 36 · 48)
       Espacio: 8 · 16 · 24 · 32 · 48 · 64 · 96
       Radios:  8 controles · 12 íconos · 16 tarjetas · píldora
       Color:   navy (títulos) · gris (texto) · azul (TODAS las acciones) + neutros */
    .mk { --navy:#24334c; --azul:#0061c2; --azul-hover:#004f9e; --azul-tinte:rgba(0,97,194,.08); --gris:#4b5563; --tenue:#64748b; --suave:#f8fafc; --alterno:#f5f7fa; --borde:#e2e8f0;
          --r-control:8px; --r-icono:12px; --r-tarjeta:16px;
          --sombra:0 1px 2px rgba(36,51,76,.04), 0 8px 24px rgba(36,51,76,.06);
          font-family:Poppins,sans-serif; color:var(--navy); -webkit-font-smoothing:antialiased; }
    .mk h1, .mk h2, .mk h3 { color:var(--navy); font-family:Poppins,sans-serif; margin:0; }
    .mk p { color:var(--gris); margin:0; }
    .mk-wrap { max-width:1080px; margin:0 auto; padding:0 16px; }
    .mk-centro { text-align:center; }

    /* Tipografía */
    .mk-eyebrow { display:inline-block; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; line-height:16px; color:var(--azul); background:var(--azul-tinte); border-radius:999px; padding:8px 16px; margin-bottom:16px; }
    .mk-h2 { font-size:26px; font-weight:800; line-height:1.15; letter-spacing:-.025em; margin-bottom:16px !important; }
    .mk-lead { font-size:16px; line-height:1.6; max-width:34em; margin-left:auto !important; margin-right:auto !important; }
    .mk-fuente { font-size:12px; line-height:1.5; color:var(--tenue) !important; }

    /* Botón: uno solo, azul, 52 px de alto */
    .mk-btn { display:inline-flex; align-items:center; justify-content:center; min-height:52px; background:var(--azul); color:#fff !important; font-size:16px; font-weight:700; letter-spacing:-.01em; line-height:1.2; border-radius:var(--r-control); padding:0 32px; transition:background .2s, transform .2s; }
    .mk-btn:hover { background:var(--azul-hover); }
    .mk-btn:active { transform:translateY(1px); }

    /* 1. Hero */
    .mk-hero { background:linear-gradient(180deg,#eef1fb 0%,#f7f8fd 60%,#fff 100%); padding:96px 0 48px; }
    .mk-hero h1 { font-size:32px; font-weight:700; line-height:1.12; letter-spacing:-.025em; margin:0 auto 16px; max-width:14em; }
    .mk-hero h1 span { color:var(--azul); }
    .mk-hero .mk-lead { margin-bottom:32px !important; }
    .mk-hero .mk-lead strong { display:block; color:var(--navy); font-weight:600; }
    .mk-datos { display:grid; gap:16px; max-width:360px; margin:32px auto 0; text-align:left; }
    .mk-dato { display:flex; align-items:center; gap:16px; }
    .mk-dato .ico { flex:0 0 44px; height:44px; border-radius:var(--r-icono); display:flex; align-items:center; justify-content:center; background:var(--azul-tinte); color:var(--azul); }
    .mk-dato .ico svg { width:22px; height:22px; }
    .mk-dato b { display:block; font-size:16px; font-weight:700; letter-spacing:-.01em; line-height:1.3; color:var(--navy); }
    .mk-dato small { display:block; font-size:14px; color:var(--gris); line-height:1.45; }
    .mk-hero .mk-fuente { margin-top:24px !important; }

    /* 2. Cinta de logos */
    .mk-logos { padding:24px 0; border-top:1px solid var(--borde); border-bottom:1px solid var(--borde); overflow:hidden; background:#fff; }
    .mk-logos p { font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--tenue); text-align:center; margin-bottom:16px; }
    .mk-cinta { display:flex; align-items:center; gap:48px; width:max-content; animation:mk-desliza 32s linear infinite; }
    .mk-cinta img { height:32px; width:auto; }
    @keyframes mk-desliza { to { transform:translateX(-50%); } }

    /* Secciones: mismo ritmo en todas */
    .mk-sec { padding:64px 0; }
    .mk-sec--alterno { background:var(--alterno); }

    /* 3. Así de fácil */
    .mk-pasos { display:grid; gap:16px; margin-top:32px; text-align:left; }
    .mk-paso { background:#fff; border:1px solid var(--borde); border-radius:var(--r-tarjeta); padding:24px; display:flex; gap:16px; align-items:flex-start; }
    .mk-paso img { flex:0 0 48px; width:48px; height:48px; }
    .mk-paso .num { display:block; font-size:12px; font-weight:700; letter-spacing:.08em; line-height:16px; color:var(--azul); text-transform:uppercase; margin-bottom:8px; }
    .mk-paso h3 { font-size:18px; font-weight:700; letter-spacing:-.015em; line-height:1.3; margin-bottom:8px; }
    .mk-paso p { font-size:16px; line-height:1.55; }

    /* 4. Algunos ejemplos */
    .mk-ejemplos { display:grid; gap:16px; margin-top:32px; text-align:left; }
    .mk-ej { background:#fff; border:1px solid var(--borde); border-radius:var(--r-tarjeta); padding:24px; box-shadow:var(--sombra); display:flex; flex-direction:column; }
    .mk-ej img { height:32px; width:auto; align-self:flex-start; margin-bottom:16px; }
    .mk-ej .quien { font-size:14px; font-weight:600; color:var(--gris); line-height:1.45; }
    .mk-ej .precio { font-size:32px; font-weight:800; letter-spacing:-.03em; line-height:1.1; color:var(--navy); margin:8px 0; }
    .mk-ej .precio small { font-size:16px; font-weight:600; letter-spacing:0; color:var(--gris); }
    .mk-ej .plan { font-size:14px; font-weight:600; color:var(--navy); line-height:1.45; margin-bottom:16px; }
    .mk-ej ul { margin:0 0 24px; padding:16px 0 0; border-top:1px solid var(--borde); }
    .mk-ej li { list-style:none; position:relative; padding-left:24px; font-size:14px; line-height:1.45; color:var(--gris); }
    .mk-ej li::before { content:""; position:absolute; left:0; top:2px; width:16px; height:16px; border-radius:50%; background:#4eb067 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.4' d='M4 8.5l2.6 2.5L12 5.5'/%3E%3C/svg%3E") center/11px no-repeat; }
    .mk-ej .mk-btn { margin-top:auto; width:100%; }
    .mk-pendiente { background:#fff7e0; color:#8a5a00; border-radius:4px; padding:0 4px; }
    .mk-ejemplos + .mk-fuente, .mk-ej-desliza { margin-top:16px !important; }
    .mk-ej-desliza { font-size:14px; color:var(--tenue) !important; }

    /* 5. Formulario real (ids y campos intactos; solo presentación) */
    .mk-form { padding:64px 0; background:var(--alterno); }
    .mk-form #cotizar-isapre > .container { padding:0 16px; }
    .mk-form .init-home-form { background:#fff !important; border:1px solid var(--borde); border-radius:var(--r-tarjeta); box-shadow:var(--sombra); padding:24px 16px 8px; margin:32px auto 0; max-width:640px; flex:0 0 100%; }
    .mk-form #CustomerForm .row { margin-left:-8px; margin-right:-8px; }
    .mk-form #CustomerForm .form-group { padding-left:8px; padding-right:8px; margin-bottom:16px !important; }
    .mk-form .card-header { background:transparent; border:0; padding:0; margin:0 0 16px !important; }
    .mk-form .card-header h3 { font-size:18px; font-weight:700; letter-spacing:-.015em; color:var(--navy) !important; text-transform:none; margin:0; }
    .mk-form label { font-size:14px; font-weight:600; line-height:1.45; color:var(--navy); margin-bottom:8px !important; }
    .mk-form .input-group { margin:0 !important; }
    .mk-form .form-control, .mk-form .bootstrap-select > .dropdown-toggle { font-family:Poppins,sans-serif; font-size:16px; line-height:1.5; color:var(--navy); background:#fff !important; border:1px solid #cbd5e1 !important; border-radius:var(--r-control) !important; padding:12px 16px; height:auto; min-height:48px; box-shadow:none; }
    .mk-form .form-control::placeholder { color:#94a3b8; }
    .mk-form .form-control:focus { border-color:var(--azul) !important; box-shadow:0 0 0 3px rgba(0,97,194,.15); }
    .mk-form .input-group-prepend:has(i) { display:none; }
    .mk-form .input-group-text { background:var(--suave); border:1px solid #cbd5e1; border-right:0; border-radius:var(--r-control) 0 0 var(--r-control); color:var(--navy); padding:0 12px; }
    .mk-form .input-group-prepend + .form-control { border-radius:0 var(--r-control) var(--r-control) 0 !important; }
    .mk-form #dv-charges-ages .form-control { min-height:44px; width:72px !important; display:inline-block; margin-right:8px; }
    .mk-form button[type=submit] { width:100%; min-height:52px; background:var(--azul); border:0; border-radius:var(--r-control); color:#fff; font-size:16px; font-weight:700; padding:0 24px; margin:8px 0 16px !important; }
    .mk-form button[type=submit]:hover { background:var(--azul-hover); }

    /* Botón fijo en celular */
    .mk-fijo { position:fixed; left:0; right:0; bottom:0; z-index:998; background:rgba(255,255,255,.96); border-top:1px solid var(--borde); padding:8px 16px calc(8px + env(safe-area-inset-bottom)); transform:translateY(110%); transition:transform .25s ease; }
    .mk-fijo.visible { transform:none; }
    .mk-fijo .mk-btn { display:flex; width:100%; }

    /* Ajustes de la auditoría v3 */
    .mk { --tenue:#5b6675; }                                   /* 4,4:1 → ≥4,5:1 sobre el gris alterno */
    .mk h1, .mk .mk-h2 { text-wrap:balance; }                  /* sin palabras huérfanas */
    .mk-form #cotizar-isapre > .container > .row,
    .mk-form #cotizar-isapre > .container > .row > .col-12 > .row { margin-left:0; margin-right:0; }
    .mk-form #cotizar-isapre > .container > .row > .col-12 { padding-left:0; padding-right:0; }  /* la tarjeta respeta los 16 px laterales */
    .mk-form .bootstrap-select .filter-option-inner-inner { color:var(--gris); }   /* «Seleccione Comuna» 2,8:1 → legible */

    /* Celular */
    @media (max-width:767px) {
        .mk-hero { padding-bottom:32px; }
        .mk-hero h1 { font-size:30px; }
        .mk-sec, .mk-form { padding:48px 0; }
        .mk-hero .mk-btn { display:flex; width:100%; max-width:360px; margin:0 auto; }
        .mk-paso { padding:16px; }
        .mk-ejemplos { grid-auto-flow:column; grid-auto-columns:84%; overflow-x:auto; scroll-snap-type:x mandatory; margin:32px -16px 0; padding:0 16px 8px; scroll-padding:0 16px; -webkit-overflow-scrolling:touch; }
        .mk-ej { scroll-snap-align:start; box-shadow:none; }
        /* Campos que no caben a media columna en 375 px */
        .mk-form #CustomerForm .form-group:has(#Customer_Phone),
        .mk-form #CustomerForm .form-group:has(#Customer_Email),
        .mk-form #CustomerForm .form-group:has(#Customer_IsapreId),
        .mk-form #CustomerForm #dv-more-than-one-year { flex:0 0 100%; max-width:100%; }
        /* Pie del layout: 130 px de relleno pensado para escritorio */
        .footer_area { padding-top:48px !important; }
        .footer_area .single-footer-widget { padding-bottom:24px !important; }
    }

    /* Formulario compacto (Marcelo: «está muy grande») */
    .mk-form .form-control, .mk-form .bootstrap-select > .dropdown-toggle { min-height:44px; padding:9px 14px; }
    .mk-form select.form-control { padding-left:10px; }                       /* el select nativo suma ~4 px: texto alineado con los inputs */
    .mk-form .bootstrap-select .filter-option-inner-inner { font-size:inherit; }
    .mk-form textarea.form-control { min-height:88px; }
    .mk-form label { margin-bottom:6px !important; }
    .mk-form .input-group-text { font-size:14px; }

    @media (min-width:768px) {
        /* Grilla de 2 columnas sin huecos: las filas del partial se «disuelven» y cada campo toma 1 o 2 columnas */
        .mk-form .init-home-form { max-width:580px; padding:28px 28px 8px !important; margin-top:40px !important; }
        .mk-form #CustomerForm { display:grid; grid-template-columns:1fr 1fr; column-gap:16px; row-gap:14px; }
        .mk-form #CustomerForm > .row { display:contents; }
        .mk-form #CustomerForm > .row > .form-group,
        .mk-form #CustomerForm > .row > div { max-width:none; padding:0; margin:0 !important; grid-column:span 1; }
        .mk-form #CustomerForm > .row > .col-12:not(.col-md-6) { grid-column:1 / -1; }
        .mk-form #CustomerForm > .card-header { grid-column:1 / -1; margin-bottom:2px !important; }
        .mk-form #CustomerForm > input[type=hidden] { display:none; }
        .mk-form #CustomerForm .form-group:has(#lbl-charges-ages.d-none) { display:none; }                /* edades de cargas: solo si hay cargas */
        .mk-form #CustomerForm .form-group:has(#lbl-charges-ages:not(.d-none)) { grid-column:1 / -1; }
        .mk-form #CustomerForm .form-group:has(#Customer_IsapreId):has(+ #dv-more-than-one-year.d-none) { grid-column:1 / -1; }
        .mk-form .form-control, .mk-form .bootstrap-select > .dropdown-toggle { font-size:15px; }
        .mk-form label { font-size:13px; }
        .mk-form button[type=submit] { margin:6px 0 20px !important; }
    }

    /* Escritorio */
    @media (min-width:768px) {
        .mk-ej-desliza { display:none; }
        .mk-hero { padding:152px 0 64px; }
        .mk-hero h1 { font-size:48px; max-width:16em; }
        .mk-h2 { font-size:36px; }
        .mk-lead { font-size:18px; }
        .mk-datos { grid-template-columns:repeat(3,1fr); gap:32px; max-width:960px; margin-top:48px; }
        .mk-sec, .mk-form { padding:96px 0; }
        .mk-pasos, .mk-ejemplos { grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px; }
        .mk-paso { flex-direction:column; padding:32px; }
        .mk-ej { padding:32px; }
        .mk-form .init-home-form { padding:32px 32px 16px; margin-top:48px; }
        .mk-fijo { display:none; }
    }

/* ── 4) Portada (Views/Home/Portada.cshtml): las 7 isapres en la tarjeta de barras ── */
.ilu-tarjeta--todas .ilu-fila{padding:5px 0}
.ilu-tarjeta--todas .ilu-fila i{background:#0061c2}
.ilu--portada .ilu-chip--2{bottom:-12px}
/* Modales de la portada ocultos desde el primer pintado: el CSS de Bootstrap llega tarde y, mientras tanto, se veían
   arriba del hero y luego desaparecían (CLS 1). Bootstrap los muestra con .show + display:block en línea. */
#executive-modal:not(.show),#executive-login-modal:not(.show),#customer-modal:not(.show){display:none}

/* ── 5) Nosotros · Empresas · Contacto (Views/Home/Institucional*.cshtml, 16-sep-2026) ── */
/* Tarjeta de paso con ícono SVG en vez de imagen */
.mk-paso .ico{flex:0 0 48px;width:48px;height:48px;border-radius:var(--r-icono);display:flex;align-items:center;justify-content:center;background:var(--azul-tinte);color:var(--azul)}
.mk-paso .ico svg{width:24px;height:24px}
/* Nota destacada (lo que NO somos, trámites que ve la isapre) */
.mk-nota{max-width:720px;margin:32px auto 0;background:#fff;border:1px solid var(--borde);border-left:4px solid var(--azul);border-radius:var(--r-tarjeta);padding:20px 24px;text-align:left}
.mk-nota h3{font-size:18px;font-weight:700;line-height:1.3;margin-bottom:8px}
.mk-nota p{font-size:16px;line-height:1.55}
.mk-nota p+p{margin-top:8px}
/* Canales de contacto: filas grandes, fáciles de tocar */
.mk-canales{display:grid;gap:16px;max-width:720px;margin:32px auto 0;text-align:left}
.mk-canal{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--borde);border-radius:var(--r-tarjeta);padding:20px;color:var(--navy)!important;text-decoration:none!important;transition:border-color .2s,box-shadow .2s}
.mk-canal:hover{border-color:var(--azul);box-shadow:var(--sombra)}
.mk-canal .ico{flex:0 0 48px;height:48px;border-radius:var(--r-icono);display:flex;align-items:center;justify-content:center;background:var(--azul-tinte);color:var(--azul)}
.mk-canal .ico svg{width:24px;height:24px}
.mk-canal b{display:block;font-size:16px;font-weight:700;line-height:1.3}
.mk-canal small{display:block;font-size:14px;line-height:1.45;color:var(--gris);overflow-wrap:anywhere}
.mk-canal .ir{margin-left:auto;flex:0 0 auto;color:var(--azul);font-size:20px;line-height:1}
/* Enlaces secundarios al pie de una sección */
.mk-enlaces{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:32px}
.mk-enlaces a{font-size:16px;font-weight:600;color:var(--azul)!important;text-decoration:underline;text-underline-offset:3px}
.mk-sec .mk-btn{margin-top:32px}
@media (max-width:767px){.mk-sec .mk-btn{display:flex;width:100%;max-width:360px;margin-left:auto;margin-right:auto}}
@media (min-width:768px){.mk-canales{grid-template-columns:repeat(2,1fr)}.mk-canales--3{grid-template-columns:repeat(3,1fr);max-width:960px}.mk-canal{flex-direction:column;align-items:flex-start}.mk-canal .ir{display:none}}