/* La Fuente — Tema Día de Muertos: morado, rosa mexicano y cempasúchil, con papel picado */
:root {
  --verde: #4A1763; --verde-2: #6B2187; --verde-3: #8E3AA8; --verde-claro: #F3E6F7;
  --oro: #D96A00; --oro-2: #F59E0B; --oro-3: #FFC94D; --oro-claro: #FFF0D6;
}
.portada {
  background:
    radial-gradient(800px 460px at 88% 8%, rgba(245, 158, 11, .38), transparent 60%),
    radial-gradient(700px 520px at 0% 100%, rgba(228, 0, 124, .35), transparent 60%),
    linear-gradient(160deg, #24093A, #4A1763 55%, #2B0B40);
  padding-top: 110px;
}
/* Flores de cempasúchil de fondo */
.portada::before {
  opacity: .12;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 110 110'%3E%3Cg fill='%23F59E0B'%3E%3Ccircle cx='55' cy='55' r='7'/%3E%3Cellipse cx='55' cy='40' rx='6' ry='10'/%3E%3Cellipse cx='55' cy='70' rx='6' ry='10'/%3E%3Cellipse cx='40' cy='55' rx='10' ry='6'/%3E%3Cellipse cx='70' cy='55' rx='10' ry='6'/%3E%3Cellipse cx='44' cy='44' rx='6' ry='9' transform='rotate(-45 44 44)'/%3E%3Cellipse cx='66' cy='66' rx='6' ry='9' transform='rotate(-45 66 66)'/%3E%3Cellipse cx='66' cy='44' rx='6' ry='9' transform='rotate(45 66 44)'/%3E%3Cellipse cx='44' cy='66' rx='6' ry='9' transform='rotate(45 44 66)'/%3E%3C/g%3E%3C/svg%3E");
}
/* Papel picado colgando arriba de la portada */
.portada::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%3Cg fill-rule='evenodd'%3E%3Cpath fill='%23E4007C' d='M8 8h74v52l-9 8-9-8-9 8-9-8-9 8-9-8-9 8-11-8z M45 20l8 10-8 10-8-10z M24 30a5 5 0 1 0 0.1 0z M66 30a5 5 0 1 0 0.1 0z M30 48h30v4H30z'/%3E%3Cpath fill='%23F59E0B' d='M98 10h74v52l-9 8-9-8-9 8-9-8-9 8-9-8-9 8-11-8z M135 22a9 9 0 1 0 0.1 0z M112 44l6-8 6 8-6 8z M146 44l6-8 6 8-6 8z'/%3E%3Cpath fill='%237C3AED' d='M188 11h74v52l-9 8-9-8-9 8-9-8-9 8-9-8-9 8-11-8z M225 22l12 12-12 12-12-12z M202 26h8v8h-8z M240 26h8v8h-8z M210 52h30v4h-30z'/%3E%3Cpath fill='%2310B981' d='M278 10h74v52l-9 8-9-8-9 8-9-8-9 8-9-8-9 8-11-8z M315 22a10 10 0 1 0 0.1 0z M294 44a4 4 0 1 0 0.1 0z M336 44a4 4 0 1 0 0.1 0z'/%3E%3Cpath fill='%23FFC94D' d='M368 8h74v52l-9 8-9-8-9 8-9-8-9 8-9-8-9 8-11-8z M405 18l9 14-9 14-9-14z M382 24h8v8h-8z M420 24h8v8h-8z M388 48h34v4h-34z'/%3E%3C/g%3E%3C/svg%3E");
  filter: drop-shadow(0 6px 6px rgba(0,0,0,.25));
}
.portada h1 em { color: var(--oro-3); }
.portada__logo { box-shadow: 0 40px 80px -30px rgba(0,0,0,.6), inset 0 0 0 8px #FFF0D6, inset 0 0 0 10px #F59E0B; }
.cinta-tema { background: linear-gradient(90deg, #E4007C, #F59E0B 50%, #7C3AED); }
.pie { background: #1E0830; }
.boton--oro { background: linear-gradient(135deg, #F59E0B, #E4007C); }
.boton--oro:hover { background: linear-gradient(135deg, #FFC94D, #F59E0B); }
.encabezado-seccion .pre { color: #E4007C; }
@media (max-width: 560px) { .portada::after { height: 56px; background-size: 324px 56px; } .portada { padding-top: 80px; } }