/* Identidad exclusiva de Raúl. Consumidores: portada e índice personal. */
.student-locker[data-student-id="raul-erik"],.raul-banner{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ef9e61;border-radius:16px;color:#fff8e9;background-color:#ab2117;background-image:url("historia-izquierda.svg"),url("historia-derecha.svg"),linear-gradient(115deg,#7d1615 0%,#bb2b19 38%,#b62418 65%,#7d1615 100%);background-position:left center,right center,center;background-size:auto 95%,auto 95%,cover;background-repeat:no-repeat;box-shadow:0 8px 25px #7d16151c}
.student-locker[data-student-id="raul-erik"] .student-locker-symbol,.student-locker[data-student-id="raul-erik"] .student-locker-arrow{display:none}
.student-locker[data-student-id="raul-erik"] .student-locker-copy>strong,.raul-banner h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#fff8e9;text-transform:none;text-align:center;letter-spacing:.045em;text-shadow:0 2px 10px #510c13}
.student-locker[data-student-id="raul-erik"]:hover{box-shadow:0 9px 26px #9a241b35}.student-locker[data-student-id="raul-erik"]:focus-visible{outline:3px solid #96241b;outline-offset:4px}
.student-locker[data-student-id="raul-erik"]{grid-template-columns:1fr;gap:0;}
.student-locker[data-student-id="raul-erik"],
.raul-banner{display:grid;place-items:center;min-height:clamp(210px,27vw,320px);padding:35px 25%}
.student-locker[data-student-id="raul-erik"]::after,
.raul-banner::after{content:"";position:absolute;inset:12px;border:1px solid #ffce8655;border-radius:8px;pointer-events:none}
.student-locker[data-student-id="raul-erik"] .student-locker-copy>strong,
.raul-banner h1{margin:0;font-size:clamp(3.2rem,8vw,6.2rem);line-height:1.2}
.raul-space{background:#fff3e8 url("historia-patron.svg") repeat}.raul-space .raul-hero{padding:30px 0 16px}.raul-space .user-module-section{background:transparent}.raul-space .learning-section-heading{margin-bottom:1.5rem}.raul-space .learning-section-heading h2{color:#69251e}
@media(max-width:480px){
 .student-locker[data-student-id="raul-erik"],
 .raul-banner{min-height:210px;background-size:auto 65%,auto 65%,cover;padding:30px 20%}
 .student-locker[data-student-id="raul-erik"] .student-locker-copy>strong,
 .raul-banner h1{font-size:3.2rem}
}
@media(prefers-reduced-motion:reduce){.student-locker[data-student-id="raul-erik"]{transition:none}}