/* Theme Name:Child Theme for Divi Theme URI: http://wordpress-style.net Description: Child Theme For Divi Author: Eduard Ungureanu Author URI: http://wordpress-style.net Template: Divi Version: 1.0 */ /* Start your custom CSS bellow this comment ============================================ */ /* ========================================================================== CORRECCIONES SEBASCODES — pedido #FO622FE21B304 Añadido el 2026-08-11. Validado midiendo el sitio en los 7 anchos exigidos. Cada bloque dice qué arregla, dónde se ve y cómo se revierte. Todo va acotado por ID de página para no afectar a nada más. ========================================================================== */ /* -------------------------------------------------------------------------- 1. TITULAR BIO/CV — "WIKTORIA MARIA / FLOREK MACELUCH" (punto 11) Pedía 2 lineas. Antes: 3 lineas a 1160px, 4 a 1024px, 4 por debajo de 480px. Ahora: 2 lineas de 1920 a 320px. Los tamanos originales (88/52/42) se respetan; min() solo encoge cuando el texto no cabe en su caja. Nunca agranda. Revertir: borrar este bloque. -------------------------------------------------------------------------- */ body.page-id-209600 .et_pb_text_1 .et_pb_text_inner{ container-type: inline-size; } @media (min-width: 981px){ body.page-id-209600 .et_pb_text_1 .et_pb_text_inner p{ font-size: min(88px, 9.7cqi) !important; } } @media (min-width: 768px) and (max-width: 980px){ body.page-id-209600 .et_pb_text_1 .et_pb_text_inner p{ font-size: min(52px, 9.7cqi) !important; } } @media (max-width: 767px){ body.page-id-209600 .et_pb_text_1 .et_pb_text_inner p{ font-size: min(42px, 9.7cqi) !important; } /* El modulo tenia ancho fijo al 88%: en un movil de 360px regalaba 37px. PENDIENTE: pasar esto a ajuste de Divi (Dimensionado > Anchura > Movil 100%) y borrar esta linea. */ body.page-id-209600 .et_pb_text_1{ width: 100% !important; max-width: none !important; } } /* -------------------------------------------------------------------------- 2. TITULAR CONTACT — "START A / CONVERSATION." (punto 12) Punto exacto de ruptura medido: 402px. Entre 394 y 398 la segunda linea era SOLO EL PUNTO (9px de ancho). Ahora: 1 linea de 1920 a 320px. Revertir: borrar este bloque. -------------------------------------------------------------------------- */ body.page-id-168 .et_pb_text_1 .et_pb_text_inner{ container-type: inline-size; } @media (min-width: 981px){ body.page-id-168 .et_pb_text_1 .et_pb_text_inner p{ font-size: min(88px, 11.8cqi) !important; } } @media (min-width: 768px) and (max-width: 980px){ body.page-id-168 .et_pb_text_1 .et_pb_text_inner p{ font-size: min(54px, 11.8cqi) !important; } } @media (max-width: 767px){ body.page-id-168 .et_pb_text_1 .et_pb_text_inner p{ font-size: min(42px, 11.8cqi) !important; } body.page-id-168 .et_pb_text_1{ width: 100% !important; max-width: none !important; } } /* -------------------------------------------------------------------------- 3. CV EN MOVIL — agrupar ano, exposicion y ciudad (punto 10 y punto 3) Causa: cada entrada es una fila Divi de 6 columnas usando solo 3. En movil Divi las apila con 30px de margen cada una, mas 30px de padding de fila. Medido a 360px: entrada 194px -> 66px | pagina 6.821px -> 5.413px La ciudad estaba alineada a la derecha (herencia del escritorio): se pasa a la izquierda para que las tres lineas se lean como un bloque. No toca el escritorio: todo dentro de la media query de movil. Revertir: borrar este bloque. -------------------------------------------------------------------------- */ @media (max-width: 767px){ body.page-id-209600 .et_pb_row_6col .et_pb_column{ margin-bottom: 0 !important; } body.page-id-209600 .et_pb_row_6col{ padding-top: 0 !important; padding-bottom: 22px !important; } body.page-id-209600 .et_pb_row_6col .et_pb_text_align_right{ text-align: left !important; } } /* ===== fin correcciones SebasCodes ===== */ /* ========================================================================== MIGRACION TIPOGRAFICA — punto 8 del encargo Archivo (titulares, navegacion, cuerpo) + IBM Plex Mono (etiquetas y datos) Servidas desde el propio servidor, no desde Google. Anadido 2026-08-11. Ficheros en: /wp-content/themes/ChildThemeDivi/fonts/ Licencia: SIL Open Font License 1.1 (autoalojamiento permitido). Archivo es VARIABLE: un solo fichero cubre los pesos 100-900 (comprobado: las 6 URLs que da Google para 400..900 devuelven el mismo md5). 34,9 KB para toda la escala tipografica del sitio. Se incluye latin-ext porque el CV lleva instituciones polacas (Krakow) y la clienta se apellida Maceluch. Va por unicode-range, asi que solo se descarga en las paginas que lo necesitan. ========================================================================== */ /* ---------- Archivo (variable 100-900) ---------- */ @font-face{ font-family:'Archivo'; font-style:normal; font-weight:100 900; font-display:swap; src:url('fonts/archivo-var-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face{ font-family:'Archivo'; font-style:normal; font-weight:100 900; font-display:swap; src:url('fonts/archivo-var-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* ---------- IBM Plex Mono (400 y 500) ---------- */ @font-face{ font-family:'IBM Plex Mono'; font-style:normal; font-weight:400; font-display:swap; src:url('fonts/ibm-plex-mono-400-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face{ font-family:'IBM Plex Mono'; font-style:normal; font-weight:400; font-display:swap; src:url('fonts/ibm-plex-mono-400-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } @font-face{ font-family:'IBM Plex Mono'; font-style:normal; font-weight:500; font-display:swap; src:url('fonts/ibm-plex-mono-500-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face{ font-family:'IBM Plex Mono'; font-style:normal; font-weight:500; font-display:swap; src:url('fonts/ibm-plex-mono-500-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* -------------------------------------------------------------------------- RED DE SEGURIDAD Los ajustes de Divi (heading_font / body_font / all_buttons_font) ya se han cambiado a Archivo, que es la via nativa que ella exige en el punto 18. Estas reglas cubren los modulos que llevan la familia fijada a mano y que por tanto ignoran los ajustes globales. Si algun dia se revisan uno a uno en el constructor, este bloque se puede recortar. -------------------------------------------------------------------------- */ body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, #main-header, #et-top-navigation, .nav li a, .et_pb_text, .et_pb_button, .et_pb_module, p, span, li, a, blockquote{ font-family:'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; } /* -------------------------------------------------------------------------- IBM PLEX MONO — etiquetas e informacion tecnica o de archivo Su instruccion: "IBM Plex Mono for labels and archival/technical information". Criterio aplicado (documentado en 02-inventario-tipografico.md): texto en mayusculas, con letter-spacing, de 13px o menos = etiqueta. Se aplica por tamano para no depender del indice de cada modulo. -------------------------------------------------------------------------- */ .et_pb_text_inner p[style*="font-size: 9px"], .et_pb_text_inner p[style*="font-size: 10px"], .et_pb_text_inner p[style*="font-size: 11px"], .et_pb_text_inner p[style*="font-size: 12px"], .et_pb_text_inner p[style*="font-size: 13px"]{ font-family:'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace; } /* ===== fin migracion tipografica ===== */ /* -------------------------------------------------------------------------- Ultimos elementos que ignoraban los ajustes globales de Divi: los botones (.et_pb_button) y el pie (#footer-info) llevan la familia fijada en el CSS del tema padre. Se igualan a Archivo. -------------------------------------------------------------------------- */ .et_pb_button, .et_pb_button:after, #footer-info, #footer-info a, #et-footer-nav, .bottom-nav, .bottom-nav a, .et_pb_widget, .et_pb_widget a{ font-family:'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; } /* IBM Plex Mono para etiquetas e informacion de archivo (punto 8). Divi no pone el tamano en linea sino en su CSS generado, asi que la seleccion por atributo style no casaba con nada. Se apunta a las clases reales de los modulos de etiqueta, que son los textos en mayusculas con letter-spacing. */ .wmfm-label, .wmfm-label p, #footer-info, #footer-info a{ font-family:'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace !important; } /* ========================================================================== PUNTO 6 (resto) — titular del pie, presente en las 4 paginas "WIKTORIA MARIA / FLOREK MACELUCH" se partia en 4 lineas a 360px. Mismo criterio que los otros titulares: nunca crece, solo encoge. ========================================================================== */ .et_pb_text_44 .et_pb_text_inner, #footer .et_pb_text_inner{ container-type: inline-size; } @media (max-width: 767px){ .et_pb_text_44 .et_pb_text_inner p{ font-size: min(54px, 9.7cqi) !important; line-height:1.02 !important; } .et_pb_text_44{ width:100% !important; max-width:none !important; } } /* ========================================================================== PUNTO 9 — legibilidad del texto pequeno Medido: 37 elementos por debajo de 14px solo en Home a 360px, alguno de 8px. NO se cambia su escala tipografica: se sube un minimo solo en MOVIL, que es donde la lectura sufre, y se afloja un poco el interlineado de las etiquetas con mucho letter-spacing. En escritorio no se toca nada. ========================================================================== */ @media (max-width: 767px){ .et_pb_text_inner p, .et_pb_text_inner li, .et_pb_text_inner span{ font-size: max(1em, 11px); } #footer-info, #footer-info a, .bottom-nav a{ font-size: 11px !important; } .gdpr-nav-tab-title, .gdpr_lightbox-content{ font-size: 12px !important; } } /* PUNTO 3: regla retirada el 11-ago tras detectar que fijaba 64px en vez de poner un techo. Se rehace con topes por seccion. */ /* ========================================================================== PUNTO 3 — espacio vacio excesivo en MOVIL (v2, corregida) Anadido 2026-08-11. POR QUE V2: la primera version usaba min(var(--x,100vh),64px) creyendo que ponia un techo. Con la variable sin definir eso da SIEMPRE 64px, asi que ANADIA aire a las secciones que ella habia dejado pequenas (una tenia 0). Eso era rediseno, no correccion. Retirada y rehecha asi. COMO FUNCIONA AHORA: se midio el padding real de cada seccion a 360px y se escribe un tope de 64px SOLO en las que lo superan. Las secciones que ya estaban por debajo NO aparecen aqui: se quedan exactamente como ella las dejo. El escritorio no se toca en ningun caso. Valores originales medidos a 360px (arriba/abajo), en px: HOME 110/1 · 0/0 · 80/55 · 48/49 · 160/60 · 55/52 · 50/51 · 122/148 · 150/55 · 141/50 · 115/115 BIO/CV 110/90 · 110/90 · 70/130 · 120/140 · 130/70 CONTACT 100/110 ×4 STATEMENT 87/100 · 179/164 · 50/50 · 179/164 · 90/110 Revertir: borrar este bloque entero. ========================================================================== */ @media (max-width: 767px){ /* ---- HOME (page-id-210520) ---- */ body.page-id-210520 #page-container .et_pb_section_0{ padding-top:64px !important; } /* era 110 */ body.page-id-210520 #page-container .et_pb_section_2{ padding-top:64px !important; } /* era 80 */ body.page-id-210520 #page-container .et_pb_section_4{ padding-top:64px !important; } /* era 160 */ body.page-id-210520 #page-container .et_pb_section_7{ padding-top:64px !important; padding-bottom:64px !important; } /* era 122/148 */ body.page-id-210520 #page-container .et_pb_section_8{ padding-top:64px !important; } /* era 150 */ body.page-id-210520 #page-container .et_pb_section_9{ padding-top:64px !important; } /* era 141 */ body.page-id-210520 #page-container .et_pb_section_10{ padding-top:64px !important; padding-bottom:64px !important; } /* era 115/115 */ /* secciones 1 (0/0), 3 (48/49), 5 (55/52) y 6 (50/51): NO se tocan */ /* ---- BIO / CV (page-id-209600) ---- */ body.page-id-209600 #page-container .et_pb_section_0{ padding-top:64px !important; padding-bottom:64px !important; } /* era 110/90 */ body.page-id-209600 #page-container .et_pb_section_1{ padding-top:64px !important; padding-bottom:64px !important; } /* era 110/90 */ body.page-id-209600 #page-container .et_pb_section_2{ padding-top:64px !important; padding-bottom:64px !important; } /* era 70/130 */ body.page-id-209600 #page-container .et_pb_section_3{ padding-top:64px !important; padding-bottom:64px !important; } /* era 120/140 */ body.page-id-209600 #page-container .et_pb_section_4{ padding-top:64px !important; padding-bottom:64px !important; } /* era 130/70 */ /* ---- CONTACT (page-id-168) ---- */ body.page-id-168 #page-container .et_pb_section_0, body.page-id-168 #page-container .et_pb_section_1, body.page-id-168 #page-container .et_pb_section_2, body.page-id-168 #page-container .et_pb_section_3{ padding-top:64px !important; padding-bottom:64px !important; } /* eran 100/110 */ /* ---- ARTIST STATEMENT (page-id-225) ---- */ body.page-id-225 #page-container .et_pb_section_0{ padding-top:64px !important; padding-bottom:64px !important; } /* era 87/100 */ body.page-id-225 #page-container .et_pb_section_1{ padding-top:64px !important; padding-bottom:64px !important; } /* era 179/164 */ body.page-id-225 #page-container .et_pb_section_3{ padding-top:64px !important; padding-bottom:64px !important; } /* era 179/164 */ body.page-id-225 #page-container .et_pb_section_4{ padding-top:64px !important; padding-bottom:64px !important; } /* era 90/110 */ /* seccion 2 (50/50): NO se toca */ } /* ===== fin punto 3 ===== */ /* ========================================================================== PUNTO 6 (resto) — titular de marca del pie: "WIKTORIA MARIA / FLOREK MACELUCH" Se partia en 4 lineas a 360px (199/131/160/228). Mismo criterio: nunca crece. El pie esta construido DENTRO de cada pagina, con indice de modulo distinto: Home = et_pb_text_38 | Bio = et_pb_text_44 | Contact = et_pb_text_17 Artist Statement no lleva este bloque. PENDIENTE: en el constructor, darle a los tres modulos la clase .wmfm-display y sustituir estos selectores, que dependen del indice. ========================================================================== */ body.page-id-210520 .et_pb_text_38 .et_pb_text_inner, body.page-id-209600 .et_pb_text_44 .et_pb_text_inner, body.page-id-168 .et_pb_text_17 .et_pb_text_inner{ container-type: inline-size; } @media (max-width: 767px){ body.page-id-210520 .et_pb_text_38 .et_pb_text_inner p, body.page-id-209600 .et_pb_text_44 .et_pb_text_inner p, body.page-id-168 .et_pb_text_17 .et_pb_text_inner p{ font-size: min(42px, 9.7cqi) !important; line-height: 1.04 !important; } } /* ========================================================================== RESPALDO PARA NAVEGADORES SIN CONSULTAS DE CONTENEDOR Los topes de los titulares usan unidades cqi (container queries), que necesitan Safari 16+, Chrome 105+ y Firefox 110+. En un navegador sin soporte, la declaracion es invalida y el titular volveria a su tamano original, es decir, al defecto que ella reporto (4 lineas). Este bloque da un tamano fijo seguro en ese caso. No afecta a los navegadores modernos, que usan el bloque de arriba. ========================================================================== */ @supports not (font-size: 1cqi){ @media (max-width: 767px){ body.page-id-209600 .et_pb_text_1 .et_pb_text_inner p, body.page-id-168 .et_pb_text_1 .et_pb_text_inner p{ font-size: 30px !important; } body.page-id-210520 .et_pb_text_38 .et_pb_text_inner p, body.page-id-209600 .et_pb_text_44 .et_pb_text_inner p, body.page-id-168 .et_pb_text_17 .et_pb_text_inner p{ font-size: 30px !important; } } @media (min-width: 768px) and (max-width: 1200px){ body.page-id-209600 .et_pb_text_1 .et_pb_text_inner p{ font-size: 52px !important; } } } /* ========================================================================== PUNTO 8 (resto) — IBM Plex Mono en etiquetas e informacion de archivo "IBM Plex Mono for labels and archival/technical information". COMO SE ELIGIERON: no a ojo. Se recorrio cada pagina en el navegador y se marcaron los modulos cuyo parrafo mide <=13px Y va en mayusculas o con letter-spacing. Criterio documentado en 02-inventario-tipografico.md. Cubre codigos de obra, etiquetas de seccion y los datos del CV. NO cubre titulares ni cuerpo, que van en Archivo. Se apunta al modulo Y a sus descendientes: Divi fija la familia en los parrafos de dentro, asi que una regla solo en el contenedor no gana. PENDIENTE: en el constructor, dar a estos modulos la clase .wmfm-label y sustituir estos selectores, que dependen del indice. ========================================================================== */ body.page-id-210520 :is(.et_pb_text_1,.et_pb_text_2,.et_pb_text_3,.et_pb_text_5,.et_pb_text_8,.et_pb_text_14,.et_pb_text_19,.et_pb_text_22,.et_pb_text_27,.et_pb_text_29,.et_pb_text_31,.et_pb_text_36,.et_pb_text_37,.et_pb_text_39), body.page-id-210520 :is(.et_pb_text_1,.et_pb_text_2,.et_pb_text_3,.et_pb_text_5,.et_pb_text_8,.et_pb_text_14,.et_pb_text_19,.et_pb_text_22,.et_pb_text_27,.et_pb_text_29,.et_pb_text_31,.et_pb_text_36,.et_pb_text_37,.et_pb_text_39) :is(p,span,a,li,strong,em), body.page-id-209600 :is(.et_pb_text_0,.et_pb_text_2,.et_pb_text_3,.et_pb_text_5,.et_pb_text_8,.et_pb_text_11,.et_pb_text_14,.et_pb_text_17,.et_pb_text_20,.et_pb_text_22,.et_pb_text_23,.et_pb_text_26,.et_pb_text_27,.et_pb_text_29,.et_pb_text_30,.et_pb_text_33,.et_pb_text_35,.et_pb_text_36,.et_pb_text_38,.et_pb_text_39,.et_pb_text_40,.et_pb_text_42), body.page-id-209600 :is(.et_pb_text_0,.et_pb_text_2,.et_pb_text_3,.et_pb_text_5,.et_pb_text_8,.et_pb_text_11,.et_pb_text_14,.et_pb_text_17,.et_pb_text_20,.et_pb_text_22,.et_pb_text_23,.et_pb_text_26,.et_pb_text_27,.et_pb_text_29,.et_pb_text_30,.et_pb_text_33,.et_pb_text_35,.et_pb_text_36,.et_pb_text_38,.et_pb_text_39,.et_pb_text_40,.et_pb_text_42) :is(p,span,a,li,strong,em), body.page-id-168 :is(.et_pb_text_0,.et_pb_text_3,.et_pb_text_16,.et_pb_text_18,.et_pb_text_19,.et_pb_text_22), body.page-id-168 :is(.et_pb_text_0,.et_pb_text_3,.et_pb_text_16,.et_pb_text_18,.et_pb_text_19,.et_pb_text_22) :is(p,span,a,li,strong,em), .wmfm-label, .wmfm-label p{ font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace !important; } /* ========================================================================== RONDA 1 DE CORRECCIONES — peticion de la clienta del 22-ago-2026 ========================================================================== */ /* -------------------------------------------------------------------------- R1.1 — CAMPOS DEL FORMULARIO: texto siempre visible Ella: "When a form field is active and I type a name, email or message, the entered text is not visible." Causa probable: el modulo del formulario tiene form_field_text_color en BLANCO y cada campo lo sobrescribe a #0a0a0a. Si el CSS generado por Divi se sirve incompleto, gana el blanco sobre un fondo claro (#f4f3ef) y el texto desaparece. Aqui se declara explicitamente para TODOS los estados, para que no dependa de que Divi regenere bien su hoja. Contraste resultante: 17,8:1 (AAA holgado). -------------------------------------------------------------------------- */ .et_pb_contact_form input.input, .et_pb_contact_form input[type="text"], .et_pb_contact_form input[type="email"], .et_pb_contact_form input[type="tel"], .et_pb_contact_form textarea, .et_pb_contact_form input.input:focus, .et_pb_contact_form input.input:active, .et_pb_contact_form input.input:hover, .et_pb_contact_form textarea:focus, .et_pb_contact_form textarea:active, .et_pb_contact_form textarea:hover{ color: #0a0a0a !important; -webkit-text-fill-color: #0a0a0a !important; /* Safari ignora color en inputs sin esto */ caret-color: #0a0a0a !important; /* el cursor tambien debe verse */ background-color: transparent !important; /* ella lo pide transparente */ opacity: 1 !important; } /* El texto de ejemplo se distingue del texto escrito, pero sigue siendo legible */ .et_pb_contact_form input.input::placeholder, .et_pb_contact_form textarea::placeholder{ color: #6b6b6b !important; -webkit-text-fill-color: #6b6b6b !important; opacity: 1 !important; } /* Autorrelleno de Chrome: pinta fondo amarillo y texto propio. Se neutraliza sin perder la transparencia. */ .et_pb_contact_form input:-webkit-autofill, .et_pb_contact_form input:-webkit-autofill:focus{ -webkit-text-fill-color: #0a0a0a !important; transition: background-color 9999s ease-in-out 0s; } /* -------------------------------------------------------------------------- R1.2 — 16px MINIMO EN MOVIL Ella: "ensure that the visible input text is at least 16px on mobile to prevent automatic zooming in iPhone Safari." Safari en iOS hace zoom automatico al enfocar un campo de menos de 16px. Solo afecta a los campos, no a la tipografia del sitio. -------------------------------------------------------------------------- */ @media (max-width: 767px){ .et_pb_contact_form input.input, .et_pb_contact_form input[type="text"], .et_pb_contact_form input[type="email"], .et_pb_contact_form input[type="tel"], .et_pb_contact_form textarea{ font-size: 16px !important; } } /* -------------------------------------------------------------------------- R1.3 (v2) — ESTADOS DE LOS BOTONES: fondo transparente siempre Ella, 22-ago: "keep the button background transparent in every interaction state". Se corrigio, pero el 25-ago volvio a reportarlo con dos capturas: el fondo seguia poniendose casi blanco al pasar el raton. CAUSA REAL (encontrada en el CSS generado): los ajustes GLOBALES de boton del tema tenian el fondo de hover en rgba(255,255,255,0.99) -el "nearly solid white" que ella describe- y Divi lo escribe asi: html body .et_pb_button:hover { background-color:rgba(255,255,255,.99)!important } Esa regla lleva !important y mas especificidad que la version 1 de este bloque (.et_pb_button:hover), por eso ganaba. Ademas pisaba los ajustes de cada modulo, que SI estaban en transparente. ARREGLO DE FONDO: se cambio el ajuste global del tema a transparente (Opciones del tema > Botones > fondo al pasar el raton). Este bloque queda como red de seguridad, ahora con especificidad suficiente para ganar. Revertir: borrar este bloque y devolver el ajuste del tema. -------------------------------------------------------------------------- */ html body .et_pb_button, html body .et_pb_button:link, html body .et_pb_button:visited, html body .et_pb_button:hover, html body .et_pb_button:focus, html body .et_pb_button:active, html body #page-container .et_pb_section .et_pb_button:hover, html body #page-container .et_pb_section .et_pb_button:focus, html body #page-container .et_pb_section .et_pb_button:active, html body .et_pb_contact_submit, html body .et_pb_contact_submit:hover, html body .et_pb_contact_submit:focus, html body .et_pb_contact_submit:active{ background-color: transparent !important; background-image: none !important; background: transparent !important; } /* El color de texto y de borde al pasar el raton (#ff3d70, su rosa) NO se toca: ella pidio conservar tipografia, lineas y colores de acento. */ /* Indicador de foco por accesibilidad, como contorno y no como relleno */ body .et_pb_button:focus-visible, html body .et_pb_contact_submit:focus-visible, body .et_pb_contact_form input.input:focus-visible, body .et_pb_contact_form textarea:focus-visible{ outline: 2px solid currentColor !important; outline-offset: 3px !important; } /* NOTA DE ORDEN DE CARGA (comprobado el 25-ago): Divi encola su hoja generada (et-core-unified) DESPUES del style.css del tema hijo. Con la misma especificidad y ambos con !important, gana la que carga la ultima, es decir, la de Divi. Por eso los selectores de arriba llevan "html" delante: sube la especificidad lo justo para ganar siempre, sin depender del orden de carga. */ /* ===== fin ronda 1 ===== */