/* Mad Lolita — aviso de cookies y embeds condicionados */
#madlolita-cookies-punk {
    position: fixed;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 999999;
    max-width: 640px;
    margin: 0 auto;
    background: rgba(10, 5, 7, .97);
    color: #fff;
    border: 2px solid #ff007a;
    border-radius: 18px 5px 18px 5px;
    box-shadow: 0 0 28px rgba(255, 0, 122, .32), 0 14px 40px rgba(0,0,0,.72);
    transform: translateY(35px) rotate(.4deg);
    opacity: 0;
    pointer-events: none;
    transition: transform .25s ease, opacity .25s ease;
}
#madlolita-cookies-punk.show { transform: translateY(0) rotate(-.25deg); opacity: 1; pointer-events: auto; }
#madlolita-cookies-punk.closing { transform: translateY(25px); opacity: 0; }
.cookies-punk-container { padding: 22px; }
.cookies-kicker { margin: 0 0 6px; font: 800 .78rem/1.2 system-ui,sans-serif; letter-spacing: .16em; color: #ff75b5; }
.cookies-punk-title { margin: 0 0 10px; color: #fff; font-family: 'newSlendermanswriting', sans-serif; font-size: clamp(1.7rem, 5vw, 2.45rem); line-height: 1; }
.cookies-punk-text { margin: 0; color: #f0e7eb; font: 500 .98rem/1.55 system-ui,sans-serif; }
.cookies-punk-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; }
.punk-btn { min-height: 46px; padding: 11px 15px; border-radius: 999px; font: 800 .85rem/1.2 system-ui,sans-serif; letter-spacing: .03em; cursor: pointer; }
.punk-btn.accept { border: 2px solid #ff007a; background: #ff007a; color: #fff; }
.punk-btn.reject { border: 2px solid #ff007a; background: transparent; color: #fff; }
.punk-btn:hover, .punk-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.cookies-punk-legal-links { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 14px; }
.cookies-punk-legal-links a { color: #ff9acb; font: 700 .82rem/1.4 system-ui,sans-serif; text-underline-offset: 3px; }

.ml-consent-map { min-height: var(--ml-map-height, 400px); position: relative; background: #0c0709; border: 2px solid #ff177a; border-radius: 12px; overflow: hidden; }
.ml-consent-map__frame { display: block; width: 100%; height: var(--ml-map-height, 400px); border: 0; }
.ml-consent-map__placeholder { min-height: var(--ml-map-height, 400px); padding: 28px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; text-align: center; background: radial-gradient(circle at 50% 40%, rgba(255,0,122,.16), transparent 55%), #0c0709; }
.ml-consent-map__placeholder strong { font-family: 'newSlendermanswriting', sans-serif; color: #ff4a9d; font-size: clamp(2rem, 5vw, 3rem); }
.ml-consent-map__placeholder span { max-width: 560px; font: 500 1rem/1.5 system-ui,sans-serif; color: #e9dde2; }
.ml-consent-map__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 8px; }
.ml-consent-map__actions .ml-button { text-decoration: none; }

@media (max-width: 620px) {
    #madlolita-cookies-punk { left: 10px; right: 10px; bottom: 82px; }
    .cookies-punk-container { padding: 18px; }
    .cookies-punk-actions { grid-template-columns: 1fr; }
}
