/* Guía editorial: identidad y componentes compartidos con la portada. */
html { scroll-behavior:smooth; scroll-padding-top:110px; }
.guide-hero { padding-top:138px; padding-bottom:76px; }
.guide-hero .breadcrumb { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 42px; padding:0; background:none; font-size:13px; }
.guide-hero .h1-hero { max-width:1000px; margin-inline:auto; font-size:clamp(34px,4.3vw,56px) !important; }
.guide-hero .main_text { max-width:880px; }
.guide-hero .hero-actions { margin-top:24px; }
.guide-layout { display:grid; grid-template-columns:220px minmax(0,760px); justify-content:space-between; gap:64px; padding-top:64px; padding-bottom:80px; }
.guide-index { align-self:start; position:sticky; top:115px; font-size:14px; line-height:1.6; }
.guide-index p { margin-bottom:18px; font-weight:600; color:var(--gc-ink); }
.guide-index ol { padding-left:20px; list-style:decimal; margin:0; }
.guide-index li { margin-bottom:16px; padding-left:4px; }
.guide-index a,.guide-body a { color:var(--gc-blue-dark); text-decoration:underline; text-underline-offset:4px; }
.guide-body { min-width:0; color:var(--gc-ink-soft); font-size:17px; line-height:1.8; }
.guide-body section { margin-bottom:60px; scroll-margin-top:110px; }
.guide-body section:last-child { margin-bottom:0; }
.guide-body h2 { color:var(--gc-ink); font-size:clamp(26px,3vw,34px); font-weight:700; line-height:1.2; letter-spacing:-.025em; margin-bottom:24px; }
.guide-body h3 { color:var(--gc-ink); font-size:21px; font-weight:600; line-height:1.3; margin:28px 0 14px; }
.guide-body p { margin-bottom:18px; font-size:inherit; line-height:inherit; color:inherit; }
.guide-body ul,.guide-body ol { padding-left:24px; margin:24px 0; list-style:disc; }
.guide-body ol { list-style:decimal; }
.guide-body li { margin-bottom:16px; padding-left:6px; }
.guide-body strong { color:var(--gc-ink); font-weight:600; }
.worked-example { border-block:1px solid var(--gc-line); padding-block:32px; }
.guide-body .example-label { margin-bottom:18px; color:var(--gc-ink-soft); font-size:14px; }
.example-table { table-layout:fixed; border-collapse:collapse; width:100%; margin:28px 0; font-size:16px; }
.example-table caption { caption-side:top; text-align:left; color:var(--gc-ink-soft); font-size:13px; padding-bottom:12px; }
.example-table th,.example-table td { text-align:left; padding:16px; border-bottom:1px solid var(--gc-line); overflow-wrap:break-word; }
.example-table th { color:var(--gc-ink); font-weight:600; }
.example-table thead { background:var(--gc-surface); }
.cta-section .section_heading_title_big { max-width:880px; margin-inline:auto; }
.cta-section .cta-supporting-copy { max-width:780px; }
.skip-link { position:absolute; top:-100px; left:16px; padding:12px 20px; background:white; z-index:10000; }
.skip-link:focus { top:12px; }
.guide-index a:focus-visible,.guide-body a:focus-visible { outline:3px solid var(--gc-blue); outline-offset:4px; }
.guide-body ::selection { background:#d8eaff; color:var(--gc-ink); }
.mobile-nav-toggler { border:0; cursor:pointer; }
@media(max-width:950px) { .guide-layout { grid-template-columns:1fr; gap:40px; max-width:820px; } .guide-index { position:static; border-bottom:1px solid var(--gc-line); padding-bottom:24px; } .guide-index ol { columns:2; column-gap:32px; } .guide-index li { break-inside:avoid; } }
@media(max-width:480px) { .guide-hero { padding-top:110px; padding-bottom:52px; } .guide-hero .breadcrumb { margin-bottom:30px; } .guide-hero .h1-hero { font-size:34px !important; } .guide-layout { padding-top:40px; padding-bottom:56px; } .guide-index ol { columns:1; } .guide-body section { margin-bottom:44px; } .example-table th,.example-table td { padding:12px 8px; font-size:14px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }