/* FUPROYAC V4 — aprobado: fotografía en HD, carrusel real y cabecera blanca */
:root{--gold:#FFBB4D;--blue:#00527A}
.site-header.site-header-v4,.home-page .site-header.site-header-v4,
.home-page .site-header.site-header-v4.scrolled{position:sticky!important;top:0!important;inset:auto!important;height:82px!important;background:rgba(255,255,255,.985)!important;border-bottom:1px solid #e5edf1!important;box-shadow:0 7px 27px rgba(7,42,61,.055)!important;backdrop-filter:blur(18px);z-index:200}
.site-header.site-header-v4 .site-logo img,.home-page .site-header.site-header-v4 .site-logo img{width:227px!important;max-width:100%;height:auto;display:block;object-fit:contain}
.site-header.site-header-v4 .site-nav a,.home-page .site-header.site-header-v4 .site-nav a{color:#19394e!important;font-size:.84rem;font-weight:750}
.site-header.site-header-v4 .site-nav a:hover,.site-header.site-header-v4 .site-nav a[aria-current=page],.home-page .site-header.site-header-v4 .site-nav a:hover,.home-page .site-header.site-header-v4 .site-nav a[aria-current=page]{color:#00527A!important}
.site-header.site-header-v4 .site-nav a[aria-current=page]::after{content:"";display:block;height:2px;background:#FFBB4D;margin-top:3px;border-radius:10px}
.site-header.site-header-v4 .menu-toggle{color:#00527A;border:1px solid #d7e3e8;background:#fff}
.site-header.site-header-v4 .header-actions .btn{border-radius:25px;box-shadow:none;padding:12px 21px}
.site-header.site-header-v4 .site-nav{gap:27px}
/* Hero: no old v3 cinematic rules are applied here */
.hero-v4{height:calc(100svh - 82px);min-height:680px;max-height:900px;background:#052940;position:relative;isolation:isolate;overflow:hidden;color:white;display:flex;align-items:center}
.hero-v4-gallery,.hero-v4-slide,.hero-v4-shade,.hero-v4-mark{position:absolute;inset:0}
.hero-v4-gallery{z-index:-3}
.hero-v4-slide{opacity:0;transition:opacity 1.15s ease;z-index:0;pointer-events:none}
.hero-v4-slide.is-current{opacity:1;z-index:1}
.hero-v4-slide img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.02) contrast(1.02);transform:scale(1.035);transition:transform 8s ease}
.hero-v4-slide.is-current img{transform:scale(1.09)}
.hero-v4-shade{z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(2,28,45,.95) 0%,rgba(2,28,45,.91) 21%,rgba(2,28,45,.73) 38%,rgba(2,28,45,.31) 63%,rgba(2,28,45,.075) 100%),linear-gradient(0deg,rgba(2,28,45,.29),transparent 42%)}
.hero-v4-mark{z-index:-1;font-size:650px;font-weight:900;color:rgba(255,255,255,.022);line-height:1;left:-230px;top:-125px;pointer-events:none}
.hero-v4-container{position:relative;display:flex;align-items:center;width:min(100% - 90px,1370px);height:100%;padding:50px 0 125px}
.hero-v4-content{width:min(650px,55%);padding-bottom:35px}
.hero-v4-eyebrow{display:inline-flex;align-items:center;gap:13px;color:#FFCE73;letter-spacing:.16em;font-size:.71rem;font-weight:800;margin-bottom:24px}
.hero-v4-eyebrow i{width:29px;height:2px;background:#ffbb4d;display:block}
.hero-v4 h1{color:#fff;font-size:clamp(3.2rem,4.7vw,5.1rem);font-weight:850;line-height:1.14;letter-spacing:-.052em;margin:0 0 20px;max-width:730px;text-wrap:balance;font-family:'Outfit','DM Sans',sans-serif}
.hero-v4 h1 em{font-style:normal;color:#FFBB4D}
.hero-v4-content p{max-width:590px;color:rgba(255,255,255,.88);font-size:clamp(1rem,1.4vw,1.19rem);line-height:1.69;margin:0 0 29px}
.hero-v4-actions{display:flex;gap:13px;flex-wrap:wrap}
.hero-v4-actions .btn{min-height:55px;padding:13px 24px;border-radius:999px;font-size:.91rem;box-shadow:none;display:inline-flex;gap:18px}
.hero-v4-actions .btn-gold:hover{background:#ffcd78}
.hero-v4-ghost{color:white;background:rgba(1,28,46,.17);border:1.5px solid rgba(255,255,255,.77)}
.hero-v4-ghost:hover{color:white;background:rgba(255,255,255,.12)}
.hero-v4-carousel{position:absolute;right:0;bottom:75px;width:min(590px,47vw);display:flex;align-items:center;gap:11px;z-index:10}
.hero-v4-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;flex:1;min-width:0}
.hero-v4-thumb{border-radius:11px;overflow:hidden;position:relative;background:#dce8ef;aspect-ratio:1.21;cursor:pointer;padding:0;border:2px solid rgba(255,255,255,.75);box-shadow:0 7px 21px rgba(0,0,0,.18);min-width:0;transition:transform .2s,border-color .2s}
.hero-v4-thumb:hover{transform:translateY(-4px)}
.hero-v4-thumb.active{border:3px solid #ffbb4d;box-shadow:0 0 0 1px rgba(255,255,255,.6),0 7px 21px rgba(0,0,0,.25)}
.hero-v4-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hero-v4-thumb span{position:absolute;left:0;right:0;bottom:0;color:white;font-weight:750;font-size:.58rem;text-align:center;line-height:1.1;padding:17px 3px 6px;background:linear-gradient(transparent,rgba(2,20,33,.85))}
.hero-v4-arrow{flex:0 0 37px;height:37px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(3,27,42,.55);backdrop-filter:blur(6px);color:white;font-size:1.9rem;line-height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 5px}
.hero-v4-arrow:hover{background:rgba(3,27,42,.92)}
.hero-v4-bottom{position:absolute;left:0;right:0;bottom:0;min-height:53px;border-top:1px solid rgba(255,255,255,.15);background:linear-gradient(90deg,rgba(1,27,43,.20),rgba(1,27,43,.08));display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 max(calc((100vw - 1370px)/2),45px);font-size:.67rem;font-weight:750;letter-spacing:.08em;color:#d7e4ed}
.hero-v4-bottom b{color:#ffbb4d}
.hero-v4-bottom a{color:#f5fafb}
.hero-v4-dots{display:flex;gap:6px;align-items:center}
.hero-v4-dots i{height:6px;width:6px;display:block;border-radius:999px;background:rgba(255,255,255,.5);transition:width .3s,background .3s}
.hero-v4-dots i.active{width:23px;background:#ffbb4d}
/* Preserve the approved identity throughout the homepage */
.home-page.v4-ready .trust-strip{box-shadow:0 13px 24px rgba(8,43,59,.035)}
.home-page.v4-ready #soluciones{background:white}
.home-page.v4-ready #soluciones .category-grid{gap:19px}
.home-page.v4-ready #soluciones .category-card{border-radius:15px;box-shadow:0 7px 30px rgba(7,39,59,.042)}
.home-page.v4-ready #soluciones .category-card-img{aspect-ratio:1.52}
.home-page.v4-ready .section-head h2{letter-spacing:-.045em}
.home-page.v4-ready .service-card{border-radius:16px}
/* On narrower devices the carousel is beneath the text and never overlaps the CTA */
@media(max-width:1200px){.site-header.site-header-v4 .site-nav{gap:16px}.site-header.site-header-v4 .site-logo img,.home-page .site-header.site-header-v4 .site-logo img{width:195px!important}.hero-v4 h1{font-size:clamp(3.1rem,5vw,4.65rem)}.hero-v4-carousel{width:49vw;bottom:70px}.hero-v4-content{width:60%}}
@media(max-width:900px){.site-header.site-header-v4,.home-page .site-header.site-header-v4,.home-page .site-header.site-header-v4.scrolled{height:76px!important}.site-header.site-header-v4 .site-nav.open{position:absolute;top:76px;left:0;right:0;background:#fff;box-shadow:0 20px 35px rgba(0,0,0,.13);padding:22px;z-index:110}.site-header.site-header-v4 .site-nav.open a{color:#163246!important}.hero-v4{height:auto;min-height:760px;max-height:none}.hero-v4-container{width:min(100% - 44px,1350px);align-items:flex-start;padding:104px 0 200px;min-height:760px}.hero-v4-content{width:min(660px,100%)}.hero-v4 h1{font-size:clamp(3rem,7.6vw,5rem)}.hero-v4-carousel{width:min(610px,calc(100% - 44px));right:22px;bottom:72px}.hero-v4-shade{background:linear-gradient(90deg,rgba(2,28,45,.92) 0%,rgba(2,28,45,.68) 48%,rgba(2,28,45,.17) 100%),linear-gradient(0deg,rgba(2,28,45,.55),transparent 75%)}.hero-v4-bottom{padding:0 22px}}
@media(max-width:600px){.site-header.site-header-v4,.home-page .site-header.site-header-v4,.home-page .site-header.site-header-v4.scrolled{height:69px!important}.site-header.site-header-v4 .site-logo img,.home-page .site-header.site-header-v4 .site-logo img{width:174px!important}.site-header.site-header-v4 .header-wrap{width:min(100% - 28px,1270px)}.site-header.site-header-v4 .site-nav.open{top:69px}.hero-v4{min-height:755px}.hero-v4-container{width:calc(100% - 36px);min-height:755px;padding:79px 0 192px}.hero-v4-content{width:100%;padding:0}.hero-v4-eyebrow{font-size:.57rem;letter-spacing:.10em;margin-bottom:22px;gap:9px}.hero-v4-eyebrow i{width:20px}.hero-v4 h1{font-size:clamp(2.5rem,9.6vw,3.7rem);line-height:1.13;letter-spacing:-.055em;margin:0 0 17px}.hero-v4-content p{font-size:.91rem;line-height:1.65;max-width:98%;margin-bottom:21px}.hero-v4-actions{gap:9px}.hero-v4-actions .btn{padding:12px 16px;font-size:.77rem;min-height:47px;gap:6px}.hero-v4-shade{background:linear-gradient(180deg,rgba(1,27,44,.81) 0%,rgba(1,27,44,.63) 47%,rgba(1,27,44,.30) 100%),linear-gradient(90deg,rgba(1,27,44,.65),rgba(1,27,44,.13))}.hero-v4-carousel{width:calc(100% - 32px);bottom:69px;right:16px;gap:6px}.hero-v4-arrow{flex-basis:26px;height:29px;font-size:1.4rem;padding-bottom:3px}.hero-v4-thumbs{gap:5px}.hero-v4-thumb{border-radius:7px;aspect-ratio:.90}.hero-v4-thumb span{font-size:.45rem;padding:10px 2px 4px}.hero-v4-bottom{padding:0 18px;min-height:49px;font-size:.57rem;letter-spacing:.035em}.hero-v4-bottom a{display:none}}
@media(max-width:340px){.hero-v4 h1{font-size:2.34rem}.hero-v4-actions .btn{font-size:.7rem;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.hero-v4-slide,.hero-v4-slide img,.hero-v4-thumb,.hero-v4-dots i{transition:none!important;animation:none!important;transform:none!important}}