/* v6 / haus-intro. Seccion CenteredImage de madeinhaus.com: CSS de _next/static/css/{64eb8ed0367c0324,d89cb653e13bb823,2029a1396e87ecbf}.css,
   verbatim pero con prefijo #sec-haus-intro, fuentes con prefijo hh- y los rem del sitio (html 62.5 % = 10px) escritos en px.
   Rutas url() relativas a home/secciones/haus-intro/. Ver docs/SPEC_V6.md. */
@font-face{font-family:"hh-monument";src:url("../../assets/v6/fonts/monument.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"hh-monument_mono";src:url("../../assets/v6/fonts/monument_mono.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"hh-compagnon";src:url("../../assets/v6/fonts/compagnon.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
#sec-haus-intro{
  background-color:var(--sys-hueso,#F3F3EF);   /* Papel picado: hueso, igual que los sectores (Emilio, 2026-10-26; la lila del 23 se veia morada con la tele vieja) */
  --hh-grid-margin:24px;--hh-grid-gap:12px;--hh-grid-columns:4;
  --hh-grid-content-width:calc(100vw - var(--hh-grid-margin) * 2);
  --hh-grid-gaps-width:calc((var(--hh-grid-columns) - 1) * var(--hh-grid-gap));
  --hh-grid-cols-width:calc(var(--hh-grid-content-width) - var(--hh-grid-gaps-width));
  --hh-grid-col-width:calc(var(--hh-grid-cols-width) / var(--hh-grid-columns));
  --hh-black:var(--sys-tinta,#131901);--hh-ease-out-cubic:cubic-bezier(.215,.61,.355,1);
  color:var(--hh-black);font-family:"hh-monument", Arial, sans-serif;font-size:14px;line-height:1.4;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
@media (min-width:744px){#sec-haus-intro{--hh-grid-columns:8;--hh-grid-gap:24px}}
@media (min-width:1280px){#sec-haus-intro{--hh-grid-columns:12}}
@media (min-width:1920px){#sec-haus-intro{--hh-grid-gap:40px;--hh-grid-margin:80px}}
#sec-haus-intro *{box-sizing:border-box}
#sec-haus-intro h2,#sec-haus-intro p{margin:0;font-weight:400}
#sec-haus-intro a{color:inherit;text-decoration:none}
#sec-haus-intro .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* rejilla del sitio */
#sec-haus-intro .grid_container{width:calc(100% - var(--hh-grid-margin) * 2)!important;margin-left:var(--hh-grid-margin)!important;margin-right:var(--hh-grid-margin)!important}
#sec-haus-intro .grid_container,#sec-haus-intro .grid_subContainer{display:grid;gap:0 var(--hh-grid-gap);grid-template-columns:repeat(var(--hh-grid-columns),minmax(0,1fr));grid-template-rows:auto}
/* CenteredImage */
#sec-haus-intro .CenteredImage_root{padding-top:40px;padding-bottom:40px}
#sec-haus-intro .CenteredImage_headline,#sec-haus-intro .CenteredImage_inner{grid-column:1/-1}
#sec-haus-intro .CenteredImage_cta,#sec-haus-intro .CenteredImage_headline,#sec-haus-intro .CenteredImage_inner{text-align:center}
#sec-haus-intro .CenteredImage_inner{padding-top:50px;padding-bottom:50px}
#sec-haus-intro .CenteredImage_cta,#sec-haus-intro .CenteredImage_imageContainer,#sec-haus-intro .CenteredImage_textLeft,#sec-haus-intro .CenteredImage_textRight{grid-column:1/-1}
#sec-haus-intro .CenteredImage_textLeft,#sec-haus-intro .CenteredImage_textRight{width:60%;margin:0 auto}
#sec-haus-intro .CenteredImage_imageContainer{width:80%;margin:24px auto}
#sec-haus-intro .CenteredImage_cta{margin:0 auto}
#sec-haus-intro .post-hero-padding{padding-top:80px!important}
@media (min-width:744px){
  #sec-haus-intro .CenteredImage_root{padding-top:144px;padding-bottom:144px}
  #sec-haus-intro .CenteredImage_headline,#sec-haus-intro .CenteredImage_imageContainer{padding-left:var(--hh-grid-col-width);padding-right:var(--hh-grid-col-width)}
  #sec-haus-intro .CenteredImage_imageContainer{width:100%;grid-column:2/-2}
  #sec-haus-intro .CenteredImage_textLeft,#sec-haus-intro .CenteredImage_textRight{width:50%}
  #sec-haus-intro .post-hero-padding{padding-top:96px!important}
}
@media (min-width:1280px){
  #sec-haus-intro .CenteredImage_root{padding-top:100px;padding-bottom:100px}
  #sec-haus-intro .CenteredImage_inner{padding-top:80px;padding-bottom:80px}
  #sec-haus-intro .CenteredImage_headline{grid-column:3/-3;padding:0}
  #sec-haus-intro .CenteredImage_imageContainer{margin:0;width:100%;grid-column:4/-4;padding-left:calc(var(--hh-grid-col-width) / 2);padding-right:calc(var(--hh-grid-col-width) / 2)}
  #sec-haus-intro .CenteredImage_textLeft,#sec-haus-intro .CenteredImage_textRight{width:auto;align-self:center}
  #sec-haus-intro .CenteredImage_textLeft{text-align:left;grid-column:1/3}
  #sec-haus-intro .CenteredImage_textRight{text-align:right;grid-column:-3/-1}
  #sec-haus-intro .post-hero-padding{padding-top:200px!important}
}
/* tipografia del sitio (text-*) */
#sec-haus-intro .text-heading-md{font-family:"hh-monument", Arial, sans-serif;font-size:6.9vw;font-style:normal;font-weight:400;line-height:112%;letter-spacing:-.26px}
@media (min-width:744px){#sec-haus-intro .text-heading-md{font-size:4.7vw;letter-spacing:-.72px;line-height:110%}}
@media (min-width:1024px){#sec-haus-intro .text-heading-md{font-size:3.2vw}}
@media (min-width:1280px){#sec-haus-intro .text-heading-md{font-size:3.3vw;letter-spacing:-.96px}}
@media (min-width:1920px){#sec-haus-intro .text-heading-md{font-size:clamp(64px,3.1vw,100px)}}
#sec-haus-intro .text-label-md{font-family:"hh-monument_mono", Arial, sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:130%;letter-spacing:.48px;text-transform:uppercase}
@media (min-width:1920px){#sec-haus-intro .text-label-md{font-size:clamp(12px,.6vw,15px)}}
#sec-haus-intro .text-accent{font-family:"hh-compagnon", Arial, sans-serif;font-size:22px;font-style:normal;font-weight:400;line-height:110%;letter-spacing:-.2px}
@media (min-width:744px){#sec-haus-intro .text-accent{font-size:24px}}
@media (min-width:1280px){#sec-haus-intro .text-accent{font-size:22px}}
@media (min-width:1920px){#sec-haus-intro .text-accent{font-size:clamp(22px,1.4vw,36px)}}
/* AnimatedTextLines (variante mask): los renglones los arma section.js (.line > .word) */
#sec-haus-intro .AnimatedTextLines_root{opacity:.001;text-wrap:auto}
#sec-haus-intro .AnimatedTextLines_root.AnimatedTextLines_animate{opacity:1}
#sec-haus-intro .AnimatedTextLines_mask .line{overflow:hidden}
#sec-haus-intro .AnimatedTextLines_mask .word{transform:translate3d(0,100%,0);will-change:transform,opacity}
#sec-haus-intro .AnimatedTextLines_mask .line:first-of-type .word{animation-delay:calc(.1s + var(--animation-delay))}
#sec-haus-intro .AnimatedTextLines_mask .line:nth-of-type(2) .word{animation-delay:calc(.2s + var(--animation-delay))}
#sec-haus-intro .AnimatedTextLines_mask .line:nth-of-type(3) .word{animation-delay:calc(.3s + var(--animation-delay))}
#sec-haus-intro .AnimatedTextLines_mask .line:nth-of-type(4) .word{animation-delay:calc(.4s + var(--animation-delay))}
#sec-haus-intro .AnimatedTextLines_mask .line:nth-of-type(5) .word{animation-delay:calc(.5s + var(--animation-delay))}
#sec-haus-intro .AnimatedTextLines_mask .line:nth-of-type(6) .word{animation-delay:calc(.6s + var(--animation-delay))}
#sec-haus-intro .AnimatedTextLines_mask .line:nth-of-type(7) .word{animation-delay:calc(.7s + var(--animation-delay))}
#sec-haus-intro .AnimatedTextLines_mask .line:nth-of-type(8) .word{animation-delay:calc(.8s + var(--animation-delay))}
#sec-haus-intro .AnimatedTextLines_mask.AnimatedTextLines_animate .word{animation:hh-fadeUpIn 1s var(--hh-ease-out-cubic) forwards}
@keyframes hh-fadeUpIn{to{transform:translateZ(0);opacity:1}}
/* TextScramble */
#sec-haus-intro .TextScramble_root{position:relative;display:block}
#sec-haus-intro .TextScramble_measureText{display:block;visibility:hidden;pointer-events:none}
#sec-haus-intro .TextScramble_visibleText{display:block;top:0;left:0;width:100%;position:absolute}
#sec-haus-intro .TextScramble_inherit{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit}
/* ImageOrVideo: la caja del video de Haus (1176 x 882) */
#sec-haus-intro .ImageOrVideo_root{position:relative;width:100%;aspect-ratio:1176/882;opacity:.001;transition:opacity .3s linear;overflow:hidden;border-radius:2px;background:#000}
#sec-haus-intro .ImageOrVideo_root.ImageOrVideo_loaded{opacity:1}
@media (min-width:744px){#sec-haus-intro .ImageOrVideo_root{border-radius:4px}}
#sec-haus-intro .ImageOrVideo_media{display:block;width:100%;height:100%;object-fit:cover}
#sec-haus-intro .ImageOrVideo_media.ImageOrVideo_video{position:absolute;top:0;left:0;width:100%;height:100%}