/* Reglas compartidas por las 5 landings del tema wollo (empresas, duenos,
   nonprofit, lugares, aliados) — cada una usa su propio prefijo (we-/wd-) y
   su propio color de marca via variables CSS, pero la ESTRUCTURA de estos
   componentes (menú hamburguesa oscuro, píldora flotante, iconos en botón)
   es idéntica en las 5. Antes estaba copiada y pegada en cada front-*.css;
   ahora vive en un solo lugar para que un ajuste futuro no haya que
   repetirlo 5 veces. Colores/variables de marca siguen en cada front-*.css.
*/

.we-mobile-menu-dark, .wd-mobile-menu-dark { padding: 10px 8px 18px; }
.we-mobile-menu-dark a, .wd-mobile-menu-dark a { font-size: 19px; padding: 13px 0; }

/* Que la píldora flotante y su menú se sientan como un solo cuadro cuando
   está abierto: la píldora pierde el redondeo de abajo para unirse al menú. */
.we-nav-floating:has(.we-burger.is-open),
.wd-nav-floating:has(.wd-burger.is-open) { border-radius: 30px 30px 0 0; }

/* El SVG inline hereda métricas de línea de texto que lo desplazan hacia
   arriba dentro de un botón flex — así queda centrado de verdad. */
.we-btn svg, .wd-btn svg { display: block; }