:root { --v2-ink:#18333a; --v2-muted:#587078; --v2-paper:#f3f7f6; --v2-water:#dce8e7; --v2-line:#bfd0cd; --v2-red:#b44336; --v2-font:Arial,'Helvetica Neue',sans-serif; }
* { box-sizing:border-box; }
body { margin:0; color:var(--v2-ink); background:var(--v2-paper); font-family:var(--v2-font); line-height:1.5; }
a { color:inherit; text-decoration:none; }
.v2-nav { min-height:76px; display:flex; align-items:center; gap:2rem; padding:12px clamp(1.25rem,4vw,4rem); background:rgba(243,247,246,.96); border-bottom:1px solid var(--v2-line); position:sticky; top:0; z-index:20; }
.v2-brand { display:inline-flex; align-items:center; gap:.65rem; min-width:0; }
.v2-brand strong,.v2-brand small { display:block; white-space:nowrap; }
.v2-brand strong { font-family:Georgia,'Times New Roman',serif; font-size:1rem; letter-spacing:-.02em; }
.v2-brand small { color:var(--v2-muted); font-size:.67rem; letter-spacing:.08em; text-transform:uppercase; }
.v2-seal { width:36px; height:36px; display:grid; place-items:center; flex:0 0 auto; background:var(--v2-red); color:#fff; font-family:Georgia,'Times New Roman',serif; font-weight:700; }
.v2-nav-links { display:flex; align-items:center; gap:1.5rem; margin-left:auto; font-size:.9rem; font-weight:700; }
.v2-nav-links a:hover,.v2-nav-links a:focus-visible { color:var(--v2-red); }
.v2-menu-button { display:none; margin-left:auto; padding:.5rem .7rem; color:var(--v2-ink); background:transparent; border:1px solid var(--v2-ink); font:700 .78rem/1 var(--v2-font); }
.v2-hero { min-height:min(760px,calc(100dvh - 76px)); position:relative; display:flex; align-items:flex-end; isolation:isolate; overflow:hidden; }
.v2-hero-photo,.v2-canal-image { position:absolute; inset:0; background:url('img/tu.jpg') center/cover no-repeat; z-index:-2; }
.v2-hero::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(9,29,34,.88),rgba(9,29,34,.4) 58%,rgba(9,29,34,.08)); }
.v2-hero-content { max-width:720px; padding:0 clamp(1.25rem,8vw,8rem) clamp(3rem,9vw,7rem); color:#fff; }
.v2-eyebrow { margin:0 0 .6rem; color:var(--v2-red); font-size:.72rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.v2-hero .v2-eyebrow { color:#fff; }
.v2-hero h1,.v2-section-intro h2,.v2-canal-note h2 { margin:0; font-family:Georgia,'Times New Roman',serif; letter-spacing:-.055em; line-height:.99; }
.v2-hero h1 { font-size:clamp(3rem,7vw,6.5rem); }
.v2-hero-copy { max-width:460px; margin:1.4rem 0 1.8rem; font-size:clamp(1rem,1.5vw,1.2rem); line-height:1.7; }
.v2-primary { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:.85rem 1.15rem; border:0; background:var(--v2-red); color:#fff; cursor:pointer; font:800 .9rem/1 var(--v2-font); transition:transform .18s ease,background .18s ease; }
.v2-primary:hover,.v2-primary:focus-visible { background:#96372d; transform:translateY(-2px); }
.v2-primary:active { transform:translateY(0); }
.v2-planner,.v2-essentials,.v2-canal-note { width:min(1160px,100% - 2.5rem); margin:0 auto; }
.v2-planner { padding:7rem 0; }
.v2-section-intro { max-width:650px; }
.v2-section-intro h2,.v2-canal-note h2 { font-size:clamp(2.1rem,4vw,4rem); }
.v2-section-intro > p:last-child,.v2-canal-note p { color:var(--v2-muted); line-height:1.7; }
.v2-walk-form { display:grid; grid-template-columns:1fr 1fr auto; align-items:end; gap:1.4rem; margin-top:2.6rem; padding:2rem; background:var(--v2-water); }
.v2-walk-form fieldset { min-width:0; margin:0; padding:0; border:0; }
.v2-walk-form legend { margin-bottom:.8rem; font-size:.87rem; font-weight:800; }
.v2-choice-group { display:flex; flex-wrap:wrap; gap:.45rem; }
.v2-choice-group label { cursor:pointer; }
.v2-choice-group input { position:absolute; opacity:0; }
.v2-choice-group span { display:block; padding:.62rem .72rem; border:1px solid #789397; color:var(--v2-ink); font-size:.86rem; transition:background .18s ease,color .18s ease; }
.v2-choice-group input:checked + span { background:var(--v2-ink); border-color:var(--v2-ink); color:#fff; }
.v2-choice-group input:focus-visible + span { outline:3px solid var(--v2-red); outline-offset:2px; }
.v2-walk-result { max-width:760px; margin-top:1.8rem; padding:1.8rem 2rem; background:#fff; border-left:4px solid var(--v2-red); }
.v2-walk-result h3 { margin:.25rem 0 1rem; font-family:Georgia,'Times New Roman',serif; font-size:1.7rem; }
.v2-walk-result ol { display:grid; gap:.3rem; padding-left:1.2rem; }
.v2-essentials { padding-bottom:7rem; }
.v2-essentials-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:1px; margin-top:2.4rem; background:var(--v2-line); }
.v2-essential { min-height:260px; padding:1.7rem; background:var(--v2-paper); transition:background .2s ease; }
.v2-essential:hover,.v2-essential:focus-visible { background:#e8f0ef; }
.v2-essential span { color:var(--v2-red); font-size:.75rem; font-weight:800; }
.v2-essential h3 { margin:3rem 0 .7rem; font-family:Georgia,'Times New Roman',serif; font-size:1.55rem; line-height:1.12; }
.v2-essential p { margin:0; color:var(--v2-muted); line-height:1.65; }
.v2-canal-note { min-height:460px; display:grid; grid-template-columns:1.15fr .85fr; align-items:stretch; margin-bottom:7rem; background:#e5eeee; }
.v2-canal-image { position:relative; min-height:330px; filter:saturate(.78); }
.v2-canal-note > div:last-child { align-self:center; padding:3rem; }
.v2-text-link { display:inline-block; margin-top:1rem; color:var(--v2-red); border-bottom:1px solid currentColor; font-weight:800; }
.v2-footer { display:grid; grid-template-columns:1fr 1.5fr auto; gap:2rem; align-items:start; padding:3rem clamp(1.25rem,4vw,4rem); background:#18333a; color:#edf4f3; }
.v2-footer .v2-brand small,.v2-footer p { color:#bdcfcc; }
.v2-footer p { max-width:470px; margin:0; font-size:.85rem; line-height:1.65; }
.v2-footer-meta { white-space:nowrap; }
@media (prefers-reduced-motion: reduce) { .v2-primary,.v2-choice-group span,.v2-essential { transition:none; } .v2-primary:hover,.v2-primary:focus-visible { transform:none; } }
@media (max-width:850px) { .v2-nav { gap:1rem; } .v2-menu-button { display:block; } .v2-nav-links { display:none; position:absolute; top:76px; right:0; left:0; margin:0; padding:1rem 1.25rem 1.5rem; flex-direction:column; align-items:flex-start; background:var(--v2-paper); border-bottom:1px solid var(--v2-line); } .v2-nav-links.is-open { display:flex; } .v2-walk-form,.v2-canal-note,.v2-footer { grid-template-columns:1fr; } .v2-walk-form .v2-primary { width:max-content; } .v2-canal-note { min-height:0; } .v2-canal-note > div:last-child { padding:2rem; } }
@media (max-width:620px) { .v2-hero { min-height:620px; } .v2-hero-content { padding:0 1.25rem 3.5rem; } .v2-hero h1 { font-size:clamp(3rem,15vw,4.8rem); } .v2-planner { padding:4.5rem 0; } .v2-walk-form { padding:1.25rem; } .v2-essentials { padding-bottom:4.5rem; } .v2-essentials-grid { grid-template-columns:1fr; } .v2-essential { min-height:220px; } .v2-canal-note { margin-bottom:4.5rem; } .v2-footer { gap:1.3rem; } }