/* Tipografía autoalojada: sin peticiones a terceros */
    @font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
      src:url('/fuentes/inter-latin-400-normal.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:'Inter';font-style:normal;font-weight:500;font-display:swap;
      src:url('/fuentes/inter-latin-500-normal.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:'Inter';font-style:normal;font-weight:600;font-display:swap;
      src:url('/fuentes/inter-latin-600-normal.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:'Inter';font-style:normal;font-weight:700;font-display:swap;
      src:url('/fuentes/inter-latin-700-normal.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:'Inter';font-style:normal;font-weight:800;font-display:swap;
      src:url('/fuentes/inter-latin-800-normal.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;}
  

    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    :root{--red:#cc5a1c;--red-dark:#a84613;--txt:#222221;--soft:#444;--bg:#fff;--bg-soft:#f6f6f6;--bd:#e5e5e5}
    body{font-family:'Inter',-apple-system,sans-serif;color:var(--txt);background:var(--bg);line-height:1.7;font-size:16px}
    a{color:var(--red);text-decoration:none}
    a:hover{text-decoration:underline}

    /* Accesibilidad: respetar la preferencia de reducir el movimiento */
    @media (prefers-reduced-motion: reduce){
      html{scroll-behavior:auto}
      *,*::before,*::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        transition-delay:0s !important;
        scroll-behavior:auto !important;
      }
    }

    .top-nav{border-bottom:1px solid var(--bd);position:sticky;top:0;background:#fff;z-index:100}
    .top-nav-inner{max-width:860px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:12px}
    .top-nav img{width:40px;height:40px;object-fit:contain}
    .top-nav span{font-weight:700;letter-spacing:.02em}
    .top-nav a.volver{margin-left:auto;font-size:.9rem;font-weight:500;color:var(--soft)}

    .wrap{max-width:860px;margin:0 auto;padding:48px 24px 64px}
    h1{font-size:1.9rem;font-weight:800;letter-spacing:.01em;margin-bottom:8px}
    .fecha{color:var(--soft);font-size:.88rem;margin-bottom:36px}

    .indice{background:var(--bg-soft);border-radius:8px;padding:20px 24px;margin-bottom:40px}
    .indice strong{display:block;margin-bottom:10px;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em}
    .indice ol{margin-left:20px}
    .indice li{padding:3px 0;font-size:.95rem}

    h2{font-size:1.35rem;font-weight:700;margin:48px 0 16px;padding-top:20px;border-top:2px solid var(--red);letter-spacing:.01em}
    h3{font-size:1.05rem;font-weight:700;margin:28px 0 10px}
    p{margin-bottom:14px;color:var(--soft)}
    ul,ol{margin:0 0 16px 22px;color:var(--soft)}
    li{margin-bottom:7px}
    strong{color:var(--txt)}

    table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.92rem}
    th{background:#222221;color:#fff;padding:10px 12px;text-align:left;font-weight:600}
    td{padding:10px 12px;border-bottom:1px solid var(--bd);color:var(--soft);vertical-align:top}
    tr:last-child td{border-bottom:none}

    .datos{background:var(--bg-soft);border-left:4px solid var(--red);padding:20px 24px;border-radius:0 8px 8px 0;margin:20px 0}
    .datos dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;font-size:.95rem}
    .datos dt{font-weight:600;color:var(--txt)}
    .datos dd{color:var(--soft)}

    .destacado{background:#fff8e1;border-left:4px solid #e8a013;padding:16px 20px;border-radius:0 8px 8px 0;margin:20px 0;font-size:.94rem}

    footer{border-top:1px solid var(--bd);padding:28px 24px;text-align:center;font-size:.85rem;color:var(--soft)}
    footer a{margin:0 8px}

    @media(max-width:600px){
      .wrap{padding:32px 20px 48px}
      h1{font-size:1.5rem}
      .datos dl{grid-template-columns:1fr;gap:2px}
      .datos dd{margin-bottom:10px}

      /* Las tablas de tratamientos tienen hasta cinco columnas: en un móvil
         no caben y empujaban la página hacia los lados. Aquí dejan de ser
         tabla y cada fila pasa a ser una ficha, con el nombre de la columna
         delante de cada dato. */
      table{font-size:.88rem;display:block;border-collapse:separate}
      table tr:first-child{display:none}          /* la cabecera ya no hace falta */
      table tr{display:block;background:var(--bg-soft);border:1px solid var(--bd);
               border-radius:8px;padding:4px 0;margin-bottom:14px}
      table td{display:block;width:auto;padding:8px 14px;border-bottom:1px solid var(--bd)}
      table tr td:last-child{border-bottom:none}
      table td::before{content:attr(data-etq);display:block;font-size:.72rem;
                       font-weight:700;text-transform:uppercase;letter-spacing:.04em;
                       color:var(--txt);margin-bottom:3px}
      table td[data-etq='']::before{display:none}
    }
  
    /* Sustitutos de los antiguos style="…" */
    .top-nav img.logo-h{width:auto;height:30px}
    .mt-8{margin-top:8px}
    .sin-margen{margin:0}
    .mt-32{margin-top:32px}