.transformation{margin:32px 0 40px;background:white;border:1px solid var(--rule);border-radius:12px;overflow:hidden}.transformation figcaption{padding:32px}.transformation figcaption p{font-size:16px;color:var(--soft);max-width:850px;margin-bottom:0}.transformation-head,.transform-row{display:grid;grid-template-columns:1fr 44px 1fr}.transformation-head{background:var(--ink);color:white}.transformation-head>div{padding:24px}.transformation-head>div>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--light)}.transformation-head h3{font-size:23px;margin:13px 0 0}.transformation-center{align-self:center;text-align:center;font-size:25px;padding:0!important;color:var(--light)}.transform-row{border-top:1px solid var(--rule)}.transform-row>div{padding:24px}.transform-row>div:last-child{background:#edf3ff}.transform-row>span{align-self:center;text-align:center;color:var(--blue);font-size:23px}.transform-row b{font:500 17px var(--heading)}.transform-row p{font-size:14px;color:var(--soft);margin:12px 0 0}.transformation-result{background:var(--mist);padding:28px;border-top:2px solid var(--blue)}.transformation-result p{font-size:20px;margin:13px 0 0;line-height:1.65}.outcome-evidence{margin:35px 0;padding:30px;border-left:3px solid var(--blue);background:#edf3ff}.outcome-evidence li{font-size:15px;color:var(--soft)}
@media(max-width:650px){.transformation figcaption{padding:25px 20px}.transformation-head{grid-template-columns:1fr}.transformation-center{transform:rotate(90deg)}.transformation-head h3{font-size:21px}.transform-row{grid-template-columns:1fr}.transform-row>span{transform:rotate(90deg);padding:3px}.transform-row>div{padding:22px}.transform-row>div:first-child:before{content:'PUNTO DE PARTIDA';display:block;color:var(--soft);font-size:9px;letter-spacing:.1em;margin-bottom:10px}.transform-row>div:last-child:before{content:'RESULTADO ESPERADO';display:block;color:var(--blue);font-size:9px;letter-spacing:.1em;margin-bottom:10px}.transformation-result{padding:23px}.transformation-result p{font-size:17px}.outcome-evidence{padding:24px}}
@media print{.transformation-head{background:var(--mist);color:var(--ink)}.transformation-head>div>span{color:var(--soft)}.transform-row{break-inside:avoid}.transformation-head,.transform-row{grid-template-columns:1fr 25px 1fr}.transform-row>div{padding:12px}.transform-row p{font-size:11px}.transform-row b{font-size:13px}.transformation-result p{font-size:14px}}