/* Guías de aprobaelregistro — mismo lenguaje visual que el resto del sitio */
:root{
  --azul:#063B7A; --celeste:#43B5E8; --fondo-claro:#EAF7FC;
  --fondo:#F5F9FC; --papel:#FFFFFF; --texto:#17212B; --texto-2:#56626E; --linea:#D8E4EE;
  --rojo:#C8102E; --verde:#1E8E3E; --wa:#1FA855;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --fondo:#0C1826;--papel:#13233A;--texto:#EAF1F8;--texto-2:#A8B6C5;--linea:#26405F;--fondo-claro:#16304F}}
:root[data-theme="dark"]{
  --fondo:#0C1826;--papel:#13233A;--texto:#EAF1F8;--texto-2:#A8B6C5;--linea:#26405F;--fondo-claro:#16304F}

*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--fondo);color:var(--texto);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:17.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}

.banda{height:12px;background:repeating-linear-gradient(-45deg,var(--rojo) 0 12px,#FFFFFF 12px 24px)}
.wrap{max-width:720px;margin:0 auto;padding:0 18px}

nav{background:var(--azul);color:#fff}
nav .wrap{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:11px;padding-bottom:11px}
.marca{display:flex;align-items:center;gap:7px;text-decoration:none;color:#fff;
  font-family:"Poppins",sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:-.03em;min-width:0}
.marca svg{width:32px;height:32px;flex:0 0 32px}
.wm{font-family:"Poppins",sans-serif;font-weight:800;font-size:1rem;letter-spacing:-.03em}
.wm span{color:var(--celeste)}
.nav-link{color:#fff;text-decoration:none;font-weight:600;font-size:.92rem;
  border:1.5px solid rgba(255,255,255,.45);border-radius:20px;padding:6px 14px;white-space:nowrap}
.nav-link:hover{background:rgba(255,255,255,.12)}

/* Encabezado del artículo */
.cab{background:var(--azul);color:#fff;padding:26px 0 30px}
.miga{font-size:.85rem;margin:0 0 12px;color:#BBD4EC}
.miga a{color:#BBD4EC;text-decoration:none}
.miga a:hover{text-decoration:underline}
.cab h1{font-family:"Poppins",sans-serif;font-weight:800;letter-spacing:-.02em;
  font-size:1.95rem;line-height:1.2;margin:0 0 10px}
.cab .bajada{font-size:1.05rem;color:#D3E2F2;margin:0}
.meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:16px;font-size:.84rem;color:#BBD4EC}
.meta .sello{display:inline-flex;align-items:center;gap:7px;background:rgba(30,142,62,.2);
  border:1px solid rgba(96,204,128,.55);color:#DFF6E6;border-radius:18px;padding:4px 12px}
.meta .sello svg{width:15px;height:15px;flex:0 0 15px}

main{padding:26px 0 10px}
article h2{font-family:"Poppins",sans-serif;font-weight:700;font-size:1.35rem;
  line-height:1.3;margin:32px 0 10px;letter-spacing:-.01em}
article h3{font-family:"Poppins",sans-serif;font-weight:600;font-size:1.08rem;margin:22px 0 6px}
article p{margin:0 0 14px}
article ul,article ol{margin:0 0 16px;padding-left:22px}
article li{margin:0 0 8px}
article a:not(.boton){color:var(--azul);text-decoration:underline;text-underline-offset:2px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) article a:not(.boton){color:var(--celeste)}}
:root[data-theme="dark"] article a:not(.boton){color:var(--celeste)}

.sumario{background:var(--papel);border:1px solid var(--linea);border-radius:12px;padding:16px 18px;margin:0 0 26px}
.sumario b{display:block;font-family:"Poppins",sans-serif;font-size:.92rem;margin-bottom:8px}
.sumario ol{margin:0;padding-left:20px;font-size:.95rem}
.sumario li{margin:0 0 5px}

.dato{background:var(--fondo-claro);border-left:5px solid var(--celeste);
  border-radius:8px;padding:14px 16px;margin:18px 0}
.dato p:last-child{margin-bottom:0}
.ojo{background:#FFF6E6;border-left:5px solid #E0A106;border-radius:8px;padding:14px 16px;margin:18px 0;color:#4A3807}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ojo{background:#2E2305;color:#F3E2BB}}
:root[data-theme="dark"] .ojo{background:#2E2305;color:#F3E2BB}
.ojo p:last-child{margin-bottom:0}

table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.95rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linea);vertical-align:top}
th{font-family:"Poppins",sans-serif;font-weight:600;background:var(--fondo-claro)}
.tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

.pasos{list-style:none;counter-reset:p;padding:0;margin:18px 0}
.pasos li{counter-increment:p;position:relative;padding-left:44px;margin:0 0 18px}
.pasos li::before{content:counter(p);position:absolute;left:0;top:0;width:30px;height:30px;
  border-radius:50%;background:var(--azul);color:#fff;display:flex;align-items:center;justify-content:center;
  font-family:"Poppins",sans-serif;font-weight:700;font-size:.9rem}
.pasos b{display:block;font-family:"Poppins",sans-serif;font-weight:600}

details{border:1px solid var(--linea);border-radius:10px;padding:12px 16px;margin:0 0 10px;background:var(--papel)}
summary{cursor:pointer;font-family:"Poppins",sans-serif;font-weight:600;font-size:1rem}
details p{margin:10px 0 0}

/* Caja que lleva al curso */
.cta-curso{background:var(--azul);color:#fff;border-radius:16px;padding:22px;margin:34px 0 10px;text-align:center}
.cta-curso h2{font-family:"Poppins",sans-serif;font-weight:800;font-size:1.25rem;margin:0 0 8px;color:#fff}
.cta-curso p{color:#D3E2F2;margin:0 0 16px;font-size:.98rem}
.cta-curso .precio{font-family:"Poppins",sans-serif;font-weight:800;font-size:1.5rem;display:block;margin-bottom:4px}
.cta-curso .pu{display:block;color:#BBD4EC;font-size:.85rem;margin-bottom:14px}
.cta-curso a,article a.boton,.boton{color:#fff;text-decoration:none}
.boton{display:inline-block;background:var(--wa);color:#fff;text-decoration:none;
  font-family:"Poppins",sans-serif;font-weight:700;font-size:1.05rem;
  border-radius:12px;padding:14px 26px}
.boton:hover{filter:brightness(1.07)}

/* Índice de guías */
.lista-guias{list-style:none;padding:0;margin:0}
.lista-guias li{margin:0 0 14px}
.lista-guias a{display:block;background:var(--papel);border:1px solid var(--linea);
  border-radius:14px;padding:18px 20px;text-decoration:none;color:var(--texto)}
.lista-guias a:hover{border-color:var(--celeste)}
.lista-guias b{display:block;font-family:"Poppins",sans-serif;font-weight:700;
  font-size:1.08rem;line-height:1.3;margin-bottom:6px;color:var(--azul)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lista-guias b{color:var(--celeste)}}
:root[data-theme="dark"] .lista-guias b{color:var(--celeste)}
.lista-guias small{color:var(--texto-2);font-size:.92rem;line-height:1.5;display:block}
.lista-guias .cuando{display:inline-block;margin-top:8px;font-size:.8rem;color:var(--texto-2)}

.fuentes{font-size:.9rem;color:var(--texto-2);border-top:1px solid var(--linea);margin-top:34px;padding-top:18px}
.fuentes h2{font-size:1.05rem;margin:0 0 10px}
.fuentes ul{padding-left:20px}

footer{padding:30px 0 40px;font-size:.84rem;color:var(--texto-2)}
.legales{display:flex;flex-wrap:wrap;gap:8px 16px;margin:10px 0}
footer a{color:var(--texto-2)}
.pie-fiscal{display:flex;align-items:center;gap:10px;margin-top:14px}

@media (min-width:600px){ .cab h1{font-size:2.3rem} }