#personaliza.hero-medida:not([hidden]){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(24px,4vw,64px);width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin-inline:0!important;padding-block:clamp(24px,3vw,48px)!important;padding-inline:max(var(--margen-sitio),calc((100% - var(--rc-ancho))/2))!important;box-sizing:border-box;color:#f7f4ee;background:#10110f;}
#personaliza.hero-medida::before,#personaliza.hero-medida::after{content:none!important;display:none!important;}
#personaliza.hero-medida > .foto[data-foto="personalizado"]{position:relative!important;inset:auto!important;display:block!important;width:100%!important;max-width:32rem!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1!important;margin:0!important;align-self:center;justify-self:center;overflow:hidden;background:#10110f;}
#personaliza.hero-medida > .foto[data-foto="personalizado"] img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;opacity:1!important;filter:none!important;transform:none!important;}
#personaliza.hero-medida > .foto.con-imagen::after{content:none!important;display:none!important;}
#personaliza.hero-medida > .copy{position:relative!important;inset:auto!important;width:100%!important;max-width:38rem!important;min-width:0;margin:0!important;padding:0!important;align-self:center;justify-self:start;pointer-events:auto;color:inherit;}
#personaliza.hero-medida .copy h2{max-width:14ch;font-size:clamp(2rem,3.8vw,3.5rem);line-height:1.06;text-wrap:balance;}
#personaliza.hero-medida .copy .subtitulo{max-width:40ch;margin-top:18px;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.55;}
#personaliza.hero-medida .copy .etapas{margin-top:20px;}
#personaliza.hero-medida .copy .acciones{margin-top:26px;}
@media(max-width:800px){
#personaliza.hero-medida:not([hidden]){grid-template-columns:minmax(0,1fr);gap:24px;}
#personaliza.hero-medida > .foto[data-foto="personalizado"]{max-width:26rem!important;}
#personaliza.hero-medida > .copy{max-width:32rem!important;justify-self:center;}
#personaliza.hero-medida .copy h2{max-width:20ch;font-size:clamp(2rem,6vw,2.75rem);}
}