/* Guías de Horidia (21 oct 2026). Mismo estilo que la web: Manrope + Nunito, morado y ámbar. */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/manrope-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/manrope-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/nunito-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/nunito-latin-900-normal.woff2) format('woff2')}

:root{--ink:#241542;--ink-soft:#4B3B6B;--muted:#6B6478;--paper:#FAF8FC;--raise:#fff;--line:#E6E0F0;--purple:#6D28D9;--violet:#7C3AED;--purple-dark:#3B1670;--pale:#F1EBFC;
  --amber:#B45309;--amber-bg:#FEF3C7;--good:#15803D;--good-bg:#E7F6EC;--bad:#B91C1C;--bad-bg:#FDECEC;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0}
html{scroll-behavior:smooth;scroll-padding-top:16px}
body{background:var(--paper);color:var(--ink);font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.7;font-size:16.5px}
a{color:var(--purple);text-underline-offset:3px}a:hover{color:var(--purple-dark)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2.5px solid var(--purple);outline-offset:3px;border-radius:6px}
img{max-width:100%;height:auto}

/* cabecera */
.g-top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.g-bar{max-width:1080px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.g-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:'Nunito',sans-serif;font-weight:900;font-size:22px;letter-spacing:-.3px}
.g-brand img{width:34px;height:34px;border-radius:9px}.g-brand b{color:#C2410C;font-weight:900}
.g-links{display:flex;align-items:center;gap:18px;font-size:14.5px;font-weight:700}
.g-links a{text-decoration:none;color:var(--ink-soft)}.g-links a:hover{color:var(--purple)}
.g-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;background:linear-gradient(135deg,#8B5CF6,#6D28D9);color:#fff!important;text-decoration:none;font-weight:800;font-size:14.5px;box-shadow:0 10px 22px -12px rgba(109,40,217,.8)}
@media (max-width:640px){.g-links .g-hide{display:none}}

/* migas */
.crumbs{max-width:760px;margin:0 auto;padding:22px 20px 0;font-size:13.5px;color:var(--muted);font-weight:600}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li:before{content:'›';margin-right:6px;color:#B9B0CC}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--purple)}

/* artículo */
.art{max-width:760px;margin:0 auto;padding:14px 20px 40px}
.kick{display:inline-block;margin:14px 0 10px;padding:6px 12px;border-radius:999px;background:var(--pale);color:var(--purple);font-weight:800;font-size:12.5px;letter-spacing:.8px;text-transform:uppercase}
.art h1{font-family:'Nunito',sans-serif;font-weight:900;font-size:34px;line-height:1.12;letter-spacing:-.6px;margin:0 0 14px;color:var(--ink)}
.lede{font-size:18.5px;line-height:1.6;color:var(--ink-soft);margin:0 0 18px}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:13.5px;color:var(--muted);font-weight:600;margin:0 0 26px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.meta .who{display:flex;align-items:center;gap:10px;color:var(--ink-soft)}
.meta .av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8B5CF6,#6D28D9);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Nunito',sans-serif;font-weight:900;font-size:15px}
.art h2{font-family:'Nunito',sans-serif;font-weight:900;font-size:25px;line-height:1.25;letter-spacing:-.3px;margin:42px 0 12px;color:var(--purple-dark)}
.art h3{font-family:'Nunito',sans-serif;font-weight:800;font-size:19px;line-height:1.3;margin:26px 0 8px;color:var(--ink)}
.art p{margin:0 0 14px}.art ul,.art ol{margin:0 0 16px;padding-left:24px}.art li{margin:0 0 8px}
.art strong{color:var(--ink)}

/* respuesta corta (lo primero que leen personas e IA) */
.tldr{position:relative;background:#fff;border:1.5px solid #DDD3FB;border-radius:20px;padding:20px 22px 18px;margin:0 0 26px;box-shadow:0 18px 40px -28px rgba(76,29,149,.45)}
.tldr .lbl{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px;letter-spacing:.8px;text-transform:uppercase;color:var(--purple);margin-bottom:8px}
.tldr p{margin:0 0 10px;font-size:17px}.tldr ul{margin:6px 0 0}.tldr li{margin:0 0 6px}

/* índice */
.toc{background:var(--pale);border-radius:16px;padding:16px 20px;margin:0 0 10px}
.toc b{display:block;font-size:13px;letter-spacing:.8px;text-transform:uppercase;color:var(--purple);margin-bottom:6px}
.toc ol{margin:0;padding-left:20px}.toc li{margin:3px 0;font-weight:600;font-size:15px}.toc a{text-decoration:none;color:var(--ink-soft)}.toc a:hover{color:var(--purple)}

/* pasos */
.steps{list-style:none;margin:0 0 18px;padding:0;counter-reset:p}
.steps>li{position:relative;counter-increment:p;padding:0 0 4px 62px;margin:0 0 22px}
.steps>li:before{content:counter(p);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#8B5CF6,#6D28D9);color:#fff;font-family:'Nunito',sans-serif;font-weight:900;font-size:21px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px -10px rgba(109,40,217,.8)}
.steps>li h3{margin-top:6px}

/* avisos */
.note{border-radius:16px;padding:14px 18px;margin:0 0 18px;font-size:15.5px}
.note b:first-child{display:block;margin-bottom:2px}
.note.tip{background:var(--good-bg);color:#14532D}.note.warn{background:var(--amber-bg);color:#78350F}.note.law{background:#EEF2FF;color:#1E3A8A}.note.bad{background:var(--bad-bg);color:#7F1D1D}

/* tablas */
.tw{overflow-x:auto;margin:0 0 20px;border-radius:16px;border:1px solid var(--line);background:#fff;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;font-size:15px;min-width:520px}
th,td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
th{background:#F7F4FD;font-weight:800;color:var(--purple-dark);font-size:13.5px;letter-spacing:.2px}
tr:last-child td{border-bottom:0}
td.si{color:var(--good);font-weight:700}td.no{color:var(--bad);font-weight:700}
.cap{font-size:13px;color:var(--muted);margin:-12px 0 20px}

/* horario de ejemplo */
.sched{min-width:640px;table-layout:fixed}
.sched th:first-child,.sched td:first-child{width:100px}
.sched td{font-size:13px;line-height:1.3;padding:8px}
.t{display:block;border-radius:8px;padding:6px 7px;font-weight:700;border-bottom:3px solid}
.t small{display:block;font-weight:500;color:var(--ink-soft)}
.t.ap{background:#FEF5E6;border-color:#F59E0B;color:#B45309}.t.al{background:#FDEDF5;border-color:#EC4899;color:#BE185D}
.t.ce{background:#F3EEFE;border-color:#8B5CF6;color:#6D28D9}.t.pa{background:#EBF2FE;border-color:#3B82F6;color:#1D4ED8}
.t.li{background:#fff;border:1.5px solid #E4DEEE;border-bottom-width:1.5px;color:#241542;font-weight:600}
.t.va{background:#ECFEFF;border-color:#06B6D4;color:#0E7490}

/* preguntas frecuentes */
.faqs details{background:#fff;border:1px solid var(--line);border-radius:16px;margin:0 0 10px;overflow:hidden}
.faqs summary{cursor:pointer;list-style:none;padding:15px 48px 15px 18px;font-weight:800;position:relative}
.faqs summary::-webkit-details-marker{display:none}
.faqs summary:after{content:'+';position:absolute;right:18px;top:12px;font-size:22px;font-weight:700;color:var(--purple)}
.faqs details[open] summary:after{content:'–'}
.faqs .a{padding:0 18px 14px;color:var(--ink-soft)}.faqs .a p:last-child{margin-bottom:0}

/* llamada a la acción */
.ctab{margin:40px 0 10px;border-radius:24px;padding:26px 24px;background:linear-gradient(135deg,#3B1670,#6D28D9);color:#fff;display:grid;gap:12px;box-shadow:0 30px 60px -34px rgba(59,22,112,.9)}
.ctab h2{color:#fff!important;margin:0!important;font-size:24px}
.ctab p{margin:0;color:#E9DEFF}
.ctab .b{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:14px;background:#fff;color:var(--purple-dark);font-weight:800;text-decoration:none;box-shadow:0 12px 24px -14px rgba(0,0,0,.6)}
.ctab small{color:#D8C8FF;font-weight:600}

/* relacionadas / índice de guías */
.rel{max-width:1080px;margin:0 auto;padding:10px 20px 50px}
.rel h2{font-family:'Nunito',sans-serif;font-weight:900;font-size:22px;color:var(--purple-dark);margin:0 0 14px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-2px);box-shadow:0 20px 40px -28px rgba(76,29,149,.55);color:var(--ink)}
.card .ic{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--pale);color:var(--purple)}
.card .ic svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.card b{font-family:'Nunito',sans-serif;font-weight:900;font-size:18px;line-height:1.25}
.card span{font-size:14.5px;color:var(--ink-soft);line-height:1.5}
.card em{margin-top:auto;font-style:normal;font-weight:800;font-size:14px;color:var(--purple)}

/* portada de guías */
.hub{max-width:1080px;margin:0 auto;padding:36px 20px 10px}
.hub h1{font-family:'Nunito',sans-serif;font-weight:900;font-size:36px;line-height:1.1;letter-spacing:-.6px;margin:10px 0 12px}
.hub .lede{max-width:700px}

/* pie */
.g-foot{border-top:1px solid var(--line);background:#fff}
.g-foot div{max-width:1080px;margin:0 auto;padding:22px 20px 30px;display:grid;gap:8px;font-size:13px;color:var(--muted)}
.g-foot nav{display:flex;flex-wrap:wrap;gap:6px 18px}.g-foot a{font-weight:700;text-decoration:none;color:var(--ink-soft)}.g-foot a:hover{text-decoration:underline}

/* plantilla imprimible */
.printbtn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;border:1.5px solid #CDBEF7;background:#fff;color:var(--purple);font-weight:800;font-size:15px;cursor:pointer;font-family:inherit}
.blank{min-width:680px;table-layout:fixed}
.blank td{height:52px}.blank th:first-child,.blank td:first-child{width:118px}
.blank td:first-child{font-weight:700;color:var(--ink-soft)}

@media (min-width:760px){.art h1{font-size:44px}.hub h1{font-size:50px}.art h2{font-size:28px}}
@media print{
  .g-top,.crumbs,.g-foot,.rel,.ctab,.toc,.noprint,.faqs,.meta{display:none!important}
  body{background:#fff;font-size:12px}.art{max-width:none;padding:0}
  .art>*:not(.printarea){display:none!important}
  .printarea{display:block!important}.tw{border:0;overflow:visible}
  .blank{min-width:0}.blank td{height:44px}
  th,td{border:1px solid #999!important}
  @page{size:A4 landscape;margin:12mm}
}