/* Cabeceras compartidas para instrumentos con imagen editorial local. */
.assessment-hero__visual{position:absolute;z-index:0;inset:0 0 0 auto;width:min(39%,440px);height:auto;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 35%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,#000 35%,#000 100%)}
.assessment-hero__visual img{display:block;width:auto;height:auto;max-width:100%;max-height:240px;object-fit:contain;object-position:right center;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 38%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,#000 38%,#000 100%)}
.wisc-hero,.wppsi-hero,.celf-hero,.rias-hero,.sheet-hero,.tool-hero{position:relative;isolation:isolate;overflow:hidden}
.wisc-hero>.shell,.wppsi-hero>.shell,.celf-hero>.shell,.rias-hero>.shell,.sheet-hero>.shell,.tool-hero>.shell{position:relative;z-index:1;width:min(100% - 2rem,1200px);margin-inline:auto}
.wisc-hero>.shell,.wppsi-hero>.shell{max-width:1200px;padding-right:min(38%,440px)}
.celf-hero>.shell,.rias-hero>.shell,.sheet-hero>.shell,.tool-hero>.shell{padding-right:min(38%,440px)}
.assessment-hero__visual{z-index:0}
@media(max-width:700px){
 .wisc-hero,.wppsi-hero,.celf-hero,.rias-hero,.sheet-hero,.tool-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(82px,29%);align-items:center;gap:.35rem;padding-block:1.35rem!important}
 .wisc-hero>.shell,.wppsi-hero>.shell,.celf-hero>.shell,.rias-hero>.shell,.sheet-hero>.shell,.tool-hero>.shell{grid-column:1;grid-row:1;width:auto;max-width:none;margin:0;padding:0 0 0 1rem;min-width:0}
 .assessment-hero__visual{position:relative;grid-column:2;grid-row:1;inset:auto;width:100%;height:clamp(116px,37vw,150px);place-items:center end}
 .assessment-hero__visual img{max-width:100%;max-height:100%}
 .assessment-hero__visual{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 26%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,#000 26%,#000 100%)}
 .wisc-hero>.shell,.wppsi-hero>.shell{padding-right:0}
}
@media(max-width:360px){
 .wisc-hero,.wppsi-hero,.celf-hero,.rias-hero,.sheet-hero,.tool-hero{grid-template-columns:minmax(0,1fr) 76px;gap:.2rem}
 .wisc-hero>.shell,.wppsi-hero>.shell,.celf-hero>.shell,.rias-hero>.shell,.sheet-hero>.shell,.tool-hero>.shell{padding-left:.75rem}
 .assessment-hero__visual{height:112px}
}
@media print{.assessment-hero__visual{display:none!important}}