/*
 Theme Name:   Formando Arquitectura
 Theme URI:    https://formandoarquitectura.com
 Description:  Tema propio de Formando Arquitectura. Sistema visual de la homepage FA (fondo #333333, dorado #F7B11D, tipografía Inter) aplicado a todo el sitio. Tema de bloques independiente: sin tema padre y sin actualizaciones automáticas de WordPress.org.
 Author:       Formando Arquitectura
 Author URI:   https://formandoarquitectura.com
 Version:      1.0.3
 Requires at least: 6.4
 Tested up to: 6.8
 Requires PHP: 7.4
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  formando-arquitectura
 Update URI:   https://formandoarquitectura.com/tema
*/

/* ---------------------------------------------------------------
   Update URI: apunta a nuestro dominio para que WordPress.org
   NUNCA ofrezca este tema como actualización (candado contra las
   actualizaciones automáticas que motivaron abandonar el child de
   Twenty Twenty-Four). No servimos actualizaciones desde esa URL;
   las versiones nuevas se instalan a mano con el ZIP versionado.
   --------------------------------------------------------------- */

/* ---------------------------------------------------------------
   Cromo del header y footer del tema (los template parts usan las
   clases .fa-tema-header / .fa-tema-footer; el estilo vive aquí y
   no en el markup de bloques para mantener el markup a prueba de
   "recuperación de bloque" en el editor).
   Prefijo del tema: .fa-tema- (nunca .fa- pelón: choca con Font
   Awesome — regla de la skill fa-wordpress-plugins).
   --------------------------------------------------------------- */
.fa-tema-header {
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    padding: 14px 24px;
}

/* Marca en texto — calcada del .logo del header de la homepage v1.6
   (L164-165 desktop; L419-420 móvil: apilada en 2 líneas, fix
   validado por Mateo en su iPhone en la sesión 13 de la homepage). */
.fa-tema-brand {
    font-weight: 900;
    letter-spacing: -.02em;
    font-size: 17px;
    white-space: nowrap;
    color: #ffffff;
    text-decoration: none;
}

.fa-tema-brand em {
    font-style: normal;
    color: #F7B11D;
}

.fa-tema-brand:hover {
    color: #ffffff;
}

@media (max-width: 920px) {
    .fa-tema-brand {
        font-size: 12px;
        line-height: 1.2;
        letter-spacing: 0;
        white-space: normal;
    }

    .fa-tema-brand em {
        display: block;
    }
}

/* Marca del footer — calcada del .f-brand de la homepage v1.6 */
.fa-tema-fbrand {
    font-weight: 800;
    letter-spacing: -.01em;
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
}

.fa-tema-fbrand em {
    font-style: normal;
    color: #F7B11D;
}

.fa-tema-footer {
    border-top: 1px solid rgba(255, 255, 255, .09);
    padding: 40px 24px 32px;
    margin-top: 64px;
}

/* Feedback de Mateo (2026-08-23): lo clickeable SE SUBRAYA (como el child).
   Por eso aquí ya no se quita el subrayado de los enlaces del footer. */

.fa-tema-footer a:hover {
    color: #F7B11D;
}

/* ---------------------------------------------------------------
   Mensajes de membresía del header (Entrar al Contenido / expirado).
   Decisión de Mateo (2026-08-23, tamaño probado en vivo): texto
   BLANCO a 22px, hover dorado. El selector largo y los !important
   son a propósito: GoDaddy Site Designer marca el grupo del header
   con [data-dsgo-inline-bg] y pinta los h1-h6 de adentro con
   color: var(--dsgo-text-color) !important (especificidad 0,3,2);
   para ganarle hay que superar esa especificidad Y fijar también
   la variable --dsgo-text-color (doble defensa, validada en vivo).
   --------------------------------------------------------------- */
body .wp-site-blocks .wp-block-group.fa-tema-header .fa-tema-membresia {
    --dsgo-text-color: #ffffff;
}

body .wp-site-blocks .wp-block-group.fa-tema-header .fa-tema-membresia h4,
body .wp-site-blocks .wp-block-group.fa-tema-header .fa-tema-membresia h4 a {
    font-weight: 700;
    color: #ffffff !important;
    font-size: 22px !important;
}

.fa-tema-membresia h4 {
    margin: 10px 0 0 0;
    text-align: center;
}

.fa-tema-membresia h4 a {
    text-decoration: underline; /* clickeable = subrayado (feedback Mateo 2026-08-23) */
}

body .wp-site-blocks .wp-block-group.fa-tema-header .fa-tema-membresia h4 a:hover {
    color: #F7B11D !important;
}

/* ---------------------------------------------------------------
   PARCHE 1 (heredado del child v1.0.2, se conserva tal cual):
   Revertir el estilo automático que WordPress 6.5+ inyecta vía
   theme.json a los <input type="submit"> y <button type="submit">
   que NO tienen la clase .wp-element-button (botones de Restrict
   Content Pro, formularios de plugins, etc.).

   Sin esto, WordPress los pinta con un color de acento del tema.
   Necesitamos !important porque WordPress inyecta su <style> en
   línea DESPUÉS del style.css del tema, y como las reglas tienen
   la misma especificidad, gana por orden de carga. !important
   rompe ese empate y devuelve a los botones la apariencia por
   defecto del navegador.
   --------------------------------------------------------------- */
.wp-site-blocks input[type="submit"]:not(.wp-element-button),
.wp-site-blocks button[type="submit"]:not(.wp-element-button) {
    background-color: revert !important;
    color: revert !important;
    border-width: revert !important;
    padding: revert !important;
    font-family: revert !important;
    font-size: revert !important;
    line-height: revert !important;
    cursor: revert !important;
}

/* ---------------------------------------------------------------
   PARCHE 2 (heredado del child v1.0.3, se conserva tal cual):
   Neutralizar la restricción de tamaño que GoDaddy "Site Designer"
   (mu-plugin godaddy-launch) inyecta al logo del sitio mediante el
   <style id="site-designer-logo-constraints">:

       .wp-block-site-logo img { max-width:180px; max-height:80px;
         width:auto !important; height:auto !important; }

   GoDaddy carga su <style> DESPUÉS del style.css del tema, así que
   igualar su selector no basta (perderíamos por orden de carga).
   Subimos la especificidad (.wp-site-blocks / header antepuestos) y
   usamos !important para ganarle. Así el logo respeta el ancho
   definido en el editor del bloque "Logo del sitio".
   --------------------------------------------------------------- */
.wp-site-blocks .wp-block-site-logo img,
header .wp-block-site-logo img {
    max-width: 100% !important;
    max-height: none !important;
    width: 100% !important;
    height: auto !important;
}

/* ---------------------------------------------------------------
   PARCHE 3 (nuevo en v1.0.2): neutralizar el "contrast fallback"
   de GoDaddy Site Designer (mu-plugin godaddy-launch).
   GoDaddy inyecta <style id="wp-site-designer-contrast-fallback">
   que pinta con gris contrast-3 (#A4A4A4) !important toda Cubierta
   (Cover) sin color de texto explícito, y todo grupo/columna con
   fondo personalizado sin preset ni color de texto. Ese es el
   "los textos se pusieron grises solos" de biblioteca-arq y otras
   páginas — apareció tras una actualización silenciosa de GoDaddy
   (ya pasaba con el child) y no depende del tema activo.
   Ganamos con más especificidad + !important devolviendo el texto
   al blanco del sitio (contrast); fijamos además --dsgo-text-color
   para que las reglas internas de GoDaddy sobre h1-h6/botones (que
   usan esa variable) pinten blanco también. Validado en vivo el
   2026-08-23 en /biblioteca-arq/.
   --------------------------------------------------------------- */
body .wp-site-blocks .wp-block-cover:not(.has-text-color),
body .wp-site-blocks :is(.wp-block-group, .wp-block-column).has-background:not([class*="-background-color"]):not(.has-text-color) {
    color: var(--wp--preset--color--contrast) !important;
    --dsgo-text-color: var(--wp--preset--color--contrast);
}