/* V5.11: correccion responsiva de la seccion Impacto. */
@import url("site-v5-10.css?v=5.10.0");

/* Evita que los hijos de la cuadricula impongan un ancho mayor al disponible. */
.impact,
.impactMedia,
.impactCopy{
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}

.impactCopy h2,
.impactCopy p{
  max-width:100%;
  overflow-wrap:break-word;
}

@media(max-width:650px){
  .impact{
    align-items:start;
    display:grid;
    gap:28px;
    grid-template-columns:minmax(0,1fr);
    min-height:0;
    overflow:hidden;
    padding:56px 20px 60px;
    width:100%;
  }

  .impactBackground{
    height:100%;
    inset:0;
    max-width:none;
    object-fit:cover;
    object-position:center;
    position:absolute;
    width:100%;
  }

  .impact::before{
    background:linear-gradient(180deg,rgba(7,18,24,.76) 0%,rgba(7,18,24,.88) 100%);
  }

  .impactMedia,
  .impactCopy{
    grid-column:1;
    width:100%;
  }

  .impactCarousel,
  .impactCarouselPlaceholder{
    aspect-ratio:1/1;
    border-radius:20px;
    margin:0 auto;
    max-width:390px;
    width:100%;
  }

  .impactCopy{
    text-align:left;
  }

  .impactCopy .eyebrow{
    font-size:clamp(13px,4vw,16px);
    letter-spacing:.09em;
    line-height:1.35;
    margin:0 0 12px;
  }

  .impactCopy h2{
    font-size:clamp(32px,9.2vw,42px);
    letter-spacing:-.045em;
    line-height:1.06;
    margin:0 0 18px;
  }

  .impactCopy>p:last-child{
    font-size:clamp(16px,4.7vw,18px);
    line-height:1.6;
    margin:0;
  }
}

@media(max-width:390px){
  .impact{
    gap:24px;
    padding:48px 16px 54px;
  }

  .impactCopy h2{
    font-size:clamp(30px,9vw,36px);
  }
}