/* Front elevation of an I-beam. All relief is static; no filter or WebGL. */
:is(.motion-header,.inner-header){isolation:isolate;background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.coelba-beam{position:absolute;inset:0;pointer-events:none;z-index:-1;isolation:isolate}
.coelba-beam-web{position:absolute;inset:7px 15px;background-color:#33352f;background-image:linear-gradient(180deg,#000e 0%,#0008 13%,#ffffff08 36%,#0001 55%,#0008 88%,#000e 100%),url('/assets/header-steel-real-9e0582788fb1ef10.webp');background-size:auto,cover;border-left:1px solid #72756b;border-right:1px solid #060907;box-shadow:inset 2px 0 2px #0008,inset -2px 0 2px #0009}
.coelba-beam-flange{position:absolute;left:0;right:0;height:15px;border:1px solid #0a0d0a;background-color:#33372f;background-image:linear-gradient(180deg,#898d7d 0,#555b4e 1px,#292e25 3px,#181d15 6px,#0b0f09 8px,#777e68 9px,#353b2b 10px,#12180c 13px),url('/assets/header-steel-real-9e0582788fb1ef10.webp');box-shadow:0 3px 3px #000b,inset 0 1px #b1b29e;box-sizing:border-box}
.coelba-beam-top{top:0}
.coelba-beam-bottom{bottom:0;transform:scaleY(-1);box-shadow:0 3px 3px #000b,inset 0 1px #b1b29e}
.coelba-beam-flange:after{content:'';position:absolute;left:8px;right:8px;bottom:1px;height:2px;border-top:1px solid #8c6a10;border-bottom:1px solid #8b680b;background:#fff0a6;box-shadow:0 1px 2px #ffd600c0,0 3px 7px #ffcd0033}
.coelba-beam-bolts{position:absolute;inset:19px 0;background:radial-gradient(circle at 30px 50%,#292b22 0 1px,#a0a18d 1.1px 1.7px,#4e5344 2px 3px,#11160d 3.5px 4.5px,transparent 5px),radial-gradient(circle at calc(100% - 30px) 50%,#292b22 0 1px,#a0a18d 1.1px 1.7px,#4e5344 2px 3px,#11160d 3.5px 4.5px,transparent 5px)}
:is(.motion-header,.inner-header)>:not(.coelba-beam):not(nav){position:relative;z-index:1}
:is(.motion-header,.inner-header) :is(.brand,.inner-brand){filter:none!important}
:is(.motion-header,.inner-header) :is(.brand,.inner-brand) img{content:url('/assets/brand/coelba-steel-5bc2bb983b0f48fb.svg')}
:is(.motion-header,.inner-header) nav a{color:#eeeae0;text-shadow:0 1px #050804,1px 2px 1px #000}
:is(.motion-header,.inner-header) nav a:hover{color:#ffe776}
@media(min-width:769px){
  :is(.motion-header,.inner-header){padding-left:clamp(55px,5vw,100px);padding-right:clamp(55px,5vw,100px);gap:clamp(20px,2.5vw,48px)}
  :is(.motion-header,.inner-header) :is(.brand,.inner-brand){width:clamp(155px,15.2vw,220px);flex-shrink:0;order:0}
  .motion-header .brand img{height:34px}
  :is(.motion-header,.inner-header) nav{order:1;align-items:center;gap:clamp(16px,1.7vw,32px);margin-left:auto;white-space:nowrap}
  :is(.motion-header,.inner-header) nav a{font-family:Arial,sans-serif!important;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none}
  :is(.motion-header,.inner-header) :is(.home-menu-toggle,.menu-toggle){display:inline-flex!important;order:2;gap:13px!important;width:auto;min-width:90px;height:36px;padding:0!important;font:19px/1 Arial,sans-serif!important;letter-spacing:-.04em;color:#eeeae0}
  :is(.home-menu-toggle,.menu-toggle)>span{display:none!important}
  :is(.home-menu-toggle,.menu-toggle):before{content:'Menú';text-shadow:0 1px #050804,1px 2px 1px #000}
  :is(.home-menu-toggle,.menu-toggle):after{content:'+';color:#ffe34b;font:24px/1 Arial,sans-serif}
  :is(.home-menu-toggle,.menu-toggle)[aria-expanded=true]:after{content:'−'}
  .motion-header.home-menu-open #home-nav,.inner-header #inner-nav.open{display:flex!important;position:absolute;inset:100% 3vw auto auto;width:320px;max-width:calc(100vw - 6vw);margin:0;padding:22px 26px;background:#171d19;border:1px solid #555b45;box-shadow:0 12px 25px #0006;flex-direction:column;align-items:stretch;gap:0}
  :is(.motion-header.home-menu-open #home-nav,.inner-header #inner-nav.open) a{display:block!important;font-size:16px;padding:12px 0}
  .inner-header #inner-nav.open a:after{display:none}
}
@media(min-width:769px) and (max-width:1100px){
  :is(.motion-header,.inner-header) nav{display:none!important}
  :is(.motion-header,.inner-header) :is(.home-menu-toggle,.menu-toggle){margin-left:auto}
}
@media(max-width:768px){
  .coelba-beam-web{inset:5px 8px}
  .coelba-beam-flange{height:10px;background:linear-gradient(#929581,#30372a 1px,#171c13 4px,#555e40 5px,#161c0e 8px);border-color:#161a10}
  .coelba-beam-flange:after{height:1px;bottom:0;left:4px;right:4px;box-shadow:0 1px 2px #ffd60090}
  .coelba-beam-bolts{display:none}
}

/* One stable brand bar. Fixed headers stay out of the route's layout geometry. */
#MAIN .motion-header{transform:none!important}
body#MAIN>.motion-header{visibility:visible!important}
#MAIN .opening-copy .kicker{visibility:hidden}
body#MAIN.film-active>.film-skip{top:86px}

/* Visual adapter for the retained, optimized mobile route's original header. */
.header,.header.solid,.r3-integrated .header{isolation:isolate;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;border-bottom-color:transparent!important}
.header .header-inner{position:relative;z-index:1}
.header #brand-logo{content:url('/assets/brand/coelba-steel-5bc2bb983b0f48fb.svg')}
.header .desktop-nav>a,.header .contact-button,.header #menu-toggle{color:#eeeee5;text-shadow:0 1px #090c07,1px 2px 1px #000}
.header .contact-button{background:transparent;border-bottom-color:#d8bf4699}
.header .contact-button span{color:#ffe34a}
.header #menu-toggle{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;width:auto;min-width:78px;height:44px;padding:0;border:0;background:transparent;font:18px/1 Arial,sans-serif;letter-spacing:-.04em}
.header #menu-toggle>span{display:none}
.header #menu-toggle:before{content:'Menú'}
.header #menu-toggle:after{content:'+';color:#ffe34b;font:23px/1 Arial,sans-serif}
@media(max-width:1100px){.header .desktop-nav{display:none}}
@media(max-width:768px){.header #menu-toggle{min-width:70px;gap:10px;font-size:16px}.header #menu-toggle:after{font-size:21px}}
@media(max-width:768px){
  :is(.motion-header,.inner-header) :is(.brand,.inner-brand){width:153px}
  :is(.motion-header,.inner-header) :is(.home-menu-toggle,.menu-toggle){display:inline-flex!important;align-items:center;justify-content:center;gap:10px!important;width:auto;min-width:70px;height:44px;padding:0!important;color:#eeeee5;font:16px/1 Arial,sans-serif;letter-spacing:-.04em}
  :is(.motion-header,.inner-header) :is(.home-menu-toggle,.menu-toggle)>span{display:none!important}
  :is(.motion-header,.inner-header) :is(.home-menu-toggle,.menu-toggle):before{content:'Menú';text-shadow:0 1px #090c07,1px 2px 1px #000}
  :is(.motion-header,.inner-header) :is(.home-menu-toggle,.menu-toggle):after{content:'+';color:#ffe34b;font:21px/1 Arial,sans-serif}
  :is(.motion-header,.inner-header) :is(.home-menu-toggle,.menu-toggle)[aria-expanded=true]:after{content:'−'}
}

/* Preserve the approved beam silhouette; expose real mill-scale steel instead
 * of a brushed decorative finish. The material is a single static WebP. */
.coelba-beam-web{
  background-color:#333534;
  background-image:linear-gradient(180deg,#020606a0 0,#00000032 20%,#ffffff06 48%,#00000020 75%,#02060690 100%),url('/assets/header-steel-real-9e0582788fb1ef10.webp');
  background-size:auto,cover;background-position:center;
  border-left-color:#797b75;border-right-color:#101513;
  box-shadow:inset 0 7px 6px -5px #000b,inset 0 -6px 5px -5px #000b,inset 1px 0 #ffffff12;
}
.coelba-beam-flange{
  background-color:#343735;
  background-image:linear-gradient(180deg,#a4a7a49e 0,#6f747399 1px,#3037366b 3px,#0a1012a8 7px,#939790a8 9px,#343c3599 11px,#111812b0 13px),url('/assets/header-steel-real-9e0582788fb1ef10.webp');
  background-size:auto,cover;background-position:center;
  border-color:#101613;box-shadow:0 3px 3px #000b,inset 0 1px #b6b8af80;
}
.coelba-beam-bolts{background:radial-gradient(circle at 30px 50%,#4c504d 0 1px,#a4a79c 1.1px 1.7px,#565d56 2px 3px,#111711 3.5px 4.5px,transparent 5px),radial-gradient(circle at calc(100% - 30px) 50%,#4c504d 0 1px,#a4a79c 1.1px 1.7px,#565d56 2px 3px,#111711 3.5px 4.5px,transparent 5px)}
@media(max-width:768px){.coelba-beam-flange{background-image:linear-gradient(180deg,#a4a7a49e 0,#3037366b 1px,#0a1012a8 4px,#939790a8 5px,#111812b0 8px),url('/assets/header-steel-real-9e0582788fb1ef10.webp')}}