/* Revisión de integración: el PNG maestro y todas las fotografías permanecen intactos. */
.faro-visual{--faro-scene:#082134;--faro-header-height:166px}
.faro-visual .site-header{position:relative;top:auto;background:transparent;border:0;box-shadow:none}
.faro-visual .site-header:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#082134 0%,#082134dc 45%,#08213460 76%,#08213440 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 32%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 32%,transparent 100%)}
.faro-visual .site-header .inner{min-height:var(--faro-header-height);padding:4px 0;gap:26px}
.faro-visual .site-header .official-logo{position:relative;isolation:isolate;flex:0 0 250px;width:250px;padding:0 0 8px;background:transparent;border:0;border-radius:0;box-shadow:none;line-height:1.35}
.faro-visual .site-header .brand-window{position:relative;z-index:1;width:200px;margin:0 auto;overflow:hidden;background:transparent;aspect-ratio:1536/878}
.faro-visual .site-header .brand-window img{filter:drop-shadow(0 0 .7px #e8c77e) drop-shadow(0 0 7px #e3bd6b35);opacity:1}
.faro-visual .site-header .brand-tagline{position:relative;z-index:1;margin-top:4px;color:#eed8a9;font-size:10.5px;line-height:1.45;letter-spacing:.035em;text-wrap:balance}
.faro-visual .site-header .brand-tagline b{color:#d9b166}
/* Las dos capas de luz se sitúan detrás de la imagen, sin reconstruir el símbolo. */
.faro-visual .site-header .official-logo:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;top:80px;width:330px;height:160px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#e5cd9db3 0%,#d5b27185 54%,#b9894229 72%,transparent 100%);filter:blur(18px)}
.faro-visual .site-header .official-logo:after{content:"";position:absolute;z-index:-2;pointer-events:none;left:52%;top:-120px;width:min(75vw,calc(100vw - max(20px,calc((100vw - 1280px)/2)) - 185px));height:300px;transform-origin:0 50%;transform:rotate(11deg);background:conic-gradient(from 78deg at 0% 50%,transparent 0deg,#f0ca7c26 9deg,#e6ba6013 21deg,transparent 34deg);mask-image:linear-gradient(to right,#000,#000 38%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000,#000 38%,transparent 100%);filter:blur(17px)}
.faro-visual .hero.hero-approved{background:var(--faro-scene);overflow:visible;isolation:isolate;padding-top:54px;padding-bottom:58px;min-height:505px}
.faro-visual .hero.hero-approved:before{content:"";display:block;position:absolute;z-index:-1;left:0;right:0;top:calc(-1 * var(--faro-header-height));bottom:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:var(--faro-scene)}
.faro-visual .hero-approved .hero-approved-photo{top:calc(-1 * var(--faro-header-height));height:calc(100% + var(--faro-header-height));object-position:62% 48%;mask-image:linear-gradient(to right,transparent,#000 23%);-webkit-mask-image:linear-gradient(to right,transparent,#000 23%)}
.faro-visual .hero-approved .hero-copy{max-width:59%}
.faro-visual .hero-approved h1{max-width:690px}
.faro-visual section,.faro-visual #proveedores,.faro-visual .advertising-block{scroll-margin-top:24px}
/* Se retiran los recuadros corporativos repetidos; se conserva todo su contenido. */
.faro-visual .footer-brand{background:transparent;border:0;border-radius:0;padding:0;margin:0 0 20px}
.faro-visual .footer-brand .brand-window img{filter:drop-shadow(0 0 .7px #e8c77e) drop-shadow(0 0 7px #e3bd6b35)}
.faro-visual .footer-brand figcaption{color:#eed8a9;font-size:10px}
.faro-visual #quienes .tile{background:transparent;border:0;border-radius:0;box-shadow:none;padding:12px 22px;color:var(--ink)}
.faro-visual #quienes .tile+ .tile{border-left:1px solid #d7c6a6}
.faro-visual #quienes .tile .tag{color:#92703b}
.faro-visual #quienes .tile h3{color:var(--navy)}
.faro-visual #quienes .tile p,.faro-visual #quienes .tile .feature-line{color:var(--muted)}
.faro-visual #quienes .tile .feature-line{border-top:1px solid #dedbd5}
.faro-visual #conexiones .core{background:transparent;border:0;border-radius:0;box-shadow:none}
@media(max-width:1120px){.faro-visual .hero.hero-approved{min-height:475px;padding-top:43px;padding-bottom:48px}}
@media(max-width:900px){.faro-visual .site-header .official-logo{flex-basis:220px;width:220px}.faro-visual .site-header .inner{gap:18px}.faro-visual .hero-approved .hero-copy{max-width:61%}}
@media(max-width:760px){
 .faro-visual{--faro-header-height:154px}
 .faro-visual .site-header{background:var(--faro-scene)}
 .faro-visual .site-header:before{display:none}
 .faro-visual .site-header .inner{min-height:var(--faro-header-height);padding:4px 0;gap:7px}
 .faro-visual .site-header .official-logo{flex-basis:235px;width:235px;padding:0 0 6px}
 .faro-visual .site-header .brand-window{width:184px}
 .faro-visual .site-header .brand-tagline{font-size:10.5px;line-height:1.45;margin-top:3px;letter-spacing:.015em}
 .faro-visual .site-header .official-logo:before{top:73px;width:290px;height:150px}
 .faro-visual .site-header .official-logo:after{left:52%;top:-122px;width:max(110px,calc(100vw - 215px));height:300px;transform:rotate(18deg);opacity:.78}
 .faro-visual .hero.hero-approved{padding:24px 0 285px;min-height:0}
 .faro-visual .hero-approved .hero-copy{max-width:100%}
 .faro-visual .hero-approved .hero-approved-photo{top:auto;bottom:0;height:300px;width:100%;object-position:center 40%;mask-image:linear-gradient(to bottom,transparent,#000 24%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24%)}
 .faro-visual .hero-approved h1{font-size:clamp(32px,7.1vw,49px)}
 .faro-visual #quienes .tile{padding:12px 0}
 .faro-visual #quienes .tile+ .tile{border-left:0;border-top:1px solid #d7c6a6;padding-top:24px}
}
@media(max-width:380px){
 .faro-visual .site-header .official-logo{flex-basis:190px;width:190px}
 .faro-visual .site-header .brand-window{width:160px}
 .faro-visual .site-header .brand-tagline{font-size:10px}
 .faro-visual .site-header .official-logo:before{top:65px;width:260px;height:140px}
 .faro-visual .site-header .official-logo:after{top:-126px}
 .faro-visual .hero-approved h1{font-size:32px}
}
