/*
Theme Name: Strux Child Theme
Theme URI: https://strux.ancorathemes.com/
Description: Strux is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: AncoraThemes
Author URI: https://ancorathemes.com/
Version: 1.16.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: agency, architect, architecture, architecture studio, decoration, design, designer, furniture, interior design, interior design portfolio, landscaping, modern, portfolio, projects, studio
Text Domain: strux
Template: strux
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

.portfolio_page{
    display: flex !important;
    justify-content:center !important;
}

/* ============================================================
   Accesibilidad WCAG 2.1 AA — subsanación Kit Digital (Red.es)
   ============================================================ */

/* ---- 1.4.3 Contraste mínimo ------------------------------------------------
   Texto base del tema tenía #8E8984 sobre blanco (3.43:1) y #AFA7A0 (2.70:1).
   Sobrescribimos las variables SOLO en el scheme por defecto (fondos claros),
   para no afectar a secciones con scheme_dark / scheme_extra (fondos oscuros,
   p. ej. footer) donde el texto claro original ya contrasta bien.
------------------------------------------------------------------------------- */
.scheme_default,
body.scheme_default,
.scheme_original,
.scheme_light {
    --theme-color-text:        #595959;
    --theme-color-text_light:  #6e6e6e;
    --theme-color-alter_text:  #595959;
    --theme-color-alter_light: #6e6e6e;
    /* NO tocamos --theme-color-text_dark ni --theme-color-alter_dark:
       algunas tarjetas del home usan este color como BACKGROUND (ver widget
       metodología, card 2). Oscurecerlo empeoraba el contraste ahí. */
    --theme-color-input_text:  #595959;
    --theme-color-input_light: #6e6e6e;
}

/* Menú principal DEL HEADER (fondo claro) — pa11y: menú superior 3.98:1. */
header .sc_layouts_menu > li > a,
header .sc_layouts_menu_nav > li > a,
header .sc_layouts_menu > li > a > span,
header .sc_layouts_menu_nav > li > a > span,
header .sc_layouts_menu .menu-item > a,
header .sc_layouts_menu .menu-item > a > span,
.scheme_light .sc_layouts_menu > li > a,
.scheme_light .sc_layouts_menu > li > a > span {
    color: #1f1f1f !important;
}
header .sc_layouts_menu > li > a:hover,
header .sc_layouts_menu > li > a:focus,
header .sc_layouts_menu_nav > li > a:hover,
header .sc_layouts_menu_nav > li > a:focus,
header .sc_layouts_menu .menu-item.current-menu-item > a,
header .sc_layouts_menu .menu-item.current-menu-ancestor > a,
.scheme_light .sc_layouts_menu .menu-item.current-menu-item > a {
    color: #A73F23 !important;
}

/* Menú/enlaces DEL FOOTER (scheme_dark, fondo marrón muy oscuro) — ratio mínimo 4.5:1. */
.scheme_dark .sc_layouts_menu > li > a,
.scheme_dark .sc_layouts_menu_nav > li > a,
.scheme_dark .sc_layouts_menu > li > a > span,
.scheme_dark .sc_layouts_menu_nav > li > a > span,
.scheme_dark .sc_layouts_menu .menu-item > a,
.scheme_dark .sc_layouts_menu .menu-item > a > span,
.footer_wrap .sc_layouts_menu > li > a,
.footer_wrap .sc_layouts_menu > li > a > span,
.footer_wrap a,
.footer_wrap p,
.footer_wrap .sc_layouts_column .widget a,
.scheme_dark a,
.scheme_dark p {
    color: #E8E2DC !important;
}
.scheme_dark .sc_layouts_menu > li > a:hover,
.scheme_dark .sc_layouts_menu > li > a:focus,
.scheme_dark .sc_layouts_menu .menu-item.current-menu-item > a,
.footer_wrap a:hover,
.footer_wrap a:focus,
.scheme_dark a:hover,
.scheme_dark a:focus {
    color: #ffffff !important;
}

/* Encabezados del footer (H2 promovidos) y enlaces de acento (tipo "Capazero"):
   #D15B3E sobre el marrón #201610 daba 4.62:1 (apenas AA).
   Usamos #F4A678 (melocotón cálido, misma familia de la marca) = ~7.5:1 sobre
   el marrón oscuro → cumple AAA y se diferencia del texto normal (cream #E8E2DC). */
.footer_wrap h2,
.scheme_dark h2,
.footer_wrap h3,
.scheme_dark h3,
.footer_wrap h4,
.scheme_dark h4,
.footer_wrap h5,
.scheme_dark h5,
.footer_wrap h6,
.scheme_dark h6 {
    color: #F4A678 !important;
}

/* Enlaces de acento en el footer (Capazero, enlaces inline fuera del menú):
   si el tema los pinta con var(--theme-color-text_dark), forzamos el melocotón. */
.footer_wrap a.extra,
.footer_wrap .copyright_text a,
.footer_wrap a[style*="color"],
.scheme_dark a.extra,
.scheme_dark .copyright_text a {
    color: #F4A678 !important;
    text-decoration: underline;
}
.footer_wrap a.extra:hover,
.footer_wrap .copyright_text a:hover,
.scheme_dark .copyright_text a:hover {
    color: #ffffff !important;
}

/* Numeración de servicios "01.", "02."… — pa11y: 2.85:1 */
.firmana-servicio-num,
.firmana-servicio-num > *,
.elementor-widget-text-editor .firmana-servicio-num {
    color: #595959 !important;
}

/* Cargos del equipo en "Sobre nosotros" — pa11y: <4.5:1 */
.firmana-miembro-cargo,
.elementor-widget .firmana-miembro-cargo {
    color: #595959 !important;
}

/* Botón submit de Forminator — pa11y: <4.5:1 */
.forminator-button,
.forminator-button-submit,
button.forminator-button {
    background-color: #A73F23 !important;
    color: #ffffff !important;
    border-color: #A73F23 !important;
}
.forminator-button:hover,
.forminator-button-submit:hover {
    background-color: #8B3217 !important;
    color: #ffffff !important;
}

/* Spans genéricos en secciones con fondo claro — broad safety net */
.elementor-section .elementor-widget-text-editor span,
.elementor-widget-container > span {
    color: #4a4a4a;
}

/* Widget de metodología en home (4 tarjetas con fondos alternados).
   Cards 1, 2 y 4 (fondo oscuro #313730): texto blanco -> 12:1 ✓
   Card 3 (fondo blanco): texto oscuro -> 7:1 ✓
   NOTA: la card 2 originalmente tenía fondo naranja (#D15B3E) pero el título
   del tema forzaba var(--theme-color-text_dark) (mismo naranja) → ilegible.
   Solución: oscurecer el fondo de la card 2 para igualarla a 1 y 4. */

/* Card 2 — forzar fondo oscuro igual que cards 1 y 4 */
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) .sc_icons_item,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) .sc_icons_item_details,
.body_wrap .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) .sc_icons_item,
.body_wrap .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) .sc_icons_item_details {
    background-color: #313730 !important;
    background: #313730 !important;
}

/* Cards 1, 2 y 4 — dark bg, white text */
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(1) .sc_icons_item_title,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(1) .sc_icons_item_title *,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(1) .sc_icons_item_description,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(1) .sc_icons_item_description *,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(1) .sc_icons_item a,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) .sc_icons_item_title,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) .sc_icons_item_title *,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) .sc_icons_item_description,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) .sc_icons_item_description *,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) .sc_icons_item a,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(4) .sc_icons_item_title,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(4) .sc_icons_item_title *,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(4) .sc_icons_item_description,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(4) .sc_icons_item_description *,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(4) .sc_icons_item a {
    color: #ffffff !important;
}

/* Card 3 — white bg, dark text (7:1) */
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(3) .sc_icons_item_title,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(3) .sc_icons_item_title *,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(3) .sc_icons_item_description,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(3) .sc_icons_item_description *,
.elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(3) .sc_icons_item a {
    color: #595959 !important;
}

/* Enlaces de categoría del portfolio (meta) — pa11y: 2.37:1 */
.post_meta_categories a,
.sc_blogger_item .post_meta_categories a,
.sc_item_meta .post_categories a,
.post_meta a,
.sc_item_meta a,
.post_meta_item a {
    color: #595959 !important;
}
.post_meta_categories a:hover,
.sc_blogger_item .post_meta_categories a:hover,
.sc_item_meta a:hover,
.post_meta a:hover {
    color: #A73F23 !important;
}

/* Párrafos y spans en secciones con fondo blanco/claro — pa11y: 4.29:1 y 3.46:1 */
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li,
.sc_item_descr,
.sc_item_descr p,
.sc_item_subtitle,
.post_content,
.post_content p,
.entry-content p,
.entry-content li {
    color: #4a4a4a;
}

/* CTA de contacto "Si tu proyecto constructivo req..." — pa11y: 2.98:1 */
.sc_section_overlay p,
.sc_section_overlay .sc_item_descr,
.elementor-section .elementor-widget-text-editor p[style*="color"] {
    color: #2b2b2b !important;
}

/* "Ejecutamos prospecciones arqueo..." span — pa11y: 3.46:1 */
.elementor-icon-list-text,
.elementor-icon-list-item,
.sc_services_item_excerpt {
    color: #4a4a4a;
}

/* Em / cita en "Sobre nosotros" — pa11y: 3.42:1 (era #D15B3E con contraste insuficiente) */
blockquote em,
blockquote p em,
.entry-content blockquote em,
.elementor-widget-text-editor em,
.entry-content em,
.post_content em {
    color: #A73F23 !important;
}

/* Enlaces en contenido (entry-content) sobre fondo claro — pa11y: 3.98:1 */
.scheme_default .entry-content a:not(.button):not(.sc_button):not(.elementor-button):not(.sc_btn):not(.sc_icons_item_link),
.scheme_default .post_content a:not(.button):not(.sc_button):not(.elementor-button):not(.sc_btn):not(.sc_icons_item_link),
.scheme_default .elementor-widget-text-editor a:not(.elementor-button),
.scheme_default .elementor-widget-theme-post-content a:not(.elementor-button) {
    color: #A73F23 !important;
}
.scheme_default .entry-content a:hover,
.scheme_default .entry-content a:focus,
.scheme_default .post_content a:hover,
.scheme_default .post_content a:focus,
.scheme_default .elementor-widget-text-editor a:hover {
    color: #6F2712 !important;
}

/* Re-fuerza el color de los enlaces en las tarjetas de metodología (home).
   Cards 1, 2 y 4 tienen fondo oscuro -> texto blanco.
   Card 3 tiene fondo blanco -> texto oscuro. */
.body_wrap .scheme_default .entry-content .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(1) .sc_icons_item a,
.body_wrap .scheme_default .entry-content .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) .sc_icons_item a,
.body_wrap .scheme_default .entry-content .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(4) .sc_icons_item a,
.body_wrap .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(1) .sc_icons_item a,
.body_wrap .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) .sc_icons_item a,
.body_wrap .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) .sc_icons_item_title a,
.body_wrap .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) h3 a,
.body_wrap .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) h4 a,
.body_wrap .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(4) .sc_icons_item a {
    color: #ffffff !important;
}
.body_wrap .scheme_default .entry-content .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(3) .sc_icons_item a,
.body_wrap .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(3) .sc_icons_item a {
    color: #595959 !important;
}

/* Forms (Forminator / Contact Form 7) input placeholders y texto */
.forminator-input,
.forminator-textarea,
.forminator-select,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
    color: #1f1f1f !important;
}
.forminator-input::placeholder,
.forminator-textarea::placeholder,
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: #595959 !important;
    opacity: 1;
}

/* ---- 2.4.1 Evitar bloques — landmark main ----------------------------------
   Aseguramos que el nuevo <main id="main"> reciba foco sin outline por defecto
   pero sí cuando se salta con el skip link.
------------------------------------------------------------------------------- */
main#main {
    display: block;
    outline: none;
}
main#main:focus-visible {
    outline: 3px solid #A73F23;
    outline-offset: 2px;
}

/* Skip link visible al tener foco ------------------------------------------- */
.strux_skip_link,
.skip-link-firmana {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 100000;
}
.strux_skip_link:focus,
.skip-link-firmana:focus {
    position: fixed;
    top: 12px;
    left: 12px;
    width: auto;
    height: auto;
    padding: 0.75em 1.25em;
    background: #000;
    color: #fff !important;
    text-decoration: underline;
    font-weight: 600;
    border: 2px solid #fff;
    box-shadow: 0 0 0 3px #000;
    outline: none;
}

/* ---- 2.4.4 Propósito de los enlaces ---------------------------------------
   Oculta texto pero visible para lectores de pantalla (screen-reader only).
------------------------------------------------------------------------------- */
.firmana-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ---- 2.4.7 Foco visible (mejora general) ---------------------------------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid #A73F23;
    outline-offset: 2px;
}

/* ---- OVERRIDE FINAL: enlaces en tarjeta 2 de metodología home ---------------
   El tema Strux + nuestras reglas genéricas de .entry-content a tienen muy
   alta especificidad con :not(). Aquí forzamos con html body + clases
   múltiples + !important al final del archivo para asegurar victoria. */
html body .body_wrap .scheme_default .entry-content .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) .sc_icons_item .sc_icons_item_title a,
html body .body_wrap .scheme_default .entry-content .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) .sc_icons_item_details .sc_icons_item_title a,
html body .body_wrap .scheme_default .entry-content .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) h3.sc_icons_item_title a,
html body .body_wrap .scheme_default .entry-content .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) h4.sc_icons_item_title a,
html body .body_wrap .scheme_default .entry-content .elementor-element-7668aea0 .sc_icons_motley .trx_addons_column-1_4:nth-child(2) .sc_icons_item a,
html body .body_wrap .scheme_default .elementor-element-7668aea0 .trx_addons_column-1_4:nth-child(2) .sc_icons_item_title a {
    color: #ffffff !important;
}