/*
 * Blindaje contra CSS global de plugins (p. ej. el Bootstrap 5 que WPCargo carga en todo el sitio).
 *
 * El reset del mockup va en @layer eco-base, y cualquier CSS sin capa le gana. Aquí se repiten, SIN capa, solo las
 * reglas base que Bootstrap y parecidos cambian (enlaces, títulos, listas, formularios, cuerpo). Se imprime al
 * final (inc/setup.php, prioridad 1000) y con especificidad de elemento (:where no suma), así que:
 * - le gana a las reglas de elemento de un plugin (a, h1, legend…),
 * - pero no a las utilidades del tema (.text-eco-greenDark, .mt-4…), que siguen mandando.
 * Nunca aplica dentro de .eco-contenido (contenido de páginas como /seguimiento-de-pedidos/).
 * Límite: no le gana a utilidades con !important de un plugin (ver CLAUDE.md, "Plugins ajenos").
 */
body { margin: 0; color: #393b3f; background-color: #fff; line-height: 1.5; }
a:where(:not(.eco-contenido *)) { color: inherit; text-decoration: inherit; }
:is(h1, h2, h3, h4, h5, h6):where(:not(.eco-contenido *)) { margin: 0; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
:is(p, blockquote, figure, dl, dd, pre, hr):where(:not(.eco-contenido *)) { margin: 0; }
:is(ol, ul, menu):where(:not(.eco-contenido *)) { list-style: none; margin: 0; padding: 0; }
small:where(:not(.eco-contenido *)) { font-size: 80%; }
legend:where(:not(.eco-contenido *)) { float: none; width: auto; margin: 0; padding: 0; font-size: inherit; line-height: inherit; }
:is(button, input, optgroup, select, textarea):where(:not(.eco-contenido *)) { margin: 0; font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; }
table:where(:not(.eco-contenido *)) { border-collapse: collapse; }
