/*
 * Footer (mockup v2), WhatsApp button (Parte 1, 4.2) and cookie banner. The banner sits bottom left so it
 * never covers the WhatsApp button or SOS Racismo; on phones the WhatsApp button rises above it.
 */

.ma-footer { background: var(--negro); color: #cfc7bc; padding: 56px 0 28px; font-size: 13px; }
.ma-footer__grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 36px; max-width: var(--wrap); margin: 0 auto; padding: 0 var(--gutter); }
.ma-footer__logo { height: 84px; color: #fff; margin-bottom: 12px; }
.ma-footer__title { margin: 0 0 12px; font: 700 12px/1.4 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--oro); }
.ma-footer__title--space { margin-top: 18px; }
.ma-footer ul { list-style: none; margin: 0; padding: 0; }
.ma-footer li a { display: inline-block; padding: 4px 0; margin-bottom: 3px; color: #cfc7bc; text-decoration: none; }
.ma-footer a:hover { color: #fff; }
.ma-footer__denuncias { display: inline-flex; align-items: center; min-height: 44px; margin-top: 4px; padding: 9px 16px; background: var(--oro); color: var(--negro) !important; font-weight: 700; text-decoration: none; transition: transform .2s var(--ease), box-shadow .2s; }
.ma-footer__denuncias:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0, 0, 0, .35); }
.ma-footer__fine { margin: 34px auto 0; padding: 0 var(--gutter); text-align: center; color: #8c847a; font-size: 11.5px; }
.ma-footer__fine a { color: #cfc7bc; text-decoration: none; display: inline-block; padding: 6px 2px; }
.ma-footer__fine a:hover { color: #fff; text-decoration: underline; }
@media (max-width: 900px) { .ma-footer__grid { grid-template-columns: 1fr 1fr; } .ma-footer__brand { grid-column: 1 / -1; } }
@media (max-width: 600px) { .ma-footer__grid { grid-template-columns: 1fr; } .ma-footer li a, .ma-footer__fine a { padding: 11px 0; margin: 0; } }

/* WhatsApp: the only color outside the palette (manual 02). */
.ma-wa { position: fixed; right: 20px; bottom: 20px; z-index: 60; display: flex; align-items: center; gap: 9px; padding: 13px 20px 13px 16px; border-radius: 40px; background: #25d366; color: #fff; font: 700 14px/1 var(--sans); text-decoration: none; box-shadow: 0 10px 24px rgba(0, 0, 0, .3); transition: transform .2s var(--ease), bottom .25s var(--ease); }
.ma-wa:hover { transform: translateY(-3px) scale(1.04); color: #fff; }
.ma-wa svg { flex: none; }
@media (max-width: 600px) {
	.ma-wa { right: 14px; bottom: 14px; padding: 14px; }
	.ma-wa__label { display: none; }
	.has-consent-banner .ma-wa { bottom: calc(var(--consent-h, 150px) + 14px); }
}

.ma-consent { position: fixed; left: 20px; bottom: 20px; z-index: 70; max-width: 420px; padding: 18px 20px; border-radius: 6px; background: var(--negro); color: #fff; font-size: 13.5px; line-height: 1.5; box-shadow: 0 14px 34px rgba(0, 0, 0, .35); border-top: 3px solid var(--oro); }
.ma-consent a { color: #fff; }
.ma-consent__actions { display: flex; gap: 10px; margin-top: 12px; }
.ma-consent__actions .wp-element-button { min-height: 44px; padding: 10px 20px; background: var(--oro); color: var(--negro); border: 2px solid var(--oro); border-radius: 2px; font: 700 14px var(--sans); cursor: pointer; }
.ma-consent__no { min-height: 44px; padding: 10px 20px; background: none; color: #fff; border: 2px solid #fff; border-radius: 2px; font: 700 14px var(--sans); cursor: pointer; }
@media (max-width: 600px) { .ma-consent { left: 0; right: 0; bottom: 0; max-width: none; border-radius: 0; } }
.ma-no-banner .ma-consent { display: none; }

/* The menu panel lives inside the sticky header's stacking context, so fixed buttons step aside while it is open. */
.ma-drawer-open :is(.ma-wa, .ma-consent) { display: none; }