/* Tema: Quince Estrellas — cielo con destellos y nombres de princesa */

.me-tpl-quince-estrellas {
    --me-photo-radius: 16px;
    --me-card-radius: 16px;
    --me-btn-radius: 999px;
    --me-line: color-mix(in srgb, var(--me-text) 18%, transparent);
    --me-card-shadow: 0 6px 26px rgba(0, 0, 0, .25);
    background-image:
        radial-gradient(circle 2px at 15% 6%,  color-mix(in srgb, var(--me-accent) 80%, transparent) 0 2px, transparent 3px),
        radial-gradient(circle 1.5px at 32% 12%, color-mix(in srgb, var(--me-accent) 55%, transparent) 0 1.5px, transparent 2.5px),
        radial-gradient(circle 2.5px at 50% 5%, color-mix(in srgb, var(--me-accent) 70%, transparent) 0 2.5px, transparent 3.5px),
        radial-gradient(circle 1.5px at 68% 11%, color-mix(in srgb, var(--me-accent) 55%, transparent) 0 1.5px, transparent 2.5px),
        radial-gradient(circle 2px at 86% 7%,  color-mix(in srgb, var(--me-accent) 75%, transparent) 0 2px, transparent 3px),
        radial-gradient(circle 1.5px at 10% 22%, color-mix(in srgb, var(--me-accent) 40%, transparent) 0 1.5px, transparent 2.5px),
        radial-gradient(circle 1.5px at 92% 24%, color-mix(in srgb, var(--me-accent) 40%, transparent) 0 1.5px, transparent 2.5px);
    background-repeat: no-repeat;
    background-size: 100% 720px;
}

.me-tpl-quince-estrellas .me-hero__names {
    text-transform: none;
    letter-spacing: .02em;
    font-size: clamp(2.8rem, 9vw, 4.8rem);
    color: var(--me-accent);
    font-weight: 500;
}

.me-tpl-quince-estrellas .me-pagehead__names a { color: var(--me-accent); text-transform: none; font-size: 1.6rem; }

.me-tpl-quince-estrellas .me-nav__list a {
    font-style: normal;
    font-family: var(--me-body-font);
    font-size: .82rem;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.me-tpl-quince-estrellas .me-section__title,
.me-tpl-quince-estrellas .me-page-title { color: var(--me-accent); text-transform: none; font-size: clamp(1.7rem, 5vw, 2.4rem); }

.me-tpl-quince-estrellas .me-divider span::before { content: "✦ "; }
.me-tpl-quince-estrellas .me-divider span::after { content: " ✦"; }
