/* Hero de portada ˇ¤ formato medicube global (texto izquierda, media derecha, autoplay).
   Se carga despu¨¦s de home.css y reemplaza el layout anterior del .home-hero. */

.home-redesign .home-hero-global{background:#faf5f6;position:relative}
.home-redesign .home-hero-global .home-hero-track{margin-left:0}

/* Slide: dos columnas */
.home-redesign .home-hero-global .home-hero-slide{
  display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);align-items:stretch;
  height:auto;min-height:clamp(460px,38vw,660px);padding:0;background:var(--hero-bg,#faf5f6);
  position:relative;overflow:hidden
}
.home-redesign .home-hero-global .home-hero-slide:after{content:none}

/* Columna de texto (txt-con) */
/* Margen izquierdo: se alinea con el contenido del sitio (m¨˘x. 1400px) pero nunca deja
   menos de ~380px para el texto, sin importar el ancho de pantalla o el zoom. */
.home-redesign .home-hero-global{--hero-gutter:max(28px,min(max(min(7.5vw,130px),50vw - 700px),42vw - 410px))}
.home-redesign .home-hero-global .home-hero-copy{
  position:relative;z-index:1;align-self:center;width:auto;max-width:none;min-width:0;margin:0;
  padding:40px 32px 72px var(--hero-gutter);box-sizing:border-box
}
.home-redesign .home-hero-global .home-hero-copy>*{max-width:600px}
.home-redesign .home-hero-global .home-hero-title{
  color:#080808;font-size:clamp(40px,4.3vw,72px);font-weight:700;line-height:1.02;letter-spacing:-.05em;margin:0
}
.home-redesign .home-hero-global .home-hero-subtitle{margin:16px 0 8px;font-size:clamp(20px,2vw,32px);line-height:1.2}
.home-redesign .home-hero-global .home-hero-description{margin-bottom:30px;max-width:440px;font-size:clamp(15px,1.25vw,19px)}
.home-redesign .home-hero-global .home-hero-actions{display:flex;flex-direction:column;align-items:flex-start}
.home-redesign .home-hero-global .home-hero-copy .home-button{min-width:230px}

/* Columna de media (right-side) */
.home-redesign .home-hero-global .home-hero-media{position:relative;min-width:0;height:100%;overflow:hidden}
.home-redesign .home-hero-global .home-hero-media picture{display:contents}
.home-redesign .home-hero-global .home-hero-media img,
.home-redesign .home-hero-global .home-hero-media video{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  object-fit:var(--hero-fit,cover);object-position:var(--hero-pos,center)
}
.home-redesign .home-hero-global .home-hero-media:before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:26%;pointer-events:none;background:linear-gradient(90deg,var(--hero-bg,#faf5f6),transparent)}
.home-redesign .home-hero-global .is-blend .home-hero-media img{mix-blend-mode:multiply;padding:24px 40px 24px 0}
.home-redesign .home-hero-global .home-hero-video.is-mobile{display:none}

/* Entrada suave del texto del slide activo */
@keyframes homeHeroUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes homeHeroZoom{from{transform:scale(1.045)}to{transform:scale(1)}}
.home-redesign .home-hero-global .home-hero-slide[aria-hidden=false] .home-hero-copy>*{animation:homeHeroUp .75s cubic-bezier(.22,.61,.36,1) both}
.home-redesign .home-hero-global .home-hero-slide[aria-hidden=false] .home-hero-copy>*:nth-child(2){animation-delay:.08s}
.home-redesign .home-hero-global .home-hero-slide[aria-hidden=false] .home-hero-copy>*:nth-child(3){animation-delay:.16s}
.home-redesign .home-hero-global .home-hero-slide[aria-hidden=false] .home-hero-copy>*:nth-child(4){animation-delay:.24s}
.home-redesign .home-hero-global .home-hero-slide[aria-hidden=false] .home-hero-media img{animation:homeHeroZoom 1.6s cubic-bezier(.22,.61,.36,1) both}

/* Controles */
.home-redesign .home-hero-global .home-hero-prev{left:1.4%}
.home-redesign .home-hero-global .home-hero-next{right:1.4%}
.home-redesign .home-hero-global .home-hero-pagination{bottom:16px;right:auto;left:var(--hero-gutter);gap:10px}
.home-redesign .home-hero-global .home-hero-toggle{
  display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:50%;cursor:pointer;
  color:#1a1418;background:#ffffffd9;border:1px solid #e3d9dd
}
.home-redesign .home-hero-global .home-hero-toggle:hover{background:#fff;border-color:#c9b6be}
.home-redesign .home-hero-global .home-hero-toggle .i-play{display:none}
.home-redesign .home-hero-global .home-hero-toggle[aria-pressed=true] .i-play{display:block}
.home-redesign .home-hero-global .home-hero-toggle[aria-pressed=true] .i-pause{display:none}

/* Barra de progreso del autoplay */
.home-redesign .home-hero-global .home-hero-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#0000000d;z-index:2;pointer-events:none}
.home-redesign .home-hero-global .home-hero-progress>span{display:block;height:100%;background:#3f2631;transform:scaleX(0);transform-origin:left center}
.home-redesign .home-hero-global.is-paused .home-hero-progress>span{opacity:.35}


@media (max-width:1100px){
  .home-redesign .home-hero-global{--hero-gutter:max(64px,min(7.5vw,47vw - 410px))}
  .home-redesign .home-hero-global .home-hero-arrow{width:38px;height:38px}
  .home-redesign .home-hero-global .home-hero-prev{left:12px}
  .home-redesign .home-hero-global .home-hero-next{right:12px}
  .home-redesign .home-hero-global .home-hero-slide{grid-template-columns:minmax(0,47fr) minmax(0,53fr);height:auto;min-height:440px}
  .home-redesign .home-hero-global .home-hero-title{font-size:44px}
  .home-redesign .home-hero-global .home-hero-subtitle{font-size:24px}
  .home-redesign .home-hero-global .home-hero-description{font-size:16px;margin-bottom:24px}
  .home-redesign .home-hero-global .home-hero-copy .home-button{min-width:210px}
}

/* M¨®vil: media arriba, texto abajo (como la versi¨®n mobile del global) */
@media (max-width:760px){
  .home-redesign .home-hero-global .home-hero-slide{
    grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:600px;align-items:start
  }
  .home-redesign .home-hero-global .home-hero-media{order:-1;height:320px}
  .home-redesign .home-hero-global .is-blend .home-hero-media img{padding:14px 22px}
  .home-redesign .home-hero-global .home-hero-media:before{inset:auto 0 0 0;width:auto;height:28%;background:linear-gradient(0deg,var(--hero-bg,#faf5f6),transparent)}
  .home-redesign .home-hero-global .home-hero-copy{align-self:start;max-width:none;padding:22px 25px 64px}
  .home-redesign .home-hero-global .home-hero-title{font-size:38px;letter-spacing:-.055em}
  .home-redesign .home-hero-global .home-hero-subtitle{margin:10px 0 8px;font-size:22px}
  .home-redesign .home-hero-global .home-hero-description{font-size:15px;margin-bottom:20px}
  .home-redesign .home-hero-global .home-hero-copy .home-button{min-width:0;min-height:44px;padding:12px 24px;font-size:12px}
  .home-redesign .home-hero-global .home-hero-br{display:none}
  .home-redesign .home-hero-global .home-hero-video.is-desktop{display:none}
  .home-redesign .home-hero-global .home-hero-video.is-mobile{display:block}
  .home-redesign .home-hero-global .home-hero-arrow{top:160px}
  .home-redesign .home-hero-global .home-hero-pagination{left:25px;bottom:14px}
}
@media (max-width:370px){
  .home-redesign .home-hero-global .home-hero-title{font-size:34px}
  .home-redesign .home-hero-global .home-hero-copy{padding-inline:20px}
}

@media (prefers-reduced-motion:reduce){
  .home-redesign .home-hero-global .home-hero-slide .home-hero-copy>*,
  .home-redesign .home-hero-global .home-hero-slide .home-hero-media img{animation:none!important}
}