/* ============================================================================ Base heredada de Divi, para Astra mgdigitalmadrid.es · 01-09-2026 · Sistemas Digitales MG POR QUE EXISTE ESTE ARCHIVO El sitio se diseno durante anos con el tema Divi. Divi arrancaba con un reset completo (margin:0;padding:0 en practicamente todas las etiquetas) y luego reponia el espaciado a su manera: los parrafos separaban con padding-bottom, no con margin-bottom, y los titulares con padding-bottom:10px y margin 0. Astra no hace nada de eso: deja los margenes del navegador y anade los suyos. Ademas Astra trae una capa de compatibilidad con Elementor que pisa los tamanos de Elementor con valores en rem (1.1428rem = 16px), y eso cambiaba botones, campos de formulario y etiquetas. Resultado al cambiar de tema: la misma pagina crecia entre un 2% y un 29%, los titulares se separaban del texto y los botones cambiaban de tamano. Este archivo devuelve EXACTAMENTE los valores que tenia el sitio con Divi. REGLA DE ORO PARA MANTENERLO Aqui solo van propiedades que se midieron distintas entre el antes y el despues, comparando la pagina real con la hoja de Divi 4.27.8 inyectada contra la pagina real con Astra. Nada de "ya que estoy, mejoro esto": cada linea de mas es una via para pisar sin querer un ajuste hecho desde Elementor. Los valores no estan inventados: los de Divi salen de su style-static.min.css 4.27.8 y los de Elementor de su frontend.min.css. ESPECIFICIDAD Astra usa selectores como `.elementor-widget-button .elementor-button` (0,2,0) y `body .elementor-button.elementor-size-sm` (0,2,1). Por eso aqui se usa `body .elementor-element ...`, que queda por encima de Astra pero POR DEBAJO de los ajustes por elemento que genera Elementor (`.elementor-104 .elementor-element.elementor-element-xxx .elementor-button`, (0,4,0)). Es importante que siga siendo asi: lo que Daniel toque desde Elementor tiene que seguir mandando sobre este archivo. NO SE APLICA en /home-premium/: esa pagina va sin CSS de tema a proposito. ========================================================================= */ /* --- 1. PARRAFOS --------------------------------------------------------- Divi: p { padding-bottom: 1em } p:not(.has-background):last-of-type { padding-bottom: 0 } sobre un reset que dejaba margin:0. Astra: margin-bottom de 1.75em (24,5px con texto de 14px) y sin excepcion para el ultimo parrafo. La segunda regla es imprescindible y es facil pasarla por alto: casi todos los bloques de texto de Elementor tienen un solo parrafo, o sea que son "ultimo parrafo" y con Divi NO llevaban separacion inferior. Sin ella se cuelan 14px de mas en cada bloque de la web: la barra superior de la cabecera, por ejemplo, pasaba de 34px a 60px de alto. */ p { margin-bottom: 0; padding-bottom: 1em; } p:not(.has-background):last-of-type { padding-bottom: 0; } /* Astra aparta el contenido clasico y de Gutenberg con `.entry-content :where(p)`, que pesa (0,1,0) y por tanto gana a la etiqueta suelta de arriba. Afecta a las paginas que NO estan hechas con Elementor, como la politica de privacidad, que era la mas descuadrada de todas: crecia un 29%. */ .entry-content p { margin-bottom: 0; } /* --- 2. TITULARES -------------------------------------------------------- Divi: h1..h6 { color:#333; padding-bottom:10px; line-height:1em; font-weight:500 } con margin 0 heredado de su reset. Los tamanos (30/26/22/18/16/14) no se tocan aqui: ya estan puestos en los ajustes de Astra, que es donde deben estar para que el personalizador diga la verdad. Aqui solo va lo que Astra no permite configurar. */ h1, h2, h3, h4, h5, h6 { color: #333; margin-bottom: 0; padding-bottom: 10px; line-height: 1em; font-weight: 500; } /* Mismo caso que los parrafos: `.entry-content :where(h1..h6)` de Astra pesa mas que la etiqueta suelta. */ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-bottom: 0; padding-bottom: 10px; } /* El titulo que pinta el propio tema (no Elementor). Astra lo saca de su hoja con `header.entry-header .entry-title` a 32px/600 y no hay ningun ajuste en el personalizador que lo controle, asi que la unica via es esta. Con Divi este titulo era simplemente un h1 mas: 30px, interlineado 1em y peso 500. */ body header.entry-header .entry-title { font-size: 30px; line-height: 1em; font-weight: 500; margin-bottom: 0; padding-bottom: 10px; } /* --- 3. LISTAS Y FORMULARIOS COMO CONTENEDOR ----------------------------- Estaban en el reset de Divi, asi que llegaban con margen a cero. Se limita a lo montado con Elementor para no tocar el contenido clasico, donde Divi si daba sangria a las listas con `.entry-content ul` y ahi ya coincide. */ form { margin-bottom: 0; } body .elementor-element ul, body .elementor-element ol { margin-top: 0; margin-bottom: 0; margin-left: 0; } /* --- 4. CONTROLES DE FORMULARIO ------------------------------------------ Divi no tocaba la tipografia de los controles: solo `button,input,select,textarea { font-family: inherit }`. El resto se quedaba en el valor del NAVEGADOR. Astra si los define, y por eso una casilla de verificacion pasaba de 13,33px a 14px y perdia su margen. CUIDADO: esto tiene que ir elemento por elemento, no en bloque. En la primera version puse `body button, body input, body select, body textarea` con `font: revert` y rompi los desplegables del formulario de contacto, que con Divi heredaban el tipo del cuerpo (14px) y pasaron a 15px. Solo se tocan los controles que se midieron distintos. */ body input[type="checkbox"], body input[type="radio"] { font: revert; font-family: inherit; margin: 3px 3px 3px 4px; } /* Con Divi el boton conservaba el peso del navegador (400). Astra le pone 500 a traves de la regla del cuerpo. */ body button { font-weight: revert; } /* Campos de texto. Divi: input[type=text],... { background-color:#fff; border:1px solid #bbb; padding:2px; color:#4e4e4e } textarea { padding:4px } El relleno de 2px le gana a Elementor (padding:5px 14px) por especificidad, igual que pasaba con Divi. Es apretado, pero es lo que habia. */ body input.text, body input.title, body input[type="email"], body input[type="password"], body input[type="tel"], body input[type="text"], body select, body textarea { background-color: #fff; border: 1px solid #bbb; padding: 2px; color: #4e4e4e; } body textarea { padding: 4px; } /* Lo que ponia Elementor en sus campos y Astra sobrescribio con rem. Va con la etiqueta delante a proposito: el