/* Estilos de las guías y su catálogo temático. */
.product-guide{--guide-line:#dbe5f2}
.product-guide section[id],.product-guide [id].guide-anchor{scroll-margin-top:6rem}
.product-guide .hero{padding:3.5rem 0}
.product-guide .hero h1{font-size:clamp(2rem,3.6vw,3.1rem);margin-top:1rem}
.product-guide .hero .lead{font-weight:400;font-size:1.15rem}
.guide-photo{margin:0}
.guide-photo figcaption{font-size:.86rem;color:#fff;margin-top:.8rem}
.guide-source{font-size:.9rem;color:#526276;margin:1rem 0 0}
.guide-contents{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 0}
.guide-contents a{padding:.65rem 1rem;border:1px solid var(--guide-line);border-radius:.55rem;color:#0a3577;font-weight:700;background:#fff}
.guide-contents a:hover{background:#edf4ff}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem}
.guide-card{padding:1.4rem;border:1px solid var(--guide-line);border-radius:1rem;background:#fff;height:100%}
.guide-card h3{color:#0a3577;font-size:1.2rem;margin:0 0 .7rem}
.guide-card p{margin:0}
.guide-example{margin:1.8rem 0 0;border:1px solid var(--guide-line);border-radius:1rem;overflow:hidden;background:white}
.guide-example figcaption{padding:1.25rem 1.4rem;background:#edf4ff;color:#0a3577}
.guide-example figcaption strong{display:block;font-size:1.15rem;margin-bottom:.3rem}
.guide-table-scroll{overflow-x:auto}
.guide-table-hint{display:none}
.guide-table{border-collapse:collapse;width:100%;text-align:left;font-variant-numeric:tabular-nums}
.guide-table th,.guide-table td{padding:.9rem 1.25rem;border-bottom:1px solid #e5edf6;white-space:nowrap}
.guide-table thead th{font-size:.88rem;color:#526276;background:#f8fbff}
.guide-table tbody th{color:#0a3577;font-weight:700}
.guide-table tfoot td{background:#f8fbff;font-weight:700;color:#0a3577}
.guide-low{color:#9b3b00;font-weight:700;background:#fff6ec}
.guide-caption{padding:1.1rem 1.4rem;margin:0;color:#526276;font-size:.95rem}
.guide-steps{counter-reset:guide-step;list-style:none;padding:0;margin:1.8rem 0 0;display:grid;gap:1rem}
.guide-steps>li{counter-increment:guide-step;position:relative;padding:1.4rem 1.5rem 1.4rem 4.8rem;border:1px solid var(--guide-line);border-radius:1rem;background:#fff}
.guide-steps>li::before{content:counter(guide-step);position:absolute;left:1.35rem;top:1.4rem;width:2.3rem;height:2.3rem;display:grid;place-items:center;border-radius:50%;background:#edf4ff;color:#0d47a1;font-weight:800}
.guide-steps h3{margin:0 0 .6rem;font-size:1.2rem;color:#0a3577}
.guide-steps p{margin:.5rem 0 0}
.guide-path{display:inline-block;color:#526276;font-size:.9rem;font-weight:600}
.guide-callout{padding:1.35rem 1.5rem;border-left:4px solid #d85c00;background:#fff5e9;border-radius:0 .8rem .8rem 0;margin-top:1.5rem}
.guide-callout p{margin:.5rem 0 0}
.guide-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem}
.guide-split ul{padding-left:1.3rem;margin-bottom:0}
.guide-split li{margin:.55rem 0}
.guide-faq{border:1px solid var(--guide-line);border-radius:1rem;background:white;padding:.4rem 1.4rem;margin-top:1.5rem}
.guide-faq details+details{border-top:1px solid var(--guide-line)}
.guide-faq summary{padding:1.15rem 0;cursor:pointer;font-weight:700;color:#0a3577}
.guide-faq details p{margin:0 0 1.15rem;color:#526276}
.guide-related a{display:block;font-weight:700;color:#0a3577;text-decoration:underline;text-underline-offset:.15em;margin-bottom:.6rem}
.guide-related p{color:#526276}
.product-guide a:focus-visible,.product-guide summary:focus-visible,.guide-table-scroll:focus-visible{outline:3px solid #d85c00;outline-offset:4px}
.guide-skip{position:absolute;left:1rem;top:-5rem;z-index:2000;padding:.8rem 1rem;background:#fff;color:#0a3577;border:2px solid #0a3577;border-radius:.5rem}
.guide-skip:focus{top:1rem}
.guide-explore{display:flex;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin:1rem 0 1.5rem}
.guide-index-link{font-weight:700;color:#0a3577;text-underline-offset:.2em;padding:.7rem 0}
.guide-directory{flex:1 1 300px;min-width:0;border:1px solid #dbe5f2;border-radius:.7rem;background:#f8fbff}
.guide-directory summary{padding:.7rem 1rem;color:#0a3577;font-weight:700;cursor:pointer}
.guide-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:1.25rem;border-top:1px solid #dbe5f2}
.guide-directory-group h3{font-size:1rem;color:#0a3577;margin:0 0 .5rem}
.guide-directory-group ul{margin:0;padding-left:1.2rem}
.guide-directory-group li{padding:.3rem 0}
.guide-directory-group a{color:#0a3577;text-decoration:underline;text-underline-offset:.2em}
.guide-directory-group [aria-current]{font-weight:700;color:#526276}
.guide-catalog{--guide-line:#dbe5f2}
.guide-catalog-group{margin-top:2.5rem;scroll-margin-top:6rem}
.guide-catalog-group>h3{color:#0a3577;margin-bottom:1.25rem}
.guide-catalog a:focus-visible{outline:3px solid #d85c00;outline-offset:4px}
@media(max-width:767.98px){.guide-directory-grid{grid-template-columns:1fr}.guide-directory{flex-basis:100%}.guide-explore{gap:.5rem}}
@media(max-width:767.98px){.guide-grid,.guide-split{grid-template-columns:1fr}.product-guide .hero{padding:2.5rem 0}.guide-photo img{max-height:240px}.guide-steps>li{padding:1.25rem 1.1rem 1.25rem 4.1rem}.guide-steps>li::before{left:1rem;top:1.25rem;width:2.1rem;height:2.1rem}.guide-table th,.guide-table td{padding:.8rem .9rem}.guide-table-hint{display:block;padding:.7rem 1rem;margin:0;font-size:.85rem;color:#526276;background:#f8fbff}.guide-contents a{flex:1 1 auto;text-align:center}.product-guide .section{padding:2.8rem 0}}