:root{--navy:#071f3d;--navy2:#0c3765;--navy3:#123f70;--gold:#e5a12b;--gold2:#f0b64d;--ink:#182a40;--muted:#5e6f82;--cream:#f7f4ee;--soft:#f4f7fa;--line:#dce4ec;--white:#fff;--shadow:0 18px 50px rgba(4,24,49,.13);--radius:20px;--container:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.62;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 48px),var(--container));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:#fff;padding:10px 14px;z-index:9999}.site-header{position:sticky;top:0;z-index:100;background:rgba(7,31,61,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.09)}.nav{min-height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;flex-direction:column;min-width:280px}.brand strong{font-size:19px;letter-spacing:.035em;color:#fff}.brand span{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#aebfd2}.nav-links{margin-left:auto;display:flex;align-items:center;gap:22px}.nav-links>a:not(.btn){color:#dfe8f2;font-size:13px;font-weight:650;position:relative;white-space:nowrap}.nav-links>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--gold);transition:.2s}.nav-links>a:hover:after,.nav-links>a.active:after{right:0}.menu-button{display:none;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;border-radius:8px;padding:8px 10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:12px 18px;font-weight:800;font-size:13px;border:1px solid transparent;transition:.2s;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--gold),#d98c13);color:#fff;box-shadow:0 9px 24px rgba(229,161,43,.2)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.04)}.btn-secondary{border-color:rgba(255,255,255,.38);color:#fff;background:transparent}.btn-outline{border-color:#b9c8d7;color:var(--navy);background:#fff}.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}.lead{font-size:17px;color:#d7e2ee;max-width:720px}.muted{color:var(--muted)}h1,h2,h3{font-family:Manrope,Inter,system-ui,sans-serif;margin-top:0;line-height:1.08;color:var(--navy)}h1{font-size:clamp(2.65rem,4vw,4.3rem);letter-spacing:-.045em}h2{font-size:clamp(2rem,3vw,3.15rem);letter-spacing:-.035em}h3{font-size:1.16rem}.hero{background:linear-gradient(128deg,#061c36 0%,#0a315b 66%,#0d3a68 100%);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(32px,5vw,74px);align-items:center;padding:clamp(58px,7vw,96px) 0}.hero-copy h1{color:#fff;max-width:14.5ch}.hero-copy .lead{margin:0}.hero-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#b9c9d8;font-size:12px}.hero-meta span{display:flex;align-items:center;gap:7px}.hero-meta i{width:6px;height:6px;border-radius:50%;background:var(--gold)}.hero-media{position:relative;aspect-ratio:16/10;min-height:0;border-radius:22px;overflow:hidden;box-shadow:0 24px 65px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.14)}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,31,61,.20),transparent 34%);pointer-events:none}.page-hero .hero-grid{padding:clamp(48px,6vw,78px) 0}.page-hero h1{font-size:clamp(2.35rem,3.35vw,3.45rem);max-width:16ch}.page-hero .hero-media{aspect-ratio:16/10;max-height:520px}.kicker-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.kicker-row span{font-size:11px;padding:6px 9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#dce6f0}.section{padding:clamp(68px,7vw,96px) 0}.section-alt{background:var(--soft)}.section-cream{background:var(--cream)}.section-dark{background:var(--navy);color:#fff}.section-dark h2,.section-dark h3{color:#fff}.section-dark .muted{color:#c8d4df}.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:end;margin-bottom:38px}.section-head p:last-child{color:var(--muted);margin:0}.grid-2,.grid-3,.grid-4{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 7px 22px rgba(10,31,60,.04)}.card p{color:var(--muted);margin-bottom:0}.card-number{font-size:11px;color:var(--gold);font-weight:900;letter-spacing:.14em}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.problem{padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff}.problem h3{font-size:17px}.problem p{font-size:14px;color:var(--muted);margin:0}.system-flow{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.flow-item{padding:24px 16px;text-align:center}.flow-item:not(:last-child){border-right:1px solid var(--line)}.flow-item span{display:grid;place-items:center;width:44px;height:44px;margin:auto;border:1px solid #e4cfaa;border-radius:50%;font-weight:900;color:var(--gold)}.flow-item strong{display:block;margin-top:10px;color:var(--navy)}.flow-item p{font-size:12px;margin:7px 0 0}.solution-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.solution-card .media{aspect-ratio:16/10;overflow:hidden}.solution-card .media img{width:100%;height:100%;object-fit:cover}.solution-copy{padding:25px}.solution-copy ul{padding-left:18px;color:var(--muted);font-size:14px}.text-link{font-weight:850;color:#a76a0e}.method{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.step{padding:24px;background:#fff;border-top:2px solid #d6a24c;border-radius:0 0 14px 14px}.step .num{font-size:11px;color:var(--gold);font-weight:900}.step p{font-size:13px;color:var(--muted);margin:0}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.impact{padding:23px;border:1px solid var(--line);background:#fff;border-radius:14px}.impact strong{display:block;color:var(--navy);font-size:16px}.impact p{font-size:14px;color:var(--muted);margin:5px 0 0}.feature{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.feature-media{aspect-ratio:16/10;overflow:hidden;border-radius:20px;box-shadow:var(--shadow)}.feature-media img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:6px 0}.feature-list{display:grid;gap:12px;margin:22px 0}.feature-item{padding:15px 0;border-bottom:1px solid var(--line)}.feature-item b{display:block;color:var(--navy)}.feature-item span{font-size:13px;color:var(--muted)}.case-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:center}.case-grid .feature-media{aspect-ratio:16/10}.case-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.case-point{padding:15px;background:#f7f9fb;border-radius:12px}.case-point b{display:block;font-size:13px}.case-point span{font-size:12px;color:var(--muted)}.profile{display:grid;grid-template-columns:minmax(320px,.75fr) 1.25fr;gap:46px;align-items:center}.profile-media{aspect-ratio:4/4.4;overflow:hidden;border-radius:20px;box-shadow:var(--shadow)}.profile-media img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.credential-groups{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.credential-box{padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff}.credential-box h3{font-size:16px}.credential-box ul{padding-left:18px;margin:0;color:var(--muted);font-size:14px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.insight-card{overflow:hidden;padding:0}.insight-card .media{aspect-ratio:16/9;overflow:hidden}.insight-card img{width:100%;height:100%;object-fit:cover}.insight-copy{padding:22px}.category{font-size:10px;font-weight:900;letter-spacing:.14em;color:#aa6d10;text-transform:uppercase}.insight-copy p{font-size:14px;color:var(--muted)}.cta{padding:40px;border-radius:20px;background:linear-gradient(135deg,#071f3d,#0c3765);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:34px}.cta h2{color:#fff;font-size:clamp(1.8rem,2.5vw,2.6rem)}.cta p{color:#d6e2ed;margin:0}.tno-stat{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:center}.stat-ring{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) 0 93%,rgba(255,255,255,.14) 93% 100%);position:relative}.stat-ring:before{content:"";width:144px;height:144px;border-radius:50%;background:var(--navy);position:absolute}.stat-ring strong{position:relative;color:#fff;font-size:43px}.stat-ring span{position:absolute;top:116px;color:#dce7f1;font-size:11px;text-transform:uppercase;letter-spacing:.11em}.tno-dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.dimension{padding:24px;border-radius:15px;border:1px solid var(--line);background:#fff}.dimension h3{font-size:17px}.dimension p{font-size:13px;color:var(--muted);margin:0}.contact-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:25px}.form-card,.contact-card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 34px rgba(10,31,60,.06)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:850}.field input,.field textarea,.field select{border:1px solid #cfd9e4;border-radius:9px;padding:12px 13px;background:#fff;color:var(--ink);outline:none}.field textarea{min-height:125px;resize:vertical}.contact-item{padding:16px 0;border-bottom:1px solid var(--line)}.contact-item b{display:block}.contact-item p{margin:2px 0 0;color:var(--muted);font-size:13px}.article{max-width:880px}.article h2{font-size:1.9rem;margin-top:42px}.article h3{margin-top:28px}.article p,.article li{color:#475b72}.article .article-hero{aspect-ratio:16/9;overflow:hidden;border-radius:18px;margin:28px 0}.article .article-hero img{width:100%;height:100%;object-fit:cover}.article-callout{padding:24px;border-left:4px solid var(--gold);background:#fff8eb;border-radius:10px;margin:30px 0}.site-footer{background:#061a33;color:#bccbd9;padding:50px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:34px}.footer-brand strong{color:#fff;font-size:20px}.footer-brand p{font-size:13px}.site-footer h3{color:#fff;font-size:13px}.site-footer a{display:block;color:#bccbd9;font-size:13px;margin:8px 0}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8da3b7}.reveal{opacity:0;transform:translateY(10px);transition:.55s}.reveal.in{opacity:1;transform:none}.whatsapp-mark{font-weight:900;color:#1d7a4f}.privacy{max-width:850px}.privacy h1{font-size:clamp(2.4rem,4vw,3.4rem)}.privacy h2{font-size:1.7rem;margin-top:35px}.privacy p,.privacy li{color:var(--muted)}
@media(max-width:1080px){.nav-links{gap:14px}.nav-links>a:not(.btn){font-size:12px}.hero-grid{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:clamp(2.45rem,4.5vw,3.7rem)}.page-hero h1{font-size:clamp(2.2rem,4vw,3.15rem)}.grid-4{grid-template-columns:repeat(2,1fr)}.method{grid-template-columns:repeat(3,1fr)}.profile{grid-template-columns:300px 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:820px){.container{width:min(calc(100% - 30px),var(--container))}.nav{min-height:70px}.brand span{display:none}.brand{min-width:0}.menu-button{display:block;margin-left:auto}.nav-links{position:absolute;left:0;right:0;top:70px;background:#071f3d;display:none;flex-direction:column;align-items:stretch;padding:18px 20px 22px;border-top:1px solid rgba(255,255,255,.08)}.nav-links.open{display:flex}.nav-links .btn{margin-top:8px}.hero-grid,.feature,.case-grid,.profile,.contact-grid{grid-template-columns:1fr}.hero-grid{padding:52px 0 34px;gap:30px}.hero-copy h1,.page-hero h1{max-width:none}.hero-media,.page-hero .hero-media{aspect-ratio:16/9;max-height:none}.section{padding:64px 0}.section-head{grid-template-columns:1fr;gap:12px}.problem-grid,.grid-3,.impact-grid,.insight-grid,.tno-dimensions{grid-template-columns:1fr 1fr}.system-flow{grid-template-columns:1fr}.flow-item:not(:last-child){border-right:0;border-bottom:1px solid var(--line)}.method{grid-template-columns:1fr 1fr}.credential-groups{grid-template-columns:1fr}.profile-media{aspect-ratio:16/11}.profile-media img{object-position:center 22%}.cta{display:block}.cta .btn{margin-top:18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.tno-stat{grid-template-columns:1fr;text-align:center}.stat-ring{margin:auto}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:540px){h1{font-size:2.55rem}h2{font-size:2rem}.hero-grid{padding-top:44px}.hero-media{aspect-ratio:4/3}.problem-grid,.grid-2,.grid-3,.grid-4,.impact-grid,.insight-grid,.method,.tno-dimensions,.footer-grid,.case-points{grid-template-columns:1fr}.btn-row{display:grid}.btn{width:100%}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}.profile-media{aspect-ratio:4/4.4}.page-hero .hero-media{aspect-ratio:4/3}.page-hero h1{font-size:2.45rem}.hero-copy .lead{font-size:16px}}

/* ===== Brand refinement — SV monogram + manuscript wordmark ===== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand{display:inline-flex;flex-direction:row;align-items:center;gap:11px;min-width:242px;max-width:270px;flex:0 0 auto}
.brand-mark{width:31px;height:47px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 2px 7px rgba(229,161,43,.15))}
.brand-signature{width:178px;height:auto;object-fit:contain;opacity:.98}
.footer-logo{display:inline-flex!important;align-items:center;gap:13px;margin:0 0 18px!important;width:max-content;max-width:100%}
.footer-logo-mark{width:38px;height:58px;object-fit:contain;flex:0 0 auto}
.footer-logo-signature{width:205px;height:auto;object-fit:contain}
.footer-brand-copy{max-width:360px;margin:0!important;padding-top:2px;font-size:13px!important;line-height:1.65}

/* TNO final presentation */
.tno-aspects-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.tno-aspects-col{padding:24px 22px}
.tno-aspects-col:not(:last-child){border-right:1px solid var(--line)}
.tno-aspects-col ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.tno-aspects-col li{position:relative;padding-left:22px;color:#334a63;font-size:13px;font-weight:650;line-height:1.35}
.tno-aspects-col li:before{content:'✓';position:absolute;left:0;top:-1px;color:var(--gold);font-weight:950}
.section-dark .tno-stat{padding:6px 0}
.section-dark .tno-stat h2{margin-bottom:8px}
.section-dark .tno-stat .muted{max-width:820px}

@media(max-width:1180px){
  .nav{min-height:72px}.menu-button{display:block;margin-left:auto}.nav-links{position:absolute;left:0;right:0;top:72px;background:#071f3d;display:none;flex-direction:column;align-items:stretch;padding:18px 20px 22px;border-top:1px solid rgba(255,255,255,.08)}.nav-links.open{display:flex}.nav-links .btn{margin-top:8px}.brand{min-width:0;max-width:245px}.brand-signature{width:166px}
}
@media(max-width:980px){.tno-aspects-grid{grid-template-columns:repeat(2,1fr)}.tno-aspects-col{border-right:0!important;border-bottom:1px solid var(--line)}.tno-aspects-col:nth-last-child(-n+1){border-bottom:0}}
@media(max-width:540px){
  .brand{gap:8px;max-width:210px}.brand-mark{width:25px;height:39px}.brand-signature{width:148px}.footer-logo-mark{width:34px;height:52px}.footer-logo-signature{width:185px}.tno-aspects-grid{grid-template-columns:1fr}.tno-aspects-col{padding:20px}.tno-aspects-col:not(:last-child){border-bottom:1px solid var(--line)}
}

/* ===== Trayectoria real — carrusel de capacitaciones ===== */
.experience-proof{background:#fff;padding-top:clamp(54px,5.5vw,76px);padding-bottom:clamp(62px,6.5vw,88px)}
.experience-proof .section-head{max-width:1040px;margin:0 auto 24px;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,52px);align-items:end}
.experience-proof .section-head h2{max-width:17ch;font-size:clamp(1.9rem,2.8vw,2.85rem)}
.experience-carousel{position:relative;width:min(100%,980px);margin-inline:auto}
.experience-carousel-viewport{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:20px;background:var(--navy);box-shadow:0 16px 42px rgba(4,24,49,.12);border:1px solid rgba(7,31,61,.08)}
.experience-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .72s ease,visibility .72s ease;background:#061a33}
.experience-slide.is-active{opacity:1;visibility:visible;z-index:2}
.experience-slide img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center center}
.experience-slide.is-contain{display:grid;place-items:center;overflow:hidden}
.experience-slide.is-contain:before{content:"";position:absolute;inset:-32px;background-image:var(--slide-bg);background-position:center;background-size:cover;filter:blur(26px);opacity:.28;transform:scale(1.08)}
.experience-slide.is-contain:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,26,51,.35),rgba(6,26,51,.05),rgba(6,26,51,.35))}
.experience-slide.is-contain img{object-fit:contain;z-index:1}
.experience-caption{position:absolute;z-index:3;left:22px;bottom:20px;display:flex;flex-direction:column;gap:2px;max-width:min(72%,560px);padding:11px 15px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(6,26,51,.82);backdrop-filter:blur(8px);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.15)}
.experience-caption span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold2);font-weight:900}
.experience-caption strong{font-size:14px;line-height:1.3}
.experience-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(6,26,51,.62);backdrop-filter:blur(8px);color:#fff;font-size:30px;line-height:1;cursor:pointer;transition:.2s}
.experience-arrow:hover,.experience-arrow:focus-visible{background:var(--gold);border-color:var(--gold);outline:none}
.experience-prev{left:18px}.experience-next{right:18px}
.experience-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 4px 0}
.experience-meta{display:flex;align-items:center;gap:16px;min-width:0}
.experience-count{color:var(--navy);font-size:12px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.experience-tags{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.experience-actions{display:flex;align-items:center;gap:12px;min-width:240px}
.experience-pause{border:0;background:transparent;color:var(--navy);font-size:12px;font-weight:800;cursor:pointer;padding:7px 4px}
.experience-pause:hover,.experience-pause:focus-visible{color:#a76a0e;outline:none}
.experience-progress{height:3px;flex:1;border-radius:999px;background:#dfe6ed;overflow:hidden}
.experience-progress span{display:block;width:0;height:100%;border-radius:inherit;background:var(--gold)}
.experience-carousel.is-playing .experience-progress span{animation:experienceProgress 4.8s linear forwards}
@keyframes experienceProgress{from{width:0}to{width:100%}}
@media(max-width:820px){.experience-proof .section-head{grid-template-columns:1fr;gap:12px}.experience-carousel-viewport{aspect-ratio:16/10;border-radius:18px}.experience-caption{left:14px;bottom:14px;max-width:75%;padding:9px 12px}.experience-arrow{width:40px;height:40px}.experience-prev{left:10px}.experience-next{right:10px}.experience-controls{gap:14px}.experience-tags{display:none}.experience-actions{min-width:170px}}
@media(max-width:540px){.experience-proof{padding-top:46px;padding-bottom:58px}.experience-proof .section-head{margin-bottom:20px}.experience-carousel-viewport{aspect-ratio:4/3;border-radius:15px}.experience-caption{left:10px;bottom:10px;max-width:calc(100% - 72px);padding:8px 10px}.experience-caption strong{font-size:11px}.experience-caption span{font-size:9px}.experience-actions{min-width:132px}.experience-arrow{top:46%;width:36px;height:36px;font-size:25px}.experience-prev{left:8px}.experience-next{right:8px}.experience-controls{padding-top:10px}.experience-count{font-size:11px}.experience-pause{font-size:11px}}
@media(prefers-reduced-motion:reduce){.experience-slide{transition:none}.experience-carousel.is-playing .experience-progress span{animation:none;width:100%}}


/* ===== Inicio refinado — hero integrado + trayectoria centrada ===== */
.home-hero{
  position:relative;
  isolation:isolate;
  min-height:clamp(520px,58vw,660px);
  background-color:#061c36;
  background-image:
    linear-gradient(90deg,rgba(6,28,54,1) 0%,rgba(6,28,54,.99) 24%,rgba(6,28,54,.94) 39%,rgba(6,28,54,.72) 53%,rgba(6,28,54,.28) 72%,rgba(6,28,54,.08) 100%),
    linear-gradient(180deg,rgba(6,28,54,.03) 0%,rgba(6,28,54,.12) 68%,rgba(6,28,54,.35) 100%),
    url('/assets/images/foto1-1600.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.home-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,31,61,.14),transparent 62%);pointer-events:none}
.home-hero .hero-grid{display:block;padding:clamp(62px,7vw,92px) 0;min-height:inherit}
.home-hero .hero-copy{width:min(52%,650px);display:flex;flex-direction:column;justify-content:center;min-height:clamp(390px,44vw,510px)}
.home-hero .hero-copy h1{max-width:12.8ch;font-size:clamp(2.7rem,4.25vw,4.25rem);text-shadow:0 2px 18px rgba(0,0,0,.18)}
.home-hero .hero-copy .lead{max-width:620px;text-shadow:0 1px 12px rgba(0,0,0,.14)}
.home-hero .btn-secondary{background:rgba(7,31,61,.18);backdrop-filter:blur(4px)}

.experience-proof .section-head{display:block;max-width:1120px;margin:0 auto 30px;text-align:center}
.experience-proof .section-head>div{width:100%}
.experience-proof .section-head .eyebrow{text-align:center}
.experience-proof .section-head h2{max-width:none;width:100%;margin:0 auto 14px;font-size:clamp(1.9rem,2.45vw,2.65rem);line-height:1.12;letter-spacing:-.03em;text-wrap:balance}
.experience-proof .section-head>p{max-width:900px;margin:0 auto!important;text-align:center;font-size:clamp(.98rem,1.25vw,1.08rem);line-height:1.68}

@media(min-width:1100px){
  .experience-proof .section-head h2{white-space:nowrap}
}
@media(max-width:1080px){
  .home-hero{min-height:560px;background-position:58% center;background-image:linear-gradient(90deg,rgba(6,28,54,1) 0%,rgba(6,28,54,.98) 33%,rgba(6,28,54,.80) 55%,rgba(6,28,54,.32) 78%,rgba(6,28,54,.12) 100%),url('/assets/images/foto1-1600.webp')}
  .home-hero .hero-copy{width:min(58%,620px);min-height:430px}
  .home-hero .hero-copy h1{font-size:clamp(2.45rem,4.6vw,3.7rem)}
}
@media(max-width:820px){
  .home-hero{min-height:600px;background-position:64% center;background-image:linear-gradient(90deg,rgba(6,28,54,.98) 0%,rgba(6,28,54,.94) 46%,rgba(6,28,54,.66) 72%,rgba(6,28,54,.45) 100%),linear-gradient(180deg,rgba(6,28,54,.16),rgba(6,28,54,.48)),url('/assets/images/foto1-1600.webp')}
  .home-hero .hero-grid{padding:54px 0 44px}
  .home-hero .hero-copy{width:min(72%,620px);min-height:500px}
  .experience-proof .section-head{margin-bottom:24px}
  .experience-proof .section-head h2{font-size:clamp(1.8rem,4vw,2.3rem)}
}
@media(max-width:620px){
  .home-hero{min-height:auto;background-position:67% center;background-image:linear-gradient(90deg,rgba(6,28,54,.97) 0%,rgba(6,28,54,.90) 62%,rgba(6,28,54,.70) 100%),linear-gradient(180deg,rgba(6,28,54,.18),rgba(6,28,54,.58)),url('/assets/images/foto1-800.webp')}
  .home-hero .hero-grid{padding:48px 0 42px}
  .home-hero .hero-copy{width:100%;min-height:0}
  .home-hero .hero-copy h1{max-width:13.5ch;font-size:clamp(2.2rem,10vw,3.15rem)}
  .home-hero .hero-copy .lead{max-width:31rem;color:#e4edf6}
  .experience-proof .section-head h2{white-space:normal;max-width:18ch;font-size:clamp(1.9rem,8vw,2.35rem)}
  .experience-proof .section-head>p{max-width:34rem;font-size:.98rem}
}

/* ===== Refinamiento editorial global — títulos equilibrados ===== */
.section-head{
  display:block;
  max-width:1120px;
  margin:0 auto 38px;
  text-align:center;
}
.section-head>div{width:100%}
.section-head .eyebrow{text-align:center}
.section-head h2{
  width:100%;
  max-width:1100px;
  margin:0 auto 14px;
  font-size:clamp(2rem,2.8vw,3rem);
  line-height:1.10;
  letter-spacing:-.035em;
  text-align:center;
  text-wrap:balance;
}
.section-head>p,
.section-head p:last-child{
  max-width:860px;
  margin:0 auto!important;
  color:var(--muted);
  text-align:center;
  font-size:clamp(.98rem,1.15vw,1.08rem);
  line-height:1.7;
  text-wrap:pretty;
}
.section-dark .section-head>p,
.section-dark .section-head p:last-child{color:#c8d4df}

/* Mantiene el bloque documental de trayectoria especialmente compacto. */
.experience-proof .section-head{max-width:1120px;margin:0 auto 30px}
.experience-proof .section-head h2{max-width:none}

/* ===== Inicio — imágenes integradas al fondo, sin cajas visuales aisladas ===== */
.integrated-story{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.integrated-story>.container{position:relative;z-index:2}
.integrated-story .feature-media,
.integrated-story .profile-media{
  opacity:0;
  box-shadow:none;
  border:0;
  pointer-events:none;
}
.integrated-story .feature-copy,
.integrated-story .profile>div:last-child{position:relative;z-index:3}

.integrated-experience{
  background-color:var(--cream);
  background-image:
    linear-gradient(90deg,
      rgba(247,244,238,.08) 0%,
      rgba(247,244,238,.18) 27%,
      rgba(247,244,238,.62) 46%,
      rgba(247,244,238,.94) 61%,
      rgba(247,244,238,1) 77%,
      rgba(247,244,238,1) 100%),
    url('/assets/images/foto5-1600.webp');
  background-repeat:no-repeat;
  background-size:100% 100%,60% auto;
  background-position:center,left center;
}
.integrated-experience .case-grid{
  min-height:clamp(500px,36vw,610px);
  grid-template-columns:.92fr 1.08fr;
  gap:clamp(38px,5vw,78px);
}
.integrated-experience .feature-copy{
  max-width:650px;
  margin-left:auto;
  padding:18px 0;
}
.integrated-experience .feature-copy h2{text-wrap:balance}
.integrated-experience .case-point{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(7,31,61,.055);
  backdrop-filter:blur(5px);
}

.integrated-about{
  background-color:#fff;
  background-image:
    linear-gradient(90deg,
      rgba(255,255,255,.05) 0%,
      rgba(255,255,255,.13) 27%,
      rgba(255,255,255,.63) 46%,
      rgba(255,255,255,.96) 61%,
      rgba(255,255,255,1) 78%,
      rgba(255,255,255,1) 100%),
    url('/assets/images/foto6-1600.webp');
  background-repeat:no-repeat;
  background-size:100% 100%,48% auto;
  background-position:center,7% center;
}
.integrated-about .profile{
  min-height:clamp(520px,38vw,650px);
  grid-template-columns:.78fr 1.22fr;
  gap:clamp(42px,5vw,82px);
}
.integrated-about .profile>div:last-child{
  max-width:720px;
  margin-left:auto;
  padding:22px 0;
}
.integrated-about h2{text-wrap:balance}

@media(max-width:980px){
  .section-head{max-width:920px;margin-bottom:30px}
  .section-head h2{font-size:clamp(1.9rem,4.1vw,2.55rem)}
  .integrated-experience{background-size:100% 100%,72% auto;background-position:center,-10% center}
  .integrated-experience .case-grid{grid-template-columns:.75fr 1.25fr;gap:28px;min-height:520px}
  .integrated-about{background-size:100% 100%,58% auto;background-position:center,-2% center}
  .integrated-about .profile{grid-template-columns:.72fr 1.28fr;gap:28px;min-height:550px}
}

@media(max-width:820px){
  .section-head{display:block;max-width:700px;margin-bottom:26px;text-align:center}
  .section-head h2{max-width:700px;font-size:clamp(1.8rem,5.5vw,2.35rem)}
  .section-head>p,.section-head p:last-child{max-width:620px;font-size:.98rem}

  .integrated-experience,
  .integrated-about{padding-top:0}
  .integrated-experience{
    background-image:
      linear-gradient(180deg,rgba(247,244,238,.08) 0%,rgba(247,244,238,.24) 31%,rgba(247,244,238,.92) 48%,rgba(247,244,238,1) 58%),
      url('/assets/images/foto5-1600.webp');
    background-size:100% 100%,100% auto;
    background-position:center,center top;
  }
  .integrated-about{
    background-image:
      linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.24) 30%,rgba(255,255,255,.94) 49%,rgba(255,255,255,1) 59%),
      url('/assets/images/foto6-1600.webp');
    background-size:100% 100%,100% auto;
    background-position:center,center 10%;
  }
  .integrated-experience .case-grid,
  .integrated-about .profile{display:block;min-height:0}
  .integrated-experience .feature-media,
  .integrated-about .profile-media{
    display:block;
    visibility:hidden;
    opacity:0;
    height:clamp(280px,58vw,430px);
    aspect-ratio:auto;
  }
  .integrated-experience .feature-copy,
  .integrated-about .profile>div:last-child{
    max-width:680px;
    margin:0 auto;
    padding:30px 0 6px;
  }
}

@media(max-width:540px){
  .section-head{margin-bottom:22px}
  .section-head h2{font-size:clamp(1.72rem,8vw,2.12rem);line-height:1.12}
  .section-head>p,.section-head p:last-child{font-size:.95rem;line-height:1.62}
  .integrated-experience .feature-media,
  .integrated-about .profile-media{height:clamp(240px,70vw,340px)}
  .integrated-experience .feature-copy,
  .integrated-about .profile>div:last-child{padding-top:24px}
  .integrated-experience .case-points{grid-template-columns:1fr}
}


/* ===== HOTFIX 2026-08-12: carga estable + composición sin zonas vacías ===== */
/* El hero usa una imagen DOM real como capa visual; el CSS ya no depende de un background remoto/caché antiguo. */
.home-hero{
  position:relative;
  isolation:isolate;
  min-height:clamp(520px,58vw,660px);
  background:#061c36!important;
  background-image:none!important;
  overflow:hidden;
}
.home-hero-visual{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.home-hero-visual picture,.home-hero-visual img{display:block;width:100%;height:100%}
.home-hero-visual img{object-fit:cover;object-position:center center}
.home-hero:before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(6,28,54,1) 0%,rgba(6,28,54,.99) 24%,rgba(6,28,54,.94) 39%,rgba(6,28,54,.72) 53%,rgba(6,28,54,.28) 72%,rgba(6,28,54,.08) 100%),
    linear-gradient(180deg,rgba(6,28,54,.03) 0%,rgba(6,28,54,.12) 68%,rgba(6,28,54,.35) 100%);
}
.home-hero:after{z-index:1!important}
.home-hero .hero-grid{position:relative;z-index:2}

/* Experiencia aplicada y Sobre Simón: imágenes reales visibles, no elementos transparentes reservando espacio. */
.integrated-experience,.integrated-about{background-image:none!important;position:relative;overflow:hidden}
.integrated-experience{background-color:var(--cream)}
.integrated-about{background-color:#fff}
.integrated-story .feature-media,.integrated-story .profile-media{opacity:1!important;visibility:visible!important;pointer-events:none;box-shadow:none;border:0;border-radius:0;overflow:hidden}
.integrated-experience .feature-media,
.integrated-about .profile-media{
  position:absolute;left:0;top:0;bottom:0;height:100%;z-index:0;
}
.integrated-experience .feature-media{width:60%}
.integrated-about .profile-media{width:49%}
.integrated-experience .feature-media img,
.integrated-about .profile-media img{width:100%;height:100%;object-fit:cover}
.integrated-experience .feature-media img{content:url('/assets/images/experiencia-aplicada-20260812.webp');object-position:center center}
.integrated-about .profile-media img{content:url('/assets/images/sobre-simon-integrada-20260812.webp');object-position:center 24%}
.integrated-experience:before,.integrated-about:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}
.integrated-experience:before{background:linear-gradient(90deg,rgba(247,244,238,.03) 0%,rgba(247,244,238,.10) 27%,rgba(247,244,238,.58) 47%,rgba(247,244,238,.95) 62%,rgba(247,244,238,1) 78%,rgba(247,244,238,1) 100%)}
.integrated-about:before{background:linear-gradient(90deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.10) 27%,rgba(255,255,255,.60) 47%,rgba(255,255,255,.96) 62%,rgba(255,255,255,1) 79%,rgba(255,255,255,1) 100%)}
.integrated-story>.container{position:relative;z-index:2}
.integrated-experience .feature-copy{grid-column:2}
.integrated-about .profile>div:last-child{grid-column:2}

@media(max-width:1080px){
  .home-hero-visual img{object-position:58% center}
}
@media(max-width:820px){
  .home-hero-visual img{object-position:64% center}
  .home-hero:before{background:linear-gradient(90deg,rgba(6,28,54,.98) 0%,rgba(6,28,54,.94) 46%,rgba(6,28,54,.66) 72%,rgba(6,28,54,.45) 100%),linear-gradient(180deg,rgba(6,28,54,.16),rgba(6,28,54,.48))}

  .integrated-experience,.integrated-about{padding-top:0}
  .integrated-experience .case-grid,.integrated-about .profile{display:block;min-height:0}
  .integrated-experience .feature-media,.integrated-about .profile-media{
    position:relative;left:auto;top:auto;bottom:auto;width:100%;height:clamp(280px,58vw,430px);margin:0;
  }
  .integrated-experience .feature-media img,.integrated-about .profile-media img{object-position:center center}
  .integrated-experience:before{background:linear-gradient(180deg,rgba(247,244,238,0) 0%,rgba(247,244,238,.08) 28%,rgba(247,244,238,.90) 46%,rgba(247,244,238,1) 56%)}
  .integrated-about:before{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.08) 28%,rgba(255,255,255,.92) 46%,rgba(255,255,255,1) 56%)}
  .integrated-experience .feature-copy,.integrated-about .profile>div:last-child{position:relative;z-index:3;margin-top:-130px;padding-top:150px}
}
@media(max-width:620px){
  .home-hero-visual img{object-position:67% center}
  .home-hero:before{background:linear-gradient(90deg,rgba(6,28,54,.97) 0%,rgba(6,28,54,.90) 62%,rgba(6,28,54,.70) 100%),linear-gradient(180deg,rgba(6,28,54,.18),rgba(6,28,54,.58))}
  .integrated-experience .feature-media,.integrated-about .profile-media{height:clamp(240px,70vw,340px)}
}


/* ===== FINAL 2026-08-12 — corrección exclusiva de Experiencia aplicada y Sobre Simón ===== */
/* La imagen y el contenido viven en columnas independientes: nunca se superponen. */
.home-experience-balanced .case-grid{
  display:grid;
  grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);
  gap:clamp(38px,4.8vw,70px);
  align-items:center;
}
.home-experience-balanced .feature-media{
  position:relative;
  width:100%;
  max-width:560px;
  justify-self:start;
  aspect-ratio:16/10;
  overflow:hidden;
  border-radius:18px;
  box-shadow:0 14px 38px rgba(4,24,49,.10);
  background:#e8edf2;
}
.home-experience-balanced .feature-media img{
  width:100%;height:100%;object-fit:cover;object-position:center center;
}
.home-experience-balanced .feature-media:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,transparent 88%,rgba(247,244,238,.22) 100%);
}
.home-experience-balanced .feature-copy{
  width:100%;
  max-width:650px;
  padding:0;
}
.home-experience-balanced .feature-copy h2{
  max-width:17ch;
  margin-bottom:20px;
  font-size:clamp(2.15rem,3vw,3.05rem);
  line-height:1.08;
  text-wrap:balance;
}
.home-experience-balanced .feature-copy>.muted{
  max-width:63ch;
  margin-bottom:0;
}
.home-experience-balanced .case-points{margin:24px 0 22px}

.home-about-balanced .profile{
  display:grid;
  grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
  gap:clamp(42px,5.2vw,78px);
  align-items:center;
}
.home-about-balanced .profile-media{
  position:relative;
  width:100%;
  max-width:465px;
  justify-self:start;
  aspect-ratio:4/4.55;
  overflow:hidden;
  border-radius:18px;
  box-shadow:0 14px 38px rgba(4,24,49,.10);
  background:#eef2f5;
}
.home-about-balanced .profile-media img{
  width:100%;height:100%;object-fit:cover;object-position:45% center;
}
.home-about-balanced .profile-media:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,transparent 91%,rgba(255,255,255,.18) 100%);
}
.home-about-balanced .profile>div:last-child{
  width:100%;
  max-width:760px;
  padding:0;
}
.home-about-balanced h2{
  max-width:19ch;
  margin-bottom:22px;
  font-size:clamp(2.15rem,3vw,3.05rem);
  line-height:1.08;
  text-wrap:balance;
}
.home-about-balanced .muted{max-width:72ch}

@media(max-width:980px){
  .home-experience-balanced .case-grid{
    grid-template-columns:minmax(300px,.86fr) minmax(0,1.14fr);
    gap:34px;
  }
  .home-experience-balanced .feature-media{max-width:470px}
  .home-about-balanced .profile{
    grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);
    gap:34px;
  }
  .home-about-balanced .profile-media{max-width:390px}
  .home-experience-balanced .feature-copy h2,
  .home-about-balanced h2{font-size:clamp(1.95rem,4vw,2.55rem)}
}

@media(max-width:760px){
  .home-experience-balanced .case-grid,
  .home-about-balanced .profile{
    display:grid;
    grid-template-columns:1fr;
    gap:28px;
  }
  .home-experience-balanced .feature-media{
    width:min(100%,620px);
    max-width:none;
    justify-self:center;
    aspect-ratio:16/10;
  }
  .home-about-balanced .profile-media{
    width:min(84%,430px);
    max-width:none;
    justify-self:center;
    aspect-ratio:4/4.6;
  }
  .home-experience-balanced .feature-copy,
  .home-about-balanced .profile>div:last-child{
    max-width:680px;
    margin:0 auto;
  }
  .home-experience-balanced .feature-copy h2,
  .home-about-balanced h2{
    max-width:none;
    font-size:clamp(1.95rem,6.6vw,2.45rem);
  }
}

@media(max-width:540px){
  .home-experience-balanced .case-grid,
  .home-about-balanced .profile{gap:22px}
  .home-experience-balanced .feature-media{border-radius:15px;aspect-ratio:4/3}
  .home-about-balanced .profile-media{width:min(92%,390px);border-radius:15px}
  .home-experience-balanced .case-points{grid-template-columns:1fr;gap:10px}
  .home-experience-balanced .feature-copy h2,
  .home-about-balanced h2{font-size:clamp(1.82rem,8.4vw,2.2rem);line-height:1.1}
}