@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;
src:url(/_assets/fuentes/archivo-latin.woff2) format("woff2");
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;
src:url(/_assets/fuentes/archivo-latin-ext.woff2) format("woff2");
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap;
src:url(/_assets/fuentes/archivo-italic-latin.woff2) format("woff2");
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Martian Mono";font-style:normal;font-weight:100 800;font-stretch:75% 112.5%;font-display:swap;
src:url(/_assets/fuentes/martian-mono-latin.woff2) format("woff2");
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Martian Mono";font-style:normal;font-weight:100 800;font-stretch:75% 112.5%;font-display:swap;
src:url(/_assets/fuentes/martian-mono-latin-ext.woff2) format("woff2");
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
--naranja:#EC6B00;--naranja-luz:#FF6A00;--ambar:#FFC100;--oro:#E3A542;--coral:#E86032;
--grafito:#363A3B;--acero:#8B8E8F;--noche:#141414;--negro:#0B0B0B;--blanco:#FFFFFF;
--papel-2:#F4F4F3;--linea:#E3E4E4;--tinta-2:#5C6061;--error:#C8321E;
--naranja-tinta:#B34F00;
--haz:rgba(255,231,168,.55);
--luz:linear-gradient(45deg,var(--oro),var(--naranja) 55%,var(--coral));
--corte-s:6px;--corte-m:9px;--corte-l:14px;--corte-xl:22px;
--rapido:160ms;--medio:320ms;--lento:640ms;
--golpe:cubic-bezier(.16,1,.3,1);--curva:cubic-bezier(.2,.7,0,1);
--texto:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
--dato:"Martian Mono",ui-monospace,"SF Mono",Menlo,monospace;
--ancho:1320px;--margen:clamp(20px,4vw,56px);--cabecera:76px;
--seccion:clamp(80px,11vw,152px);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--cabecera) + 16px);background:var(--noche)}
body{font-family:var(--texto);font-size:1.0625rem;line-height:1.65;color:var(--grafito);background:var(--blanco);
overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
font-kerning:normal;font-variant-ligatures:common-ligatures}
img,svg,video,canvas{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
strong,b{font-weight:650}
::selection{background:var(--naranja);color:var(--noche)}
h1,h2,h3,h4{font-weight:750;line-height:1.08;letter-spacing:-.02em;color:inherit;text-wrap:balance}
p{text-wrap:pretty}
.container{width:100%;max-width:calc(var(--ancho) + 2 * var(--margen));margin:0 auto;padding:0 var(--margen)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--naranja);outline-offset:3px}
:where(.section-tint,.form-wrap,.form-toggle) :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:var(--naranja-tinta)}
.saltar{position:fixed;left:16px;top:-80px;z-index:2000;padding:12px 18px;background:var(--naranja);color:var(--noche);
font-weight:650;text-decoration:none;transition:top var(--rapido) var(--curva)}
.saltar:focus{top:12px}
.ranura{display:inline-block;flex:none;width:.8em;height:.8em;background:var(--naranja);clip-path:polygon(55% 0,100% 0,45% 100%,0 100%)}
:where(.btn,.btn-submit,.chip,.card,.fc,.model-card,.blog-card,.project-card,.gallery a,.feature-visual,.model-photo,
.contact-card,.form-wrap,.toggle-btn,.video,.corte,.content img,.tabla-envuelta,.menu-cta,.lb-boton){
border-radius:var(--c,var(--corte-l)) 0;corner-shape:bevel}
@supports not (corner-shape:bevel){
:where(.btn,.btn-submit,.chip,.card,.fc,.model-card,.blog-card,.project-card,.gallery a,.feature-visual,.model-photo,
.contact-card,.form-wrap,.toggle-btn,.video,.corte,.content img,.tabla-envuelta,.menu-cta,.lb-boton){
border-radius:0;
clip-path:polygon(var(--c,var(--corte-l)) 0,100% 0,100% calc(100% - var(--c,var(--corte-l))),calc(100% - var(--c,var(--corte-l))) 100%,0 100%,0 var(--c,var(--corte-l)))}
:where(.btn,.btn-submit,.chip,.toggle-btn,.card,.model-card,.blog-card,.project-card,.gallery a,.lb-boton,.menu-cta):focus-visible{clip-path:none}
}
[data-i="1"]{--i:1}[data-i="2"]{--i:2}[data-i="3"]{--i:3}
.en-pausa,.en-pausa *,.en-pausa *::before,.en-pausa *::after{animation-play-state:paused!important}
.wp-resto{display:none}
.content p:has(>.wp-resto:only-child){display:none}
.btn,.btn-submit{--c:var(--corte-m);position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;
justify-content:center;gap:12px;min-height:50px;padding:0 26px;border:1.5px solid transparent;background:var(--naranja);
color:var(--noche);font:650 15px/1 var(--texto);letter-spacing:.01em;text-decoration:none;white-space:nowrap;cursor:pointer;
transition:background-color var(--rapido) var(--curva),border-color var(--rapido) var(--curva),color var(--rapido) var(--curva),transform 80ms var(--curva)}
.btn::after,.btn-submit::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
background:linear-gradient(45deg,transparent 30%,var(--haz) 50%,transparent 70%);transform:translate(-100%,100%)}
.btn:hover::after,.btn-submit:hover:not(:disabled)::after{transform:translate(100%,-100%);transition:transform var(--lento) var(--curva)}
.btn:hover,.btn-submit:hover:not(:disabled){background:var(--naranja-luz);color:var(--noche)}
.btn:active,.btn-submit:active{transform:scale(.97)}
.btn:not(.btn-light)::before{content:"";order:2;width:10px;height:10px;flex:none;margin-right:-2px;
background:currentColor;clip-path:polygon(0 0,100% 0,100% 100%,78% 100%,78% 37%,16% 99%,1% 84%,63% 22%,0 22%);
transition:transform var(--rapido) var(--golpe)}
.btn:not(.btn-light):hover::before{transform:translate(2px,-2px)}
.btn.btn-light{background:transparent;color:inherit;border-color:currentColor}
.btn.btn-light:hover{background:color-mix(in srgb,currentColor 10%,transparent);color:inherit}
.btn.btn-light::after{background:linear-gradient(45deg,transparent 30%,rgba(236,107,0,.28) 50%,transparent 70%)}
.link,.pc-link{display:inline-flex;align-items:center;gap:8px;color:inherit;font-weight:650;text-decoration:none;
padding-bottom:4px;background:linear-gradient(var(--naranja),var(--naranja)) 0 100%/0 2px no-repeat;
transition:background-size var(--medio) var(--golpe)}
.link:hover,a:hover>.pc-link,a:hover .pc-link{background-size:100% 2px}
.flecha{display:inline-block;color:var(--naranja);transform:rotate(-45deg);transition:transform var(--rapido) var(--golpe)}
a:hover .flecha,.link:hover .flecha{transform:rotate(-45deg) translateX(4px)}
.flecha-atras{display:inline-block;transform:rotate(45deg)}
a.link{min-height:44px}
.cabecera{position:fixed;inset:0 0 auto;z-index:1000;height:var(--cabecera);color:var(--blanco);
transition:transform var(--medio) var(--golpe)}
.cabecera::before{content:"";position:absolute;inset:0;background:rgba(11,11,11,.84);
-webkit-backdrop-filter:blur(18px) saturate(170%) brightness(.45);backdrop-filter:blur(18px) saturate(170%) brightness(.45);
box-shadow:inset 0 -1px rgba(255,255,255,.08);opacity:0;transition:opacity var(--medio) var(--curva)}
.cabecera::after{content:"";position:absolute;inset:0 0 -40px;z-index:-1;pointer-events:none;
background:linear-gradient(rgba(8,8,8,.55),transparent);transition:opacity var(--medio) var(--curva)}
.cabecera.scrolled::before{opacity:1}
.cabecera.scrolled::after{opacity:0}
.cabecera.oculta{transform:translateY(-100%)}
.cabecera.quieta,.cabecera.quieta *,.cabecera.quieta::before,.cabecera.quieta::after{transition:none!important}
.cabecera-barra{position:relative;height:100%;display:flex;align-items:center;gap:clamp(12px,2.4vw,36px)}
.cabecera-testigo{position:absolute;top:0;left:0;width:1px;height:24px;pointer-events:none;visibility:hidden}
.cabecera-testigo.testigo-dx{height:160px}
.cabecera-logo{position:relative;z-index:2;display:flex;align-items:center;margin-right:auto;color:var(--blanco);text-decoration:none;padding:8px 0}
.logo-caja{display:block;width:178px;overflow:hidden;transition:width var(--medio) var(--golpe)}
.logo-caja svg{width:178px;max-width:none;height:auto;overflow:visible}
.dl-logo .dl-medio{clip-path:polygon(0 0,104% 0,100% 100%,0 100%);
transition:clip-path var(--medio) var(--golpe),opacity var(--rapido) var(--curva)}
.dl-logo .dl-x{transition:transform var(--medio) var(--golpe)}
.cabecera.recogido .logo-caja{width:49px}
.cabecera.recogido .dl-medio{clip-path:polygon(0 0,0 0,-4% 100%,0 100%);opacity:0;transition-delay:0s,var(--medio)}
.cabecera.recogido .dl-x{transform:translateX(-746.9px)}
.cabecera-logo:hover .dl-x{filter:drop-shadow(0 0 6px rgba(255,140,40,.55))}
.menu-lista{display:flex;align-items:center;gap:2px;list-style:none}
.menu-enlace{position:relative;display:block;padding:10px 14px;color:rgba(255,255,255,.78);font-size:15px;font-weight:550;
letter-spacing:.005em;text-decoration:none;transition:color var(--rapido) var(--curva)}
.menu-enlace::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;background:var(--naranja);
transform:scaleX(0) skewX(-45deg);transform-origin:0 50%;transition:transform var(--medio) var(--golpe)}
.menu-enlace:hover,.menu-enlace:focus-visible,.menu-enlace[aria-current]{color:var(--blanco)}
.menu-enlace:hover::after,.menu-enlace:focus-visible::after,.menu-enlace[aria-current]::after{transform:scaleX(1) skewX(-45deg)}
.menu-enlace[aria-current]::after{background:var(--luz)}
.menu-extra,.menu-pie{display:none}
.cabecera-cta{--c:var(--corte-s);min-height:42px;padding:0 18px;font-size:14px;position:relative;z-index:2}
.menu-boton{position:relative;z-index:2;display:none;width:46px;height:46px;margin-right:-10px;border:0;background:none;cursor:pointer}
.menu-boton span,.menu-boton span::before{position:absolute;left:11px;display:block;height:2px;background:var(--blanco);
transition:transform var(--medio) var(--golpe),width var(--medio) var(--golpe),top var(--medio) var(--golpe)}
.menu-boton span{top:19px;width:24px}
.menu-boton span::before{content:"";left:0;top:8px;width:15px}
.menu-boton:hover span::before{width:24px}
.menu-boton[aria-expanded="true"] span{top:22px;transform:rotate(45deg)}
.menu-boton[aria-expanded="true"] span::before{top:0;width:24px;transform:rotate(-90deg)}
.cabecera-progreso{position:absolute;left:0;right:0;bottom:-2px;height:2px;pointer-events:none;
background:linear-gradient(90deg,var(--oro),var(--naranja) 40%,var(--naranja-luz) calc(100% - 90px),var(--ambar) calc(100% - 4px),#FFF4DC);
transform:translateX(calc(var(--leido,0) * 100% - 100%));opacity:0;transition:opacity var(--medio) var(--curva)}
.cabecera-progreso::after{content:"";position:absolute;right:0;top:-3px;width:28px;height:8px;
background:radial-gradient(closest-side,rgba(255,200,90,.85),transparent)}
.cabecera.scrolled .cabecera-progreso{opacity:1}
@supports (animation-timeline:scroll()){
.cabecera-progreso{animation:cab-lee linear both;animation-timeline:scroll(root block)}
@keyframes cab-lee{from{transform:translateX(-100%)}to{transform:none}}
}
@property --abre{syntax:"<length>";inherits:true;initial-value:0px}
@media (max-width:1080px){
.menu-boton{display:block}
.menu{--borde:calc(var(--abre) * .7071);position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:32px;
padding:calc(var(--cabecera) + 3vh) var(--margen) max(28px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;
background:linear-gradient(45deg,transparent calc(var(--borde) - 120px),rgba(236,107,0,.16) calc(var(--borde) - 40px),
rgba(255,140,40,.42) calc(var(--borde) - 4px),var(--ambar) calc(var(--borde) - 2px),#FFE7B0 calc(var(--borde) - .5px),transparent var(--borde)),
radial-gradient(circle,rgba(255,255,255,.075) 0 .9px,transparent 1.4px) 0 0/6px 6px,
radial-gradient(110% 60% at 0 100%,rgba(236,107,0,.26),transparent 62%),var(--noche);
clip-path:polygon(0 100%,0 calc(100% - var(--abre)),var(--abre) 100%);visibility:hidden;
transition:--abre .46s cubic-bezier(.55,0,.25,1),visibility 0s linear .46s}
.menu.abierto{--abre:calc(100vw + 100vh + 200px);visibility:visible;transition:--abre .64s cubic-bezier(.45,0,.15,1),visibility 0s}
.menu-lista{flex-direction:column;align-items:stretch;gap:0;counter-reset:menu}
.menu-lista li{counter-increment:menu;border-bottom:1px solid rgba(255,255,255,.09);opacity:0;transform:translate(-32px,32px);
transition:opacity .2s var(--curva),transform .2s var(--curva)}
.menu.abierto .menu-lista li{opacity:1;transform:none;transition:opacity .45s var(--curva),transform .8s var(--golpe)}
.menu.abierto .menu-lista li:nth-child(8){transition-delay:.2s}.menu.abierto .menu-lista li:nth-child(7){transition-delay:.23s}
.menu.abierto .menu-lista li:nth-child(6){transition-delay:.26s}.menu.abierto .menu-lista li:nth-child(5){transition-delay:.29s}
.menu.abierto .menu-lista li:nth-child(4){transition-delay:.32s}.menu.abierto .menu-lista li:nth-child(3){transition-delay:.35s}
.menu.abierto .menu-lista li:nth-child(2){transition-delay:.38s}.menu.abierto .menu-lista li:nth-child(1){transition-delay:.41s}
.menu-extra{display:block}
.menu-enlace{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:clamp(8px,1.4vh,14px) 0;color:var(--blanco);
font-size:clamp(22px,min(6.4vw,4.6vh),42px);font-weight:720;font-stretch:114%;letter-spacing:-.025em;line-height:1.1;
transition:color var(--rapido) var(--curva),transform var(--medio) var(--golpe)}
.menu-enlace::before{content:counter(menu,decimal-leading-zero);content:counter(menu,decimal-leading-zero) / "";order:2;
font:500 11px/1 var(--dato);letter-spacing:.1em;color:rgba(255,255,255,.42);transition:color var(--rapido) var(--curva)}
.menu-enlace::after{left:0;right:auto;width:48px;bottom:8px}
@media (hover:hover){.menu-enlace:hover{transform:translateX(8px)}}
.menu-enlace:hover::before,.menu-enlace[aria-current]::before{color:var(--naranja)}
.menu-enlace[aria-current]{color:var(--naranja)}
.menu-pie{display:grid;gap:18px;opacity:0;transform:translate(-24px,24px);transition:opacity .2s var(--curva),transform .2s var(--curva)}
.menu.abierto .menu-pie{opacity:1;transform:none;transition:opacity .45s var(--curva) .14s,transform .8s var(--golpe) .14s}
.menu-cta{width:100%;min-height:56px;font-size:16px}
.menu-contacto{display:flex;flex-wrap:wrap;gap:8px 24px;font:500 13px/1.4 var(--dato);letter-spacing:.02em}
.menu-contacto a{display:inline-block;padding:12px 0;color:rgba(255,255,255,.76);text-decoration:none}
.menu-contacto a:hover{color:var(--naranja)}
.menu.sin-paso,.menu.sin-paso *{transition:none!important}
html.menu-abierto{overflow:hidden;scrollbar-gutter:stable}
html.menu-abierto .cabecera::before,html.menu-abierto .cabecera-progreso{opacity:0}
}
@media (max-width:1080px) and (max-height:560px) and (orientation:landscape){
.menu{gap:20px;padding-top:calc(var(--cabecera) + 8px)}
.menu-lista{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(24px,5vw,56px)}
.menu-enlace{padding:10px 0;font-size:clamp(20px,5.2vh,28px)}
.menu-pie{grid-template-columns:auto 1fr;align-items:center;gap:12px 28px}
.menu-cta{min-height:50px}
}
@media (max-width:560px){
:root{--cabecera:64px}
.cabecera-cta{min-height:38px;padding:0 12px;font-size:13px}
.cabecera-cta::before{display:none}
.logo-caja,.logo-caja svg{width:130px}
.cabecera.recogido .logo-caja{width:42px}
}
html:not(.js) .cabecera::before{opacity:1}
.cabecera-logo{min-height:44px}
@media (max-width:1080px){html.menu-abierto .cabecera-barra::before{content:"";position:absolute;inset:0 calc(-1 * var(--margen));z-index:1;
background:linear-gradient(var(--noche) 72%,rgba(20,20,20,0));pointer-events:none}}
@media (max-width:340px){.cabecera-cta{display:none}}
main{--corte-hero:clamp(28px,5vw,80px)}
.page-hero{position:relative;z-index:1;isolation:isolate;display:flex;align-items:flex-end;
min-height:clamp(560px,82svh,860px);padding:calc(var(--cabecera) + 64px) 0 clamp(72px,11vh,128px);
background:var(--negro);color:var(--blanco);overflow:hidden;
clip-path:polygon(0 0,100% 0,100% calc(100% - var(--corte-hero)),calc(100% - var(--corte-hero)) 100%,0 100%)}
.page-hero + :is(.section,.features,.stats-banner){margin-top:calc(-1 * var(--corte-hero));padding-top:calc(var(--seccion) + var(--corte-hero))}
.page-hero:not(:has(p,.hero-actions)){min-height:clamp(420px,60svh,600px)}
@property --enciende{syntax:"<length>";inherits:true;initial-value:9999px}
.page-hero{animation:ph-enciende 1.4s cubic-bezier(.55,.05,.25,1) .1s both}
.page-hero .hero-img{position:absolute;inset:0;z-index:-4;background-size:cover;background-position:center;
filter:saturate(1.2) contrast(1.06) brightness(1.12);
transform-origin:65% 45%;animation:ph-acerca 2.6s var(--golpe) .1s both,ph-calibra 1.5s step-end .1s both}
.page-hero .hero-img::before{content:"";position:absolute;inset:-2px;z-index:1;pointer-events:none;
background:linear-gradient(45deg,transparent calc(var(--enciende) * .7071),var(--negro) calc(var(--enciende) * .7071))}
.page-hero .hero-img::after,.hero .hero-img::after{content:"";position:absolute;inset:0;
background:radial-gradient(circle at 50% 50%,transparent 0 36%,rgba(6,6,6,.6) 60%) 0 0/4px 4px}
.page-hero .hero-img::after{animation:ph-paso 1.5s step-end .1s both}
.page-hero .hero-overlay{position:absolute;inset:0;z-index:-3;background:
linear-gradient(90deg,rgba(11,11,11,.95) 0%,rgba(11,11,11,.8) 32%,rgba(11,11,11,.22) 72%,rgba(11,11,11,.3) 100%),
linear-gradient(0deg,rgba(11,11,11,.94) 0%,rgba(11,11,11,0) 52%),
linear-gradient(180deg,rgba(11,11,11,.55) 0%,rgba(11,11,11,0) 22%),
radial-gradient(50% 70% at 100% 100%,rgba(236,107,0,.5),transparent 70%)}
.page-hero .hero-overlay::before{content:"";position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none;
background:linear-gradient(45deg,transparent calc(var(--enciende) * .7071 - 150px),rgba(236,107,0,.3) calc(var(--enciende) * .7071 - 36px),
rgba(255,214,160,.75) calc(var(--enciende) * .7071 - 3px),var(--ambar) calc(var(--enciende) * .7071 - 2px),transparent calc(var(--enciende) * .7071))}
@property --foco-x{syntax:"<length-percentage>";inherits:true;initial-value:70%}
@property --foco-y{syntax:"<length-percentage>";inherits:true;initial-value:40%}
@property --foco-n{syntax:"<number>";inherits:true;initial-value:0}
.page-hero{--foco-x:var(--mx,70%);--foco-y:var(--my,40%);--foco-n:var(--foco,0);
transition:--foco-x .7s var(--golpe),--foco-y .7s var(--golpe),--foco-n .6s var(--curva)}
.page-hero .hero-overlay::after{content:"";position:absolute;inset:0;mix-blend-mode:screen;opacity:var(--foco-n);pointer-events:none;
background:radial-gradient(circle at 50% 50%,rgba(255,206,150,.9) 0 .9px,transparent 1.5px) 0 0/4px 4px,
radial-gradient(380px circle at var(--foco-x) var(--foco-y),rgba(255,140,40,.22),transparent 70%);
-webkit-mask:radial-gradient(300px circle at var(--foco-x) var(--foco-y),#000 0,rgba(0,0,0,.4) 45%,transparent 100%);
mask:radial-gradient(300px circle at var(--foco-x) var(--foco-y),#000 0,rgba(0,0,0,.4) 45%,transparent 100%)}
.page-hero::after{content:"";position:absolute;right:0;bottom:0;z-index:2;width:var(--corte-hero);height:var(--corte-hero);pointer-events:none;
background:linear-gradient(135deg,transparent calc(50% - 2.5px),var(--naranja) calc(50% - 2.5px),var(--ambar) 50%,transparent 50%),
linear-gradient(135deg,transparent 24%,rgba(236,107,0,.3) 50%,transparent 50%);
animation:ph-corte .8s var(--golpe) 1.1s both}
.page-hero .container{position:relative;z-index:1}
.page-hero.center{text-align:left}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:clamp(20px,3vh,32px);
font:500 11.5px/1.6 var(--dato);letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.74)}
.breadcrumb a{display:inline-block;padding:13px 0;margin:-9px 0;color:rgba(255,255,255,.84);text-decoration:none;
background:linear-gradient(var(--naranja),var(--naranja)) 0 calc(100% - 10px)/0 1px no-repeat;
transition:color var(--rapido) var(--curva),background-size var(--medio) var(--golpe)}
.breadcrumb a:hover{color:var(--blanco);background-size:100% 1px}
.breadcrumb .sep{color:var(--naranja)}
.page-hero h1{max-width:min(100%,17ch);font-size:clamp(2.45rem,1.15rem + 4.4vw,5.6rem);font-weight:780;font-stretch:116%;
line-height:.97;letter-spacing:-.035em;color:var(--blanco)}
.page-hero h1.largo{max-width:22ch;font-size:clamp(2.1rem,1.1rem + 3.1vw,4.2rem)}
.page-hero h1.muy-largo{max-width:30ch;font-size:clamp(1.8rem,1rem + 2.3vw,3.2rem);line-height:1.04}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
.page-hero h1{padding:.12em 0;margin:-.12em 0;-webkit-text-fill-color:transparent;
background:linear-gradient(60deg,var(--blanco) 44%,#FFE2B8 47.5%,var(--ambar) 50%,#FFE2B8 52.5%,var(--blanco) 56%) 100% 0/300% 100% no-repeat var(--blanco);
-webkit-background-clip:text;background-clip:text}
}
.page-hero p{max-width:46ch;margin-top:clamp(18px,2.6vh,28px);font-size:clamp(1.06rem,.95rem + .45vw,1.3rem);line-height:1.55;color:rgba(255,255,255,.78)}
.page-hero .hero-actions{margin-top:clamp(28px,4vh,44px)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.page-hero .btn.btn-light,.hero .btn.btn-light,.cta .btn.btn-light{color:var(--blanco);border-color:rgba(255,255,255,.4)}
.page-hero .btn.btn-light:hover,.hero .btn.btn-light:hover{border-color:var(--blanco);background:rgba(255,255,255,.08)}
.article-meta{display:inline-flex;align-items:center;gap:10px;font:500 12.5px/1 var(--dato)!important;letter-spacing:.06em;
text-transform:uppercase;color:rgba(255,255,255,.7)!important}
.article-meta::before{content:"";width:12px;height:12px;background:var(--naranja);clip-path:polygon(55% 0,100% 0,45% 100%,0 100%)}
.hero-pitch{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid rgba(236,107,0,.6);
font:600 15px/1 var(--dato);letter-spacing:.02em;color:var(--naranja);background:rgba(236,107,0,.1);
text-shadow:0 0 18px rgba(255,106,0,.65);border-radius:var(--corte-s) 0;corner-shape:bevel}
@supports not (corner-shape:bevel){.hero-pitch{border-radius:0;
clip-path:polygon(var(--corte-s) 0,100% 0,100% calc(100% - var(--corte-s)),calc(100% - var(--corte-s)) 100%,0 100%,0 var(--corte-s))}}
.page-hero .breadcrumb,.page-hero p,.page-hero .hero-actions{animation:entra-45 .9s var(--golpe) both}
.page-hero .breadcrumb{animation-delay:.2s}
.page-hero h1{animation:ph-h1-entra 1s var(--golpe) .3s backwards,ph-haz 1.7s cubic-bezier(.45,0,.3,1) 1.1s both}
.page-hero p{animation-delay:.46s}
.page-hero .hero-actions{animation-delay:.58s}
.rayos{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;--d:130vmax}
.rayos i{position:absolute;bottom:0;left:var(--x);width:calc(var(--l) + var(--w));height:var(--l);
background:linear-gradient(45deg,var(--oro),var(--naranja));clip-path:polygon(var(--l) 0,100% 0,var(--w) 100%,0 100%);
opacity:.9;transform:translate(calc(-1 * var(--d)),var(--d));animation:rayo 1.25s var(--curva) both;animation-delay:calc(var(--i,0) * 110ms + 80ms)}
.rayos i:nth-child(even){background:linear-gradient(45deg,var(--naranja),var(--coral))}
@keyframes ph-acerca{from{transform:scale(1.12)}}
@keyframes ph-calibra{0%{filter:blur(10px) saturate(.45) contrast(1.06) brightness(1.75)}42%{filter:blur(6px) saturate(.6) contrast(1.06) brightness(1.55)}
54%{filter:blur(3.5px) saturate(.8) contrast(1.06) brightness(1.4)}66%{filter:blur(2px) saturate(.95) contrast(1.06) brightness(1.28)}
77%{filter:blur(1px) saturate(1.1) contrast(1.06) brightness(1.18)}87%,100%{filter:saturate(1.2) contrast(1.06) brightness(1.12)}}
@keyframes ph-paso{
0%{background:radial-gradient(circle at 50% 50%,transparent 0 40%,rgba(4,4,4,.9) 54%) 0 0/26px 26px}
42%{background:radial-gradient(circle at 50% 50%,transparent 0 39%,rgba(4,4,4,.86) 55%) 0 0/18px 18px}
54%{background:radial-gradient(circle at 50% 50%,transparent 0 38%,rgba(5,5,5,.8) 56%) 0 0/12px 12px}
66%{background:radial-gradient(circle at 50% 50%,transparent 0 37%,rgba(5,5,5,.72) 58%) 0 0/8px 8px}
77%{background:radial-gradient(circle at 50% 50%,transparent 0 36%,rgba(6,6,6,.66) 59%) 0 0/6px 6px}
87%,100%{background:radial-gradient(circle at 50% 50%,transparent 0 36%,rgba(6,6,6,.6) 60%) 0 0/4px 4px}}
@keyframes ph-enciende{from{--enciende:0px}to{--enciende:calc(100vw + 100vh + 400px)}}
@keyframes entra-45{from{opacity:0;transform:translate(-32px,32px)}}
@keyframes ph-h1-entra{from{opacity:0;transform:translate(-40px,40px);clip-path:polygon(0 100%,0 100%,0 100%)}
to{clip-path:polygon(0 100%,0 -300%,400% 100%)}}
@keyframes ph-haz{from{background-position:100% 0}to{background-position:0 0}}
@keyframes ph-corte{from{clip-path:inset(100% 100% 0 0)}to{clip-path:inset(0)}}
@keyframes rayo{from{transform:translate(calc(-1 * var(--d)),var(--d))}to{transform:translate(var(--d),calc(-1 * var(--d)))}}
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
.page-hero{view-timeline:--hero block;view-timeline-inset:0}
.page-hero .hero-img{animation:ph-acerca 2.6s var(--golpe) .1s both,ph-calibra 1.5s step-end .1s both,ph-paralaje linear both;
animation-timeline:auto,auto,--hero;animation-range:normal,normal,exit 0% exit 100%}
.page-hero .container{animation:ph-sale linear both;animation-timeline:--hero;animation-range:exit 5% exit 85%}
}
}
@keyframes ph-paralaje{to{translate:0 28%}}
@keyframes ph-sale{to{translate:0 -56px;opacity:.1}}
@media (max-width:720px){
.page-hero{min-height:clamp(520px,88svh,720px);padding-bottom:76px}
.page-hero .hero-overlay{background:linear-gradient(0deg,rgba(11,11,11,.96) 0%,rgba(11,11,11,.8) 42%,rgba(11,11,11,.32) 100%),
radial-gradient(80% 50% at 100% 100%,rgba(236,107,0,.4),transparent 70%)}
.page-hero:not(:has(p,.hero-actions)){min-height:clamp(380px,56svh,520px)}
.hero-actions .btn{flex:1 1 220px}
}
@media (forced-colors:active){.page-hero h1{-webkit-text-fill-color:currentColor;background:none}}
@media (prefers-reduced-motion:reduce){
.page-hero,.page-hero .hero-img,.page-hero .hero-img::after,.page-hero::after,.page-hero :is(.breadcrumb,h1,p,.hero-actions){animation:none}
}
main{--corte-cta:clamp(36px,6vw,96px)}
.section,.features,.tipos,.intro,.logos{position:relative;padding:var(--seccion) 0}
.section-tint{background:var(--papel-2)}
.section-dark{background:radial-gradient(70% 55% at 0% 0%,rgba(236,107,0,.075),transparent 70%) var(--noche);color:rgba(255,255,255,.74)}
.section-dark :is(h2,h3,h4,strong){color:var(--blanco)}
:is(.section-tint:has(+ .section-tint),.section:not(.section-tint,.section-dark):has(+ .section:not(.section-tint,.section-dark)),
.section-dark:has(+ .section-dark)){padding-bottom:calc(var(--seccion) * .55)}
:is(.section-tint + .section-tint,.section:not(.section-tint,.section-dark) + .section:not(.section-tint,.section-dark),
.section-dark + .section-dark){padding-top:calc(var(--seccion) * .55)}
:is(.section-tint + .section-tint,.section:not(.section-tint,.section-dark) + .section:not(.section-tint,.section-dark),
.section-dark + .section-dark)::before{content:"";position:absolute;top:0;height:1px;
left:max(var(--margen),calc((100% - var(--ancho)) / 2));right:max(var(--margen),calc((100% - var(--ancho)) / 2));
background:linear-gradient(90deg,var(--naranja) 0 28px,transparent 28px 40px,var(--linea) 40px)}
.section-dark + .section-dark::before{background:linear-gradient(90deg,var(--naranja) 0 28px,transparent 28px 40px,rgba(255,255,255,.12) 40px)}
:is(.section-tint + .section-tint,.section:not(.section-tint,.section-dark) + .section:not(.section-tint,.section-dark)):has(> .container > .content:first-child)::before{
left:max(var(--margen),calc((100% - 768px) / 2));right:max(var(--margen),calc((100% - 768px) / 2))}
.section-header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:20px clamp(32px,6vw,104px);
margin-bottom:clamp(40px,5vw,72px)}
.section-header:not(:has(p)){grid-template-columns:minmax(0,1fr)}
.section-header h2{font-size:clamp(2rem,1.15rem + 2.7vw,3.75rem);font-weight:760;font-stretch:112%;line-height:1;letter-spacing:-.035em;color:var(--noche)}
.section-header h2::before{content:"";display:block;width:38px;height:12px;margin-bottom:22px;background:var(--naranja);
clip-path:polygon(32% 0,100% 0,68% 100%,0 100%);transform-origin:0 50%}
.section-header p{max-width:44ch;padding-left:clamp(0px,1.6vw,24px);border-left:1px solid var(--linea);font-size:1.125rem;line-height:1.55;color:var(--tinta-2)}
.section-dark .section-header h2{color:var(--blanco)}
.section-dark .section-header p{border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.66)}
.section-header.revela h2::before{transform:scaleX(0);transition:transform .8s var(--golpe) .25s}
.section-header.revela.visible h2::before{transform:none}
.features{counter-reset:rasgo}
.features-grid{counter-increment:rasgo;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,7vw,120px)}
.features-grid + .features-grid{margin-top:clamp(72px,10vw,150px)}
.feature-visual{--c:var(--corte-xl);position:relative;aspect-ratio:4/3;overflow:hidden;background-color:var(--noche);
background-size:cover;background-position:center;box-shadow:0 40px 80px -40px rgba(0,0,0,.45);
transition:filter var(--lento) var(--curva)}
.feature-visual::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
background:radial-gradient(circle at 50% 50%,transparent 0 36%,rgba(6,6,6,.55) 62%) 0 0/4px 4px;transition:opacity var(--lento) var(--curva)}
.feature-visual::after{content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(45deg,transparent 30%,var(--haz) 50%,transparent 70%);transform:translate(-100%,100%)}
.features-grid:hover .feature-visual{filter:saturate(1.15) contrast(1.06)}
.features-grid:hover .feature-visual::before{opacity:1}
.features-grid:hover .feature-visual::after{transform:translate(100%,-100%);transition:transform 1.1s var(--curva)}
.feature-text::before{content:counter(rasgo,decimal-leading-zero);content:counter(rasgo,decimal-leading-zero) / "";
display:block;width:max-content;margin-bottom:clamp(18px,2vw,26px);padding-right:84px;font:500 12px/1 var(--dato);letter-spacing:.1em;
color:var(--naranja-tinta);background:linear-gradient(currentColor,currentColor) right 50%/64px 1px no-repeat}
.feature-text h2,.feature-text h3{font-size:clamp(1.75rem,1.05rem + 1.9vw,2.9rem);font-weight:750;font-stretch:108%;line-height:1.04;
letter-spacing:-.03em;color:var(--noche)}
.feature-text p{max-width:50ch;margin:clamp(16px,2vw,24px) 0 clamp(22px,2.6vw,32px);font-size:1.125rem;color:var(--tinta-2)}
.section-dark .feature-text::before{color:var(--naranja)}
.feature-text:has(> .ceja)::before{content:none}
.section-dark .feature-text h2,.section-dark .feature-text h3{color:var(--blanco)}
.section-dark .feature-text p{color:rgba(255,255,255,.66)}
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
.feature-visual{background-size:auto 116%;animation:sec-foto-desliza linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
}
}
@keyframes sec-foto-desliza{from{background-position:50% 0%}to{background-position:50% 100%}}
.stats-banner{position:relative;isolation:isolate;overflow:hidden;padding:clamp(80px,10vw,140px) 0;background:var(--noche);color:var(--blanco)}
.stats-banner::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;
background:radial-gradient(circle,rgba(255,255,255,.08) 0 1px,transparent 1.6px) 0 0/14px 14px;
-webkit-mask:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}
.stats-banner::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
background:radial-gradient(50% 120% at 0% 100%,rgba(236,107,0,.1),transparent 70%)}
.stats-banner .container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.stats-banner .container>div{padding:0 clamp(16px,2.4vw,36px) 4px;border-left:1px solid rgba(255,255,255,.12)}
.stats-banner .container>div::before{content:"";display:block;width:min(100%,186px);height:6px;margin-bottom:clamp(24px,3vw,36px);background:var(--luz);
-webkit-mask:repeating-linear-gradient(90deg,#000 0 8px,transparent 8px 11px);mask:repeating-linear-gradient(90deg,#000 0 8px,transparent 8px 11px)}
.stats-banner .container>div.revela::before{clip-path:inset(0 100% 0 0);transition:clip-path .9s steps(17,end) .35s}
.stats-banner .container>div.revela.visible::before{clip-path:inset(0)}
.sb-number{width:max-content;font:600 clamp(2.1rem,1rem + 3vw,4.2rem)/1 var(--dato);font-stretch:87.5%;letter-spacing:-.05em;white-space:nowrap;
background:var(--luz);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.sb-label{margin-top:16px;font:500 11.5px/1.5 var(--dato);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.64)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.section-header + .chips,.center .chips{justify-content:flex-start}
.chip{--c:var(--corte-s);position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:12px;
min-height:46px;padding:12px 18px;border:1px solid var(--linea);background:var(--blanco);color:var(--grafito);font-size:15px;font-weight:600;
line-height:1.2;text-decoration:none;transition:color var(--rapido) var(--curva),border-color var(--rapido) var(--curva)}
.chip::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--noche);transform:translate(-101%,101%);
transition:transform var(--medio) var(--golpe)}
.chip::after{content:"";width:9px;height:9px;flex:none;background:var(--naranja);
clip-path:polygon(0 0,100% 0,100% 100%,78% 100%,78% 37%,16% 99%,1% 84%,63% 22%,0 22%);transition:transform var(--rapido) var(--golpe)}
.chip:hover{color:var(--blanco);border-color:var(--noche)}
.chip:hover::before{transform:none}
.chip:hover::after{transform:translate(2px,-2px)}
.section-tint .chip{background:var(--blanco)}
.section-dark .chip{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);color:var(--blanco)}
.section-dark .chip::before{background:var(--naranja)}
.section-dark .chip:hover{color:var(--noche);border-color:var(--naranja)}
.section-dark .chip:hover::after{background:var(--noche)}
.cta{position:relative;isolation:isolate;overflow:hidden;margin-top:calc(-1 * var(--corte-cta));padding:clamp(112px,15vw,220px) 0;
background:linear-gradient(135deg,transparent 50%,var(--ambar) 50%,var(--naranja) calc(50% + 2.5px),transparent calc(50% + 2.5px)) 0 0/var(--corte-cta) var(--corte-cta) no-repeat,
linear-gradient(135deg,transparent calc(var(--corte-cta) * .7071),rgba(236,107,0,.28) calc(var(--corte-cta) * .7071),transparent calc(var(--corte-cta) * .7071 + 34px)) 0 0/calc(var(--corte-cta) + 60px) calc(var(--corte-cta) + 60px) no-repeat,
var(--negro);
color:var(--blanco);clip-path:polygon(var(--corte-cta) 0,100% 0,100% 100%,0 100%,0 var(--corte-cta))}
:is(.section,.features):has(+ .cta){padding-bottom:calc(var(--seccion) + var(--corte-cta))}
.cta::before{content:"";position:absolute;inset:0;z-index:-2;
background:radial-gradient(55% 70% at 0% 0%,rgba(236,107,0,.2),transparent 70%),
radial-gradient(60% 80% at 100% 45%,rgba(236,107,0,.26),transparent 65%),
radial-gradient(circle,rgba(255,255,255,.06) 0 1px,transparent 1.6px) 0 0/12px 12px;
-webkit-mask:linear-gradient(#000 70%,transparent);mask:linear-gradient(#000 70%,transparent)}
.cta::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
background:radial-gradient(circle,rgba(255,150,60,.75) 0 1.1px,transparent 1.7px) 0 0/12px 12px;
-webkit-mask:radial-gradient(42% 60% at 100% 45%,#000,transparent 75%),
radial-gradient(240px circle at var(--foco-x) var(--foco-y),rgb(0 0 0 / var(--foco-n)),transparent 100%);
mask:radial-gradient(42% 60% at 100% 45%,#000,transparent 75%),
radial-gradient(240px circle at var(--foco-x) var(--foco-y),rgb(0 0 0 / var(--foco-n)),transparent 100%);
animation:sec-cta-respira 4.8s ease-in-out infinite alternate}
.cta{--foco-x:var(--mx,85%);--foco-y:var(--my,45%);--foco-n:var(--foco,0);
transition:--foco-x .7s var(--golpe),--foco-y .7s var(--golpe),--foco-n .6s var(--curva)}
.cta-inner{position:relative;width:100%;max-width:calc(var(--ancho) + 2 * var(--margen));margin:0 auto;padding:0 var(--margen)}
.cta h2{max-width:13ch;font-size:clamp(2.6rem,1rem + 5.4vw,6.6rem);font-weight:800;font-stretch:118%;line-height:.94;letter-spacing:-.045em}
.cta p{max-width:52ch;margin:clamp(22px,3vw,36px) 0 clamp(32px,4vw,48px);font-size:clamp(1.06rem,1rem + .3vw,1.25rem);color:rgba(255,255,255,.72)}
.cta a[href^="tel:"]{white-space:nowrap}
.cta p a{color:var(--blanco)!important;text-decoration-color:var(--naranja)!important;text-underline-offset:4px}
.cta .btn{min-height:58px;padding:0 32px;font-size:16px}
.cta .rayos{z-index:-1;--d:110vmax}
.cta .rayos i{opacity:.55;animation:rayo 5.6s var(--curva) infinite;animation-delay:calc(var(--i,0) * -1.1s)}
@keyframes sec-cta-respira{from{opacity:.35}to{opacity:1}}
@supports (animation-timeline:view()) and ((-webkit-background-clip:text) or (background-clip:text)){
@media (prefers-reduced-motion:no-preference){
.cta h2{padding:.1em 0;margin:-.1em 0;-webkit-text-fill-color:transparent;
background:linear-gradient(60deg,var(--blanco) 44%,#FFE2B8 47.5%,var(--ambar) 50%,#FFE2B8 52.5%,var(--blanco) 56%) 100% 0/300% 100% no-repeat var(--blanco);
-webkit-background-clip:text;background-clip:text;animation:ph-haz linear both;animation-timeline:view();animation-range:entry 60% cover 55%}
}
}
@media (max-width:900px){
.section-header{grid-template-columns:minmax(0,1fr);align-items:start}
.section-header p{padding-left:16px}
.features-grid{grid-template-columns:minmax(0,1fr);gap:32px}
.features-grid .feature-visual{order:-1}
.stats-banner .container{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:56px}
}
@media (forced-colors:active){
.cta h2,.sb-number{-webkit-text-fill-color:currentColor;background:none;color:CanvasText}
}
@media (prefers-reduced-motion:reduce){.cta::after{animation:none}}
html.js :is(.hero,.page-hero) ~ :is(.productos,.features):not(.cerca) :is(.card-bg,.feature-visual),html.js .model-card:not(.cerca) .model-img{background-image:none!important}
:is(.features,.stats-banner,.tipos)>.container{position:relative;z-index:1}
.led-rejilla,.card-bg::after,.model-img::after,.project-card::before,.blog-img::after,.gallery a::after{
content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
background:linear-gradient(45deg,transparent 40%,var(--haz) 50%,transparent 60%) 100% 0/300% 300% no-repeat,
radial-gradient(circle at 50% 50%,transparent 0 34%,rgba(8,8,8,.55) 62%) 0 0/var(--pixel,4px) var(--pixel,4px);
opacity:var(--reposo,0);transition:opacity var(--medio) var(--curva),background-position 0s linear var(--medio)}
:is(.card,.model-card,.blog-card,.gallery a):is(:hover,:focus-visible) :is(.card-bg,.model-img,.blog-img)::after,
.project-card:is(:hover,:focus-visible)::before,.gallery a:is(:hover,:focus-visible)::after{
opacity:.8;background-position:0 100%,0 0;transition:opacity var(--medio) var(--curva),background-position 1.1s var(--curva)}
@keyframes tj-enciende{from{filter:brightness(.16) saturate(0)}}
@keyframes tj-pixeles{from{opacity:1}}
:is(.projects,.gallery)>.revela.visible img,.blog-grid>.revela.visible .blog-img{animation:tj-enciende 1.3s var(--curva) calc(var(--i,0) * 70ms + 160ms) backwards}
.projects>.revela.visible::before,.gallery>.revela.visible::after,.blog-grid>.revela.visible .blog-img::after{
animation:tj-pixeles 1.6s var(--curva) calc(var(--i,0) * 70ms + 260ms) backwards}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.card{--c:var(--corte-l);position:relative;display:block;overflow:hidden;aspect-ratio:3/4;background:var(--noche);color:var(--blanco);text-decoration:none}
.card-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.1s var(--golpe),filter var(--medio) var(--curva)}
.card:is(:hover,:focus-visible) .card-bg{transform:scale(1.07);filter:saturate(1.15) contrast(1.05)}
.card-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(20px,2.4vw,32px);
background:linear-gradient(0deg,rgba(8,8,8,.92) 0%,rgba(8,8,8,.4) 50%,rgba(8,8,8,0) 78%)}
.card-accent{width:30px;height:10px;margin-bottom:18px;background:var(--naranja);clip-path:polygon(32% 0,100% 0,68% 100%,0 100%);
transition:width var(--medio) var(--golpe)}
.card:is(:hover,:focus-visible) .card-accent{width:56px}
.card-overlay h3{font-size:clamp(1.3rem,1rem + .8vw,1.7rem);font-weight:740;font-stretch:108%;letter-spacing:-.02em}
.card-overlay p{margin-top:10px;font-size:.95rem;line-height:1.45;color:rgba(255,255,255,.76)}
.feature-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.fc{--c:var(--corte-l);position:relative;overflow:hidden;padding:clamp(24px,2.6vw,36px);background:var(--blanco);border:1px solid var(--linea);
transition:border-color var(--rapido) var(--curva),background-color var(--medio) var(--curva)}
.fc::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(45deg,transparent 30%,rgba(236,107,0,.14) 50%,transparent 70%);
transform:translate(-100%,100%)}
.fc:hover::after{transform:translate(100%,-100%);transition:transform var(--lento) var(--curva)}
.fc:hover{border-color:var(--acero)}
.fc .fc-num{display:block;margin-bottom:clamp(40px,5vw,72px);font:600 clamp(2.4rem,1.6rem + 2vw,3.6rem)/1 var(--dato);letter-spacing:-.06em;
color:transparent;-webkit-text-stroke:1.2px var(--naranja)}
.fc h3{font-size:1.25rem;font-weight:720;letter-spacing:-.015em;color:var(--noche)}
.fc p{margin-top:10px;font-size:.98rem;line-height:1.55;color:var(--tinta-2)}
.project-cap::before,.model-card::before{content:"";position:absolute;left:0;top:0;z-index:3;width:calc(var(--c) + 6px);
height:calc(var(--c) + 6px);background:var(--naranja);clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none;
transform:translate(-101%,-101%);transition:transform var(--medio) var(--golpe)}
.models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.model-card{--c:var(--corte-l);position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--blanco);
border:1px solid var(--linea);color:var(--grafito);text-decoration:none;
transition:border-color var(--rapido) var(--curva),box-shadow var(--medio) var(--curva)}
.model-card:is(:hover,:focus-visible){border-color:var(--acero);box-shadow:0 28px 56px -36px rgba(20,20,20,.45)}
.model-card:is(:hover,:focus-visible)::before{transform:none}
.model-img{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--papel-2) center/cover no-repeat}
.model-img::before{content:"";position:absolute;inset:0;background:inherit;transition:transform .9s var(--golpe)}
.model-card:is(:hover,:focus-visible) .model-img::before{transform:scale(1.06)}
.model-card:is(:hover,:focus-visible) .model-img::after{opacity:1}
.model-img::after{mix-blend-mode:multiply;
background:linear-gradient(45deg,transparent 40%,var(--haz) 50%,transparent 60%) 100% 0/300% 300% no-repeat,
radial-gradient(circle at 50% 50%,rgba(236,107,0,.7) 0 20%,rgba(236,107,0,.18) 30%,transparent 42%) 0 0/var(--pixel,4px) var(--pixel,4px);
-webkit-mask:linear-gradient(45deg,#000 10%,rgba(0,0,0,.25) 75%);mask:linear-gradient(45deg,#000 10%,rgba(0,0,0,.25) 75%)}
.model-body{position:relative;flex:1;display:grid;align-content:start;gap:6px;justify-items:start;padding:18px 20px 22px;background:var(--blanco)}
.model-body::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--luz);transform:scaleX(0);transform-origin:0 50%;
transition:transform var(--lento) var(--golpe)}
.model-card:is(:hover,:focus-visible) .model-body::before{transform:none}
.model-pitch{display:inline-flex;padding:6px 10px;background:var(--noche);color:var(--naranja);font:600 13px/1 var(--dato);letter-spacing:.02em;
text-shadow:0 0 12px rgba(255,106,0,.7);border-radius:var(--corte-s) 0;corner-shape:bevel}
.model-body h3{margin-top:6px;font-size:1.06rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--noche);text-wrap:pretty}
.model-body p{font:500 11.5px/1.4 var(--dato);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2)}
.section-dark .model-card{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1)}
.section-dark .model-body{background:transparent}
.section-dark .model-body h3{color:var(--blanco)}
.section-dark .model-body p{color:rgba(255,255,255,.6)}
@counter-style dl-tres{system:extends decimal;pad:3 "0"}
.projects{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);counter-reset:obra}
@media (min-width:653px){.projects{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:961px){.projects{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1321px){.projects{grid-template-columns:repeat(5,minmax(0,1fr))}}
:is(.projects,.gallery)::before{--r:280px;content:"";position:absolute;left:0;top:0;z-index:-1;width:calc(2 * var(--r));height:calc(2 * var(--r));
margin:calc(-1 * var(--r)) 0 0 calc(-1 * var(--r));pointer-events:none;opacity:0;
background:radial-gradient(closest-side,rgba(255,106,0,.62),rgba(236,107,0,.2) 46%,transparent);
transform:translate(var(--fx,0px),var(--fy,0px));transition:opacity var(--lento) var(--curva);
clip-path:inset(max(0px,calc(var(--r) - var(--fy,0px))) max(0px,calc(var(--fx,0px) + var(--r) - var(--gw,0px)))
max(0px,calc(var(--fy,0px) + var(--r) - var(--gh,0px))) max(0px,calc(var(--r) - var(--fx,0px))))}
:is(.projects,.gallery).foco::before{opacity:1}
.project-card,.gallery a{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.075) 0 34%,transparent 40%) 0 0/4px 4px,var(--negro)}
.project-card img,.gallery img{position:absolute;inset:0;width:min(100%,var(--nw,100%));height:min(100%,var(--nh,100%));margin:auto;object-fit:cover}
.project-card img,.gallery a:not(.chica) img{outline:1px solid rgba(255,255,255,.12);outline-offset:0}
.project-card{--c:var(--corte-m);position:relative;display:block;overflow:hidden;aspect-ratio:4/3;color:var(--blanco);
text-decoration:none;counter-increment:obra}
.projects>.project-card{content-visibility:auto;contain-intrinsic-size:auto 300px}
.project-card img,.gallery img{transition:transform 1.1s var(--golpe),filter var(--medio) var(--curva),opacity var(--medio) var(--curva)}
.projects>.relleno{--c:var(--corte-m);min-height:100%;border-radius:var(--c) 0;corner-shape:bevel;pointer-events:none;
background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.075) 0 34%,transparent 40%) 0 0/4px 4px,
radial-gradient(70% 90% at 100% 100%,rgba(236,107,0,.28),transparent 70%),var(--negro)}
@supports not (corner-shape:bevel){.projects>.relleno{border-radius:0;
clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}}
:is(.projects,.gallery).foco>:not(:hover,:focus-visible) img{opacity:.42}
.project-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
background:linear-gradient(0deg,rgba(8,8,8,.94) 0%,rgba(8,8,8,.72) 28%,rgba(8,8,8,.18) 62%,rgba(8,8,8,0) 80%)}
.project-card:is(:hover,:focus-visible) img{transform:scale(1.06);filter:saturate(1.2) contrast(1.06)}
.project-cap{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:9px;
padding:clamp(14px,1.4vw,20px)}
.project-cap>span:first-child{max-width:34ch;color:var(--blanco);font-size:var(--t,.95rem);font-weight:650;line-height:1.28;letter-spacing:-.005em;
text-shadow:0 1px 14px rgba(0,0,0,.55);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
transform:translateY(0);transition:transform var(--medio) var(--golpe)}
.project-cap .pc-link{padding-bottom:3px;color:var(--naranja);font:500 11px/1.4 var(--dato);letter-spacing:.08em;text-transform:uppercase}
.project-card:is(:hover,:focus-visible) .project-cap>span:first-child{transform:translateY(-3px)}
.project-cap::after{content:counter(obra,dl-tres);content:counter(obra,dl-tres) / "";position:absolute;top:clamp(10px,1.1vw,16px);right:clamp(10px,1.1vw,16px);
padding:5px 7px;background:rgba(8,8,8,.62);color:rgba(255,255,255,.86);font:500 10.5px/1 var(--dato);letter-spacing:.08em;
transition:background-color var(--rapido) var(--curva),color var(--rapido) var(--curva)}
.project-card:is(:hover,:focus-visible) .project-cap::after{background:var(--naranja);color:var(--noche)}
.project-card:is(:hover,:focus-visible) .project-cap::before{transform:none}
.projects>.grande{grid-column:span 2;grid-row:span 2;place-self:stretch;aspect-ratio:auto;--t:clamp(1.1rem,.75rem + .7vw,1.5rem);--reposo:.22}
.projects>.grande .project-cap{gap:12px;padding:clamp(18px,1.8vw,26px)}
.projects>.grande .pc-link{font-size:12px}
@media (max-width:652px){.projects>.grande{grid-row:auto;aspect-ratio:16/10;--t:1.05rem}}
.projects-count{margin-bottom:clamp(28px,3vw,40px);font:500 13px/1.4 var(--dato);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2)}
.section-dark .projects-count{color:rgba(255,255,255,.62)}
.projects-count b{display:block;margin-bottom:10px;font:800 clamp(3.4rem,2rem + 4vw,6rem)/.9 var(--texto);font-stretch:118%;letter-spacing:-.05em;
color:var(--blanco);text-shadow:0 0 34px rgba(255,106,0,.35)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,4vw,60px) clamp(16px,1.8vw,28px)}
.blog-card{--c:0px;position:relative;display:flex;flex-direction:column;color:var(--grafito);text-decoration:none;background:none}
.blog-img{--c:var(--corte-l);position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--papel-2) 50% 50%/100% 100% no-repeat;
border-radius:var(--c) 0;corner-shape:bevel;transition:background-size 1.1s var(--golpe),filter var(--medio) var(--curva)}
@supports not (corner-shape:bevel){.blog-img{border-radius:0;clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}}
html.js .blog-img:not(.cerca){background-image:none!important}
.blog-img[style*="#1a1a1a"]{background:var(--noche) url('/_img/marca/dreamlux-sin-foto-600x450.webp') 50% 50%/cover no-repeat!important}
.blog-card:is(:hover,:focus-visible) .blog-img{background-size:106% 106%;filter:saturate(1.15) contrast(1.05)}
.blog-img.a-su-tamano{background-image:var(--foto),radial-gradient(circle at 50% 50%,rgba(255,255,255,.075) 0 34%,transparent 40%)!important;
background-color:var(--noche);background-position:50% 50%,0 0;background-repeat:no-repeat,repeat;background-size:min(100%,var(--nw)) auto,4px 4px}
.blog-card:is(:hover,:focus-visible) .blog-img.a-su-tamano{background-size:min(106%,var(--nw)) auto,4px 4px}
.blog-card:is(:hover,:focus-visible) .blog-img::after{opacity:.7}
.blog-card:focus-visible{outline:0}
.blog-card:focus-visible .blog-img{outline:2px solid var(--naranja);outline-offset:3px}
.blog-body{display:grid;gap:10px;padding:20px 4px 0}
.blog-date{display:flex;align-items:center;gap:8px;color:var(--naranja-tinta);font:500 11.5px/1.4 var(--dato);letter-spacing:.07em;text-transform:uppercase}
.blog-date::before{content:"";width:10px;height:10px;background:var(--naranja);clip-path:polygon(55% 0,100% 0,45% 100%,0 100%)}
.blog-date::after{content:"";width:11px;height:11px;margin-left:auto;background:var(--noche);
clip-path:polygon(0 0,100% 0,100% 100%,78% 100%,78% 37%,16% 99%,1% 84%,63% 22%,0 22%);opacity:0;transform:translate(-8px,8px);
transition:opacity var(--rapido) var(--curva),transform var(--medio) var(--golpe)}
.blog-card:is(:hover,:focus-visible) .blog-date::after{opacity:1;transform:none}
.blog-body h3{font-size:1.25rem;font-weight:720;line-height:1.2;letter-spacing:-.015em;color:var(--noche);
background:linear-gradient(var(--naranja),var(--naranja)) 0 100%/0 2px no-repeat;transition:background-size var(--medio) var(--golpe)}
.blog-card:is(:hover,:focus-visible) h3{background-size:100% 2px}
.blog-body p{font-size:.98rem;line-height:1.55;color:var(--tinta-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:821px){
.blog-grid>.blog-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:center;
padding-bottom:clamp(36px,4vw,60px);border-bottom:1px solid var(--linea)}
.blog-grid>.blog-card:first-child .blog-body{grid-column:2/-1;gap:16px;padding:0 0 0 clamp(4px,1.6vw,28px)}
.blog-grid>.blog-card:first-child h3{max-width:24ch;font-size:clamp(1.7rem,1.1rem + 1.6vw,2.6rem);font-weight:760;font-stretch:110%;line-height:1.04;
letter-spacing:-.03em;background-position:0 100%;padding-bottom:6px}
.blog-grid>.blog-card:first-child p{max-width:58ch;font-size:1.1rem;-webkit-line-clamp:3}
}
.gallery{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,16px)}
.gallery a{--c:var(--corte-m);position:relative;display:block;overflow:hidden;aspect-ratio:4/3;cursor:zoom-in}
.gallery a.chica img{width:auto;height:auto;max-width:68%;max-height:68%;object-fit:contain}
.gallery a:is(:hover,:focus-visible) img{transform:scale(1.05);filter:saturate(1.15) contrast(1.05)}
.gallery a.chica:is(:hover,:focus-visible) img{transform:none}
.gallery a::before{content:"";position:absolute;right:0;bottom:0;z-index:2;width:46px;height:46px;pointer-events:none;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23141414' d='M7 0h5v5h-1.6V2.7L7.1 6 6 4.9 9.3 1.6H7zM5 12H0V7h1.6v2.3L4.9 6 6 7.1 2.7 10.4H5z'/%3E%3C/svg%3E") right 9px bottom 9px/12px 12px no-repeat,
linear-gradient(to top left,var(--naranja) 50%,transparent 50%);opacity:0;transform:translate(10px,10px);
transition:opacity var(--rapido) var(--curva),transform var(--medio) var(--golpe)}
.gallery a:is(:hover,:focus-visible)::before{opacity:1;transform:none}
.gallery a:focus-visible,.project-card:focus-visible,.model-card:focus-visible{outline-offset:4px}
@media (min-width:821px){
.js .gallery:not(.llana){grid-template-columns:repeat(12,minmax(0,1fr))}
.js .gallery:not(.llana)>a{grid-column:span 4}
.js .gallery:not(.llana)>a:first-child{grid-column:span 6;grid-row:span 2;place-self:stretch;aspect-ratio:auto;--reposo:.22}
.js .gallery:not(.llana):has(>a:nth-child(2):last-child)>a:first-child{grid-column:span 7;grid-row:auto;aspect-ratio:4/3}
.js .gallery:not(.llana):has(>a:nth-child(2):last-child)>a:last-child{grid-column:span 5;aspect-ratio:auto;place-self:stretch}
.js .gallery:not(.llana):has(>a:nth-child(3):last-child)>a:not(:first-child){grid-column:span 6;aspect-ratio:8/3}
.js .gallery:not(.llana):is(:has(>a:nth-child(4):last-child),:has(>a:nth-child(5):last-child))>a:not(:first-child){grid-column:span 3}
.js .gallery:not(.llana):has(>a:nth-child(4):last-child)>a:nth-child(2){grid-column:span 6;aspect-ratio:8/3}
.js .gallery:not(.llana):has(>a:nth-child(6):last-child)>a:first-child{grid-column:span 8}
.js .gallery.llana{grid-template-columns:repeat(var(--n,3),minmax(0,1fr))}
}
@media (max-width:820px){
.js .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.js .gallery:not(.llana)>a:is(:first-child,:last-child:nth-child(even):not(.chica)){grid-column:span 2;aspect-ratio:16/10}
}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:start}
.contact-card{--c:var(--corte-l);position:relative;padding:clamp(28px,3vw,44px);background:var(--papel-2);border:1px solid var(--linea)}
.contact-card :is(h2,h3){font-size:1.5rem;font-weight:740;font-stretch:108%;letter-spacing:-.02em;color:var(--noche);margin-bottom:22px}
.contact-list{list-style:none;display:grid;gap:0}
.contact-list li{position:relative;padding:14px 0 14px 26px;border-top:1px solid var(--linea);color:var(--grafito);line-height:1.5}
.contact-list li::before{content:"";position:absolute;left:0;top:21px;width:11px;height:8px;background:var(--naranja);clip-path:polygon(55% 0,100% 0,45% 100%,0 100%)}
.contact-list a{color:var(--noche);font-weight:650;text-decoration:none;background:linear-gradient(var(--naranja),var(--naranja)) 0 100%/100% 1.5px no-repeat}
.contact-list a:hover{color:var(--naranja-tinta)}
.contact-card p{color:var(--tinta-2)!important}
.contact-card p a{color:var(--naranja-tinta)!important}
.contact-grid:not(:has(.form-wrap)){align-items:stretch}
.contact-grid:not(:has(.form-wrap))>.contact-card:first-child{isolation:isolate;overflow:hidden;background:radial-gradient(90% 70% at 0% 0%,rgba(236,107,0,.16),transparent 70%) var(--noche);
border-color:var(--noche);color:rgba(255,255,255,.74)}
.contact-grid:not(:has(.form-wrap))>.contact-card:first-child::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0 30%,transparent 38%) 0 0/5px 5px;
-webkit-mask:linear-gradient(225deg,#000,transparent 55%);mask:linear-gradient(225deg,#000,transparent 55%)}
.contact-grid:not(:has(.form-wrap))>.contact-card:first-child :is(h2,h3){color:var(--blanco)}
.contact-grid:not(:has(.form-wrap))>.contact-card:first-child li{border-top-color:rgba(255,255,255,.12);color:rgba(255,255,255,.78)}
.contact-grid:not(:has(.form-wrap))>.contact-card:first-child li:has(a){font:500 11.5px/1.4 var(--dato);letter-spacing:.1em;text-transform:uppercase;
color:rgba(255,255,255,.62)}
.contact-grid:not(:has(.form-wrap))>.contact-card:first-child li a{display:block;width:max-content;max-width:100%;margin-top:8px;color:var(--blanco);
font:500 clamp(1.15rem,.9rem + .9vw,1.6rem)/1.25 var(--dato);letter-spacing:-.02em;text-transform:none;overflow-wrap:anywhere;padding-bottom:4px;
background-size:0 2px;transition:background-size var(--medio) var(--golpe),color var(--rapido) var(--curva)}
.contact-grid:not(:has(.form-wrap))>.contact-card:first-child li a:hover{color:var(--naranja);background-size:100% 2px}
.contact-grid:not(:has(.form-wrap))>.contact-card:first-child p{color:rgba(255,255,255,.62)!important}
.contact-grid:not(:has(.form-wrap))>.contact-card:not(:first-child){display:flex;flex-direction:column}
.contact-grid:not(:has(.form-wrap))>.contact-card:not(:first-child) .contact-list{flex:1;grid-auto-rows:minmax(min-content,1fr);counter-reset:razon}
.contact-grid:not(:has(.form-wrap))>.contact-card:not(:first-child) li{display:flex;align-items:center;gap:18px;padding:16px 0;counter-increment:razon;
color:var(--noche);font-size:1.05rem;font-weight:620;letter-spacing:-.005em;
background:var(--luz) 0 -1px/0 2px no-repeat;transition:background-size var(--lento) var(--golpe)}
.contact-grid:not(:has(.form-wrap))>.contact-card:not(:first-child) li::before{content:counter(razon,decimal-leading-zero);position:static;flex:none;
width:auto;height:auto;background:none;clip-path:none;font:500 12px/1 var(--dato);letter-spacing:.06em;color:var(--naranja-tinta);
transition:color var(--rapido) var(--curva),text-shadow var(--rapido) var(--curva)}
.contact-grid:not(:has(.form-wrap))>.contact-card:not(:first-child) li:hover{background-size:100% 2px}
.contact-grid:not(:has(.form-wrap))>.contact-card:not(:first-child) li:hover::before{color:var(--naranja);text-shadow:0 0 12px rgba(255,106,0,.55)}
@media (max-width:1100px){
.models{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
.cards,.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.models{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
.cards,.blog-grid,.feature-cards{grid-template-columns:minmax(0,1fr)}
.card{aspect-ratio:4/3}
.project-cap{gap:6px;padding:12px}
.projects>:not(.grande) .project-cap>span:first-child{font-size:.84rem}
.projects>:not(.grande) .project-cap::after{display:none}
}
@media (prefers-reduced-motion:reduce){
:is(.projects,.gallery)::before{display:none}
}
.catalogo-modelos{background:var(--blanco)}
.catalogo-modelos .modelos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.modelo{--c:var(--corte-l);position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--noche);
color:rgba(255,255,255,.74);border-radius:var(--c) 0;corner-shape:bevel}
@supports not (corner-shape:bevel){.modelo{border-radius:0;
clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}}
.modelo-foto{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--negro)}
.modelo-foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--golpe)}
.modelo-foto::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
background:radial-gradient(circle at 50% 50%,transparent 0 34%,rgba(8,8,8,.55) 62%) 0 0/4px 4px;opacity:0;transition:opacity var(--medio) var(--curva)}
.modelo-foto::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
background:linear-gradient(45deg,transparent 30%,var(--haz) 50%,transparent 70%);transform:translate(-100%,100%)}
.modelo:hover .modelo-foto img{transform:scale(1.05)}
.modelo:hover .modelo-foto::before{opacity:.75}
.modelo:hover .modelo-foto::after{transform:translate(100%,-100%);transition:transform 1s var(--curva)}
.modelo-cuerpo{display:grid;align-content:start;justify-items:start;gap:14px;flex:1;padding:clamp(22px,2.4vw,36px)}
.modelo-uso{display:inline-flex;align-items:center;gap:10px;font:500 11px/1 var(--dato);letter-spacing:.12em;text-transform:uppercase;color:var(--naranja)}
.modelo-uso::before{content:"";width:22px;height:8px;background:var(--naranja);clip-path:polygon(32% 0,100% 0,68% 100%,0 100%)}
.modelo-nombre{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;font-size:clamp(1.9rem,1.2rem + 1.8vw,3rem);font-weight:800;
font-stretch:118%;line-height:.95;letter-spacing:-.04em;color:var(--blanco)}
.modelo-pasos{font:600 clamp(.95rem,.85rem + .3vw,1.15rem)/1 var(--dato);letter-spacing:0;color:var(--naranja);text-shadow:0 0 16px rgba(255,106,0,.6)}
.modelo-texto{max-width:46ch;font-size:1.02rem;line-height:1.55;color:rgba(255,255,255,.72)}
.modelo-datos{width:100%;margin-top:4px;border-collapse:collapse}
.modelo-datos :is(th,td){padding:9px 12px 9px 0;text-align:left;vertical-align:top;border-top:1px solid rgba(255,255,255,.1)}
.modelo-datos thead :is(th,td){padding-top:0;border-top:0;font:600 12.5px/1 var(--dato);color:var(--naranja)}
.modelo-datos tbody th{width:40%;font:500 10.5px/1.7 var(--dato);letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.modelo-datos td{font:500 13px/1.45 var(--dato);letter-spacing:-.01em;color:var(--blanco)}
.modelo-cta{--c:var(--corte-s);margin-top:auto}
.modelo-cuerpo>.modelo-cta{margin-top:10px}
.modelo-destacado,.catalogo-modelos .modelo:not(.modelo-destacado):last-child:nth-child(even){grid-column:1/-1;flex-direction:row}
:is(.modelo-destacado,.catalogo-modelos .modelo:not(.modelo-destacado):last-child:nth-child(even)) .modelo-foto{flex:1.2 1 0;aspect-ratio:auto;min-height:420px}
:is(.modelo-destacado,.catalogo-modelos .modelo:not(.modelo-destacado):last-child:nth-child(even)) .modelo-cuerpo{flex:1 1 0;align-content:center}
.otros-modelos .section-header h2{font-size:clamp(1.6rem,1.1rem + 1.6vw,2.6rem)}
.otros-modelos .models{grid-template-columns:repeat(auto-fill,minmax(min(190px,40%),1fr))}
.otros-modelos .model-body h3{font-size:.98rem}
@media (max-width:860px){
.catalogo-modelos .modelos{grid-template-columns:minmax(0,1fr)}
.modelo-destacado,.catalogo-modelos .modelo:not(.modelo-destacado):last-child:nth-child(even){flex-direction:column}
:is(.modelo-destacado,.catalogo-modelos .modelo:not(.modelo-destacado):last-child:nth-child(even)) .modelo-foto{aspect-ratio:4/3;min-height:0}
}
@media (max-width:420px){.modelo-datos tbody th{width:44%}}
@media (max-width:520px){
.modelo-datos,.modelo-datos>thead,.modelo-datos>tbody{display:block}
.modelo-datos tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;padding:8px 0;border-top:1px solid rgba(255,255,255,.1)}
.modelo-datos tr>:is(th,td){padding:2px 0;border-top:0}
.modelo-datos thead tr{padding-top:0;border-top:0}
.modelo-datos thead td{display:none}
.modelo-datos tbody th{grid-column:1/-1;width:auto}
.modelo-datos tbody td:only-of-type,.modelo-datos td[colspan]{grid-column:1/-1}
}
:is(.page-hero,.hero) .led-grueso.hero-img::after{animation:none!important;
background:radial-gradient(circle at 50% 50%,transparent 0 33%,rgba(6,6,6,.8) 62%) 0 0/var(--paso-led) var(--paso-led)!important}
.feature-visual.led-grueso::before{opacity:1;background-size:var(--paso-led) var(--paso-led);
background-image:radial-gradient(circle at 50% 50%,transparent 0 33%,rgba(6,6,6,.78) 62%)}
.led-grueso.card-bg::after{opacity:1!important}
.content ul.fichas-enlace{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;margin:1.6em 0 1.8em}
.content ul.fichas-enlace>li{--c:var(--corte-m);position:relative;display:grid!important;align-content:start;gap:8px!important;margin:0!important;
padding:20px 44px 22px 20px!important;border:1px solid var(--linea)!important;background:var(--blanco);
font:400 .98rem/1.55 var(--texto)!important;letter-spacing:0!important;text-transform:none!important;color:var(--tinta-2)!important;
border-radius:var(--c) 0;corner-shape:bevel;transition:border-color var(--rapido) var(--curva),box-shadow var(--medio) var(--curva)}
.content ul.fichas-enlace>li::before{left:auto!important;right:18px!important;top:22px!important;margin-top:0!important}
.content ul.fichas-enlace>li>a{font:700 1.08rem/1.3 var(--texto)!important;color:var(--noche)!important;text-decoration:none!important}
.content ul.fichas-enlace>li>a::before{content:"";position:absolute;inset:0}
.content ul.fichas-enlace>li:hover{border-color:var(--naranja)!important;box-shadow:0 18px 40px -28px rgba(20,20,20,.5)}
.content ul.fichas-enlace>li:hover>a{color:var(--naranja-tinta)!important}
.section-tint .content ul.fichas-enlace>li{background:var(--blanco)}
.indice{display:none}
@media (min-width:1200px){
.container.con-indice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,768px) minmax(0,1fr);column-gap:clamp(24px,3vw,48px);align-items:start}
.con-indice>.content{grid-column:2;margin:0;max-width:none}
.con-indice>.indice{display:block;grid-column:1;grid-row:1;justify-self:end;position:sticky;top:calc(var(--cabecera) + 40px);
width:min(100%,250px);max-height:calc(100vh - var(--cabecera) - 80px);overflow:auto;padding:4px 0 4px 16px;border-left:1px solid var(--linea)}
.indice-titulo{margin:0 0 12px;font:500 11px/1.4 var(--dato);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-2)}
.indice ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.indice a{position:relative;display:block;padding:6px 0;font-size:.88rem;line-height:1.35;color:var(--tinta-2);text-decoration:none;
transition:color var(--rapido) var(--curva)}
.indice a::before{content:"";position:absolute;left:-17px;top:6px;bottom:6px;width:2px;background:var(--naranja);transform:scaleY(0);
transition:transform var(--medio) var(--golpe)}
.indice a:hover{color:var(--noche)}
.indice a[aria-current]{color:var(--noche);font-weight:650}
.indice a[aria-current]::before{transform:none}
.section-dark .indice a{color:rgba(255,255,255,.62)}
.section-dark .indice a[aria-current]{color:var(--blanco)}
}
.visor{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:clamp(12px,2vw,24px) clamp(12px,2vw,28px);border:0;
background:transparent;color:var(--blanco);overflow:hidden}
.visor::backdrop{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.035) 0 30%,transparent 38%) 0 0/4px 4px,
radial-gradient(60% 50% at 0% 100%,rgba(236,107,0,.12),transparent 70%),rgba(8,8,8,.95);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.visor[open]{display:grid;grid-template:"barra barra barra" auto "ant marco sig" minmax(0,1fr) "tira tira tira" auto/auto minmax(0,1fr) auto;
gap:clamp(10px,1.6vh,18px) clamp(8px,1.6vw,24px);animation:visor-entra var(--medio) var(--curva) both}
html:has(.visor[open]){overflow:hidden;scrollbar-gutter:stable}
.visor-barra{grid-area:barra;display:flex;align-items:center;gap:18px;min-width:0}
.visor-cuenta{flex:none;font:500 13px/1 var(--dato);letter-spacing:.08em;color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums}
.visor-cuenta b{font-weight:600;color:var(--naranja);text-shadow:0 0 14px rgba(255,106,0,.6)}
.visor-pie{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:18px;border-left:1px solid rgba(255,255,255,.16);
font:500 11.5px/1.4 var(--dato);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.66)}
.visor-pie:empty{display:none}
.visor-marco{grid-area:marco;position:relative;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;min-height:0;margin:0}
.visor-marco img{--c:var(--corte-l);max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--c) 0;corner-shape:bevel;
box-shadow:0 50px 100px -40px rgba(0,0,0,.8);clip-path:polygon(0 100%,0 100%,0 100%);filter:brightness(.25) saturate(.3)}
.visor-marco img.lista{clip-path:polygon(0 100%,0 -100%,200% 100%);filter:none;
transition:clip-path .75s var(--golpe),filter 1s var(--curva) .12s}
@supports not (corner-shape:bevel){.visor-marco img{border-radius:0}}
.visor-marco::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
background:linear-gradient(45deg,transparent 44%,rgba(236,107,0,.5) 50%,transparent 56%) 0 0/300% 300%;transition:opacity var(--rapido)}
.visor-marco.cargando::after{opacity:1;animation:visor-barre 1.1s linear infinite}
.lb-boton{--c:var(--corte-s);display:grid;place-items:center;flex:none;width:52px;height:52px;padding:0;border:1px solid rgba(255,255,255,.2);
background:rgba(20,20,20,.7);color:var(--blanco);cursor:pointer;
transition:background-color var(--rapido) var(--curva),border-color var(--rapido) var(--curva),color var(--rapido) var(--curva)}
.lb-boton svg{width:18px;height:18px;transition:transform var(--rapido) var(--golpe)}
.lb-boton:hover{background:var(--naranja);border-color:var(--naranja);color:var(--noche)}
.lb-boton:focus-visible{outline-offset:2px}
.visor-cerrar{margin-left:auto}
.visor-ant{grid-area:ant;align-self:center}
.visor-sig{grid-area:sig;align-self:center}
.visor-ant:hover svg{transform:translateX(-3px)}
.visor-sig:hover svg{transform:translateX(3px)}
.visor-tira{grid-area:tira;display:flex;justify-content:center;gap:8px;min-width:0;overflow-x:auto;padding:4px;scrollbar-width:none}
.visor-tira button{--c:var(--corte-s);position:relative;flex:none;width:72px;height:54px;padding:0;border:0;overflow:hidden;background:var(--negro);
cursor:pointer;opacity:.42;border-radius:var(--c) 0;corner-shape:bevel;transition:opacity var(--rapido) var(--curva)}
.visor-tira button img{width:100%;height:100%;object-fit:cover}
.visor-tira button::after{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:inherit;corner-shape:bevel;
transition:border-color var(--rapido) var(--curva)}
.visor-tira button:hover{opacity:.8}
.visor-tira button[aria-current="true"]{opacity:1}
.visor-tira button[aria-current="true"]::after{border-color:var(--naranja)}
.visor-tira button:focus-visible{outline-offset:2px}
.visor.una :is(.visor-ant,.visor-sig,.visor-tira){display:none}
@keyframes visor-entra{from{opacity:0}}
@keyframes visor-barre{from{background-position:100% 0}to{background-position:0 100%}}
@media (max-width:640px){
.visor[open]{grid-template:"barra barra barra" auto "marco marco marco" minmax(0,1fr) "ant tira sig" auto/auto minmax(0,1fr) auto;padding:12px}
.visor-pie{display:none}
.visor-tira{justify-content:flex-start}
.visor-tira button{width:56px;height:44px}
.lb-boton{width:44px;height:44px}
}
@media (prefers-reduced-motion:reduce){
.visor-marco img,.visor-marco img.lista{clip-path:none;filter:none}
.visor-marco img{opacity:0}
.visor-marco img.lista{opacity:1}
.visor-marco.cargando::after{animation:none}
}
:root{--columna:40rem;--foto-ancha:min(1000px,calc(100vw - 2 * var(--margen)))}
.content{max-width:var(--columna);margin:0 auto;font-size:clamp(1.0625rem,.98rem + .3vw,1.1875rem);line-height:1.72;color:var(--grafito);
overflow-wrap:break-word;font-variant-numeric:tabular-nums}
.content>:first-child{margin-top:0!important}
.content :is(p,ul,ol,table,figure,blockquote,dl,pre){margin:0 0 1.25em}
.content p{color:inherit}
.content p:empty,.content div:empty{display:none}
.content>p{margin-top:1.25em}
.content div:not([class]):not(:has(>:is(p,div,h1,h2,h3,h4,h5,h6,ul,ol,table,figure,blockquote,iframe,dl,pre,hr))){margin-block:1.25em}
.content>:is(h1,h2,h3,h4)+:is(p,div:not([class])){margin-top:0}
main:has(.article-meta) .content>p:first-child{margin-bottom:1.5em;font-size:1.2em;line-height:1.55;letter-spacing:-.008em;color:var(--noche)}
.content :is(h1,h2){position:relative;margin:2.2em 0 .7em;font-size:clamp(1.6rem,1.1rem + 1.4vw,2.35rem);font-weight:760;font-stretch:110%;
line-height:1.06;letter-spacing:-.032em;color:var(--noche)}
.content :is(h1,h2)::before{content:"";display:block;width:28px;height:10px;margin-bottom:18px;background:var(--naranja);
clip-path:polygon(32% 0,100% 0,68% 100%,0 100%);transform-origin:0 50%}
.content>h2.revela::before{transform:scaleX(0);transition:transform .8s var(--golpe) .3s}
.content>h2.revela.visible::before{transform:none}
.content.content h2:has(+ h2){display:flex;align-items:center;gap:14px;margin-bottom:1em;font:600 .74rem/1.4 var(--dato)!important;
letter-spacing:.1em;text-transform:uppercase;color:var(--naranja-tinta)}
.content h2:has(+ h2)::before{flex:none;margin:0}
.content h2+h2{margin-top:0}
.content h2+h2::before{display:none}
.content h3{margin:1.9em 0 .55em;font-size:clamp(1.18rem,1.04rem + .45vw,1.4rem);font-weight:720;font-stretch:104%;line-height:1.24;
letter-spacing:-.015em;color:var(--noche)}
.content :is(h2,h3)+h3{margin-top:.5em}
.content h4{margin:1.6em 0 .5em;font-size:1.05em;font-weight:700;color:var(--noche)}
.content.content h3[style*="font-size"]{font-size:clamp(1.18rem,1.04rem + .45vw,1.4rem)!important}
.content :is(h1,h2,h3,h4) :is(strong,b){font-weight:inherit}
.content strong,.content b{color:var(--noche)}
.content a:not(.btn){color:var(--naranja-tinta);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;
text-decoration-color:rgba(179,79,0,.45);background:linear-gradient(rgba(236,107,0,.16),rgba(236,107,0,.16)) 0 100%/100% 0 no-repeat;
transition:background-size var(--medio) var(--golpe),text-decoration-color var(--rapido)}
.content a:not(.btn):hover{color:var(--noche);text-decoration-color:var(--naranja);background-size:100% 100%}
.content a[href^="http"]:not(.btn,.video-play,:has(img))::after{content:"";display:inline-block;width:.42em;height:.42em;margin:0 .06em 0 .24em;
background:currentColor;clip-path:polygon(0 0,100% 0,100% 100%,78% 100%,78% 37%,16% 99%,1% 84%,63% 22%,0 22%);
transition:transform var(--rapido) var(--golpe)}
.content a[href^="http"]:not(.btn):hover::after{transform:translate(2px,-2px)}
.content ul{list-style:none;padding:0}
.content ul>li{position:relative;padding-left:1.6em;margin-bottom:.55em}
.content ul>li::before{content:"";position:absolute;left:0;top:.68em;width:.72em;height:.4em;background:var(--naranja);
clip-path:polygon(40% 0,100% 0,60% 100%,0 100%)}
.content ol{list-style:none;padding:0;counter-reset:n}
.content ol>li{position:relative;counter-increment:n;padding-left:2.6em;margin-bottom:.75em}
.content ol>li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:.3em;font:600 .72em/1.6 var(--dato);
letter-spacing:.02em;color:var(--naranja-tinta)}
.content li>:is(ul,ol){margin:.55em 0 0}
.content li[style*="list-style-type: none"]{padding-left:0;counter-increment:none}
.content li[style*="list-style-type: none"]::before{content:none}
.content ul:not(:has(ul,ol,img),div[style*="background"] ul):has(>li:first-child>a:only-child):has(>li:last-child>a){
>li{display:block;margin:0;padding:.85em 2em .85em 0;border-bottom:1px solid var(--linea);
font:500 .7rem/1.4 var(--dato);letter-spacing:.07em;text-transform:uppercase;color:var(--tinta-2)}
>li:first-child{border-top:1px solid var(--linea)}
>li::before{left:auto;right:4px;top:50%;width:10px;height:10px;margin-top:-5px;
clip-path:polygon(0 0,100% 0,100% 100%,78% 100%,78% 37%,16% 99%,1% 84%,63% 22%,0 22%);transition:transform var(--rapido) var(--golpe)}
>li>a{font:600 1.0625rem/1.4 var(--texto);letter-spacing:-.005em;text-transform:none;color:var(--noche);text-decoration:none;background:none}
>li>a:only-child::before{content:"";position:absolute;inset:0}
>li>a:not(:only-child){text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(20,20,20,.22);text-underline-offset:.22em}
>li>a[href^="http"]::after{content:none}
.ll-texto{font:400 1rem/1.4 var(--texto);letter-spacing:0;text-transform:none;color:var(--tinta-2)}
>li:hover>a:only-child,>li>a:hover{color:var(--naranja-tinta)}
>li:hover::before{transform:translate(3px,-3px)}
}
:where(.content) :where(span,font,em,i,b,strong,a,p,h1,h2,h3,h4,li,div,ul,ol)[style*="font-family"]{font-family:inherit!important}
:where(.content) :where(span,font,em,i,p,li,div,ul,ol)[style*="color"]{color:inherit!important}
:where(.content) :where(h1,h2,h3,h4,b,strong)[style*="color"]{color:var(--noche)!important}
:where(.content) a[style*="color"]:not(.btn){color:var(--naranja-tinta)!important}
:where(.content) :where(span,font,em,i,b,strong,a,p,li,div)[style*="font-size"]{font-size:inherit!important}
:where(.content) :where(span,font,em,i,b,strong,a,p,li,div)[style*="line-height"]{line-height:inherit!important}
:where(.content) [style*="letter-spacing"]{letter-spacing:inherit!important}
:where(.content) [style*="text-align"]{text-align:left!important}
:where(.content) :where(span,font)[style*="background"]{background:none!important}
:where(.content) p:is([style*="margin-bottom: 0"],[style*="margin: 0"]){margin-bottom:1.25em!important}
:where(.content)>p:is([style*="margin-top: 0"],[style*="margin: 0"]){margin-top:1.25em!important}
:where(.content)>:is(h1,h2,h3,h4)+p:is([style*="margin-top: 0"],[style*="margin: 0"]){margin-top:0!important}
.content :is(.layoutArea,.column,.page,.section){display:contents}
.content .googie_link{color:inherit}
.content div[style*="background"]{--c:var(--corte-l);margin:2em 0!important;padding:clamp(20px,3vw,32px) clamp(20px,3vw,34px) clamp(12px,2vw,20px)!important;
background:var(--papel-2)!important;border:0!important;border-radius:var(--c) 0;corner-shape:bevel;box-shadow:inset 3px 0 0 var(--naranja)}
.content div[style*="background"]>p:first-child{margin-bottom:1em;font:600 .72rem/1.4 var(--dato)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--noche)!important}
.content div[style*="background"] li{margin-bottom:.35em;font-size:.94em}
.content div[style*="background"] a:not(.btn){color:var(--noche);text-decoration-color:rgba(20,20,20,.25)}
.content img{--c:var(--corte-m);display:block;width:auto;max-width:100%;height:auto;margin:2em 0;background:var(--papel-2)}
.content :is(p,div):has(>img,>a>img):not(:has(>:not(img,a,br),>.alignleft,>.alignright)){margin:2rem 0}
.content :is(p,div):has(>img,>a>img):not(:has(>:not(img,a,br),>.alignleft,>.alignright))>br{display:none}
.content :is(p,div):has(>img,>a>img):not(:has(>:not(img,a,br),>.alignleft,>.alignright)) img{margin:0}
.content :is(div,p:has(>:is(img,a)~:is(img,a))):has(>img,>a>img):not(:has(>:not(img,a,br),>.alignleft,>.alignright)){
margin-bottom:calc(2rem - 12px);font-size:0;line-height:0}
.content :is(div,p:has(>:is(img,a)~:is(img,a))):has(>img,>a>img):not(:has(>:not(img,a,br),>.alignleft,>.alignright)) img{
display:inline-block;vertical-align:top;margin:0 12px 12px 0}
.content li img{display:inline-block;vertical-align:top;max-width:calc(50% - 10px);margin:12px 6px 0 0}
.content li>a:has(>img):not(:is(a:has(>img),img)+a)::before{content:"\A";white-space:pre}
.content li>img:first-of-type{display:block}
.content img.alignleft{float:left;margin:.35em 1.4em .8em 0}
.content :is(p,div):has(>img.alignleft){display:flow-root}
.content.content :is(img.foto-ancha,iframe):not(li *,.video *){
width:var(--foto-ancha);max-width:none;margin-left:calc((100% - var(--foto-ancha)) / 2);margin-right:0}
.content img.foto-alta{width:auto;max-height:min(85svh,900px)}
.content figure.foto-obra{display:block;width:auto;margin:2.4em 0}
.content :where(p,div)>img:where(:not(.alignleft,.alignright,.foto-ancha)):has(+img:where(:not(.alignleft,.alignright,.foto-ancha))),
.content :where(p,div)>img:where(:not(.alignleft,.alignright,.foto-ancha))+img:where(:not(.alignleft,.alignright,.foto-ancha)){
display:inline-block;vertical-align:top;margin:1.6em 12px 1.6em 0}
.content a:has(>img){display:inline;text-decoration:none;background:none}
.content a:has(>img) img{transition:filter var(--medio) var(--curva),box-shadow var(--medio) var(--curva)}
.content a:has(>img):hover img{filter:saturate(1.15) contrast(1.05);box-shadow:0 0 0 2px var(--naranja)}
.content figure{display:inline-block;width:fit-content;max-width:100%;vertical-align:top;margin:0 .2em .5em 0}
.content figure:has(figcaption){display:block;margin:2em 0}
.content figure img{margin:0}
.content :is(figcaption,.wp-caption-text,dd){contain:inline-size;margin:.7em 0 0;font:500 .72rem/1.6 var(--dato);letter-spacing:.03em;color:var(--tinta-2)}
.content dl{display:block}
.content dt img{margin:0}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){
.content :is(img,.video){animation:ct-entra var(--golpe) both;animation-timeline:view();animation-range:entry 0px entry 280px}
}}
@keyframes ct-entra{from{opacity:0;transform:translate(-28px,28px)}to{opacity:1;transform:none}}
.content blockquote{margin:2em 0;padding:0 0 0 1.4em;border-left:3px solid var(--naranja);font-size:1.22em;font-weight:560;font-stretch:104%;
line-height:1.45;letter-spacing:-.01em;color:var(--noche)}
.content hr{height:1px;margin:2.6em 0;border:0;background:linear-gradient(90deg,var(--naranja) 0 28px,transparent 28px 40px,var(--linea) 40px)}
.content pre{padding:1.2em 1.4em;background:var(--papel-2);font:inherit;white-space:pre-wrap}
.content pre>span{font:inherit}
.content iframe{--c:var(--corte-l);display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;margin:2.4em 0;border:0;background:var(--negro);
border-radius:var(--c) 0;corner-shape:bevel}
.content .btn{margin-top:.4em;text-decoration:none}
.content p:has(>.btn:only-child){margin-top:2.6em!important}
.content a.btn:is([href="/noticias/"],[href="/proyectos-pantallas-led/"]){background:transparent;color:var(--noche);border-color:var(--noche)}
.content a.btn:is([href="/noticias/"],[href="/proyectos-pantallas-led/"])::before{display:none}
.content a.btn:is([href="/noticias/"],[href="/proyectos-pantallas-led/"]):hover{background:var(--noche);color:var(--blanco)}
.content a.btn .flecha-atras{color:var(--naranja)}
.content>p:has(>a.btn:only-child:is([href="/noticias/"],[href="/proyectos-pantallas-led/"])){margin-top:3.2em!important;padding-top:2.4em;
background:linear-gradient(90deg,var(--naranja) 0 28px,transparent 28px 40px,var(--linea) 40px) 0 0/100% 1px no-repeat}
.section-dark .content,.section-dark .content :is(p,li){color:rgba(255,255,255,.74)}
.section-dark .content :is(h2,h3,h4,strong){color:var(--blanco)}
.section-dark .content a:not(.btn){color:var(--naranja)}
.content div:has(>table.tabla-specs){--c:var(--corte-m);--ancho-tabla:min(880px,calc(100vw - 2 * var(--margen)));width:max(100%,var(--ancho-tabla));
margin:2.2em 0 2.2em calc((100% - max(100%,var(--ancho-tabla))) / 2);overflow-x:auto;border:1px solid var(--linea);border-radius:var(--c) 0;corner-shape:bevel;
background:var(--blanco)}
.elegir-herramienta .content div:has(>table.tabla-specs){width:auto}
.content table{width:100%;border-collapse:collapse;font-size:.92em;line-height:1.45}
.content div>table.tabla-specs{margin:0}
.content table :is(th,td){padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linea)}
.content thead th{background:var(--noche);color:var(--blanco);font:500 11px/1.4 var(--dato);letter-spacing:.08em;text-transform:uppercase;
white-space:nowrap;box-shadow:inset 0 -2px 0 var(--naranja)}
.content tbody tr{transition:background-color var(--rapido) var(--curva),box-shadow var(--rapido) var(--curva)}
.content tbody tr:hover{background:rgba(236,107,0,.06);box-shadow:inset 3px 0 0 var(--naranja)}
.content tbody tr:last-child td{border-bottom:0}
.content tbody td:first-child{font-weight:600;color:var(--noche)}
.content table:has(td:nth-child(3):last-child a) tbody td:nth-child(2){font-family:var(--dato);font-size:.86em;letter-spacing:-.01em;white-space:nowrap}
.content:not(.elegir-herramienta>*) table.tabla-catalogo{
tr[data-paso="1.53"]{--p:1.53}tr[data-paso="1.86"]{--p:1.86}tr[data-paso="2.6"]{--p:2.6}tr[data-paso="3.91"]{--p:3.91}tr[data-paso="6.67"]{--p:6.67}
tr:is([data-paso="1.53"],[data-paso="1.86"],[data-paso="2.6"],[data-paso="3.91"],[data-paso="6.67"]){--muestra:inline-block}
tbody td{vertical-align:middle}
td:last-child{white-space:nowrap}
td:last-child::before{--l:calc(var(--p) * 2.2px);content:"";display:var(--muestra,none);width:34px;height:22px;margin:-5px 12px -5px 0;
vertical-align:middle;border-radius:5px 0;corner-shape:bevel;
background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.7) 0 .9px,transparent 1.4px) 50% 50%/var(--l) var(--l),var(--noche);
transition:background-color var(--medio) var(--curva),box-shadow var(--medio) var(--curva)}
tbody tr:hover td:last-child::before{background:radial-gradient(circle at 50% 50%,#FFE7A8 0 .8px,var(--ambar) 1.1px,rgba(236,107,0,.5) 1.6px,transparent 2.2px) 50% 50%/var(--l) var(--l),var(--negro);
box-shadow:0 0 0 1px rgba(236,107,0,.45),0 0 16px rgba(236,107,0,.4)}
td:last-child a{color:var(--noche);font-weight:650;white-space:nowrap;text-decoration-color:var(--naranja);text-decoration-thickness:1.5px}
td:last-child a::after{content:"";display:inline-block;width:.5em;height:.5em;margin-left:.4em;background:var(--naranja);
clip-path:polygon(0 0,100% 0,100% 100%,78% 100%,78% 37%,16% 99%,1% 84%,63% 22%,0 22%);transition:transform var(--rapido) var(--golpe)}
tbody tr:hover td:last-child a{color:var(--naranja-tinta)}
tbody tr:hover td:last-child a::after{transform:translate(2px,-2px)}
}
@media (prefers-reduced-motion:no-preference){
.content:not(.elegir-herramienta>*)>div.revela:has(>table) tbody tr{opacity:0;transform:translate(-16px,16px);
transition:opacity .5s var(--curva),transform .8s var(--golpe),background-color var(--rapido) var(--curva),box-shadow var(--rapido) var(--curva);
transition-delay:calc(var(--f,0) * 70ms + 180ms),calc(var(--f,0) * 70ms + 180ms),0s,0s}
.content:not(.elegir-herramienta>*)>div.revela.visible:has(>table) tbody tr{opacity:1;transform:none}
.content>div:has(>table) tbody tr:nth-child(2){--f:1}.content>div:has(>table) tbody tr:nth-child(3){--f:2}
.content>div:has(>table) tbody tr:nth-child(4){--f:3}.content>div:has(>table) tbody tr:nth-child(5){--f:4}
.content>div:has(>table) tbody tr:nth-child(n+6){--f:5}
.content:not(.elegir-herramienta>*)>div.revela.visible>table.tabla-catalogo td:last-child::before{
animation:muestra-arranca 1.1s var(--curva) both;animation-delay:calc(var(--f,0) * 70ms + 420ms)}
}
@keyframes muestra-arranca{
0%,100%{filter:none;box-shadow:none}
30%{filter:sepia(1) saturate(9) hue-rotate(-12deg) brightness(1.15);box-shadow:0 0 0 1px rgba(236,107,0,.45),0 0 16px rgba(236,107,0,.45)}
}
@supports (x:attr(x type(*))){
.content:not(.elegir-herramienta>*) table.tabla-catalogo tr[data-paso]{--p:attr(data-paso type(<number>),4);--muestra:inline-block}
}
@supports not (corner-shape:bevel){
.content table.tabla-catalogo td:last-child::before{border-radius:0;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}
}
@supports not (corner-shape:bevel){
.content :is(div[style*="background"],div:has(>table.tabla-specs),iframe){border-radius:0;
clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}
}
.video{--c:var(--corte-l);position:relative;isolation:isolate;aspect-ratio:16/9;margin:2.4em 0;overflow:hidden;background:
radial-gradient(circle at 50% 50%,rgba(255,255,255,.07) 0 1px,transparent 1.6px) 0 0/6px 6px,
radial-gradient(60% 85% at 88% 100%,rgba(236,107,0,.42),transparent 70%),
radial-gradient(45% 60% at 0% 0%,rgba(255,193,0,.07),transparent 70%),var(--negro);box-shadow:0 50px 90px -60px rgba(236,107,0,.55)}
.content .video{width:var(--foto-ancha);margin-left:calc((100% - var(--foto-ancha)) / 2)}
.video::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
background:linear-gradient(45deg,transparent 35%,rgba(255,231,168,.16) 50%,transparent 65%);transform:translate(-100%,100%)}
.video:hover::before{transform:translate(100%,-100%);transition:transform 1.1s var(--curva)}
.video::after{content:"";position:absolute;right:0;bottom:0;z-index:2;width:var(--c);height:var(--c);pointer-events:none;opacity:.45;
background:linear-gradient(135deg,transparent calc(50% - 2px),var(--naranja) calc(50% - 2px),var(--ambar) calc(50% - .5px),transparent calc(50% - .5px));
transition:opacity var(--medio) var(--curva)}
.video:hover::after{opacity:1}
.video :is(iframe,video){position:absolute;inset:0;width:100%;height:100%;margin:0;border:0}
.video video{z-index:3;object-fit:contain;background:transparent}
.video-play{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:18px;color:var(--blanco)!important;
text-decoration:none!important;background:none!important}
.video-boton{position:relative;width:clamp(64px,8vw,92px);aspect-ratio:1;background:var(--naranja);border-radius:22px 0;corner-shape:bevel;
box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 60px rgba(255,106,0,.45);transition:transform var(--medio) var(--golpe),background-color var(--rapido)}
.video-boton::after{content:"";position:absolute;inset:0;margin:auto;width:26%;height:30%;background:var(--noche);clip-path:polygon(0 0,100% 50%,0 100%);transform:translateX(8%)}
.video-texto{font:500 12px/1.4 var(--dato);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.86);
padding-bottom:4px;background:linear-gradient(var(--naranja),var(--naranja)) 0 100%/0 1px no-repeat;transition:background-size var(--medio) var(--golpe)}
.video-play:is(:hover,:focus-visible) .video-boton{transform:translate(3px,-3px);background:var(--naranja-luz)}
.video-play:is(:hover,:focus-visible) .video-texto{background-size:100% 1px}
.video-play:focus-visible{outline:2px solid var(--naranja);outline-offset:-8px}
.video-play:focus-visible .video-boton{box-shadow:0 0 0 3px var(--blanco),0 0 60px rgba(255,106,0,.45)}
.video[style*="--poster"]{background:
radial-gradient(circle at 50% 50%,transparent 0 36%,rgba(6,6,6,.62) 60%) 0 0/4px 4px,
linear-gradient(0deg,rgba(11,11,11,.7),rgba(11,11,11,.35)),
radial-gradient(60% 85% at 88% 100%,rgba(236,107,0,.42),transparent 70%),
var(--poster) center/cover no-repeat,var(--negro)}
@supports not (corner-shape:bevel){.video-boton{border-radius:0;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px)}}
.model-detail .btn{max-width:100%;white-space:normal;text-align:center;text-wrap:balance}
.model-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,6vw,104px);align-items:center}
.model-photo{--c:var(--corte-xl);position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--papel-2) center/cover no-repeat;
border:1px solid var(--linea);transition:filter var(--lento) var(--curva)}
.model-photo{background-size:min(100%,700px) auto}
.model-photo:is([style*="/MODULO-P10-EXT-DIP-"],[style*="/MODULO-P16-"],[style*="/P-8-DIP-OUT-"],[style*="/P8-SMD-INDOOR-2-"],[style*="/pantalla-led-exterior-p8-modulo-"]){
background-color:var(--blanco);background-size:min(100%,400px) auto}
.model-photo:is([style*="/MODULO-P10-EXT-DIP-"],[style*="/MODULO-P16-"]){background-size:min(100%,550px) auto}
.model-photo::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
background:radial-gradient(circle at 50% 50%,transparent 0 42%,rgba(6,6,6,.2) 66%) 0 0/4px 4px,
linear-gradient(45deg,transparent 44%,rgba(255,150,40,.3) 50%,transparent 56%) 100% 0/300% 300% no-repeat;
transition:opacity var(--lento) var(--curva)}
.model-photo::after{content:"";position:absolute;right:0;bottom:0;width:var(--c);height:var(--c);pointer-events:none;
background:linear-gradient(135deg,transparent calc(50% - 2px),var(--naranja) calc(50% - 2px),var(--ambar) calc(50% - .5px),transparent calc(50% - .5px))}
.model-detail:hover .model-photo{filter:saturate(1.12) contrast(1.04)}
.model-detail:hover .model-photo::before{opacity:1;background-position:0 0,0 100%;
transition:opacity var(--medio) var(--curva),background-position 1.2s cubic-bezier(.45,0,.25,1) .1s}
.model-detail h2{font-size:clamp(1.8rem,1.2rem + 1.6vw,2.6rem)!important;font-weight:760!important;font-stretch:112%;letter-spacing:-.03em;
color:var(--noche);margin-bottom:28px!important}
.model-detail h2::before{content:"";display:block;width:28px;height:10px;margin-bottom:18px;background:var(--naranja);
clip-path:polygon(32% 0,100% 0,68% 100%,0 100%)}
.specs{list-style:none;margin:0 0 36px;border-top:2px solid var(--noche)}
.specs li{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:16px 0;border-bottom:1px solid var(--linea)}
.specs li::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--naranja);transform:scaleX(0);transform-origin:0 50%;
transition:transform var(--medio) var(--golpe)}
.specs li:hover::after{transform:none}
.specs li span{font:500 12px/1.4 var(--dato);letter-spacing:.07em;text-transform:uppercase;color:var(--tinta-2);transition:color var(--rapido)}
.specs li:hover span{color:var(--naranja-tinta)}
.specs li strong{font-size:1.08rem;font-weight:680;text-align:right;color:var(--noche)}
.specs li:first-child{align-items:center;padding:22px 0 20px}
.specs li:first-child strong{font:600 clamp(1.9rem,1.3rem + 1.4vw,2.7rem)/1 var(--dato);letter-spacing:-.05em;color:var(--noche)}
@media (max-width:900px){
.model-detail{grid-template-columns:minmax(0,1fr)}
.model-photo{width:min(100%,560px)}
}
@media (max-width:600px){
.content table :is(th,td){padding:12px 14px}
.content thead th{white-space:normal}
.content:not(.elegir-herramienta>*) table.tabla-specs:has(tr>:nth-child(3)){
&,>tbody,>thead{display:block}
tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;padding:15px 16px;border-bottom:1px solid var(--linea)}
&:has(td:nth-child(3):last-child a) tr{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
>thead>tr{padding:11px 16px;background:var(--noche);box-shadow:inset 0 -2px 0 var(--naranja)}
>thead th{padding:0;border:0;background:none;box-shadow:none;font-size:10px;line-height:1.35}
>thead th:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
>tbody>tr:last-child{border-bottom:0}
td{display:block;min-width:0;padding:0;border:0}
td:first-child{grid-column:1/-1;font-size:1rem;line-height:1.35}
&:has(td[data-label])>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;margin-bottom:3px;
font:500 10px/1.5 var(--dato);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-2)}
}
.content table:has(td:nth-child(3):last-child a) tbody td:nth-child(2){font-size:.8em;line-height:1.9}
}
@media (max-width:600px){
.content td[data-label]:not(:first-child),.content td[data-label]::before{white-space:normal}
.content:not(.elegir-herramienta>*) table.tabla-catalogo{
td:last-child::before{width:auto;height:auto;margin:0 0 3px;display:block;vertical-align:baseline;border-radius:0;clip-path:none;
background:none!important;box-shadow:none!important;animation:none!important}
td:last-child a::before{--l:calc(var(--p) * 2.2px);content:"";display:var(--muestra,none);width:34px;height:22px;margin:-5px 10px -5px 0;
vertical-align:middle;border-radius:5px 0;corner-shape:bevel;
background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.7) 0 .9px,transparent 1.4px) 50% 50%/var(--l) var(--l),var(--noche)}
}
}
.footer{position:relative;overflow:hidden;padding:clamp(80px,10vw,136px) 0 0;background:var(--negro);color:rgba(255,255,255,.62)}
.footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
background:linear-gradient(90deg,transparent,rgba(236,107,0,.55) 22%,rgba(255,193,0,.5) 34%,rgba(255,255,255,.08) 60%,transparent)}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:48px clamp(24px,4vw,64px);counter-reset:pie}
.pie-logo{display:inline-block;color:var(--blanco)}
.pie-logo svg{width:200px;height:auto}
.footer-brand p{max-width:30ch;margin:26px 0 30px;font-size:clamp(1.12rem,1rem + .35vw,1.3rem);font-stretch:106%;font-weight:450;
line-height:1.45;letter-spacing:-.008em;color:rgba(255,255,255,.8)}
.pie-cta{--c:var(--corte-s);min-height:46px;font-size:14.5px}
.footer h3{counter-increment:pie;display:flex;align-items:center;gap:10px;margin-bottom:20px;
font:500 11.5px/1.4 var(--dato);letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.footer h3::before{content:counter(pie,decimal-leading-zero);content:counter(pie,decimal-leading-zero) / "";color:var(--naranja)}
.footer h3::after{content:"";flex:1;max-width:48px;height:1px;background:rgba(255,255,255,.16)}
.footer-links{list-style:none;display:grid;gap:2px}
.footer-links a{display:inline-block;padding:7px 0;color:rgba(255,255,255,.86);font-size:.98rem;text-decoration:none;
background:linear-gradient(var(--naranja),var(--naranja)) 0 calc(100% - 4px)/0 1.5px no-repeat;
transition:color var(--rapido) var(--curva),background-size var(--medio) var(--golpe)}
.footer-links a:hover,.footer-links a:focus-visible{color:var(--blanco);background-size:100% 1.5px}
.pie-contacto li:nth-child(-n+3) a{font:500 15px/1.4 var(--dato);letter-spacing:.01em;color:var(--blanco)}
.pie-ciudades{display:flex;flex-wrap:wrap;gap:0 14px;margin-top:10px}
.pie-ciudades a{font-size:.9rem;color:rgba(255,255,255,.66)}
@property --pie-foco{syntax:"<number>";inherits:false;initial-value:0}
.pie-gigante{--paso:5px;position:relative;overflow:hidden;width:calc(100% - 2 * var(--margen));max-width:calc(var(--ancho) + 2 * var(--margen));
margin:clamp(72px,9vw,120px) auto 0;aspect-ratio:1021.69/139.93;--pie-foco:var(--foco,0);transition:--pie-foco .5s var(--curva);
background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(255,150,50,calc(var(--pie-foco) * .95)),transparent 72%),rgba(255,255,255,.13);
-webkit-mask:url(/_assets/marca/dreamlux-wordmark-color.svg) center/100% 100% no-repeat;
mask:url(/_assets/marca/dreamlux-wordmark-color.svg) center/100% 100% no-repeat}
.pie-gigante::before{content:"";position:absolute;top:0;bottom:0;left:0;width:36%;
background:linear-gradient(105deg,transparent 14%,rgba(236,107,0,.55) 36%,var(--naranja-luz) 46%,var(--ambar) 50%,var(--naranja-luz) 54%,rgba(236,107,0,.55) 64%,transparent 86%);
transform:translateX(-105%);animation:pie-haz 8s cubic-bezier(.55,0,.3,1) 1.2s infinite}
@keyframes pie-haz{0%{transform:translateX(-105%)}38%,100%{transform:translateX(285%)}}
.pie-gigante::after{content:"";position:absolute;inset:0;
background:radial-gradient(circle,transparent 0 34%,var(--negro) 50%) 0 0/var(--paso) var(--paso)}
.js .pie-gigante:not(.en-pantalla)::before{animation-play-state:paused}
.js .pie-gigante{clip-path:polygon(0 100%,0 100%,0 100%);transition:--pie-foco .5s var(--curva),clip-path 1.3s cubic-bezier(.55,.05,.25,1)}
.js .pie-gigante.encendido{clip-path:polygon(0 100%,0 -2000px,2000px 100%)}
.pie-final{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 32px;
margin-top:clamp(28px,3vw,40px);padding-top:28px;padding-bottom:max(36px,env(safe-area-inset-bottom))}
.pie-final::before{content:"";position:absolute;top:0;left:var(--margen);right:var(--margen);height:1px;background:rgba(255,255,255,.1)}
.footer-bottom{max-width:80ch;font:500 11.5px/1.7 var(--dato);letter-spacing:.03em;color:rgba(255,255,255,.58)}
.footer-bottom .fiscal{display:block;margin-top:4px;color:rgba(255,255,255,.58)}
.pie-legal{display:flex;flex-wrap:wrap;gap:4px 22px;list-style:none;font:500 11.5px/1.7 var(--dato);letter-spacing:.03em}
.pie-legal a{display:inline-block;padding:6px 0;color:rgba(255,255,255,.7);text-decoration:none;transition:color var(--rapido) var(--curva)}
.pie-legal a:hover,.pie-legal a:focus-visible{color:var(--naranja)}
@media (max-width:980px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}
@media (max-width:560px){
.footer-grid{gap:44px 20px}
.footer-links a{font-size:.94rem}
.footer-grid>div:last-child{grid-column:1/-1}
.pie-gigante{--paso:3px;width:calc(100% - 24px);margin-top:64px}
}
@media (max-width:359px){.footer-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){
.footer-links a,.pie-legal a,.pie-ciudades a{display:inline-flex;align-items:center;min-height:44px;padding-block:0}
.pie-ciudades{gap:0 18px}
.pie-logo{padding:9px 0}
}
#rgb-cookies{--c:var(--corte-l);overflow:hidden;position:fixed;left:var(--margen);bottom:max(20px,env(safe-area-inset-bottom));z-index:1500;
width:min(470px,calc(100% - 2 * var(--margen)));padding:24px 26px 26px;background:var(--noche);color:rgba(255,255,255,.86);
box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.1);animation:ck-entra var(--medio) var(--golpe) both}
#rgb-cookies::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--luz)}
@keyframes ck-entra{from{opacity:0;transform:translate(-24px,24px)}}
#rgb-cookies .ck-titulo{margin:0 0 10px;font:500 11.5px/1.4 var(--dato);letter-spacing:.09em;text-transform:uppercase;color:var(--naranja)}
#rgb-cookies .ck-texto{margin:0;font-size:.95rem;line-height:1.55}
#rgb-cookies a{color:var(--blanco);text-decoration:underline;text-decoration-color:var(--naranja);text-underline-offset:3px}
#rgb-cookies a:hover{color:var(--naranja)}
#rgb-cookies .ck-botones{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
#rgb-cookies .btn{--c:var(--corte-s);min-height:46px;padding:0 16px;font-size:14.5px}
#rgb-cookies .btn::before{display:none}
#rgb-cookies .btn-light{color:var(--blanco)}
@media (max-width:560px){
#rgb-cookies{left:12px;width:calc(100% - 24px);bottom:max(12px,env(safe-area-inset-bottom));padding:20px 20px 22px}
#rgb-cookies .ck-texto{font-size:.9rem}
}
@media (prefers-reduced-motion:reduce){#rgb-cookies{animation:ck-funde .18s linear both}}
@keyframes ck-funde{from{opacity:0}}
.pie-legal li:has(>[hidden]){display:none}
.pie-legal button{display:inline-block;padding:6px 0;border:0;background:none;color:rgba(255,255,255,.7);font:inherit;
letter-spacing:inherit;cursor:pointer;transition:color var(--rapido) var(--curva)}
.pie-legal button:hover,.pie-legal button:focus-visible{color:var(--naranja)}
@media (max-width:720px){.pie-legal button{display:inline-flex;align-items:center;min-height:44px;padding-block:0}}
.wa-flotante{--c:var(--corte-m);position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));
z-index:900;display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 20px 0 16px;background:#25D366;color:var(--noche);
font:650 15px/1 var(--texto);letter-spacing:.01em;text-decoration:none;white-space:nowrap;box-shadow:0 10px 28px rgba(0,0,0,.28);
transition:background-color var(--rapido) var(--curva),transform var(--medio) var(--golpe),opacity var(--medio) var(--golpe),visibility 0s;
animation:wa-entra var(--medio) var(--golpe) .5s backwards}
.wa-flotante svg{width:22px;height:22px;flex:none}
@media (hover:hover){.wa-flotante:hover{background:#3EE07D;color:var(--noche);transform:translate(2px,-2px)}}
.wa-flotante:active{transform:scale(.97)}
.wa-flotante:focus-visible{clip-path:none}
.wa-flotante.tras-aviso{opacity:0;visibility:hidden;transform:translate(-24px,24px);
transition:transform var(--medio) var(--golpe),opacity var(--medio) var(--golpe),visibility 0s var(--medio)}
@keyframes wa-entra{from{opacity:0;transform:translate(-24px,24px)}}
@media (max-width:560px){
.wa-flotante{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));min-height:48px;padding:0 16px 0 14px;font-size:14.5px}
.pie-final{padding-bottom:max(96px,calc(env(safe-area-inset-bottom) + 82px))}
}
@media (prefers-reduced-motion:reduce){.wa-flotante{animation:wa-funde .18s linear .5s backwards}.wa-flotante:hover,.wa-flotante.tras-aviso{transform:none!important}}
@keyframes wa-funde{from{opacity:0}}
@media print{.wa-flotante{display:none}}
.revela{opacity:0;transform:translate(-30px,30px);transition:opacity .7s var(--curva),transform .9s var(--golpe);
transition-delay:calc(var(--i,0) * 70ms)}
.revela.visible{opacity:1;transform:none}
.revela-corte{clip-path:polygon(0 100%,0 100%,0 100%,0 100%,0 100%,0 100%);transition:clip-path 1.2s var(--golpe);transition-delay:calc(var(--i,0) * 90ms)}
.revela-corte.visible{clip-path:polygon(var(--c,0) 0,100% 0,100% calc(100% - var(--c,0)),calc(100% - var(--c,0)) 100%,0 100%,0 var(--c,0))}
.trazo{transform-origin:0 50%;transform:scaleX(0);transition:transform 1s var(--golpe)}
.visible .trazo,.trazo.visible{transform:none}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation-duration:.6s;animation-timing-function:cubic-bezier(.62,0,.24,1);animation-fill-mode:both}
::view-transition-old(root){animation-name:vt-sale}
::view-transition-new(root){animation-name:vt-entra}
@keyframes vt-sale{to{opacity:.4}}
@keyframes vt-entra{from{clip-path:polygon(0 100%,0 100%,0 100%)}to{clip-path:polygon(0 100%,0 calc(100% - 100vw - 100vh - 200px),calc(100vw + 100vh + 200px) 100%)}}
@property --vt{syntax:"<length>";inherits:false;initial-value:0px}
.vt-luz{display:none}
html:active-view-transition .vt-luz{display:block;position:fixed;inset:0;z-index:1001;pointer-events:none;
background:linear-gradient(45deg,transparent calc(var(--vt) * .7071 - 90px),rgba(236,107,0,.14) calc(var(--vt) * .7071 - 32px),
rgba(255,150,50,.5) calc(var(--vt) * .7071 - 4px),var(--ambar) calc(var(--vt) * .7071 - 2px),#FFF1D0 calc(var(--vt) * .7071 - .5px),transparent calc(var(--vt) * .7071));
animation:vt-luz .6s cubic-bezier(.62,0,.24,1) both}
@keyframes vt-luz{from{--vt:0px}to{--vt:calc(100vw + 100vh + 200px)}}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
.revela,.revela-corte{opacity:1;transform:none;clip-path:none}
.rayos,.btn::after,.btn-submit::after,.fc::after,.feature-visual::after,.pie-gigante::before{display:none}
.js .pie-gigante{clip-path:none}
.cabecera.oculta{transform:none}
::view-transition-old(root),::view-transition-new(root){mix-blend-mode:plus-lighter;animation:vt-funde .18s linear both}
::view-transition-old(root){animation-direction:reverse}
html:active-view-transition .vt-luz{display:none}
@keyframes vt-funde{from{opacity:0}}
}
@media (max-width:760px){
.page-hero,.page-hero .hero-img::after,.page-hero::after{animation:none}
.page-hero .hero-img{animation:ph-acerca 2.6s var(--golpe) .1s both}
.page-hero h1{animation:entra-45 .9s var(--golpe) .3s backwards}
.hero .hero-img{animation:none}
.hero h1 .destacado{animation:palabra-entra 1.15s var(--golpe) both;animation-delay:calc(.3s + var(--i,0) * 95ms)}
.feature-visual{animation:none}
.cta h2{animation:none;background-position:0 0}
.revela-corte{clip-path:none;transition:none}
:is(.projects,.gallery)>.revela.visible img,.blog-grid>.revela.visible .blog-img{animation:none}
.elegir tbody tr{transition:background-color var(--medio) var(--curva)}
}
main>:is(section,.section):not(:first-child):not(.page-hero + *),.footer{content-visibility:auto;contain-intrinsic-size:auto 900px}