/* Theme Name: Freepress Coop Theme URI: https://freepress.coop Version: 2.0 Description: Tema personalizado con uso del constructor Divi. Author: Freepress Coop Author URI: https://www.freepress.coop Template: Divi */ /* Estilos personalizados */ /* ------------------------------------------------- Tipografía de encabezados — Typekit (Adobe Fonts) Kit: https://use.typekit.net/iaj7ywb.css (inyectado desde Divi → Opciones del tema → Integración → ) Se cargan DOS kits desde Divi → Integración → : - iaj7ywb.css → familia "clother-arabic" (árabe, peso 700) - bag8rpe.css → familia "clother" (latina, 400/700 + itálicas) El stack lista primero "clother" (latín) y luego "clother-arabic": el navegador elige la fuente carácter a carácter, así el latín/inglés usa Clother y el árabe usa Clother Arabic. Divi inyecta su CSS DESPUÉS del style.css del tema hijo y define --et_global_heading_font:'Outfit'. Para ganarle sin depender del orden de carga se usa !important, tanto en la variable global como directamente en los h1–h6. -------------------------------------------------- */ :root { --et_global_heading_font: "clother", "clother-arabic", sans-serif !important; } h1, h2, h3, h4, h5, h6 { font-family: "clother", "clother-arabic", sans-serif !important; } /* Botones Divi (Donate Now, etc.) en la tipografía de marca Clother. Los módulos no tienen familia asignada y heredaban la fuente por defecto de Divi; aquí se fuerza el stack de marca. */ .et_pb_button { font-family: "clother", "clother-arabic", sans-serif !important; } /* En árabe, listar "clother" (latín) antes que "clother-arabic" provoca que el navegador elija carácter a carácter: si el corte latino incluye algún glifo árabe (aunque sea un trazo genérico con diagonales, distinto del diseño real del corte árabe), lo usa para ESE carácter y nunca llega a "clother-arabic" — de ahí que a veces "pille" la fuente buena y otras no, según qué letras tenga el titular. Para árabe forzamos SOLO "clother-arabic" (sin el corte latino) y Readex Pro como intermedio, ya que sí tiene cobertura árabe real (a diferencia de Outfit). Selector reforzado con html[lang="ar"] además de body.rtl porque es quien realmente marca el idioma en las páginas WPML. */ body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4, body.rtl h5, body.rtl h6, html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6 { font-family: "clother-arabic", "Readex Pro", sans-serif !important; } body.rtl .et_pb_button, html[lang="ar"] .et_pb_button { font-family: "clother-arabic", "Readex Pro", sans-serif !important; } /* Selector de idioma [gee_lang_switcher] — mantiene el look de los antiguos enlaces de texto (coral) pero cambia idioma en la misma página. */ .gee-lang-switch { display: inline-flex; gap: 14px; align-items: center; } .gee-lang { color: #d96c5d; text-decoration: none; font-family: "clother", "clother-arabic", sans-serif; font-weight: 700; } .gee-lang:hover { text-decoration: underline; } .gee-lang.is-current { text-decoration: underline; /* marca el idioma activo; cámbialo a opacity:.5 si prefieres atenuarlo */ } /* En árabe (RTL) el icono del botón Divi queda más pegado al texto que en inglés porque Divi no espeja bien el padding del lado del icono. Aquí forzamos el mismo aire que en la versión inglesa (2em del lado del icono). */ body.rtl .et_pb_button:hover { padding-right: 0.7em; padding-left: 2em; } /* redondear campos formularios */ .campo-email-redondeado input { border-radius: 20px !important; -webkit-appearance: none; appearance: none; } /* Asteríscos para campos obligatorios formulario */ .et_pb_contact_field:has(input[data-required_mark="required"]), .et_pb_contact_field:has(textarea[data-required_mark="required"]) { position: relative; } .et_pb_contact_field[data-id="full_name_"]::before { content: "*"; color: #D96C5D; font-weight: bold; font-size: 14px; position: absolute; top: 18px; left: 88px; pointer-events: none; z-index: 2; } .et_pb_contact_field[data-id="email"]::before { content: "*"; color: #D96C5D; font-weight: bold; font-size: 14px; position: absolute; top: 18px; left: 58px; pointer-events: none; z-index: 2; } .et_pb_contact_field[data-id="subject"]::before { content: "*"; color: #D96C5D; font-weight: bold; font-size: 14px; position: absolute; top: 18px; left: 72px; pointer-events: none; z-index: 2; } .et_pb_contact_field[data-id="message"]::before { content: "*"; color: #D96C5D; font-weight: bold; font-size: 14px; position: absolute; top: 18px; left: 80px; pointer-events: none; z-index: 2; } /* cambio de color enlaces */ .et_pb_post_content a { color: #D96C5D; text-decoration: none; font-weight: normal; } .et_pb_post_content a:hover { font-weight: 600; }