.elementor-kit-16{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-16 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =======================================================
   UDIMEB – CSS GLOBAL OFICIAL (depurado + estable)
   ======================================================= */

/* ---------- Variables ---------- */
:root {
  --udm-blue: #1F3E8A;
  --udm-blue-2: #274796;
  --udm-border: #EAECF0;
  --udm-text: #101828;
  --udm-muted: #475467;
  --udm-surface: #FFFFFF;
}

/* ---------- Reset ---------- */
*, *::before, *::after { box-sizing: border-box; }
body { font-family: system-ui, Inter, sans-serif; color: var(--udm-text); }

/* =======================================================
   HERO
   ======================================================= */
.hero {
  position: relative;
  min-height: 440px;
  overflow: hidden;
  border-bottom: 1px solid var(--udm-border);
}
.hero-banner-img {
  position: absolute; inset: 0;
  width: 100%; height: 100%; object-fit: cover;
}
.hero::after {
  content:""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.92) 100%);
}
.hero-overlay { position: relative; z-index: 2; display:flex; align-items:end; min-height:440px; }
.hero-search { width:100%; display:flex; justify-content:center; margin-bottom:22px; }

.searchbar {
  display:flex; align-items:center; gap:10px;
  background:var(--udm-surface); border:1px solid var(--udm-border);
  border-radius:14px; padding:12px; width:min(960px,92%);
  box-shadow:0 4px 16px rgba(16,24,40,.12);
}
.searchbar input[type="search"]{
  flex:1; padding:12px 14px; border:1px solid var(--udm-border); border-radius:10px;
}

/* =======================================================
   BOTONES
   ======================================================= */
.btn,
.elementor-button {
  border-radius:999px !important;
  font-weight:700 !important;
}

.btn.primary,
.elementor-button--primary {
  background:var(--udm-blue-2) !important;
  color:#fff !important;
  border:1px solid var(--udm-blue-2) !important;
}

/* =======================================================
   VACANTES
   ======================================================= */
.section-title {
  display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; margin-bottom:12px;
}

/* Chips */
.chips {
  display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 16px;
}
.chip {
  background:#F1F5F9; border:1px solid #E2E8F0; padding:6px 12px;
  border-radius:999px; cursor:pointer; font-size:14px; color:#475467;
}
.chip[data-active="true"] {
  background:#E6EEFF; border-color:#C0D4FF; color:var(--udm-blue); font-weight:600;
}

/* Grid */
#vacanciesGrid {
  display:grid; gap:16px;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
}

/* Tarjeta */
#vacanciesGrid .card {
  background:#fff; border:1px solid #E6EBF2;
  border-radius:16px; padding:16px;
  box-shadow:0 2px 6px rgba(15,23,42,.06);
}

/* Título */
#vacanciesGrid .vac-title {
  margin:0 0 8px; font-weight:800; letter-spacing:.2px; color:#0f172a;
}

/* Píldoras */
#vacanciesGrid .meta-pills {
  display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px;
}
#vacanciesGrid .tag {
  background:#EEF2FF; border:1px solid #E0E7FF;
  color:#3730A3; padding:4px 10px; border-radius:999px;
  font-size:12px; line-height:1;
}
#vacanciesGrid .tag--id {
  background:#F1F5F9; border:1px solid #E2E8F0; color:#475467;
}

/* Extracto */
#vacanciesGrid .vac-excerpt {
  color:#334155; margin:0 0 12px;
}

/* Botones en tarjeta */
#vacanciesGrid .actions {
  display:flex; gap:10px; flex-wrap:nowrap; margin-top:8px;
}
#vacanciesGrid .btn {
  display:inline-flex; align-items:center;
  padding:6px 12px; font-size:13px; font-weight:700;
  border-radius:999px; white-space:nowrap; cursor:pointer;
}

/* Contenido extendido (detalle) */
#vacanciesGrid .vacancy-details {
  display:none; margin-top:10px;
}
#vacanciesGrid .card.is-open .vacancy-details {
  display:block;
}

/* Texto dentro del detalle */
#vacanciesGrid .vacancy-details__body h5 {
  margin:16px 0 8px; font-weight:800; letter-spacing:.3px;
  text-transform:uppercase; color:#111827; font-size:14px;
}
#vacanciesGrid .vacancy-details__body p { margin:0 0 10px; color:#1F2937; }
#vacanciesGrid .vacancy-details__body ul { margin:0 0 10px 20px; color:#1F2937; }
#vacanciesGrid .vacancy-details__body li { margin:4px 0; }

/* =======================================================
   SLIDER ÁREAS
   ======================================================= */

.carousel {
  position:relative; border:1px solid var(--udm-border);
  border-radius:16px; background:#fff;
  box-shadow:0 1px 2px rgba(16,24,40,.04), 0 12px 24px rgba(16,24,40,.06);
  padding:8px 0 14px; overflow:hidden;
}

#areasTrack {
  display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory;
  padding:12px; scroll-padding-inline:12px;
  padding-bottom:20px; margin-bottom:-20px;
}

.area-card {
  flex:0 0 260px; scroll-snap-align:start;
  background:#fff; border:1px solid #EAECF0; border-radius:16px;
  overflow:hidden; box-shadow:0 1px 2px rgba(16,24,40,.04), 0 8px 18px rgba(16,24,40,.05);
}

.area-card__media { aspect-ratio:16/9; background:#F2F4F7; }
.area-card__media img { width:100%; height:100%; object-fit:cover; }
.area-card__body { padding:16px; display:flex; flex-direction:column; gap:6px; }
.area-card__title { margin:0; font-weight:800; letter-spacing:.2px; }
.area-card__desc { margin:0; color:#475467; font-size:14px; }
.area-card__btn { background:var(--udm-blue-2); color:#fff; border:0; border-radius:999px; padding:8px 14px; font-weight:600; }

/* =======================================================
   CONTACTO
   ======================================================= */
.contact-tabs { display:flex; gap:8px; margin:8px 0 12px; }
.contact-tab {
  border:1px solid #D0D5DD; padding:8px 16px;
  border-radius:999px; background:#fff; cursor:pointer; font-weight:600;
}
.contact-tab[aria-selected="true"]{
  background:var(--udm-blue); color:#fff; border-color:var(--udm-blue);
}
.contact-panel[hidden]{ display:none; }

/* =======================================================
   RESPONSIVE
   ======================================================= */
@media (max-width:640px){
  .hero{min-height:360px;}
  .searchbar{width:94%; gap:8px; padding:10px;}
  #vacanciesGrid{grid-template-columns:1fr;}
  .area-card{flex:0 0 85%;}
}

/* Oculta el extracto cuando la tarjeta está abierta para evitar duplicar idea */
#vacanciesGrid .card.is-open .vac-excerpt { display: none; }

/* ===== Header local (en la misma caja) ===== */
.udm-header{
  position: sticky;   /* si prefieres fijo: fixed; top:0; y añade padding-top al body de la caja */
  top: 0;
  z-index: 1005;      /* por encima del hero y su overlay */
  background: rgba(255,255,255,.96);
  backdrop-filter: saturate(180%) blur(8px);
  border-bottom: 1px solid var(--udm-border);
}
.udm-header__inner{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  min-height: 64px;  /* ajusta si tu header es más alto */
}
.udm-brand img{ display:block; height:36px; width:auto; }

/* Navegación */
.udm-nav{ display:flex; gap:20px; align-items:center; }
.udm-nav__link{
  color:#475467; text-decoration:none; padding:8px 10px; border-radius:999px; font-weight:600;
}
.udm-nav__link.is-active,
.udm-nav__link:focus-visible{
  background:#E6EEFF; color:var(--udm-blue);
}

/* Acciones derecha (reutiliza tus estilos de .btn / .btn.primary) */
.udm-actions{ display:flex; gap:10px; align-items:center; }

/* Hero debajo del header en la pila de capas */
.hero{ position:relative; z-index: 1; }
.hero .hero-overlay{ position:relative; z-index: 2; }
.hero::after{ z-index: 1; pointer-events:none; }

/* Scroll a anclas: que no las tape el header */
:root{ --header-h: 72px; } /* ajusta a la altura visual de tu header */
#inicio, #areas, #vacantes, #contacto{ scroll-margin-top: calc(var(--header-h) + 8px); }

/* Responsive: cuando se estrecha, que quepa todo */
@media (max-width: 960px){
  .udm-header__inner{ gap:10px; }
  .udm-nav{ gap:12px; }
}
@media (max-width: 720px){
  .udm-nav{ display:none; } /* simplificación rápida: puedes montar un menú hamburguesa luego */
}

/* Marca del header: tamaño y proporción correctos */
.udm-brand img{
  display:block;
  height:80px;     /* ajústalo a 36–120px según tu gusto */
  width:auto;
  object-fit:contain;
}

/* ===== Menú del header: estilo tipo "píldora" ===== */

/* Estado base */
.udm-nav{ display:flex; gap:22px; align-items:center; }
.udm-nav__link{
  --udm-pill-bg: #F4F7FF;         /* azul muy muy claro */
  --udm-pill-text: #1F3E8A;       /* azul principal */
  --udm-muted: #667085;           /* gris texto inactivo */

  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  text-decoration:none;
  font-weight:600;
  line-height:1;
  color: var(--udm-muted);
  transition: color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

/* Hover (enlace inactivo) */
.udm-nav__link:hover{
  color:#344054;                   /* gris un poco más oscuro */
}

/* Activo (píldora) */
.udm-nav__link.is-active{
  background: var(--udm-pill-bg);
  color: var(--udm-pill-text);
  font-weight:700;
  box-shadow: 0 1px 0 rgba(31,62,138,.06);
}

/* Focus accesible */
.udm-nav__link:focus-visible{
  outline: 0;
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px rgba(31,62,138,.25);
  background: var(--udm-pill-bg);
  color: var(--udm-pill-text);
}

/* Espaciado en la barra (coincidir altura visual) */
.udm-header__inner{ min-height:72px; }

/* Responsivo: esconder lista en móviles por ahora (si quieres, armamos hamburguesa) */
@media (max-width: 720px){
  .udm-nav{ display:none; }
}

/* ===== Menú del header: "píldora" visible y consistente con botones ===== */
:root{
  --udm-blue:    #1F3E8A; /* azul texto activo */
  --udm-blue-2:  #274796; /* azul .btn.primary (si luego quieres activo sólido) */
  --udm-muted:   #667085; /* gris inactivo */
  --udm-pill-bg: #EAF0FF; /* píldora clara (más marcada que #EEF2FF) */
  --udm-pill-bd: #C0D4FF; /* borde suave de la píldora */
}

.udm-nav{ display:flex; align-items:center; gap:28px; }

/* Inactivo */
.udm-nav__link{
  display:inline-flex; align-items:center;
  padding:10px 18px;                 /* alto y ancho de "píldora" */
  border-radius:999px; border:1px solid transparent;
  text-decoration:none; line-height:1;
  font-weight:600; color:var(--udm-muted);
  transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

/* Hover (inactivo) */
.udm-nav__link:hover{
  color:#475467;
  background:#F7F9FF;
  border-color:#E9EDFF;
}

/* Activo: píldora clara visible (como el ejemplo) */
.udm-nav__link.is-active{
  background:var(--udm-pill-bg);
  border-color:var(--udm-pill-bd);
  color:var(--udm-blue);
  font-weight:700;
  box-shadow:0 1px 0 rgba(16,24,40,.06);
}

/* Focus accesible (tecla TAB) */
.udm-nav__link:focus-visible{
  outline:0;
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px rgba(39,71,150,.28);
  background:var(--udm-pill-bg);
  border-color:var(--udm-pill-bd);
  color:var(--udm-blue);
}

/* Alineación con acciones a la derecha y altura de barra */
.udm-header__inner{ min-height:72px; }
.udm-actions{ gap:12px; }

/* Responsivo (si aún no montamos hamburguesa) */
@media (max-width: 720px){
  .udm-nav{ display:none; }
}

/* Header: "Postularme" en negro, borde suave y fondo blanco (match con tu UI) */
.udm-actions .btn{
  color:#101828 !important;
  background:#fff;
  border:1px solid #E2E8F0;
  font-weight:700;
}
.udm-actions .btn:hover{
  background:#F9FAFB;
  border-color:#D0D5DD;
}

/* ================================
   UDIMEB — Footer oscuro (scope: #footer)
   ================================ */
#footer{
  background:#0B1422;        /* azul muy oscuro */
  color:#E6EAF0;
  margin-top:28px;
}
#footer .container{ max-width:1200px; margin-inline:auto; padding:24px 16px; }
#footer .footer-inner{ }

/* Grid 3 columnas responsivo */
#footer .footer-grid{
  display:grid; gap:28px; align-items:flex-start;
  grid-template-columns: 1.1fr 1fr 0.9fr;
}
@media (max-width: 992px){ #footer .footer-grid{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px){ #footer .footer-grid{ grid-template-columns: 1fr; } }

/* Títulos */
#footer .foot-title{
  margin:0 0 10px;
  font-size:14px;
  font-weight:800;
  letter-spacing:.3px;
  text-transform:uppercase;
  color:#F2F4F7;
}

/* Texto y links */
#footer .foot-text{
  margin:0 0 10px;
  color:#D6DBE4;
  line-height:1.55;
}
#footer .foot-links a{
  display:inline-block;
  margin:6px 0;
  color:#E8EDFF;
  font-weight:700;
  text-decoration:none;
}
#footer .foot-links a:hover{ text-decoration:underline; }

/* Social (píldoras 40x40) */
#footer .social{ display:flex; gap:10px; }
#footer .social a{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px;
  border-radius:12px;
  border:1px solid #2A3A55;
  color:#E6EAF0; background:transparent;
  text-decoration:none;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
#footer .social a:hover{
  background:#0F1C30;
  border-color:#3B5080;
  color:#FFFFFF;
}
/* 🔒 Reset local: impedir que reglas globales estiren los íconos */
#footer .social svg{ width:20px !important; height:20px !important; display:block; max-width:none; }
#footer .social .social-logo{
  width:20px; height:20px; display:block; object-fit:contain;
  filter: grayscale(100%) brightness(190%) contrast(85%); /* tono claro sobre fondo oscuro */
}

/* Franja inferior (copyright) */
#footer .copy{
  display:flex; align-items:center; justify-content:space-between;
  border-top:1px solid #162235;
  margin-top:18px; padding-top:12px;
  color:#C9D1DC;
}
#footer .copy span:last-child{ font-weight:700; color:#DDE3EE; }

/* Focus accesible en enlaces del footer */
#footer a:focus-visible{
  outline:0;
  box-shadow: 0 0 0 2px #0B1422, 0 0 0 4px rgba(230,234,240,.35);
  border-radius:6px;
}

/* ====== Hamburguesa (≤ 720px) ====== */
.udm-burger{
  display:none;
  width:44px;height:44px;border-radius:10px;
  border:1px solid #E2E8F0;background:#fff;cursor:pointer;
  align-items:center;justify-content:center;gap:4px;
}
.udm-burger span{
  display:block; width:22px; height:2px; background:#0f172a; border-radius:2px;
  transition:transform .2s ease, opacity .2s ease;
}
.udm-burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.udm-burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.udm-burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

/* Mostrar hamburguesa y ocultar nav/acciones en móvil */
@media (max-width: 720px){
  .udm-nav{ display:none; }
  .udm-actions{ display:none; }
  .udm-burger{ display:inline-flex; }
}

/* ====== Panel móvil ====== */
.udm-mobile{ position:relative; z-index:3000; }
.udm-mobile__overlay{
  position:fixed; inset:0; background:rgba(2,8,23,.45); opacity:0; pointer-events:none;
  transition:opacity .2s ease;
}
.udm-mobile[aria-hidden="false"] .udm-mobile__overlay{ opacity:1; pointer-events:auto; }

.udm-mobile__panel{
  position:fixed; top:0; right:0; height:100dvh; width:min(86%, 360px);
  background:#fff; border-left:1px solid #E2E8F0; box-shadow:-12px 0 24px rgba(2,8,23,.2);
  transform:translateX(100%); transition:transform .25s ease;
  display:flex; flex-direction:column; justify-content:space-between;
  padding:16px;
}
.udm-mobile[aria-hidden="false"] .udm-mobile__panel{ transform:translateX(0); }

.udm-mobile__list{ list-style:none; padding:0; margin:8px 0 14px; display:flex; flex-direction:column; gap:8px; }
.udm-mobile__link{
  display:block; padding:12px 12px; border-radius:12px; text-decoration:none; color:#334155; font-weight:600;
  border:1px solid transparent;
}
.udm-mobile__link:focus-visible{ outline:0; box-shadow:0 0 0 3px rgba(39,71,150,.25); }
.udm-mobile__link:hover{ background:#F7F9FF; border-color:#E9EDFF; }

/* Acciones iguales al header (Postularme negro, Mostrar todo primario) */
.udm-mobile__actions{ display:flex; gap:10px; }
.udm-mobile__actions .btn{ color:#101828 !important; background:#fff; border:1px solid #E2E8F0; font-weight:700; }
.udm-mobile__actions .btn:hover{ background:#F9FAFB; border-color:#D0D5DD; }
.udm-mobile__actions .btn.primary{ background:#274796; border-color:#274796; color:#fff; }

/* ===== Icono hamburguesa (SVG centrado) ===== */
.udm-burger{
  display:none; /* se muestra en <= 720px (ya lo tienes en el @media) */
  width:44px; height:44px; border-radius:10px;
  border:1px solid #E2E8F0; background:#fff; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center;
}
.udm-burger__icon{
  stroke:#0f172a; stroke-width:2.2; stroke-linecap:round; fill:none;
  transform-origin:12px 12px; transition:transform .2s ease;
}
.udm-burger__icon line{ transition:transform .2s ease, opacity .15s ease; }
.udm-burger[aria-expanded="true"] .udm-burger__icon line:nth-child(1){ transform:translateY(5px) rotate(45deg); }
.udm-burger[aria-expanded="true"] .udm-burger__icon line:nth-child(2){ opacity:0; }
.udm-burger[aria-expanded="true"] .udm-burger__icon line:nth-child(3){ transform:translateY(-5px) rotate(-45deg); }

/* Ya tenías esto: ocultar nav/acciones en móvil y mostrar burger */
@media (max-width: 720px){
  .udm-nav{ display:none; }
  .udm-actions{ display:none; }
  .udm-burger{ display:inline-flex; }
}

/* ===== Botón hamburguesa centrado ===== */
.udm-burger{
  /* contenedor del botón */
  display:none;                     /* se muestra en móvil (ver @media) */
  width:44px; height:44px;
  padding:0;                        /* evita empujes asimétricos */
  border-radius:10px;
  border:1px solid #E2E8F0;
  background:#fff;
  cursor:pointer;

  /* centra el icono dentro del botón */
  display:inline-flex;
  align-items:center;
  justify-content:center;

  /* corrige line-height que a veces des-centra verticalmente */
  line-height:0;
}

/* Ícono SVG: centrado y con animación a "X" */
.udm-burger__icon{
  width:22px; height:22px;
  display:block;                    /* elimina baseline gaps */
  stroke:#0f172a; stroke-width:2.2; stroke-linecap:round; fill:none;
  transform-origin:12px 12px;
}
.udm-burger__icon line{
  transition:transform .2s ease, opacity .15s ease;
}
.udm-burger[aria-expanded="true"] .udm-burger__icon line:nth-child(1){ transform:translateY(5px) rotate(45deg); }
.udm-burger[aria-expanded="true"] .udm-burger__icon line:nth-child(2){ opacity:0; }
.udm-burger[aria-expanded="true"] .udm-burger__icon line:nth-child(3){ transform:translateY(-5px) rotate(-45deg); }

/* Header: asegúrate de que el botón quede centrado verticalmente respecto a la barra */
.udm-header__inner{
  display:flex;
  align-items:center;               /* <- centra verticalmente TODOS los hijos (logo/nav/actions/burger) */
  justify-content:space-between;
  gap:16px;
  min-height:72px;
}

/* En móvil mostramos hamburguesa y ocultamos nav/acciones */
@media (max-width: 720px){
  .udm-nav{ display:none; }
  .udm-actions{ display:none; }
  .udm-burger{ display:inline-flex; }

  /* Por si el header hereda paddings/alturas raras en móvil */
  .udm-header__inner{ min-height:64px; padding-block:6px; }
}

/* ===== Panel móvil (si ya lo tienes, conserva; solo asegura centrado visual) ===== */
.udm-mobile__panel{
  /* asegura que los elementos internos no desplacen el panel */
  display:flex; flex-direction:column; justify-content:space-between;
}

/* Links del panel; opcional: iguala espaciado */
.udm-mobile__link{
  display:block; padding:12px 12px; border-radius:12px; text-decoration:none;
  color:#334155; font-weight:600; border:1px solid transparent;
}
.udm-mobile__link.is-active{ background:#EAF0FF; border-color:#C0D4FF; color:#1F3E8A; }

/* --- Estado por defecto (ESCRITORIO) --- */
.udm-burger{
  display: none !important;      /* fuerza ocultar en escritorio */
  width:44px; height:44px; padding:0;
  border-radius:10px; border:1px solid #E2E8F0; background:#fff; cursor:pointer;
  align-items:center; justify-content:center; line-height:0;
}
.udm-burger__icon{
  width:22px; height:22px; display:block;
  stroke:#0f172a; stroke-width:2.2; stroke-linecap:round; fill:none;
  transform-origin:12px 12px;
}
.udm-burger__icon line{ transition:transform .2s ease, opacity .15s ease; }
.udm-burger[aria-expanded="true"] .udm-burger__icon line:nth-child(1){ transform:translateY(5px) rotate(45deg); }
.udm-burger[aria-expanded="true"] .udm-burger__icon line:nth-child(2){ opacity:0; }
.udm-burger[aria-expanded="true"] .udm-burger__icon line:nth-child(3){ transform:translateY(-5px) rotate(-45deg); }

/* --- Breakpoint móvil: SOLO aquí se muestra --- */
@media (max-width: 720px){
  .udm-nav{ display: none !important; }
  .udm-actions{ display: none !important; }
  .udm-burger{ display: inline-flex !important; } /* se ve en móvil */
  .udm-header__inner{ min-height:64px; padding-block:6px; }
}

/* (Opcional) si tienes otro breakpoint de Elementor (por ejemplo 767px/768px), duplica: */
@media (max-width: 767.98px){
  .udm-nav{ display: none !important; }
  .udm-actions{ display: none !important; }
  .udm-burger{ display: inline-flex !important; }
}


/* =========================================
   UDIMEB — Estilo de formularios Formidable
   (aplica a forms con clases: udm-form udm-card)
   ========================================= */

/* Tarjeta contenedora (borde + sombra suave) */
.frm_forms.udm-card{
  background:#fff;
  border:1px solid #E6EAF2;
  border-radius:16px;
  box-shadow:0 2px 8px rgba(15,23,42,.06);
  padding:16px;
}
@media (min-width: 768px){
  .frm_forms.udm-card{ padding:18px; }
}

/* Grid general (2 columnas en desktop, 1 en móvil) */
.udm-form .frm_form_fields{
  display:grid;
  gap:12px;
}
@media (min-width: 768px){
  .udm-form .frm_form_fields{
    grid-template-columns:repeat(12, 1fr);
    column-gap:12px; row-gap:12px;
  }
  /* 1/2 ancho por defecto a los campos "de fila" comunes.
     Ajusta por field-type si necesitas control fino. */
  .udm-form .frm_form_field{
    grid-column: span 6;
  }
  /* Campos de texto largo ocupan 12 */
  .udm-form .frm_form_field.frm_section_spacing, /* por si Formidable inserta secciones */
  .udm-form .frm_form_field textarea,
  .udm-form .frm6{ grid-column:1 / -1; }
}

/* Etiquetas (labels) */



/* ===========================================
   UDIMEB — BUSCADOR (VERSIÓN FINAL)
   =========================================== */

.searchbar{
  display:flex;
  align-items:center;
  width:min(960px, 92%);
  margin-inline:auto;
  background:#ffffff;
  border:1px solid #EAECF0;
  border-radius:22px;
  padding:6px;                       /* 🔥 importante */
  box-shadow:0 4px 16px rgba(16,24,40,.12);
  overflow:hidden;                   /* 🔥 Une todo en una sola cápsula */
  gap:0;                              /* 🔥 Nada de separación entre elementos */
}

/* INPUT */
.searchbar input[type="search"]{
  flex:1;
  padding:16px 20px;
  font-size:16px;
  color:#0F172A;
  border:0;                            /* 🔥 NO debe tener borde propio */
  border-right:1px solid #E6EAF2;      /* 🔥 divisor suave */
  border-radius:0;                     /* 🔥 evita la pastilla doble */
  background:#fff;
}

.searchbar input[type="search"]::placeholder{
  color:#98A2B3;
}

/* BOTÓN AZUL (Buscar) */
#btnSearch{
  background:#1F3E8A !important;
  color:#ffffff !important;
  border-radius:14px !important;
  padding:14px 24px !important;
  margin:0 8px;                        /* 🔥 pequeño “respiro” lateral */
  border:none !important;
  font-weight:700;
}

/* BOTÓN BLANCO (Mostrar todo) */
#btnShowAll{
  background:#ffffff !important;
  color:#344054 !important;
  border:1px solid #E2E8F0 !important;
  border-radius:14px !important;
  padding:14px 24px !important;
  font-weight:700;
  margin-right:8px;                    /* 🔥 para alinear como la maqueta */
}

/* =============================
   RESPONSIVE — móvil
   ============================= */
@media(max-width:720px){

  .searchbar{
    flex-direction:column;
    align-items:stretch;
    padding:14px;
    gap:10px;
  }

  .searchbar input[type="search"]{
    border:1px solid #E6EAF2;
    border-radius:14px;
    padding:14px;
  }

  #btnSearch,
  #btnShowAll{
    width:100%;
    margin:0 !important;
    padding:14px !important;
  }
}

/***********************************************
   UDIMEB – Unificación del azul corporativo
   Nuevo color: #1f3b8a
***********************************************/

/* --- BOTONES PRINCIPALES --- */
.btn.primary,
#btnSearch,
#udmShowAll,
#udmMobileShowAll {
  background:#1f3b8a !important;
  border-color:#1f3b8a !important;
  color:#ffffff !important;
}

/* Hover de primarios */
.btn.primary:hover,
#btnSearch:hover,
#udmShowAll:hover,
#udmMobileShowAll:hover {
  filter:brightness(1.05);
}

/* --- PÍLDORAS ACTIVAS DEL MENÚ --- */
.udm-nav__link.is-active {
  background: #EAF0FF !important;  /* fondo pastel */
  border: 1px solid #C7D3FF !important;
  color: #1f3b8a !important;
  font-weight: 700;
}

/* Hover/Focus del menú */
.udm-nav__link:focus-visible,
.udm-nav__link:hover {
  color:#1f3b8a !important;
}

/* --- BOTONES BLANCOS (secundarios) al pasar el mouse --- */
.btn:not(.primary):hover {
  border-color:#1f3b8a !important;
  color:#1f3b8a !important;
}

/* --- BOTONES DEL PANEL MÓVIL --- */
.udm-mobile__actions .btn.primary {
  background:#1f3b8a !important;
  border-color:#1f3b8a !important;
  color:#fff !important;
}

/* --- ESTILO DE DOWNLOAD CV (si lo estás usando) --- */
.udm-view td a[href*="/frm_file/"]::after {
  color:#1f3b8a !important;
}

/* --- BORDER FOCUS DE CAMPOS (si deseas coherencia) --- */
input:focus,
select:focus,
textarea:focus {
  border-color:#9FB3FF !important;
  box-shadow:0 0 0 3px rgba(31,59,138,0.25) !important;
}

/* --- Íconos de menú móvil (hamburguesa / X) --- */
.udm-burger__icon {
  stroke:#1f3b8a !important;
}/* End custom CSS */