/* Inmecolsa V4 · estilos de la página "industrias" (generado desde el prototipo) */
/*E4-FONT*/
@font-face{font-family:'Eurostile Ext';src:url('../../fonts/eurostile.woff') format('woff');font-weight:100 900;font-style:normal;font-display:swap}
.e4 h1,.e4 h2,.e4 h3,.e4 h4,.e4 [style*="font-weight: 800"][style*="Sora"]{font-family:'Eurostile Ext',Sora,Arial,sans-serif !important;letter-spacing:0 !important}
.e4 h1{font-size:clamp(28px,3.2vw,46px) !important;line-height:1.12 !important}
.e4 h2[style*="clamp(28px"]{font-size:clamp(22px,2.2vw,32px) !important;line-height:1.18 !important}
.e4 h2[style*="clamp(20px"],.e4 h2[style*="clamp(22px"],.e4 h2[style*="clamp(24px"]{font-size:clamp(18px,1.7vw,24px) !important;line-height:1.25 !important}
.e4 h3{line-height:1.25 !important}
.e4 h3[style*="font-size: 30px"],.e4 h3[style*="font-size: 28px"],.e4 h3[style*="font-size: 26px"]{font-size:22px !important}
.e4 h3[style*="font-size: 24px"],.e4 h3[style*="font-size: 22px"]{font-size:19px !important}
.e4 h3[style*="font-size: 19px"],.e4 h3[style*="font-size: 18px"]{font-size:16px !important}
.e4 h3[style*="font-size: 17px"],.e4 h3[style*="font-size: 16px"],.e4 h3[style*="font-size: 15px"]{font-size:14px !important}
.e4 h3[style*="font-size: 14px"],.e4 h4[style*="font-size: 14px"],.e4 h4[style*="font-size: 15px"]{font-size:12.5px !important}
.e4 [style*="clamp(56px, 7vw, 96px)"]{font-size:clamp(40px,5.2vw,70px) !important}
.e4 [style*="clamp(44px, 5vw, 72px)"]{font-size:clamp(30px,3.4vw,48px) !important}
.e4 [style*="font-size: 300px"]{font-size:220px !important}
/*E4-FONT-END*/
body{margin:0;background:#FFFFFF}
a{color:#1B1B1B}a:hover{color:#E30E12}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #E30E12;outline-offset:3px}
.lift{transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.lift:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(27,27,27,0.12) !important;border-color:rgba(227,14,18,0.35) !important}
.btn-p:hover{filter:brightness(1.08);color:#FFFFFF !important}
.btn-o:hover{background:#FFFFFF !important;color:#1B1B1B !important}
summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}
details[open] .faq-plus{transform:rotate(45deg)}
@property --e4a{syntax:'<angle>';initial-value:0deg;inherits:false}
@property --n{syntax:'<integer>';initial-value:0;inherits:false}
@keyframes e4rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes e4fadeb{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:none}}
@keyframes e4float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes e4float2{0%,100%{transform:translate(0,0)}50%{transform:translate(6px,-14px)}}
@keyframes e4orb{0%{transform:translate(0,0) scale(1)}33%{transform:translate(60px,-40px) scale(1.1)}66%{transform:translate(-40px,30px) scale(.95)}100%{transform:translate(0,0) scale(1)}}
@keyframes e4shim{from{background-position:0% 50%}to{background-position:200% 50%}}
@keyframes e4spinr{to{transform:rotate(405deg)}}
@keyframes e4ang{to{--e4a:360deg}}
@keyframes e4count{from{--n:0}}
@keyframes e4grad{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes e4hsx{from{transform:translateX(0)}to{transform:translateX(-56%)}}
@keyframes e4plx{from{transform:translateY(-6%) scale(1.14)}to{transform:translateY(6%) scale(1.14)}}
@keyframes e4ping{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.8);opacity:0}}
.e4-rise{animation:e4rise 1s cubic-bezier(.2,.7,.2,1) both}
.e4-float{animation:e4float 7s ease-in-out infinite}
.e4-float2{animation:e4float2 6s ease-in-out infinite}
.e4-orb{animation:e4orb 18s ease-in-out infinite}
.e4-shim{background-size:200% 100% !important;animation:e4shim 4s linear infinite}
.e4-spin{animation:e4spinr 40s linear infinite}
.e4-cnt{counter-reset:n var(--n);animation:e4count 2.2s cubic-bezier(.2,.7,.2,1) .8s both}
.e4-cnt::after{content:counter(n)}
.e4-band{background-size:220% 220% !important;animation:e4grad 12s ease-in-out infinite}
.e4-ping{animation:e4ping 2s ease-out infinite}
.glass{position:relative}
.glass::before{content:"";position:absolute;inset:-1px;border-radius:19px;padding:1.5px;background:conic-gradient(from var(--e4a),transparent 0 65%,#E30E12 82%,#FF8A8C 88%,transparent 95%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s;animation:e4ang 3s linear infinite;pointer-events:none}
.glass:hover::before{opacity:1}
.lift img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.lift:hover img{transform:scale(1.06)}
.e4 input[type=range]{accent-color:#E30E12}
.e4tg{transition:background .25s,color .25s}
@supports (animation-timeline: view()){
  .rv{animation:e4rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  .rvo{animation:e4fadeb linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
  .plx img{animation:e4plx linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  .hs4{height:1900px;view-timeline-name:--e4hs}
  .hs4 .stick{position:sticky;top:90px;overflow:hidden}
  .hs4 .track{animation:e4hsx linear both;animation-timeline:--e4hs;animation-range:contain 0% contain 100%}
  .hs4 .hscroll{overflow:visible !important}
}
@keyframes e4kb{from{transform:scale(1.12)}to{transform:scale(1)}}
.e4-kb{animation:e4kb 14s ease-out both}
.e4 details[open]>p{animation:e4rise .45s cubic-bezier(.2,.7,.2,1) both}
.btn-p svg{transition:transform .3s}.btn-p:hover svg{transform:translateX(4px)}
.btn-sim{transition:background .25s}.btn-sim:hover{background:#E30E12 !important}
@keyframes e4hring{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.7);opacity:0}}
.e4-hring{animation:e4hring 2.2s ease-out infinite}
.e4-hot:hover .e4-hring{animation-duration:1.1s}
@keyframes e4kbr{from{transform:scale(1.08)}to{transform:scale(1)}}
.e4-kbr{animation:e4kbr 14s cubic-bezier(.2,.7,.2,1) both}
@media (max-width:900px){.e4-room{transform:translate(-74%,-50%) !important}}
.e4-bi{transition:border-color .3s,transform .35s}.e4-bi:hover{border-top-color:#E30E12 !important;transform:translateY(-6px)}.e4-bi h3{transition:color .3s}.e4-bi:hover h3{color:#FF5A5D}
@keyframes e4pop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.e4-pop{animation:e4pop .5s cubic-bezier(.2,.7,.2,1) both}.e4-pop:nth-child(2){animation-delay:.07s}.e4-pop:nth-child(3){animation-delay:.14s}.e4-pop:nth-child(4){animation-delay:.21s}
/*E4-IX*/
html,body,.e4{overflow-anchor:none}
.e4-hdr{position:sticky;top:0;z-index:80}
@keyframes e4hdr{to{box-shadow:0 14px 34px rgba(27,27,27,.14)}}
@supports (animation-timeline: scroll()){.e4-hdr{animation:e4hdr linear both;animation-timeline:scroll();animation-range:0 160px}}
.lift{position:relative}
.lift::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#E30E12,#FF5A5D);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:2}
.lift:hover::after{transform:scaleX(1)}
.faq-i{position:relative;outline:none}
.faq-q{cursor:pointer;transition:color .25s,padding-left .35s cubic-bezier(.2,.7,.2,1)}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1)}
.faq-a>div{overflow:hidden}
.faq-a p{opacity:0;transform:translateY(-6px);transition:opacity .35s .05s,transform .35s .05s}
.faq-i:hover .faq-a,.faq-i:focus-within .faq-a{grid-template-rows:1fr}
.faq-i:hover .faq-a p,.faq-i:focus-within .faq-a p{opacity:1;transform:none}
.faq-i:hover .faq-q,.faq-i:focus-within .faq-q{color:#E30E12;padding-left:16px}
.faq-i::before{content:"";position:absolute;left:0;top:20px;width:3px;height:26px;border-radius:3px;background:#E30E12;transform:scaleY(0);transition:transform .3s}
.faq-i:hover::before,.faq-i:focus-within::before{transform:scaleY(1)}
.faq-plus{transition:transform .35s,background .25s,color .25s,border-color .25s}
.faq-i:hover .faq-plus,.faq-i:focus-within .faq-plus{transform:rotate(45deg);background:#E30E12;color:#FFFFFF !important;border-color:#E30E12 !important}
.chip{transition:border-color .2s,transform .2s,box-shadow .2s}.chip:hover{border-color:#1B1B1B !important;transform:translateY(-2px);box-shadow:0 8px 18px rgba(27,27,27,.08)}
.e4-gal{display:flex;flex-wrap:wrap;gap:12px}
.e4-gal>*{transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .5s,opacity .5s}
.e4-gal:hover>*{filter:grayscale(.7);opacity:.75}
.e4-gal>*:hover{filter:none;opacity:1;transform:scale(1.02)}
.e4-hv{transition:transform .35s cubic-bezier(.2,.7,.2,1),background .35s,color .35s,box-shadow .35s,border-color .35s}
.e4-hv:hover{transform:translateY(-6px);background:#1B1B1B !important;color:#FFFFFF !important;box-shadow:0 24px 48px rgba(27,27,27,.18);border-color:#1B1B1B !important}
.e4-hv:hover p,.e4-hv:hover span{color:#D7D7D7 !important}
.e4-hv:hover .e4-hvk{color:#FF5A5D !important}
.e4-cv{counter-reset:n var(--n);animation:e4cv 2.2s cubic-bezier(.2,.7,.2,1) both}
.e4-cv::after{content:counter(n)}
@keyframes e4cv{from{--n:0}to{--n:var(--to)}}
@supports (animation-timeline: view()){.e4-cv{animation-timeline:view();animation-range:entry 10% cover 40%;animation-timing-function:ease-out}}
@keyframes e4in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes e4inx{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
.e4-in{animation:e4in .6s cubic-bezier(.2,.7,.2,1) both}
.e4-in2{animation:e4in .6s cubic-bezier(.2,.7,.2,1) .12s both}
.e4-in3{animation:e4in .6s cubic-bezier(.2,.7,.2,1) .24s both}
.e4-inx{animation:e4inx .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes e4bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.e4-pause .e4-bar{animation-play-state:paused !important}
@keyframes e4draw{from{stroke-dashoffset:var(--len,600)}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion: reduce){.e4-cv,.e4-cnt{--n:var(--to,35) !important}}
/*E4-IX-END*/
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}