/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

.panel-heading.wpb_accordion_header.ui-accordion-header {
    border-bottom: 1px solid;
}

.wpcf7-form-control {
    width: 100% !important;
}

/* HystModal maneja automáticamente el scroll */

input.wpcf7-form-control, .wpcf7-textarea {
    background: #E5DAD4;
}

.wpcf7-submit {
    border-radius: 100px !important;
    background: #E5865F !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-transform: initial !important;
}


#row-unique-8 > div > div > div:nth-child(1) > div > div > div > div > div:nth-child(5) > div > div > div > div > div > div > div > div.uncode_text_column {
    margin-top: 8px;
}

a.red-social-link {
    color: #fff;
}

a.red-social-link:hover {
    color: #fff !important;
}

a.red-social-link {
    background: #266882;
}

.row-unique-9 > div > div > div:nth-child(1) > div > div > div > div > div:nth-child(5) > div > div > div > div > div > div > div > div.uncode_text_column {
    margin-top: 6px !important;
}

a.btn-hero {
	color: #38687c !important;
}

.btn-cta.btn-color-xsdn {
	color: #38687c !important;
}

/* =============================================================================
   San Bernardo Abogados · Correcciones de accesibilidad WCAG 2.1 AA
   Inventiaplus S.L. · v1.0.1 · 03/09/2026
   ========================================================================== */


/* -----------------------------------------------------------------------------
   1 · FOCO VISIBLE  →  9.2.4.7
   Anillo doble: trazo oscuro para fondos claros + halo blanco para el pie negro.
   Contraste del indicador: 15,2:1 sobre el fondo de página (mínimo 3:1).
   -------------------------------------------------------------------------- */
html body :focus-visible {
  outline: 2px solid #10222C !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px #FFFFFF !important;
  border-radius: 2px;
}

/* Enlace «Saltar al contenido principal»: que se vea al tabular. */
html body .screen-reader-shortcut:focus,
html body a.skip-link:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  clip-path: none !important;
  z-index: 100000;
  display: inline-block;
  padding: 12px 20px;
  background: #FFF5F0;
  color: #10222C;
  font-weight: 600;
  text-decoration: underline;
}

/* Modo de alto contraste de Windows. */
@media (forced-colors: active) {
  html body :focus-visible {
    outline: 3px solid Highlight !important;
    box-shadow: none !important;
  }
}


/* -----------------------------------------------------------------------------
   2 · CONTRASTE DE TEXTO  →  9.1.4.3
   -------------------------------------------------------------------------- */

/* 2.1 · Botón «Enviar» del formulario: blanco sobre #E5865F daba 2,66:1.
         Con #B4541F sube a 4,97:1 y mantiene la familia terracota de la marca.
         El borde del botón queda a 4,63:1 del fondo de página (9.1.4.11). */
html body .wpcf7-form input.wpcf7-submit,
html body .wpcf7-form .wpcf7-submit {
  background-color: #B4541F !important;
  border-color: #B4541F !important;
  color: #FFFFFF !important;
}
html body .wpcf7-form input.wpcf7-submit:hover,
html body .wpcf7-form input.wpcf7-submit:focus {
  background-color: #8F400F !important;
  border-color: #8F400F !important;
}

/* ALTERNATIVA (si preferís conservar el salmón corporativo tal cual):
   texto casi negro sobre #E5865F da 7,12:1. Comentad el bloque 2.1 y usad este.
html body .wpcf7-form input.wpcf7-submit,
html body .wpcf7-form .wpcf7-submit {
  background-color: #E5865F !important;
  border-color: #B4541F !important;
  color: #14100E !important;
}
*/

/* 2.2 · Elemento de menú de la página actual  →  9.1.4.3 y 9.1.4.1
         Estaba al 50 % de opacidad (2,17:1). Se neutraliza para todos los menús
         y se define por zona, para que el color case con el fondo de detrás.
         [CAMBIADO EN 1.0.1] */

/* 2.2.a · Reset: cualquier menú hereda el color de su contexto. */
html body .menu-item.current-menu-item > a,
html body .menu-item.current_page_item > a,
html body .menu-item.current-menu-ancestor > a {
  color: inherit !important;
  opacity: 1 !important;
}

/* 2.2.b · Cabecera (fondo crema #FFF5F0): azul corporativo, 5,78:1. */
html body header .menu-item.current-menu-item > a,
html body header .menu-item.current_page_item > a,
html body header .menu-item.current-menu-ancestor > a,
html body .menu-primary-inner .menu-item.current-menu-item > a,
html body .menu-primary-inner .menu-item.current_page_item > a,
html body .menu-primary-inner .menu-item.current-menu-ancestor > a {
  color: #266882 !important;
  opacity: 1 !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

/* 2.2.c · Pie (fondo negro): blanco, 21:1. El subrayado marca el estado sin
           depender solo del color, igual que en la cabecera. */
html body footer .menu-item.current-menu-item > a,
html body footer .menu-item.current_page_item > a,
html body footer .menu-item.current-menu-ancestor > a {
  color: #FFFFFF !important;
  opacity: 1 !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

/* 2.3 · Migas de pan, elemento actual: #CBCBCB sobre #266882 daba 3,82:1.
         #DCE4E8 sube a 4,82:1. */
html body .breadcrumb-list .breadcrumb-item > span {
  color: #DCE4E8 !important;
}


/* -----------------------------------------------------------------------------
   3 · CONTRASTE NO TEXTUAL  →  9.1.4.11
   Los campos no tenían límite perceptible: relleno a 1,28:1 del fondo y borde
   #EAEAEA a 1,12:1. Con el azul corporativo el borde queda a 5,78:1.
   La casilla de consentimiento usa appearance:none, así que sin borde visible
   era invisible; la marca de verificación ya se dibuja en negro al marcarla.
   -------------------------------------------------------------------------- */
html body .wpcf7-form input[type="text"],
html body .wpcf7-form input[type="email"],
html body .wpcf7-form input[type="tel"],
html body .wpcf7-form input[type="url"],
html body .wpcf7-form input[type="number"],
html body .wpcf7-form input[type="date"],
html body .wpcf7-form textarea,
html body .wpcf7-form select,
html body .wpcf7-form input[type="checkbox"],
html body .wpcf7-form input[type="radio"] {
  border: 1px solid #266882 !important;
}

/* Estado de error de CF7: que no dependa solo del color. */
html body .wpcf7-form .wpcf7-not-valid {
  border-color: #B3261E !important;
  border-width: 2px !important;
}
html body .wpcf7-form .wpcf7-not-valid-tip {
  color: #B3261E !important;
  font-weight: 600;
}


/* -----------------------------------------------------------------------------
   4 · ENLACES DENTRO DEL TEXTO  →  9.1.4.1 y 9.2.4.4
   En el aviso legal los enlaces del cuerpo tienen el mismo color y peso que el
   párrafo y sin subrayado: 1:1 respecto al texto, indistinguibles.
   Acotado a .post-content para no tocar menús, migas ni pie.
   -------------------------------------------------------------------------- */
html body .post-content p a:not([class]),
html body .post-content li a:not([class]),
html body .post-content td a:not([class]) {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 1px;
}
html body .post-content p a:not([class]):hover,
html body .post-content li a:not([class]):hover {
  text-decoration-thickness: 2px;
}


/* -----------------------------------------------------------------------------
   5 · EXTRA de bajo coste (no obligatorio para el nivel AA, recomendable)
   Tamaño mínimo de objetivo en los controles de carrusel y el botón de envío.
   -------------------------------------------------------------------------- */
html body .owl-prev,
html body .owl-next {
  min-width: 44px;
  min-height: 44px;
}
html body .wpcf7-form input.wpcf7-submit {
  min-height: 44px;
  font-size: 14px !important;
}

@media (prefers-reduced-motion: reduce) {
  html body *,
  html body *::before,
  html body *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ===== fin del bloque de Inventiaplus · v1.0.1 ============================= */

/* =============================================================================
   AÑADIDO 1.0.3 · style.css de uncode-child
   Inventiaplus S.L. · 03/09/2026

   ESTO NO SUSTITUYE NADA. Bloque nuevo: pégalo justo ANTES de la línea
   «===== fin del bloque de Inventiaplus · v1.0.1 =====».

   POR QUÉ: al probar el sitio a 320 px apareció un fallo de contraste que la
   revisión de escritorio no podía ver. El héroe de la portada está DUPLICADO:
   hay una versión para escritorio y otra para móvil, y la de móvil está oculta
   (display:none) mientras la ventana es ancha. Mis mediciones anteriores solo
   recorrían los elementos visibles, así que ese botón nunca entró en el cálculo.

     · Botón del héroe en escritorio · clase btn-color-801403
       #38687C sobre #FFF5F0 = 5,69:1  → correcto, no se toca.
     · Botón del héroe en móvil     · clase btn-color-214241
       #FFFFFF sobre #E5865F = 2,66:1  → incumple 9.1.4.3.

   Son clases distintas, así que arreglar la de móvil no puede estropear la de
   escritorio. Comprobado: btn-color-214241 lo usa un único elemento.
   ========================================================================== */


/* -----------------------------------------------------------------------------
   6 · Botón del héroe en móvil  →  9.1.4.3
   Mismo tratamiento que el botón «Enviar»: #B4541F con texto blanco, 4,97:1.
   -------------------------------------------------------------------------- */
html body .btn.btn-color-214241,
html body a.btn-color-214241 {
  background-color: #B4541F !important;
  border-color: #B4541F !important;
  color: #FFFFFF !important;
}
html body .btn.btn-color-214241:hover,
html body .btn.btn-color-214241:focus {
  background-color: #8F400F !important;
  border-color: #8F400F !important;
}


/* -----------------------------------------------------------------------------
   7 · OPCIONAL · Botón de cierre de los popups (Popup Maker)  →  9.1.4.3
   Hay dos popups en la portada. Su botón «Cerrar» es blanco sobre #00B7CD:
   2,43:1. Solo importa si alguno se muestra a los visitantes; si están
   desactivados, esta regla no hace nada y puedes borrarla.
   #00707E con texto blanco da 5,80:1.
   -------------------------------------------------------------------------- */
html body .pum-close,
html body .popmake-close {
  background-color: #00707E !important;
  color: #FFFFFF !important;
}