/* CFM — Día de Muertos en el pizarrón: morado, cempasúchil y rosa mexicano.
   Papel picado con símbolos matemáticos recortados y símbolos que caen. */
:root { --pizarron: #2E0E44; --pizarron-2: #4A1763; --oro: #F59E0B; --oro-2: #D97706; --oro-suave: #FFF0D6; }
.hero { background: radial-gradient(800px 460px at 88% 8%, rgba(245, 158, 11, .26), transparent 60%), radial-gradient(700px 520px at 0% 100%, rgba(228, 0, 124, .28), transparent 60%), linear-gradient(160deg, #24093A, #3D1352 55%, #2B0B40); }
.hero__dentro { padding-top: 104px; }
.hero::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 78px; z-index: 2; pointer-events: none;
  background-repeat: repeat-x; background-size: 450px 78px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='450' height='78' viewBox='0 0 450 78'%3E%3Cpath d='M0 6 Q225 16 450 6' stroke='%23F3E6F7' stroke-width='1.5' fill='none' opacity='.7'/%3E%3Cpath fill='%23E4007C' d='M8 8h74v52l-9 8-9-8-9 8-9-8-9 8-9-8-9 8-11-8z'/%3E%3Cg transform='translate(27 16) scale(1.5)'%3E%3Cpath d='M4 7h16M9 7v11M15 7v9q0 2 2 2' fill='none' stroke='%232E0E44' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath fill='%23F59E0B' d='M98 10h74v52l-9 8-9-8-9 8-9-8-9 8-9-8-9 8-11-8z'/%3E%3Cg transform='translate(117 18) scale(1.5)'%3E%3Cpath d='M3 13h3l3 7 5-16h7' fill='none' stroke='%232E0E44' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath fill='%237C3AED' d='M188 11h74v52l-9 8-9-8-9 8-9-8-9 8-9-8-9 8-11-8z'/%3E%3Cg transform='translate(207 19) scale(1.5)'%3E%3Cpath d='M18 5H6l6 7-6 7h12' fill='none' stroke='%232E0E44' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath fill='%2310B981' d='M278 10h74v52l-9 8-9-8-9 8-9-8-9 8-9-8-9 8-11-8z'/%3E%3Cg transform='translate(297 18) scale(1.5)'%3E%3Cpath d='M12 12C9 7 3 7 3 12C3 17 9 17 12 12C15 7 21 7 21 12C21 17 15 17 12 12Z' fill='none' stroke='%232E0E44' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath fill='%23FFC94D' d='M368 8h74v52l-9 8-9-8-9 8-9-8-9 8-9-8-9 8-11-8z'/%3E%3Cg transform='translate(387 16) scale(1.5)'%3E%3Cpath d='M4 7h16M9 7v11M15 7v9q0 2 2 2' fill='none' stroke='%232E0E44' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"); filter: drop-shadow(0 6px 6px rgba(0, 0, 0, .25)); }
.hero p.lead { color: #E9D8F2; }
.cinta-tema { background: linear-gradient(90deg, #E4007C, #F59E0B 50%, #7C3AED); }
.tema-nota { color: rgba(255, 201, 77, .85); }
/* Símbolos matemáticos (Día de Muertos) */
.adorno--simbolo { width: calc(30px * var(--e)); height: calc(30px * var(--e)); background: var(--c1, #F59E0B); opacity: .85; }
.adorno--simbolo:nth-child(3n+2) { background: var(--c2, #E4007C); }
.adorno--simbolo:nth-child(3n) { background: var(--c3, #FFC94D); }

.s-pi { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M9 7v11M15 7v9q0 2 2 2' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M9 7v11M15 7v9q0 2 2 2' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.s-raiz { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h3l3 7 5-16h7' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h3l3 7 5-16h7' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.s-inf { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12C9 7 3 7 3 12C3 17 9 17 12 12C15 7 21 7 21 12C21 17 15 17 12 12Z' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12C9 7 3 7 3 12C3 17 9 17 12 12C15 7 21 7 21 12C21 17 15 17 12 12Z' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.s-sigma { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 5H6l6 7-6 7h12' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 5H6l6 7-6 7h12' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
@media (max-width: 560px) { .hero::after { height: 56px; background-size: 324px 56px; } .hero__dentro { padding-top: 80px; } }