/* Spanish guide pages. Uses the public palette and type roles without changing locked CSS. */
.guide-shell{max-width:820px;margin:0 auto;padding:48px 24px 72px}.guide-kicker{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.guide-hero{padding:44px 0 28px;border-bottom:1px solid var(--line,#e6dfd3)}.guide-hero h1{max-width:760px;margin:12px 0;font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-size:clamp(42px,7vw,68px);line-height:.98;letter-spacing:-.04em}.guide-lede{max-width:650px;color:var(--ink-2,#34352f);font-size:18px;line-height:1.55}.guide-meta{margin:18px 0 0;color:var(--muted,#66655c);font-size:14px}.guide-body{max-width:680px;margin:36px auto 0}.guide-body h2{margin:38px 0 12px;font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-size:32px;line-height:1.05}.guide-body p,.guide-body li{color:var(--ink-2,#34352f);font-size:17px;line-height:1.65}.guide-body ul{padding-left:22px}.guide-phrase{margin:18px 0;padding:18px 20px;border:1px solid var(--line,#e6dfd3);border-radius:14px;background:var(--paper,#f5f2eb)}.guide-phrase strong{display:block;color:var(--ink,#1c1d19);font-size:19px}.guide-phrase span{display:block;margin-top:4px;color:var(--muted,#66655c)}.guide-dialogue{margin:18px 0;padding:20px 22px;border-left:3px solid var(--accent);background:var(--paper-2)}.guide-dialogue p{margin:5px 0}.guide-note,.guide-task{margin:28px 0;padding:22px 24px;border-radius:16px;background:var(--moss-soft,#e1e9e3)}.guide-note h2,.guide-task h2{margin-top:0;font-family:inherit;font-size:18px}.guide-sources{margin-top:38px;padding-top:22px;border-top:1px solid var(--line,#e6dfd3)}.guide-sources a{color:inherit;text-decoration:underline;text-underline-offset:3px}.guide-cta{margin:40px 0 0;padding:28px;border-radius:18px;background:var(--ink,#1c1d19);color:var(--paper,#f5f2eb)}.guide-cta p{color:inherit}.guide-cta .btn{margin-top:6px}.guide-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.guide-card{display:block;padding:24px;border:1px solid var(--line,#e6dfd3);border-radius:16px;color:inherit;text-decoration:none;background:var(--cream)}.guide-card:hover{border-color:var(--accent)}.guide-card h2{margin:8px 0;font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-size:28px;line-height:1}.guide-card p{margin:0;color:var(--muted,#66655c);line-height:1.45}@media(max-width:620px){.guide-shell{padding:28px 18px 56px}.guide-hero{padding-top:30px}.guide-body p,.guide-body li{font-size:16px}.guide-hub{grid-template-columns:1fr}.guide-cta{padding:22px}}

.guide-cta .btn-primary{background:var(--paper);border-color:var(--paper);color:var(--ink)}.guide-cta .btn-primary:hover{background:var(--cream);border-color:var(--cream)}
@media(max-width:640px){.pub .pub-top nav a{display:block}.pub .pub-top nav{gap:12px;font-size:12px}.pub .pub-top .pub-wrap{gap:12px}.pub .pub-top nav a{max-width:140px;text-align:right}}

.guide-sprite{position:absolute;width:0;height:0}

/* Index layout, scoped to the guide hub. */
.guide-index .guide-shell{max-width:1240px;padding:52px var(--gutter) 64px}
.guide-index #main{scroll-margin-top:85px}
.guide-index .guide-nav-cta{color:var(--ink);font-weight:600}
.guide-nav-cta span{margin-left:6px;color:var(--accent)}
.guide-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:16px 0 54px}
.guide-intro-copy h1{margin:22px 0;font-family:var(--serif);font-size:clamp(48px,5.4vw,76px);font-weight:600;line-height:.97;letter-spacing:-.045em}
.guide-intro-copy h1 em{font-weight:500;color:var(--accent)}
.guide-intro-copy>p{max-width:29em;color:var(--ink-2);font-size:17px;line-height:1.65}
.guide-explore{display:inline-flex;gap:18px;align-items:center;margin-top:25px;padding:0 0 8px;border-bottom:1px solid var(--ink);color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}
.guide-explore svg,.guide-card-link svg,.guide-card-bottom>svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur) var(--ease)}
.guide-explore:hover svg{transform:translateX(4px)}
.guide-intro-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:26px;color:var(--muted);font-size:11px}
.guide-intro-meta span+span::before{content:"·";margin-right:16px;color:var(--accent)}
.guide-cover{position:relative;isolation:isolate;min-width:0;height:428px;margin:0;border-radius:var(--r-sm);background:var(--ink)}
.guide-cover>img{width:100%;height:100%;object-fit:cover;object-position:48% 50%;border-radius:inherit}
.guide-cover::after{content:"";position:absolute;inset:45% 0 0;z-index:0;border-radius:inherit;background:linear-gradient(transparent,rgba(0,0,0,.6))}
.guide-cover figcaption{position:absolute;right:22px;bottom:22px;z-index:1;text-align:right;color:#fff}
.guide-cover figcaption span{display:block;font-size:10px;letter-spacing:.04em}
.guide-cover figcaption strong{display:block;font-family:var(--serif);font-size:38px;font-weight:500;line-height:1.2}
.guide-cover-note{position:absolute;left:-22px;bottom:25px;z-index:2;display:grid;gap:5px;width:207px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--cream);box-shadow:var(--shadow-1);transform:rotate(-4deg)}
.guide-cover-note .guide-kicker{font-size:9px}
.guide-cover-note strong{font-family:var(--serif);font-size:27px;font-weight:600;line-height:1.05}
.guide-cover-note>span:last-child{font-size:11px;color:var(--muted)}
.guide-collection{scroll-margin-top:90px;padding-top:29px;border-top:1px solid var(--line)}
.guide-collection-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.guide-collection-head h2{margin-top:9px;font-family:var(--serif);font-size:40px;font-weight:600;line-height:1;letter-spacing:-.025em}
.guide-collection-head>p{color:var(--muted);font-size:13px;line-height:1.65;text-align:right}
.guide-index .guide-hub{grid-template-columns:1.14fr 1fr 1fr;gap:18px;margin:0}
.guide-feature{position:relative;isolation:isolate;grid-row:span 2;display:flex;align-items:flex-end;min-width:0;min-height:540px;overflow:hidden;border-radius:var(--r-sm);background:var(--ink);color:#fff;text-decoration:none}
.guide-feature>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:54% 48%;transition:transform 400ms var(--ease)}
.guide-feature::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.06) 20%,rgba(0,0,0,.78) 100%)}
.guide-feature-label{position:absolute;top:20px;left:20px;padding:5px 10px;border:1px solid rgba(255,255,255,.45);border-radius:var(--r-pill);font-size:10px;font-weight:600;letter-spacing:.02em;background:rgba(0,0,0,.15)}
.guide-feature-copy{width:100%;padding:25px}
.guide-feature .guide-kicker{color:var(--paper-2);font-size:10px}
.guide-feature h3{margin:8px 0 10px;font-family:var(--serif);font-size:49px;font-weight:500;letter-spacing:-.025em;line-height:1}
.guide-feature p{max-width:25em;font-size:13px;line-height:1.65;color:var(--paper)}
.guide-feature-phrase{display:block;margin-top:22px;font-family:var(--serif);font-size:25px;font-style:italic}
.guide-card-link{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:14px;border-top:1px solid rgba(255,255,255,.35);font-size:12px;font-weight:600}
.guide-feature:hover>img{transform:scale(1.035)}
.guide-feature:hover .guide-card-link svg,.guide-card:hover .guide-card-bottom>svg{transform:translateX(4px)}
.guide-index .guide-card{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;min-height:261px;padding:21px 23px;border-radius:var(--r-sm);border-color:transparent;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.guide-index .guide-card:hover{border-color:var(--line-strong);transform:translateY(-3px)}
.guide-card-home{background:var(--paper-2)}
.guide-card-market{background:var(--sun-soft)}
.guide-card-ferry{background:var(--sky-soft)}
.guide-card-series{background:var(--moss-soft)}
.guide-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.guide-card-top .guide-kicker{font-size:10px}
.guide-scene{width:66px;height:66px;flex-shrink:0;fill:none;stroke:var(--ink-2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.guide-index .guide-card h3{margin:0 0 8px;font-family:var(--serif);font-size:29px;font-weight:600;line-height:1;letter-spacing:-.02em}
.guide-index .guide-card p{font-size:12px;line-height:1.65;color:var(--ink-2)}
.guide-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:13px;border-top:1px solid color-mix(in srgb,var(--ink) 16%,transparent)}
.guide-card-bottom>span{font-family:var(--serif);font-size:20px;font-style:italic;color:var(--ink-2)}
.guide-next{display:grid;grid-template-columns:1fr auto;gap:12px 44px;align-items:center;margin-top:48px;padding:32px 36px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--cream)}
.guide-next>.guide-kicker{grid-column:1/-1;font-size:10px}
.guide-next h2{font-family:var(--serif);font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.guide-next p{max-width:42em;margin-top:10px;font-size:13px;color:var(--muted);line-height:1.65}
.guide-next .btn{white-space:nowrap;gap:18px;font-size:13px}
.guide-original-note{margin:20px 0 0;color:var(--muted);font-size:11px;text-align:center}
@media(max-width:980px){
  .guide-intro{gap:30px}.guide-intro-copy h1{font-size:57px}.guide-cover{height:390px}.guide-cover-note{left:-12px;width:185px;padding:17px}.guide-cover-note strong{font-size:25px}.guide-cover figcaption{right:16px;bottom:155px}.guide-index .guide-hub{gap:13px}.guide-index .guide-card{padding:18px}.guide-scene{width:52px;height:52px}.guide-feature-copy{padding:22px}.guide-feature h3{font-size:43px}
}
@media(max-width:760px){
  .guide-index .guide-shell{padding-top:30px}.guide-intro{grid-template-columns:1fr;gap:28px;padding-top:0;padding-bottom:36px}.guide-intro-copy h1{max-width:600px;margin:17px 0;font-size:clamp(46px,8vw,65px)}.guide-intro-copy>p{max-width:36em;font-size:16px}.guide-cover{height:320px;margin-left:10px}.guide-cover-note{bottom:22px}.guide-cover figcaption{bottom:20px}.guide-intro-meta{margin-top:20px}.guide-collection-head h2{font-size:35px}.guide-index .guide-hub{grid-template-columns:1fr 1fr}.guide-feature{grid-column:1/-1;grid-row:auto;min-height:340px}.guide-feature>img{object-position:50% 59%}.guide-feature-copy{max-width:390px;padding:26px}.guide-feature::before{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.12))}.guide-feature-label{left:auto;right:20px}.guide-feature-phrase{margin-top:15px}.guide-feature h3{font-size:46px}.guide-next{gap:14px;padding:26px;grid-template-columns:1fr}.guide-next .btn{justify-self:start;margin-top:6px}
}
@media(max-width:480px){
  .guide-index .guide-shell{padding-left:20px;padding-right:20px}.guide-index .pub-top nav>a:first-child{display:none}.guide-cover{height:285px}.guide-cover figcaption{right:14px;bottom:152px}.guide-cover figcaption strong{font-size:34px}.guide-cover-note{width:194px;left:-10px;bottom:22px}.guide-intro-meta{gap:5px 10px}.guide-intro-meta span+span::before{margin-right:10px}.guide-collection-head{align-items:flex-start;flex-direction:column;gap:11px}.guide-collection-head>p{text-align:left}.guide-collection-head>p br{display:none}.guide-index .guide-hub{grid-template-columns:1fr;gap:14px}.guide-feature{grid-column:auto;min-height:367px}.guide-feature::before{background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.8))}.guide-feature-label{right:auto;left:20px}.guide-index .guide-card{min-height:238px;padding:20px 24px}.guide-scene{width:64px;height:64px}.guide-card-top{min-height:60px}.guide-index .guide-card h3{font-size:31px}.guide-index .guide-card p{font-size:13px}.guide-next{margin-top:32px;padding:23px}.guide-next h2{font-size:32px}.guide-original-note{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.guide-feature>img,.guide-index .guide-card,.guide-explore svg,.guide-card-link svg,.guide-card-bottom>svg{transition:none}.guide-feature:hover>img,.guide-index .guide-card:hover{transform:none}}
@media(max-width:480px){.guide-cover::after{inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 55%,rgba(0,0,0,.6))}.guide-cover figcaption{top:16px;bottom:auto}}