/* Concepto v363 — disposición tipo Laurini: foto grande con el texto al lado, y el render de la planta lechadora
   de fondo detrás de la columna de texto de la fila "De la idea a la solución efectiva" (la segunda). */
.values-rows-v76{position:relative;isolation:isolate}
@media(min-width:1001px){
  .value-row-v76{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(48px,8vw,125px)}
  .value-row-v76.is-flip{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}
  .value-row-v76 figure{aspect-ratio:1/1.12}
}
.value-row-v76.is-flip .value-text-v76{position:relative}
.value-row-v76.is-flip .value-text-v76::before{content:"";position:absolute;z-index:-1;left:36%;top:50%;width:170%;aspect-ratio:1448/1086;transform:translate(-50%,-50%);background:url("../assets/trabajos/planta-lechadora-transparente-v361.webp") center/contain no-repeat;filter:brightness(1.55) contrast(1.05) saturate(1.15);opacity:.5;pointer-events:none}
@media(max-width:1000px){
  .value-row-v76.is-flip .value-text-v76::before{width:150%;opacity:.3}
}
@supports(animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    .value-row-v76.is-flip .value-text-v76::before{animation:concepto-planta-v363 linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    @keyframes concepto-planta-v363{
      from{transform:translate(-50%,-34%) scale(.94);opacity:.18}
      40%{opacity:.5}
      to{transform:translate(-50%,-66%) scale(1.06);opacity:.3}
    }
  }
}

/* v433: la palabra CONCEPTO con el trazo más grueso, para que se note más */
.values-outline-v76{-webkit-text-stroke:10px rgba(255,255,255,.85)!important}
@media(max-width:700px){.values-outline-v76{-webkit-text-stroke:6px rgba(255,255,255,.85)!important}}

/* v451: foto de campo recortada sobre la persona y la máquina; si el marco es más ancho (celular), se centra en la persona */
#valor-identidad figure img{object-position:50% 68%}

/* v470: la planta de fondo no debe ensanchar la página en celular */
.values-v76{overflow-x:clip}