/* =====================================================================
   Mejoras de diseño — cuadros de valores y datos de atención
   Solo afecta el CONTENIDO (no el menú del header, que usa la misma clase).
   ===================================================================== */

/* ---- Tablas de valores (CONCEPTO / VALOR) — estilo formal ---- */
[data-elementor-type="wp-post"] table.uael-table,
[data-elementor-type="wp-page"] table.uael-table{
  border-collapse:separate !important;border-spacing:0 !important;
  border:1px solid #e5e8f2 !important;border-radius:14px !important;overflow:hidden !important;
  box-shadow:0 10px 30px rgba(40,50,115,.10) !important;background:#fff !important;
  font-family:'Roboto',system-ui,sans-serif !important;margin:8px auto !important;
}
[data-elementor-type="wp-post"] table.uael-table th{
  background:#283273 !important;
  font-family:'Poppins',system-ui,sans-serif !important;font-weight:700 !important;
  font-size:.76rem !important;letter-spacing:.1em !important;text-transform:uppercase !important;
  padding:15px 20px !important;border:0 !important;text-align:left !important;
}
[data-elementor-type="wp-post"] table.uael-table th .uael-table__text,
[data-elementor-type="wp-post"] table.uael-table th{ color:#fff !important; }
[data-elementor-type="wp-post"] table.uael-table td{
  padding:14px 20px !important;border:0 !important;border-top:1px solid #eef0f6 !important;
  background:transparent !important;
}
[data-elementor-type="wp-post"] table.uael-table td .uael-table__text{
  color:#3a4059 !important;font-weight:500 !important;font-size:1rem !important;
}
[data-elementor-type="wp-post"] table.uael-table tr:nth-child(even) td{ background:#f7f8fc !important; }
[data-elementor-type="wp-post"] table.uael-table tr:hover td{ background:#eef1fb !important; }
/* columna del valor: a la derecha, resaltada en azul */
[data-elementor-type="wp-post"] table.uael-table td.icon-i,
[data-elementor-type="wp-post"] table.uael-table th:last-child{
  text-align:right !important;
}
[data-elementor-type="wp-post"] table.uael-table td.icon-i .uael-table__text{
  color:#283273 !important;font-weight:700 !important;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}

/* ---- Caja del valor total ($…) — tarjeta formal ---- */
[data-elementor-type="wp-post"] .elementor-widget-uael-table + *,
[data-elementor-type="wp-post"] .valor-box{ }

/* ---- Datos de atención (pie): cuadro formal de horarios ---- */
.hours-box{
  background:#f7f8fc;border:1px solid #e5e8f2;border-left:4px solid #C8392D;
  border-radius:10px;padding:6px 14px;margin-top:6px;max-width:320px;
}
.hours-box .hrow{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding:9px 0;border-bottom:1px dashed rgba(40,50,115,.14);
}
.hours-box .hrow:last-child{border-bottom:0;}
.hours-box .hday{font-family:'Poppins',system-ui,sans-serif;font-weight:700;color:#283273;font-size:.86rem;}
.hours-box .hhr{color:#3a4059;font-size:.9rem;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;}

/* ---- Franja de aliados (logos) — carrusel propio, se desliza solo ---- */
.aliados-strip{background:#fff;padding:36px 0;overflow:hidden;border-top:1px solid #eef0f6;}
.aliados-strip .aliados-title{text-align:center;font-family:'Poppins',system-ui,sans-serif;
  text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;color:#98a0bd;margin:0 0 22px;}
.aliados-track{display:flex;align-items:center;width:max-content;animation:aliados-scroll 34s linear infinite;}
.aliados-strip:hover .aliados-track{animation-play-state:paused;}
.aliados-track img{height:56px;width:auto;margin-right:66px;object-fit:contain;
  filter:grayscale(1);opacity:.68;transition:filter .3s,opacity .3s;}
.aliados-track img:hover{filter:none;opacity:1;}
@keyframes aliados-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.aliados-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto;gap:40px}.aliados-track img{margin-right:0}}

/* ---- Fichas de trámite: CTA "Te asesoramos…" (fondo lazyload roto) ----
   El texto es blanco sobre una imagen de fondo que Elementor cargaba por
   lazyload (JS que no corre en estático) → quedaba un box vacío. Forzamos
   la imagen para que el banner se vea completo. */
[data-elementor-type="wp-post"] .elementor-element-469a54e{
  background-image:url("/wp-content/uploads/2023/05/Banner-ejemplo-detallet-1.png") !important;
  background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;
  border-radius:12px;overflow:hidden;
}

/* ---- Menú móvil: abrir/cerrar el panel deslizante (toggle propio en td-popup.js) ---- */
@media (max-width:1024px){
  .uc-mega_menu-wrapper.uc-menu-open{
    position:fixed !important; top:0 !important; left:0 !important; height:100% !important;
    transform:translate(0,0) !important;
    box-shadow:0 12px 40px rgba(0,0,0,.28);
    max-width:88% !important; /* deja ver un borde del fondo para saber que es un panel */
    z-index:2147483000 !important; overflow-y:auto !important;
  }
  .uc-mega_menu-wrapper .uc-mega_menu-close-btn{ padding:14px 18px; }
}

/* ---- Tabla de horarios (Órdenes de salida) — título unificado + columna verde ---- */
table.hs-horarios{
  width:100% !important;max-width:640px;margin:10px auto !important;
  border-collapse:separate !important;border-spacing:0 !important;
  border:1px solid #d3d9ee !important;border-radius:14px !important;overflow:hidden !important;
  box-shadow:0 10px 30px rgba(40,50,115,.10) !important;background:#fff !important;
  font-family:'Roboto',system-ui,sans-serif !important;
}
table.hs-horarios th{
  background:#283273 !important;color:#fff !important;text-align:center !important;
  font-family:'Poppins',system-ui,sans-serif !important;font-weight:700 !important;
  font-size:.9rem !important;letter-spacing:.03em !important;padding:15px 18px !important;border:0 !important;
}
table.hs-horarios th .hs-sub{
  display:block;margin-top:4px;font-weight:600;font-size:.74rem;letter-spacing:.06em;
  text-transform:uppercase;color:#c7cdf0;
}
table.hs-horarios td{
  padding:14px 18px !important;border:0 !important;border-top:1px solid #e7ebf7 !important;
  font-size:1rem !important;vertical-align:middle !important;
}
table.hs-horarios td.hs-lbl{
  color:#283273 !important;font-weight:600 !important;background:#fff !important;width:46%;
}
table.hs-horarios td.hs-hr{
  color:#283273 !important;font-weight:500 !important;background:#eef1fb !important;
  font-variant-numeric:tabular-nums;
}

/* ---- Revelar contenido con "animación de entrada" de Elementor ----
   Elementor deja esos elementos en opacity:0 y los mostraba con su JS (que
   se quitó por estático). Los forzamos visibles para que el contenido aparezca. */
.elementor-invisible{ visibility:visible !important; opacity:1 !important; animation:none !important; }

/* ===== Accesibilidad (Res. 1519 / WCAG 2.1) — no borrar ===== */
/* 2.4.7 Foco visible. Anillo de dos tonos: el amarillo se ve sobre fondos
   oscuros y el azul sobre los claros, así funciona en toda la página. */
a:focus-visible,button:focus-visible,[role="button"]:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:3px solid transparent !important;   /* visible en modo alto contraste */
  box-shadow:0 0 0 3px #FDD600,0 0 0 6px #283273 !important;
  border-radius:4px;
}
/* 2.4.1 El enlace "Ir al contenido" aparece solo al llegar con el tabulador. */
.skip-link.screen-reader-text:focus{
  position:fixed !important;top:12px;left:12px;z-index:2147483000;
  width:auto !important;height:auto !important;margin:0 !important;padding:12px 20px !important;
  clip-path:none !important;overflow:visible !important;
  background:#283273;color:#fff !important;font:600 15px/1.2 'Poppins',system-ui,sans-serif;
  text-decoration:none;border-radius:10px;box-shadow:0 6px 22px rgba(0,0,0,.28);
}