:root{--ink:#18251f;--ink2:#0f1815;--olive:#34483c;--gold:#b8a27b;--gold2:#dfccaa;--cream:#f5f3ec;--white:#fff;--muted:#617069;--line:rgba(24,37,31,.15);--font:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--serif:'Cormorant Garamond',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.58;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}::selection{background:var(--gold);color:var(--ink2)}.screen-reader-text,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:static;clip:auto;width:auto;height:auto}.skip{position:absolute;left:-9999px;top:12px;z-index:100;background:white;padding:12px}.skip:focus{left:12px}.wrap{width:min(1180px,calc(100% - 56px));margin-inline:auto}.narrow{max-width:810px;margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:.23em;text-transform:uppercase;font-weight:750}.eyebrow.gold{color:var(--gold2)}.eyebrow.olive{color:#68775f}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.08}h1,h2,.editorial{font-family:var(--serif);font-weight:600;letter-spacing:-.025em}h1{font-size:clamp(3.3rem,6.2vw,6.9rem)}h2{font-size:clamp(2.8rem,4.6vw,5.2rem)}h3{font-size:1.23rem}.italic{font-style:italic;color:var(--gold2)}.body-large{font-size:clamp(1.05rem,1.4vw,1.22rem);line-height:1.7}.muted{color:var(--muted)}.small{font-size:.84rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid transparent;border-radius:3px;padding:16px 22px;text-decoration:none;font-size:.79rem;font-weight:750;letter-spacing:.065em;text-transform:uppercase;transition:transform .18s,background .18s,border-color .18s}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,.menu-toggle:focus-visible,a:focus-visible{outline:3px solid #d4b76e;outline-offset:4px}.btn-gold{background:var(--gold);color:#101814}.btn-gold:hover{background:#d3bd95}.btn-dark{background:var(--ink);color:white}.btn-outline{border-color:rgba(245,243,236,.55);color:var(--cream)}.btn-outline:hover{background:rgba(255,255,255,.08)}.btn-text{padding:0;border:0;color:var(--ink);border-bottom:1px solid var(--ink);border-radius:0}.arrow{font-size:1.2em}.site-header{position:absolute;top:0;left:0;right:0;z-index:10;color:var(--cream);border-bottom:1px solid rgba(255,255,255,.13)}.site-header.is-sticky{position:sticky;background:var(--ink2)}.header-inner{min-height:96px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{font-size:1rem;line-height:1.1;font-weight:770;letter-spacing:.11em;text-decoration:none;display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{height:42px;width:42px;display:grid;place-items:center;background:var(--gold);color:var(--ink2);border-radius:2px;font-family:var(--serif);font-size:26px;font-weight:700}.brand-sub{display:block;color:var(--gold2);font-size:9px;font-weight:580;letter-spacing:.18em;margin-top:5px}.main-nav{display:flex;align-items:center;gap:30px}.main-nav a{text-decoration:none;color:#f5f3eccf;font-size:12px;font-weight:650;transition:color .2s}.main-nav a:hover{color:var(--gold2)}.main-nav .nav-cta{border:1px solid rgba(240,231,211,.62);padding:12px 16px;color:white}.menu-toggle{display:none;border:1px solid rgba(255,255,255,.3);background:none;color:white;border-radius:2px;padding:10px 13px}.hero{position:relative;background:var(--ink2);color:var(--cream);min-height:790px;overflow:hidden;isolation:isolate}.hero:before{content:'';position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 85% 12%,#3b503d8a,transparent 40%),linear-gradient(130deg,#111c17,#24332b 85%)}.hero::after{content:'';position:absolute;z-index:0;top:105px;left:50%;height:90%;width:1px;background:rgba(255,255,255,.06)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.07fr .93fr;align-items:end;min-height:790px;padding-top:126px}.hero-copy{padding:86px 10px 98px 0;position:relative;z-index:3}.hero h1{max-width:690px;margin:28px 0 20px}.hero h1 .accent{font-style:italic;color:var(--gold2)}.hero p{max-width:560px;color:#cdd6d0;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:36px}.hero-photo{position:relative;align-self:stretch;display:flex;align-items:end;justify-content:center}.hero-photo:before{content:'';position:absolute;inset:16% -10% 0 3%;border:1px solid #a99c7645;border-radius:46% 46% 0 0}.hero-photo img{position:relative;display:block;max-height:680px;width:100%;object-fit:contain;object-position:bottom center;filter:contrast(1.02) saturate(.93)}.hero-photo:after{content:'';position:absolute;inset:45% -7% 0 -5%;background:linear-gradient(0deg,var(--ink2),transparent 62%);pointer-events:none}.hero-signature{position:absolute;left:2%;top:23%;width:195px;z-index:5;text-align:center;transform:rotate(-5deg);color:var(--gold2);text-shadow:0 2px 16px rgba(3,12,9,.78);pointer-events:none}
.hero-signature-name{font-family:'Allura','Cormorant Garamond',cursive;font-size:clamp(2.3rem,3.2vw,3.3rem);font-weight:400;line-height:.82;display:block;letter-spacing:.005em}
.hero-signature-label{display:block;margin:13px auto 0;padding-top:9px;border-top:1px solid rgba(223,204,170,.6);font-family:var(--font);font-size:.61rem;font-weight:700;letter-spacing:.2em;line-height:1.5;text-transform:uppercase;max-width:175px}
.hero-bottom{display:flex;gap:28px;align-items:center;color:#c4cdc5;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:65px}.hero-bottom:before{content:'';width:55px;height:1px;background:var(--gold)}.metrics{background:#edeae0;border-bottom:1px solid var(--line)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr)}.metric{padding:34px 40px;border-right:1px solid #d9d6cc}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric strong{display:block;font-family:var(--serif);font-weight:600;line-height:1;font-size:clamp(3.2rem,5vw,5rem);letter-spacing:-.05em}.metric span{display:block;max-width:275px;font-size:.82rem;font-weight:630;color:#637068;letter-spacing:.02em;margin-top:8px}.fine{font-size:.75rem;color:#7b8078;margin-top:10px}.section{padding:118px 0}.section-heading{max-width:770px;margin-bottom:52px}.section-heading h2{margin:16px 0 22px}.section-heading p{max-width:630px;color:var(--muted)}.problem{background:#f7f6f1}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.problem-quote{font-family:var(--serif);font-size:clamp(2.3rem,3.5vw,3.8rem);line-height:1.12;margin:0 0 25px}.rule-list{list-style:none;padding:0;margin:0}.rule-list li{padding:21px 0;border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:flex-start;font-size:.95rem}.rule-list li:before{content:'↗';color:#668071;font-size:19px}.rule-list li:last-child{border-bottom:0}.fit-section{background:var(--ink);color:var(--cream)}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:48px}.fit-card{padding:45px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.025)}.fit-card h3{font-family:var(--serif);font-size:2.1rem;font-weight:500;margin:0 0 24px}.fit-card ul{padding:0;list-style:none;margin:0}.fit-card li{border-top:1px solid rgba(255,255,255,.14);padding:15px 0;color:#d3d9d3;font-size:.96rem}.fit-card.is-no{background:#1a2722}.fit-card li:before{content:'—';color:var(--gold);margin-right:12px}.fit-card.is-yes li:before{content:'✓';color:#b9c6a4}.video-section{background:#e9e6db}.video-split{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center}.video-frame{aspect-ratio:16/9;background:linear-gradient(145deg,#162721,#293c2f);border-radius:3px;display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 26px 55px #1a292025}.video-frame:before{content:'';position:absolute;inset:14px;border:1px solid #c8b48741}.video-placeholder{text-align:center;padding:25px;color:var(--cream);position:relative;z-index:1}.video-play{width:80px;height:80px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 24px;color:var(--gold2);font-size:30px}.video-placeholder h3{font-family:var(--serif);font-size:clamp(1.7rem,3vw,3rem);max-width:500px;margin:0 auto 10px;font-weight:500}.video-placeholder p{color:#c1c9c2;font-size:13px}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.requirements{background:#f7f6f1}.four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.req{border:1px solid var(--line);padding:30px 23px;min-height:205px}.req .num{font-family:var(--serif);font-size:38px;color:#8d936f}.req h3{font-size:1.05rem;margin:23px 0 7px}.req p{font-size:.86rem;color:var(--muted);margin:0}.about{background:var(--ink2);color:var(--cream);overflow:hidden}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.about-media{position:relative}.about-media img{width:100%;height:560px;object-fit:cover;object-position:top center;filter:saturate(.72)}.about-media:after{content:'';position:absolute;inset:-14px 14px 14px -14px;border:1px solid #ae9c76;z-index:0;pointer-events:none}.about-copy h2{margin-top:20px}.about-copy p{color:#cad2ca;line-height:1.8}.about-sign{font-family:var(--serif);font-size:28px;font-style:italic;color:var(--gold2);margin-top:23px}.process{background:var(--cream)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.step{padding:33px 26px;border-top:1px solid #849184;border-right:1px solid var(--line)}.step:first-child{padding-left:0}.step:last-child{border:0;border-top:1px solid #849184}.step-number{font-family:var(--serif);font-size:48px;color:#929a89}.step h3{margin-top:20px}.step p{font-size:.89rem;color:var(--muted)}.service{background:#eae7db}.service-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px}.service-card{background:#f9f8f4;border:1px solid #d9d6c9;padding:35px;min-height:305px}.service-card h3{font-family:var(--serif);font-size:2.1rem;font-weight:600}.service-card p{font-size:.91rem;color:var(--muted)}.service-card .tag{color:#687564;font-weight:700;letter-spacing:.1em;font-size:12px}.reviews{background:#f7f6f1}.review-wrap{background:white;border:1px solid #e7e3d8;padding:30px;min-height:230px;display:grid;place-items:center}.review-heading{text-align:center}.review-heading p{max-width:700px;margin:0 auto 30px;color:var(--muted)}.review-fallback{text-align:center;max-width:550px;color:var(--muted)}.review-fallback strong{color:var(--ink)}.editorial-links{background:var(--cream)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e1dfd6;padding:30px;text-decoration:none;min-height:265px;transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-4px);box-shadow:0 15px 45px #0d1e1014}.article-card h3{font-family:var(--serif);font-size:1.65rem;line-height:1.13;font-weight:600;margin-top:27px}.article-card p{font-size:.88rem;color:var(--muted)}.article-card .read{font-weight:700;font-size:.79rem;letter-spacing:.06em;text-transform:uppercase;margin-top:auto}.faq{background:#f7f6f1}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{cursor:pointer;list-style:none;font-weight:690;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-family:var(--serif);font-size:28px;font-weight:400;color:#7d897a}.faq details[open] summary:after{content:'−'}.faq details p{font-size:.93rem;color:var(--muted);max-width:660px;margin:15px 0 0}.bottom-cta{background:var(--ink2);color:var(--cream);padding:110px 0;text-align:center;position:relative;overflow:hidden}.bottom-cta:after{content:'VND';font-family:var(--serif);font-size:420px;line-height:1;letter-spacing:-.08em;color:#fff;opacity:.025;position:absolute;left:50%;top:0;transform:translateX(-50%);pointer-events:none}.bottom-cta .wrap{position:relative;z-index:1}.bottom-cta h2{max-width:800px;margin:20px auto}.bottom-cta p{max-width:700px;margin:0 auto 30px;color:#cbd3cc}.site-footer{background:#111a16;color:#d7dfd6;padding:58px 0 32px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:75px}.footer-grid p{font-size:.89rem;color:#a7b2aa}.footer-grid a{display:block;font-size:.85rem;color:#d7dfd6;margin-bottom:10px;text-decoration:none}.footer-grid a:hover{color:var(--gold2)}.footer-grid h3{color:var(--gold2);font-size:.83rem;text-transform:uppercase;letter-spacing:.12em}.footer-bottom{border-top:1px solid #f6f1e61f;margin-top:42px;padding-top:23px;color:#a5aaa4;font-size:.75rem;display:flex;justify-content:space-between;gap:20px}.page-banner{background:var(--ink2);color:white;padding:170px 0 80px}.page-banner h1{max-width:900px;font-size:clamp(3rem,5vw,5.5rem);margin:20px 0}.page-banner p{max-width:770px;color:#cbd3cc}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-listing{padding:85px 0 115px}.post-card{background:white;padding:32px;min-height:320px;display:flex;flex-direction:column}.post-card h2{font-size:2rem;margin-top:20px}.post-card p{color:var(--muted)}.post-card a{text-decoration:none}.post-card .readmore{margin-top:auto;text-decoration:underline;font-size:.82rem;font-weight:700}.content-wrap{padding:75px 0 120px}.article-body{max-width:810px;margin:0 auto}.article-body h2{font-family:var(--serif);font-size:clamp(2.3rem,3.5vw,3.5rem);margin:45px 0 16px}.article-body h3{font-size:1.25rem;margin:32px 0 12px}.article-body p,.article-body li{font-size:1.07rem;line-height:1.9}.article-body a{color:#315e43;text-decoration-thickness:1px}.article-body blockquote{border-left:3px solid var(--gold);padding:15px 26px;margin-left:0;background:white}.article-body ul,.article-body ol{padding-left:25px}.article-meta{display:flex;flex-wrap:wrap;gap:15px;margin:17px 0 40px;color:var(--muted);font-size:.8rem}.article-author{border-top:1px solid var(--line);margin-top:70px;padding-top:34px;display:flex;align-items:center;gap:24px}.article-author img{width:85px;height:85px;object-fit:cover;border-radius:50%}.article-author p{margin:0;font-size:.89rem;color:var(--muted)}.breadcrumbs{font-size:.8rem;color:#b9c4b9}.breadcrumbs a{color:inherit}.thank-body{min-height:100vh;background:var(--ink2);color:var(--cream)}.thank-header{border-bottom:1px solid rgba(255,255,255,.13);padding:24px 0}.thank-main{padding:85px 0 105px;min-height:calc(100vh - 170px)}.thank-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.check-mark{display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;width:70px;height:70px;font-size:31px;color:var(--gold2);margin:0 0 35px}.thank-main h1{font-size:clamp(3.2rem,5vw,5rem);line-height:1}.thank-main p{color:#c7d0c8;font-size:1.07rem}.thank-note{border-left:2px solid var(--gold);padding:8px 20px;color:#b8c7bb;font-size:.94rem;margin:30px 0}.thank-stack{display:grid;gap:18px}.thank-frame{background:linear-gradient(135deg,#253e31,#111c17);aspect-ratio:16/10;border:1px solid #af9b7654;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}.thank-frame .video-placeholder h3{font-size:2.4rem}.thank-frame iframe{width:100%;height:100%;border:0}.thank-foot{border-top:1px solid rgba(255,255,255,.13);padding:18px 0;color:#a6b0a7;font-size:.78rem}.thanks-credit{color:var(--gold2);font-weight:700}.only-print{display:none}
@media(max-width:1020px){.hero-grid{grid-template-columns:1.1fr .9fr}.main-nav{gap:15px}.main-nav a{font-size:11px}.section{padding:90px 0}.hero{min-height:700px}.hero-grid{min-height:700px}.hero-copy{padding-bottom:90px}.hero-photo img{max-height:570px}.four-col{grid-template-columns:repeat(2,1fr)}.problem-grid,.about-grid{gap:40px}.video-split{gap:30px}.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:0}.step:nth-child(3){padding-left:0}.service-grid{grid-template-columns:1fr 1fr}.article-grid,.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:min(100% - 36px,1180px)}.header-inner{min-height:75px}.brand{font-size:.78rem;letter-spacing:.08em}.brand-mark{height:37px;width:37px;font-size:23px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:75px;left:0;right:0;padding:25px 18px;background:#111a16;box-shadow:0 25px 55px #0004;flex-direction:column;align-items:stretch;gap:18px}.main-nav.is-open{display:flex}.main-nav a{font-size:.9rem}.main-nav .nav-cta{text-align:center}.hero,.hero-grid{min-height:auto}.hero-grid{display:flex;flex-direction:column;padding-top:90px;align-items:stretch}.hero-copy{padding:55px 0 32px}.hero h1{font-size:clamp(3.5rem,12vw,5.5rem);margin-top:25px}.hero p{font-size:1rem}.hero-bottom{margin-top:32px}.hero-photo{height:470px;align-items:end;overflow:hidden}.hero-photo img{height:520px;width:100%;object-fit:contain}.hero-photo:before{inset:7% 10% 0 10%}.hero-signature{left:2%;top:12%;width:145px}.hero-signature-name{font-size:2.15rem}.hero-signature-label{font-size:.47rem;letter-spacing:.13em;margin-top:8px;padding-top:6px}.hero::after{display:none}.metrics-grid{grid-template-columns:1fr 1fr}.metric{padding:25px 17px;border-bottom:1px solid var(--line)}.metric:first-child{padding-left:17px}.metric:last-child{grid-column:span 2;padding-left:17px}.metric strong{font-size:3.4rem}.metric span{font-size:.72rem}.section{padding:75px 0}.section-heading{margin-bottom:36px}.problem-grid,.fit-grid,.video-split,.about-grid,.faq-grid,.thank-grid{grid-template-columns:1fr;gap:27px}.fit-card{padding:26px}.video-split .video-frame{order:-1}.four-col{gap:10px}.req{padding:20px 18px;min-height:185px}.about-media img{height:460px}.steps{gap:0}.step{padding:23px 14px}.step:nth-child(1),.step:nth-child(3){padding-left:0}.service-grid,.article-grid,.post-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid >:first-child{grid-column:span 2}.footer-bottom{flex-direction:column}.page-banner{padding:130px 0 65px}.article-body p,.article-body li{font-size:1rem}.thank-main{padding:60px 0}.thank-grid{gap:40px}.thank-frame{aspect-ratio:16/9}.thank-main h1{font-size:3.9rem}}
@media(max-width:420px){.hero h1{font-size:3.37rem}.hero-actions{gap:16px}.btn{font-size:.72rem;padding:16px 15px}.hero-photo{height:410px}.hero-photo img{height:450px}.metric strong{font-size:3rem}.four-col{grid-template-columns:1fr 1fr}.req{min-height:175px}.fit-card h3{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media(max-width:420px){.hero-signature{left:0;top:11%;width:130px}.hero-signature-name{font-size:2rem}.hero-signature-label{font-size:.43rem}}


/* v1.4: reconstrucción de la portada. Imagen sin texto + tipografía HTML editable. */
.site-header:not(.is-sticky){background:#0c1d16;z-index:60}
.site-header .header-inner{width:min(1760px,calc(100% - 11.5vw));min-height:84px}
.site-header .main-nav .nav-cta{background:#d8b67a;color:#102119;padding:13px 22px;border:0;border-radius:3px;font-weight:750}
.site-header .main-nav .nav-cta:hover{background:#f3cf91;color:#102119}
.vnd-hero-v14{position:relative;isolation:isolate;min-height:clamp(730px,47.5vw,980px);background:#0b2119;overflow:hidden}
.vnd-hero-v14::before,.vnd-hero-v14::after{display:none !important}
.vnd-hero-v14-scene{position:absolute;inset:84px 0 0 auto;width:59%;z-index:-1;background-image:var(--hero-photo);background-position:center top;background-size:cover;background-repeat:no-repeat}
.vnd-hero-v14-scene::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c2018 0%,rgba(12,32,24,.9) 5%,rgba(12,32,24,.5) 15%,transparent 33%)}
.vnd-hero-v14-frame{width:min(1760px,calc(100% - 11.5vw));height:100%;min-height:clamp(730px,47.5vw,980px);display:flex;align-items:center;padding-top:100px;padding-bottom:34px;position:relative;z-index:3}
.vnd-hero-v14-copy{width:54%;max-width:850px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;padding-top:16px}
.vnd-hero-v14-copy .eyebrow{letter-spacing:.19em;font-size:clamp(.67rem,.79vw,.89rem);font-weight:700}
.vnd-hero-v14 h1{font-size:clamp(3.75rem,4.13vw,5.55rem);line-height:.95;letter-spacing:-.036em;font-weight:600;color:#f6f3e9;margin:24px 0 26px;max-width:none}
.vnd-hero-v14 h1 span,.vnd-hero-v14 h1 em{display:block;font-style:normal}
.vnd-hero-v14 h1 em{font-style:italic;font-weight:500;color:#dec18b}
.vnd-hero-v14-intro{font-size:clamp(1.02rem,1.05vw,1.27rem);font-weight:500;line-height:1.48;color:#eeeeda;max-width:625px;margin:0 0 24px}
.vnd-hero-v14-list{padding:0;margin:0 0 32px;list-style:none;display:grid;gap:15px;width:100%}
.vnd-hero-v14-list li{font-size:clamp(.92rem,.93vw,1.1rem);color:#faf8f1;line-height:1.3;position:relative;padding-left:39px;font-weight:650}
.vnd-hero-v14-list li::before{content:'✓';display:grid;place-items:center;position:absolute;left:0;top:-1px;width:27px;height:27px;border-radius:50%;color:#12261c;background:#d8b679;font-size:15px;font-weight:900}
.vnd-hero-v14-actions{display:flex;flex-wrap:wrap;gap:17px;align-items:center;margin-bottom:20px}
.vnd-hero-v14-actions .btn{letter-spacing:.02em;font-size:clamp(.7rem,.7vw,.83rem);padding:18px 22px;border-radius:4px}
.vnd-hero-v14-actions .btn-gold{background:#dbb77d;color:#16251c}
.vnd-hero-v14-alt{border:1px solid rgba(255,255,255,.7);background:rgba(7,29,22,.25);color:#f5f3ee}
.vnd-hero-v14-alt:hover{background:rgba(255,255,255,.12);color:#fff}
.vnd-hero-v14-note{font-size:clamp(.7rem,.78vw,.88rem);font-weight:650;letter-spacing:.05em;color:#f9f7f1;display:flex;align-items:center;gap:10px}
.vnd-hero-v14-note>span{color:#dec18b;font-size:1rem}
.vnd-hero-v14-sign{position:absolute;z-index:5;left:72%;top:22%;width:230px;pointer-events:none;color:#3a3b32;text-align:center}
.vnd-hero-v14-sign-name{font-family:'Allura','Segoe Script','Brush Script MT','URW Chancery L',cursive;font-size:clamp(2.4rem,3vw,3.8rem);line-height:.73;font-weight:400;display:block;transform:rotate(-10deg)}.vnd-hero-v14-sign-name .vnd-sign-first,.vnd-hero-v14-sign-name .vnd-sign-last{display:block;white-space:nowrap}.vnd-hero-v14-sign-name .vnd-sign-last{margin-left:20px}
.vnd-hero-v14-sign-label{font-size:clamp(.52rem,.57vw,.74rem);letter-spacing:.21em;color:#56594e;text-transform:uppercase;font-weight:700;margin:14px auto 0;display:block;max-width:130px;padding-top:8px;border-bottom:1px solid #5b695b;padding-bottom:9px}
.vnd-metrics-v14{background:#f4f0e8}
.vnd-metrics-v14 .metrics-grid,.vnd-metrics-v14 .fine{width:min(1760px,calc(100% - 11.5vw))}
.vnd-metrics-v14 .metrics-grid .metric{display:flex;align-items:center;text-align:center;flex-direction:column;justify-content:center;padding:27px 20px}
.vnd-metrics-v14 .metric strong{font-size:clamp(3.3rem,4vw,5.25rem)}
.vnd-metrics-v14 .metric span{font-size:clamp(.76rem,.78vw,.96rem);line-height:1.35;max-width:290px;font-weight:500}
.vnd-metrics-v14 .fine{text-align:center;margin:0 auto;padding:0 0 14px}
@media(max-width:1350px){
 .vnd-hero-v14-copy{width:56%}
 .vnd-hero-v14 h1{font-size:clamp(3.55rem,4.7vw,4.7rem)}
 .vnd-hero-v14-scene{width:62%}
 .vnd-hero-v14-sign{left:72%;top:21%}
 .vnd-hero-v14-actions .btn{padding:15px 17px}
}
@media(max-width:1040px){
 .site-header .header-inner{width:calc(100% - 50px)}
 .vnd-hero-v14-frame{width:calc(100% - 50px)}
 .vnd-hero-v14-copy{width:60%}
 .vnd-hero-v14 h1{font-size:clamp(3.45rem,5.8vw,4.8rem)}
 .vnd-hero-v14-scene{width:64%}
 .vnd-hero-v14-sign{left:76%;top:22%;width:170px}
 .vnd-hero-v14-sign-name{font-size:2.7rem}
}
@media(max-width:1100px){
 .site-header .header-inner{min-height:75px;width:calc(100% - 36px)}
 .vnd-hero-v14{min-height:auto;display:flex;flex-direction:column}
 .vnd-hero-v14-frame{min-height:auto;width:calc(100% - 36px);height:auto;padding:112px 0 44px;display:block}
 .vnd-hero-v14-copy{width:100%;max-width:none;padding:0}
 .vnd-hero-v14-copy .eyebrow{font-size:.67rem}
 .vnd-hero-v14 h1{font-size:clamp(3.4rem,10.6vw,5.5rem);margin:22px 0}
 .vnd-hero-v14-intro{font-size:1rem}
 .vnd-hero-v14-list{gap:14px}
 .vnd-hero-v14-list li{font-size:.88rem}
 .vnd-hero-v14-actions{gap:10px}
 .vnd-hero-v14-actions .btn{font-size:.72rem;padding:15px 17px}
 .vnd-hero-v14-scene{position:relative;order:2;inset:auto;width:100%;height:440px;flex-shrink:0;background-position:left top;background-size:cover}
 .vnd-hero-v14-scene::before{display:none}
 .vnd-hero-v14-sign{left:auto;right:3.5%;top:auto;bottom:285px;width:120px;text-align:center}
 .vnd-hero-v14-sign-name{font-size:2.15rem}
 .vnd-hero-v14-sign-label{font-size:.45rem;letter-spacing:.08em;margin-top:10px}
 .vnd-metrics-v14 .metrics-grid,.vnd-metrics-v14 .fine{width:calc(100% - 36px)}
}
@media(max-width:450px){
 .vnd-hero-v14 h1{font-size:clamp(3.05rem,11.7vw,3.65rem)}
 .vnd-hero-v14-scene{height:390px}
 .vnd-hero-v14-sign{bottom:243px;right:5%}
 .vnd-hero-v14-note{font-size:.68rem}
 .vnd-metrics-v14 .metric strong{font-size:3rem}
 .vnd-metrics-v14 .metric span{font-size:.7rem}
}

/* v1.5 — última revisión visual. No altera contenido ni preferencias guardadas. */
@media (min-width:1041px){
  /* Cabecera: más aire, jerarquía clara y alineación con la portada. */
  .site-header .header-inner{
    width:min(1760px,calc(100% - 10vw));
    min-height:94px;
    gap:38px;
    padding-block:10px;
  }
  .site-header .brand{font-size:1.04rem;gap:15px;letter-spacing:.09em}
  .site-header .brand-mark{height:46px;width:46px;font-size:29px}
  .site-header .brand-sub{font-size:10px;margin-top:6px;letter-spacing:.18em}
  .site-header .main-nav{gap:clamp(18px,2.2vw,38px)}
  .site-header .main-nav a{font-size:clamp(.78rem,.85vw,.93rem)}
  .site-header .main-nav .nav-cta{padding:14px 23px}

  /* Hero: composición de la referencia, con transición fotográfica suave. */
  .vnd-hero-v14{min-height:clamp(755px,47vw,925px)}
  .vnd-hero-v14-scene{
    inset:94px 0 0 auto;
    width:62%;
    background-position:53% 41%;
  }
  .vnd-hero-v14-scene::before{
    display:block;
    background:
      linear-gradient(90deg,#0b2119 0%,rgba(11,33,25,.95) 4%,rgba(11,33,25,.64) 13%,rgba(11,33,25,.14) 25%,rgba(11,33,25,0) 38%),
      linear-gradient(0deg,rgba(11,33,25,.11) 0%,rgba(11,33,25,0) 27%);
  }
  .vnd-hero-v14-frame{
    width:min(1760px,calc(100% - 10vw));
    min-height:clamp(755px,47vw,925px);
    padding-top:115px;
    padding-bottom:58px;
  }
  .vnd-hero-v14-copy{width:53%;max-width:800px;padding-top:3px}
  .vnd-hero-v14-copy .eyebrow{letter-spacing:.175em;font-size:clamp(.70rem,.8vw,.86rem)}
  .vnd-hero-v14 h1{
    font-size:clamp(3.86rem,4.2vw,5.7rem);
    line-height:1.00;
    margin:23px 0 24px;
    letter-spacing:-.034em;
  }
  .vnd-hero-v14-intro{
    max-width:585px;
    font-size:clamp(1.04rem,1.0vw,1.24rem);
    line-height:1.56;
    margin-bottom:28px;
  }
  .vnd-hero-v14-list{gap:17px;margin-bottom:31px}
  .vnd-hero-v14-list li{font-size:clamp(.95rem,.98vw,1.1rem);line-height:1.38;padding-left:41px}
  .vnd-hero-v14-actions{gap:17px;margin-bottom:21px}
  .vnd-hero-v14-actions .btn{min-height:54px;padding:16px 20px;font-size:clamp(.73rem,.73vw,.83rem);white-space:normal}
  .vnd-hero-v14-note{font-size:clamp(.71rem,.76vw,.85rem);letter-spacing:.055em}

  /* Firma: equilibrio respecto al rostro; sin paneles ni texto en la imagen. */
  .vnd-hero-v14-sign{
    left:71%;top:21.5%;width:205px;
    color:#3f423a;
  }
  .vnd-hero-v14-sign-name{
    font-size:clamp(2.58rem,2.85vw,3.45rem);
    line-height:.78;
    transform:rotate(-9deg);
  }
  .vnd-hero-v14-sign-label{
    font-size:clamp(.58rem,.59vw,.69rem);
    letter-spacing:.15em;
    max-width:160px;
    padding-bottom:10px;
    margin-top:16px;
  }

  /* Métricas visualmente unidas al hero. */
  .vnd-metrics-v14{border-top:2px solid rgba(182,150,96,.28)}
  .vnd-metrics-v14 .metrics-grid,.vnd-metrics-v14 .fine{width:min(1760px,calc(100% - 10vw))}
  .vnd-metrics-v14 .metrics-grid .metric{padding:30px 20px 22px}
  .vnd-metrics-v14 .metric strong{font-size:clamp(3.3rem,3.85vw,5.05rem)}
  .vnd-metrics-v14 .metric span{margin-top:9px;max-width:290px}
  .vnd-metrics-v14 .fine{padding:3px 0 17px}
}
@media (min-width:1041px) and (max-width:1420px){
  .vnd-hero-v14-copy{width:55%;max-width:735px}
  .vnd-hero-v14 h1{font-size:clamp(3.55rem,4.55vw,4.9rem)}
  .vnd-hero-v14-scene{width:62%}
  .vnd-hero-v14-sign{left:77%;top:21%;width:165px}
  .vnd-hero-v14-sign-name{font-size:2.6rem}
  .vnd-hero-v14-actions .btn{font-size:.72rem;padding:14px 16px}
}
@media (min-width:901px) and (max-width:1040px){
  .site-header .header-inner{min-height:85px}
  .vnd-hero-v14{min-height:760px}
  .vnd-hero-v14-frame{min-height:760px;padding-top:100px;padding-bottom:40px}
  .vnd-hero-v14-scene{inset:85px 0 0 auto;width:65%;background-position:50% 48%}
  .vnd-hero-v14-scene::before{background:linear-gradient(90deg,#0b2119 0%,rgba(11,33,25,.85) 14%,rgba(11,33,25,0) 51%)}
  .vnd-hero-v14-copy{width:56%}
  .vnd-hero-v14 h1{font-size:clamp(3.35rem,5.4vw,4.65rem)}
  .vnd-hero-v14-actions .btn{padding:14px 15px}
  .vnd-hero-v14-sign{left:79%;top:19%;width:140px}
  .vnd-hero-v14-sign-name{font-size:2.2rem}
  .vnd-hero-v14-sign-label{font-size:.51rem}
}
@media (max-width:1100px){
  .site-header .header-inner{min-height:78px}
  .site-header .brand{letter-spacing:.06em}
  .vnd-hero-v14-frame{padding-top:118px;padding-bottom:38px}
  .vnd-hero-v14 h1{line-height:.99;letter-spacing:-.028em}
  .vnd-hero-v14-list{margin-bottom:26px}
  .vnd-hero-v14-actions{margin-bottom:20px}
  .vnd-hero-v14-note{line-height:1.4}
  .vnd-hero-v14-scene{background-position:48% top}
  .vnd-hero-v14-sign{right:5%;bottom:250px}
  .vnd-metrics-v14{border-top:2px solid rgba(182,150,96,.28)}
  .vnd-metrics-v14 .metric{padding-block:28px}
  .vnd-metrics-v14 .fine{padding-block:12px 18px;line-height:1.5}
}
@media (max-width:450px){
  .vnd-hero-v14-frame{padding-top:116px;padding-bottom:35px}
  .vnd-hero-v14-sign{bottom:232px}
  .vnd-hero-v14-actions .btn{max-width:100%;text-align:center}
}

/* Ajustes específicos de tablets y firma en fotografía apaisada */
@media(min-width:761px) and (max-width:1100px){
 .site-header .menu-toggle{display:block}
 .site-header .main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#111a16;padding:22px 26px;box-shadow:0 25px 55px #0004;flex-direction:column;align-items:stretch;gap:18px}
 .site-header .main-nav.is-open{display:flex}
 .site-header .header-inner{width:calc(100% - 48px)}
 .vnd-hero-v14-frame{width:calc(100% - 48px)}
 .vnd-hero-v14-scene{height:460px;background-position:center top}
 .vnd-hero-v14-sign{right:7%;bottom:288px;width:170px}
 .vnd-hero-v14-sign-name{font-size:2.5rem}
}
@media(max-width:760px){
 .vnd-hero-v14-sign{width:164px;right:12px;text-align:center}
 .vnd-hero-v14-sign-name{font-size:1.95rem;line-height:.79}
 .vnd-hero-v14-sign-label{font-size:.48rem;max-width:118px;margin-top:13px;letter-spacing:.1em}
}

@media(min-width:761px) and (max-width:1100px){
 .vnd-hero-v14 h1{font-size:clamp(3.65rem,6.2vw,4.65rem);line-height:1}
 .vnd-hero-v14-scene{height:490px}
 .vnd-hero-v14-sign{bottom:325px}
 .vnd-hero-v14-sign-name{font-size:2.45rem}
}
@media(min-width:761px) and (max-width:1100px){
 .vnd-hero-v14{min-height:0;display:flex;flex-direction:column}
 .vnd-hero-v14-frame{width:calc(100% - 48px);min-height:0;height:auto;display:block;padding:122px 0 48px}
 .vnd-hero-v14-copy{width:100%;max-width:960px;padding-top:0}
 .vnd-hero-v14-intro{max-width:740px}
 .vnd-hero-v14-scene{position:relative;inset:auto;order:2;width:100%;height:490px;background-position:center 18%;background-size:cover}
 .vnd-hero-v14-scene::before{display:none}
 .vnd-hero-v14-sign{position:absolute;top:auto;bottom:313px;left:auto;right:7%;width:170px;height:auto}
}


/* 1.6: cabello completo, transiciones discretas, cabecera y CTA fluidos */
html,body{max-width:100%;overflow-x:clip}
.vnd-hero-v14-scene{background-position:center var(--vnd-pos-y,0%) !important}
.vnd-hero-v14-sign{transform:translateY(7px)}
@media (min-width:1101px){
 .vnd-hero-v14-scene{inset:94px 0 0 auto;background-size:cover;}
 .vnd-hero-v14-copy{max-width:800px;position:relative;z-index:2}
 .vnd-hero-v14-frame{padding-bottom:62px}
 .vnd-hero-v14-sign{top:20%;}
}
@media (min-width:1101px) and (max-width:1450px){
 .vnd-hero-v14-sign{top:18%;}
}
@media (max-width:1100px){
 .vnd-hero-v14-scene{background-position:center top !important;}
 .vnd-hero-v14-sign{transform:none}
}

/* v1.16: contraste del CTA de artículos; no altera otros botones. */
.article-body a.btn.btn-dark,.article-body a.btn.btn-dark:visited{color:#fff;background:#102b22;text-decoration:none;}
.article-body a.btn.btn-dark:hover{color:#fff;background:#174333;}
.article-body a.btn.btn-dark:focus-visible{outline:3px solid #b59b66;outline-offset:3px;}
