/*
  Ajustes mínimos para que el CSS original se comporte igual dentro de WordPress.
  Todo lo que esté aquí es una corrección de entorno, no un cambio de diseño.

  1. Bricks fija la raíz en 10px (el truco del 62.5%). El sitio original está
     escrito en rem sobre una raíz de 16px, así que sin esto todo se renderiza
     al 62.5% de su tamaño: titulares, anchos, espaciados y márgenes.
*/
html {
  font-size: 16px;
}

/*
  2. Bricks envuelve el contenido en #brx-content con sus propios márgenes.
     El sitio original maqueta a ancho completo desde las secciones.
*/
#brx-content {
  max-width: none;
  margin: 0;
  padding: 0;
}

/*
  3. La tabla comparativa de la página de headhunting.
     Bricks descarta las etiquetas <table> al convertir, así que esa sección
     se reconstruye como rejilla. Estas reglas reproducen exactamente el
     aspecto que tenía la tabla original: mismas tipografías, mismos
     espaciados y las mismas líneas divisorias.
*/
.compara-grid {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) 2fr;
  background: #fff;
  min-width: 520px;
}
.compara-cab {
  font-size: .72rem;
  letter-spacing: .01em;
  text-transform: none;
  color: var(--oro-deep);
  font-weight: 700;
  padding: 1rem 1.2rem;
  border-bottom: 1px solid var(--line);
  background: var(--panel);
}
.compara-caso,
.compara-razon {
  padding: 1rem 1.2rem;
  border-bottom: 1px solid rgba(12, 51, 98, .12);
  font-size: .94rem;
}
.compara-caso { color: var(--verde); font-weight: 500; }
.compara-razon { color: var(--ink-mute); }
/* la última fila no lleva línea, igual que en el original */
.compara-grid > :nth-last-child(1),
.compara-grid > :nth-last-child(2) { border-bottom: 0; }

/*
  4. El formulario de contacto.
     Bricks se llevó la clase .field y el estilo del botón al convertir.
     Aquí se repone lo mínimo para que se use sin dudas.
*/
[data-contact-form] input:not([type="checkbox"]):not([type="hidden"]),
[data-contact-form] select,
[data-contact-form] textarea {
  width: 100%;
  padding: .85rem 1rem;
  margin-bottom: .7rem;
  font-family: var(--font-body);
  font-size: .95rem;
  color: var(--ink);
  background: #fff;
  border: 1px solid rgba(12, 51, 98, .18);
  border-radius: 10px;
}
[data-contact-form] input::placeholder,
[data-contact-form] textarea::placeholder {
  color: rgba(12, 51, 98, .45);
}
[data-contact-form] input:focus,
[data-contact-form] select:focus,
[data-contact-form] textarea:focus {
  outline: none;
  border-color: var(--verde-3);
  box-shadow: 0 0 0 3px rgba(110, 166, 205, .12);
}

/* El botón de enviar había quedado como texto suelto, sin fondo ni forma. */
[data-contact-form] button[type="submit"] {
  width: 100%;
  margin-top: .4rem;
  padding: .95rem 1.4rem;
  font-family: var(--font-body);
  font-size: .95rem;
  font-weight: 600;
  color: var(--cream);
  background: var(--verde);
  border: 0;
  border-radius: 100px;
  cursor: pointer;
  transition: background .2s ease;
}
[data-contact-form] button[type="submit"]:hover { background: var(--verde-2); }

/* La casilla legal necesita aire y no debe estirarse como los campos. */
[data-contact-form] .field-consent {
  display: flex;
  gap: .6rem;
  align-items: flex-start;
  margin: .9rem 0 1rem;
  font-size: .78rem;
  line-height: 1.5;
  color: var(--ink-mute);
}
[data-contact-form] .field-consent input[type="checkbox"] {
  width: auto;
  margin: .2rem 0 0;
  flex-shrink: 0;
  accent-color: var(--verde);
}


/*
  5. La trampa antispam.
     Es un campo que solo rellenan los robots, y tiene que ser invisible. Al
     dar estilo a todos los campos del formulario quedó visible como una caja
     vacía al principio, sin ninguna indicación. Aquí se esconde.
     No se usa display:none a propósito: algunos robots detectan ese truco.
*/
[data-contact-form] [name="website"],
[data-contact-form] .hp-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/*
  6. El vídeo del manifiesto.

     Bricks envuelve el <video> en un div que hereda la clase .manifesto-video,
     así que la regla original (object-fit: cover) se aplica al envoltorio y no
     al vídeo. El vídeo de dentro se queda en "contain": como es 4:3 dentro de
     un marco 4:5, encoge y deja bandas blancas arriba y abajo.

     Aquí se apunta al vídeo real para que llene el marco.
*/
.manifesto-figure .manifesto-video,
.manifesto-figure video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Lo mismo para el póster, mientras el vídeo carga. */
.manifesto-figure video[poster] {
  object-position: center;
}

/* ---------- Formulario: el mensaje plegado ----------
   El textarea vacío pesaba en la primera impresión. Se reemplaza por una
   línea discreta que lo abre; quien quiera contar su caso lo encuentra, y
   quien solo quiera que lo llamen no lo ve. */
.form-group.msg-plegado { display: none; }

.msg-abrir {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: none;
  border: 0;
  padding: .2rem 0;
  margin-bottom: .4rem;
  font-family: var(--font-body);
  font-size: .9rem;
  color: var(--oro-deep);
  cursor: pointer;
  border-bottom: 1px solid rgba(12, 51, 98, .35);
  transition: color .2s ease, border-color .2s ease;
}
.msg-abrir::before { content: "+"; font-size: 1.05rem; line-height: 1; }
.msg-abrir:hover { color: var(--verde); border-color: var(--verde); }
.msg-abrir:focus-visible { outline: 2px solid var(--oro-deep); outline-offset: 3px; }

/* ---------- Puntero: anillo azul claro (#6EA6CD) ---------- */
/* Sin mezcla por diferencia: el color es siempre el de la paleta. */
.cursor { mix-blend-mode: normal; }
.cursor-dot { width: 5px; height: 5px; margin: -2.5px; background: #6EA6CD; transition: opacity .2s; }
.cursor-ring {
  width: 30px; height: 30px; margin: -15px;
  border: 2px solid #6EA6CD; background: rgba(110, 166, 205, 0);
  transition: width .3s var(--ease-out), height .3s var(--ease-out), margin .3s var(--ease-out), background-color .3s var(--ease-out);
}
/* Al señalar algo pulsable: crece y se rellena. */
.cursor.is-interactive .cursor-ring { width: 46px; height: 46px; margin: -23px; background: rgba(110, 166, 205, .35); }
.cursor.is-interactive .cursor-dot { opacity: 0; }

/* ---------- Menú superior sobre el hero ---------- */
/* Con la sesión iniciada, la barra negra de WordPress tapaba el menú. */
.admin-bar .nav { top: 32px; }
@media (max-width: 782px) { .admin-bar .nav { top: 46px; } }

/* Mismo margen izquierdo que el texto del hero: logo y titular alineados. */
.nav { padding-block: 1.4rem; }
.nav.is-scrolled { padding-block: .8rem; }
.nav-inner { max-width: none; padding-inline: clamp(1.25rem, 5vw, 5rem); }
.nav-brand-logo { height: 42px; }
.nav.is-scrolled .nav-brand-logo { height: 34px; }

/* Enlaces centrados entre el logo y las acciones. */
@media (min-width: 960px) {
  .nav-links { flex: 1; justify-content: center; }
}
.nav-link { font-size: .95rem; font-weight: 600; }

/* Sobre la foto del hero: botón dorado y hamburguesa clara para que se vean. */
body:not(.nav-sobre-claro) .nav:not(.is-scrolled) .nav-inner > .btn-primary {
  background: var(--oro); color: var(--verde); box-shadow: none;
}
body:not(.nav-sobre-claro) .nav:not(.is-scrolled) .nav-burger span { background: #FFFFFF; }

/* ---------- Tarjetas de servicios más llamativas ---------- */
.bento-services .card-flagship {
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(110, 166, 205, .38), transparent 55%),
    linear-gradient(160deg, #0C3362 0%, #0C3362 55%, #0C3362 100%);
  border: 1px solid rgba(110, 166, 205, .35);
  overflow: hidden;
  min-height: 400px;
  box-shadow: 0 30px 60px -30px rgba(12, 51, 98, .6);
}
/* Anillos decorativos en la esquina: crecen al pasar el mouse. */
.bento-services .card-flagship::after {
  content: ""; position: absolute; z-index: -1;
  width: 220px; height: 220px; right: -80px; top: -80px; border-radius: 50%;
  border: 1px solid rgba(110, 166, 205, .45);
  box-shadow: 0 0 0 30px rgba(110, 166, 205, .07), 0 0 0 60px rgba(110, 166, 205, .04);
  transition: transform .6s var(--ease-out);
}
.bento-services .card-flagship:hover::after { transform: scale(1.18); }
.bento-services .card-flagship:hover {
  border-color: rgba(110, 166, 205, .7);
  box-shadow: 0 40px 80px -28px rgba(12, 51, 98, .7), 0 0 0 1px rgba(110, 166, 205, .35);
}
.bento-services .card-flagship .card-title { font-size: clamp(1.8rem, 2.5vw, 2.3rem); line-height: 1.1; }
.bento-services .card-flagship .card-category { color: #6EA6CD; letter-spacing: .1em; }
.bento-services .card-flagship .card-desc { color: rgba(247, 245, 241, .9); font-size: 1rem; }
.bento-services .card-flag { background: rgba(110, 166, 205, .18); border-color: rgba(110, 166, 205, .5); color: #F7F5F1; }
.bento-services .card-tags span { background: transparent; border: 1px solid rgba(110, 166, 205, .45); color: #F7F5F1; }

/* El enlace pasa a botón. */
.bento-services .card-link {
  margin-top: 1.4rem; padding: .75rem 1.25rem; border: 0; border-radius: 100px;
  background: #6EA6CD; color: #0C3362; font-weight: 700; font-size: .88rem;
  transition: background-color .3s var(--ease-out), transform .3s var(--ease-out);
}
.bento-services .card-link:hover { background: #F7F5F1; color: #0C3362; transform: translateX(4px); }

/* Premium: el dorado manda. */
.bento-services .card-premium {
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(211, 174, 55, .38), transparent 55%),
    linear-gradient(160deg, #0C3362 0%, #0C3362 55%, #0C3362 100%);
  border-color: rgba(211, 174, 55, .6);
}
.bento-services .card-premium::after { border-color: rgba(211, 174, 55, .55); box-shadow: 0 0 0 30px rgba(211, 174, 55, .08), 0 0 0 60px rgba(211, 174, 55, .05); }
.bento-services .card-premium .card-category { color: var(--oro); }
.bento-services .card-premium .card-flag { background: var(--oro); color: #0C3362; border-color: var(--oro); }
.bento-services .card-premium .card-tags span { border-color: rgba(211, 174, 55, .5); }
.bento-services .card-premium .card-link { background: var(--oro); }
.bento-services .card-premium:hover { border-color: var(--oro); box-shadow: 0 40px 80px -28px rgba(12, 51, 98, .7), 0 0 0 1px rgba(211, 174, 55, .5); }

/* Otros servicios: tarjetas reales, alineadas al ancho de las de arriba. */
.otros-grid { display: grid; grid-template-columns: 1fr; gap: 1.1rem; justify-content: stretch; }
@media (min-width: 720px) { .otros-grid { grid-template-columns: repeat(3, 1fr); } }
.otros-grid .card-mini {
  background: #FFFFFF; border: 1px solid rgba(12, 51, 98, .12); border-top: 4px solid #6EA6CD;
  border-radius: 18px; padding: 1.6rem 1.6rem 1.7rem;
  box-shadow: 0 14px 30px -22px rgba(12, 51, 98, .35);
  transition: transform .35s var(--ease-out), box-shadow .35s var(--ease-out), border-color .35s;
}
.otros-grid .card-mini:hover {
  transform: translateY(-6px); border-color: rgba(110, 166, 205, .6); border-top-color: #0C3362;
  box-shadow: 0 30px 50px -26px rgba(12, 51, 98, .45);
}
.otros-grid .card-mini .card-tags span { background: #EAF0F6; color: #0C3362; }

/* ---------- Logo de Magnata sobre el video del manifiesto ---------- */
/* Arriba, sobre la ventana: abajo esta el apreton de manos y no se tapa. */
#brxe-qs8v2f { position: relative; overflow: hidden; }
#brxe-qs8v2f::before {
  content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: linear-gradient(to bottom, rgba(12, 51, 98, .92) 0%, rgba(12, 51, 98, .7) 28%, rgba(12, 51, 98, .2) 45%, transparent 58%);
}
#brxe-qs8v2f::after {
  content: ""; position: absolute; z-index: 3; pointer-events: none;
  left: 50%; top: 6%; transform: translateX(-50%);
  width: min(42%, 220px); aspect-ratio: 700 / 547;
  background: url("/wp-content/uploads/2026/10/magnata-logo-d4af37.png") center / contain no-repeat;
  filter: drop-shadow(0 4px 14px rgba(0, 0, 0, .35));
}

/* ---------- Video del manifiesto más bajo ---------- */
/* Se recorta la parte de arriba (ventana) para que el video no quede tan alto
   frente al texto; las manos y el logo se mantienen. */
#brxe-qs8v2f { aspect-ratio: 6 / 7; }
#brxe-qs8v2f video { object-position: 50% 32%; }
#brxe-qs8v2f::after { top: 4%; width: min(36%, 200px); }
#brxe-qs8v2f::before {
  background: linear-gradient(to bottom, rgba(12, 51, 98, .92) 0%, rgba(12, 51, 98, .7) 30%, rgba(12, 51, 98, .2) 48%, transparent 62%);
}

/* ---------- Texto y botones del hero a la derecha (computador y tablet) ---------- */
@media (min-width: 768px) {
  .hero .hero-content { margin-left: auto; }
  /* La capa azul se oscurece a la derecha, donde ahora va el texto. */
  .hero .hero-bg-tint {
    background-image: linear-gradient(245deg, rgba(12, 51, 98, .96) 0%, rgba(12, 51, 98, .86) 32%, rgba(12, 51, 98, .58) 62%, rgba(12, 51, 98, .3) 100%);
  }
  .hero .hero-halo { background-image: radial-gradient(45% 45% at 70% 40%, rgba(211, 174, 55, .28), transparent 70%); }
  /* El sello del logo pasa al lado izquierdo para no chocar con el texto. */
  .hero .hero-badge { right: auto; left: clamp(1.25rem, 5vw, 5rem); top: auto; bottom: 9%; }
}

/* ---------- Dos caminos al entrar: empresas y candidatos ---------- */
.publicos { position: relative; z-index: 3; background: var(--cream); padding-block: clamp(2.5rem, 5vw, 4rem) clamp(.5rem, 2vw, 1.5rem); }
.publicos-kicker { margin: 0 0 1.1rem; color: #0C3362; }
.publicos-grid { display: grid; gap: 1.25rem; grid-template-columns: 1fr; }
@media (min-width: 860px) { .publicos-grid { grid-template-columns: 1.15fr 1fr; } }
.publico {
  position: relative; overflow: hidden; border-radius: 22px;
  padding: clamp(1.6rem, 3vw, 2.4rem); display: flex; flex-direction: column; gap: .9rem;
  transition: transform .35s var(--ease-out), box-shadow .35s var(--ease-out);
}
.publico:hover { transform: translateY(-4px); }
.publico-empresa {
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(211, 174, 55, .25), transparent 55%),
    linear-gradient(160deg, #0C3362 0%, #0C3362 60%, #0C3362 100%);
  color: #F7F5F1; box-shadow: 0 30px 60px -30px rgba(12, 51, 98, .6);
}
.publico-candidato { background: #FFFFFF; border: 1.5px solid #6EA6CD; box-shadow: 0 20px 40px -28px rgba(12, 51, 98, .4); }
.publico-candidato:hover { box-shadow: 0 30px 50px -26px rgba(12, 51, 98, .45); }
.publico-tag { align-self: flex-start; font-size: .72rem; font-weight: 700; letter-spacing: .01em; text-transform: none; padding: .38rem .85rem; border-radius: 100px; }
.publico-empresa .publico-tag { background: var(--oro); color: #0C3362; }
.publico-candidato .publico-tag { background: #C3D3E0; color: #0C3362; }
.publico-titulo { margin: 0; font-size: clamp(1.5rem, 2.4vw, 2.1rem); line-height: 1.12; text-wrap: balance; }
.publico-empresa .publico-titulo { color: #F7F5F1; }
.publico-candidato .publico-titulo { color: #0C3362; }
.publico-texto { margin: 0; max-width: 46ch; font-size: 1rem; line-height: 1.6; }
.publico-empresa .publico-texto { color: rgba(247, 245, 241, .88); }
.publico-candidato .publico-texto { color: var(--ink-mute); }
.publico-acciones { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: auto; padding-top: .6rem; }
.publico-candidato .btn-primary { background: #0C3362; color: #F7F5F1; }

/* Enlace para candidatos dentro del hero, debajo de los botones. */
.hero-hv {
  display: inline-block; margin-top: 1.2rem; color: #F7F5F1; font-weight: 600; font-size: .95rem;
  text-decoration: underline; text-decoration-color: rgba(211, 174, 55, .8); text-underline-offset: 5px;
}
.hero-hv:hover { color: var(--oro); }

/* "Suba su HV" siempre visible en el menú de computador, como botón. */
@media (min-width: 960px) {
  .nav-hv {
    display: inline-block !important; font-weight: 700; font-size: .85rem;
    padding: .5rem 1rem; border: 1.5px solid rgba(247, 245, 241, .65); border-radius: 100px;
  }
  .nav.is-scrolled .nav-hv, .nav-sobre-claro .nav-hv { border-color: #0C3362; }
  .nav-hv:hover { border-color: var(--oro); }
}

/* En celular y tablet, "Suba su HV" también queda a la vista junto al menú. */
@media (max-width: 959px) {
  .nav-inner { gap: .6rem; }
  .nav-hv {
    display: inline-block !important; margin-left: auto; font-weight: 700; font-size: .78rem; white-space: nowrap;
    padding: .42rem .8rem; border: 1.5px solid rgba(247, 245, 241, .65); border-radius: 100px; color: #F7F5F1;
  }
  .nav.is-scrolled .nav-hv, .nav-sobre-claro .nav-hv { border-color: #0C3362; color: #0C3362; }
}

/* ---------- Inicio más compacto: secciones con menos aire ---------- */
/* Antes cada sección traía ~160 px arriba y abajo y se sumaban (~320 px
   vacíos entre bloques). Va antes de los ajustes por ID del manifiesto,
   que siguen mandando por ser más específicos. */
body.home .section { padding-block: clamp(3rem, 5.5vw, 5rem); }

/* ---------- Manifiesto: menos espacio arriba y abajo ---------- */
#servicios { padding-bottom: clamp(2.5rem, 4vw, 3.5rem); }
#brxe-bqzj52.manifesto { padding-block: clamp(2rem, 4vw, 3.5rem); }
#por-que { padding-top: clamp(3rem, 5vw, 4.5rem); }

/* ---------- Fotos en las páginas de servicio ---------- */
/* La foto ocupa la mitad derecha de la cabecera y se funde con el azul hacia
   el texto. En celular queda de fondo, detrás de una capa azul. */
body.pagina-seleccion-de-personal-medellin    { --svc-foto: url("/wp-content/uploads/2026/10/businessman-businesswoman-handshaking-business-meeting-sitting-office-1-1536x1024.jpg"); }
body.pagina-headhunting-medellin              { --svc-foto: url("/wp-content/uploads/2026/10/businessman-with-colleagues-background-office-2-1-1536x1024.jpg"); }
body.pagina-capacitacion-empresarial-medellin { --svc-foto: url("/wp-content/uploads/2026/10/group-people-sitting-around-table-with-screen-them-that-says-i-m-boss-1536x840.jpg"); }
body.pagina-banco-de-hojas-de-vida-medellin   { --svc-foto: url("/wp-content/uploads/2026/10/smiling-confident-caucasian-young-businesswoman-auditor-writing-clipboard-signing-contract-document-isolated-white-background-1-1536x1025.jpg"); }
body.pagina-desarrollo-de-liderazgo-medellin  { --svc-foto: url("/wp-content/uploads/2026/10/businessman-with-colleagues-background-office-1-1536x1024.jpg"); }
body.pagina-retencion-de-talento-medellin     { --svc-foto: url("/wp-content/uploads/2026/10/businesspeople-celebrating-victory-1-1024x1536.jpg"); }

.svc-hero { position: relative; overflow: hidden; isolation: isolate; box-shadow: inset 0 -4px 0 var(--oro); }
.svc-hero::after {
  content: ""; position: absolute; inset: 0; z-index: -2;
  background-image: var(--svc-foto, none); background-size: cover; background-position: center 30%;
}
.svc-hero::before { background: linear-gradient(rgba(12, 51, 98, .84), rgba(12, 51, 98, .92)) !important; }
@media (min-width: 900px) {
  .svc-hero { min-height: 560px; display: flex; align-items: center; }
  .svc-hero::after { left: auto; width: 56%; }
  .svc-hero::before {
    background: linear-gradient(to right, #0C3362 0%, #0C3362 44%, rgba(12, 51, 98, .55) 62%, rgba(12, 51, 98, .05) 100%) !important;
  }
  .svc-hero > .container { width: 100%; }
  .svc-hero > .container > * { max-width: 600px; }
}

/* ---------- Foto en las cabeceras de hoja de vida y blog ---------- */
.hv-cabeza, .blog-cabeza { --cab-foto: none; }
.pagina-suba-su-hoja-de-vida .hv-cabeza { --cab-foto: url("/wp-content/uploads/2026/10/business-team-two-happy-young-busy-diverse-colleagues-professional-business-man-business-wom-1-1536x857.jpg"); }
.blog-cabeza { --cab-foto: url("/wp-content/uploads/2026/10/medium-shot-people-book-club-1-1536x1024.jpg"); }
.hv-cabeza::after, .blog-cabeza::after {
  content: ""; display: block; margin-top: 1.6rem; height: 220px; border-radius: 20px;
  background: var(--cab-foto) center 35% / cover no-repeat;
  box-shadow: 0 24px 50px -28px rgba(12, 51, 98, .55), inset 0 -4px 0 var(--oro);
}
@media (min-width: 900px) {
  .hv-cabeza, .blog-cabeza {
    max-width: none; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    column-gap: clamp(2rem, 5vw, 4rem); align-items: center;
  }
  .hv-cabeza > *, .blog-cabeza > * { grid-column: 1; }
  .hv-cabeza::after, .blog-cabeza::after {
    grid-column: 2; grid-row: 1 / span 6; margin-top: 0; height: 100%; min-height: 300px;
  }
}

/* ---------- "Cómo trabajamos": pasos en tarjetas conectadas ---------- */
:is(.process-steps, .steps) { display: grid; grid-template-columns: 1fr; position: relative; gap: 1.25rem; margin-top: clamp(1.8rem, 3vw, 2.6rem); }
@media (min-width: 960px) {
  :is(.process-steps, .steps) { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
  /* Línea que une los pasos: se ve entre tarjeta y tarjeta. */
  :is(.process-steps, .steps)::before {
    content: ""; position: absolute; left: 6%; right: 6%; top: 59px; height: 3px; z-index: 0; border-radius: 3px;
    background: var(--oro);
  }
}
:is(.process-steps, .steps) .step {
  position: relative; z-index: 1; background: #FFFFFF; border: 0; border-radius: 20px;
  padding: 2rem 1.6rem 1.8rem; box-shadow: 0 18px 40px -26px rgba(12, 51, 98, .45);
  transition: transform .35s var(--ease-out), box-shadow .35s var(--ease-out);
}
:is(.process-steps, .steps) .step::before, :is(.process-steps, .steps) .step::after { display: none; }
:is(.process-steps, .steps) .step:hover { transform: translateY(-6px); box-shadow: 0 30px 50px -26px rgba(12, 51, 98, .5); }
:is(.process-steps, .steps) .step-n {
  width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center;
  background: #0C3362; color: var(--oro); font-size: 1.15rem; font-weight: 700; letter-spacing: .02em;
  margin: 0 0 1.1rem; box-shadow: 0 0 0 6px rgba(211, 174, 55, .18);
  transition: background-color .3s, color .3s;
}
:is(.process-steps, .steps) .step:hover .step-n { background: var(--oro); color: #0C3362; }
:is(.process-steps, .steps) .step h3 { margin: 0 0 .55rem; font-size: 1.22rem; line-height: 1.2; color: #0C3362; }
:is(.process-steps, .steps) .step p { margin: 0; font-size: .97rem; line-height: 1.6; color: var(--ink-mute); }

/* ---------- "Dos escenarios frecuentes" con foto de fondo ---------- */
#casos {
  position: relative; isolation: isolate;
  background:
    linear-gradient(180deg, rgba(12, 51, 98, .86) 0%, rgba(12, 51, 98, .62) 55%, rgba(12, 51, 98, .80) 100%),
    url("/wp-content/uploads/2026/10/business-meeting-office-1536x864.jpg") center / cover no-repeat;
}
#casos .section-head .kicker { color: var(--oro); }
#casos .section-head .section-title { color: #F7F5F1; }
#casos .section-head .section-sub { color: rgba(247, 245, 241, .85); }
#casos .case-card {
  background: #F7F5F1; border: 0; border-radius: 20px; padding: clamp(1.5rem, 2.6vw, 2.2rem);
  border-top: 4px solid var(--oro); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .55);
}

/* ---------- Cifras (60 / 24h / 6) más llamativas, con conteo ---------- */
.stats-band {
  background:
    radial-gradient(60% 120% at 50% 0%, rgba(211, 174, 55, .16), transparent 60%),
    linear-gradient(160deg, #0C3362 0%, #0C3362 55%, #0C3362 100%);
  padding-block: clamp(3.5rem, 6vw, 5.5rem);
}
.stats-band .stats-grid { display: grid; grid-template-columns: 1fr; gap: 1.2rem; }
@media (min-width: 768px) { .stats-band .stats-grid { grid-template-columns: repeat(3, 1fr); } }
.stats-band .stat {
  position: relative; text-align: center; align-items: center; padding: 2.2rem 1.5rem 2rem; border-radius: 22px;
  background: rgba(255, 255, 255, .05); border: 1px solid rgba(110, 166, 205, .35);
  transition: transform .35s var(--ease-out), border-color .35s, background-color .35s;
}
.stats-band .stat:hover { transform: translateY(-6px); border-color: rgba(211, 174, 55, .6); background: rgba(255, 255, 255, .08); }
.stats-band .stat-num {
  display: block; text-align: center; font-size: clamp(3.6rem, 7.5vw, 5.8rem); font-weight: 700; line-height: 1;
  color: var(--oro); font-variant-numeric: tabular-nums; letter-spacing: -.02em;
  text-shadow: 0 0 42px rgba(211, 174, 55, .35);
}
.stats-band .stat-num::after {
  content: ""; display: block; width: 48px; height: 3px; border-radius: 3px;
  background: var(--oro); margin: 1.1rem auto 0;
}
.stats-band .stat p { margin: .9rem auto 0; max-width: 24ch; font-size: 1.02rem; line-height: 1.5; color: rgba(247, 245, 241, .88); }

/* Cabecera y rejilla del blog: alineadas con el resto del contenido y a todo el ancho. */
.blog-pagina :is(.blog-cabeza, .blog-rejilla) { max-width: var(--container-w); margin-inline: auto; padding-inline: 1.25rem; box-sizing: border-box; }
@media (min-width: 720px) { .blog-pagina :is(.blog-cabeza, .blog-rejilla) { padding-inline: 2rem; } }
@media (min-width: 1280px) { .blog-pagina :is(.blog-cabeza, .blog-rejilla) { padding-inline: 2.5rem; } }

/* ---------- Perfil del fundador, presentación ejecutiva ---------- */
#equipo {
  background:
    radial-gradient(55% 80% at 15% 30%, rgba(211, 174, 55, .14), transparent 60%),
    linear-gradient(160deg, #0C3362 0%, #0C3362 50%, #0C3362 100%);
  color: #F7F5F1;
}
#equipo .founder-grid { align-items: center; gap: clamp(2rem, 5vw, 4.5rem); }
#equipo .founder-figure { position: relative; }
#equipo .founder-figure > img:first-child {
  border-radius: 22px; box-shadow: 0 40px 80px -36px rgba(0, 0, 0, .7);
  outline: 1px solid rgba(211, 174, 55, .55); outline-offset: 10px;
}
#equipo .kicker { color: var(--oro); }
#equipo .section-title { color: #F7F5F1; font-size: clamp(2.4rem, 4.6vw, 3.6rem); line-height: 1.02; margin-bottom: .5rem; }
#equipo .founder-role { color: #6EA6CD; font-weight: 700; font-size: 1.02rem; letter-spacing: .01em; }
#equipo .founder-quote {
  margin: 1.6rem 0 1.4rem; padding: .2rem 0 .2rem 1.3rem; border-left: 3px solid var(--oro);
  font-family: var(--font-display); font-style: normal; font-size: clamp(1.25rem, 2vw, 1.55rem); line-height: 1.35; font-weight: 700; color: #F7F5F1;
}
#equipo .founder-bio { color: rgba(247, 245, 241, .82); font-size: 1rem; line-height: 1.7; max-width: 62ch; }
#equipo .founder-areas { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.3rem; }
#equipo .founder-areas span {
  font-size: .8rem; font-weight: 700; letter-spacing: .02em; padding: .45rem .9rem; border-radius: 100px;
  color: #F7F5F1; background: rgba(110, 166, 205, .14); border: 1px solid rgba(110, 166, 205, .45);
}
#equipo .founder-education {
  display: grid; gap: .7rem; margin-top: 1.6rem; padding: 0; list-style: none; border-top: 0;
}
@media (min-width: 720px) { #equipo .founder-education { grid-template-columns: 1fr 1fr; } }
#equipo .founder-education li {
  position: relative; padding: 1rem 1.1rem 1rem 3rem; border-radius: 14px;
  background: rgba(255, 255, 255, .05); border: 1px solid rgba(247, 245, 241, .12);
  color: rgba(247, 245, 241, .9); font-size: .88rem; line-height: 1.45;
}
#equipo .founder-education li::before {
  content: ""; position: absolute; left: 1.05rem; top: 1.1rem; width: 1.1rem; height: 1.1rem; border-radius: 50%;
  background: var(--oro); box-shadow: 0 0 0 4px rgba(211, 174, 55, .2);
}
#equipo .founder-linkedin {
  display: inline-flex; align-items: center; gap: .6rem; margin-top: 1.6rem; padding: .85rem 1.4rem;
  border-radius: 100px; background: var(--oro); color: #0C3362; font-weight: 700; font-size: .92rem;
  transition: transform .3s var(--ease-out), background-color .3s;
}
#equipo .founder-linkedin:hover { transform: translateY(-3px); background: #F7F5F1; color: #0C3362; }

/* ---------- Formulario de contacto: más compacto, con foto y botón dorado ---------- */
#contacto .cta-form {
  display: grid; grid-template-columns: 1fr; gap: .75rem; overflow: hidden;
  padding: 0 clamp(1.3rem, 2.6vw, 2rem) clamp(1.4rem, 2.6vw, 2rem);
  background: #FFFFFF; border: 1px solid rgba(12, 51, 98, .1); box-shadow: 0 30px 60px -34px rgba(12, 51, 98, .45);
}
@media (min-width: 560px) { #contacto .cta-form { grid-template-columns: 1fr 1fr; } }
#contacto .cta-form::before {
  content: ""; grid-column: 1 / -1; display: block; height: 180px;
  margin: 0 calc(-1 * clamp(1.3rem, 2.6vw, 2rem)) .6rem;
  background:
    linear-gradient(180deg, rgba(12, 51, 98, 0) 45%, rgba(12, 51, 98, .55) 100%),
    url("/wp-content/uploads/2026/10/smiling-business-partners-shaking-hands-lounge-1-1536x1024.jpg") center 35% / cover no-repeat;
  box-shadow: inset 0 -4px 0 var(--oro);
}
#contacto .cta-form > .form-group { padding: 0 !important; margin: 0 !important; min-width: 0; }
#contacto .cta-form > .form-group:empty { display: none; }
#contacto .cta-form > .form-group:has(select),
#contacto .cta-form > .msg-abrir,
#contacto .cta-form > .msg-plegado,
#contacto .cta-form > .submit-button-wrapper { grid-column: 1 / -1; }
#contacto .cta-form > .form-group:has([name="website"]) { display: none; }
#contacto .cta-form input:not([type="checkbox"]), #contacto .cta-form select, #contacto .cta-form textarea {
  height: 48px; padding: 0 .95rem; border-radius: 12px; background: #F7F5F1; border: 1px solid rgba(12, 51, 98, .16); font-size: .95rem;
}
#contacto .cta-form textarea { height: auto; min-height: 96px; padding-top: .75rem; }
#contacto .cta-form .submit-button-wrapper { display: grid; gap: .9rem; margin-top: .2rem !important; }
#contacto .cta-form .field-consent label { font-size: .78rem; }
#contacto .cta-form button[type="submit"] {
  width: 100%; height: 54px; border-radius: 100px; border: 0;
  background: var(--oro) !important; color: #0C3362 !important; font-weight: 700; font-size: 1rem; letter-spacing: .01em;
  box-shadow: 0 14px 30px -14px rgba(211, 174, 55, .8);
  transition: transform .3s var(--ease-out), box-shadow .3s, background-color .3s;
}
#contacto .cta-form button[type="submit"]:hover { transform: translateY(-2px); background: #D3AE37 !important; }

/* ---------- Blog del inicio: fondo azul con foto y tarjetas destacadas ---------- */
#blog.inicio-blog {
  position: relative; isolation: isolate;
  background:
    linear-gradient(180deg, rgba(12, 51, 98, .93) 0%, rgba(12, 51, 98, .82) 50%, rgba(12, 51, 98, .95) 100%),
    url("/wp-content/uploads/2026/10/medium-shot-people-book-club-1-1536x1024.jpg") center / cover no-repeat;
}
#blog .kicker { color: var(--oro); }
#blog .section-title { color: #F7F5F1; max-width: 22ch; }
#blog .inicio-blog-todos {
  display: inline-flex; align-items: center; padding: .85rem 1.4rem; border: 0; border-radius: 100px;
  background: var(--oro); color: #0C3362; font-weight: 700; font-size: .92rem;
  transition: transform .3s var(--ease-out), background-color .3s;
}
#blog .inicio-blog-todos:hover { transform: translateY(-2px); background: #F7F5F1; color: #0C3362; }
#blog .blog-tarjeta {
  background: #FFFFFF; border: 0; border-radius: 20px; padding: clamp(1.4rem, 2.4vw, 1.9rem);
  border-top: 4px solid #6EA6CD; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .55);
  transition: transform .35s var(--ease-out), border-color .35s, box-shadow .35s;
}
#blog .blog-tarjeta:hover { transform: translateY(-6px); border-top-color: var(--oro); box-shadow: 0 40px 70px -30px rgba(0, 0, 0, .6); }
#blog .blog-tarjeta-cat {
  display: inline-block; align-self: flex-start; padding: .3rem .75rem; border-radius: 100px;
  background: #C3D3E0; color: #0C3362; font-weight: 700;
}
#blog .blog-tarjeta-tit { color: #0C3362; }
#blog .blog-tarjeta-mas { color: #0C3362; font-weight: 700; }
#blog .blog-tarjeta:hover .blog-tarjeta-mas { color: #0C3362; }

/* Cargo debajo del nombre del fundador. */
#equipo .founder-ceo {
  margin: .1rem 0 .9rem; color: var(--oro); font-weight: 700;
  font-size: clamp(1.1rem, 1.7vw, 1.35rem); letter-spacing: .01em; text-transform: none;
}

/* Áreas del fundador en dos filas centradas: 2 arriba y 3 abajo. */
#equipo .founder-areas { justify-content: center; }
#equipo .founder-areas::after { content: ""; flex-basis: 100%; height: 0; order: 1; }
#equipo .founder-areas span:nth-child(-n+2) { order: 0; }
#equipo .founder-areas span:nth-child(n+3) { order: 2; }

/* Formación del fundador: check dorado animado en lugar del círculo. */
#equipo .founder-education li { padding-left: 3.4rem; }
#equipo .founder-education li::before {
  left: .95rem; top: .95rem; width: 1.6rem; height: 1.6rem; border-radius: 50%;
  background: var(--oro); box-shadow: 0 0 0 0 rgba(211, 174, 55, .55);
  animation: magnata-pulso 2.6s ease-out infinite;
}
#equipo .founder-education li::after {
  content: ""; position: absolute; left: 1.45rem; top: 1.22rem; width: .42rem; height: .8rem;
  border-right: 3px solid #0C3362; border-bottom: 3px solid #0C3362; transform: rotate(45deg);
  transform-origin: center; animation: magnata-check .7s cubic-bezier(.34, 1.56, .64, 1) .3s both;
}
#equipo .founder-education li:nth-child(2)::after { animation-delay: .55s; }
@keyframes magnata-check {
  0%   { opacity: 0; transform: rotate(45deg) scale(0); }
  100% { opacity: 1; transform: rotate(45deg) scale(1); }
}
@keyframes magnata-pulso {
  0%   { box-shadow: 0 0 0 0 rgba(211, 174, 55, .55); }
  70%  { box-shadow: 0 0 0 10px rgba(211, 174, 55, 0); }
  100% { box-shadow: 0 0 0 0 rgba(211, 174, 55, 0); }
}
#equipo .founder-education li:hover::after { animation: magnata-check .5s cubic-bezier(.34, 1.56, .64, 1) both; }
@media (prefers-reduced-motion: reduce) {
  #equipo .founder-education li::before, #equipo .founder-education li::after { animation: none; }
}

/* Botón de LinkedIn: "Ver perfil en" + el ícono "in". */
#equipo .founder-linkedin::after {
  content: "in"; display: inline-grid; place-items: center; width: 1.65rem; height: 1.65rem;
  border-radius: 5px; background: #0C3362; color: #FFFFFF;
  font-family: var(--font-body); font-weight: 700; font-size: 1.02rem; line-height: 1; letter-spacing: -.02em;
  padding-top: 1px; transition: background-color .3s;
}
#equipo .founder-linkedin:hover::after { background: #0A66C2; }

/* Botón de LinkedIn centrado. */
#equipo .founder-linkedin { display: flex; width: fit-content; margin-inline: auto; align-self: center; }



/* ---------- Fundador: foto + cita como un solo bloque, más compacto ---------- */
@media (min-width: 900px) {
  #equipo .founder-grid { grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); align-items: start; }
}
#equipo .founder-figure {
  display: flex; flex-direction: column; aspect-ratio: auto; height: auto; max-width: 420px; width: 100%; margin-inline: auto;
  border-radius: 22px; overflow: hidden; background: #0C3362;
  box-shadow: 0 40px 80px -36px rgba(0, 0, 0, .7); outline: 1px solid rgba(211, 174, 55, .55); outline-offset: 10px;
}
#equipo .founder-figure > img:first-child {
  width: 100%; aspect-ratio: 4 / 4.3; height: auto; object-fit: cover; object-position: center 20%;
  border-radius: 0; box-shadow: none; outline: 0;
}
#equipo .founder-figure .founder-quote {
  margin: 0; padding: 1.3rem 1.4rem 1.4rem; border-left: 0; border-top: 3px solid var(--oro);
  font-size: clamp(1rem, 1.25vw, 1.1rem); line-height: 1.5; font-weight: 600; color: #F7F5F1;
}

#equipo .founder-figure .founder-seal { top: 1rem; bottom: auto; left: 1rem; }



/* Botón de LinkedIn con el logotipo: "Linked" + "in" en su azul, sobre botón blanco. */
#equipo .founder-linkedin { background: #FFFFFF; color: #0C3362; gap: .45rem; white-space: nowrap; border: 2px solid var(--oro); }
#equipo .founder-linkedin > span { display: inline-flex; align-items: baseline; gap: .3rem; }
#equipo .founder-linkedin:hover { background: #FFFFFF; color: #0C3362; box-shadow: 0 0 0 4px rgba(211, 174, 55, .35); }
#equipo .founder-linkedin .li-word {
  font-family: var(--font-body); font-weight: 700; font-size: 1.12rem; letter-spacing: -.03em;
  color: #0A66C2; margin-left: .15rem; margin-right: -.2rem;
}
#equipo .founder-linkedin::after {
  width: 1.45rem; height: 1.45rem; border-radius: 4px; background: #0A66C2; color: #FFFFFF;
  font-size: 1.02rem; letter-spacing: -.04em;
}
#equipo .founder-linkedin:hover::after { background: #0A66C2; }



/* ---------- Preguntas frecuentes: dos columnas, tarjetas numeradas ---------- */
#faq {
  position: relative; overflow: hidden;
  background:
    radial-gradient(60rem 30rem at 100% 0%, rgba(110, 166, 205, .35), transparent 60%),
    linear-gradient(180deg, #F7F5F1 0%, #C3D3E0 100%);
}
#faq .section-head { text-align: left; margin: 0; max-width: none; display: flex; flex-direction: column; gap: 1.1rem; }
#faq .section-title { text-align: left; margin: 0; }
#faq .faq-intro { margin: 0; color: #0C3362; opacity: .85; font-size: clamp(1rem, 1.3vw, 1.12rem); line-height: 1.6; max-width: 34ch; }
#faq .section-head::after {
  content: ""; order: 5; display: block; width: 100%; aspect-ratio: 1 / 1; max-width: 460px; margin-top: .6rem;
  border-radius: 20px;
  background: linear-gradient(180deg, transparent 55%, rgba(12, 51, 98, .55)),
    url("/wp-content/uploads/2026/10/smiling-professional-woman-holding-tablet-coffee-modern-office-1024x576.jpg") 50% 25% / cover no-repeat;
  box-shadow: 0 30px 60px -30px rgba(12, 51, 98, .55);
  outline: 1px solid rgba(211, 174, 55, .6); outline-offset: 8px;
}
#faq .faq-cta {
  order: 6; align-self: flex-start; display: inline-flex; align-items: center; gap: .55rem;
  margin-top: .6rem; padding: .85rem 1.4rem; border-radius: 999px;
  background: #0C3362; color: #FFFFFF; font-weight: 700; text-decoration: none;
  box-shadow: 0 14px 28px -16px rgba(12, 51, 98, .8); transition: transform .2s, background .2s;
}
#faq .faq-cta::after { content: "→"; color: var(--oro); transition: transform .2s; }
#faq .faq-cta:hover { background: #0C3362; transform: translateY(-2px); }
#faq .faq-cta:hover::after { transform: translateX(4px); }

#faq .faq-list { counter-reset: faq; display: flex; flex-direction: column; gap: .9rem; max-width: none; margin: 0; }
#faq .faq-item {
  counter-increment: faq; background: #FFFFFF; border: 1px solid rgba(12, 51, 98, .08); border-radius: 18px;
  box-shadow: 0 18px 40px -28px rgba(12, 51, 98, .55); overflow: hidden;
  transition: box-shadow .25s, transform .25s, border-color .25s;
}
#faq .faq-item:hover { transform: translateY(-2px); box-shadow: 0 24px 48px -26px rgba(12, 51, 98, .6); }
#faq .faq-item[open] { border-color: rgba(211, 174, 55, .7); box-shadow: 0 0 0 1px rgba(211, 174, 55, .5), 0 24px 48px -26px rgba(12, 51, 98, .6); }
#faq .faq-item summary {
  list-style: none; cursor: pointer; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem;
  padding: 1.3rem 1.4rem; font-weight: 700; color: #0C3362; font-size: clamp(1rem, 1.25vw, 1.1rem); line-height: 1.4;
}
#faq .faq-item summary::-webkit-details-marker { display: none; }
#faq .faq-item summary::before {
  content: counter(faq, decimal-leading-zero); display: grid; place-items: center;
  width: 2.6rem; height: 2.6rem; border-radius: 50%; background: #0C3362; color: var(--oro);
  font-size: .9rem; font-weight: 700; letter-spacing: .02em;
}
#faq .faq-item summary::after {
  content: "+"; position: static; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%;
  border: 1.5px solid rgba(211, 174, 55, .8); color: #0C3362; font-size: 1.25rem; font-weight: 700; line-height: 1;
  transform: none; transition: transform .25s, background .25s;
}
#faq .faq-item[open] summary::after { transform: rotate(45deg); background: var(--oro); }
#faq .faq-item > p { margin: 0; padding: 0 1.3rem 1.3rem calc(1.3rem + 2.6rem + 1rem); color: #0C3362; opacity: .85; line-height: 1.65; font-size: clamp(1rem, 1.1vw, 1.06rem); }

@media (min-width: 960px) {
  #faq .container { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.25fr); gap: clamp(2.5rem, 5vw, 5rem); align-items: center; }
}
@media (max-width: 959px) {
  #faq .section-head { margin-bottom: 2rem; }
}
@media (max-width: 600px) {
  #faq .faq-item summary { padding: 1rem; gap: .75rem; }
  #faq .faq-item summary::before { width: 2.2rem; height: 2.2rem; font-size: .8rem; }
  #faq .faq-item > p { padding: 0 1rem 1.1rem 1rem; }
}

/* Botón "Hacer otra pregunta" centrado bajo la foto */
#faq .section-head::after { align-self: center; }
#faq .faq-cta { align-self: center; }


/* ---------- Contacto más atractivo: tarjetas con íconos y WhatsApp destacado ---------- */
#contacto {
  position: relative; overflow: hidden; isolation: isolate;
  background:
    radial-gradient(50rem 28rem at 0% 0%, rgba(110, 166, 205, .32), transparent 60%),
    radial-gradient(40rem 26rem at 100% 100%, rgba(211, 174, 55, .16), transparent 60%),
    #F7F5F1;
}
#contacto::before {
  content: ""; position: absolute; z-index: -1; width: 520px; height: 520px; right: -180px; top: -160px; border-radius: 50%;
  border: 1px solid rgba(12, 51, 98, .1); box-shadow: 0 0 0 50px rgba(12, 51, 98, .025), 0 0 0 100px rgba(12, 51, 98, .02);
}
#contacto .kicker { color: #0C3362; display: inline-flex; align-items: center; gap: .6rem; }
#contacto .kicker::before { content: ""; width: 28px; height: 2px; background: var(--oro); }
#contacto .section-sub { color: #0C3362; opacity: .85; }

/* Datos de contacto en tarjetas con ícono */
#contacto .contact-info { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; border: 0; margin: 1.6rem 0; padding: 0; }
#contacto .contact-info > li {
  position: relative; display: flex; flex-direction: column; justify-content: center; gap: .15rem; min-width: 0;
  padding: .85rem .9rem .85rem 3.7rem; border: 1px solid rgba(12, 51, 98, .08) !important; border-radius: 16px;
  background: #FFFFFF; box-shadow: 0 14px 30px -24px rgba(12, 51, 98, .5);
  transition: transform .25s, box-shadow .25s, border-color .25s;
}
#contacto .contact-info > li:hover { transform: translateY(-2px); border-color: rgba(211, 174, 55, .6) !important; }
#contacto .contact-info > li::before {
  content: ""; position: absolute; left: .85rem; top: 50%; translate: 0 -50%; width: 2.2rem; height: 2.2rem; border-radius: 50%;
  background: #0C3362;
}
#contacto .contact-info > li::after {
  content: ""; position: absolute; left: calc(.85rem + .55rem); top: 50%; translate: 0 -50%; width: 1.1rem; height: 1.1rem;
  background: var(--oro); -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat;
}
#contacto .contact-info > li:nth-child(1) { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'5'%20width%3D'18'%20height%3D'14'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'm3%207%209%206%209-6'%2F%3E%3C%2Fsvg%3E"); grid-column: 1 / -1; }
#contacto .contact-info > li:nth-child(2) { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2021s-7-6.1-7-11a7%207%200%200%201%2014%200c0%204.9-7%2011-7%2011z'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'10'%20r%3D'2.5'%2F%3E%3C%2Fsvg%3E"); }
#contacto .contact-info > li:nth-child(3) { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3.5%2020.5l1.4-4.2A8.5%208.5%200%201%201%208%2019.3z'%2F%3E%3Cpath%20d%3D'M9%208.6c.2%202.9%203.3%206%206.4%206.4l1-1.3-1.9-1-1%20.9a5%205%200%200%201-2.2-2.2l.9-1-1-1.9z'%20fill%3D'black'%20stroke-width%3D'1'%2F%3E%3C%2Fsvg%3E"); }
#contacto .contact-info > li:nth-child(4) { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'3'%20width%3D'18'%20height%3D'18'%20rx%3D'3'%2F%3E%3Cpath%20d%3D'M8%2010.5V16M8%207.6v.01M12%2016v-5.5M12%2013a2.5%202.5%200%200%201%205%200v3'%2F%3E%3C%2Fsvg%3E"); }
#contacto .contact-info > li:nth-child(5) { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'3'%20width%3D'18'%20height%3D'18'%20rx%3D'5'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M17.5%206.5v.01'%2F%3E%3C%2Fsvg%3E"); }
#contacto .contact-info > li:nth-child(3)::before { background: #25D366; }
#contacto .contact-info > li:nth-child(3)::after { background: #FFFFFF; }
#contacto .contact-info .contact-label { font-size: .7rem; letter-spacing: .01em; text-transform: none; color: #6EA6CD; font-weight: 700; margin: 0; }
#contacto .contact-info a, #contacto .contact-info li > span:not(.contact-label) {
  color: #0C3362; font-weight: 700; font-size: .95rem; overflow-wrap: anywhere; text-decoration: none;
}

/* WhatsApp: el botón protagonista */
#contacto .contact-copy > .btn-ghost[href*="wa.me"] {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .7rem;
  width: 100%; max-width: 420px; padding: 1.1rem 1.8rem; border: 0; border-radius: 100px;
  background: #25D366; color: #FFFFFF; font-weight: 700; font-size: 1.08rem; letter-spacing: .01em;
  box-shadow: 0 18px 36px -16px rgba(37, 211, 102, .75);
  animation: magnata-wa 2.4s ease-out infinite;
  transition: transform .25s, background-color .25s;
}
#contacto .contact-copy > .btn-ghost[href*="wa.me"]::before {
  content: ""; width: 1.5rem; height: 1.5rem; background: #FFFFFF; flex: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3.5%2020.5l1.4-4.2A8.5%208.5%200%201%201%208%2019.3z'%2F%3E%3Cpath%20d%3D'M9%208.6c.2%202.9%203.3%206%206.4%206.4l1-1.3-1.9-1-1%20.9a5%205%200%200%201-2.2-2.2l.9-1-1-1.9z'%20fill%3D'black'%20stroke-width%3D'1'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3.5%2020.5l1.4-4.2A8.5%208.5%200%201%201%208%2019.3z'%2F%3E%3Cpath%20d%3D'M9%208.6c.2%202.9%203.3%206%206.4%206.4l1-1.3-1.9-1-1%20.9a5%205%200%200%201-2.2-2.2l.9-1-1-1.9z'%20fill%3D'black'%20stroke-width%3D'1'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}
#contacto .contact-copy > .btn-ghost[href*="wa.me"]:hover { transform: translateY(-3px); background: #1EBE5A; color: #FFFFFF; }
@keyframes magnata-wa {
  0% { box-shadow: 0 18px 36px -16px rgba(37, 211, 102, .75), 0 0 0 0 rgba(37, 211, 102, .45); }
  70% { box-shadow: 0 18px 36px -16px rgba(37, 211, 102, .75), 0 0 0 16px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 18px 36px -16px rgba(37, 211, 102, .75), 0 0 0 0 rgba(37, 211, 102, 0); }
}
@media (prefers-reduced-motion: reduce) { #contacto .contact-copy > .btn-ghost[href*="wa.me"] { animation: none; } }

/* Tarjeta del formulario */
#contacto .cta-form {
  border-radius: 24px; border: 0; outline: 1px solid rgba(211, 174, 55, .55); outline-offset: 10px;
  box-shadow: 0 40px 80px -36px rgba(12, 51, 98, .55);
}
#contacto .cta-form::before {
  content: "Cuéntanos qué necesitas"; display: flex; align-items: flex-end; height: 200px;
  padding: 1.2rem clamp(1.3rem, 2.6vw, 2rem); color: #FFFFFF; font-weight: 700; font-size: clamp(1.3rem, 1.9vw, 1.6rem);
  background:
    linear-gradient(180deg, rgba(12, 51, 98, 0) 30%, rgba(12, 51, 98, .88) 100%),
    url("/wp-content/uploads/2026/10/smiling-business-partners-shaking-hands-lounge-1-1536x1024.jpg") center 35% / cover no-repeat;
}
#contacto .cta-form input:not([type="checkbox"]), #contacto .cta-form select, #contacto .cta-form textarea {
  height: 52px; color: #0C3362; transition: border-color .2s, box-shadow .2s, background-color .2s;
}
#contacto .cta-form input:not([type="checkbox"]):focus, #contacto .cta-form select:focus, #contacto .cta-form textarea:focus {
  outline: 0; background: #FFFFFF; border-color: var(--oro); box-shadow: 0 0 0 4px rgba(211, 174, 55, .22);
}
#contacto .cta-form button[type="submit"] { height: 58px; font-size: 1.05rem; }
#contacto .cta-form button[type="submit"]::after { content: " →"; }
#contacto .cta-form input[type="checkbox"] { accent-color: #0C3362; }

@media (max-width: 480px) {
  #contacto .contact-info { grid-template-columns: 1fr; }
  #contacto .contact-copy > .btn-ghost[href*="wa.me"] { max-width: none; }
}

/* ---------- Blog del inicio: tarjetas transparentes (efecto vidrio) ---------- */
#blog .blog-tarjeta {
  background: rgba(255, 255, 255, .1);
  -webkit-backdrop-filter: blur(12px) saturate(140%); backdrop-filter: blur(12px) saturate(140%);
  border: 1px solid rgba(255, 255, 255, .22); border-top: 4px solid #6EA6CD;
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .15);
}
#blog .blog-tarjeta:hover { background: rgba(255, 255, 255, .16); border-top-color: var(--oro); }
#blog .blog-tarjeta-cat { background: rgba(195, 211, 224, .2); color: #C3D3E0; border: 1px solid rgba(195, 211, 224, .35); }
#blog .blog-tarjeta-tit { color: #F7F5F1; }
#blog .blog-tarjeta-txt { color: rgba(247, 245, 241, .85); }
#blog .blog-tarjeta-mas { color: var(--oro); }

/* El correo no se parte en dos renglones en celular */
@media (max-width: 480px) {
  #contacto .contact-info > li:nth-child(1) a { font-size: .86rem; overflow-wrap: normal; white-space: nowrap; }
}

/* Sin la tarjeta de WhatsApp en la lista: correo y ubicación a lo ancho, redes lado a lado */
#contacto .contact-info > li:nth-child(2) { grid-column: 1 / -1; }
#contacto .contact-info > li:nth-child(3) { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'3'%20width%3D'18'%20height%3D'18'%20rx%3D'3'%2F%3E%3Cpath%20d%3D'M8%2010.5V16M8%207.6v.01M12%2016v-5.5M12%2013a2.5%202.5%200%200%201%205%200v3'%2F%3E%3C%2Fsvg%3E"); }
#contacto .contact-info > li:nth-child(4) { --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'3'%20width%3D'18'%20height%3D'18'%20rx%3D'5'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M17.5%206.5v.01'%2F%3E%3C%2Fsvg%3E"); }
#contacto .contact-info > li:nth-child(3)::before { background: #0C3362; }
#contacto .contact-info > li:nth-child(3)::after { background: var(--oro); }

/* ---------- Botón flotante de WhatsApp destacado ---------- */
.whatsapp-float {
  width: 64px; height: 64px; background: #25D366 !important; color: #FFFFFF;
  box-shadow: 0 14px 30px -10px rgba(37, 211, 102, .7), 0 0 0 3px #FFFFFF;
  transition: transform .25s, background-color .25s;
}
.whatsapp-float svg { width: 32px; height: 32px; fill: #FFFFFF; color: #FFFFFF; }
.whatsapp-float:hover { transform: scale(1.08); background: #1EBE5A !important; }
.whatsapp-float::before { border-color: rgba(37, 211, 102, .6) !important; background: rgba(37, 211, 102, .25); }
/* Etiqueta "¿Hablamos?" junto al botón, solo en pantallas grandes */
@media (min-width: 960px) {
  .whatsapp-float::after {
    content: "¿Hablamos? Escríbanos"; position: absolute; right: calc(100% + 14px); top: 50%; translate: 0 -50%;
    white-space: nowrap; padding: .6rem 1rem; border-radius: 100px;
    background: #FFFFFF; color: #0C3362; font-weight: 700; font-size: .9rem;
    box-shadow: 0 12px 28px -12px rgba(12, 51, 98, .45); border: 1px solid rgba(37, 211, 102, .5);
    animation: magnata-wa-label 6s ease-in-out infinite;
  }
  .whatsapp-float:hover::after { animation-play-state: paused; opacity: 1; transform: none; }
}
@keyframes magnata-wa-label {
  0%, 8% { opacity: 0; transform: translateX(8px); }
  14%, 70% { opacity: 1; transform: none; }
  78%, 100% { opacity: 0; transform: translateX(8px); }
}
@media (prefers-reduced-motion: reduce) { .whatsapp-float::after { animation: none; } }

/* ---------- Formulario llamativo: tarjeta azul con foto de equipo y detalles dorados ---------- */
#contacto .cta-form {
  position: relative; isolation: isolate; color: #F7F5F1;
  padding-top: 0; border-top: 4px solid var(--oro); border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(12, 51, 98, 0) 0%, rgba(12, 51, 98, .3) 22%, rgba(12, 51, 98, .92) 40%, #0C3362 55%),
    url("/wp-content/uploads/2026/10/businessman-businesswoman-handshaking-business-meeting-sitting-office-1-1024x683.jpg") center top / 100% auto no-repeat,
    #0C3362;
  box-shadow: 0 50px 90px -40px rgba(12, 51, 98, .8), 0 0 0 1px rgba(211, 174, 55, .35);
}
#contacto .cta-form::before {
  content: "Cuéntanos qué necesitas"; height: auto; display: block; background: none; box-shadow: none;
  margin: 0 0 .4rem; padding: clamp(10.5rem, 15vw, 12.5rem) 0 0;
  color: #FFFFFF; font-weight: 700; font-size: clamp(1.6rem, 2.4vw, 2.1rem); line-height: 1.15;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .35);
}
#contacto .cta-form::after {
  content: "Respuesta en menos de 24 h"; position: absolute; top: 1.2rem; right: 1.2rem;
  padding: .45rem .9rem; border-radius: 100px; background: var(--oro); color: #0C3362;
  font-size: .78rem; font-weight: 700; letter-spacing: .02em; box-shadow: 0 10px 24px -10px rgba(211, 174, 55, .9);
}
#contacto .cta-form input:not([type="checkbox"]), #contacto .cta-form select, #contacto .cta-form textarea {
  background: rgba(255, 255, 255, .09); border: 1px solid rgba(247, 245, 241, .28); color: #FFFFFF;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
#contacto .cta-form input::placeholder, #contacto .cta-form textarea::placeholder { color: rgba(247, 245, 241, .72); }
#contacto .cta-form select option { color: #0C3362; background: #FFFFFF; }
#contacto .cta-form input:not([type="checkbox"]):focus, #contacto .cta-form select:focus, #contacto .cta-form textarea:focus {
  background: rgba(255, 255, 255, .16); border-color: var(--oro); box-shadow: 0 0 0 4px rgba(211, 174, 55, .25);
}
#contacto .cta-form .msg-abrir { color: var(--oro); border-bottom-color: rgba(211, 174, 55, .5); }
#contacto .cta-form .msg-abrir:hover { color: #F7F5F1; border-color: #F7F5F1; }
#contacto .cta-form .field-consent label { color: rgba(247, 245, 241, .8); }
#contacto .cta-form .field-consent a { color: var(--oro); }
#contacto .cta-form input[type="checkbox"] { accent-color: var(--oro); }
#contacto .cta-form button[type="submit"] {
  position: relative; overflow: hidden;
  background: linear-gradient(135deg, #D3AE37 0%, #D3AE37 50%, #D3AE37 100%) !important; color: #0C3362 !important;
  box-shadow: 0 18px 40px -14px rgba(211, 174, 55, .9);
}
#contacto .cta-form button[type="submit"]::before {
  content: ""; position: absolute; inset: 0 auto 0 -60%; width: 45%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .55), transparent);
  transform: skewX(-20deg); animation: magnata-brillo 3.2s ease-in-out infinite;
}
@keyframes magnata-brillo { 0%, 55% { left: -60%; } 100% { left: 130%; } }
@media (prefers-reduced-motion: reduce) { #contacto .cta-form button[type="submit"]::before { animation: none; display: none; } }
@media (max-width: 480px) {
  #contacto .cta-form::after { top: 1rem; right: 1rem; font-size: .72rem; }
}

/* Mensaje del botón flotante de WhatsApp */
@media (min-width: 960px) { .whatsapp-float::after { content: "¿Cómo te podemos ayudar?"; } }

/* Celular y tablet: la foto se funde con el azul sin corte */
@media (max-width: 959px) {
  #contacto .cta-form {
    background:
      linear-gradient(180deg, rgba(12, 51, 98, 0) 0, rgba(12, 51, 98, .3) 22vw, rgba(12, 51, 98, .92) 46vw, #0C3362 58vw),
      url("/wp-content/uploads/2026/10/businessman-businesswoman-handshaking-business-meeting-sitting-office-1-1024x683.jpg") center top / 100% auto no-repeat,
      #0C3362;
  }
  #contacto .cta-form::before { padding-top: 36vw; }
}

/* ---------- Pie de página: franja de suscripción ---------- */
#brx-footer .footer { padding-top: clamp(2.5rem, 5vw, 4rem); }
.pie-suscripcion {
  width: min(100% - 2.5rem, 1200px); margin: 0 auto clamp(2rem, 4vw, 3rem);
  display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 1.2rem 2rem;
  padding: clamp(1.4rem, 3vw, 2.2rem) clamp(1.4rem, 3vw, 2.6rem); border-radius: 24px;
  background:
    radial-gradient(30rem 14rem at 100% 0%, rgba(211, 174, 55, .22), transparent 60%),
    linear-gradient(135deg, rgba(110, 166, 205, .18), rgba(255, 255, 255, .05));
  border: 1px solid rgba(211, 174, 55, .45); box-shadow: 0 30px 60px -36px rgba(0, 0, 0, .7);
}
.pie-sus-kicker { display: inline-flex; align-items: center; gap: .55rem; color: var(--oro); font-size: .75rem; font-weight: 700; letter-spacing: .01em; text-transform: none; }
.pie-sus-kicker::before { content: ""; width: 24px; height: 2px; background: var(--oro); }
.pie-sus-titulo { margin: .45rem 0 0; color: #F7F5F1; font-weight: 700; font-size: clamp(1.25rem, 2.2vw, 1.75rem); line-height: 1.25; max-width: 30ch; }
.pie-sus-boton {
  position: relative; overflow: hidden; border: 0; cursor: pointer; white-space: nowrap;
  padding: 1rem 1.8rem; border-radius: 100px; font: inherit; font-weight: 700; font-size: 1.02rem; color: #0C3362;
  background: linear-gradient(135deg, #D3AE37 0%, #D3AE37 50%, #D3AE37 100%);
  box-shadow: 0 16px 34px -14px rgba(211, 174, 55, .9); transition: transform .25s;
}
.pie-sus-boton::after { content: " →"; }
.pie-sus-boton::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: -60%; width: 45%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .55), transparent);
  transform: skewX(-20deg); animation: magnata-brillo 3.2s ease-in-out infinite;
}
.pie-sus-boton:hover { transform: translateY(-2px); }
.pie-suscripcion.abierta .pie-sus-boton { display: none; }
.pie-sus-form { grid-column: 1 / -1; display: grid; gap: .8rem; }
.pie-sus-form[hidden] { display: none; }
.pie-sus-trampa { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.pie-sus-campos { display: grid; grid-template-columns: 1fr 1.3fr auto; gap: .7rem; }
.pie-sus-campos input {
  height: 52px; padding: 0 1rem; border-radius: 12px; font: inherit; font-size: .95rem; color: #FFFFFF;
  background: rgba(255, 255, 255, .08); border: 1px solid rgba(247, 245, 241, .3);
}
.pie-sus-campos input::placeholder { color: rgba(247, 245, 241, .7); }
.pie-sus-campos input:focus { outline: 0; border-color: var(--oro); box-shadow: 0 0 0 4px rgba(211, 174, 55, .25); background: rgba(255, 255, 255, .14); }
.pie-sus-campos button {
  height: 52px; padding: 0 1.6rem; border: 0; border-radius: 100px; cursor: pointer; font: inherit; font-weight: 700;
  background: var(--oro); color: #0C3362; transition: transform .2s, background-color .2s;
}
.pie-sus-campos button:hover { background: #D3AE37; transform: translateY(-1px); }
.pie-sus-campos button:disabled { opacity: .6; cursor: wait; }
.pie-sus-consent { display: flex; gap: .55rem; align-items: flex-start; color: rgba(247, 245, 241, .78); font-size: .8rem; line-height: 1.5; }
.pie-sus-consent input { margin-top: .2rem; accent-color: var(--oro); flex: none; }
.pie-sus-consent a { color: var(--oro); }
.pie-sus-estado { margin: 0; min-height: 1.2em; color: #C3D3E0; font-size: .88rem; }
.pie-sus-estado.error { color: #D3AE37; }
.pie-sus-gracias { margin: 0; color: #F7F5F1; font-weight: 700; font-size: 1.05rem; }
.pie-sus-gracias::before { content: "✓ "; color: var(--oro); }
@media (max-width: 760px) {
  .pie-suscripcion { grid-template-columns: 1fr; text-align: left; }
  .pie-sus-boton { width: 100%; white-space: normal; }
  .pie-sus-campos { grid-template-columns: 1fr; }
  .pie-sus-campos button { width: 100%; }
}

/* Redes sociales del pie */
.pie-redes { display: flex; gap: .6rem; margin-top: 1rem; }
.pie-redes a {
  display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%;
  color: #0C3362; background: var(--oro); transition: transform .25s, background-color .25s, color .25s;
}
.pie-redes a svg { width: 20px; height: 20px; }
.pie-redes a:hover { transform: translateY(-3px); background: #F7F5F1; color: #0C3362; }

/* ---------- Logo encima del titular del hero ---------- */
.hero .hero-logo, .hero-content > .hero-logo {
  display: block; width: clamp(150px, 15vw, 220px); height: auto; margin: 0 0 clamp(1rem, 2vw, 1.5rem);
  filter: drop-shadow(0 6px 18px rgba(0, 0, 0, .35));
}
@media (max-width: 767px) { .hero-content > .hero-logo { width: 140px; } }

/* Logo del hero más pequeño, alineado con el titular */
.hero-content > .hero-logo { width: clamp(110px, 9.5vw, 145px); margin-bottom: clamp(.8rem, 1.5vw, 1.1rem); }
@media (max-width: 767px) { .hero-content > .hero-logo { width: 110px; } }

/* ---------- ¿Por qué Magnata? + Cómo trabajamos: un solo bloque integrado ---------- */
#por-que {
  background:
    radial-gradient(50rem 26rem at 100% 0%, rgba(110, 166, 205, .28), transparent 60%),
    linear-gradient(180deg, #F7F5F1 0%, #C3D3E0 100%);
}
#por-que .why-grid { align-items: center; gap: clamp(2rem, 5vw, 4.5rem); }
@media (min-width: 960px) { #por-que .why-grid { grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); } }
#por-que .why-figure { position: relative; margin: 0; max-width: 470px; justify-self: center; width: 100%; }
#por-que .why-figure img {
  width: 100%; aspect-ratio: 4 / 4.4; height: auto; object-fit: cover; object-position: center 35%;
  border-radius: 24px; box-shadow: 0 40px 70px -36px rgba(12, 51, 98, .65);
  outline: 1px solid rgba(211, 174, 55, .6); outline-offset: 10px;
}
#por-que .why-figure::after {
  content: "Metodología propia"; position: absolute; inset: auto auto 28px -14px; width: auto; height: auto; z-index: 2; opacity: 1; transform: none;
  padding: .65rem 1.1rem; border-radius: 100px; background: #0C3362; color: var(--oro);
  font-weight: 700; font-size: .85rem; letter-spacing: .02em; box-shadow: 0 16px 30px -14px rgba(12, 51, 98, .8);
}
#por-que .why-content .section-head { margin-bottom: 1.4rem; }
#por-que .why-list { display: grid; gap: .9rem; margin: 0; padding: 0; }
#por-que .why-item {
  display: grid; grid-template-columns: auto 1fr; gap: 1.1rem; align-items: start;
  padding: 1.3rem 1.4rem; border-radius: 18px; background: #FFFFFF; border: 1px solid rgba(12, 51, 98, .07);
  box-shadow: 0 20px 44px -30px rgba(12, 51, 98, .55); transition: transform .3s, box-shadow .3s;
}
#por-que .why-item:hover { transform: translateY(-3px); box-shadow: 0 28px 54px -30px rgba(12, 51, 98, .6); }
#por-que .why-badge {
  display: grid; place-items: center; width: 3rem; height: 3rem; margin: 0; border-radius: 50%; background: #0C3362; border: 0; position: static; transform: none;
}
#por-que .why-num { color: var(--oro); font-weight: 700; font-size: 1rem; }
#por-que .why-item h3 { margin: 0 0 .35rem; color: #0C3362; font-size: clamp(1.05rem, 1.35vw, 1.2rem); line-height: 1.3; }
#por-que .why-item p { margin: 0; color: #0C3362; opacity: .82; font-size: .95rem; line-height: 1.6; }

/* Cómo trabajamos: panel azul pegado al bloque de arriba */
#por-que .por-que-proceso {
  position: relative; margin-top: clamp(2.5rem, 4.5vw, 3.75rem); padding: clamp(2rem, 4vw, 3.4rem);
  border-radius: 28px; border: 0; border-top: 4px solid var(--oro);
  background:
    radial-gradient(40rem 20rem at 100% 0%, rgba(110, 166, 205, .3), transparent 60%),
    linear-gradient(160deg, #0C3362 0%, #0C3362 55%, #0C3362 100%);
  box-shadow: 0 50px 90px -50px rgba(12, 51, 98, .85);
}
#por-que .por-que-proceso::before { display: none; }
#por-que .por-que-proceso .section-head { text-align: left; margin: 0 0 clamp(1.6rem, 3vw, 2.4rem); max-width: 62ch; }
#por-que .por-que-proceso .section-title { color: #F7F5F1; text-align: left; }
#por-que .por-que-proceso .section-sub { color: rgba(247, 245, 241, .82); text-align: left; margin-inline: 0; }
#por-que .por-que-proceso .process-steps .step {
  background: rgba(255, 255, 255, .06); border: 1px solid rgba(247, 245, 241, .14); box-shadow: none;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
#por-que .por-que-proceso .process-steps .step:hover { background: rgba(255, 255, 255, .1); border-color: rgba(211, 174, 55, .55); }
#por-que .por-que-proceso .process-steps .step h3 { color: #F7F5F1; }
#por-que .por-que-proceso .process-steps .step p { color: rgba(247, 245, 241, .8); }
#por-que .por-que-proceso .process-steps .step-n { background: var(--oro); color: #0C3362; }
#por-que .proceso-detalle {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 1.5rem;
  margin-top: clamp(1.6rem, 3vw, 2.4rem); padding-top: clamp(1.2rem, 2.4vw, 1.8rem); border-top: 1px solid rgba(247, 245, 241, .16);
}
#por-que .proceso-detalle > p { margin: 0; color: #F7F5F1; font-weight: 700; font-size: 1.05rem; }
#por-que .proceso-enlaces { display: flex; flex-wrap: wrap; gap: .6rem; }
#por-que .proceso-enlaces a {
  padding: .65rem 1.15rem; border-radius: 100px; border: 1.5px solid rgba(211, 174, 55, .75); background: transparent;
  color: #F7F5F1; font-weight: 700; font-size: .92rem; text-decoration: none; transition: background-color .25s, color .25s;
}
#por-que .proceso-enlaces a::after { content: " →"; color: var(--oro); transition: color .25s; }
#por-que .proceso-enlaces a:hover { background: var(--oro); color: #0C3362; }
#por-que .proceso-enlaces a:hover::after { color: #0C3362; }
@media (max-width: 959px) {
  #por-que .why-figure img { aspect-ratio: 16 / 11; }
  #por-que .why-figure::after { inset: auto auto 16px 12px; }
}
@media (max-width: 600px) {
  #por-que .why-item { padding: 1.1rem; gap: .85rem; }
  #por-que .why-badge { width: 2.5rem; height: 2.5rem; }
  #por-que .proceso-enlaces a { flex: 1 1 100%; text-align: center; }
}

/* Foto de "¿Por qué Magnata?" sin espacio vacío debajo, y números centrados */
#por-que .why-figure { aspect-ratio: auto; height: auto; min-height: 0; }
#por-que .why-badge { padding: 0; flex: none; display: flex !important; align-items: center; justify-content: center; }
#por-que .why-num { display: block; width: auto; margin: 0; text-align: center; line-height: 1; }

/* ---------- Tarjeta de Caza de Talentos en dorado ---------- */
.bento-services .card-premium {
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .35), transparent 55%),
    linear-gradient(150deg, #D3AE37 0%, #D3AE37 50%, #D3AE37 100%);
  border: 1px solid rgba(255, 255, 255, .45);
  box-shadow: 0 30px 60px -28px rgba(211, 174, 55, .75);
}
.bento-services .card-premium:hover { border-color: rgba(255, 255, 255, .7); box-shadow: 0 40px 80px -28px rgba(211, 174, 55, .85), 0 0 0 1px rgba(255, 255, 255, .45); }
.bento-services .card-premium::after { border-color: rgba(12, 51, 98, .2); box-shadow: 0 0 0 30px rgba(12, 51, 98, .05), 0 0 0 60px rgba(12, 51, 98, .03); }
.bento-services .card-premium .card-title { color: #0C3362; }
.bento-services .card-premium .card-category { color: #0C3362; opacity: .75; }
.bento-services .card-premium .card-desc { color: #0C3362; opacity: .9; }
.bento-services .card-premium .card-tags span { color: #0C3362; border-color: rgba(12, 51, 98, .35); background: rgba(255, 255, 255, .25); }
.bento-services .card-premium .card-flag,
.bento-services .card-premium .card-flag-premium {
  background: #0C3362; color: #F7F5F1; border-color: #0C3362;
}
.bento-services .card-premium .card-link {
  display: inline-flex; align-items: center; gap: .4rem; align-self: flex-start;
  padding: .85rem 1.4rem; border-radius: 100px; background: #0C3362; color: #F7F5F1; font-weight: 700;
  text-decoration: none; border: 0; box-shadow: 0 14px 28px -14px rgba(12, 51, 98, .8); transition: transform .25s, background-color .25s;
}
.bento-services .card-premium .card-link:hover { background: #0C3362; color: #FFFFFF; transform: translateY(-2px); }

/* Pasos que se iluminan en orden */
#por-que .process-steps.ilumina-scroll { position: relative; }
#por-que .process-steps.ilumina-scroll .step {
  opacity: .45; transform: translateY(10px);
  transition: opacity .5s ease, transform .5s ease, background-color .5s ease, border-color .5s ease, box-shadow .5s ease;
}
#por-que .process-steps.ilumina-scroll .step .step-n { transition: box-shadow .5s ease, transform .5s ease; }
#por-que .process-steps.ilumina-scroll .step.is-lit {
  opacity: 1; transform: none;
  background: rgba(255, 255, 255, .12); border-color: rgba(211, 174, 55, .75);
  box-shadow: 0 0 0 1px rgba(211, 174, 55, .35), 0 24px 50px -24px rgba(211, 174, 55, .55);
}
#por-que .process-steps.ilumina-scroll .step.is-lit .step-n {
  transform: scale(1.08); box-shadow: 0 0 0 6px rgba(211, 174, 55, .22), 0 0 26px rgba(211, 174, 55, .75);
}
/* Barra dorada que avanza con el scroll, encima de los pasos */
#por-que .process-steps.ilumina-scroll::after {
  content: ""; position: absolute; left: 0; top: -14px; height: 3px; border-radius: 3px;
  width: calc(var(--avance, 0) * 100%); background: linear-gradient(90deg, #D3AE37, #D3AE37);
  box-shadow: 0 0 12px rgba(211, 174, 55, .7); transition: width .15s linear;
}

/* "Cómo trabajamos": título y texto centrados */
#por-que .por-que-proceso .section-head { text-align: center; margin-inline: auto; }
#por-que .por-que-proceso .section-title, #por-que .por-que-proceso .section-sub { text-align: center; margin-inline: auto; }

/* "Hacer otra pregunta" centrado en la sección, debajo de las preguntas */
#faq .container > .faq-cta { grid-column: 1 / -1; justify-self: center; align-self: center; margin: clamp(1.8rem, 3vw, 2.6rem) auto 0; display: flex; width: fit-content; }

/* ---------- Hero: texto más arriba, foto más limpia, sin botón "Agendar diagnóstico" ---------- */
@media (min-width: 768px) {
  .hero .hero-content { position: relative; top: -13vh; }
  /* Capa azul más suave: oscurece solo detrás del texto y deja ver la foto */
  .hero .hero-bg-tint {
    background-image: linear-gradient(245deg, rgba(12, 51, 98, .82) 0%, rgba(12, 51, 98, .6) 30%, rgba(12, 51, 98, .22) 58%, rgba(12, 51, 98, 0) 85%);
  }
}
/* Velo claro de arriba más tenue */
.hero #brxe-3njrbf { opacity: .35; }
/* Se quita el botón "Agendar diagnóstico" del menú superior */
.nav .nav-inner > .btn-primary[href*="contacto"] { display: none; }

/* ---------- Difuminado azul detrás del texto del hero ---------- */
@media (min-width: 768px) {
  .hero .hero-content { isolation: isolate; }
  .hero .hero-content::before {
    content: ""; position: absolute; z-index: -1; pointer-events: none;
    inset: -18% 8% -18% -18%;
    background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(12, 51, 98, .9) 0%, rgba(12, 51, 98, .74) 42%, rgba(12, 51, 98, .35) 70%, rgba(12, 51, 98, 0) 100%);
    filter: blur(14px);
  }
}

/* Se quita el sello con el logo de la esquina izquierda del hero */
.hero .hero-badge { display: none !important; }

/* Hero: texto, logo y botón un poco más arriba */
@media (min-width: 768px) { .hero .hero-content { top: -19vh; } }

/* Logo sobre el portátil del hero (y fuera del bloque de texto) */
.hero .hero-portatil { position: absolute; pointer-events: none; z-index: 1; }
.hero .hero-portatil img {
  position: absolute; height: auto; max-width: none; opacity: .95;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .35));
}
.hero-content > .hero-logo { display: none !important; }

/* "¿Cómo podemos ayudarle?" sin mayúsculas sostenidas */
.publicos .publicos-kicker { text-transform: none; letter-spacing: 0; font-size: clamp(1.15rem, 1.8vw, 1.45rem); font-weight: 700; color: #0C3362; }

/* "¿Cómo podemos ayudarle?" centrado y más grande */
.publicos .publicos-kicker { display: block; width: 100%; text-align: center; justify-content: center; font-size: clamp(1.7rem, 3.2vw, 2.5rem); line-height: 1.2; margin: 0 auto clamp(1.4rem, 2.6vw, 2rem); }
.publicos .publicos-kicker::before, .publicos .publicos-kicker::after { display: none; }

/* "Servicios organizacionales" y su texto, centrados */
#servicios .section-head { text-align: center; margin-inline: auto; max-width: 760px; }
#servicios .section-head .section-title, #servicios .section-head .section-sub { text-align: center; margin-inline: auto; }

/* "Otros servicios" sin mayúsculas sostenidas y centrado */
.otros-servicios > .kicker { display: block; width: 100%; text-align: center; text-transform: none; letter-spacing: 0; font-size: clamp(1.35rem, 2.4vw, 1.8rem); font-weight: 700; color: #0C3362; margin-bottom: clamp(1rem, 2vw, 1.5rem); }
.otros-servicios > .kicker::before, .otros-servicios > .kicker::after { display: none; }

/* "Cómo abordamos un caso" sin mayúsculas sostenidas */
#casos .kicker { text-transform: none; letter-spacing: 0; font-size: clamp(1.05rem, 1.6vw, 1.3rem); }

/* "Hacer otra pregunta" más cerca de las preguntas */
@media (min-width: 960px) { #faq .container { row-gap: 1.6rem; } }
#faq .container > .faq-cta { margin-top: .4rem; }
@media (max-width: 959px) { #faq .container > .faq-cta { margin-top: 1.4rem; } }

/* "Hacer otra pregunta" justo debajo de la lista de preguntas */
#faq .faq-list > .faq-cta { align-self: center; margin: .5rem auto 0; display: inline-flex; width: fit-content; }

/* "Hacer otra pregunta" del mismo ancho que las tarjetas de preguntas */
#faq .faq-list > .faq-cta {
  align-self: stretch; width: 100%; justify-content: center; margin: .3rem 0 0;
  padding: 1.15rem 1.4rem; border-radius: 18px; font-size: 1.02rem;
}

/* ---------- Selección de personal: banner claro (blanco + azul) con la foto a un lado ---------- */
body.pagina-seleccion-de-personal-medellin .svc-hero {
  position: relative; isolation: isolate; overflow: hidden;
  background: radial-gradient(46rem 26rem at 0% 0%, rgba(110, 166, 205, .28), transparent 60%), #FFFFFF !important;
  color: #0C3362; border-bottom: 1px solid rgba(12, 51, 98, .08);
}
body.pagina-seleccion-de-personal-medellin .svc-hero::before {
  content: ""; position: absolute; z-index: 0; inset: auto; background: none !important;
  border: 1.5px solid rgba(211, 174, 55, .7); border-radius: 32px;
}
body.pagina-seleccion-de-personal-medellin .svc-hero::after {
  content: ""; position: absolute; z-index: 1; inset: auto; opacity: 1;
  background: url("/wp-content/uploads/2026/10/businessman-businesswoman-handshaking-business-meeting-sitting-office-1-1024x683.jpg") center / cover no-repeat;
  border-radius: 28px; box-shadow: 0 40px 70px -36px rgba(12, 51, 98, .6);
}
body.pagina-seleccion-de-personal-medellin .svc-hero .container { position: relative; z-index: 2; }
body.pagina-seleccion-de-personal-medellin .svc-hero .kicker { color: #D3AE37; }
body.pagina-seleccion-de-personal-medellin .svc-hero h1 { color: #0C3362; }
body.pagina-seleccion-de-personal-medellin .svc-hero h1 em { color: #D3AE37; }
body.pagina-seleccion-de-personal-medellin .svc-hero .lead { color: #0C3362; opacity: .85; }
body.pagina-seleccion-de-personal-medellin .svc-hero .reassure { color: #0C3362; opacity: .7; }
body.pagina-seleccion-de-personal-medellin .svc-hero .btn-ghost-light {
  background: transparent; color: #0C3362; border: 1.5px solid #0C3362;
}
body.pagina-seleccion-de-personal-medellin .svc-hero .btn-ghost-light:hover { background: #0C3362; color: #FFFFFF; }
@media (min-width: 960px) {
  body.pagina-seleccion-de-personal-medellin .svc-hero { min-height: 600px; display: flex; align-items: center; }
  body.pagina-seleccion-de-personal-medellin .svc-hero .container { padding-right: 46%; }
  body.pagina-seleccion-de-personal-medellin .svc-hero::after { top: 130px; bottom: 56px; right: clamp(1.5rem, 5vw, 5rem); width: 38%; }
  body.pagina-seleccion-de-personal-medellin .svc-hero::before { top: 116px; bottom: 42px; right: calc(clamp(1.5rem, 5vw, 5rem) - 14px); width: calc(38% + 28px); }
}
@media (max-width: 959px) {
  body.pagina-seleccion-de-personal-medellin .svc-hero { display: flex; flex-direction: column; }
  body.pagina-seleccion-de-personal-medellin .svc-hero::after {
    position: relative; order: -1; display: block; height: clamp(200px, 42vw, 320px);
    margin: clamp(5.5rem, 14vw, 7rem) clamp(1.25rem, 5vw, 2.5rem) 1.6rem;
  }
  body.pagina-seleccion-de-personal-medellin .svc-hero::before { display: none; }
}

/* Menú blanco con letras azules sobre el banner claro */
body.pagina-seleccion-de-personal-medellin .nav::before { display: none; }
body.pagina-seleccion-de-personal-medellin .nav:not(.is-scrolled) { background: #FFFFFF; box-shadow: 0 1px 0 rgba(12, 51, 98, .08); }
body.pagina-seleccion-de-personal-medellin .nav:not(.is-scrolled) .nav-link { color: #0C3362; }
body.pagina-seleccion-de-personal-medellin .nav:not(.is-scrolled) .nav-hv { color: #0C3362; border-color: #0C3362; }
body.pagina-seleccion-de-personal-medellin .nav:not(.is-scrolled) .nav-burger span { background: #0C3362; }

/* Sin la ruta "Inicio › ..." en las páginas internas */
#brx-content .breadcrumb { display: none; }

@media (min-width: 960px) { body.pagina-seleccion-de-personal-medellin .svc-hero .container { padding-top: 130px; padding-bottom: 56px; } }

/* ---------- Selección: "La contratación no falla en la entrevista" llamativo ---------- */
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 {
  position: relative; overflow: hidden; isolation: isolate;
  background:
    radial-gradient(40rem 22rem at 100% 0%, rgba(211, 174, 55, .18), transparent 60%),
    radial-gradient(44rem 26rem at 0% 100%, rgba(110, 166, 205, .28), transparent 60%),
    linear-gradient(160deg, #0C3362 0%, #0C3362 55%, #0C3362 100%);
}
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .section-head { text-align: center; margin: 0 auto clamp(2.2rem, 4vw, 3.2rem); max-width: 760px; }
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .kicker { color: var(--oro); justify-content: center; }
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .section-title { color: #F7F5F1; text-align: center; font-size: clamp(2rem, 4vw, 3.1rem); }
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .section-sub { color: rgba(247, 245, 241, .85); text-align: center; margin-inline: auto; font-size: clamp(1.05rem, 1.5vw, 1.2rem); }
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list {
  counter-reset: dolor; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.5rem);
  margin: 0; padding: 0; list-style: none;
}
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list > li {
  counter-increment: dolor; position: relative; overflow: hidden; display: flex; flex-direction: column; gap: .7rem;
  padding: clamp(1.5rem, 2.4vw, 2rem); border-radius: 22px; list-style: none;
  background: rgba(255, 255, 255, .07); border: 1px solid rgba(247, 245, 241, .16);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  box-shadow: 0 30px 60px -36px rgba(0, 0, 0, .7);
  opacity: 0; transform: translateY(28px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.2, .8, .2, 1), border-color .35s, box-shadow .35s, background-color .35s;
}
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list.se-ve > li { opacity: 1; transform: none; }
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list.se-ve > li:nth-child(2) { transition-delay: .15s; }
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list.se-ve > li:nth-child(3) { transition-delay: .3s; }
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list > li::before {
  content: counter(dolor, decimal-leading-zero); display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%;
  background: var(--oro); color: #0C3362; font-weight: 700; font-size: 1rem;
  box-shadow: 0 0 0 6px rgba(211, 174, 55, .16);
}
/* Brillo que cruza la tarjeta al pasar el mouse */
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list > li::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: -70%; width: 50%; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .16), transparent); transform: skewX(-20deg);
  transition: left .8s ease;
}
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list > li:hover {
  transform: translateY(-8px); border-color: rgba(211, 174, 55, .7); background: rgba(255, 255, 255, .11);
  box-shadow: 0 0 0 1px rgba(211, 174, 55, .35), 0 40px 70px -34px rgba(211, 174, 55, .45);
  transition-delay: 0s;
}
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list > li:hover::after { left: 130%; }
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list > li strong { color: #FFFFFF; font-size: clamp(1.15rem, 1.6vw, 1.35rem); line-height: 1.3; }
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list > li p { margin: 0; color: rgba(247, 245, 241, .82); line-height: 1.65; }
@media (max-width: 900px) { body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list > li { opacity: 1; transform: none; transition: none; } }

/* ---------- Selección: "El proceso, paso a paso" con foto de fondo ---------- */
body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt {
  position: relative; isolation: isolate;
  background:
    linear-gradient(180deg, rgba(247, 245, 241, .78) 0%, rgba(247, 245, 241, .4) 30%, rgba(195, 211, 224, .45) 70%, rgba(195, 211, 224, .8) 100%),
    url("/wp-content/uploads/2026/10/cheerful-workers-brainstorming-1-1024x1536.jpg") center 35% / cover no-repeat;
}
@media (max-width: 900px) {
  body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt { background-attachment: scroll; }
}
body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt .section-head { text-align: center; margin-inline: auto; }
body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt .section-title,
body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt .section-sub { text-align: center; margin-inline: auto; }
body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt .step {
  background: rgba(255, 255, 255, .84); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  box-shadow: 0 24px 50px -30px rgba(12, 51, 98, .55);
}

body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt .section-sub { text-shadow: 0 0 18px rgba(247, 245, 241, .95), 0 0 6px rgba(247, 245, 241, .9); font-weight: 500; }

/* Tarjetas de "El proceso, paso a paso" más transparentes (vidrio) */
body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt .step {
  background: rgba(255, 255, 255, .52); border: 1px solid rgba(255, 255, 255, .75);
  -webkit-backdrop-filter: blur(10px) saturate(130%); backdrop-filter: blur(10px) saturate(130%);
  box-shadow: 0 24px 50px -30px rgba(12, 51, 98, .5), inset 0 1px 0 rgba(255, 255, 255, .8);
}
body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt .step:hover { background: rgba(255, 255, 255, .68); border-color: rgba(211, 174, 55, .8); }
body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt .step h3 { color: #0C3362; }
body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt .step p { color: #0C3362; opacity: .92; font-weight: 500; }

/* "¿Qué incluye?" sin mayúsculas sostenidas */
#brxe-1amsjb { text-transform: none; letter-spacing: 0; font-size: clamp(1.05rem, 1.6vw, 1.3rem); }

/* "evaluación psicológica" del banner en azul claro de la paleta */
body.pagina-seleccion-de-personal-medellin .svc-hero h1 em { color: #6EA6CD; }

/* Etiquetas de "Dos niveles de evaluación": sin mayúsculas y con contorno destacado */
.eval .eval-tag {
  text-transform: none; letter-spacing: 0; font-size: .95rem; font-weight: 700;
  padding: .45rem 1rem; border-width: 2px; border-style: solid;
}
.eval.destacada .eval-tag {
  color: var(--oro); border-color: var(--oro); background: rgba(211, 174, 55, .14);
  box-shadow: 0 0 0 4px rgba(211, 174, 55, .14), 0 8px 22px -10px rgba(211, 174, 55, .8);
}
.eval:not(.destacada) .eval-tag { border-color: #0C3362; }

/* El 60 de la garantía: grande, dorado y con un destello al terminar el conteo */
.garantia .num { font-variant-numeric: tabular-nums; min-width: 2ch; display: inline-block; text-align: center; transition: text-shadow .6s ease, transform .6s ease; }
.garantia .num.conteo-listo { animation: magnata-sello 1.2s ease-out 1; text-shadow: 0 0 24px rgba(211, 174, 55, .55); }
@keyframes magnata-sello { 0% { transform: scale(1); } 35% { transform: scale(1.12); } 100% { transform: scale(1); } }

/* ---------- Selección: banner principal a todo lo ancho con la foto del inicio ---------- */
body.pagina-seleccion-de-personal-medellin .svc-hero {
  display: flex; align-items: center; min-height: clamp(560px, 82vh, 760px);
  background: #FFFFFF !important; border-bottom: 0;
}
/* La foto, a todo lo ancho */
body.pagina-seleccion-de-personal-medellin .svc-hero::after {
  inset: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
  width: auto !important; height: auto !important; margin: 0 !important; position: absolute !important; order: 0;
  z-index: 0; border-radius: 0; box-shadow: none;
  background: url("/wp-content/uploads/2026/10/entrepreneurs-engaging-business-discussions-collaboratively-seek-solutions-conduct-strategic-analysis-2048x903.jpg") 62% 40% / cover no-repeat;
}
/* Difuminado blanco y azul: blanco detrás del texto, azul suave hacia la foto */
body.pagina-seleccion-de-personal-medellin .svc-hero::before {
  display: block !important; inset: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
  width: auto !important; position: absolute !important; z-index: 1; border: 0 !important; border-radius: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .88) 34%, rgba(255, 255, 255, .5) 45%, rgba(110, 166, 205, .12) 58%, rgba(12, 51, 98, .1) 100%),
    linear-gradient(0deg, rgba(12, 51, 98, .22) 0%, rgba(12, 51, 98, 0) 30%) !important;
}
body.pagina-seleccion-de-personal-medellin .svc-hero .container { position: relative; z-index: 2; padding-top: 120px; padding-bottom: 60px; padding-right: 0; }
body.pagina-seleccion-de-personal-medellin .svc-hero .container > * { max-width: 540px; }
body.pagina-seleccion-de-personal-medellin .svc-hero .kicker, body.pagina-seleccion-de-personal-medellin .svc-hero .reassure, body.pagina-seleccion-de-personal-medellin .svc-hero .acts .btn-ghost-light { display: none !important; }
body.pagina-seleccion-de-personal-medellin .svc-hero h1 { color: #0C3362; }
body.pagina-seleccion-de-personal-medellin .svc-hero h1 em { color: #6EA6CD; }
body.pagina-seleccion-de-personal-medellin .svc-hero .lead { color: #0C3362; opacity: .9; font-weight: 500; }
@media (max-width: 959px) {
  body.pagina-seleccion-de-personal-medellin .svc-hero { min-height: 0; display: block; }
  body.pagina-seleccion-de-personal-medellin .svc-hero::after { background-position: 58% 30%; }
  body.pagina-seleccion-de-personal-medellin .svc-hero::before {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, .88) 45%, rgba(255, 255, 255, .96) 100%),
      linear-gradient(0deg, rgba(110, 166, 205, .2), rgba(110, 166, 205, 0) 40%) !important;
  }
  body.pagina-seleccion-de-personal-medellin .svc-hero .container { padding-top: clamp(8rem, 30vw, 12rem); padding-bottom: 3rem; }
}

/* Selección, celular y tablet: foto arriba bien visible, texto debajo sobre blanco */
@media (max-width: 959px) {
  body.pagina-seleccion-de-personal-medellin .svc-hero::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 38vw, rgba(255, 255, 255, .85) 52vw, #FFFFFF 62vw) !important;
  }
  body.pagina-seleccion-de-personal-medellin .svc-hero .container { padding-top: 58vw; padding-right: clamp(1.25rem, 5vw, 2.5rem); }
}
/* Selección: otra foto para el banner (equipo en oficina, personas a la derecha) */
body.pagina-seleccion-de-personal-medellin .svc-hero::after { background-image: url("/wp-content/uploads/2026/10/business-team-two-happy-young-busy-diverse-colleagues-professional-business-man-business-wom-1-1536x857.jpg") !important; background-position: 75% 30%; background-color: #FFFFFF; }
@media (max-width: 959px) { body.pagina-seleccion-de-personal-medellin .svc-hero::after { background-size: 100% auto !important; background-position: center 0 !important; } }

/* Selección, celular: la foto empieza debajo del menú para que se vean las caras */
@media (max-width: 959px) {
  body.pagina-seleccion-de-personal-medellin .svc-hero::after { background-position: center 84px !important; }
  body.pagina-seleccion-de-personal-medellin .svc-hero::before {
    background: linear-gradient(180deg, #FFFFFF 0, #FFFFFF 84px, rgba(255, 255, 255, 0) 85px, rgba(255, 255, 255, 0) calc(84px + 40vw), rgba(255, 255, 255, .85) calc(84px + 52vw), #FFFFFF calc(84px + 57vw)) !important;
  }
  body.pagina-seleccion-de-personal-medellin .svc-hero .container { padding-top: calc(84px + 52vw); }
}

/* Selección, computador: la foto empieza debajo del menú (sin cortar cabezas) y difuminado blanco-azul más visible */
@media (min-width: 960px) {
  body.pagina-seleccion-de-personal-medellin .svc-hero::after { top: 76px !important; background-position: 72% 12% !important; }
  body.pagina-seleccion-de-personal-medellin .svc-hero::before {
    top: 76px !important;
    background:
      linear-gradient(90deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .88) 30%, rgba(195, 211, 224, .55) 46%, rgba(110, 166, 205, .22) 66%, rgba(12, 51, 98, .32) 100%),
      linear-gradient(0deg, rgba(12, 51, 98, .35) 0%, rgba(12, 51, 98, 0) 28%),
      linear-gradient(180deg, rgba(110, 166, 205, .25) 0%, rgba(110, 166, 205, 0) 22%) !important;
  }
}

/* Selección, computador: fondo azul mezclado con blanco a la izquierda; la derecha (rostros) queda limpia */
@media (min-width: 960px) {
  body.pagina-seleccion-de-personal-medellin .svc-hero::before {
    background:
      linear-gradient(100deg, rgba(255, 255, 255, .97) 0%, rgba(234, 240, 246, .95) 18%, rgba(195, 211, 224, .9) 32%, rgba(110, 166, 205, .62) 44%, rgba(110, 166, 205, .18) 53%, rgba(110, 166, 205, 0) 60%),
      radial-gradient(38rem 26rem at 8% 85%, rgba(110, 166, 205, .45), transparent 70%),
      linear-gradient(0deg, rgba(12, 51, 98, .3) 0%, rgba(12, 51, 98, 0) 22%) !important;
  }
}

@media (min-width: 960px) { body.pagina-seleccion-de-personal-medellin .svc-hero h1 em { color: #6EA6CD; } }

/* Selección, computador: el azul empieza en el borde izquierdo y se funde con blanco hacia la foto */
@media (min-width: 960px) {
  body.pagina-seleccion-de-personal-medellin .svc-hero::before {
    background:
      linear-gradient(90deg, rgba(110, 166, 205, .78) 0%, rgba(110, 166, 205, .9) 12%, rgba(195, 211, 224, .93) 26%, rgba(234, 240, 246, .9) 40%, rgba(255, 255, 255, .55) 50%, rgba(255, 255, 255, 0) 60%),
      linear-gradient(0deg, rgba(12, 51, 98, .28) 0%, rgba(12, 51, 98, 0) 22%) !important;
  }
}

/* Selección, computador: azul oscuro a la izquierda que se funde con blanco antes de la foto; texto en blanco */
@media (min-width: 960px) {
  body.pagina-seleccion-de-personal-medellin .svc-hero::before {
    background:
      linear-gradient(90deg, rgba(12, 51, 98, .96) 0%, rgba(12, 51, 98, .9) 30%, rgba(12, 51, 98, .74) 42%, rgba(110, 166, 205, .4) 51%, rgba(255, 255, 255, .28) 56%, rgba(255, 255, 255, 0) 63%),
      linear-gradient(0deg, rgba(12, 51, 98, .3) 0%, rgba(12, 51, 98, 0) 22%) !important;
  }
  body.pagina-seleccion-de-personal-medellin .svc-hero h1 { color: #FFFFFF; }
  body.pagina-seleccion-de-personal-medellin .svc-hero h1 em { color: #6EA6CD; }
  body.pagina-seleccion-de-personal-medellin .svc-hero .lead { color: #F7F5F1; opacity: .92; }
}

/* "El problema real" sin mayúsculas sostenidas */
#brxe-26v44a { text-transform: none; letter-spacing: 0; font-size: clamp(1.05rem, 1.6vw, 1.3rem); }

/* "Cómo trabajamos" (selección) sin mayúsculas sostenidas */
#brxe-ghk0zb { text-transform: none; letter-spacing: 0; font-size: clamp(1.05rem, 1.6vw, 1.3rem); }

/* "¿Qué incluye? / Dos niveles de evaluación" centrados */
#brxe-4wuhhk .section-head { text-align: center; margin-inline: auto; }
#brxe-4wuhhk .section-head .kicker { display: block; text-align: center; }
#brxe-4wuhhk .section-head .section-title, #brxe-4wuhhk .section-head .section-sub { text-align: center; margin-inline: auto; }

/* "¿Qué incluye?" y "Dos niveles de evaluación" en una misma línea, centrados */
#brxe-4wuhhk .section-head { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: .3rem .7rem; max-width: none; }
#brxe-4wuhhk .section-head .kicker { display: inline-block; margin: 0; font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 700; line-height: 1.15; }
#brxe-4wuhhk .section-head .section-title { margin: 0; }

/* "La contratación no falla en la entrevista": fondo en otro tono (azul niebla claro) con tarjetas blancas */
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 {
  background:
    radial-gradient(40rem 22rem at 100% 0%, rgba(211, 174, 55, .16), transparent 60%),
    radial-gradient(44rem 26rem at 0% 100%, rgba(110, 166, 205, .35), transparent 60%),
    linear-gradient(160deg, #EAF0F6 0%, #EAF0F6 45%, #C3D3E0 100%) !important;
}
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .kicker { color: #D3AE37; }
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .section-title { color: #0C3362; }
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .section-sub { color: #0C3362; opacity: .82; }
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list > li {
  background: rgba(255, 255, 255, .78); border: 1px solid rgba(255, 255, 255, .95);
  box-shadow: 0 26px 50px -30px rgba(12, 51, 98, .45);
}
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list > li:hover { background: #FFFFFF; border-color: rgba(211, 174, 55, .8); box-shadow: 0 0 0 1px rgba(211, 174, 55, .35), 0 36px 64px -30px rgba(12, 51, 98, .45); }
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list > li::before { background: #0C3362; color: var(--oro); box-shadow: 0 0 0 6px rgba(12, 51, 98, .08); }
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list > li::after { background: linear-gradient(100deg, transparent, rgba(211, 174, 55, .18), transparent); }
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list > li strong { color: #0C3362; }
body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .pain-list > li p { color: #0C3362; opacity: .82; }

/* "Para cargos de liderazgo": destello que recorre el contorno */
@property --brillo-ang { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.eval.destacada .eval-tag { position: relative; isolation: isolate; border-color: transparent !important; }
.eval.destacada .eval-tag::before {
  content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; pointer-events: none; z-index: 1;
  background:
    conic-gradient(from var(--brillo-ang), rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0) 250deg, #EAF0F6 300deg, #FFFFFF 320deg, #D3AE37 340deg, rgba(255, 255, 255, 0) 360deg),
    linear-gradient(var(--oro), var(--oro));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation: magnata-contorno 2.6s linear infinite;
}
@keyframes magnata-contorno { to { --brillo-ang: 360deg; } }
@media (prefers-reduced-motion: reduce) { .eval.destacada .eval-tag::before { animation: none; } }

/* "Niveles que gestionamos" sin mayúsculas sostenidas */
#brxe-mgw8gx { text-transform: none; letter-spacing: 0; font-size: clamp(1.05rem, 1.6vw, 1.3rem); }

/* ---------- "Para qué cargos aplica": tarjetas con vectores ---------- */
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .section-head { text-align: center; margin: 0 auto clamp(2rem, 4vw, 3rem); }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .section-head .kicker { display: block; text-align: center; }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .section-head .section-title { text-align: center; margin-inline: auto; }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .niveles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.6rem); }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel {
  position: relative; overflow: hidden; isolation: isolate; display: flex; flex-direction: column; gap: .75rem;
  padding: clamp(1.6rem, 2.6vw, 2.2rem); padding-top: calc(clamp(1.6rem, 2.6vw, 2.2rem) + 4.4rem);
  border-radius: 24px; background: #FFFFFF; border: 1px solid rgba(12, 51, 98, .08);
  box-shadow: 0 26px 54px -32px rgba(12, 51, 98, .5);
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s, border-color .35s;
}
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel:hover { transform: translateY(-8px); border-color: rgba(211, 174, 55, .7); box-shadow: 0 0 0 1px rgba(211, 174, 55, .3), 0 40px 70px -32px rgba(12, 51, 98, .55); }
/* Franja superior de color por nivel */
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel { --tono: #0C3362; --icono: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'5'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'1.5'%20fill%3D'black'%2F%3E%3Cpath%20d%3D'M12%203v2M12%2019v2M3%2012h2M19%2012h2'%2F%3E%3C%2Fsvg%3E"); }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel:nth-child(2) { --tono: #6EA6CD; --icono: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'5'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'5'%20cy%3D'19'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'19'%20cy%3D'19'%20r%3D'2.5'%2F%3E%3Cpath%20d%3D'M12%207.5v4M12%2011.5l-5.5%205.2M12%2011.5l5.5%205.2'%2F%3E%3C%2Fsvg%3E"); }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel:nth-child(3) { --tono: #6EA6CD; --icono: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'3'%2F%3E%3Cpath%20d%3D'M19.4%2015a1.65%201.65%200%200%200%20.33%201.82l.06.06a2%202%200%201%201-2.83%202.83l-.06-.06a1.65%201.65%200%200%200-1.82-.33%201.65%201.65%200%200%200-1%201.51V21a2%202%200%201%201-4%200v-.09A1.65%201.65%200%200%200%209%2019.4a1.65%201.65%200%200%200-1.82.33l-.06.06a2%202%200%201%201-2.83-2.83l.06-.06A1.65%201.65%200%200%200%204.6%2015a1.65%201.65%200%200%200-1.51-1H3a2%202%200%201%201%200-4h.09A1.65%201.65%200%200%200%204.6%209a1.65%201.65%200%200%200-.33-1.82l-.06-.06a2%202%200%201%201%202.83-2.83l.06.06A1.65%201.65%200%200%200%209%204.6a1.65%201.65%200%200%200%201-1.51V3a2%202%200%201%201%204%200v.09a1.65%201.65%200%200%200%201%201.51%201.65%201.65%200%200%200%201.82-.33l.06-.06a2%202%200%201%201%202.83%202.83l-.06.06A1.65%201.65%200%200%200%2019.4%209a1.65%201.65%200%200%200%201.51%201H21a2%202%200%201%201%200%204h-.09a1.65%201.65%200%200%200-1.51%201z'%2F%3E%3C%2Fsvg%3E"); }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel::before {
  content: ""; position: absolute; top: clamp(1.6rem, 2.6vw, 2.2rem); left: clamp(1.6rem, 2.6vw, 2.2rem);
  width: 3.6rem; height: 3.6rem; border-radius: 18px; z-index: 1;
  background:
    var(--oro);
  -webkit-mask: var(--icono) center / 58% no-repeat, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: var(--icono) center / 58% no-repeat exclude, linear-gradient(#000 0 0);
  box-shadow: none;
}
/* Fondo del ícono (cuadro con el tono del nivel) */
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel > span:first-child::before {
  content: ""; position: absolute; top: clamp(1.6rem, 2.6vw, 2.2rem); left: clamp(1.6rem, 2.6vw, 2.2rem);
  width: 3.6rem; height: 3.6rem; border-radius: 18px; background: var(--tono); z-index: 0;
  box-shadow: 0 14px 28px -12px var(--tono);
}
/* Vector grande y tenue de fondo */
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel::after {
  content: ""; position: absolute; right: -2.2rem; bottom: -2.2rem; width: 10rem; height: 10rem; z-index: -1;
  background: var(--tono); opacity: .06;
  -webkit-mask: var(--icono) center / contain no-repeat; mask: var(--icono) center / contain no-repeat;
  transition: transform .6s ease, opacity .4s;
}
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel:hover::after { transform: rotate(-12deg) scale(1.08); opacity: .1; }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel > span:first-child {
  align-self: flex-start; padding: .3rem .8rem; border-radius: 100px; font-size: .78rem; font-weight: 700; letter-spacing: .01em;
  text-transform: none; color: var(--tono); background: color-mix(in srgb, var(--tono) 12%, transparent);
}
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel h3 { margin: 0; color: #0C3362; font-size: clamp(1.2rem, 1.7vw, 1.45rem); line-height: 1.25; }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel p { margin: 0; color: #0C3362; opacity: .8; line-height: 1.6; }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel .rec {
  margin-top: auto; display: inline-flex; align-items: center; gap: .5rem; align-self: flex-start;
  padding: .55rem .95rem; border-radius: 12px; background: rgba(211, 174, 55, .14); color: #0C3362;
  font-size: .86rem; font-weight: 700; text-transform: none; letter-spacing: 0; border: 1px solid rgba(211, 174, 55, .45);
}
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel .rec::before {
  content: ""; width: 1rem; height: 1rem; flex: none; background: #D3AE37;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%2012.5l4.2%204.2L19%207'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%2012.5l4.2%204.2L19%207'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}
@media (max-width: 900px) { body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .niveles { grid-template-columns: 1fr; } }

/* "Para qué cargos aplica": íconos más atractivos y etiquetas sin mayúsculas sostenidas */
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel { padding-top: calc(clamp(1.6rem, 2.6vw, 2.2rem) + 5.2rem); --icono: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M2.5%2020.5%209%2010.5l3.6%205%202.4-3.2%206.5%208.2z'%20fill%3D'black'%20fill-opacity%3D'.35'%2F%3E%3Cpath%20d%3D'M2.5%2020.5%209%2010.5l3.6%205%202.4-3.2%206.5%208.2z'%2F%3E%3Cpath%20d%3D'M12%2011V3.5'%2F%3E%3Cpath%20d%3D'M12%203.5l5.5%201.8L12%207.2'%20fill%3D'black'%2F%3E%3C%2Fsvg%3E"); }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel:nth-child(2) { --icono: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'7'%20r%3D'3'%20fill%3D'black'%20fill-opacity%3D'.35'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'7'%20r%3D'3'%2F%3E%3Cpath%20d%3D'M6.5%2020v-1.5A4.5%204.5%200%200%201%2011%2014h2a4.5%204.5%200%200%201%204.5%204.5V20'%2F%3E%3Ccircle%20cx%3D'4.5'%20cy%3D'10'%20r%3D'2'%2F%3E%3Ccircle%20cx%3D'19.5'%20cy%3D'10'%20r%3D'2'%2F%3E%3Cpath%20d%3D'M1.5%2018v-.8A3%203%200%200%201%204.5%2014.2M22.5%2018v-.8a3%203%200%200%200-3-3'%2F%3E%3C%2Fsvg%3E"); }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel:nth-child(3) { --icono: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'9'%20cy%3D'9'%20r%3D'2.2'%20fill%3D'black'%20fill-opacity%3D'.35'%2F%3E%3Cpath%20d%3D'M9%202.5v2M9%2013.5v2M2.5%209h2M13.5%209h2M4.4%204.4l1.4%201.4M12.2%2012.2l1.4%201.4M4.4%2013.6l1.4-1.4M12.2%205.8l1.4-1.4'%2F%3E%3Ccircle%20cx%3D'9'%20cy%3D'9'%20r%3D'4.3'%2F%3E%3Cpath%20d%3D'M14.5%2014.5l6%206M17.5%2021.5l4-4M13%2017l4-4'%2F%3E%3C%2Fsvg%3E"); }
/* Baldosa del ícono: degradado del tono del nivel al azul marino, con anillo dorado */
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel > span:first-child::before {
  width: 4.4rem; height: 4.4rem; border-radius: 20px;
  background: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, .28), transparent 55%), linear-gradient(145deg, var(--tono), #0C3362);
  box-shadow: 0 0 0 4px rgba(211, 174, 55, .22), 0 18px 32px -14px var(--tono);
  transition: transform .45s cubic-bezier(.2, .8, .2, 1), box-shadow .45s;
}
/* El ícono en dorado sobre la baldosa */
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel::before {
  width: 4.4rem; height: 4.4rem; border-radius: 20px; z-index: 1;
  background: linear-gradient(160deg, #D3AE37, #D3AE37 60%, #D3AE37);
  -webkit-mask: var(--icono) center / 56% no-repeat; -webkit-mask-composite: source-over;
  mask: var(--icono) center / 56% no-repeat; mask-composite: add;
  filter: drop-shadow(0 0 6px rgba(211, 174, 55, .55));
  transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel:hover > span:first-child::before { transform: translateY(-4px) rotate(-4deg); box-shadow: 0 0 0 6px rgba(211, 174, 55, .3), 0 24px 40px -14px var(--tono); }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel:hover::before { transform: translateY(-4px) rotate(-4deg) scale(1.06); }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel > span:first-child { text-transform: none; letter-spacing: 0; font-size: .9rem; }

/* "Para qué cargos aplica": íconos de personas por nivel */
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel { --icono: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'7.5'%20r%3D'3.4'%20fill%3D'black'%20fill-opacity%3D'.3'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'7.5'%20r%3D'3.4'%2F%3E%3Cpath%20d%3D'M4.5%2021.5v-1.3A6%206%200%200%201%2010.5%2014.2h3a6%206%200%200%201%206%206v1.3'%2F%3E%3Cpath%20d%3D'M11%2014.4l1%201.6%201-1.6M12%2016l-1%203.6%201%201.4%201-1.4-1-3.6'%20fill%3D'black'%2F%3E%3Cpath%20d%3D'M19%201.8l.7%201.4%201.5.2-1.1%201.1.3%201.5-1.4-.7-1.4.7.3-1.5-1.1-1.1%201.5-.2z'%20fill%3D'black'%2F%3E%3C%2Fsvg%3E"); }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel:nth-child(2) { --icono: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'7'%20r%3D'3'%20fill%3D'black'%20fill-opacity%3D'.3'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'7'%20r%3D'3'%2F%3E%3Cpath%20d%3D'M6.8%2020.5v-1.2a4.7%204.7%200%200%201%204.7-4.7h1a4.7%204.7%200%200%201%204.7%204.7v1.2'%2F%3E%3Ccircle%20cx%3D'4.6'%20cy%3D'9.6'%20r%3D'2.1'%2F%3E%3Ccircle%20cx%3D'19.4'%20cy%3D'9.6'%20r%3D'2.1'%2F%3E%3Cpath%20d%3D'M1.4%2018.2v-.6a3.3%203.3%200%200%201%203.3-3.3h.6M22.6%2018.2v-.6a3.3%203.3%200%200%200-3.3-3.3h-.6'%2F%3E%3C%2Fsvg%3E"); }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel:nth-child(3) { --icono: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7.6%208.6a4.4%204.4%200%200%201%208.8%200z'%20fill%3D'black'%20fill-opacity%3D'.3'%2F%3E%3Cpath%20d%3D'M6.6%208.6h10.8M7.6%208.6a4.4%204.4%200%200%201%208.8%200M12%204.2v-1'%2F%3E%3Cpath%20d%3D'M8.7%209.4a3.3%203.3%200%200%200%206.6%200'%2F%3E%3Cpath%20d%3D'M4.5%2021.5v-1.3a6%206%200%200%201%206-6h3a6%206%200%200%201%206%206v1.3'%2F%3E%3Cpath%20d%3D'M9.5%2014.6v3.4h5v-3.4'%2F%3E%3C%2Fsvg%3E"); }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel::before { -webkit-mask-size: 66%; mask-size: 66%; }

/* "Para qué cargos aplica" sobre fondo azul oscuro */
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 {
  background:
    radial-gradient(40rem 22rem at 100% 0%, rgba(211, 174, 55, .16), transparent 60%),
    radial-gradient(44rem 26rem at 0% 100%, rgba(110, 166, 205, .26), transparent 60%),
    linear-gradient(160deg, #0C3362 0%, #0C3362 55%, #0C3362 100%) !important;
}
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .section-head .kicker { color: var(--oro); }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .section-head .section-title { color: #F7F5F1; }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel { border-color: rgba(255, 255, 255, .6); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .65); }
body.pagina-seleccion-de-personal-medellin #brxe-in1ac4 .nivel:hover { box-shadow: 0 0 0 1px rgba(211, 174, 55, .5), 0 40px 70px -30px rgba(0, 0, 0, .7); }

/* "El proceso, paso a paso": otra foto de fondo (cierre de contratación con apretón de manos) */
body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt {
  background:
    linear-gradient(180deg, rgba(247, 245, 241, .78) 0%, rgba(247, 245, 241, .4) 30%, rgba(195, 211, 224, .45) 70%, rgba(195, 211, 224, .8) 100%),
    url("/wp-content/uploads/2026/10/business-partners-shake-hands-after-signing-contract-concept-partnership-1-1536x1087.jpg") center 40% / cover no-repeat !important;
}

/* "El proceso, paso a paso": foto de entrevista de selección */
body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt {
  background:
    linear-gradient(180deg, rgba(247, 245, 241, .78) 0%, rgba(247, 245, 241, .38) 30%, rgba(195, 211, 224, .42) 70%, rgba(195, 211, 224, .8) 100%),
    url("/wp-content/uploads/2026/10/business-meeting-office-1536x864.jpg") center 35% / cover no-repeat !important;
}

/* "¿Qué incluye?" más grande y "Dos niveles de evaluación" más pequeño */
#brxe-4wuhhk .section-head .kicker { font-size: clamp(2.1rem, 4vw, 3.1rem); }
#brxe-4wuhhk .section-head .section-title { font-size: clamp(1.35rem, 2.3vw, 1.85rem); }

/* "Todo lo de la evaluación esencial, más:" sin mayúsculas sostenidas */
.eval .eval-mas { text-transform: none; letter-spacing: 0; font-size: 1rem; }

/* ---------- Menú "Nuestros servicios" con tres columnas ---------- */
.nav-drop.nav-drop-servicios {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4rem 1rem;
  width: 760px; min-width: 0; left: 50%; margin-left: -380px; padding: 1rem 1rem 1.1rem;
  border-top: 3px solid var(--oro);
}
.nav-serv-col { display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
.nav-serv-tit {
  display: block; padding: .35rem 1.05rem .55rem; margin-bottom: .2rem; text-decoration: none;
  color: var(--oro) !important; font-weight: 700; font-size: .95rem; border-bottom: 1px solid rgba(211, 174, 55, .3);
}
.nav-serv-tit:hover { color: #D3AE37 !important; }
@media (max-width: 1100px) {
  .nav-drop.nav-drop-servicios { width: 640px; margin-left: -320px; }
}
/* Menú del celular: título del grupo y servicios con sangría */
.nav-mobile-grupo {
  display: block; margin: .6rem 0 .2rem; font-size: .8rem; font-weight: 700; color: var(--oro);
  letter-spacing: .04em;
}
.nav-mobile-link.nav-mobile-servicio { padding-left: .9rem; border-left: 2px solid var(--oro); }

/* ---------- Banners de los demás servicios: igual que Selección (azul oscuro a la izquierda, blanco y foto limpia a la derecha) ---------- */
body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero { position: relative; overflow: hidden; isolation: isolate; background: #FFFFFF !important; box-shadow: none; border-bottom: 0; }
body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero::after {
  content: ""; position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; left: 0 !important; right: 0 !important;
  z-index: 0; margin: 0; border-radius: 0; box-shadow: none; opacity: 1;
  background: var(--svc-foto, none) 72% 25% / cover no-repeat !important; background-color: #FFFFFF;
}
body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero::before {
  content: ""; display: block !important; position: absolute !important; inset: 0 !important; width: auto !important; z-index: 1; border: 0 !important; border-radius: 0;
}
body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero .container { position: relative; z-index: 2; }
/* Menú blanco con letras azules en estas páginas */
body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .nav::before { display: none; }
body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .nav:not(.is-scrolled) { background: #FFFFFF; box-shadow: 0 1px 0 rgba(12, 51, 98, .08); }
body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .nav:not(.is-scrolled) .nav-link { color: #0C3362; }
body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .nav:not(.is-scrolled) .nav-hv { color: #0C3362; border-color: #0C3362; }
body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .nav:not(.is-scrolled) .nav-burger span { background: #0C3362; }
@media (min-width: 960px) {
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero { display: flex; align-items: center; min-height: clamp(560px, 82vh, 760px); }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero::after { top: 76px !important; }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero::before {
    top: 76px !important;
    background:
      linear-gradient(90deg, rgba(12, 51, 98, .96) 0%, rgba(12, 51, 98, .9) 30%, rgba(12, 51, 98, .74) 42%, rgba(110, 166, 205, .4) 51%, rgba(255, 255, 255, .28) 56%, rgba(255, 255, 255, 0) 63%),
      linear-gradient(0deg, rgba(12, 51, 98, .3) 0%, rgba(12, 51, 98, 0) 22%) !important;
  }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero .container { width: 100%; padding-top: 120px; padding-bottom: 60px; padding-right: 0; }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero .container > * { max-width: 540px; }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero .kicker { color: var(--oro); }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero h1 { color: #FFFFFF; }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero h1 em { color: #6EA6CD; }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero .lead { color: #F7F5F1; opacity: .92; }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero .reassure { color: rgba(247, 245, 241, .8); }
}
@media (max-width: 959px) {
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero { display: block; min-height: 0; }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero::after { background-size: 100% auto !important; background-position: center 84px !important; }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero::before {
    background: linear-gradient(180deg, #FFFFFF 0, #FFFFFF 84px, rgba(255, 255, 255, 0) 85px, rgba(255, 255, 255, 0) calc(84px + 40vw), rgba(255, 255, 255, .85) calc(84px + 52vw), #FFFFFF calc(84px + 57vw)) !important;
  }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero .container { padding-top: calc(84px + 52vw); padding-bottom: 3rem; }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero .kicker { color: #D3AE37; }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero h1 { color: #0C3362; }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero h1 em { color: #6EA6CD; }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero .lead { color: #0C3362; opacity: .9; }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero .reassure { color: #0C3362; opacity: .7; }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero .btn-ghost-light { background: transparent; color: #0C3362; border: 1.5px solid #0C3362; }
}

/* Computador: la foto ocupa desde el 36% hacia la derecha para que los rostros queden fuera del azul */
@media (min-width: 960px) {
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero::after { left: 36% !important; background-position: center 22% !important; }
  body:is(.pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero { background: #0C3362 !important; }
}

/* Desarrollo de liderazgo: foto de una líder frente a su equipo */
body.pagina-desarrollo-de-liderazgo-medellin { --svc-foto: url("/wp-content/uploads/2026/10/woman-with-folder-that-says-she-is-smiling-1536x1024.jpg"); }

/* Desarrollo de liderazgo: ejecutiva segura en la oficina */
body.pagina-desarrollo-de-liderazgo-medellin { --svc-foto: url("/wp-content/uploads/2026/10/smiling-professional-woman-holding-tablet-coffee-modern-office-1536x864.jpg"); }

/* ---------- Banners de servicios: difuminado más suave y sin cortes ---------- */
@media (min-width: 960px) {
  body:is(.pagina-seleccion-de-personal-medellin, .pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero::before {
    background:
      radial-gradient(60% 90% at 46% 55%, rgba(110, 166, 205, .16), transparent 70%),
      linear-gradient(90deg,
        rgba(12, 51, 98, .97) 0%, rgba(12, 51, 98, .95) 24%, rgba(12, 51, 98, .9) 32%,
        rgba(12, 51, 98, .8) 38%, rgba(12, 51, 98, .66) 43%, rgba(12, 51, 98, .5) 47%,
        rgba(110, 166, 205, .34) 51%, rgba(110, 166, 205, .2) 55%, rgba(110, 166, 205, .1) 59%,
        rgba(110, 166, 205, .04) 63%, rgba(110, 166, 205, 0) 68%),
      linear-gradient(0deg, rgba(12, 51, 98, .28) 0%, rgba(12, 51, 98, .1) 12%, rgba(12, 51, 98, 0) 24%) !important;
  }
  /* El borde izquierdo de la foto se desvanece: no queda línea visible */
  body:is(.pagina-seleccion-de-personal-medellin, .pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero::after {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .35) 8%, #000 26%);
    mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .35) 8%, #000 26%);
  }
  body.pagina-seleccion-de-personal-medellin .svc-hero::after { -webkit-mask-image: none; mask-image: none; }
  body.pagina-seleccion-de-personal-medellin .svc-hero { background: #0C3362 !important; }
}
@media (max-width: 959px) {
  body:is(.pagina-seleccion-de-personal-medellin, .pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin) .svc-hero::before {
    background: linear-gradient(180deg,
      #FFFFFF 0, #FFFFFF 84px, rgba(255, 255, 255, 0) 85px,
      rgba(255, 255, 255, 0) calc(84px + 34vw), rgba(255, 255, 255, .22) calc(84px + 42vw),
      rgba(255, 255, 255, .55) calc(84px + 48vw), rgba(255, 255, 255, .85) calc(84px + 54vw),
      #FFFFFF calc(84px + 60vw)) !important;
  }
}

/* ---------- Capacitación: "La lista de asistencia no es un indicador" más llamativo ---------- */
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow {
  position: relative; overflow: hidden; isolation: isolate;
  background:
    radial-gradient(40rem 22rem at 100% 0%, rgba(211, 174, 55, .16), transparent 60%),
    radial-gradient(44rem 26rem at 0% 100%, rgba(110, 166, 205, .35), transparent 60%),
    linear-gradient(160deg, #EAF0F6 0%, #EAF0F6 45%, #C3D3E0 100%);
}
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .section-head { text-align: center; margin: 0 auto clamp(2.2rem, 4vw, 3rem); max-width: 780px; }
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .section-head .kicker { display: block; text-align: center; color: #D3AE37; text-transform: none; letter-spacing: 0; font-size: clamp(1.05rem, 1.6vw, 1.3rem); }
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .section-head .section-title { text-align: center; margin-inline: auto; color: #0C3362; font-size: clamp(2rem, 4vw, 3rem); }
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .section-head .section-sub { text-align: center; margin-inline: auto; color: #0C3362; opacity: .85; font-size: clamp(1.05rem, 1.5vw, 1.2rem); }
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .casos-grid { counter-reset: prob; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.6rem); }
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .casos-grid > .card {
  counter-increment: prob; position: relative; overflow: hidden; isolation: isolate;
  padding: clamp(1.6rem, 2.6vw, 2.2rem); padding-top: calc(clamp(1.6rem, 2.6vw, 2.2rem) + 4.6rem);
  border-radius: 24px; background: rgba(255, 255, 255, .85); border: 1px solid rgba(255, 255, 255, .95);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  box-shadow: 0 26px 54px -30px rgba(12, 51, 98, .5);
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s, border-color .35s, background-color .35s;
}
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .casos-grid > .card:nth-child(1) { --icono: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'5'%20y%3D'3.5'%20width%3D'14'%20height%3D'17'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M9%203.5V2.5h6v1M8.5%209h7M8.5%2012.5h7M8.5%2016h4'%2F%3E%3Ccircle%20cx%3D'17.5'%20cy%3D'17.5'%20r%3D'3.6'%20fill%3D'black'%20fill-opacity%3D'.2'%2F%3E%3Cpath%20d%3D'M16%2016l3%203M19%2016l-3%203'%2F%3E%3C%2Fsvg%3E"); }
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .casos-grid > .card:nth-child(2) { --icono: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%2017.5a4%204%200%200%201-.6-7.95A5.5%205.5%200%200%201%2017%208a3.75%203.75%200%200%201%20.5%207.47'%2F%3E%3Cpath%20d%3D'M12%2021v-7M9.5%2016.5%2012%2014l2.5%202.5'%20%2F%3E%3Cpath%20d%3D'M4%2021h3M17%2021h3'%20opacity%3D'.6'%2F%3E%3C%2Fsvg%3E"); }
/* Baldosa azul con el ícono dorado */
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .casos-grid > .card::before {
  content: ""; position: absolute; top: clamp(1.6rem, 2.6vw, 2.2rem); left: clamp(1.6rem, 2.6vw, 2.2rem);
  width: 3.8rem; height: 3.8rem; border-radius: 18px;
  background:
    linear-gradient(160deg, #D3AE37, #D3AE37 60%, #D3AE37) center / 100% 100% no-repeat;
  -webkit-mask: var(--icono) center / 58% no-repeat; mask: var(--icono) center / 58% no-repeat;
  z-index: 2; filter: drop-shadow(0 0 6px rgba(211, 174, 55, .5));
}
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .casos-grid > .card .card-title::before {
  content: ""; position: absolute; top: clamp(1.6rem, 2.6vw, 2.2rem); left: clamp(1.6rem, 2.6vw, 2.2rem);
  width: 3.8rem; height: 3.8rem; border-radius: 18px; z-index: 1;
  background: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, .25), transparent 55%), linear-gradient(145deg, #0C3362, #0C3362);
  box-shadow: 0 0 0 4px rgba(211, 174, 55, .2), 0 16px 30px -12px rgba(12, 51, 98, .7);
}
/* Número grande y tenue en la esquina */
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .casos-grid > .card::after {
  content: counter(prob, decimal-leading-zero); position: absolute; top: .6rem; right: 1.2rem; z-index: -1;
  font-size: 5.5rem; font-weight: 700; line-height: 1; color: rgba(12, 51, 98, .07);
}
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .casos-grid > .card:hover { transform: translateY(-8px); background: #FFFFFF; border-color: rgba(211, 174, 55, .8); box-shadow: 0 0 0 1px rgba(211, 174, 55, .35), 0 40px 70px -32px rgba(12, 51, 98, .55); }
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .casos-grid > .card .card-title { color: #0C3362; font-size: clamp(1.2rem, 1.8vw, 1.5rem); line-height: 1.25; margin: 0 0 .6rem; }
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .casos-grid > .card .card-desc { color: #0C3362; opacity: .82; line-height: 1.65; margin: 0; }
@media (max-width: 760px) { body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .casos-grid { grid-template-columns: 1fr; } }

/* Al entrar por el menú (por ejemplo "Nuestros servicios"), la sección arranca con su título visible bajo el menú */
section[id] { scroll-margin-top: 44px; }

/* Banners de servicios: solo el botón "Hablar con un consultor" */
.svc-hero .acts .btn-ghost-light, .svc-hero .acts a[href*="wa.me"] { display: none !important; }

/* ---------- Página "Quiénes somos": mismo banner que los servicios ---------- */
body.pagina-quienes-somos { --svc-foto: url("/wp-content/uploads/2026/10/business-people-meeting-1024x1536.jpg"); }
body.pagina-quienes-somos .svc-hero { position: relative; overflow: hidden; isolation: isolate; background: #0C3362 !important; box-shadow: none; }
body.pagina-quienes-somos .svc-hero::after { content: ""; position: absolute !important; inset: 0 !important; z-index: 0; background: var(--svc-foto) center 30% / cover no-repeat !important; background-color: #FFFFFF; }
body.pagina-quienes-somos .svc-hero::before { content: ""; display: block !important; position: absolute !important; inset: 0 !important; z-index: 1; }
body.pagina-quienes-somos .svc-hero .container { position: relative; z-index: 2; }
body.pagina-quienes-somos .nav::before { display: none; }
body.pagina-quienes-somos .nav:not(.is-scrolled) { background: #FFFFFF; box-shadow: 0 1px 0 rgba(12, 51, 98, .08); }
body.pagina-quienes-somos .nav:not(.is-scrolled) .nav-link { color: #0C3362; }
body.pagina-quienes-somos .nav:not(.is-scrolled) .nav-hv { color: #0C3362; border-color: #0C3362; }
body.pagina-quienes-somos .nav:not(.is-scrolled) .nav-burger span { background: #0C3362; }
@media (min-width: 960px) {
  body.pagina-quienes-somos .svc-hero { display: flex; align-items: center; min-height: clamp(560px, 82vh, 760px); }
  body.pagina-quienes-somos .svc-hero::after { top: 76px !important; left: 36% !important; -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .35) 8%, #000 26%); mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .35) 8%, #000 26%); }
  body.pagina-quienes-somos .svc-hero::before {
    top: 76px !important;
    background:
      radial-gradient(60% 90% at 46% 55%, rgba(110, 166, 205, .16), transparent 70%),
      linear-gradient(90deg, rgba(12, 51, 98, .97) 0%, rgba(12, 51, 98, .95) 24%, rgba(12, 51, 98, .9) 32%, rgba(12, 51, 98, .8) 38%, rgba(12, 51, 98, .66) 43%, rgba(12, 51, 98, .5) 47%, rgba(110, 166, 205, .34) 51%, rgba(110, 166, 205, .2) 55%, rgba(110, 166, 205, .1) 59%, rgba(110, 166, 205, .04) 63%, rgba(110, 166, 205, 0) 68%),
      linear-gradient(0deg, rgba(12, 51, 98, .28) 0%, rgba(12, 51, 98, .1) 12%, rgba(12, 51, 98, 0) 24%) !important;
  }
  body.pagina-quienes-somos .svc-hero .container { width: 100%; padding-top: 120px; padding-bottom: 60px; }
  body.pagina-quienes-somos .svc-hero .container > * { max-width: 560px; }
  body.pagina-quienes-somos .svc-hero .kicker { color: var(--oro); }
  body.pagina-quienes-somos .svc-hero h1 { color: #FFFFFF; }
  body.pagina-quienes-somos .svc-hero h1 em { color: #6EA6CD; font-style: normal; }
  body.pagina-quienes-somos .svc-hero .lead { color: #F7F5F1; opacity: .92; }
}
@media (max-width: 959px) {
  body.pagina-quienes-somos .svc-hero { display: block; background: #FFFFFF !important; }
  body.pagina-quienes-somos .svc-hero::after { background-size: 100% auto !important; background-position: center 84px !important; }
  body.pagina-quienes-somos .svc-hero::before { background: linear-gradient(180deg, #FFFFFF 0, #FFFFFF 84px, rgba(255, 255, 255, 0) 85px, rgba(255, 255, 255, 0) calc(84px + 34vw), rgba(255, 255, 255, .22) calc(84px + 42vw), rgba(255, 255, 255, .55) calc(84px + 48vw), rgba(255, 255, 255, .85) calc(84px + 54vw), #FFFFFF calc(84px + 60vw)) !important; }
  body.pagina-quienes-somos .svc-hero .container { padding-top: calc(84px + 52vw); padding-bottom: 3rem; }
  body.pagina-quienes-somos .svc-hero .kicker { color: #D3AE37; }
  body.pagina-quienes-somos .svc-hero h1 { color: #0C3362; }
  body.pagina-quienes-somos .svc-hero h1 em { color: #6EA6CD; font-style: normal; }
  body.pagina-quienes-somos .svc-hero .lead { color: #0C3362; opacity: .9; }
}

/* Quiénes somos: foto hasta el borde derecho y título con aire */
body.pagina-quienes-somos .svc-hero::after { width: auto !important; right: 0 !important; }
body.pagina-quienes-somos .svc-hero .kicker { display: block; margin-bottom: 1rem; }
body.pagina-quienes-somos .svc-hero h1 { font-size: clamp(2.6rem, 5vw, 4.2rem); line-height: 1.05; margin: 0 0 1.2rem; }
body.pagina-quienes-somos .svc-hero .lead { font-size: clamp(1.02rem, 1.3vw, 1.15rem); line-height: 1.65; margin: 0 0 1.8rem; }

/* Palabra resaltada: "proceso de selección" en dorado con subrayado luminoso */
.resalta {
  color: var(--oro); font-weight: 700; white-space: nowrap;
  background: linear-gradient(transparent 62%, rgba(211, 174, 55, .28) 62%);
  padding: 0 .15em; border-radius: 3px;
}

/* ---------- Capacitación: problema + Kirkpatrick articulados (v2) ---------- */
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow { padding-bottom: clamp(2.4rem, 4vw, 3.2rem) !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .casos-grid > .card::after { content: counter(prob) !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .puente-kp {
  display: flex; align-items: center; justify-content: center; gap: .7rem;
  width: max-content; max-width: 100%; margin: clamp(2rem, 3.5vw, 2.8rem) auto 0;
  padding: .85rem 1.5rem; border-radius: 999px; background: #0C3362; color: #fff !important;
  font-weight: 700; font-size: clamp(.98rem, 1.3vw, 1.08rem); text-align: center; text-decoration: none;
  box-shadow: 0 18px 36px -20px rgba(12, 51, 98, .8); transition: transform .3s, box-shadow .3s;
}
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .puente-kp::after {
  content: ""; width: 1.7rem; height: 1.7rem; flex: none; border-radius: 50%;
  background: #D3AE37 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230C3362' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E") center / 62% no-repeat;
  animation: kpBaja 1.8s ease-in-out infinite;
}
body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .puente-kp:hover { transform: translateY(-2px); box-shadow: 0 22px 40px -18px rgba(12, 51, 98, .9); }
@keyframes kpBaja { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(3px); } }

/* Kirkpatrick: continúa el mismo fondo y el mismo orden visual */
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 {
  background: linear-gradient(180deg, #C3D3E0 0%, #EAF0F6 40%, #F7F5F1 100%) !important;
  padding-top: clamp(2.6rem, 4.5vw, 3.6rem) !important; scroll-margin-top: 80px;
}
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .section-head { text-align: center; margin: 0 auto clamp(2.2rem, 4vw, 3rem); max-width: 780px; }
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .section-head .kicker { display: block; text-align: center; color: #D3AE37; text-transform: none !important; letter-spacing: 0 !important; font-size: clamp(1.05rem, 1.6vw, 1.3rem); }
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .section-head .section-title { text-align: center; margin-inline: auto; color: #0C3362; font-size: clamp(2rem, 4vw, 3rem); }
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .section-head .section-sub { text-align: center; margin-inline: auto; color: #0C3362; opacity: .85; font-size: clamp(1.05rem, 1.5vw, 1.2rem); }

body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp {
  position: relative; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1rem, 1.8vw, 1.4rem);
  counter-reset: none; border: 0 !important; background: none !important;
}
/* línea que une los cuatro niveles */
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp::before {
  content: ""; position: absolute; z-index: 0; top: calc(1.5rem + 1.6rem); left: 12%; right: 12%; height: 3px; border-radius: 3px;
  background: linear-gradient(90deg, #D3AE37 0%, #D3AE37 70%, rgba(12, 51, 98, .35) 70%);
}
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp-nivel {
  position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: 1.5rem 1.3rem 1.4rem !important; margin: 0 !important; border-radius: 24px !important;
  background: rgba(255, 255, 255, .9) !important; border: 1px solid rgba(255, 255, 255, .95) !important;
  box-shadow: 0 24px 50px -30px rgba(12, 51, 98, .55) !important;
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s;
}
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp-nivel:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -28px rgba(12, 51, 98, .65) !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp-nivel::before,
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp-nivel::after { display: none !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp-n {
  display: grid !important; place-items: center; width: 3.2rem; height: 3.2rem; margin: 0 auto .9rem !important;
  border-radius: 50%; background: linear-gradient(160deg, #D3AE37, #D3AE37 60%, #D3AE37) !important; color: #0C3362 !important;
  font-size: 1.45rem !important; font-weight: 700; line-height: 1; letter-spacing: 0 !important; opacity: 1 !important;
  box-shadow: 0 0 0 6px #fff, 0 10px 22px -8px rgba(211, 174, 55, .8);
}
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp-nivel h3 { margin: 0 0 .25rem !important; color: #0C3362 !important; font-size: clamp(1.2rem, 1.6vw, 1.35rem) !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp-pregunta { margin: 0 0 .8rem !important; color: #6EA6CD !important; font-weight: 700; font-style: normal !important; font-size: .98rem !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp-nivel > p:not(.kp-pregunta) { margin: 0 0 1.1rem !important; color: #0C3362; opacity: .82; font-size: .95rem !important; line-height: 1.55; flex: 1; }
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp-cuando {
  display: inline-flex !important; align-items: center; gap: .4rem; margin-top: auto !important;
  padding: .45rem .9rem; border-radius: 999px; background: #0C3362 !important; color: #fff !important;
  font-size: .8rem !important; font-weight: 700; text-transform: none !important; letter-spacing: 0 !important;
}
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp-nivel.incluido .kp-cuando::before {
  content: ""; width: .85rem; height: .85rem; background: #D3AE37;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* Nivel 4: aparte, se distingue sin desentonar */
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp-nivel.aparte { background: rgba(255, 255, 255, .55) !important; border: 2px dashed rgba(12, 51, 98, .3) !important; box-shadow: none !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp-nivel.aparte .kp-n { background: #0C3362 !important; color: #fff !important; box-shadow: 0 0 0 6px #EAF0F6; }
body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp-nivel.aparte .kp-cuando { background: transparent !important; color: #0C3362 !important; border: 1.5px solid #0C3362; }

body.pagina-capacitacion-empresarial-medellin #brxe-lh0184 {
  max-width: 820px; margin: clamp(2rem, 3.5vw, 2.6rem) auto 0 !important; text-align: center;
  padding: 1.2rem 1.6rem; border-radius: 18px; background: rgba(255, 255, 255, .7);
  border-left: 4px solid #D3AE37; color: #0C3362; font-size: 1rem !important;
}

@media (max-width: 1099px) {
  body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 1.4rem; }
  body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp::before { display: none; }
}
@media (max-width: 640px) {
  body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .casos-grid { grid-template-columns: 1fr; }
  body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .puente-kp { width: 100%; padding-inline: 1.1rem; font-size: .95rem; }
  body.pagina-capacitacion-empresarial-medellin #brxe-b7ger2 .kp { grid-template-columns: 1fr; }
}
/* fin kp-v2 */

/* ---------- Capacitación: línea de tiempo "90 días para lograrlo" ---------- */
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze {
  position: relative; overflow: hidden; isolation: isolate;
  background:
    radial-gradient(38rem 22rem at 100% 0%, rgba(211, 174, 55, .18), transparent 60%),
    radial-gradient(40rem 26rem at 0% 100%, rgba(110, 166, 205, .28), transparent 60%),
    #0C3362 !important;
}
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .section-head { text-align: center; margin: 0 auto clamp(2.4rem, 4.5vw, 3.4rem); max-width: 780px; }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .section-title { color: #fff !important; text-align: center; margin-inline: auto; font-size: clamp(2.1rem, 4.2vw, 3.2rem); }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .section-title::after { content: ""; display: block; width: 72px; height: 4px; margin: .9rem auto 0; border-radius: 4px; background: #D3AE37; }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl {
  --avance: 0%; --eje: 50%;
  position: relative; display: flex !important; flex-direction: column; gap: clamp(1.4rem, 3vw, 2.2rem);
  max-width: 1040px; margin: 0 auto; padding: .5rem 0 !important; counter-reset: paso; border: 0 !important; background: none !important;
}
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl::before,
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl::after { content: ""; position: absolute; top: 0; left: var(--eje); width: 4px; margin-left: -2px; border-radius: 4px; z-index: 0; }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl::before { bottom: 0; background: rgba(255, 255, 255, .16); }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl::after { height: var(--avance); background: linear-gradient(180deg, #D3AE37, #D3AE37); box-shadow: 0 0 14px rgba(211, 174, 55, .7); transition: height .15s linear; }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item {
  counter-increment: paso; position: relative; z-index: 1; overflow: visible !important;
  width: calc(50% - 3.2rem); margin: 0 !important; padding: clamp(1.4rem, 2.4vw, 1.9rem) !important;
  border-radius: 22px !important; border: 1px solid rgba(255, 255, 255, .9) !important;
  background: rgba(255, 255, 255, .96) !important; color: #0C3362;
  box-shadow: 0 26px 50px -28px rgba(0, 0, 0, .55) !important;
  transition: opacity .7s cubic-bezier(.2, .8, .2, 1), transform .7s cubic-bezier(.2, .8, .2, 1), box-shadow .35s;
}
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item:nth-child(odd) { align-self: flex-start; }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item:nth-child(even) { align-self: flex-end; }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item::before {
  content: counter(paso) !important; position: absolute; top: 1.4rem; display: grid; place-items: center;
  width: 3rem; height: 3rem; border-radius: 50%; z-index: 2;
  background: #0C3362; color: #D3AE37; border: 3px solid #D3AE37;
  font-size: 1.25rem; font-weight: 700; line-height: 1;
  box-shadow: 0 0 0 6px #0C3362; transition: background .4s, color .4s, transform .5s cubic-bezier(.3, 1.6, .5, 1);
  left: auto; right: auto; bottom: auto; margin: 0; opacity: 1;
}
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item:nth-child(odd)::before { right: calc(-3.2rem - 1.5rem); }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item:nth-child(even)::before { left: calc(-3.2rem - 1.5rem); }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item.activo::before { background: #D3AE37; color: #0C3362; }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item::after { content: "" !important; position: absolute; top: 2.3rem; width: 14px; height: 14px; background: #fff; transform: rotate(45deg); border: 0; left: auto; right: auto; bottom: auto; }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item:nth-child(odd)::after { right: -7px; }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item:nth-child(even)::after { left: -7px; }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-dia {
  display: inline-flex !important; align-items: center; gap: .45rem; margin: 0 0 .7rem !important;
  padding: .38rem .85rem; border-radius: 999px; background: rgba(211, 174, 55, .16); color: #0C3362 !important;
  font-size: .85rem !important; font-weight: 700; text-transform: none !important; letter-spacing: 0 !important;
}
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-dia::before {
  content: ""; width: .95rem; height: .95rem; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item h3 { margin: 0 0 .5rem !important; color: #0C3362 !important; font-size: clamp(1.25rem, 1.9vw, 1.5rem) !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item p { margin: 0 !important; color: #0C3362 !important; opacity: .82; font-size: 1rem; line-height: 1.6; }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item:last-child { background: linear-gradient(160deg, #EAF0F6, #fff 55%) !important; border-color: #D3AE37 !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-1gt1k1 {
  position: relative; max-width: 820px; margin: clamp(2.4rem, 4vw, 3rem) auto 0 !important; text-align: center;
  padding: 1.3rem 1.6rem 1.3rem 4rem; border-radius: 18px; color: #fff !important; opacity: 1 !important;
  background: rgba(255, 255, 255, .08); border: 1px solid rgba(211, 174, 55, .55); font-size: 1.02rem !important; line-height: 1.6;
}
body.pagina-capacitacion-empresarial-medellin #brxe-1gt1k1::before {
  content: ""; position: absolute; left: 1.3rem; top: 50%; width: 1.7rem; height: 1.7rem; margin-top: -.85rem; background: #D3AE37;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl.tl-anim .tl-item { opacity: 0; }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl.tl-anim .tl-item:nth-child(odd) { transform: translateX(-48px); }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl.tl-anim .tl-item:nth-child(even) { transform: translateX(48px); }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl.tl-anim .tl-item::before { transform: scale(.3); }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl.tl-anim .tl-item.se-ve { opacity: 1; transform: none; }
body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl.tl-anim .tl-item.se-ve::before { transform: scale(1); }
@media (max-width: 899px) {
  body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl { --eje: 1.5rem; }
  body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item,
  body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item:nth-child(even) { width: auto; align-self: stretch; margin-left: 3.9rem !important; }
  body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item::before,
  body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item:nth-child(odd)::before,
  body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item:nth-child(even)::before { right: auto; left: -3.9rem; }
  body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item::after,
  body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-item:nth-child(odd)::after { right: auto; left: -7px; }
  body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl.tl-anim .tl-item:nth-child(odd),
  body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl.tl-anim .tl-item:nth-child(even) { transform: translateX(40px); }
  body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl.tl-anim .tl-item.se-ve { transform: none; }
  body.pagina-capacitacion-empresarial-medellin #brxe-1gt1k1 { padding: 3.6rem 1.3rem 1.3rem; }
  body.pagina-capacitacion-empresarial-medellin #brxe-1gt1k1::before { left: 50%; top: 1.2rem; margin: 0 0 0 -.85rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl.tl-anim .tl-item { opacity: 1; transform: none; }
}
/* fin tl-90 */

/* ---------- Capacitación: "¿Qué te entregamos?" + puente interno sobre foto ---------- */
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm {
  position: relative; isolation: isolate; overflow: hidden;
  background:
    linear-gradient(180deg, rgba(12, 51, 98, .80) 0%, rgba(12, 51, 98, .68) 45%, rgba(12, 51, 98, .86) 100%),
    url("/wp-content/uploads/2026/10/business-team-collaborating-office-meeting-scaled.jpg") center 35% / cover no-repeat !important;
  padding-block: clamp(3.4rem, 6vw, 5.2rem) !important;
}
@media (min-width: 1024px) and (hover: hover) {
  body.pagina-capacitacion-empresarial-medellin #brxe-lsargm { background-attachment: scroll, fixed !important; }
}
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .section-head { text-align: center; margin: 0 auto clamp(2.2rem, 4vw, 3rem); max-width: 780px; }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .section-title { color: #fff !important; text-align: center; margin-inline: auto; font-size: clamp(2.1rem, 4.2vw, 3.2rem); text-shadow: 0 4px 24px rgba(0, 0, 0, .35); }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .section-title::after { content: ""; display: block; width: 72px; height: 4px; margin: .9rem auto 0; border-radius: 4px; background: #D3AE37; }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .fases { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.5rem); border: 0 !important; background: none !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .fase,
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente > div {
  position: relative; overflow: hidden; isolation: isolate;
  padding: clamp(1.5rem, 2.6vw, 2.1rem) !important; margin: 0 !important; border-radius: 24px !important;
  background: linear-gradient(160deg, rgba(255, 255, 255, .20), rgba(255, 255, 255, .08)) !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: 0 28px 60px -30px rgba(0, 0, 0, .65), inset 0 1px 0 rgba(255, 255, 255, .35) !important;
  color: #fff !important;
  transition: transform .45s cubic-bezier(.2, .8, .2, 1), border-color .35s, background .35s, opacity .7s, box-shadow .35s;
}
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .fase::after,
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente > div::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .28) 48%, transparent 66%);
  transform: translateX(-120%); transition: transform .9s ease;
}
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .fase:hover,
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente > div:hover { transform: translateY(-6px); border-color: rgba(211, 174, 55, .8) !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .fase:hover::after,
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente > div:hover::after { transform: translateX(120%); }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .fase::before { display: none !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .fase .et {
  display: inline-flex !important; align-items: center; margin: 0 0 1rem !important; padding: .4rem .95rem; border-radius: 999px;
  background: linear-gradient(160deg, #D3AE37, #D3AE37 60%, #D3AE37) !important; color: #0C3362 !important;
  font-size: .85rem !important; font-weight: 700; text-transform: none !important; letter-spacing: 0 !important; opacity: 1 !important;
}
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .fase h3,
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente h2 { margin: 0 0 .6rem !important; color: #fff !important; font-size: clamp(1.3rem, 1.9vw, 1.55rem) !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .fase p,
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente p,
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente li { color: rgba(255, 255, 255, .9) !important; opacity: 1 !important; font-size: 1rem; line-height: 1.6; }
body.pagina-capacitacion-empresarial-medellin #brxe-wgf8te { max-width: 780px; margin: clamp(1.8rem, 3vw, 2.4rem) auto 0 !important; text-align: center; color: rgba(255, 255, 255, .85) !important; font-size: .98rem !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente {
  position: relative; display: grid !important; grid-template-columns: 1fr 1fr; gap: clamp(1rem, 2vw, 1.5rem);
  margin: clamp(3.2rem, 5vw, 4.2rem) 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important;
}
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente::before {
  content: "Para que el resultado se sostenga"; position: absolute; left: 50%; top: calc(-.5 * clamp(3.2rem, 5vw, 4.2rem)); transform: translate(-50%, -50%);
  padding: .45rem 1.1rem; border-radius: 999px; white-space: nowrap;
  background: #0C3362; border: 1.5px solid #D3AE37; color: #D3AE37; font-weight: 700; font-size: .9rem;
}
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente > div:first-child { border-left: 4px solid #D3AE37 !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente > div:first-child h2::before {
  content: ""; display: block; width: 2.8rem; height: 2.8rem; margin-bottom: .9rem; background: #D3AE37;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='6.5' r='3'/%3E%3Cpath d='M6.5 20v-1.5a5.5 5.5 0 0 1 11 0V20'/%3E%3Cpath d='M2 14h3M19 14h3M3.5 11.5 5 14l-1.5 2.5M20.5 11.5 19 14l1.5 2.5'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='6.5' r='3'/%3E%3Cpath d='M6.5 20v-1.5a5.5 5.5 0 0 1 11 0V20'/%3E%3Cpath d='M2 14h3M19 14h3M3.5 11.5 5 14l-1.5 2.5M20.5 11.5 19 14l1.5 2.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente > div:first-child p + p { margin-top: .8rem !important; padding-top: .8rem; border-top: 1px solid rgba(255, 255, 255, .2); color: #D3AE37 !important; font-weight: 700; }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente ul { list-style: none !important; margin: .4rem 0 1rem !important; padding: 0 !important; display: grid; gap: .7rem; }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente li { position: relative; padding-left: 2.1rem !important; margin: 0 !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente li::before {
  content: "" !important; position: absolute; left: 0; top: .15rem; width: 1.4rem; height: 1.4rem; border-radius: 50%;
  background: #D3AE37 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230C3362' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 62% no-repeat;
}
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente > div:last-child > p { font-size: .95rem !important; color: rgba(255, 255, 255, .8) !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm.ent-anim .fase,
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm.ent-anim .puente > div { opacity: 0; transform: translateY(36px); }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm.ent-anim .se-ve { opacity: 1 !important; transform: none !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm.ent-anim .se-ve:hover { transform: translateY(-6px) !important; }
@media (max-width: 899px) {
  body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .fases,
  body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente { grid-template-columns: 1fr; }
  body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente::before { white-space: normal; text-align: center; max-width: 90%; }
}
@media (prefers-reduced-motion: reduce) {
  body.pagina-capacitacion-empresarial-medellin #brxe-lsargm.ent-anim .fase,
  body.pagina-capacitacion-empresarial-medellin #brxe-lsargm.ent-anim .puente > div { opacity: 1; transform: none; }
}
/* fin ent-foto */

/* Capacitación: título de competencias centrado (comp-tit) */
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .section-head { text-align: center; margin-inline: auto; max-width: 860px; }
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .section-title { text-align: center; margin-inline: auto; color: #0C3362; font-size: clamp(1.7rem, 3.2vw, 2.5rem); line-height: 1.2; }

/* ---------- Capacitación: competencias con destellos (temas-brillo) ---------- */
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 {
  background:
    radial-gradient(36rem 20rem at 50% 0%, rgba(255, 255, 255, .7), transparent 70%),
    linear-gradient(180deg, #EAF0F6, #C3D3E0) !important;
}
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas {
  display: flex !important; flex-wrap: wrap; justify-content: center; gap: clamp(.8rem, 1.6vw, 1.1rem);
  max-width: 980px; margin: clamp(1.8rem, 3vw, 2.4rem) auto 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
}
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span {
  position: relative; overflow: hidden; isolation: isolate; display: inline-flex !important; align-items: center; gap: .65rem;
  padding: .95rem 1.5rem .95rem 1.15rem !important; margin: 0 !important; border-radius: 999px !important;
  background: linear-gradient(135deg, #0C3362, #0C3362) !important; color: #fff !important;
  border: 1.5px solid rgba(211, 174, 55, .75) !important;
  font-size: clamp(1rem, 1.4vw, 1.12rem) !important; font-weight: 700; text-transform: none !important; letter-spacing: 0 !important;
  box-shadow: 0 16px 34px -18px rgba(12, 51, 98, .8), 0 0 0 0 rgba(211, 174, 55, 0);
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s;
}
/* estrella dorada que titila */
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span::before {
  content: "" !important; flex: none; width: 1.25rem; height: 1.25rem; background: linear-gradient(160deg, #D3AE37, #D3AE37);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5c.6 4.9 2.6 7.9 9.5 10.5-6.9 2.6-8.9 5.6-9.5 10.5-.6-4.9-2.6-7.9-9.5-10.5C9.4 9.4 11.4 6.4 12 1.5z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5c.6 4.9 2.6 7.9 9.5 10.5-6.9 2.6-8.9 5.6-9.5 10.5-.6-4.9-2.6-7.9-9.5-10.5C9.4 9.4 11.4 6.4 12 1.5z'/%3E%3C/svg%3E") center / contain no-repeat;
  animation: temaTitila 2.6s ease-in-out infinite; position: static; border: 0; border-radius: 0;
}
/* destello que recorre cada píldora, escalonado */
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span::after {
  content: "" !important; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, .38) 50%, transparent 65%);
  transform: translateX(-130%); animation: temaBarrido 4.2s ease-in-out infinite;
}
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(2)::after, body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(2)::before { animation-delay: .5s; }
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(3)::after, body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(3)::before { animation-delay: 1s; }
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(4)::after, body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(4)::before { animation-delay: 1.5s; }
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(5)::after, body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(5)::before { animation-delay: 2s; }
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(6)::after, body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(6)::before { animation-delay: 2.5s; }
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(7)::after, body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(7)::before { animation-delay: 3s; }
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:hover { transform: translateY(-4px) scale(1.03); box-shadow: 0 20px 40px -18px rgba(12, 51, 98, .9), 0 0 0 4px rgba(211, 174, 55, .25); }
@keyframes temaBarrido { 0%, 55% { transform: translateX(-130%); } 85%, 100% { transform: translateX(130%); } }
@keyframes temaTitila { 0%, 100% { transform: scale(1) rotate(0); opacity: 1; } 50% { transform: scale(.7) rotate(45deg); opacity: .65; } }
@media (max-width: 640px) {
  body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span::before,
  body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span::after { animation: none; }
}
/* fin temas-brillo */

/* Capacitación: más aire antes del conector del puente (puente-aire) */
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente { margin-top: clamp(4.4rem, 7vw, 5.4rem) !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .puente::before { top: calc(-.5 * clamp(4.4rem, 7vw, 5.4rem)) !important; }

/* ---------- Capacitación: competencias con destello que gira por el contorno (temas-contorno) ---------- */
@property --tema-ang { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span { border-color: rgba(211, 174, 55, .3) !important; animation: temaPulso 3.2s ease-in-out infinite; }
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span::after {
  inset: 0 !important; z-index: 1 !important; border-radius: inherit; padding: 2px;
  background: conic-gradient(from var(--tema-ang), transparent 0deg, transparent 230deg, rgba(211, 174, 55, .6) 290deg, #EAF0F6 330deg, #D3AE37 350deg, transparent 360deg) !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  transform: none !important; animation: temaGiro 3.2s linear infinite !important;
}
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(2)::after { animation-delay: -.45s !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(3)::after { animation-delay: -.9s !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(4)::after { animation-delay: -1.35s !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(5)::after { animation-delay: -1.8s !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(6)::after { animation-delay: -2.25s !important; }
body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span:nth-child(7)::after { animation-delay: -2.7s !important; }
@keyframes temaGiro { to { --tema-ang: 360deg; } }
@keyframes temaPulso {
  0%, 100% { box-shadow: 0 16px 34px -18px rgba(12, 51, 98, .8), 0 0 0 0 rgba(211, 174, 55, 0); }
  50% { box-shadow: 0 16px 34px -18px rgba(12, 51, 98, .8), 0 0 22px 2px rgba(211, 174, 55, .35); }
}
@media (prefers-reduced-motion: reduce) {
  body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span,
  body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .temas > span::after { animation: none !important; }
}
/* fin temas-contorno */

/* Capacitación: foto propia en preguntas frecuentes (faq-foto-cap) */
body.pagina-capacitacion-empresarial-medellin #faq .section-head::after {
  background-image: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(12, 51, 98, .55)), url("/wp-content/uploads/2026/10/cheerful-professional-woman-wearing-glasses-with-bright-smile-leading-diverse-team-colleagues-contemporary-workplace-environment-1536x861.jpg") !important;
  background-position: 0 0, 50% 30% !important;
}

/* Retención: nueva foto del banner (ret-foto-2) */
body.pagina-retencion-de-talento-medellin .svc-hero { --svc-foto: url("/wp-content/uploads/2026/10/they-are-best-business-team-portrait-diverse-group-work-colleagues-1536x997.jpg") !important; }
body.pagina-retencion-de-talento-medellin .svc-hero::after { background-image: var(--svc-foto) !important; }

/* Retención: encabezado del problema centrado (ret-centro) */
body.pagina-retencion-de-talento-medellin #brxe-3c223c { text-align: center; margin-inline: auto; max-width: 820px; }
body.pagina-retencion-de-talento-medellin #brxe-3c223c .section-title,
body.pagina-retencion-de-talento-medellin #brxe-3c223c .section-sub { text-align: center; margin-inline: auto; }

/* ---------- Retención: tarjetas del problema (ret-tarjetas) ---------- */
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 { position: relative; overflow: hidden; isolation: isolate;
  background: radial-gradient(40rem 22rem at 100% 0%, rgba(211, 174, 55,.16), transparent 60%), radial-gradient(44rem 26rem at 0% 100%, rgba(110,166,205,.35), transparent 60%), linear-gradient(160deg, #EAF0F6 0%, #EAF0F6 45%, #C3D3E0 100%) !important; }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .section-head { margin-bottom: clamp(2.2rem, 4vw, 3rem) !important; }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .section-title { color: #0C3362 !important; font-size: clamp(2rem, 4vw, 3rem); }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .section-sub { color: #0C3362 !important; opacity: .85; font-size: clamp(1.05rem, 1.5vw, 1.2rem); }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list { counter-reset: dolor; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.6rem); list-style: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li { counter-increment: dolor; position: relative; overflow: hidden; isolation: isolate; display: block !important;
  padding: calc(clamp(1.6rem, 2.6vw, 2.2rem) + 4.6rem) clamp(1.6rem, 2.6vw, 2.2rem) clamp(1.6rem, 2.6vw, 2.2rem) !important; margin: 0 !important;
  border-radius: 24px !important; background: rgba(255,255,255,.85) !important; border: 1px solid rgba(255,255,255,.95) !important;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: 0 26px 54px -30px rgba(12,51,98,.5) !important;
  transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .35s, border-color .35s, opacity .7s; }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li:nth-child(1) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7.5' r='3.5'/%3E%3Cpath d='M2.5 20v-1a6.5 6.5 0 0 1 11.6-4'/%3E%3Cpath d='M16 17h6M19.5 14.5 22 17l-2.5 2.5'/%3E%3C/svg%3E"); }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li:nth-child(2) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.6 10.8c.7.6 1.1 1.3 1.1 2.2h5c0-.9.4-1.6 1.1-2.2A6 6 0 0 0 12 3z'/%3E%3C/svg%3E"); }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li:nth-child(3) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2.5 2M9.5 2.5h5M19 5.5l1.5-1.5'/%3E%3C/svg%3E"); }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li:nth-child(4) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='4.5'/%3E%3Ccircle cx='12' cy='12' r='1' fill='black'/%3E%3Cpath d='M12 1.5v3M12 19.5v3M1.5 12h3M19.5 12h3'/%3E%3C/svg%3E"); }
/* baldosa azul con ícono dorado */
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li::before { content: "" !important; position: absolute; top: clamp(1.6rem, 2.6vw, 2.2rem); left: clamp(1.6rem, 2.6vw, 2.2rem); width: 3.8rem; height: 3.8rem; border-radius: 18px;
  background: linear-gradient(160deg, #D3AE37, #D3AE37 60%, #D3AE37) center / 58% no-repeat, #0C3362;
  -webkit-mask: none; mask: none; z-index: 2; box-shadow: 0 12px 24px -12px rgba(12,51,98,.8); }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li .ret-ico { display: none; }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li::after { content: counter(dolor) !important; position: absolute; top: .4rem; right: 1.3rem; z-index: -1;
  font-size: 5.5rem; font-weight: 700; line-height: 1; color: rgba(12,51,98,.07); transition: color .4s, transform .5s; }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li > strong { display: block; margin: 0 0 .55rem; color: #0C3362 !important; font-size: clamp(1.2rem, 1.8vw, 1.4rem); line-height: 1.25; }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li > p { margin: 0 !important; color: #0C3362 !important; opacity: .82; font-size: 1rem; line-height: 1.6; }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li:hover { transform: translateY(-8px); border-color: rgba(211, 174, 55,.9) !important; box-shadow: 0 34px 64px -30px rgba(12,51,98,.6), 0 0 0 4px rgba(211, 174, 55,.15) !important; }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li:hover::after { color: rgba(211, 174, 55,.3); transform: scale(1.08); }
/* destello que cruza al pasar el mouse */
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li > strong::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(115deg, transparent 30%, rgba(211, 174, 55,.18) 48%, transparent 66%); transform: translateX(-120%); transition: transform .9s ease; }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li:hover > strong::after { transform: translateX(120%); }
/* entrada en cascada */
body.pagina-retencion-de-talento-medellin #brxe-maz2o9.ret-anim .pain-list > li { opacity: 0; transform: translateY(40px) scale(.97); }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9.ret-anim .pain-list > li.se-ve { opacity: 1; transform: none; }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9.ret-anim .pain-list > li.se-ve:hover { transform: translateY(-8px); }
@media (max-width: 640px) { body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { body.pagina-retencion-de-talento-medellin #brxe-maz2o9.ret-anim .pain-list > li { opacity: 1; transform: none; } }
/* fin ret-tarjetas */

body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li::before { background: #0C3362 !important; }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li > .ret-ico, body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li { --x: 0; }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li { background-image: none; }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li > strong { position: static; }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li .ret-ico { display: block !important; position: absolute; top: calc(clamp(1.6rem, 2.6vw, 2.2rem) + .8rem); left: calc(clamp(1.6rem, 2.6vw, 2.2rem) + .8rem); width: 2.2rem; height: 2.2rem; z-index: 3;
  background: linear-gradient(160deg, #D3AE37, #D3AE37 60%, #D3AE37); -webkit-mask: var(--icono) center / contain no-repeat; mask: var(--icono) center / contain no-repeat; transition: transform .5s cubic-bezier(.3,1.6,.5,1); }
body.pagina-retencion-de-talento-medellin #brxe-maz2o9 .pain-list > li:hover .ret-ico { transform: rotate(-8deg) scale(1.12); }
/* fin ret-ico */

/* Retención: "¿Cómo trabajamos?" centrado (ret-como) */
body.pagina-retencion-de-talento-medellin #brxe-pruc9e { text-align: center; margin-inline: auto; max-width: 820px; }
body.pagina-retencion-de-talento-medellin #brxe-pruc9e .section-title,
body.pagina-retencion-de-talento-medellin #brxe-pruc9e .section-sub { text-align: center; margin-inline: auto; }

/* Retención: "¿Qué revisamos?" (ret-revisa) */
body.pagina-retencion-de-talento-medellin #brxe-w7gtcr { text-align: center; margin-inline: auto; max-width: 820px; }
body.pagina-retencion-de-talento-medellin #brxe-w7gtcr .kicker { display: block; text-align: center; color: #D3AE37; text-transform: none !important; letter-spacing: 0 !important; font-size: clamp(1.05rem, 1.6vw, 1.3rem); }
body.pagina-retencion-de-talento-medellin #brxe-w7gtcr .section-title,
body.pagina-retencion-de-talento-medellin #brxe-w7gtcr .section-sub { text-align: center; margin-inline: auto; }

/* Retención: "¿Cómo trabajamos?" sobre foto (ret-como-foto) */

body.pagina-retencion-de-talento-medellin #brxe-d609a3{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(234, 240, 246,.62) 0%,rgba(234, 240, 246,.5) 50%,rgba(195,211,224,.72) 100%),url("/wp-content/uploads/2026/10/person-expressing-appreciation-their-workmates-1536x1024.jpg") center 30%/cover no-repeat!important;padding-block:clamp(3.4rem,6vw,5.2rem)!important}
body.pagina-retencion-de-talento-medellin #brxe-d609a3 .section-title{color:#0C3362!important;font-size:clamp(2.1rem,4.2vw,3.2rem)}
body.pagina-retencion-de-talento-medellin #brxe-d609a3 .section-sub{color:#0C3362!important;font-weight:700;opacity:1!important;text-shadow:0 1px 12px rgba(255,255,255,.9)}
body.pagina-retencion-de-talento-medellin #brxe-d609a3 .steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,1.8vw,1.4rem);margin-top:clamp(2rem,3.5vw,2.8rem)!important;border:0!important;background:none!important}
body.pagina-retencion-de-talento-medellin #brxe-d609a3 .step{position:relative;overflow:hidden;padding:1.6rem 1.4rem!important;margin:0!important;border-radius:24px!important;background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.85)!important;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 26px 54px -30px rgba(12,51,98,.55)!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s,background .35s,opacity .7s}
body.pagina-retencion-de-talento-medellin #brxe-d609a3 .step::before,body.pagina-retencion-de-talento-medellin #brxe-d609a3 .step::after{display:none!important}
body.pagina-retencion-de-talento-medellin #brxe-d609a3 .step:hover{transform:translateY(-8px);background:rgba(255,255,255,.78)!important;border-color:#D3AE37!important}
body.pagina-retencion-de-talento-medellin #brxe-d609a3 .step-n{display:grid!important;place-items:center;width:3rem;height:3rem;margin:0 0 1rem!important;border-radius:50%;background:linear-gradient(160deg,#D3AE37,#D3AE37 60%,#D3AE37)!important;color:#0C3362!important;font-size:1.35rem!important;font-weight:700;letter-spacing:0!important;opacity:1!important;box-shadow:0 10px 22px -8px rgba(211, 174, 55,.8)}
body.pagina-retencion-de-talento-medellin #brxe-d609a3 .step h3{margin:0 0 .5rem!important;color:#0C3362!important;font-size:clamp(1.2rem,1.6vw,1.35rem)!important}
body.pagina-retencion-de-talento-medellin #brxe-d609a3 .step p{margin:0!important;color:#0C3362!important;opacity:.9;font-size:.98rem;line-height:1.55}
@media (max-width:1099px){body.pagina-retencion-de-talento-medellin #brxe-d609a3 .steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){body.pagina-retencion-de-talento-medellin #brxe-d609a3 .steps{grid-template-columns:1fr}}
/* fin ret-como-foto */

/* ---------- Retención: "¿Qué revisamos?" en azul oscuro (ret-causas) ---------- */
body.pagina-retencion-de-talento-medellin #brxe-u4amxm { position: relative; overflow: hidden; isolation: isolate;
  background: radial-gradient(38rem 22rem at 100% 0%, rgba(211, 174, 55,.2), transparent 60%), radial-gradient(40rem 26rem at 0% 100%, rgba(110,166,205,.3), transparent 60%), #0C3362 !important; }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .section-head { margin-bottom: clamp(2.4rem, 4.5vw, 3.2rem) !important; }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .kicker { color: #D3AE37 !important; }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .section-title { color: #fff !important; font-size: clamp(2.1rem, 4.2vw, 3.2rem); }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .section-title::after { content: ""; display: block; width: 72px; height: 4px; margin: .9rem auto 0; border-radius: 4px; background: #D3AE37; }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .section-sub { color: rgba(255,255,255,.88) !important; opacity: 1 !important; }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .niveles { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.6rem); border: 0 !important; background: none !important; }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .nivel { position: relative; overflow: hidden; isolation: isolate; display: flex !important; flex-direction: column; align-items: flex-start;
  padding: clamp(1.7rem, 2.6vw, 2.2rem) !important; padding-top: calc(clamp(1.7rem, 2.6vw, 2.2rem) + 5rem) !important; margin: 0 !important;
  border-radius: 24px !important; background: #fff !important; border: 1px solid rgba(255,255,255,.9) !important;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,.6) !important; transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .35s, opacity .7s; }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .nivel:nth-child(1) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='7' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M2.5 20v-1a5.5 5.5 0 0 1 11 0v1M13.5 20v-.5a4 4 0 0 1 8 0v.5'/%3E%3Cpath d='M11 4.5l2-2M11 2.5h2v2' /%3E%3C/svg%3E"); }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .nivel:nth-child(2) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3.5h4v2.2a1.8 1.8 0 1 0 3.6 0V3.5H20v4h-2.2a1.8 1.8 0 1 0 0 3.6H20V20h-4v-2.2a1.8 1.8 0 1 0-3.6 0V20H4v-8.9h2.2a1.8 1.8 0 1 0 0-3.6H4v-4h5z'/%3E%3C/svg%3E"); }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .nivel:nth-child(3) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20h4v-4h4v-4h4V8h4V4'/%3E%3Cpath d='M16 4h3v3'/%3E%3C/svg%3E"); }
/* franja dorada superior */
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .nivel::before { content: "" !important; position: absolute; inset: 0 0 auto 0; height: 5px; background: linear-gradient(90deg, #D3AE37, #D3AE37, #D3AE37); display: block !important; border: 0; border-radius: 0; width: auto; }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .nivel > .ret-ico { position: absolute; top: clamp(1.7rem, 2.6vw, 2.2rem); left: clamp(1.7rem, 2.6vw, 2.2rem); width: 3.8rem; height: 3.8rem; border-radius: 18px; background: #0C3362; display: grid; place-items: center; box-shadow: 0 12px 24px -12px rgba(12,51,98,.8); transition: transform .5s cubic-bezier(.3,1.6,.5,1); }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .nivel > .ret-ico::before { content: ""; width: 2.1rem; height: 2.1rem; background: linear-gradient(160deg, #D3AE37, #D3AE37 60%, #D3AE37); -webkit-mask: var(--icono) center / contain no-repeat; mask: var(--icono) center / contain no-repeat; }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .nivel h3 { margin: 0 0 .6rem !important; color: #0C3362 !important; font-size: clamp(1.25rem, 1.8vw, 1.45rem) !important; line-height: 1.25; }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .nivel p { margin: 0 0 1.2rem !important; color: #0C3362 !important; opacity: .82; font-size: 1rem; line-height: 1.6; flex: 1; }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .nivel .rec { position: absolute !important; top: calc(clamp(1.7rem, 2.6vw, 2.2rem) + .9rem); right: clamp(1.2rem, 2vw, 1.6rem); left: auto !important; bottom: auto !important;
  display: inline-flex !important; align-items: center; gap: .35rem; margin: 0 !important; padding: .4rem .85rem !important; border-radius: 999px !important;
  background: rgba(211, 174, 55,.16) !important; color: #0C3362 !important; border: 1px solid rgba(211, 174, 55,.6) !important;
  font-size: .8rem !important; font-weight: 700; text-transform: none !important; letter-spacing: 0 !important; transform: none !important; }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .nivel:hover { transform: translateY(-10px); box-shadow: 0 40px 70px -30px rgba(0,0,0,.7), 0 0 0 3px rgba(211, 174, 55,.55) !important; }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .nivel:hover > .ret-ico { transform: rotate(-6deg) scale(1.08); }
/* destello al pasar */
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .nivel::after { content: "" !important; position: absolute; inset: 0; z-index: -1; pointer-events: none; display: block !important;
  background: linear-gradient(115deg, transparent 30%, rgba(211, 174, 55,.16) 48%, transparent 66%); transform: translateX(-120%); transition: transform .9s ease; }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm .nivel:hover::after { transform: translateX(120%); }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm.ret-anim .nivel { opacity: 0; transform: translateY(44px); }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm.ret-anim .nivel.se-ve { opacity: 1; transform: none; }
body.pagina-retencion-de-talento-medellin #brxe-u4amxm.ret-anim .nivel.se-ve:hover { transform: translateY(-10px); }
@media (max-width: 899px) { body.pagina-retencion-de-talento-medellin #brxe-u4amxm .niveles { grid-template-columns: 1fr; max-width: 560px; margin-inline: auto; } }
@media (prefers-reduced-motion: reduce) { body.pagina-retencion-de-talento-medellin #brxe-u4amxm.ret-anim .nivel { opacity: 1; transform: none; } }
/* fin ret-causas */

/* Retención: foto propia en preguntas frecuentes (faq-foto-ret) */
body.pagina-retencion-de-talento-medellin #faq .section-head::after {
  background-image: linear-gradient(rgba(0,0,0,0) 55%, rgba(12,51,98,.55)), url("/wp-content/uploads/2026/10/close-up-portrait-pretty-female-manager-from-sales-department-indoor-photo-smiling-woman-working-office-with-discussing-people-1536x1024.jpg") !important;
  background-position: 0 0, 50% 30% !important;
}

/* Headhunting: "¿Cuándo se necesita?" (hh-cuando) */
body.pagina-headhunting-medellin #brxe-agqn3h { text-align: center; margin-inline: auto; max-width: 860px; }
body.pagina-headhunting-medellin #brxe-agqn3h .kicker { display: block; text-align: center; color: #D3AE37; text-transform: none !important; letter-spacing: 0 !important; font-size: clamp(1.05rem, 1.6vw, 1.3rem); }
body.pagina-headhunting-medellin #brxe-agqn3h .section-title,
body.pagina-headhunting-medellin #brxe-agqn3h .section-sub { text-align: center; margin-inline: auto; }

/* ---------- Headhunting: "¿Cuándo se necesita?" en tarjetas (hh-casos) ---------- */
body.pagina-headhunting-medellin #brxe-y1jqi9 { position: relative; overflow: hidden; isolation: isolate;
  background: radial-gradient(40rem 22rem at 100% 0%, rgba(211, 174, 55,.16), transparent 60%), radial-gradient(44rem 26rem at 0% 100%, rgba(110,166,205,.35), transparent 60%), linear-gradient(160deg, #EAF0F6 0%, #EAF0F6 45%, #C3D3E0 100%) !important; }
body.pagina-headhunting-medellin #brxe-y1jqi9 .section-head { margin-bottom: clamp(2.2rem, 4vw, 3rem) !important; }
body.pagina-headhunting-medellin #brxe-y1jqi9 .section-title { color: #0C3362 !important; font-size: clamp(2rem, 3.8vw, 2.9rem); line-height: 1.15; }
body.pagina-headhunting-medellin #brxe-y1jqi9 .section-sub { color: #0C3362 !important; opacity: .85; font-size: clamp(1.05rem, 1.5vw, 1.2rem); }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-casos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.6rem); counter-reset: caso; }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso { counter-increment: caso; position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: 3.8rem 1fr; column-gap: 1.2rem; align-items: start;
  padding: clamp(1.6rem, 2.6vw, 2.1rem); border-radius: 24px; background: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.95);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: 0 26px 54px -30px rgba(12,51,98,.5);
  transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .35s, border-color .35s, opacity .7s; }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso:nth-child(1) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10' rx='2.5'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3Ccircle cx='12' cy='15.5' r='1.4' fill='black'/%3E%3C/svg%3E"); }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso:nth-child(2) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h12l3.5 5L12 20.5 2.5 8.5z'/%3E%3Cpath d='M2.5 8.5h19M9 3.5 7.5 8.5 12 20.5l4.5-12L15 3.5'/%3E%3C/svg%3E"); }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso:nth-child(3) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M5 21h14'/%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M7 7 4 13a3 3 0 0 0 6 0zM17 7l-3 6a3 3 0 0 0 6 0z'/%3E%3C/svg%3E"); }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso:nth-child(4) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-14.7-4.4L3.5 9'/%3E%3Cpath d='M3.5 4v5h5'/%3E%3Cpath d='M4 13a8 8 0 0 0 14.7 4.4L20.5 15'/%3E%3Cpath d='M20.5 20v-5h-5'/%3E%3C/svg%3E"); }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso::before { content: ""; grid-row: 1 / span 3; width: 3.8rem; height: 3.8rem; border-radius: 18px;
  background: linear-gradient(160deg, #D3AE37, #D3AE37 60%, #D3AE37) center / 2.1rem 2.1rem no-repeat, #0C3362;
  -webkit-mask: none; box-shadow: 0 12px 24px -12px rgba(12,51,98,.8); }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso > .hh-ico { display: none; }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso::after { content: counter(caso); position: absolute; top: .3rem; right: 1.2rem; z-index: -1; font-size: 5rem; font-weight: 700; line-height: 1; color: rgba(12,51,98,.06); transition: color .4s; }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso h3 { grid-column: 2; margin: .2rem 0 .55rem !important; color: #0C3362 !important; font-size: clamp(1.2rem, 1.8vw, 1.4rem) !important; line-height: 1.25; }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso .hh-caso-etq { grid-column: 2; justify-self: start; display: inline-flex; align-items: center; gap: .4rem; margin: 0 0 .6rem; padding: .3rem .75rem; border-radius: 999px;
  background: rgba(211, 174, 55,.16); color: #0C3362; font-size: .8rem; font-weight: 700; text-transform: none; letter-spacing: 0; }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso p { grid-column: 2; margin: 0 !important; color: #0C3362 !important; opacity: .84; font-size: 1rem; line-height: 1.6; }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso:hover { transform: translateY(-8px); border-color: rgba(211, 174, 55,.9); box-shadow: 0 34px 64px -30px rgba(12,51,98,.6), 0 0 0 4px rgba(211, 174, 55,.15); }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso:hover::after { color: rgba(211, 174, 55,.32); }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso .hh-ico-real { position: absolute; top: calc(clamp(1.6rem, 2.6vw, 2.1rem) + .85rem); left: calc(clamp(1.6rem, 2.6vw, 2.1rem) + .85rem); width: 2.1rem; height: 2.1rem;
  background: linear-gradient(160deg, #D3AE37, #D3AE37 60%, #D3AE37); -webkit-mask: var(--icono) center / contain no-repeat; mask: var(--icono) center / contain no-repeat; transition: transform .5s cubic-bezier(.3,1.6,.5,1); }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso::before { background: #0C3362 !important; }
body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso:hover .hh-ico-real { transform: rotate(-8deg) scale(1.12); }
body.pagina-headhunting-medellin #brxe-y1jqi9.hh-anim .hh-caso { opacity: 0; transform: translateY(40px) scale(.97); }
body.pagina-headhunting-medellin #brxe-y1jqi9.hh-anim .hh-caso.se-ve { opacity: 1; transform: none; }
body.pagina-headhunting-medellin #brxe-y1jqi9.hh-anim .hh-caso.se-ve:hover { transform: translateY(-8px); }
@media (max-width: 760px) { body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-casos { grid-template-columns: 1fr; } }
@media (max-width: 420px) { body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso { grid-template-columns: 1fr; } body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso::before { grid-row: auto; margin-bottom: 1rem; } body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso h3, body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso .hh-caso-etq, body.pagina-headhunting-medellin #brxe-y1jqi9 .hh-caso p { grid-column: 1; } }
@media (prefers-reduced-motion: reduce) { body.pagina-headhunting-medellin #brxe-y1jqi9.hh-anim .hh-caso { opacity: 1; transform: none; } }
/* fin hh-casos */

/* Headhunting: "¿Cómo trabajamos?" (hh-como) */
body.pagina-headhunting-medellin #brxe-z6hvuc { text-align: center; margin-inline: auto; max-width: 860px; }
body.pagina-headhunting-medellin #brxe-z6hvuc .kicker { display: block; text-align: center; color: #D3AE37; text-transform: none !important; letter-spacing: 0 !important; font-size: clamp(1.05rem, 1.6vw, 1.3rem); }
body.pagina-headhunting-medellin #brxe-z6hvuc .section-title,
body.pagina-headhunting-medellin #brxe-z6hvuc .section-sub { text-align: center; margin-inline: auto; }

/* ---------- Headhunting: "¿Cómo trabajamos?" en azul con pasos que se encienden (hh-pasos) ---------- */
body.pagina-headhunting-medellin #brxe-u2j3n3 { position: relative; overflow: hidden; isolation: isolate;
  background: radial-gradient(38rem 22rem at 100% 0%, rgba(211, 174, 55,.2), transparent 60%), radial-gradient(40rem 26rem at 0% 100%, rgba(110,166,205,.3), transparent 60%), #0C3362 !important; }
body.pagina-headhunting-medellin #brxe-u2j3n3 .kicker { color: #D3AE37 !important; }
body.pagina-headhunting-medellin #brxe-u2j3n3 .section-title { color: #fff !important; font-size: clamp(2.1rem, 4.2vw, 3.2rem); }
body.pagina-headhunting-medellin #brxe-u2j3n3 .section-title::after { content: ""; display: block; width: 72px; height: 4px; margin: .9rem auto 0; border-radius: 4px; background: #D3AE37; }
body.pagina-headhunting-medellin #brxe-u2j3n3 .section-sub { color: rgba(255,255,255,.88) !important; opacity: 1 !important; }
body.pagina-headhunting-medellin #brxe-u2j3n3 .process-steps { --avance: 0%; position: relative; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1rem, 1.8vw, 1.4rem); margin-top: clamp(2.4rem, 4vw, 3.2rem) !important; border: 0 !important; background: none !important; counter-reset: none; }
/* riel que une los pasos y se llena */
body.pagina-headhunting-medellin #brxe-u2j3n3 .process-steps::before, body.pagina-headhunting-medellin #brxe-u2j3n3 .process-steps::after { content: "" !important; position: absolute; top: calc(1.6rem + 1.6rem); left: 12%; height: 3px; border-radius: 3px; z-index: 0; display: block !important; }
body.pagina-headhunting-medellin #brxe-u2j3n3 .process-steps::before { right: 12%; background: rgba(255,255,255,.16); }
body.pagina-headhunting-medellin #brxe-u2j3n3 .process-steps::after { width: calc(76% * var(--avance) / 100%); width: var(--ancho, 0%); background: linear-gradient(90deg, #D3AE37, #D3AE37); box-shadow: 0 0 14px rgba(211, 174, 55,.7); transition: width .25s linear; }
body.pagina-headhunting-medellin #brxe-u2j3n3 .step { position: relative; z-index: 1; display: flex !important; flex-direction: column; align-items: center; text-align: center;
  padding: 1.6rem 1.3rem 1.7rem !important; margin: 0 !important; border-radius: 24px !important;
  background: linear-gradient(160deg, rgba(255,255,255,.12), rgba(255,255,255,.04)) !important; border: 1px solid rgba(255,255,255,.18) !important;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 28px 60px -30px rgba(0,0,0,.6) !important;
  transition: transform .45s cubic-bezier(.2,.8,.2,1), background .5s, border-color .5s, box-shadow .5s, opacity .7s; }
body.pagina-headhunting-medellin #brxe-u2j3n3 .step::before, body.pagina-headhunting-medellin #brxe-u2j3n3 .step::after { display: none !important; }
body.pagina-headhunting-medellin #brxe-u2j3n3 .step:nth-child(1) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3.5H6.5a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V9z'/%3E%3Cpath d='M14 3.5V9h5.5M8 13h8M8 16.5h5'/%3E%3C/svg%3E"); }
body.pagina-headhunting-medellin #brxe-u2j3n3 .step:nth-child(2) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4 3.5 6v14L9 18l6 2 5.5-2V4L15 6z'/%3E%3Cpath d='M9 4v14M15 6v14'/%3E%3C/svg%3E"); }
body.pagina-headhunting-medellin #brxe-u2j3n3 .step:nth-child(3) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 7.5 6l3 1.5L14 5l7 5.5'/%3E%3Cpath d='M3 10.5l6.5 6a1.6 1.6 0 0 0 2.3 0l.7-.7M21 10.5l-5 5-2.5-2.5'/%3E%3Cpath d='M12.5 15.8l-1.7-1.7M14.6 13.6l-1.8-1.8'/%3E%3C/svg%3E"); }
body.pagina-headhunting-medellin #brxe-u2j3n3 .step:nth-child(4) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Cpath d='M3 19v-.5a5 5 0 0 1 10 0v.5'/%3E%3Cpath d='m15 10 2 2 4-4.5'/%3E%3Cpath d='M15.5 16h5M15.5 19h5'/%3E%3C/svg%3E"); }
body.pagina-headhunting-medellin #brxe-u2j3n3 .step-n { display: grid !important; place-items: center; width: 3.2rem; height: 3.2rem; margin: 0 auto 1rem !important; border-radius: 50%;
  background: #0C3362 !important; color: #D3AE37 !important; border: 3px solid #D3AE37; font-size: 1.35rem !important; font-weight: 700; line-height: 1; letter-spacing: 0 !important; opacity: 1 !important;
  box-shadow: 0 0 0 6px #0C3362; transition: background .45s, color .45s, transform .5s cubic-bezier(.3,1.6,.5,1); }
body.pagina-headhunting-medellin #brxe-u2j3n3 .step .hh-paso-ico { display: block; width: 2.4rem; height: 2.4rem; margin: 0 auto .8rem; background: rgba(255,255,255,.55);
  -webkit-mask: var(--icono) center / contain no-repeat; mask: var(--icono) center / contain no-repeat; transition: background .45s, transform .5s; }
body.pagina-headhunting-medellin #brxe-u2j3n3 .step h3 { margin: 0 0 .55rem !important; color: #fff !important; font-size: clamp(1.15rem, 1.6vw, 1.3rem) !important; }
body.pagina-headhunting-medellin #brxe-u2j3n3 .step p { margin: 0 !important; color: rgba(255,255,255,.82) !important; opacity: 1 !important; font-size: .97rem; line-height: 1.55; }
/* paso encendido */
body.pagina-headhunting-medellin #brxe-u2j3n3 .step.encendido { background: linear-gradient(160deg, rgba(255,255,255,.98), rgba(255,255,255,.92)) !important; border-color: #D3AE37 !important; box-shadow: 0 30px 60px -28px rgba(0,0,0,.65), 0 0 0 3px rgba(211, 174, 55,.35) !important; }
body.pagina-headhunting-medellin #brxe-u2j3n3 .step.encendido .step-n { background: linear-gradient(160deg, #D3AE37, #D3AE37 60%, #D3AE37) !important; color: #0C3362 !important; transform: scale(1.08); }
body.pagina-headhunting-medellin #brxe-u2j3n3 .step.encendido .hh-paso-ico { background: linear-gradient(160deg, #D3AE37, #D3AE37); }
body.pagina-headhunting-medellin #brxe-u2j3n3 .step.encendido h3 { color: #0C3362 !important; }
body.pagina-headhunting-medellin #brxe-u2j3n3 .step.encendido p { color: rgba(12,51,98,.85) !important; }
body.pagina-headhunting-medellin #brxe-u2j3n3 .step:hover { transform: translateY(-8px); }
body.pagina-headhunting-medellin #brxe-u2j3n3 .step:hover .hh-paso-ico { transform: scale(1.12) rotate(-6deg); }
@media (max-width: 1099px) { body.pagina-headhunting-medellin #brxe-u2j3n3 .process-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.pagina-headhunting-medellin #brxe-u2j3n3 .process-steps::before, body.pagina-headhunting-medellin #brxe-u2j3n3 .process-steps::after { display: none !important; } }
@media (max-width: 600px) { body.pagina-headhunting-medellin #brxe-u2j3n3 .process-steps { grid-template-columns: 1fr; } }
/* fin hh-pasos */

/* ---------- Headhunting: modelo de cobro con brillo (hh-cobro) ---------- */
@property --hh-brillo { syntax: "<percentage>"; inherits: false; initial-value: -60%; }
body.pagina-headhunting-medellin #brxe-9jm1rf { position: relative; overflow: hidden; isolation: isolate;
  background: radial-gradient(40rem 22rem at 100% 0%, rgba(211, 174, 55,.14), transparent 60%), radial-gradient(44rem 26rem at 0% 100%, rgba(110,166,205,.22), transparent 60%), #F7F5F1 !important; }
body.pagina-headhunting-medellin #brxe-9jm1rf .section-head { text-align: center; margin: 0 auto clamp(2.4rem, 4.5vw, 3.2rem) !important; max-width: 820px; }
body.pagina-headhunting-medellin #brxe-9jm1rf .kicker { display: block; text-align: center; color: #D3AE37 !important; text-transform: none !important; letter-spacing: 0 !important; font-size: clamp(1.05rem, 1.6vw, 1.3rem); }
body.pagina-headhunting-medellin #brxe-9jm1rf .section-title { text-align: center; margin-inline: auto; color: #0C3362 !important; font-size: clamp(2.1rem, 4.2vw, 3.2rem); }
body.pagina-headhunting-medellin #brxe-9jm1rf .section-head .section-sub { text-align: center; margin-inline: auto; color: #0C3362 !important; opacity: .85; }
body.pagina-headhunting-medellin #brxe-9jm1rf .fases { position: relative; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.2rem, 2.4vw, 2rem); border: 0 !important; background: none !important; }
body.pagina-headhunting-medellin #brxe-9jm1rf .fase { position: relative; overflow: hidden; isolation: isolate; display: flex !important; flex-direction: column; align-items: center; text-align: center;
  padding: 2rem 1.6rem 1.9rem !important; margin: 0 !important; border-radius: 26px !important; background: #fff !important; border: 1px solid rgba(211, 174, 55,.35) !important;
  box-shadow: 0 30px 60px -34px rgba(12,51,98,.5) !important; animation: hhFlota 6s ease-in-out infinite; transition: box-shadow .4s, border-color .4s; }
body.pagina-headhunting-medellin #brxe-9jm1rf .fase:nth-child(2) { animation-delay: -2s; }
body.pagina-headhunting-medellin #brxe-9jm1rf .fase:nth-child(3) { animation-delay: -4s; background: linear-gradient(170deg, #0C3362, #0C3362) !important; border-color: rgba(211, 174, 55,.7) !important; }
body.pagina-headhunting-medellin #brxe-9jm1rf .fase::before { content: "" !important; position: absolute; inset: 0 0 auto 0; height: 5px; display: block !important; background: linear-gradient(90deg, #D3AE37, #D3AE37, #D3AE37); width: auto; border: 0; border-radius: 0; }
body.pagina-headhunting-medellin #brxe-9jm1rf .fase::after { content: "" !important; position: absolute; inset: 0; z-index: -1; display: block !important; pointer-events: none;
  background: linear-gradient(115deg, transparent 35%, rgba(211, 174, 55,.14) 50%, transparent 65%); background-size: 250% 100%; animation: hhBarrido 5s ease-in-out infinite; }
body.pagina-headhunting-medellin #brxe-9jm1rf .fase:hover { animation-play-state: paused; border-color: #D3AE37 !important; box-shadow: 0 40px 70px -30px rgba(12,51,98,.6), 0 0 0 4px rgba(211, 174, 55,.2) !important; }
body.pagina-headhunting-medellin #brxe-9jm1rf .fase-etq { display: inline-flex; align-items: center; margin: 0 0 1rem; padding: .4rem 1rem; border-radius: 999px; font-size: .85rem; font-weight: 700; letter-spacing: 0;
  color: #0C3362; background: linear-gradient(110deg, #D3AE37 0%, #D3AE37 35%, #EAF0F6 50%, #D3AE37 65%, #D3AE37 100%); background-size: 250% 100%; animation: hhChispa 3.2s linear infinite;
  box-shadow: 0 8px 18px -8px rgba(211, 174, 55,.8); }
body.pagina-headhunting-medellin #brxe-9jm1rf .pct { margin: 0 0 .6rem !important; font-size: clamp(3.4rem, 6vw, 4.6rem) !important; font-weight: 700; line-height: 1; letter-spacing: -.02em;
  background: linear-gradient(110deg, #D3AE37 0%, #D3AE37 30%, #EAF0F6 48%, #D3AE37 52%, #D3AE37 70%, #D3AE37 100%) !important; background-size: 250% 100% !important;
  -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important;
  animation: hhChispa 3.2s linear infinite; filter: drop-shadow(0 6px 14px rgba(211, 174, 55,.35)); }
body.pagina-headhunting-medellin #brxe-9jm1rf .fase:nth-child(2) .pct, body.pagina-headhunting-medellin #brxe-9jm1rf .fase:nth-child(2) .fase-etq { animation-delay: -1s; }
body.pagina-headhunting-medellin #brxe-9jm1rf .fase:nth-child(3) .pct, body.pagina-headhunting-medellin #brxe-9jm1rf .fase:nth-child(3) .fase-etq { animation-delay: -2s; }
body.pagina-headhunting-medellin #brxe-9jm1rf .fase h3 { margin: 0 0 .55rem !important; color: #0C3362 !important; font-size: clamp(1.2rem, 1.7vw, 1.4rem) !important; }
body.pagina-headhunting-medellin #brxe-9jm1rf .fase p { margin: 0 !important; color: #0C3362 !important; opacity: .82; font-size: .98rem; line-height: 1.55; }
body.pagina-headhunting-medellin #brxe-9jm1rf .fase:nth-child(3) h3 { color: #fff !important; }
body.pagina-headhunting-medellin #brxe-9jm1rf .fase:nth-child(3) p { color: rgba(255,255,255,.85) !important; opacity: 1; }
body.pagina-headhunting-medellin #brxe-9jm1rf > .container > .section-sub, body.pagina-headhunting-medellin #brxe-9jm1rf #brxe-e6g35k { max-width: 760px; margin: clamp(2rem, 3.5vw, 2.6rem) auto 0 !important; text-align: center; font-size: .95rem; color: #0C3362 !important; opacity: .75; }
@keyframes hhFlota { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes hhChispa { 0% { background-position: 100% 0; } 100% { background-position: -150% 0; } }
@keyframes hhBarrido { 0%, 40% { background-position: 150% 0; } 80%, 100% { background-position: -100% 0; } }
@media (max-width: 899px) { body.pagina-headhunting-medellin #brxe-9jm1rf .fases { grid-template-columns: 1fr; max-width: 520px; margin-inline: auto; } }
@media (prefers-reduced-motion: reduce) { body.pagina-headhunting-medellin #brxe-9jm1rf .fase, body.pagina-headhunting-medellin #brxe-9jm1rf .fase::after, body.pagina-headhunting-medellin #brxe-9jm1rf .pct, body.pagina-headhunting-medellin #brxe-9jm1rf .fase-etq { animation: none !important; } }
/* fin hh-cobro */

/* ---------- Headhunting: cargos sobre foto (hh-cargos) ---------- */
body.pagina-headhunting-medellin #brxe-1g57qd { position: relative; overflow: hidden; isolation: isolate;
  background: linear-gradient(180deg, rgba(12,51,98,.84) 0%, rgba(12,51,98,.7) 50%, rgba(12,51,98,.86) 100%), url("/wp-content/uploads/2026/10/group-successful-businesspeople-standing-row-looking-camera-office-1536x1025.jpg") center 30% / cover no-repeat !important;
  padding-block: clamp(3.4rem, 6vw, 5rem) !important; }
@media (min-width: 1024px) and (hover: hover) { body.pagina-headhunting-medellin #brxe-1g57qd { background-attachment: scroll, fixed !important; } }
body.pagina-headhunting-medellin #brxe-1g57qd .section-head { text-align: center; margin: 0 auto clamp(2rem, 3.5vw, 2.6rem) !important; }
body.pagina-headhunting-medellin #brxe-1g57qd .section-title { text-align: center; margin-inline: auto; color: #fff !important; font-size: clamp(2.1rem, 4.2vw, 3.2rem); text-shadow: 0 4px 24px rgba(0,0,0,.35); }
body.pagina-headhunting-medellin #brxe-1g57qd .section-title::after { content: ""; display: block; width: 72px; height: 4px; margin: .9rem auto 0; border-radius: 4px; background: #D3AE37; }
body.pagina-headhunting-medellin #brxe-1g57qd .perfiles { display: flex !important; flex-wrap: wrap; justify-content: center; gap: clamp(.8rem, 1.6vw, 1.1rem); max-width: 980px; margin: 0 auto !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.pagina-headhunting-medellin #brxe-1g57qd .perfiles > span { position: relative; overflow: hidden; display: inline-flex !important; align-items: center; gap: .6rem; padding: .95rem 1.5rem .95rem 1.15rem !important; margin: 0 !important; border-radius: 999px !important;
  background: rgba(255,255,255,.12) !important; border: 1px solid rgba(255,255,255,.35) !important; color: #fff !important;
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); font-size: clamp(1rem, 1.4vw, 1.1rem) !important; font-weight: 700; text-transform: none !important; letter-spacing: 0 !important;
  box-shadow: 0 16px 34px -18px rgba(0,0,0,.6); transition: transform .35s cubic-bezier(.2,.8,.2,1), background .35s, border-color .35s, color .35s; }
body.pagina-headhunting-medellin #brxe-1g57qd .perfiles > span::before { content: "" !important; flex: none; width: 1.3rem; height: 1.3rem; border-radius: 50%; position: static;
  background: #D3AE37 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230C3362' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 62% no-repeat; }
body.pagina-headhunting-medellin #brxe-1g57qd .perfiles > span:hover { transform: translateY(-4px); background: #fff !important; color: #0C3362 !important; border-color: #D3AE37 !important; }
/* fin hh-cargos */

/* Headhunting: foto propia en preguntas frecuentes (faq-foto-hh) */
body.pagina-headhunting-medellin #faq .section-head::after {
  background-image: linear-gradient(rgba(0,0,0,0) 55%, rgba(12,51,98,.55)), url("/wp-content/uploads/2026/10/smiling-caucasian-businessman-discussing-document-with-biracial-businesswoman-workplace-1536x1024.jpg") !important;
  background-position: 0 0, 50% 30% !important;
}

/* Headhunting: "Modelo de cobro" grande, "Facturación por fases" pequeña (hh-cobro-tit) */
body.pagina-headhunting-medellin #brxe-9jm1rf .section-head .kicker { color: #0C3362 !important; font-size: clamp(2.1rem, 4vw, 3.1rem) !important; font-weight: 700; line-height: 1.1; margin-bottom: .35rem !important; }
body.pagina-headhunting-medellin #brxe-9jm1rf .section-head .section-title { color: #D3AE37 !important; font-size: clamp(1.35rem, 2.3vw, 1.85rem) !important; line-height: 1.25; }

/* Headhunting: "¿Cómo trabajamos?" grande, "Búsqueda directa con método" pequeña (hh-como-tit) */
body.pagina-headhunting-medellin #brxe-u2j3n3 .section-head .kicker { color: #fff !important; font-size: clamp(2.1rem, 4vw, 3.1rem) !important; font-weight: 700; line-height: 1.1; margin-bottom: .35rem !important; }
body.pagina-headhunting-medellin #brxe-u2j3n3 .section-head .section-title { color: #D3AE37 !important; font-size: clamp(1.35rem, 2.3vw, 1.85rem) !important; line-height: 1.25; }

/* Headhunting: "¿Cuándo se necesita?" grande, subtítulo pequeño (hh-cuando-tit) */
body.pagina-headhunting-medellin #brxe-agqn3h .kicker { color: #0C3362 !important; font-size: clamp(2.1rem, 4vw, 3.1rem) !important; font-weight: 700; line-height: 1.1; margin-bottom: .35rem !important; }
body.pagina-headhunting-medellin #brxe-agqn3h .section-title { color: #D3AE37 !important; font-size: clamp(1.35rem, 2.3vw, 1.85rem) !important; line-height: 1.25; }

/* Liderazgo: foto de banner con alguien liderando (lid-foto-3) */
body.pagina-desarrollo-de-liderazgo-medellin .svc-hero { --svc-foto: url("/wp-content/uploads/2026/10/smiling-female-manager-eyeglasses-holding-document-explaining-project-details-coworker-office-1536x1024.jpg") !important; }
body.pagina-desarrollo-de-liderazgo-medellin .svc-hero::after { background-image: var(--svc-foto) !important; }

/* Liderazgo: foto de banner, líder al frente de su equipo (lid-foto-4) */
body.pagina-desarrollo-de-liderazgo-medellin .svc-hero { --svc-foto: url("/wp-content/uploads/2026/10/smiling-successful-caucasian-businessman-formal-wear-with-crossed-arms-standing-office-background-his-team-posing-successful-entrepreneurs-are-givers-takers-positive-energy-1536x1025.jpg") !important; }

/* Liderazgo: foto de banner, líder con su equipo (lid-foto-5) */
html body.pagina-desarrollo-de-liderazgo-medellin .svc-hero { --svc-foto: url("/wp-content/uploads/2026/10/group-business-people-partners-set-team-meeting-modern-office-teamwork-concept-1536x1022.jpg") !important; }

/* ---------- Liderazgo: tarjetas del problema con viñeta dorada (lid-tarjetas) ---------- */
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq { position: relative; overflow: hidden; isolation: isolate;
  background: radial-gradient(42rem 24rem at 100% 0%, rgba(211, 174, 55,.16), transparent 60%), radial-gradient(44rem 26rem at 0% 100%, rgba(110,166,205,.28), transparent 60%), linear-gradient(170deg, #F7F5F1 0%, #EAF0F6 60%, #EAF0F6 100%) !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .section-head { text-align: center; margin: 0 auto clamp(2.4rem, 4.5vw, 3.2rem) !important; max-width: 820px; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .section-title { text-align: center; margin-inline: auto; color: #0C3362 !important; font-size: clamp(2rem, 3.8vw, 2.9rem); line-height: 1.15; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .section-title::after { content: ""; display: block; width: 72px; height: 4px; margin: .9rem auto 0; border-radius: 4px; background: #D3AE37; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .section-sub { text-align: center; margin-inline: auto; color: #0C3362 !important; opacity: .85; font-size: clamp(1.05rem, 1.5vw, 1.2rem); }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.6rem); list-style: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; counter-reset: none; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li { position: relative; overflow: hidden; isolation: isolate; display: block !important;
  padding: clamp(1.6rem, 2.6vw, 2.1rem) clamp(1.6rem, 2.6vw, 2.1rem) clamp(1.6rem, 2.6vw, 2.1rem) calc(clamp(1.6rem, 2.6vw, 2.1rem) + 3.6rem) !important; margin: 0 !important;
  border-radius: 22px !important; background: #fff !important; border: 1px solid rgba(12,51,98,.08) !important;
  box-shadow: 0 24px 50px -30px rgba(12,51,98,.45) !important;
  transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .35s, border-color .35s, opacity .7s; }
/* barra dorada a la izquierda */
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li::after { content: "" !important; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; display: block !important; background: linear-gradient(180deg, #D3AE37, #D3AE37 50%, #D3AE37); transform: scaleY(.35); transform-origin: top; transition: transform .5s cubic-bezier(.2,.8,.2,1); border: 0; border-radius: 0; height: auto; }
/* viñeta dorada */
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li::before { content: "" !important; position: absolute; top: calc(clamp(1.6rem, 2.6vw, 2.1rem) - .1rem); left: clamp(1.4rem, 2.3vw, 1.9rem); display: block !important;
  width: 2.2rem; height: 2.2rem; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #EAF0F6 0%, #D3AE37 30%, #D3AE37 60%, #D3AE37 100%);
  box-shadow: 0 0 0 5px rgba(211, 174, 55,.15), 0 8px 18px -6px rgba(211, 174, 55,.8); animation: lidVineta 2.8s ease-in-out infinite;
  -webkit-mask: none; mask: none; border: 0; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li > .lid-check { position: absolute; top: calc(clamp(1.6rem, 2.6vw, 2.1rem) + .5rem); left: calc(clamp(1.4rem, 2.3vw, 1.9rem) + .5rem); width: 1.2rem; height: 1.2rem; z-index: 2; background: #0C3362;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v8M12 16.5v.5'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v8M12 16.5v.5'/%3E%3C/svg%3E") center / contain no-repeat; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li:nth-child(2)::before { animation-delay: -.7s; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li:nth-child(3)::before { animation-delay: -1.4s; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li:nth-child(4)::before { animation-delay: -2.1s; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li > strong { display: block; margin: .15rem 0 .55rem; color: #0C3362 !important; font-size: clamp(1.2rem, 1.8vw, 1.4rem); line-height: 1.25; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li > p { margin: 0 !important; color: #0C3362 !important; opacity: .82; font-size: 1rem; line-height: 1.6; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li:hover { transform: translateY(-8px); border-color: rgba(211, 174, 55,.7) !important; box-shadow: 0 34px 64px -30px rgba(12,51,98,.55), 0 0 0 4px rgba(211, 174, 55,.14) !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li:hover::after { transform: scaleY(1); }
@keyframes lidVineta { 0%, 100% { box-shadow: 0 0 0 5px rgba(211, 174, 55,.15), 0 8px 18px -6px rgba(211, 174, 55,.8); } 50% { box-shadow: 0 0 0 10px rgba(211, 174, 55,.06), 0 8px 22px -4px rgba(211, 174, 55,.95); } }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq.lid-anim .pain-list > li { opacity: 0; transform: translateY(40px); }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq.lid-anim .pain-list > li.se-ve { opacity: 1; transform: none; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq.lid-anim .pain-list > li.se-ve:hover { transform: translateY(-8px); }
@media (max-width: 760px) { body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li::before { animation: none; } body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq.lid-anim .pain-list > li { opacity: 1; transform: none; } }
/* fin lid-tarjetas */

/* Liderazgo: viñeta en triángulo de alerta (lid-triangulo) */
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li::before { width: 2.5rem !important; height: 2.3rem !important; border-radius: 0 !important;
  background: linear-gradient(170deg, #EAF0F6 0%, #D3AE37 30%, #D3AE37 65%, #D3AE37 100%) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M10.3 1.6a2 2 0 0 1 3.4 0l9.6 16.6a2 2 0 0 1-1.7 3H2.4a2 2 0 0 1-1.7-3z'/%3E%3C/svg%3E") center / contain no-repeat !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M10.3 1.6a2 2 0 0 1 3.4 0l9.6 16.6a2 2 0 0 1-1.7 3H2.4a2 2 0 0 1-1.7-3z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  box-shadow: none !important; animation: none !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li { --tri-x: clamp(1.4rem, 2.3vw, 1.9rem); }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li > .lid-tri-brillo { position: absolute; top: calc(clamp(1.6rem, 2.6vw, 2.1rem) - .1rem); left: var(--tri-x); width: 2.5rem; height: 2.3rem; z-index: 0; pointer-events: none;
  filter: blur(8px); background: rgba(211, 174, 55,.75); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M10.3 1.6a2 2 0 0 1 3.4 0l9.6 16.6a2 2 0 0 1-1.7 3H2.4a2 2 0 0 1-1.7-3z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M10.3 1.6a2 2 0 0 1 3.4 0l9.6 16.6a2 2 0 0 1-1.7 3H2.4a2 2 0 0 1-1.7-3z'/%3E%3C/svg%3E") center / contain no-repeat; animation: lidTriBrillo 2.8s ease-in-out infinite; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li:nth-child(2) > .lid-tri-brillo { animation-delay: -.7s; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li:nth-child(3) > .lid-tri-brillo { animation-delay: -1.4s; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li:nth-child(4) > .lid-tri-brillo { animation-delay: -2.1s; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li > .lid-check { top: calc(clamp(1.6rem, 2.6vw, 2.1rem) + .72rem) !important; left: calc(var(--tri-x) + .65rem) !important; width: 1.2rem !important; height: 1.2rem !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li:hover::before { transform: scale(1.08); transition: transform .4s; }
@keyframes lidTriBrillo { 0%, 100% { opacity: .35; transform: translateY(3px) scale(.95); } 50% { opacity: .9; transform: translateY(3px) scale(1.1); } }
@media (prefers-reduced-motion: reduce) { body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list > li > .lid-tri-brillo { animation: none; } }
/* fin lid-triangulo */

/* Liderazgo: "Cuatro etapas y un solo método" centrado (lid-etapas) */
body.pagina-desarrollo-de-liderazgo-medellin #brxe-fxoh9e { text-align: center; margin-inline: auto; max-width: 860px; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-fxoh9e .section-title,
body.pagina-desarrollo-de-liderazgo-medellin #brxe-fxoh9e .section-sub { text-align: center; margin-inline: auto; }

/* ---------- Liderazgo: "Cuatro etapas" en azul oscuro sobre foto (lid-etapas-foto) ---------- */
body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb { position: relative; overflow: hidden; isolation: isolate;
  background: linear-gradient(180deg, rgba(12,51,98,.8) 0%, rgba(12,51,98,.58) 50%, rgba(12,51,98,.84) 100%), url("/wp-content/uploads/2026/10/entrepreneurs-engaging-business-discussions-collaboratively-seek-solutions-conduct-strategic-analysis-1-1536x678.jpg") center 35% / cover no-repeat !important;
  padding-block: clamp(3.4rem, 6vw, 5.2rem) !important; }
@media (min-width: 1024px) and (hover: hover) { body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb { background-attachment: scroll, fixed !important; } }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .section-title { color: #fff !important; font-size: clamp(2.1rem, 4.2vw, 3.2rem); text-shadow: 0 4px 24px rgba(0,0,0,.35); }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .section-title::after { content: ""; display: block; width: 72px; height: 4px; margin: .9rem auto 0; border-radius: 4px; background: #D3AE37; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .section-sub { color: rgba(255,255,255,.9) !important; opacity: 1 !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .steps { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1rem, 1.8vw, 1.4rem); margin-top: clamp(2.2rem, 4vw, 3rem) !important; border: 0 !important; background: none !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .step { position: relative; overflow: hidden; isolation: isolate; padding: 1.7rem 1.4rem !important; margin: 0 !important; border-radius: 24px !important;
  background: linear-gradient(160deg, rgba(255,255,255,.18), rgba(255,255,255,.06)) !important; border: 1px solid rgba(255,255,255,.3) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: 0 28px 60px -30px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.3) !important;
  transition: transform .45s cubic-bezier(.2,.8,.2,1), border-color .35s, background .35s; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .step::before { display: none !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .step::after { content: "" !important; position: absolute; inset: 0; z-index: -1; display: block !important; pointer-events: none;
  background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.25) 48%, transparent 66%); transform: translateX(-120%); transition: transform .9s ease; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .step:hover { transform: translateY(-8px); border-color: rgba(211, 174, 55,.85) !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .step:hover::after { transform: translateX(120%); }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .step-n { display: grid !important; place-items: center; width: 3rem; height: 3rem; margin: 0 0 1rem !important; border-radius: 50%;
  background: linear-gradient(160deg, #D3AE37, #D3AE37 60%, #D3AE37) !important; color: #0C3362 !important; font-size: 1.35rem !important; font-weight: 700; letter-spacing: 0 !important; opacity: 1 !important;
  box-shadow: 0 10px 22px -8px rgba(211, 174, 55,.8); }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .step h3 { margin: 0 0 .5rem !important; color: #fff !important; font-size: clamp(1.2rem, 1.6vw, 1.35rem) !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .step p { margin: 0 !important; color: rgba(255,255,255,.88) !important; opacity: 1 !important; font-size: .98rem; line-height: 1.55; }
@media (max-width: 1099px) { body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .steps { grid-template-columns: 1fr; } }
/* fin lid-etapas-foto */

/* Liderazgo: "Qué se trabaja" (lid-que) */
body.pagina-desarrollo-de-liderazgo-medellin #brxe-spx5u8 { text-align: center; margin-inline: auto; max-width: 860px; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-spx5u8 .kicker { display: block; text-align: center; color: #D3AE37; text-transform: none !important; letter-spacing: 0 !important; font-size: clamp(1.05rem, 1.6vw, 1.3rem); }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-spx5u8 .section-title,
body.pagina-desarrollo-de-liderazgo-medellin #brxe-spx5u8 .section-sub { text-align: center; margin-inline: auto; }

/* ---------- Liderazgo: competencias en azul oscuro con movimiento (lid-comp) ---------- */
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw { position: relative; overflow: hidden; isolation: isolate;
  background: radial-gradient(38rem 22rem at 0% 0%, rgba(110,166,205,.25), transparent 60%), radial-gradient(40rem 26rem at 100% 100%, rgba(211, 174, 55,.18), transparent 60%), linear-gradient(180deg, #0C3362, #0C3362 60%, #0C3362) !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .section-head { margin-bottom: clamp(2.4rem, 4.5vw, 3.2rem) !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .kicker { color: #D3AE37 !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .section-title { color: #fff !important; font-size: clamp(2.1rem, 4.2vw, 3.2rem); }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .section-title::after { content: ""; display: block; width: 72px; height: 4px; margin: .9rem auto 0; border-radius: 4px; background: #D3AE37; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .section-sub { color: rgba(255,255,255,.88) !important; opacity: 1 !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .niveles { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.6rem); border: 0 !important; background: none !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel { position: relative; overflow: hidden; isolation: isolate; display: flex !important; flex-direction: column; align-items: center; text-align: center;
  padding: clamp(1.8rem, 2.8vw, 2.3rem) clamp(1.5rem, 2.4vw, 2rem) !important; margin: 0 !important; border-radius: 26px !important;
  background: linear-gradient(165deg, #FFFFFF, #EAF0F6) !important; border: 1px solid rgba(255,255,255,.9) !important;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,.65) !important; animation: lidFlota 6s ease-in-out infinite; transition: box-shadow .4s, opacity .7s; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel:nth-child(2) { animation-delay: -2s; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel:nth-child(3) { animation-delay: -4s; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel:nth-child(1) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6.5a2.5 2.5 0 0 1 2.5-2.5h8a2.5 2.5 0 0 1 2.5 2.5v4a2.5 2.5 0 0 1-2.5 2.5H9l-3.5 3v-3H6a2.5 2.5 0 0 1-2.5-2.5z'/%3E%3Cpath d='M16.5 9h1.5A2.5 2.5 0 0 1 20.5 11.5v3A2.5 2.5 0 0 1 18 17h-.5v2.5L14.5 17H12a2.5 2.5 0 0 1-2.2-1.3'/%3E%3C/svg%3E"); }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel:nth-child(2) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='7' r='2.5'/%3E%3Ccircle cx='18' cy='17' r='2.5'/%3E%3Cpath d='M8.5 7H14a3 3 0 0 1 3 3v4.5'/%3E%3Cpath d='M14.5 12 17 14.5 19.5 12'/%3E%3C/svg%3E"); }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel:nth-child(3) { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6.5 10-6.5S22 12 22 12s-3.5 6.5-10 6.5S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel::before { content: "" !important; position: absolute; inset: 0 0 auto 0; height: 5px; display: block !important; width: auto; border: 0; border-radius: 0; background: linear-gradient(90deg, #D3AE37, #D3AE37, #D3AE37); }
/* destello que cruza cada cierto tiempo */
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel::after { content: "" !important; position: absolute; inset: 0; z-index: -1; display: block !important; pointer-events: none;
  background: linear-gradient(115deg, transparent 35%, rgba(211, 174, 55,.2) 50%, transparent 65%); background-size: 250% 100%; animation: lidBarrido 5s ease-in-out infinite; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel:nth-child(2)::after { animation-delay: -1.6s; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel:nth-child(3)::after { animation-delay: -3.2s; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel > .lid-comp-ico { display: grid; place-items: center; width: 4.2rem; height: 4.2rem; margin: .4rem auto 1.1rem; border-radius: 22px; background: #0C3362;
  box-shadow: 0 14px 28px -12px rgba(12,51,98,.9); transition: transform .5s cubic-bezier(.3,1.6,.5,1); }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel > .lid-comp-ico::before { content: ""; width: 2.3rem; height: 2.3rem; background: linear-gradient(160deg, #D3AE37, #D3AE37 60%, #D3AE37); -webkit-mask: var(--icono) center / contain no-repeat; mask: var(--icono) center / contain no-repeat; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel h3 { margin: 0 0 .6rem !important; color: #0C3362 !important; font-size: clamp(1.25rem, 1.8vw, 1.45rem) !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel p { margin: 0 0 1.3rem !important; color: #0C3362 !important; opacity: .82; font-size: 1rem; line-height: 1.6; flex: 1; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel .rec { position: static !important; display: inline-flex !important; align-items: center; gap: .4rem; margin: 0 !important; padding: .45rem 1rem !important; border-radius: 999px !important;
  color: #0C3362 !important; background: linear-gradient(110deg, #D3AE37 0%, #D3AE37 35%, #EAF0F6 50%, #D3AE37 65%, #D3AE37 100%) !important; background-size: 250% 100% !important;
  animation: hhChispa 3.2s linear infinite; border: 0 !important; font-size: .82rem !important; font-weight: 700; text-transform: none !important; letter-spacing: 0 !important; transform: none !important;
  box-shadow: 0 8px 18px -8px rgba(211, 174, 55,.8); }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel:hover { animation-play-state: paused; box-shadow: 0 40px 70px -30px rgba(0,0,0,.75), 0 0 0 3px rgba(211, 174, 55,.6) !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel:hover > .lid-comp-ico { transform: rotate(-8deg) scale(1.1); }
@keyframes lidFlota { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes lidBarrido { 0%, 40% { background-position: 150% 0; } 80%, 100% { background-position: -100% 0; } }
@keyframes hhChispa { 0% { background-position: 100% 0; } 100% { background-position: -150% 0; } }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw.lid-comp-anim .nivel { opacity: 0; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw.lid-comp-anim .nivel.se-ve { opacity: 1; }
@media (max-width: 899px) { body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .niveles { grid-template-columns: 1fr; max-width: 540px; margin-inline: auto; } }
@media (prefers-reduced-motion: reduce) { body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel, body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel::after, body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel .rec { animation: none !important; } body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw.lid-comp-anim .nivel { opacity: 1; } }
/* fin lid-comp */

/* Liderazgo: foto propia en preguntas frecuentes (faq-foto-lid) */
body.pagina-desarrollo-de-liderazgo-medellin #faq .section-head::after {
  background-image: linear-gradient(rgba(0,0,0,0) 55%, rgba(12,51,98,.55)), url("/wp-content/uploads/2026/10/happy-insurance-agent-smiling-while-reviewing-documents-1536x861.jpg") !important;
  background-position: 0 0, 50% 30% !important;
}

/* Botón "Registra tu hoja de vida aquí" en el menú (hv-registra) */
.nav-hv.hv-registra { white-space: nowrap; }
@media (max-width: 1180px) { .nav-hv.hv-registra { font-size: .82rem; padding-inline: .9rem; } }
@media (max-width: 520px) { .nav-hv.hv-registra { font-size: .72rem; padding-inline: .7rem; } }

/* ---------- Botón "Registra tu hoja de vida aquí" llamativo (hv-boton) ---------- */
a.hv-registra.nav-hv, a.hv-registra.nav-mobile-link {
  position: relative; overflow: hidden; isolation: isolate; display: inline-flex !important; align-items: center; justify-content: center; gap: .5rem;
  padding: .62rem 1.15rem !important; border-radius: 999px !important; border: 0 !important;
  background: linear-gradient(110deg, #D3AE37 0%, #D3AE37 30%, #D3AE37 50%, #D3AE37 70%, #D3AE37 100%) !important; background-size: 220% 100% !important;
  color: #0C3362 !important; font-weight: 700 !important; text-decoration: none !important; letter-spacing: 0 !important;
  box-shadow: 0 3px 8px -4px rgba(12,51,98,.35), inset 0 0 0 0 rgba(255,255,255,.0);
  animation: hvFondo 4s linear infinite, hvPulso 2.6s ease-in-out infinite; transition: transform .3s cubic-bezier(.2,.8,.2,1); }
a.hv-registra.nav-hv::before, a.hv-registra.nav-mobile-link::before {
  content: ""; flex: none; width: 1.05rem; height: 1.05rem; background: #0C3362; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M12 18v-6M9.5 14.5 12 12l2.5 2.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M12 18v-6M9.5 14.5 12 12l2.5 2.5'/%3E%3C/svg%3E") center / contain no-repeat;
  animation: hvIcono 2.6s ease-in-out infinite; }
/* destello que cruza */
a.hv-registra.nav-hv::after, a.hv-registra.nav-mobile-link::after {
  content: ""; position: absolute; top: -20%; bottom: -20%; left: -40%; width: 35%; z-index: -1; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.85), transparent); transform: skewX(-20deg); animation: hvDestello 3.2s ease-in-out infinite; }
a.hv-registra.nav-hv:hover, a.hv-registra.nav-mobile-link:hover { transform: none; filter: brightness(1.06); }
a.hv-registra.nav-mobile-link { width: 100%; margin-top: .6rem; padding: .9rem 1.2rem !important; font-size: 1rem !important; }
@keyframes hvFondo { 0% { background-position: 0% 0; } 100% { background-position: 220% 0; } }
@keyframes hvPulso { 0%, 100% { box-shadow: 0 3px 8px -4px rgba(12,51,98,.35), inset 0 0 0 0 rgba(255,255,255,0); } 50% { box-shadow: 0 3px 8px -4px rgba(12,51,98,.35), inset 0 0 0 2px rgba(255,255,255,.55); } }
@keyframes hvDestello { 0%, 55% { left: -40%; } 85%, 100% { left: 120%; } }
@keyframes hvIcono { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@media (prefers-reduced-motion: reduce) { a.hv-registra, a.hv-registra::before, a.hv-registra::after { animation: none !important; } }
/* fin hv-boton */


/* Inicio: copy del hero al extremo derecho de la foto (hero-derecha) */
@media (min-width: 700px) {
  body.home .hero .hero-inner { display: flex !important; justify-content: flex-end !important; }
  body.home .hero .hero-content { margin-left: auto !important; margin-right: 0 !important; max-width: min(500px, 44vw) !important; text-align: right !important; align-items: flex-end !important; left: 0 !important; }
  body.home .hero .hero-content .hero-title, body.home .hero .hero-content .hero-consecuencia { text-align: right !important; margin-left: auto !important; margin-right: 0 !important; }
  body.home .hero .hero-content .hero-actions { justify-content: flex-end !important; display: flex !important; margin-left: auto !important; margin-right: 0 !important; width: 100%; }
  body.home .hero .hero-content::before { inset: -22% -22% -22% 4% !important; background: radial-gradient(closest-side at 62% 50%, rgba(12,51,98,.72), rgba(12,51,98,.42) 55%, transparent 100%) !important; }
}

@media (min-width: 700px) { body.home .hero .hero-title em { font-style: normal; color: #D3AE37; } }
body.home .hero .hero-title em { font-style: normal; color: #D3AE37; }
/* fin hero-derecha */


/* Inicio: hero más pequeño para no tapar el rostro (hero-derecha-2) */
@media (min-width: 700px) {
  body.home .hero .hero-content { max-width: min(380px, 34vw) !important; }
  body.home .hero .hero-title { font-size: clamp(1.45rem, 2.6vw, 2.5rem) !important; line-height: 1.15 !important; }
  body.home .hero .hero-actions .btn { font-size: .92rem !important; }
}

/* Inicio: hero más grande sobre el chico, sin tapar a la chica (hero-derecha-3) */
@media (min-width: 700px) {
  body.home .hero .hero-content { max-width: min(480px, 37vw) !important; margin-right: -1.5vw !important; }
  body.home .hero .hero-title { font-size: clamp(1.95rem, 4vw, 3.4rem) !important; line-height: 1.08 !important; }
  body.home .hero .hero-actions .btn { font-size: 1rem !important; }
}

/* ---------- Tendencias en Talento: listado atractivo (blog-v2) ---------- */
body:is(.blog,.category) .blog-pagina { padding-top: clamp(1.6rem, 3vw, 2.4rem) !important; }
/* cabecera como banner con foto */
body:is(.blog,.category) .blog-pagina .blog-cabeza { position: relative; overflow: hidden; isolation: isolate; max-width: none !important; margin: 0 0 clamp(2.4rem, 4.5vw, 3.4rem) !important;
  padding: clamp(2.6rem, 6vw, 4.6rem) clamp(1.6rem, 5vw, 4rem) !important; border-radius: 28px;
  background: linear-gradient(100deg, rgba(12,51,98,.95) 0%, rgba(12,51,98,.85) 42%, rgba(12,51,98,.35) 75%, rgba(12,51,98,.15) 100%), url("/wp-content/uploads/2026/10/we-have-new-statistics-pensive-people-looking-laptop-while-sitting-office-table-business-meeting-with-their-coworkers-1025x1536.jpg") center 35% / cover no-repeat;
  box-shadow: 0 34px 70px -40px rgba(12,51,98,.7); }
body:is(.blog,.category) .blog-pagina .blog-cabeza::after { display: none !important; }
body:is(.blog,.category) .blog-pagina .blog-cabeza::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: linear-gradient(90deg, #D3AE37, #D3AE37, #D3AE37); }
body:is(.blog,.category) .blog-pagina .blog-kicker { font-family: var(--font-display) !important; font-size: clamp(2.2rem, 5vw, 3.6rem) !important; font-weight: 700 !important; line-height: 1.05; letter-spacing: -.01em !important; text-transform: none !important; color: #fff !important; margin: 0 0 .7rem !important; max-width: 36rem; }
body:is(.blog,.category) .blog-pagina .blog-titulo { font-family: var(--font-display) !important; font-weight: 700 !important; font-size: clamp(1.15rem, 2vw, 1.5rem) !important; color: #D3AE37 !important; margin: 0 0 1rem !important; max-width: 36rem; }
body:is(.blog,.category) .blog-pagina .blog-sub { color: rgba(255,255,255,.9) !important; max-width: 34rem !important; font-size: clamp(1rem, 1.3vw, 1.1rem) !important; }
body:is(.blog,.category) .blog-pagina .blog-cabeza > * { animation: blogSube .8s cubic-bezier(.2,.8,.2,1) both; }
body:is(.blog,.category) .blog-pagina .blog-cabeza > :nth-child(2) { animation-delay: .12s; }
body:is(.blog,.category) .blog-pagina .blog-cabeza > :nth-child(3) { animation-delay: .24s; }
@keyframes blogSube { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

/* rejilla */
body:is(.blog,.category) .blog-pagina .blog-rejilla { gap: clamp(1rem, 2vw, 1.5rem) !important; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta { position: relative; overflow: hidden; isolation: isolate; padding: 1.7rem 1.6rem 1.5rem !important; border-radius: 22px !important;
  background: #fff !important; border: 1px solid rgba(12,51,98,.08) !important; box-shadow: 0 22px 46px -30px rgba(12,51,98,.45);
  transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .35s, border-color .35s, opacity .7s !important; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, #D3AE37, #D3AE37, #D3AE37); transform: scaleX(.25); transform-origin: left; transition: transform .5s cubic-bezier(.2,.8,.2,1); }
body:is(.blog,.category) .blog-pagina .blog-tarjeta::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(115deg, transparent 30%, rgba(211, 174, 55,.14) 48%, transparent 66%); transform: translateX(-120%); transition: transform .9s ease; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta:hover { transform: translateY(-8px) !important; border-color: rgba(211, 174, 55,.7) !important; box-shadow: 0 34px 64px -30px rgba(12,51,98,.55), 0 0 0 4px rgba(211, 174, 55,.12) !important; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta:hover::before { transform: scaleX(1); }
body:is(.blog,.category) .blog-pagina .blog-tarjeta:hover::after { transform: translateX(120%); }
body:is(.blog,.category) .blog-pagina .blog-tarjeta-cat { display: inline-flex !important; align-self: flex-start; align-items: center; gap: .45rem; padding: .35rem .8rem; border-radius: 999px; background: rgba(211, 174, 55,.14); color: #0C3362 !important; font-size: .78rem !important; letter-spacing: 0 !important; text-transform: none !important; font-weight: 700 !important; margin-bottom: 1rem !important; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta-cat::before { content: ""; width: .95rem; height: .95rem; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5C10.5 5 8 4.5 3.5 4.5v14c4.5 0 7 .5 8.5 2 1.5-1.5 4-2 8.5-2v-14C16 4.5 13.5 5 12 6.5z'/%3E%3Cpath d='M12 6.5v14'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5C10.5 5 8 4.5 3.5 4.5v14c4.5 0 7 .5 8.5 2 1.5-1.5 4-2 8.5-2v-14C16 4.5 13.5 5 12 6.5z'/%3E%3Cpath d='M12 6.5v14'/%3E%3C/svg%3E") center / contain no-repeat; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta-tit { font-family: var(--font-display) !important; font-weight: 700 !important; color: #0C3362 !important; font-size: clamp(1.15rem, 1.5vw, 1.3rem) !important; line-height: 1.28 !important; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta-txt { color: #0C3362 !important; opacity: .78; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta-mas { display: inline-flex !important; align-items: center; gap: .4rem; color: #0C3362 !important; font-weight: 700 !important; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta-mas { font-size: 0 !important; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta-mas::before { content: "Leer el artículo"; font-size: .9rem; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta-mas::after { content: "→"; font-size: .95rem; display: inline-grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: #D3AE37; color: #0C3362; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
body:is(.blog,.category) .blog-pagina .blog-tarjeta:hover .blog-tarjeta-mas::after { transform: translateX(5px); }
/* artículo destacado: el primero, en azul y a dos columnas */
@media (min-width: 720px) {
  body:is(.blog,.category) .blog-pagina .blog-rejilla > .blog-tarjeta:first-child { grid-column: span 2; background: linear-gradient(150deg, #0C3362, #0C3362) !important; border-color: rgba(211, 174, 55,.5) !important; padding: 2.2rem 2.2rem 2rem !important; }
  body:is(.blog,.category) .blog-pagina .blog-rejilla > .blog-tarjeta:first-child .blog-tarjeta-tit { color: #fff !important; font-size: clamp(1.45rem, 2.4vw, 1.9rem) !important; max-width: 32rem; }
  body:is(.blog,.category) .blog-pagina .blog-rejilla > .blog-tarjeta:first-child .blog-tarjeta-txt { color: rgba(255,255,255,.88) !important; opacity: 1; max-width: 36rem; font-size: 1rem; }
  body:is(.blog,.category) .blog-pagina .blog-rejilla > .blog-tarjeta:first-child .blog-tarjeta-cat { background: #D3AE37; color: #0C3362 !important; }
  body:is(.blog,.category) .blog-pagina .blog-rejilla > .blog-tarjeta:first-child .blog-tarjeta-cat::after { content: "· Destacado"; }
  body:is(.blog,.category) .blog-pagina .blog-rejilla > .blog-tarjeta:first-child .blog-tarjeta-mas { color: #fff !important; }
}
/* entrada en cascada */
body:is(.blog,.category) .blog-pagina.blog-anim .blog-tarjeta { opacity: 0; transform: translateY(36px); }
body:is(.blog,.category) .blog-pagina.blog-anim .blog-tarjeta.se-ve { opacity: 1; transform: none; }
body:is(.blog,.category) .blog-pagina.blog-anim .blog-tarjeta.se-ve:hover { transform: translateY(-8px) !important; }
/* cierre */
body:is(.blog,.category) .blog-pagina .entrada-cierre { position: relative; overflow: hidden; margin-top: clamp(2.6rem, 5vw, 3.6rem) !important; padding: clamp(2.2rem, 4.5vw, 3.2rem) clamp(1.6rem, 4vw, 3rem) !important; border-radius: 28px !important; text-align: center;
  background: radial-gradient(30rem 16rem at 100% 0%, rgba(211, 174, 55,.22), transparent 60%), #0C3362 !important; border: 0 !important; }
body:is(.blog,.category) .blog-pagina .entrada-cierre-tit { color: #fff !important; font-family: var(--font-display) !important; font-weight: 700 !important; }
body:is(.blog,.category) .blog-pagina .entrada-cierre-txt { color: rgba(255,255,255,.88) !important; margin-inline: auto !important; max-width: 36rem; }
body:is(.blog,.category) .blog-pagina .entrada-cierre .btn { background: linear-gradient(110deg, #D3AE37, #D3AE37 40%, #D3AE37 50%, #D3AE37 60%, #D3AE37) !important; background-size: 220% 100% !important; color: #0C3362 !important; border: 0 !important; animation: hvFondo 4s linear infinite; }
@media (prefers-reduced-motion: reduce) { body:is(.blog,.category) .blog-pagina.blog-anim .blog-tarjeta { opacity: 1; transform: none; } body:is(.blog,.category) .blog-pagina .blog-cabeza > * { animation: none; } }
/* fin blog-v2 */

/* Tendencias en Talento: banner debajo del menú y rostro visible (blog-v2b) */
body:is(.blog,.category) .blog-pagina { padding-top: calc(var(--blog-nav, 88px) + clamp(1.4rem, 3vw, 2.4rem)) !important; }
body:is(.blog,.category) .blog-pagina .blog-cabeza { background-position: 0 0, center 22% !important; min-height: clamp(300px, 34vw, 420px); display: flex; flex-direction: column; justify-content: center; }

/* Tendencias en Talento: margen lateral (blog-v2c) */
body:is(.blog,.category) .blog-pagina { padding-left: clamp(1rem, 4vw, 2.5rem) !important; padding-right: clamp(1rem, 4vw, 2.5rem) !important; max-width: 1240px !important; margin-inline: auto !important; box-sizing: border-box; }

/* ---------- Tendencias en Talento: buscador fusionado y tarjetas (blog-filtro) ---------- */
body.blog .blog-pagina .blog-cabeza, body.category .blog-pagina .blog-cabeza { padding-bottom: clamp(4.2rem, 8vw, 5.6rem) !important; margin-bottom: 0 !important; }
/* barra fusionada: palabra + categoría + botón */
body.blog .blog-pagina .blog-filtro, body.category .blog-pagina .blog-filtro { position: relative; z-index: 3; display: flex; align-items: stretch; gap: 0; max-width: 860px; margin: calc(-1 * clamp(2rem, 4vw, 2.6rem)) auto 1.2rem;
  background: #fff; border-radius: 999px; padding: .45rem; box-shadow: 0 26px 50px -24px rgba(12,51,98,.55), 0 0 0 1px rgba(211, 174, 55,.45);
  animation: blogSube .8s .3s cubic-bezier(.2,.8,.2,1) both; transition: box-shadow .3s; }
body.blog .blog-pagina .blog-filtro:focus-within, body.category .blog-pagina .blog-filtro:focus-within { box-shadow: 0 26px 50px -24px rgba(12,51,98,.55), 0 0 0 3px rgba(211, 174, 55,.75); }
body.blog .blog-pagina .blog-filtro-buscar, body.category .blog-pagina .blog-filtro-buscar { flex: 1 1 auto; display: flex; align-items: center; min-width: 0; padding-left: 3rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230C3362' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 1.1rem center / 1.25rem no-repeat; }
body.blog .blog-pagina .blog-filtro-buscar input, body.category .blog-pagina .blog-filtro-buscar input { width: 100%; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; font: inherit; font-size: 1rem; color: #0C3362; padding: .85rem .6rem .85rem 0 !important; }
body.blog .blog-pagina .blog-filtro-buscar input::placeholder, body.category .blog-pagina .blog-filtro-buscar input::placeholder { color: rgba(12,51,98,.5); }
body.blog .blog-pagina .blog-filtro-cat, body.category .blog-pagina .blog-filtro-cat { position: relative; flex: 0 0 auto; display: flex; align-items: center; border-left: 1px solid rgba(12,51,98,.14); }
body.blog .blog-pagina .blog-filtro-cat select, body.category .blog-pagina .blog-filtro-cat select { appearance: none; -webkit-appearance: none; border: 0 !important; outline: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230C3362' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .9rem center / 1rem no-repeat transparent !important; font: inherit; font-size: .95rem; font-weight: 700; color: #0C3362; padding: .85rem 2.4rem .85rem 1.1rem !important; cursor: pointer; max-width: 240px; box-shadow: none !important; }
body.blog .blog-pagina .blog-filtro-boton, body.category .blog-pagina .blog-filtro-boton { flex: 0 0 auto; border: 0; cursor: pointer; border-radius: 999px; padding: .8rem 1.6rem; font: inherit; font-weight: 700; color: #0C3362;
  background: linear-gradient(110deg, #D3AE37 0%, #D3AE37 30%, #D3AE37 50%, #D3AE37 70%, #D3AE37 100%); background-size: 220% 100%; animation: hvFondo 4s linear infinite; box-shadow: 0 10px 22px -10px rgba(211, 174, 55,.9); }
/* chips de categoría */
body.blog .blog-pagina .blog-chips, body.category .blog-pagina .blog-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: .55rem; margin: 0 auto 1rem; max-width: 900px; }
body.blog .blog-pagina .blog-chip, body.category .blog-pagina .blog-chip { border: 1px solid rgba(12,51,98,.15); background: #fff; color: #0C3362; font: inherit; font-size: .88rem; font-weight: 700; padding: .5rem 1.05rem; border-radius: 999px; cursor: pointer; transition: background .3s, color .3s, border-color .3s, transform .3s; }
body.blog .blog-pagina .blog-chip:hover, body.category .blog-pagina .blog-chip:hover { border-color: #D3AE37; transform: translateY(-2px); }
body.blog .blog-pagina .blog-chip.activo, body.category .blog-pagina .blog-chip.activo { background: #0C3362; color: #fff; border-color: #0C3362; box-shadow: 0 10px 20px -12px rgba(12,51,98,.8); }
body.blog .blog-pagina .blog-conteo, body.category .blog-pagina .blog-conteo { text-align: center; color: rgba(12,51,98,.7); font-size: .92rem; margin: 0 0 clamp(1.4rem, 3vw, 2rem); min-height: 1.2em; }
body.blog .blog-pagina .blog-sin-resultados, body.category .blog-pagina .blog-sin-resultados { text-align: center; padding: 2.4rem 1.2rem; border-radius: 22px; background: #fff; color: #0C3362; border: 1px dashed rgba(12,51,98,.25); }
/* meta de tarjeta: categoría + minutos */
body.blog .blog-pagina .blog-tarjeta-meta, body.category .blog-pagina .blog-tarjeta-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .8rem; margin-bottom: 1rem; }
body.blog .blog-pagina .blog-tarjeta-meta .blog-tarjeta-cat, body.category .blog-pagina .blog-tarjeta-meta .blog-tarjeta-cat { margin: 0 !important; }
body.blog .blog-pagina .blog-tarjeta-min, body.category .blog-pagina .blog-tarjeta-min { display: inline-flex; align-items: center; gap: .35rem; font-size: .8rem; font-weight: 700; color: rgba(12,51,98,.6); }
body.blog .blog-pagina .blog-tarjeta-min::before, body.category .blog-pagina .blog-tarjeta-min::before { content: ""; width: .9rem; height: .9rem; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E") center / contain no-repeat; }
body.blog .blog-pagina .blog-rejilla > .blog-tarjeta:first-child .blog-tarjeta-min, body.category .blog-pagina .blog-rejilla > .blog-tarjeta:first-child .blog-tarjeta-min { color: rgba(255,255,255,.75); }
body.blog .blog-pagina .blog-tarjeta.oculta, body.category .blog-pagina .blog-tarjeta.oculta { display: none !important; }
@media (min-width: 720px) { body.blog .blog-pagina .blog-rejilla.filtrando > .blog-tarjeta:first-child, body.category .blog-pagina .blog-rejilla.filtrando > .blog-tarjeta:first-child { grid-column: auto; } }
@media (max-width: 680px) {
  body.blog .blog-pagina .blog-filtro, body.category .blog-pagina .blog-filtro { flex-wrap: wrap; border-radius: 22px; padding: .5rem; }
  body.blog .blog-pagina .blog-filtro-buscar, body.category .blog-pagina .blog-filtro-buscar { flex-basis: 100%; border-bottom: 1px solid rgba(12,51,98,.12); }
  body.blog .blog-pagina .blog-filtro-cat, body.category .blog-pagina .blog-filtro-cat { flex: 1 1 auto; border-left: 0; }
  body.blog .blog-pagina .blog-filtro-cat select, body.category .blog-pagina .blog-filtro-cat select { max-width: none; width: 100%; }
  body.blog .blog-pagina .blog-filtro-boton, body.category .blog-pagina .blog-filtro-boton { margin-left: auto; }
}
/* fin blog-filtro */

/* Tendencias en Talento: rejilla alineada con el banner (blog-v2d) */
body:is(.blog,.category) .blog-pagina .blog-rejilla { padding: 0 !important; margin-inline: 0 !important; }

/* ---------- Tendencias en Talento: buscador y filtro premium (blog-filtro-2) ---------- */
body:is(.blog,.category) .blog-pagina .blog-filtro { display: block !important; max-width: 920px !important; padding: clamp(1.1rem, 2.4vw, 1.6rem) !important; border-radius: 28px !important;
  background: linear-gradient(160deg, rgba(255,255,255,.98), rgba(247, 245, 241,.96)) !important;
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  box-shadow: 0 40px 80px -40px rgba(12,51,98,.7), 0 0 0 1px rgba(211, 174, 55,.35) !important; }
body:is(.blog,.category) .blog-pagina .blog-filtro::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1.5px; pointer-events: none;
  background: conic-gradient(from var(--blog-ang, 0deg), transparent 0deg, transparent 250deg, rgba(211, 174, 55,.9) 310deg, #EAF0F6 340deg, transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation: blogGiro 6s linear infinite; }
@property --blog-ang { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes blogGiro { to { --blog-ang: 360deg; } }
body:is(.blog,.category) .blog-pagina .blog-filtro-fila { display: flex; align-items: center; gap: .6rem; }
body:is(.blog,.category) .blog-pagina .blog-filtro-buscar { position: relative; flex: 1 1 auto; display: flex; align-items: center; padding: 0 !important; background: #fff !important; border-radius: 999px; border: 1.5px solid rgba(12,51,98,.12); transition: border-color .3s, box-shadow .3s; }
body:is(.blog,.category) .blog-pagina .blog-filtro-buscar:focus-within { border-color: #D3AE37; box-shadow: 0 0 0 5px rgba(211, 174, 55,.18); }
body:is(.blog,.category) .blog-pagina .blog-filtro-buscar::before { content: ""; flex: none; width: 2.6rem; height: 2.6rem; margin: .35rem 0 .35rem .35rem; border-radius: 50%; background: #0C3362; }
body:is(.blog,.category) .blog-pagina .blog-filtro-buscar::after { content: ""; position: absolute; left: calc(.35rem + .75rem); top: 50%; width: 1.1rem; height: 1.1rem; margin-top: -.55rem; background: #D3AE37; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat; }
body:is(.blog,.category) .blog-pagina .blog-filtro-buscar input { font-size: 1.05rem !important; padding: .95rem 1rem !important; }
body:is(.blog,.category) .blog-pagina .blog-filtro-limpiar { flex: none; width: 2rem; height: 2rem; margin-right: .5rem; border: 0; border-radius: 50%; background: rgba(12,51,98,.08); color: #0C3362; font-size: 1.1rem; line-height: 1; cursor: pointer; opacity: 0; pointer-events: none; transition: opacity .25s, background .25s; }
body:is(.blog,.category) .blog-pagina .blog-filtro.con-texto .blog-filtro-limpiar { opacity: 1; pointer-events: auto; }
body:is(.blog,.category) .blog-pagina .blog-filtro-limpiar:hover { background: #D3AE37; }
body:is(.blog,.category) .blog-pagina .blog-filtro-cat { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); border: 0 !important; }
body:is(.blog,.category) .blog-pagina .blog-filtro-boton { padding: 1.05rem 1.7rem !important; font-size: 1rem; }
/* categorías dentro del mismo panel */
body:is(.blog,.category) .blog-pagina .blog-filtro .blog-chips { justify-content: flex-start; max-width: none; margin: 1rem 0 0 !important; gap: .55rem; }
body:is(.blog,.category) .blog-pagina .blog-filtro .blog-chips::before { content: "Explora por tema"; flex-basis: 100%; font-size: .82rem; font-weight: 700; color: #0C3362; margin-bottom: .1rem; }
body:is(.blog,.category) .blog-pagina .blog-chip { position: relative; display: inline-flex; align-items: center; gap: .5rem; padding: .55rem .6rem .55rem .55rem !important; border-radius: 999px !important; background: #fff !important; border: 1.5px solid rgba(12,51,98,.12) !important; color: #0C3362 !important; font-size: .9rem !important; box-shadow: 0 6px 14px -10px rgba(12,51,98,.6); transition: transform .35s cubic-bezier(.2,.8,.2,1), background .3s, color .3s, border-color .3s, box-shadow .3s !important; }
body:is(.blog,.category) .blog-pagina .blog-chip-ico { display: grid; place-items: center; width: 1.85rem; height: 1.85rem; border-radius: 50%; background: rgba(12,51,98,.08); transition: background .3s; }
body:is(.blog,.category) .blog-pagina .blog-chip-ico::before { content: ""; width: 1rem; height: 1rem; background: #0C3362; -webkit-mask: var(--chip-ico) center / contain no-repeat; mask: var(--chip-ico) center / contain no-repeat; transition: background .3s; }
body:is(.blog,.category) .blog-pagina .blog-chip-n { display: inline-grid; place-items: center; min-width: 1.5rem; height: 1.5rem; padding: 0 .4rem; border-radius: 999px; background: rgba(211, 174, 55,.18); color: #0C3362; font-size: .75rem; font-weight: 700; transition: background .3s, color .3s; }
body:is(.blog,.category) .blog-pagina .blog-chip:hover { transform: translateY(-3px) !important; border-color: #D3AE37 !important; box-shadow: 0 14px 24px -14px rgba(12,51,98,.7); }
body:is(.blog,.category) .blog-pagina .blog-chip.activo { background: linear-gradient(150deg, #0C3362, #0C3362) !important; color: #fff !important; border-color: #0C3362 !important; box-shadow: 0 14px 26px -12px rgba(12,51,98,.85); }
body:is(.blog,.category) .blog-pagina .blog-chip.activo .blog-chip-ico { background: linear-gradient(160deg, #D3AE37, #D3AE37); }
body:is(.blog,.category) .blog-pagina .blog-chip.activo .blog-chip-n { background: #D3AE37; color: #0C3362; }
body:is(.blog,.category) .blog-pagina .blog-chip.activo::after { content: ""; position: absolute; inset: -4px; border-radius: inherit; border: 2px solid rgba(211, 174, 55,.6); animation: chipOnda 1.6s ease-out infinite; pointer-events: none; }
@keyframes chipOnda { 0% { opacity: .9; transform: scale(1); } 100% { opacity: 0; transform: scale(1.12); } }
body:is(.blog,.category) .blog-pagina .blog-chips[data-slug] .blog-chip { }
body:is(.blog,.category) .blog-pagina .blog-chip[data-slug=""] { --chip-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='1.5'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='1.5'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='7' height='7' rx='1.5'/%3E%3C/svg%3E"); }
body:is(.blog,.category) .blog-pagina .blog-chip[data-slug="capacitacion"] { --chip-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 9 12 4.5 21.5 9 12 13.5z'/%3E%3Cpath d='M6.5 11v4.5c0 1.4 2.5 2.5 5.5 2.5s5.5-1.1 5.5-2.5V11M21.5 9v5'/%3E%3C/svg%3E"); }
body:is(.blog,.category) .blog-pagina .blog-chip[data-slug="headhunting"] { --chip-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='4.5'/%3E%3Ccircle cx='12' cy='12' r='1' fill='black'/%3E%3C/svg%3E"); }
body:is(.blog,.category) .blog-pagina .blog-chip[data-slug="liderazgo"] { --chip-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4M5 4h11l-2 4 2 4H5'/%3E%3C/svg%3E"); }
body:is(.blog,.category) .blog-pagina .blog-chip[data-slug="retencion-de-talento"] { --chip-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10A4.3 4.3 0 0 1 12 7.3 4.3 4.3 0 0 1 19.5 10c0 5.4-7.5 10-7.5 10z'/%3E%3C/svg%3E"); }
body:is(.blog,.category) .blog-pagina .blog-chip[data-slug="seleccion-de-personal"] { --chip-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20v-.5a6.5 6.5 0 0 1 13 0v.5'/%3E%3Cpath d='m16 11 2 2 4-4'/%3E%3C/svg%3E"); }
body:is(.blog,.category) .blog-pagina .blog-conteo { margin-top: .4rem !important; }
body:is(.blog,.category) .blog-pagina .blog-conteo b { color: #0C3362; }
@media (max-width: 680px) {
  body:is(.blog,.category) .blog-pagina .blog-filtro-fila { flex-wrap: wrap; }
  body:is(.blog,.category) .blog-pagina .blog-filtro-boton { width: 100%; }
  body:is(.blog,.category) .blog-pagina .blog-filtro { border-radius: 24px !important; }
}
@media (prefers-reduced-motion: reduce) { body:is(.blog,.category) .blog-pagina .blog-filtro::before, body:is(.blog,.category) .blog-pagina .blog-chip.activo::after { animation: none; } }
/* fin blog-filtro-2 */

/* ---------- Tendencias en Talento: botón "Leer el artículo" resaltado y destacado en azul claro (blog-leer) ---------- */
body:is(.blog,.category) .blog-pagina .blog-tarjeta-mas { position: relative; overflow: hidden; isolation: isolate; align-self: flex-start; gap: .55rem !important; margin-top: auto !important;
  padding: .7rem .75rem .7rem 1.2rem; border-radius: 999px; background: #0C3362; box-shadow: 0 12px 24px -12px rgba(12,51,98,.85);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s, background .35s; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta-mas::before { color: #fff; font-weight: 700; font-size: .92rem !important; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta-mas::after { background: linear-gradient(160deg, #D3AE37, #D3AE37) !important; color: #0C3362 !important; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta-mas { background-image: linear-gradient(100deg, transparent 0 40%, rgba(255,255,255,.28) 50%, transparent 60% 100%) !important; background-color: #0C3362 !important; background-size: 260% 100% !important; background-repeat: no-repeat !important; animation: leerBrillo 3.6s ease-in-out infinite; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta:nth-child(2n) .blog-tarjeta-mas { animation-delay: -1.2s; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta:nth-child(3n) .blog-tarjeta-mas { animation-delay: -2.4s; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta:hover .blog-tarjeta-mas { transform: translateY(-2px); box-shadow: 0 16px 28px -12px rgba(12,51,98,.9), 0 0 0 4px rgba(211, 174, 55,.25); }
@keyframes leerBrillo { 0%, 50% { background-position: 130% 0; } 85%, 100% { background-position: -30% 0; } }
/* en el artículo destacado: botón dorado */
body:is(.blog,.category) .blog-pagina .blog-rejilla > .blog-tarjeta:first-child .blog-tarjeta-mas { background-color: #D3AE37 !important; background-image: linear-gradient(100deg, transparent 0 40%, rgba(255,255,255,.6) 50%, transparent 60% 100%) !important; box-shadow: 0 12px 26px -10px rgba(211, 174, 55,.9); }
body:is(.blog,.category) .blog-pagina .blog-rejilla > .blog-tarjeta:first-child .blog-tarjeta-mas::before { color: #0C3362 !important; }
body:is(.blog,.category) .blog-pagina .blog-rejilla > .blog-tarjeta:first-child .blog-tarjeta-mas::after { background: #0C3362 !important; color: #D3AE37 !important; }
/* etiqueta "Destacado" en azul claro */
@media (min-width: 720px) {
  body:is(.blog,.category) .blog-pagina .blog-rejilla > .blog-tarjeta:first-child .blog-tarjeta-cat { background: #6EA6CD !important; color: #0C3362 !important; box-shadow: 0 8px 18px -10px rgba(110,166,205,.9); }
}
body:is(.blog,.category) .blog-pagina .blog-rejilla:not(.filtrando) > .blog-tarjeta:first-child .blog-tarjeta-cat { background: #6EA6CD !important; color: #0C3362 !important; }
@media (prefers-reduced-motion: reduce) { body:is(.blog,.category) .blog-pagina .blog-tarjeta-mas { animation: none; } }
/* fin blog-leer */

/* Tendencias en Talento: sin minutos de lectura (blog-sin-min) */
body:is(.blog,.category) .blog-pagina .blog-tarjeta-min { display: none !important; }

/* Tendencias en Talento: botón del destacado en azul claro (blog-leer-2) */
body:is(.blog,.category) .blog-pagina .blog-rejilla > .blog-tarjeta:first-child .blog-tarjeta-mas { background-color: #6EA6CD !important; background-image: linear-gradient(100deg, transparent 0 40%, rgba(255,255,255,.55) 50%, transparent 60% 100%) !important; box-shadow: 0 12px 26px -10px rgba(110,166,205,.9) !important; }
body:is(.blog,.category) .blog-pagina .blog-rejilla > .blog-tarjeta:first-child .blog-tarjeta-mas::before { color: #0C3362 !important; }
body:is(.blog,.category) .blog-pagina .blog-rejilla > .blog-tarjeta:first-child .blog-tarjeta-mas::after { background: #0C3362 !important; color: #fff !important; }
body:is(.blog,.category) .blog-pagina .blog-rejilla > .blog-tarjeta:first-child:hover .blog-tarjeta-mas { box-shadow: 0 16px 28px -12px rgba(110,166,205,1), 0 0 0 4px rgba(110,166,205,.3) !important; }

/* ---------- Tendencias en Talento: tarjetas con imagen (blog-img) ---------- */
body:is(.blog,.category) .blog-pagina .blog-tarjeta { padding: 0 !important; display: flex !important; flex-direction: column; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta-img { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 22px 22px 0 0; background: #EAF0F6; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta-img img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; display: block; transform: scale(1.02); transition: transform 1.1s cubic-bezier(.2,.8,.2,1), filter .6s; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(12,51,98,.55)); transition: opacity .5s; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta:hover .blog-tarjeta-img img { transform: scale(1.1); filter: saturate(1.1); }
body:is(.blog,.category) .blog-pagina .blog-tarjeta-cuerpo { position: relative; display: flex; flex-direction: column; flex: 1; padding: 1.4rem 1.5rem 1.5rem; }
/* la categoría se monta sobre el borde de la foto */
body:is(.blog,.category) .blog-pagina .blog-tarjeta-img + .blog-tarjeta-cuerpo .blog-tarjeta-meta { margin-top: calc(-1.4rem - 1.05rem); margin-bottom: .9rem; position: relative; z-index: 2; }
body:is(.blog,.category) .blog-pagina .blog-tarjeta-img + .blog-tarjeta-cuerpo .blog-tarjeta-cat { background: #fff !important; box-shadow: 0 10px 20px -10px rgba(12,51,98,.6); border: 1px solid rgba(211, 174, 55,.5); }
body:is(.blog,.category) .blog-pagina .blog-tarjeta::before { z-index: 3; }
/* destacado: imagen a la derecha, texto a la izquierda */
@media (min-width: 720px) {
  body:is(.blog,.category) .blog-pagina .blog-rejilla:not(.filtrando) > .blog-tarjeta:first-child { flex-direction: row-reverse !important; padding: 0 !important; min-height: 340px; }
  body:is(.blog,.category) .blog-pagina .blog-rejilla:not(.filtrando) > .blog-tarjeta:first-child .blog-tarjeta-img { flex: 0 0 48%; aspect-ratio: auto; border-radius: 0 22px 22px 0; }
  body:is(.blog,.category) .blog-pagina .blog-rejilla:not(.filtrando) > .blog-tarjeta:first-child .blog-tarjeta-img::after { background: linear-gradient(90deg, rgba(12,51,98,.85), transparent 45%); }
  body:is(.blog,.category) .blog-pagina .blog-rejilla:not(.filtrando) > .blog-tarjeta:first-child .blog-tarjeta-cuerpo { justify-content: center; padding: 2.2rem 2rem 2.2rem 2.4rem; }
  body:is(.blog,.category) .blog-pagina .blog-rejilla:not(.filtrando) > .blog-tarjeta:first-child .blog-tarjeta-meta { margin-top: 0 !important; }
  body:is(.blog,.category) .blog-pagina .blog-rejilla:not(.filtrando) > .blog-tarjeta:first-child .blog-tarjeta-cat { background: #6EA6CD !important; border: 0; }
  body:is(.blog,.category) .blog-pagina .blog-rejilla.filtrando > .blog-tarjeta:first-child { background: #fff !important; border-color: rgba(12,51,98,.08) !important; padding: 0 !important; }
  body:is(.blog,.category) .blog-pagina .blog-rejilla.filtrando > .blog-tarjeta:first-child .blog-tarjeta-tit { color: #0C3362 !important; font-size: clamp(1.15rem, 1.5vw, 1.3rem) !important; }
  body:is(.blog,.category) .blog-pagina .blog-rejilla.filtrando > .blog-tarjeta:first-child .blog-tarjeta-txt { color: #0C3362 !important; opacity: .78 !important; font-size: .94rem; }
  body:is(.blog,.category) .blog-pagina .blog-rejilla.filtrando > .blog-tarjeta:first-child .blog-tarjeta-mas { background-color: #0C3362 !important; }
  body:is(.blog,.category) .blog-pagina .blog-rejilla.filtrando > .blog-tarjeta:first-child .blog-tarjeta-mas::before { color: #fff !important; }
  body:is(.blog,.category) .blog-pagina .blog-rejilla.filtrando > .blog-tarjeta:first-child .blog-tarjeta-cat::after { content: none; }
}
/* fin blog-img */

/* Tendencias en Talento: filtro más compacto (blog-filtro-3) */
body:is(.blog,.category) .blog-pagina .blog-filtro { padding: .75rem .9rem !important; border-radius: 24px !important; max-width: 860px !important; }
body:is(.blog,.category) .blog-pagina .blog-filtro-buscar::before { width: 2.2rem; height: 2.2rem; margin: .25rem 0 .25rem .25rem; }
body:is(.blog,.category) .blog-pagina .blog-filtro-buscar::after { left: calc(.25rem + .6rem); width: 1rem; height: 1rem; margin-top: -.5rem; }
body:is(.blog,.category) .blog-pagina .blog-filtro-buscar input { padding: .7rem .9rem !important; font-size: 1rem !important; }
body:is(.blog,.category) .blog-pagina .blog-filtro-boton { padding: .8rem 1.4rem !important; }
body:is(.blog,.category) .blog-pagina .blog-filtro .blog-chips { margin-top: .6rem !important; gap: .4rem !important; justify-content: center !important; }
body:is(.blog,.category) .blog-pagina .blog-filtro .blog-chips::before { display: none !important; }
body:is(.blog,.category) .blog-pagina .blog-chip { padding: .3rem .5rem .3rem .3rem !important; font-size: .82rem !important; gap: .35rem !important; }
body:is(.blog,.category) .blog-pagina .blog-chip-ico { width: 1.45rem; height: 1.45rem; }
body:is(.blog,.category) .blog-pagina .blog-chip-ico::before { width: .8rem; height: .8rem; }
body:is(.blog,.category) .blog-pagina .blog-chip-n { min-width: 1.25rem; height: 1.25rem; font-size: .7rem; }
body:is(.blog,.category) .blog-pagina .blog-conteo { margin: .2rem 0 1.4rem !important; }

/* ---------- Tendencias en Talento: categorías en lista desplegable (blog-desp) ---------- */
body:is(.blog,.category) .blog-pagina .blog-desp { position: relative; flex: 0 0 auto; }
body:is(.blog,.category) .blog-pagina .blog-desp-boton { display: inline-flex; align-items: center; gap: .55rem; height: 100%; min-height: 2.9rem; padding: .45rem .9rem .45rem .45rem; border-radius: 999px; border: 1.5px solid rgba(12,51,98,.14); background: #fff; color: #0C3362; font: inherit; font-weight: 700; font-size: .92rem; cursor: pointer; white-space: nowrap; transition: border-color .3s, box-shadow .3s; }
body:is(.blog,.category) .blog-pagina .blog-desp-boton:hover, body:is(.blog,.category) .blog-pagina .blog-desp.abierto .blog-desp-boton { border-color: #D3AE37; box-shadow: 0 0 0 4px rgba(211, 174, 55,.18); }
body:is(.blog,.category) .blog-pagina .blog-desp-boton .blog-chip-ico { background: linear-gradient(160deg, #D3AE37, #D3AE37) !important; }
body:is(.blog,.category) .blog-pagina .blog-desp-boton::after { content: ""; width: .9rem; height: .9rem; background: #0C3362; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform .3s; }
body:is(.blog,.category) .blog-pagina .blog-desp.abierto .blog-desp-boton::after { transform: rotate(180deg); }
body:is(.blog,.category) .blog-pagina .blog-desp .blog-chips { position: absolute !important; top: calc(100% + .55rem); right: 0; z-index: 20; display: flex !important; flex-direction: column; gap: .2rem !important; min-width: 270px; margin: 0 !important; padding: .5rem !important;
  background: #fff; border-radius: 18px; box-shadow: 0 30px 60px -24px rgba(12,51,98,.55), 0 0 0 1px rgba(211, 174, 55,.35);
  opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.98); transform-origin: top right; transition: opacity .25s, transform .3s cubic-bezier(.2,.8,.2,1), visibility .25s; }
body:is(.blog,.category) .blog-pagina .blog-desp.abierto .blog-chips { opacity: 1; visibility: visible; transform: none; }
body:is(.blog,.category) .blog-pagina .blog-desp .blog-chip { width: 100%; justify-content: flex-start; border: 0 !important; box-shadow: none !important; border-radius: 12px !important; padding: .55rem .7rem !important; font-size: .9rem !important; background: transparent !important; color: #0C3362 !important; transform: none !important; }
body:is(.blog,.category) .blog-pagina .blog-desp .blog-chip > span:nth-child(2) { flex: 1; text-align: left; }
body:is(.blog,.category) .blog-pagina .blog-desp .blog-chip:hover { background: rgba(110,166,205,.14) !important; }
body:is(.blog,.category) .blog-pagina .blog-desp .blog-chip.activo { background: linear-gradient(150deg, #0C3362, #0C3362) !important; color: #fff !important; }
body:is(.blog,.category) .blog-pagina .blog-desp .blog-chip.activo::after { display: none; }
body:is(.blog,.category) .blog-pagina .blog-desp .blog-chip-ico { width: 1.7rem; height: 1.7rem; }
body:is(.blog,.category) .blog-pagina .blog-desp .blog-chip-ico::before { width: .9rem; height: .9rem; }
@media (max-width: 680px) {
  body:is(.blog,.category) .blog-pagina .blog-desp { flex: 1 1 auto; }
  body:is(.blog,.category) .blog-pagina .blog-desp-boton { width: 100%; justify-content: flex-start; }
  body:is(.blog,.category) .blog-pagina .blog-desp-boton::after { margin-left: auto; }
  body:is(.blog,.category) .blog-pagina .blog-desp .blog-chips { left: 0; right: 0; min-width: 0; transform-origin: top center; }
}
/* fin blog-desp */

/* ---------- Tendencias en Talento: cierre corto (blog-cierre) ---------- */
body:is(.blog,.category) .blog-pagina .entrada-cierre-corta { display: flex !important; align-items: center; justify-content: space-between; gap: clamp(1rem, 3vw, 2.4rem); text-align: left !important;
  padding: clamp(1.1rem, 2.2vw, 1.5rem) clamp(1.3rem, 3vw, 2.2rem) !important; margin-top: clamp(2rem, 4vw, 2.8rem) !important; border-radius: 24px !important; }
body:is(.blog,.category) .blog-pagina .entrada-cierre-corta .entrada-cierre-texto { flex: 1 1 auto; min-width: 0; }
body:is(.blog,.category) .blog-pagina .entrada-cierre-corta .entrada-cierre-tit { margin: 0 0 .3rem !important; font-size: clamp(1.15rem, 1.8vw, 1.4rem) !important; line-height: 1.25 !important; text-align: left !important; }
body:is(.blog,.category) .blog-pagina .entrada-cierre-corta .entrada-cierre-txt { margin: 0 !important; max-width: 46rem !important; font-size: .92rem !important; line-height: 1.5 !important; text-align: left !important; }
body:is(.blog,.category) .blog-pagina .entrada-cierre-corta .entrada-cierre-accion { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: .45rem; text-align: center; }
body:is(.blog,.category) .blog-pagina .entrada-cierre-corta .entrada-cierre-nota { font-size: .78rem; font-weight: 700; color: #D3AE37; max-width: 15rem; line-height: 1.3; }
body:is(.blog,.category) .blog-pagina .entrada-cierre-corta .btn { margin: 0 !important; padding: .8rem 1.4rem !important; font-size: .95rem !important; white-space: nowrap; box-shadow: 0 12px 26px -10px rgba(211, 174, 55,.9); }
@media (max-width: 760px) {
  body:is(.blog,.category) .blog-pagina .entrada-cierre-corta { flex-direction: column; align-items: stretch; text-align: center !important; }
  body:is(.blog,.category) .blog-pagina .entrada-cierre-corta .entrada-cierre-tit, body:is(.blog,.category) .blog-pagina .entrada-cierre-corta .entrada-cierre-txt { text-align: center !important; }
  body:is(.blog,.category) .blog-pagina .entrada-cierre-corta .entrada-cierre-nota { max-width: none; }
}
/* fin blog-cierre */

/* Tendencias en Talento: aire antes del pie (blog-cierre-2) */
body:is(.blog,.category) .blog-pagina { padding-bottom: clamp(2.4rem, 5vw, 4rem) !important; }

/* Inicio: más difuminado azul detrás del texto del hero (hero-difuminado) */
@media (min-width: 700px) {
  body.home .hero .hero-content::before { inset: -45% -40% -45% -6% !important; background: radial-gradient(closest-side at 58% 50%, rgba(12,51,98,.9) 0%, rgba(12,51,98,.72) 45%, rgba(12,51,98,.35) 75%, transparent 100%) !important; filter: blur(6px); }
  body.home .hero .hero-title { text-shadow: 0 2px 18px rgba(12,51,98,.65); }
}

/* Inicio: aún más azul detrás del texto del hero (hero-difuminado-2) */
@media (min-width: 700px) {
  body.home .hero .hero-content::before { inset: -50% -45% -50% -10% !important; background: radial-gradient(closest-side at 56% 50%, rgba(12,51,98,.97) 0%, rgba(12,51,98,.9) 40%, rgba(12,51,98,.62) 68%, rgba(12,51,98,.25) 86%, transparent 100%) !important; filter: blur(4px); }
  body.home .hero .hero-inner { position: relative; }
  body.home .hero .hero-bg-tint { background: linear-gradient(270deg, rgba(12,51,98,.78) 0%, rgba(12,51,98,.5) 24%, rgba(12,51,98,0) 46%) !important; opacity: 1 !important; }
  body.home .hero .hero-title { text-shadow: 0 2px 22px rgba(12,51,98,.9), 0 1px 3px rgba(12,51,98,.6); }
}

/* Inicio: "¿Cómo podemos ayudarle?" empresas a la derecha y etiquetas sin mayúscula sostenida (publicos-orden) */
body.home #para-quien .publicos-grid > .publico-candidato { order: 1; }
body.home #para-quien .publicos-grid > .publico-empresa { order: 2; }
body.home #para-quien .publico-tag { text-transform: none !important; letter-spacing: 0 !important; font-size: clamp(.95rem, 1.2vw, 1.05rem) !important; font-weight: 700 !important; }


/* Quiénes somos: banner con difuminado azul (qs-azul) */
body.pagina-quienes-somos .svc-hero { background: #0C3362 !important; }
body.pagina-quienes-somos .svc-hero::after { background-size: cover !important; background-position: center 62% !important; }
body.pagina-quienes-somos .svc-hero .kicker { color: #D3AE37 !important; }
body.pagina-quienes-somos .svc-hero h1 { color: #fff !important; }
body.pagina-quienes-somos .svc-hero h1 em { color: #6EA6CD !important; }
body.pagina-quienes-somos .svc-hero p, body.pagina-quienes-somos .svc-hero .lead { color: rgba(255,255,255,.9) !important; }
@media (max-width: 899px) {
  body.pagina-quienes-somos .svc-hero::before { background: linear-gradient(180deg, rgba(12,51,98,.25) 0px, rgba(12,51,98,.05) 84px, rgba(12,51,98,0) 30%, rgba(12,51,98,.35) 45%, rgba(12,51,98,.8) 55%, #0C3362 64%, #0C3362 100%) !important; }
}
@media (min-width: 900px) {
  body.pagina-quienes-somos .svc-hero::before { background: linear-gradient(90deg, #0C3362 0%, #0C3362 30%, rgba(12,51,98,.88) 42%, rgba(12,51,98,.55) 55%, rgba(12,51,98,.2) 70%, rgba(12,51,98,0) 85%) !important; }
}

/* Quiénes somos: logo sobre el portátil (qs-portatil) */
body.pagina-quienes-somos .svc-hero .qs-portatil { position: absolute; z-index: 1; pointer-events: none; opacity: .92; filter: drop-shadow(0 1px 3px rgba(0,0,0,.35)); }

/* ---------- Quiénes somos: perfil del CEO más compacto (qs-ceo) ---------- */
body.pagina-quienes-somos #equipo { padding-top: clamp(2.8rem, 5vw, 4.2rem) !important; padding-bottom: clamp(2.8rem, 5vw, 4.2rem) !important; }
body.pagina-quienes-somos #equipo .founder-grid { max-width: 1060px !important; margin-inline: auto !important; gap: clamp(1.6rem, 3.5vw, 3rem) !important; align-items: center !important; grid-template-columns: minmax(0, 330px) minmax(0, 1fr) !important; }
body.pagina-quienes-somos #equipo .founder-figure { max-width: 330px !important; width: 100% !important; margin: 0 auto !important; }
body.pagina-quienes-somos #equipo .founder-figure > img:first-child { max-height: 380px; object-fit: cover; object-position: center 20%; }
body.pagina-quienes-somos #equipo .founder-quote { font-size: .95rem !important; padding: 1rem 1.2rem !important; }
body.pagina-quienes-somos #equipo .founder-content .section-title { margin-bottom: .2rem !important; }
body.pagina-quienes-somos #equipo .founder-bio { margin-bottom: 1rem !important; }
body.pagina-quienes-somos #equipo .founder-areas { margin-bottom: 1rem !important; }
body.pagina-quienes-somos #equipo .founder-education { margin-bottom: 1rem !important; }
@media (max-width: 899px) {
  body.pagina-quienes-somos #equipo .founder-grid { grid-template-columns: 1fr !important; }
  body.pagina-quienes-somos #equipo .founder-figure { max-width: 300px !important; }
}
/* fin qs-ceo */

/* Quiénes somos: perfil del CEO a todo el ancho, en dos columnas también en tablet (qs-ceo-2) */
body.pagina-quienes-somos #equipo .founder-grid { max-width: 1200px !important; padding-inline: clamp(1rem, 3vw, 2rem) !important; box-sizing: border-box; }
@media (min-width: 700px) {
  body.pagina-quienes-somos #equipo .founder-grid { display: grid !important; grid-template-columns: minmax(0, clamp(240px, 30vw, 340px)) minmax(0, 1fr) !important; align-items: center !important; gap: clamp(1.4rem, 3vw, 3rem) !important; }
  body.pagina-quienes-somos #equipo .founder-figure { max-width: none !important; margin: 0 !important; }
  body.pagina-quienes-somos #equipo .founder-content { text-align: left !important; }
  body.pagina-quienes-somos #equipo .founder-content .section-title, body.pagina-quienes-somos #equipo .founder-content p { text-align: left !important; margin-left: 0 !important; }
  body.pagina-quienes-somos #equipo .founder-areas { justify-content: flex-start !important; }
}

/* Cita del fundador: comillas grandes (comillas) */
.founder-quote .comilla { font-family: var(--font-display); font-style: normal; font-weight: 700; color: #D3AE37; line-height: 0; font-size: 3.4em; display: inline-block; text-shadow: 0 4px 12px rgba(211, 174, 55,.35); }
.founder-quote .comilla-abre { vertical-align: -.42em; margin-right: .08em; }
.founder-quote .comilla-cierra { vertical-align: -.62em; margin-left: .05em; }

/* ---------- Página Contáctanos (contactanos) ---------- */
body.pagina-contactanos #contacto { padding-top: calc(88px + clamp(2rem, 4vw, 3.2rem)) !important; }
body.pagina-contactanos #faq .section-head::after {
  background-image: linear-gradient(rgba(0,0,0,0) 55%, rgba(12,51,98,.55)), url("/wp-content/uploads/2026/10/smiling-customer-service-employee-modern-call-center-office-professional-cheerful-setting-1536x1152.jpg") !important;
  background-position: 0 0, 50% 30% !important;
}
/* fin contactanos */

/* ---------- Liderazgo: menos aire entre secciones y a los lados (lid-compacto) ---------- */
body.pagina-desarrollo-de-liderazgo-medellin #brx-content > section:not(.svc-hero), body.pagina-desarrollo-de-liderazgo-medellin main > section:not(.svc-hero) { padding-top: clamp(2.4rem, 4.5vw, 3.6rem) !important; padding-bottom: clamp(2.4rem, 4.5vw, 3.6rem) !important; }
body.pagina-desarrollo-de-liderazgo-medellin .svc-hero { padding-bottom: clamp(2rem, 4vw, 3rem) !important; }
body.pagina-desarrollo-de-liderazgo-medellin section > .container { padding-left: clamp(1rem, 2.4vw, 1.5rem) !important; padding-right: clamp(1rem, 2.4vw, 1.5rem) !important; max-width: 1240px !important; }
body.pagina-desarrollo-de-liderazgo-medellin .section-head { margin-bottom: clamp(1.4rem, 3vw, 2.2rem) !important; }
body.pagina-desarrollo-de-liderazgo-medellin .section-head .section-sub { margin-bottom: 0 !important; }
body.pagina-desarrollo-de-liderazgo-medellin #brxe-1j5bgq .pain-list, body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .steps { margin-top: 0 !important; }
/* competencias: tres columnas desde tablet, sin franjas vacías a los lados */
@media (min-width: 760px) { body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .niveles { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; max-width: none !important; } body.pagina-desarrollo-de-liderazgo-medellin #brxe-dfwuhw .nivel { padding: 1.6rem 1.2rem !important; } }
/* fin lid-compacto */

/* ---------- Pantalla de carga: las barras del logo se van llenando (splash-barras) ---------- */
.splash .splash-marca { display: block; width: clamp(110px, 14vw, 150px); height: auto; margin: 0 auto 1rem; overflow: visible; animation: splashMarca 1.4s 1.45s ease-in-out infinite alternate; }
.splash .splash-barra { fill: url(#splashOro); transform-box: fill-box; transform-origin: 50% 100%; transform: scaleY(0); opacity: 0; animation: splashBarra .6s cubic-bezier(.2,.8,.2,1) forwards; }
.splash .splash-barra.b1 { animation-delay: .05s; }
.splash .splash-barra.b2 { animation-delay: .35s; }
.splash .splash-barra.b3 { animation-delay: .65s; }
.splash .splash-barra.b4 { animation-delay: .95s; }
@keyframes splashBarra { 0% { transform: scaleY(0); opacity: 0; } 60% { opacity: 1; } 100% { transform: scaleY(1); opacity: 1; } }
@keyframes splashMarca { from { filter: drop-shadow(0 0 4px rgba(211, 174, 55,.35)); } to { filter: drop-shadow(0 0 16px rgba(211, 174, 55,.85)); } }
/* el nombre: la parte de texto del logo original */
.splash .splash-texto { display: block; width: clamp(150px, 20vw, 220px); aspect-ratio: 700 / 165; margin: 0 auto; background: url("/wp-content/uploads/2026/10/magnata-logo-d4af37.png") center 100% / 100% auto no-repeat; opacity: 0; animation: splashTexto .7s 1.3s ease forwards; }
@keyframes splashTexto { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.splash .splash-logo, .splash .splash-line { display: none !important; }
@media (prefers-reduced-motion: reduce) { .splash .splash-barra { animation: none; transform: none; opacity: 1; } .splash .splash-texto { animation: none; opacity: 1; } }
/* fin splash-barras */

/* ---------- Todas las páginas: menos aire arriba, abajo y a los lados (compacto-global) ---------- */
body #brx-content > section.section:not(.svc-hero):not(.hero), body main > section.section:not(.svc-hero):not(.hero), body section.inicio-blog { padding-top: clamp(2.4rem, 4.5vw, 3.6rem) !important; padding-bottom: clamp(2.4rem, 4.5vw, 3.6rem) !important; }
body section.section > .container, body section.inicio-blog > .container { padding-left: clamp(1rem, 2.4vw, 1.5rem) !important; padding-right: clamp(1rem, 2.4vw, 1.5rem) !important; max-width: 1240px !important; }
body section.section .section-head { margin-bottom: clamp(1.4rem, 3vw, 2.2rem) !important; }
body .svc-hero { padding-bottom: clamp(2rem, 4vw, 3rem) !important; }
/* fin compacto-global */

/* ---------- Botón "Registra tu hoja de vida aquí" en celular: dos líneas, sin cortarse (hv-boton-movil) ---------- */
@media (max-width: 560px) { a.hv-registra { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; line-height: 1.15 !important; text-align: center !important; max-width: 150px !important; padding: .45rem .8rem !important; } }
/* fin hv-boton-movil */

/* ---------- Pie de página discreto: acompaña, no compite (pie-sobrio) ---------- */
html body #brx-footer footer.footer {
  background: #0C3362 !important; background-image: none !important;
  border-top: 1px solid rgba(211, 174, 55,.35) !important;
  padding: clamp(1.4rem, 3vw, 2rem) 0 clamp(1.2rem, 2.5vw, 1.6rem) !important;
  color: rgba(247, 245, 241,.7) !important;
}
html body #brx-footer .pie-suscripcion {
  max-width: 1240px !important; margin: 0 auto clamp(1.1rem, 2.4vw, 1.5rem) !important;
  padding: 0 clamp(1rem, 2.4vw, 1.5rem) clamp(1rem, 2.2vw, 1.3rem) !important;
  background: none !important; border: 0 !important; border-bottom: 1px solid rgba(195,211,224,.14) !important;
  border-radius: 0 !important; box-shadow: none !important;
  display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem 1.2rem;
}
html body #brx-footer .pie-suscripcion::before, html body #brx-footer .pie-suscripcion::after { display: none !important; }
html body #brx-footer .pie-sus-texto { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .6rem; min-width: 0; }
html body #brx-footer .pie-sus-kicker { color: #C3D3E0 !important; font-size: .85rem !important; font-weight: 600 !important; margin: 0 !important; padding: 0 !important; }
html body #brx-footer .pie-sus-kicker::before { display: none !important; }
html body #brx-footer .pie-sus-titulo { font-size: .98rem !important; font-weight: 500 !important; line-height: 1.4 !important; color: rgba(247, 245, 241,.85) !important; margin: 0 !important; }
html body #brx-footer .pie-sus-boton {
  background: transparent !important; background-image: none !important; color: #D3AE37 !important;
  border: 1px solid rgba(211, 174, 55,.6) !important; box-shadow: none !important; animation: none !important;
  padding: .5rem 1.1rem !important; font-size: .9rem !important; font-weight: 600 !important; border-radius: 100px !important;
  transition: background .25s, color .25s !important;
}
html body #brx-footer .pie-sus-boton::before, html body #brx-footer .pie-sus-boton::after { display: none !important; }
html body #brx-footer .pie-sus-boton:hover { background: #D3AE37 !important; color: #0C3362 !important; }
html body #brx-footer .pie-sus-form { flex-basis: 100%; }
html body #brx-footer .footer-inner { max-width: 1240px !important; padding: 0 clamp(1rem, 2.4vw, 1.5rem) !important; gap: 1rem 2rem !important; align-items: center !important; }
html body #brx-footer .footer-brand { gap: .5rem !important; }
html body #brx-footer .footer-logo { width: 104px !important; height: auto !important; opacity: .85; margin: 0 !important; }
html body #brx-footer .footer-copy { font-size: .82rem !important; color: rgba(247, 245, 241,.55) !important; margin: 0 !important; }
html body #brx-footer .pie-redes { gap: .45rem !important; margin-top: .2rem !important; }
html body #brx-footer .pie-redes a {
  width: 32px !important; height: 32px !important; background: transparent !important; color: #C3D3E0 !important;
  border: 1px solid rgba(195,211,224,.3) !important; box-shadow: none !important; transition: color .2s, border-color .2s !important;
}
html body #brx-footer .pie-redes a svg { width: 15px !important; height: 15px !important; }
html body #brx-footer .pie-redes a:hover { color: #D3AE37 !important; border-color: #D3AE37 !important; transform: none !important; }
html body #brx-footer .footer-links { gap: .4rem 1.3rem !important; }
html body #brx-footer .footer-links a, html body #brx-footer .footer-links a.hv-registra {
  font-size: .88rem !important; color: rgba(247, 245, 241,.62) !important; background: none !important; background-image: none !important;
  border: 0 !important; box-shadow: none !important; animation: none !important; padding: 0 !important; max-width: none !important;
  white-space: nowrap !important; text-decoration: none !important; transition: color .2s !important;
}
html body #brx-footer .footer-links a.hv-registra::before, html body #brx-footer .footer-links a.hv-registra::after { display: none !important; }
html body #brx-footer .footer-links a:hover { color: #D3AE37 !important; }
/* fin pie-sobrio */

/* ---------- Solo "Registra tu hoja de vida aquí" brilla y late; los demás botones tienen su propio efecto (botones-propios) ---------- */
html body :is(.btn, button, .blog-tarjeta-mas, .pie-sus-boton):not(.hv-registra),
html body :is(.btn, button, .blog-tarjeta-mas, .pie-sus-boton):not(.hv-registra)::before,
html body :is(.btn, button, .blog-tarjeta-mas, .pie-sus-boton):not(.hv-registra)::after { animation: none !important; }
html body #contacto .cta-form button[type="submit"]::before,
html body .pie-sus-boton::before { display: none !important; }
html body:is(.blog,.category) .blog-pagina .entrada-cierre .btn { background: #D3AE37 !important; background-size: auto !important; }
html body:is(.blog,.category) .blog-pagina .blog-tarjeta-mas { background-image: none !important; }
/* efecto propio: elevación suave y la flecha que avanza, sin destellos */
html body :is(.btn, #contacto .cta-form button[type="submit"], .cita-enviar):not(.hv-registra) { transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease, filter .25s ease !important; }
html body :is(.btn, #contacto .cta-form button[type="submit"], .cita-enviar):not(.hv-registra):hover { transform: translateY(-2px); box-shadow: 0 12px 24px -12px rgba(12,51,98,.55) !important; }
/* enviar hoja de vida: azul sólido con flecha dorada */
html body #brx-content.hv2 .hv2-enviar { background: #0C3362 !important; color: #fff !important; box-shadow: 0 14px 28px -16px rgba(12,51,98,.8) !important; }
html body #brx-content.hv2 .hv2-enviar::after { display: none !important; }
html body #brx-content.hv2 .hv2-enviar svg { color: #D3AE37; }
html body #brx-content.hv2 .hv2-enviar:hover { background: #0C3362 !important; filter: none !important; }
/* fin botones-propios */

/* ---------- Menú del celular: letra moderada, lista ordenada y "Nuestros servicios" desplegable (menu-movil) ---------- */
html body #nav-mobile {
  justify-content: flex-start !important; align-items: stretch !important; gap: 0 !important;
  overflow-y: auto !important; -webkit-overflow-scrolling: touch;
  padding: calc(84px + .6rem) clamp(1.2rem, 6vw, 2rem) 2rem !important; text-align: left !important;
}
html body #nav-mobile .nav-mobile-logo { width: 116px !important; height: auto !important; margin: 0 auto 1rem !important; }
html body #nav-mobile :is(.nav-mobile-link, .nav-mobile-servicios-btn):not(.hv-registra):not(.nav-mobile-cta) {
  display: flex !important; align-items: center; justify-content: space-between; width: 100%;
  font-size: 1.06rem !important; font-weight: 500 !important; line-height: 1.3 !important; letter-spacing: 0 !important;
  color: #F7F5F1 !important; padding: .85rem .2rem !important; margin: 0 !important; text-align: left !important;
  border: 0 !important; border-bottom: 1px solid rgba(195,211,224,.16) !important; border-radius: 0 !important; background: none !important;
}
html body #nav-mobile :is(.nav-mobile-link, .nav-mobile-sub)::before { display: none !important; }
html body #nav-mobile .nav-mobile-grupo { display: none !important; }
html body #nav-mobile .nav-mobile-servicios-btn { cursor: pointer; font-family: inherit; }
html body #nav-mobile .nav-mobile-servicios-btn svg { width: 18px; height: 18px; fill: none; stroke: #D3AE37; stroke-width: 2.2; stroke-linecap: round; transition: transform .3s; }
html body #nav-mobile .nav-mobile-servicios-btn[aria-expanded="true"] svg { transform: rotate(180deg); }
html body #nav-mobile .nav-mobile-servicios-lista { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; border-bottom: 1px solid rgba(195,211,224,.16); }
html body #nav-mobile .nav-mobile-servicios-lista.abierta { grid-template-rows: 1fr; }
html body #nav-mobile .nav-mobile-servicios-lista > div { overflow: hidden; display: flex; flex-direction: column; }
html body #nav-mobile .nav-mobile-servicios-lista.abierta > div { padding: .35rem 0 .6rem; }
html body #nav-mobile .nav-mobile-servicios-lista a.nav-mobile-servicio.nav-mobile-link.brxe-text-link:not(.hv-registra):not(.nav-mobile-cta) {
  font-size: .98rem !important; font-weight: 600 !important; color: #fff !important;
  padding: .55rem .2rem .3rem .8rem !important; border: 0 !important; border-left: 2px solid #D3AE37 !important; margin-top: .35rem !important;
}
html body #nav-mobile .nav-mobile-servicios-lista .nav-mobile-sub {
  display: block !important; font-size: .9rem !important; font-weight: 400 !important; color: #C3D3E0 !important; text-align: left !important;
  padding: .32rem .2rem .32rem 1.6rem !important; margin: 0 !important; border: 0 !important;
}
html body #nav-mobile a.hv-registra { margin: 1.3rem 0 0 !important; font-size: .98rem !important; padding: .8rem 1rem !important; justify-content: center !important; min-height: 0 !important; max-width: none !important; }
html body #nav-mobile .nav-mobile-cta { margin: .7rem 0 0 !important; font-size: .98rem !important; padding: .8rem 1rem !important; justify-content: center !important; text-align: center !important; }
/* logo del cabezote más pequeño en celular */
@media (max-width: 767px) {
  html body .nav .nav-brand-logo { width: 128px !important; height: auto !important; }
}
/* fin menu-movil */

/* ---------- Formulario de contacto plegado en celular: primero el botón, luego el formulario (form-plegable) ---------- */
.form-abrir { display: none; }
@media (max-width: 767px) {
  html body .contact-form-wrap.form-plegado:not(.form-abierto) > form.cta-form { display: none !important; }
  html body .contact-form-wrap.form-plegado .form-abrir {
    display: flex; align-items: center; justify-content: center; gap: .6rem; width: 100%;
    padding: 1rem 1.2rem; border: 0; border-radius: 100px; cursor: pointer;
    font-family: "DM Sans", sans-serif; font-weight: 700; font-size: 1.05rem;
    background: #0C3362; color: #fff; box-shadow: 0 14px 26px -16px rgba(12,51,98,.8);
  }
  html body .contact-form-wrap.form-plegado .form-abrir svg { width: 20px; height: 20px; fill: none; stroke: #D3AE37; stroke-width: 2.2; stroke-linecap: round; transition: transform .3s; }
  html body .contact-form-wrap.form-abierto .form-abrir { margin-bottom: 1rem; background: transparent; color: #0C3362; border: 1.5px solid #C3D3E0; box-shadow: none; }
  html body .contact-form-wrap.form-abierto .form-abrir svg { transform: rotate(180deg); }
  html body .contact-form-wrap.form-abierto > form.cta-form { animation: formBaja .4s ease both; }
  @keyframes formBaja { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
}
/* fin form-plegable */

/* ---------- Banners de servicios y Quiénes somos en celular: foto arriba con difuminado azul y blanco, texto debajo (banner-azul-blanco) ---------- */
@media (max-width: 959px) {
  html body:is(.pagina-seleccion-de-personal-medellin, .pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin, .pagina-quienes-somos) .svc-hero { padding-top: 0 !important; background: #fff !important; }
  html body:is(.pagina-seleccion-de-personal-medellin, .pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin, .pagina-quienes-somos) .svc-hero::after {
    inset: 84px 0 auto 0 !important; height: 64vw !important; width: auto !important;
    background-size: cover !important; background-position: center 30% !important; mask-image: none !important; -webkit-mask-image: none !important;
  }
  html body:is(.pagina-seleccion-de-personal-medellin, .pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin, .pagina-quienes-somos) .svc-hero::before {
    inset: 0 !important; height: auto !important;
    background:
      linear-gradient(180deg, #fff 0, #fff 84px, rgba(12,51,98,.42) 84px, rgba(12,51,98,0) calc(84px + 16vw), rgba(110,166,205,0) calc(84px + 34vw), rgba(110,166,205,.42) calc(84px + 48vw), rgba(195,211,224,.8) calc(84px + 56vw), #fff calc(84px + 64vw), #fff 100%) !important;
  }
  html body:is(.pagina-seleccion-de-personal-medellin, .pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin, .pagina-quienes-somos) .svc-hero > .container { padding-top: calc(84px + 64vw) !important; position: relative; z-index: 2; }
  /* Quiénes somos: el texto pasa a fondo blanco, así que va en azul */
  html body.pagina-quienes-somos .svc-hero::after { background-position: center 45% !important; }
  html body.pagina-quienes-somos .svc-hero .kicker { color: #0C3362 !important; }
  html body.pagina-quienes-somos .svc-hero h1 { color: #0C3362 !important; text-shadow: none !important; }
  html body.pagina-quienes-somos .svc-hero h1 em { color: #6EA6CD !important; }
  html body.pagina-quienes-somos .svc-hero .lead { color: #0C3362 !important; text-shadow: none !important; }
  html body.pagina-quienes-somos .svc-hero .qs-portatil { display: none !important; }
}
/* fin banner-azul-blanco */

/* ---------- Selección: niveles (estratégico, táctico, operativo) con el ícono centrado (niveles-centro) ---------- */
html body.pagina-seleccion-de-personal-medellin #brxe-pkb924 .nivel { flex-direction: column !important; align-items: center !important; text-align: center !important; }
html body.pagina-seleccion-de-personal-medellin #brxe-pkb924 .nivel::before { align-self: center !important; margin-left: auto !important; margin-right: auto !important; }
html body.pagina-seleccion-de-personal-medellin #brxe-pkb924 .nivel > * { text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
html body.pagina-seleccion-de-personal-medellin #brxe-pkb924 .nivel > p { max-width: 46ch; }
/* fin niveles-centro */

/* ---------- Banners: difuminado azul y blanco más visible (banner-azul-blanco-2) ---------- */
@media (max-width: 959px) {
  html body:is(.pagina-seleccion-de-personal-medellin, .pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin, .pagina-quienes-somos) .svc-hero::before {
    background:
      linear-gradient(100deg, rgba(12,51,98,.78) 0%, rgba(12,51,98,.5) 18%, rgba(110,166,205,.32) 40%, rgba(110,166,205,.08) 60%, rgba(255,255,255,.18) 80%, rgba(255,255,255,.55) 100%) 0 84px / 100% 64vw no-repeat,
      linear-gradient(180deg, #fff 0, #fff 84px, rgba(255,255,255,0) calc(84px + 26vw), rgba(110,166,205,.35) calc(84px + 44vw), rgba(195,211,224,.85) calc(84px + 56vw), #fff calc(84px + 64vw), #fff 100%) !important;
  }
}
@media (min-width: 960px) {
  html body:is(.pagina-seleccion-de-personal-medellin, .pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin, .pagina-quienes-somos) .svc-hero::before {
    background:
      linear-gradient(0deg, rgba(255,255,255,.92) 0%, rgba(234, 240, 246,.55) 7%, rgba(195,211,224,0) 16%),
      radial-gradient(60% 90% at 46% 55%, rgba(110,166,205,.22), transparent 70%),
      linear-gradient(90deg, rgba(12,51,98,.97) 0%, rgba(12,51,98,.92) 30%, rgba(12,51,98,.75) 40%, rgba(110,166,205,.5) 50%, rgba(195,211,224,.32) 58%, rgba(255,255,255,.2) 66%, rgba(255,255,255,0) 76%, rgba(255,255,255,.22) 100%) !important;
  }
  html body:is(.pagina-seleccion-de-personal-medellin, .pagina-headhunting-medellin, .pagina-capacitacion-empresarial-medellin, .pagina-retencion-de-talento-medellin, .pagina-desarrollo-de-liderazgo-medellin, .pagina-banco-de-hojas-de-vida-medellin, .pagina-quienes-somos) .svc-hero > .container { position: relative; z-index: 2; }
}
/* fin banner-azul-blanco-2 */

/* niveles de Selección: el ícono (pseudo-elemento absoluto) al centro */
html body.pagina-seleccion-de-personal-medellin #brxe-pkb924 .nivel::before { left: 50% !important; right: auto !important; translate: -50% 0; }

/* ---------- "Registra tu hoja de vida aquí": sin efectos, botón dorado quieto (hv-sin-efecto) ---------- */
html body a.hv-registra.hv-registra.hv-registra, html body a.hv-registra.hv-registra.hv-registra::before { animation: none !important; transition: none !important; }
html body a.hv-registra.hv-registra.hv-registra { transform: none !important; filter: none !important; }
html body a.hv-registra.hv-registra.hv-registra::after { content: none !important; display: none !important; animation: none !important; }
html body a.hv-registra.hv-registra.hv-registra:hover { transform: none !important; }
/* fin hv-sin-efecto */

/* ---------- "Registra tu hoja de vida aquí": efecto que vive DENTRO del botón (hv-efecto-interno) ---------- */
/* El destello se pinta en el propio fondo del botón: nunca puede salirse de su borde. */
html body a.hv-registra.hv-registra.hv-registra {
  background-color: #D3AE37 !important;
  background-image: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 38%, rgba(234, 240, 246,.85) 50%, rgba(255,255,255,0) 62%, rgba(255,255,255,0) 100%) !important;
  background-size: 260% 100% !important; background-repeat: no-repeat !important; background-position: var(--hv-x) 0 !important; box-shadow: inset 0 0 0 var(--hv-anillo) rgba(12,51,98,.28) !important;
  animation: hvBarrido 3.6s ease-in-out infinite, hvAnillo 3.6s ease-in-out infinite !important;
}
html body a.hv-registra.hv-registra.hv-registra::before { animation: hvSube 1.8s ease-in-out infinite !important; }
html body a.hv-registra.hv-registra.hv-registra:hover { background-color: #D3AE37 !important; animation-duration: 1.6s, 1.6s !important; }
html body a.hv-registra.hv-registra.hv-registra:hover::before { animation-duration: .9s !important; }
@property --hv-x { syntax: "<percentage>"; inherits: false; initial-value: 130%; }
@property --hv-anillo { syntax: "<length>"; inherits: false; initial-value: 0px; }
@keyframes hvBarrido { 0%, 35% { --hv-x: 130%; } 75%, 100% { --hv-x: -30%; } }
@keyframes hvAnillo { 0%, 100% { --hv-anillo: 0px; } 50% { --hv-anillo: 2px; } }
@keyframes hvSube { 0%, 100% { transform: translateY(1px); } 50% { transform: translateY(-1.5px); } }
@media (prefers-reduced-motion: reduce) { html body a.hv-registra.hv-registra.hv-registra, html body a.hv-registra.hv-registra.hv-registra::before { animation: none !important; } }
/* fin hv-efecto-interno */

/* ---------- Celular: botón del cabezote compacto, sin destello; solo "respira" el dorado y se mueve el ícono (hv-movil-2) ---------- */
@media (max-width: 767px) {
  html body header a.hv-registra.hv-registra.hv-registra.nav-hv {
    animation: hvRespira 2.8s ease-in-out infinite !important;
    background-image: none !important; box-shadow: none !important;
    border-radius: 12px !important; padding: .42rem .7rem !important; gap: .4rem !important;
    max-width: 170px !important; min-height: 0 !important;
    font-size: .8rem !important; line-height: 1.15 !important; text-align: left !important; justify-content: flex-start !important;
  }
  html body header a.hv-registra.hv-registra.hv-registra.nav-hv::before { width: .95rem !important; height: .95rem !important; }
  @keyframes hvRespira { 0%, 100% { background-color: #D3AE37; } 50% { background-color: #D3AE37; } }
}
/* fin hv-movil-2 */

/* ---------- Celular: luz que recorre el contorno del botón (hv-contorno) ---------- */
@property --hv-ang { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes hvGira { to { --hv-ang: 360deg; } }
@media (max-width: 767px) {
  html body header a.hv-registra.hv-registra.hv-registra.nav-hv {
    border: 2px solid transparent !important;
    background: linear-gradient(#D3AE37, #D3AE37) padding-box,
                conic-gradient(from var(--hv-ang), #D3AE37 0deg, #D3AE37 220deg, #EAF0F6 290deg, #FFFFFF 310deg, #6EA6CD 330deg, #D3AE37 360deg) border-box !important;
    animation: hvGira 2.6s linear infinite, hvZoom 1.8s ease-in-out infinite !important;
  }
}
@keyframes hvZoom { 0%, 100% { scale: 1; } 50% { scale: 1.07; } }
/* fin hv-contorno */


/* ---------- Inicio · Otros servicios: botón a la página de cada servicio ---------- */
.otros-grid .card-mini { display: flex; flex-direction: column; }
.otros-grid .card-mini .card-tags { margin-bottom: 1.3rem; }
.otros-grid .card-mini .card-link {
  margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center;
  padding: .7rem 1.2rem; border: 0; border-radius: 100px;
  background: #0C3362; color: #FFFFFF; font-weight: 700; font-size: .86rem; text-decoration: none;
  transition: background-color .3s var(--ease-out), color .3s var(--ease-out), transform .3s var(--ease-out);
}
.otros-grid .card-mini .card-link:hover { background: #6EA6CD; color: #0C3362; transform: translateX(4px); }


/* ---------- Inicio · Hero: titular más liviano (copy oct 2026) ---------- */
html body #top .hero-title {
  font-weight: 400 !important;
  font-size: clamp(1.9rem, 3vw, 2.7rem) !important;
  line-height: 1.22 !important;
  letter-spacing: -0.01em !important;
}

/* ---------- Inicio · Sección bajo el hero (#intro) ---------- */
html body #intro { background: #EAF0F6; padding-block: clamp(3.5rem, 7vw, 5.5rem); }
html body #intro .intro-head { max-width: 780px; margin-inline: auto; text-align: center; }
html body #intro .intro-titulo { margin: 0 auto 1.2rem; max-width: 22ch; text-align: center; }
html body #intro .intro-texto { margin: 0 auto; max-width: 68ch; text-align: center; color: #0C3362; font-size: clamp(1rem, 1.3vw, 1.12rem); line-height: 1.7; }
html body #intro .intro-texto-2 { margin-top: 1rem; font-weight: 600; }


/* ---------- Inicio · ¿Para quién es Magnata? (3 tarjetas, oct 2026) ---------- */
html body #para-quien .publicos-kicker {
  font-family: var(--font-body) !important; font-size: .95rem !important; font-weight: 700 !important;
  letter-spacing: .01em !important; line-height: 1.4 !important; color: #0C3362 !important; opacity: .8;
  text-align: center !important; margin: 0 auto .6rem !important;
}
html body #para-quien .publicos-titulo { text-align: center; margin: 0 auto .9rem; max-width: 24ch; }
html body #para-quien .publicos-sub { text-align: center; margin: 0 auto clamp(2rem, 4vw, 2.8rem); max-width: 62ch; color: #0C3362; }
html body.home #para-quien .publicos-grid > .publico-empresa { order: 1; }
html body.home #para-quien .publicos-grid > .publico-talento { order: 2; }
html body.home #para-quien .publicos-grid > .publico-candidato { order: 3; }
@media (min-width: 700px) {
  html body #para-quien .publicos-grid.publicos-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body #para-quien .publicos-grid.publicos-grid-3 > .publico-candidato { grid-column: 1 / -1; }
}
@media (min-width: 1024px) {
  html body #para-quien .publicos-grid.publicos-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html body #para-quien .publicos-grid.publicos-grid-3 > .publico-candidato { grid-column: auto; }
}
html body #para-quien .publico { display: flex; flex-direction: column; }
html body #para-quien .publico-acciones .btn { white-space: normal; text-align: left; }


/* ---------- Inicio · Servicios: tarjetas nuevas (oct 2026) ---------- */
html body #servicios .bento-services .card-flagship { display: flex; flex-direction: column; }
html body #servicios .bento-services .card-flagship .card-link { margin-top: auto; align-self: flex-start; }
html body #servicios .bento-services .card-flagship .card-desc { margin-bottom: 1.4rem; }
html body #servicios .bento-services .card-pregunta { font-weight: 600; color: #FFFFFF; margin-bottom: .6rem !important; }
html body #servicios .otros-servicios > .kicker {
  display: block; text-align: center; font-family: var(--font-display) !important; font-weight: 700 !important;
  font-size: clamp(1.4rem, 2.2vw, 1.8rem) !important; letter-spacing: 0 !important; color: #0C3362 !important;
  margin: 0 auto 1.6rem !important;
}
html body #servicios .otros-grid.otros-grid-4 { grid-template-columns: 1fr; }
@media (min-width: 700px) { html body #servicios .otros-grid.otros-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { html body #servicios .otros-grid.otros-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
html body #servicios .otros-grid .card-mini .card-desc { margin-bottom: 1.3rem; }

html body #servicios .bento-services .card-flagship .card-category { letter-spacing: 0 !important; font-size: .98rem !important; font-weight: 600; line-height: 1.4; color: #6EA6CD; margin-bottom: 1rem; }


/* ---------- Inicio · ¿Por qué Magnata? y ¿Cómo trabajamos? (copy oct 2026) ---------- */
html body #por-que .why-sub-2 { margin-top: .9rem; font-weight: 600; color: #0C3362; }
html body #por-que .why-cta {
  margin-top: clamp(1.6rem, 3vw, 2.2rem); padding: clamp(1.4rem, 3vw, 1.9rem);
  background: #0C3362; border-radius: 20px; color: #F7F5F1;
  border-top: 4px solid #D3AE37; box-shadow: 0 24px 48px -30px rgba(12, 51, 98, .6);
}
html body #por-que .why-cta-titulo { color: #FFFFFF !important; font-size: clamp(1.25rem, 2vw, 1.5rem) !important; margin: 0 0 .5rem !important; }
html body #por-que .why-cta-texto { color: rgba(247, 245, 241, .9); margin: 0 0 1.2rem; line-height: 1.6; }
html body #por-que .proceso-lema { font-weight: 700; color: #F7F5F1; font-size: clamp(1.05rem, 1.6vw, 1.2rem); margin-bottom: .6rem; }

/* Bloque "No solo es llenar una vacante…" dentro de #por-que */
html body #por-que .decision-bloque { margin-top: 0; }
html body #por-que .decision-head { max-width: 760px; margin: 0 auto clamp(1.8rem, 3.5vw, 2.6rem); text-align: center; }
html body #por-que .decision-head .section-sub { margin-inline: auto; }
html body #por-que .decision-head .why-sub-2 { margin-top: .9rem; }
html body #por-que .decision-lista { display: grid; gap: 1.1rem; grid-template-columns: 1fr; }
@media (min-width: 860px) { html body #por-que .decision-lista { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
html body #por-que .decision-item { background: #FFFFFF; border: 1px solid rgba(12, 51, 98, .12); border-top: 4px solid #6EA6CD; border-radius: 18px; padding: 1.6rem; box-shadow: 0 14px 30px -22px rgba(12, 51, 98, .35); }
html body #por-que .decision-num { display: inline-grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: #0C3362; color: #FFFFFF; font-family: var(--font-display); font-weight: 700; margin-bottom: .9rem; }
html body #por-que .decision-titulo { font-size: clamp(1.15rem, 1.6vw, 1.3rem) !important; color: #0C3362; margin: 0 0 .5rem !important; }
html body #por-que .decision-texto { color: #0C3362; opacity: .85; line-height: 1.6; margin: 0; }
html body #por-que .decision-bloque .why-cta { max-width: 760px; margin-inline: auto; text-align: center; }

/* Tarjeta "¿Buscas empleo?" más pequeña */
html body #para-quien .publico-candidato { padding: clamp(1.3rem, 2.2vw, 1.7rem) !important; align-self: center; }
html body #para-quien .publico-candidato .publico-titulo { font-size: clamp(1.3rem, 1.9vw, 1.6rem) !important; margin-bottom: .5rem !important; }
html body #para-quien .publico-candidato .publico-texto { font-size: .95rem; }
html body #para-quien .publico-candidato .btn { padding: .7rem 1.15rem; font-size: .86rem; }
@media (min-width: 1024px) {
  html body #para-quien .publicos-grid.publicos-grid-3 { grid-template-columns: 1fr 1fr .7fr; align-items: stretch; }
}

/* Casos: "¿Cómo abordamos un caso?" del tamaño del título y en dorado */
html body #casos .kicker-casos {
  display: block; font-family: var(--font-display) !important; font-size: clamp(2rem, 4vw, 3rem) !important;
  font-weight: 700 !important; font-style: normal !important; line-height: 1.1 !important; letter-spacing: -0.02em !important;
  color: #D3AE37 !important; margin-bottom: .3rem !important;
}
html body #casos .kicker-casos::before, html body #casos .kicker-casos::after { display: none !important; }

/* Casos: título largo y botones (copy oct 2026) */
html body #casos .kicker-casos { font-size: clamp(1.9rem, 3.4vw, 2.7rem) !important; max-width: 24ch; margin-inline: auto !important; text-align: center; }
html body #casos .case-card { display: flex; flex-direction: column; }
html body #casos .case-card .caso-boton {
  margin-top: auto; align-self: flex-start; display: inline-flex; padding: .75rem 1.2rem; border: 0 !important; border-radius: 100px;
  background: #0C3362; color: #FFFFFF !important; font-weight: 700; font-size: .88rem; text-decoration: none; line-height: 1.35;
  transition: background-color .3s, transform .3s;
}
html body #casos .case-card .caso-boton:hover { background: #6EA6CD; color: #0C3362 !important; transform: translateX(4px); }
html body #casos .case-card .card-desc:last-of-type { margin-bottom: 1.4rem; }

/* Equipo / CEO (copy oct 2026) */
html body #equipo .section-title { font-size: clamp(1.9rem, 3.4vw, 2.7rem) !important; line-height: 1.15 !important; max-width: 20ch; }
html body #equipo .founder-content .founder-bio + .founder-bio { margin-top: .9rem; }
html body #equipo .founder-linkedin-texto::after { display: none !important; content: none !important; }
html body #equipo .founder-linkedin-texto .li-word { display: none !important; }

/* Contacto del inicio (copy oct 2026) */
html body #contacto .cta-form::before { content: "Solicita una conversación de diagnóstico" !important; }
html body #contacto .cta-form::after { content: "Te responderemos en un plazo de hasta 24 horas" !important; max-width: calc(100% - 2.4rem); white-space: normal; text-align: center; line-height: 1.3; }
html body #contacto .contacto-sub-2 { margin-top: .8rem; }
html body #contacto .contacto-directo { margin: 1.4rem 0 .6rem; font-weight: 700; color: #0C3362; }
html body #contacto form[data-form-simple] textarea[name="mensaje"] { min-height: 110px; }

/* ---------- Inicio · #intro rediseñado: titular a la izquierda, argumento a la derecha ---------- */
html body #intro { position: relative; overflow: hidden; isolation: isolate; background: #EAF0F6; padding-block: clamp(4rem, 8vw, 6.5rem); }
html body #intro::before {
  content: ""; position: absolute; z-index: -1; width: 46rem; height: 46rem; border-radius: 50%;
  right: -16rem; top: -20rem; background: radial-gradient(closest-side, rgba(195, 211, 224, .9), rgba(195, 211, 224, 0));
}
html body #intro::after {
  content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(12, 51, 98, .15), transparent);
}
html body #intro .intro-head {
  max-width: 1120px; margin-inline: auto; text-align: left;
  display: grid; grid-template-columns: 1fr; gap: 1.4rem;
}
html body #intro .intro-titulo {
  margin: 0; max-width: 15ch; text-align: left;
  font-size: clamp(2.1rem, 4.2vw, 3.4rem) !important; line-height: 1.12 !important;
  padding-left: clamp(1rem, 2vw, 1.5rem); border-left: 4px solid #D3AE37;
}
html body #intro .intro-titulo em {
  font-style: italic; font-weight: 600;
  background: linear-gradient(transparent 68%, rgba(211, 174, 55, .38) 68%);
  padding-inline: .08em;
}
html body #intro .intro-texto { margin: 0; max-width: 56ch; text-align: left; color: #0C3362; font-size: clamp(1rem, 1.25vw, 1.1rem); line-height: 1.75; }
html body #intro .intro-texto-2 {
  margin-top: .4rem; position: relative; font-weight: 600; line-height: 1.6;
  background: #FFFFFF; border-radius: 16px; padding: 1.15rem 1.35rem 1.15rem 3.2rem;
  box-shadow: 0 18px 36px -26px rgba(12, 51, 98, .45);
}
html body #intro .intro-texto-2::before {
  content: ""; position: absolute; left: 1.2rem; top: 1.35rem; width: 1.15rem; height: 1.15rem; border-radius: 50%;
  background: #0C3362; box-shadow: 0 0 0 4px rgba(110, 166, 205, .35);
}
@media (min-width: 900px) {
  html body #intro .intro-head { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); column-gap: clamp(2.5rem, 6vw, 5rem); row-gap: 1.2rem; align-items: center; }
  html body #intro .intro-titulo { grid-column: 1; grid-row: 1 / span 2; }
  html body #intro .intro-texto { grid-column: 2; }
}

/* Quiénes somos: encuadre del banner para que no se corten las cabezas */
html body.pagina-quienes-somos .svc-hero::after { background-position: center 40% !important; }
@media (max-width: 959px) { html body.pagina-quienes-somos .svc-hero::after { background-position: center 52% !important; } }

/* #intro con botón (Quiénes somos) */
html body #intro .intro-boton { justify-self: start; margin-top: .4rem; }
@media (min-width: 900px) {
  html body #intro .intro-head:has(.intro-boton) .intro-titulo { grid-row: 1 / span 3; }
  html body #intro .intro-boton { grid-column: 2; }
}

/* Quiénes somos · CEO: biografía larga y formación */
html body.pagina-quienes-somos #equipo .section-title { font-size: clamp(2.2rem, 4.2vw, 3.2rem) !important; }
html body #equipo .founder-formacion-tit { margin: 1.6rem 0 .6rem !important; font-size: 1.15rem !important; color: #F7F5F1 !important; }

/* Quiénes somos · ¿Qué hace diferente a Magnata? */
html body #diferencial { background: #F7F5F1; padding-block: clamp(4rem, 8vw, 6rem); }
html body #diferencial .diferencial-head { max-width: 760px; margin: 0 auto clamp(2rem, 4vw, 3rem); text-align: center; }
html body #diferencial .diferencial-kicker { margin: 0 0 .6rem; font-weight: 700; font-size: 1rem; color: #0C3362; opacity: .75; }
html body #diferencial .section-title { margin: 0 0 .9rem; text-align: center; }
html body #diferencial .section-sub { margin-inline: auto; text-align: center; color: #0C3362; }
html body #diferencial .diferencial-grid { display: grid; gap: 1.1rem; grid-template-columns: 1fr; }
@media (min-width: 700px) { html body #diferencial .diferencial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { html body #diferencial .diferencial-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
html body #diferencial .diferencial-item {
  background: #FFFFFF; border: 1px solid rgba(12, 51, 98, .1); border-radius: 18px; padding: 1.6rem;
  box-shadow: 0 16px 34px -26px rgba(12, 51, 98, .4); transition: transform .3s, box-shadow .3s;
}
html body #diferencial .diferencial-item:hover { transform: translateY(-4px); box-shadow: 0 26px 46px -28px rgba(12, 51, 98, .5); }
html body #diferencial .diferencial-num { display: block; font-family: var(--font-display); font-weight: 700; font-size: 1.6rem; color: #6EA6CD; margin-bottom: .7rem; }
html body #diferencial .diferencial-titulo { font-size: clamp(1.1rem, 1.5vw, 1.25rem) !important; color: #0C3362; margin: 0 0 .5rem !important; line-height: 1.25 !important; }
html body #diferencial .diferencial-texto { margin: 0; color: #0C3362; opacity: .85; line-height: 1.6; font-size: .97rem; }

/* Quiénes somos · Nuestra manera de trabajar */
html body #manera { background: radial-gradient(46rem 24rem at 85% -10%, rgba(110, 166, 205, .28), transparent 60%), #0C3362; color: #F7F5F1; padding-block: clamp(4rem, 8vw, 6rem); }
html body #manera .manera-head { max-width: 760px; margin: 0 auto clamp(2rem, 4vw, 3rem); text-align: center; }
html body #manera .section-title { color: #FFFFFF !important; text-align: center; margin: 0 0 .9rem; }
html body #manera .section-sub { color: rgba(247, 245, 241, .88); margin-inline: auto; text-align: center; }
html body #manera .manera-lema { color: #D3AE37; font-weight: 700; font-size: clamp(1.05rem, 1.5vw, 1.2rem); margin-bottom: .4rem; }
html body #manera .manera-pasos { display: grid; gap: 1.1rem; grid-template-columns: 1fr; counter-reset: none; }
@media (min-width: 700px) { html body #manera .manera-pasos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { html body #manera .manera-pasos { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
html body #manera .manera-paso { background: rgba(255, 255, 255, .06); border: 1px solid rgba(110, 166, 205, .3); border-radius: 18px; padding: 1.6rem; }
html body #manera .manera-num { display: inline-grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: #D3AE37; color: #0C3362; font-family: var(--font-display); font-weight: 700; margin-bottom: 1rem; }
html body #manera .manera-titulo { color: #FFFFFF !important; font-size: clamp(1.1rem, 1.5vw, 1.25rem) !important; line-height: 1.25 !important; margin: 0 0 .5rem !important; }
html body #manera .manera-texto { margin: 0; color: rgba(247, 245, 241, .85); line-height: 1.6; font-size: .97rem; }

/* Quiénes somos · cierre con llamado a la acción */
html body #cierre { background: #F7F5F1; padding-block: clamp(3.5rem, 7vw, 5rem); }
html body #cierre .cierre-caja {
  max-width: 900px; margin-inline: auto; text-align: center; padding: clamp(2rem, 5vw, 3.2rem);
  background: #0C3362; border-radius: 26px; border-top: 4px solid #D3AE37; box-shadow: 0 40px 80px -40px rgba(12, 51, 98, .6);
}
html body #cierre .section-title { color: #FFFFFF !important; text-align: center; margin: 0 auto 1rem; max-width: 24ch; font-size: clamp(1.7rem, 3vw, 2.4rem) !important; line-height: 1.2 !important; }
html body #cierre .section-sub { color: rgba(247, 245, 241, .88); margin: 0 auto .8rem; max-width: 62ch; text-align: center; }
html body #cierre .btn { margin-top: 1rem; }
html body #cierre .cierre-nota { margin: 1rem 0 0; font-size: .88rem; color: #C3D3E0; }
html body #cierre .cierre-caja { max-width: 900px !important; width: calc(100% - 2.5rem) !important; }

/* Quiénes somos: banner con foto horizontal de equipo (no corta cabezas) */
html body.pagina-quienes-somos .svc-hero::after {
  background-image: url("/wp-content/uploads/2026/10/group-business-people-partners-set-team-meeting-modern-office-teamwork-concept-scaled.jpg") !important;
  background-size: cover !important; background-position: 65% 38% !important;
}
@media (max-width: 959px) { html body.pagina-quienes-somos .svc-hero::after { background-position: 62% 40% !important; } }
@media (max-width: 959px) { html body.wp-child-theme-magnata-child.pagina-quienes-somos .svc-hero.brxe-section > .container { padding-bottom: 1.6rem !important; } }

/* #intro: nota bajo el botón (páginas de servicio) */
html body #intro .intro-nota { margin: .2rem 0 0; font-size: .88rem; color: #0C3362; opacity: .7; }
@media (min-width: 900px) {
  html body #intro .intro-head:has(.intro-nota) .intro-titulo { grid-row: 1 / span 4; }
  html body #intro .intro-nota { grid-column: 2; }
}
@media (max-width: 959px) { html body.wp-child-theme-magnata-child.pagina-seleccion-de-personal-medellin .svc-hero.brxe-section > .container { padding-bottom: 1.6rem !important; } }

/* Selección · ¿Por qué algunas contrataciones no funcionan? */
html body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .problema-sub-2 { margin-top: .8rem; }
html body.pagina-seleccion-de-personal-medellin #brxe-28vmi5 .problema-cierre {
  max-width: 820px; margin: clamp(2rem, 4vw, 2.8rem) auto 0; text-align: center; font-weight: 600; line-height: 1.6;
  color: #0C3362; background: #FFFFFF; border-radius: 18px; padding: 1.3rem 1.6rem; border-top: 4px solid #D3AE37;
  box-shadow: 0 18px 36px -26px rgba(12, 51, 98, .45);
}

/* Selección · El proceso paso a paso (copy oct 2026) */
html body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt .proceso-sub-2 { margin-top: .7rem; }
html body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt .step { display: flex; flex-direction: column; }
html body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt .step-objetivo {
  margin-top: auto !important; padding-top: .9rem; border-top: 1px solid rgba(110, 166, 205, .35);
  font-size: .92rem; line-height: 1.5;
}
html body.pagina-seleccion-de-personal-medellin #brxe-mpqwmt .step p:not(.step-objetivo) { margin-bottom: 1rem; }

/* Capacitación empresarial (copy oct 2026) */
@media (min-width: 900px) { html body #intro .intro-head-5 .intro-titulo { grid-row: 1 / span 5 !important; } }
@media (max-width: 959px) { html body.wp-child-theme-magnata-child.pagina-capacitacion-empresarial-medellin .svc-hero.brxe-section > .container { padding-bottom: 1.6rem !important; } }
@media (min-width: 900px) { html body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .casos-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
html body.pagina-capacitacion-empresarial-medellin #brxe-ipb2ow .problema-cierre {
  max-width: 820px; margin: clamp(2rem, 4vw, 2.6rem) auto 1rem; text-align: center; font-weight: 600; line-height: 1.6;
  color: #0C3362; background: #FFFFFF; border-radius: 18px; padding: 1.2rem 1.5rem; border-top: 4px solid #D3AE37;
  box-shadow: 0 18px 36px -26px rgba(12, 51, 98, .45);
}
html body.pagina-capacitacion-empresarial-medellin #brxe-ytdvze .tl-entregable { margin-top: .6rem; font-size: .93rem; line-height: 1.5; padding: .6rem .85rem; border-radius: 10px; background: #EAF0F6; color: #0C3362; }
html body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .section-head { text-align: center; }
html body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .section-sub { margin-inline: auto; text-align: center; }
html body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .entregables { display: grid; gap: .8rem; grid-template-columns: 1fr; max-width: 1000px; margin: clamp(1.6rem, 3vw, 2.4rem) auto; }
@media (min-width: 760px) { html body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .entregables { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
html body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .entregable {
  position: relative; margin: 0; padding: 1rem 1.1rem 1rem 3.1rem; background: #FFFFFF; border-radius: 14px;
  border: 1px solid rgba(12, 51, 98, .1); color: #0C3362; font-weight: 600; line-height: 1.45;
  box-shadow: 0 12px 26px -22px rgba(12, 51, 98, .4);
}
html body.pagina-capacitacion-empresarial-medellin #brxe-lsargm .entregable::before {
  content: ""; position: absolute; left: 1rem; top: 1rem; width: 1.35rem; height: 1.35rem; border-radius: 50%;
  background: #0C3362 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/.8rem no-repeat;
}
html body.pagina-capacitacion-empresarial-medellin #brxe-lsargm #brxe-wgf8te { max-width: 760px; margin-inline: auto; text-align: center; }
html body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .section-head { text-align: center; }
html body.pagina-capacitacion-empresarial-medellin #brxe-41k2j2 .section-sub { margin-inline: auto; text-align: center; }

/* Retención del talento (copy oct 2026) */
@media (max-width: 959px) { html body.wp-child-theme-magnata-child.pagina-retencion-de-talento-medellin .svc-hero.brxe-section > .container { padding-bottom: 1.6rem !important; } }
html body.pagina-retencion-de-talento-medellin .problema-cierre {
  max-width: 820px; margin: clamp(2rem, 4vw, 2.6rem) auto 0; text-align: center; font-weight: 600; line-height: 1.6;
  color: #0C3362; background: #FFFFFF; border-radius: 18px; padding: 1.2rem 1.5rem; border-top: 4px solid #D3AE37;
  box-shadow: 0 18px 36px -26px rgba(12, 51, 98, .45);
}
html body.pagina-retencion-de-talento-medellin #brxe-d609a3 .step { display: flex; flex-direction: column; }
html body.pagina-retencion-de-talento-medellin #brxe-d609a3 .step p { margin-bottom: .8rem; }
html body.pagina-retencion-de-talento-medellin #brxe-d609a3 .step-objetivo { margin-top: auto !important; margin-bottom: 0 !important; padding-top: .9rem; border-top: 1px solid rgba(110, 166, 205, .35); font-size: .92rem; line-height: 1.5; }
html body.pagina-retencion-de-talento-medellin #brxe-i8oh7y { display: grid !important; gap: 1.1rem !important; grid-template-columns: 1fr !important; }
@media (min-width: 760px) { html body.pagina-retencion-de-talento-medellin #brxe-i8oh7y { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (min-width: 1100px) { html body.pagina-retencion-de-talento-medellin #brxe-i8oh7y { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
/* Bloque genérico: ¿Qué recibe tu empresa? */
html body #recibe { background: #F7F5F1; padding-block: clamp(3.5rem, 7vw, 5rem); }
html body #recibe .recibe-head { max-width: 760px; margin: 0 auto; text-align: center; }
html body #recibe .section-title { text-align: center; margin: 0 0 .8rem; }
html body #recibe .section-sub { margin-inline: auto; text-align: center; color: #0C3362; }
html body #recibe .entregables { display: grid; gap: .8rem; grid-template-columns: 1fr; max-width: 1000px; margin: clamp(1.6rem, 3vw, 2.4rem) auto; }
@media (min-width: 760px) { html body #recibe .entregables { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
html body #recibe .entregable {
  position: relative; margin: 0; padding: 1rem 1.1rem 1rem 3.1rem; background: #FFFFFF; border-radius: 14px;
  border: 1px solid rgba(12, 51, 98, .1); color: #0C3362; font-weight: 600; line-height: 1.45; box-shadow: 0 12px 26px -22px rgba(12, 51, 98, .4);
}
html body #recibe .entregable::before {
  content: ""; position: absolute; left: 1rem; top: 1rem; width: 1.35rem; height: 1.35rem; border-radius: 50%;
  background: #0C3362 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/.8rem no-repeat;
}
html body #recibe .recibe-nota { max-width: 760px; margin: 0 auto; text-align: center; color: #0C3362; opacity: .8; font-size: .95rem; }
html body #contacto .contacto-nota { margin: .8rem 0 0; font-weight: 600; color: #0C3362; }
/* Retención: título del banner un poco más a la izquierda */
@media (min-width: 960px) { html body.pagina-retencion-de-talento-medellin .svc-hero h1 { margin-left: clamp(-5.5rem, -5vw, -2.5rem) !important; } }

/* === Caza de Talentos (headhunting) oct 2026 === */
html body.pagina-headhunting-medellin .hh-caso p + p{margin-top:.75rem;}
html body.pagina-headhunting-medellin .honorarios-nota{text-align:center;margin-left:auto !important;margin-right:auto !important;}
html body.pagina-headhunting-medellin .honorarios-nota + .honorarios-nota{margin-top:.6rem !important;}
html body.pagina-headhunting-medellin .section-head .section-sub + .section-sub{margin-top:.6rem;}
@media (max-width:767px){
  html body.pagina-headhunting-medellin .svc-hero{padding-bottom:1.6rem !important;}
}

/* Caza de Talentos: pasos en 2 columnas para que el texto respire */
@media (min-width:768px){
  html body.pagina-headhunting-medellin #brxe-u2j3n3 .process-steps{grid-auto-flow:row !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:1.4rem !important;}
  html body.pagina-headhunting-medellin #brxe-u2j3n3 .process-steps::before{display:none !important;}
}
html body.pagina-headhunting-medellin #contacto .contacto-nota{margin:.4rem 0 0;font-size:.95rem;opacity:.85;}

/* === Desarrollo de Liderazgo oct 2026 === */
@media (min-width:768px){
  html body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .steps{grid-auto-flow:row !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:1.4rem !important;}
  html body.pagina-desarrollo-de-liderazgo-medellin #brxe-79k9kb .steps::before{display:none !important;}
}
html body.pagina-desarrollo-de-liderazgo-medellin #contacto .contacto-nota{margin:.4rem 0 0;font-size:.95rem;opacity:.85;}
@media (max-width:767px){ html body.pagina-desarrollo-de-liderazgo-medellin .svc-hero{padding-bottom:1.6rem !important;} }
@media (min-width:768px){ html body.pagina-desarrollo-de-liderazgo-medellin .svc-hero h1{max-width:760px !important;} }

/* === Banco de Hojas de Vida oct 2026 === */
html body .intro-acciones{display:flex !important;flex-wrap:wrap;gap:.8rem;align-items:center;}
html body .intro-acciones .btn{margin:0 !important;}
html body .intro-chips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .9rem;}
html body .intro-chips li{position:relative;padding-left:1.7rem;font-size:.95rem;line-height:1.4;color:#0C3362;font-weight:500;}
html body .intro-chips li::before{content:"";position:absolute;left:0;top:.12em;width:1.15rem;height:1.15rem;border-radius:50%;background:#0C3362 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D3AE37' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/70% no-repeat;}
@media (max-width:600px){ html body .intro-chips{grid-template-columns:1fr;} }
html body.pagina-banco-de-hojas-de-vida-medellin .bhv-mark.is-cond,
html body.pagina-banco-de-hojas-de-vida-medellin #brxe-xrwlqg{font-size:.8rem !important;line-height:1.3;font-weight:600;color:#0C3362;text-align:center;}
html body.pagina-banco-de-hojas-de-vida-medellin .bhv-mark.is-cond::before,
html body.pagina-banco-de-hojas-de-vida-medellin #brxe-xrwlqg::before{display:none !important;}
html body.pagina-banco-de-hojas-de-vida-medellin .bhv-compare-sub{margin:.4rem 0 1rem;font-size:.95rem;}
html body.pagina-banco-de-hojas-de-vida-medellin .bhv-cual-tit{margin:1.4rem 0 .5rem;font-family:var(--font-display);font-size:1.2rem;color:#0C3362;}
html body.pagina-banco-de-hojas-de-vida-medellin .bhv-compare-note{margin:.5rem 0 0;}
html body.pagina-banco-de-hojas-de-vida-medellin .bhv-compare-btn{margin-top:1.1rem;white-space:normal;text-align:center;}
html body.pagina-banco-de-hojas-de-vida-medellin .bhv-importante{margin-top:1.4rem;padding:1rem 1.2rem;background:#FFFFFF;border-left:4px solid #D3AE37;border-radius:10px;font-size:.95rem;line-height:1.55;color:#0C3362;}
html body.pagina-banco-de-hojas-de-vida-medellin .bhv-invite-sub{margin-top:.6rem;font-weight:600;}
@media (max-width:767px){ html body.pagina-banco-de-hojas-de-vida-medellin .bhv-hero{min-height:0 !important;} html body.pagina-banco-de-hojas-de-vida-medellin .bhv-hero-in{padding-bottom:1.6rem !important;} }
html body.pagina-banco-de-hojas-de-vida-medellin .bhv-value-grid{align-items:start !important;}

/* Sello "Método Origen" sobre el título de introducción (Selección) */
html body .intro-titulo .intro-sello{display:table;margin:0 0 1rem;padding:.45rem 1rem;border:1.5px solid #0C3362;border-radius:8px;background:#0C3362;color:#FFFFFF;font-family:var(--font-body);font-size:.85rem;font-weight:700;font-style:normal;letter-spacing:.04em;line-height:1.2;}

/* === Blog: banner de ancho completo (oct 2026) === */
html body .blog-pagina .blog-cabeza.blog-banner-ancho{
  width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;
  box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;
  min-height:clamp(220px,28vw,340px);padding:3rem 1.25rem !important;margin-bottom:3rem !important;
  background:radial-gradient(circle at 85% 20%, rgba(110,166,205,.28), transparent 45%), linear-gradient(120deg,#0C3362 0%,#123f78 55%,#0C3362 100%) !important;
  border-radius:0 !important;
}
html body .blog-pagina .blog-cabeza.blog-banner-ancho::before,html body .blog-pagina .blog-cabeza.blog-banner-ancho::after{display:none !important;}
html body .blog-pagina .blog-cabeza.blog-banner-ancho .blog-titulo{
  margin:0 auto !important;max-width:900px;color:#FFFFFF !important;font-family:var(--font-display) !important;font-weight:500 !important;
  font-size:clamp(2rem,4.2vw,3.4rem) !important;line-height:1.15 !important;
}
html body .blog-pagina .blog-cabeza.blog-banner-ancho .blog-titulo em{font-style:normal;color:#6EA6CD;}
html body .blog-pagina:has(.blog-banner-ancho){overflow-x:clip;}

/* === Blog: diseño editorial (oct 2026) === */
html body .mb-blog .blog-cabeza.blog-banner-ancho{
  position:relative;overflow:hidden;
  min-height:clamp(260px,30vw,400px) !important;
  background:
    linear-gradient(100deg, rgba(12,51,98,.96) 0%, rgba(12,51,98,.88) 45%, rgba(12,51,98,.55) 100%),
    url("/wp-content/uploads/2026/10/entrepreneurs-engaging-business-discussions-collaboratively-seek-solutions-conduct-strategic-analysis-scaled.jpg") center 35%/cover no-repeat !important;
  margin-bottom:0 !important;
}
html body .mb-blog .mb-banner-in{position:relative;z-index:1;max-width:1000px;margin:0 auto;}
html body .mb-blog .mb-banner-in::after{content:"";display:block;width:64px;height:3px;margin:1.3rem auto 0;background:#D3AE37;border-radius:3px;}
html body .mb-blog .mb-banner-kicker{display:inline-block;margin-bottom:.7rem;color:#D3AE37;font-weight:700;font-size:.9rem;letter-spacing:.04em;}

/* Filtro de temas */
html body .mb-blog .mb-temas{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:2.4rem auto 2.6rem;max-width:1100px;}
html body .mb-blog .mb-tema{padding:.55rem 1.1rem;border:1.5px solid #C3D3E0;border-radius:999px;background:#FFFFFF;color:#0C3362;font-weight:600;font-size:.92rem;text-decoration:none;transition:all .2s;}
html body .mb-blog .mb-tema:hover{border-color:#0C3362;}
html body .mb-blog .mb-tema.es-activo{background:#0C3362;border-color:#0C3362;color:#FFFFFF;}

/* Etiquetas comunes */
html body .mb-blog .mb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;}
html body .mb-blog .mb-cat{display:inline-block;padding:.32rem .75rem;border-radius:999px;background:#EAF0F6;color:#0C3362;font-size:.78rem;font-weight:700;letter-spacing:.02em;}
html body .mb-blog .mb-min{display:inline-flex;align-items:center;gap:.35rem;color:#5b6f86;font-size:.82rem;font-weight:500;}
html body .mb-blog .mb-min::before{content:"";width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236EA6CD' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat;}
html body .mb-blog .mb-leer{display:inline-flex;align-items:center;gap:.4rem;color:#0C3362;font-weight:700;font-size:.95rem;}
html body .mb-blog .mb-leer span{transition:transform .25s;}
html body .mb-blog a:hover .mb-leer span{transform:translateX(5px);}

/* Artículo destacado */
html body .mb-blog .mb-destacado{display:grid;grid-template-columns:1.15fr 1fr;max-width:1160px;margin:0 auto 3rem;background:#FFFFFF;border-radius:20px;overflow:hidden;text-decoration:none;color:#0C3362;box-shadow:0 18px 50px -24px rgba(12,51,98,.35);transition:transform .3s, box-shadow .3s;}
html body .mb-blog .mb-destacado:hover{transform:translateY(-4px);box-shadow:0 26px 60px -24px rgba(12,51,98,.45);}
html body .mb-blog .mb-destacado-img{position:relative;display:block;min-height:380px;background:#0C3362 center/cover no-repeat;}
html body .mb-blog .mb-sello{position:absolute;top:1.2rem;left:1.2rem;padding:.45rem .9rem;border-radius:8px;background:#D3AE37;color:#0C3362;font-weight:700;font-size:.8rem;}
html body .mb-blog .mb-destacado-txt{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:2.6rem 2.6rem;}
html body .mb-blog .mb-destacado-tit{font-family:var(--font-display);font-weight:600;font-size:clamp(1.55rem,2.4vw,2.15rem);line-height:1.2;color:#0C3362;}
html body .mb-blog .mb-destacado-res{font-size:1.02rem;line-height:1.65;color:#3d5168;}

/* Rejilla de tarjetas */
html body .mb-blog .mb-rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;max-width:1160px;margin:0 auto;}
html body .mb-blog .mb-tarjeta{display:flex;flex-direction:column;background:#FFFFFF;border-radius:16px;overflow:hidden;text-decoration:none;color:#0C3362;box-shadow:0 10px 30px -20px rgba(12,51,98,.35);transition:transform .3s, box-shadow .3s;}
html body .mb-blog .mb-tarjeta:hover{transform:translateY(-6px);box-shadow:0 22px 44px -22px rgba(12,51,98,.45);}
html body .mb-blog .mb-tarjeta-img{position:relative;display:block;aspect-ratio:16/10;background:#C3D3E0 center/cover no-repeat;transition:transform .5s;}
html body .mb-blog .mb-tarjeta-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,51,98,0) 50%,rgba(12,51,98,.35) 100%);}
html body .mb-blog .mb-cat-img{position:absolute;left:1rem;bottom:1rem;z-index:1;background:#FFFFFF;}
html body .mb-blog .mb-tarjeta-cuerpo{display:flex;flex-direction:column;gap:.7rem;flex:1;padding:1.4rem 1.4rem 1.6rem;}
html body .mb-blog .mb-tarjeta-tit{margin:0 !important;font-family:var(--font-display) !important;font-weight:600 !important;font-size:1.2rem !important;line-height:1.3 !important;color:#0C3362 !important;}
html body .mb-blog .mb-tarjeta-res{font-size:.95rem;line-height:1.6;color:#3d5168;flex:1;}
html body .mb-blog .mb-tarjeta .mb-leer{margin-top:.3rem;padding-top:.9rem;border-top:1px solid #EAF0F6;}

/* Cierre */
html body .mb-blog .mb-cierre{width:100vw;margin:4.5rem calc(50% - 50vw) 0;padding:4rem 1.25rem;background:#0C3362;text-align:center;}
html body .mb-blog .mb-cierre-in{max-width:760px;margin:0 auto;}
html body .mb-blog .mb-cierre-tit{margin:0 0 1rem !important;color:#FFFFFF !important;font-family:var(--font-display) !important;font-weight:500 !important;font-size:clamp(1.7rem,3vw,2.4rem) !important;line-height:1.2 !important;}
html body .mb-blog .mb-cierre-tit em{font-style:normal;color:#D3AE37;}
html body .mb-blog .mb-cierre-txt{margin:0 auto 1.8rem;color:#EAF0F6;font-size:1.05rem;line-height:1.65;}
html body .mb-blog{overflow-x:clip;padding-bottom:0 !important;}

@media (max-width:1024px){
  html body .mb-blog .mb-rejilla{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:767px){
  html body .mb-blog .mb-destacado{grid-template-columns:1fr;}
  html body .mb-blog .mb-destacado-img{min-height:220px;}
  html body .mb-blog .mb-destacado-txt{padding:1.6rem 1.4rem 1.8rem;}
  html body .mb-blog .mb-rejilla{grid-template-columns:1fr;}
  html body .mb-blog .mb-temas{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin:1.6rem -1rem 1.8rem;padding:0 1rem .4rem;scrollbar-width:none;}
  html body .mb-blog .mb-tema{flex:0 0 auto;}
}

/* Blog: tarjetas anchas para cerrar filas completas */
@media (min-width:1025px){
  html body .mb-blog .mb-tarjeta:first-child,
  html body .mb-blog .mb-tarjeta:last-child:nth-child(3n+1){grid-column:span 2;flex-direction:row;}
  html body .mb-blog .mb-tarjeta:last-child:nth-child(3n):not(:first-child){grid-column:span 3;flex-direction:row;}
  html body .mb-blog .mb-tarjeta:first-child .mb-tarjeta-img,
  html body .mb-blog .mb-tarjeta:last-child:nth-child(3n+1) .mb-tarjeta-img,
  html body .mb-blog .mb-tarjeta:last-child:nth-child(3n):not(:first-child) .mb-tarjeta-img{flex:0 0 50%;aspect-ratio:auto;min-height:100%;}
  html body .mb-blog .mb-tarjeta:first-child .mb-tarjeta-cuerpo,
  html body .mb-blog .mb-tarjeta:last-child:nth-child(3n+1) .mb-tarjeta-cuerpo{justify-content:center;padding:2rem;}
  html body .mb-blog .mb-tarjeta:first-child .mb-tarjeta-tit,
  html body .mb-blog .mb-tarjeta:last-child:nth-child(3n+1) .mb-tarjeta-tit{font-size:1.45rem !important;}
}
@media (min-width:768px) and (max-width:1024px){
  html body .mb-blog .mb-tarjeta:last-child:nth-child(odd){grid-column:span 2;flex-direction:row;}
  html body .mb-blog .mb-tarjeta:last-child:nth-child(odd) .mb-tarjeta-img{flex:0 0 50%;aspect-ratio:auto;}
}
html body .mb-blog .mb-tema{white-space:nowrap;}

/* Blog: banner a sangre, desde arriba, como en las páginas de servicio */
html body .mb-blog{padding-top:0 !important;}
html body .mb-blog .blog-cabeza.blog-banner-ancho{min-height:clamp(440px,60vh,620px) !important;padding:150px 1.25rem 4rem !important;margin-top:0 !important;}
@media (max-width:767px){ html body .mb-blog .blog-cabeza.blog-banner-ancho{min-height:360px !important;padding:120px 1.25rem 2.6rem !important;} }

/* Blog: palabra "Blog" más grande sobre el título */
html body .mb-blog .mb-banner-kicker{font-family:var(--font-display);font-size:clamp(1.4rem,2.2vw,1.9rem) !important;font-weight:600;letter-spacing:.02em;margin-bottom:.6rem;}

html body:is(.blog,.category) #brx-content.blog-pagina.mb-blog{padding-top:0 !important;}

/* === Selección: "Niveles que gestionamos" (oct 2026) === */
html body #brxe-in1ac4 .section-head .kicker{font-family:var(--font-display) !important;font-size:clamp(1.9rem,3.4vw,2.54rem) !important;font-weight:500 !important;line-height:1.15 !important;color:#D3AE37 !important;letter-spacing:0 !important;display:block;margin-bottom:.35rem;}
/* Icono dentro de su cuadro, centrado, igual en las tres tarjetas */
html body #brxe-in1ac4 .nivel > span:first-child::before{left:50% !important;transform:translateX(-50%) !important;z-index:0 !important;background:radial-gradient(circle at 30% 25%, rgba(255,255,255,.28), rgba(0,0,0,0) 55%), linear-gradient(145deg,#0C3362,#0C3362) !important;}
html body #brxe-in1ac4 .nivel::before{left:50% !important;transform:none !important;translate:-50% 0 !important;z-index:2 !important;}
html body #brxe-in1ac4 .nivel > span:first-child{background:rgba(12,51,98,.12) !important;color:#0C3362 !important;}
html body #brxe-in1ac4 .nivel::after{background-color:#0C3362 !important;}
html body #brxe-in1ac4 .section-head .kicker{font-size:clamp(2rem,4vw,3rem) !important;font-weight:600 !important;}

/* === Pie de página nuevo (oct 2026) === */
html body #brx-footer .mf-footer{display:flex !important;flex-direction:column;position:relative;overflow:hidden;padding:0 !important;color:#EAF0F6;
  background:radial-gradient(900px 420px at 100% 0%, rgba(110,166,205,.16), transparent 60%), radial-gradient(700px 380px at 0% 100%, rgba(211,174,55,.10), transparent 60%), #0C3362 !important;border-top:4px solid #D3AE37;}
html body #brx-footer .mf-footer > *{width:100%;max-width:1200px;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box;padding-left:clamp(1.25rem,4vw,2.5rem) !important;padding-right:clamp(1.25rem,4vw,2.5rem) !important;}
html body #brx-footer .mf-cta{order:1;display:flex !important;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding-top:clamp(2.6rem,5vw,3.8rem) !important;padding-bottom:clamp(2.2rem,4vw,3rem) !important;border-bottom:1px solid rgba(195,211,224,.18);}
html body #brx-footer .mf-cta-txt{flex:1 1 420px;}
html body #brx-footer .mf-cta-tit{margin:0 0 .5rem !important;font-family:var(--font-display) !important;font-weight:500;font-size:clamp(1.6rem,3vw,2.3rem) !important;line-height:1.2;color:#FFFFFF !important;}
html body #brx-footer .mf-cta-tit em{font-style:normal;color:#D3AE37;}
html body #brx-footer .mf-cta-sub{margin:0 !important;color:#C3D3E0 !important;font-size:1rem;line-height:1.6;}
html body #brx-footer .mf-cta-acts{display:flex;flex-wrap:wrap;gap:.8rem;}
html body #brx-footer .mf-btn-linea{border:1.5px solid rgba(255,255,255,.55) !important;color:#FFFFFF !important;background:transparent !important;}
html body #brx-footer .mf-btn-linea:hover{border-color:#D3AE37 !important;color:#D3AE37 !important;}
html body #brx-footer .pie-suscripcion{order:3;}
html body #brx-footer .mf-grid{order:2;display:grid !important;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:clamp(1.8rem,4vw,3.5rem);padding-top:clamp(2.4rem,4vw,3.4rem) !important;padding-bottom:clamp(2rem,4vw,3rem) !important;}
html body #brx-footer .mf-brand{display:flex !important;flex-direction:column;align-items:flex-start;gap:1.1rem;}
html body #brx-footer .mf-brand .footer-logo{width:170px !important;height:auto !important;max-width:none;}
html body #brx-footer .mf-brand-txt{margin:0 !important;color:#C3D3E0 !important;font-size:.95rem;line-height:1.65;max-width:330px;}
html body #brx-footer .mf-social{display:flex;gap:.6rem;}
html body #brx-footer .mf-soc{width:42px;height:42px;border-radius:50%;border:1px solid rgba(195,211,224,.3);font-size:0 !important;color:transparent !important;position:relative;display:inline-flex !important;transition:all .25s;}
html body #brx-footer .mf-soc::before{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;background:#FFFFFF;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;}
html body #brx-footer .mf-soc:hover{background:#D3AE37;border-color:#D3AE37;transform:translateY(-3px);}
html body #brx-footer .mf-soc:hover::before{background:#0C3362;}
html body #brx-footer .mf-soc-in{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9.5h4V21H3zM9.5 9.5h3.8v1.6h.1c.5-1 1.8-2 3.8-2 4 0 4.8 2.6 4.8 6V21h-4v-5.2c0-1.2 0-2.9-1.8-2.9s-2 1.4-2 2.8V21h-4z'/%3E%3C/svg%3E");} html body #brx-footer .mf-soc-ig{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2c3.2 0 3.6 0 4.8.1 3.2.1 4.8 1.7 4.9 4.9.1 1.3.1 1.6.1 4.8s0 3.6-.1 4.8c-.1 3.2-1.7 4.8-4.9 4.9-1.3.1-1.6.1-4.8.1s-3.6 0-4.8-.1c-3.3-.1-4.8-1.7-4.9-4.9C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.8C2.4 3.9 3.9 2.4 7.2 2.3 8.4 2.2 8.8 2.2 12 2.2zm0 4.9a4.9 4.9 0 1 0 0 9.8 4.9 4.9 0 0 0 0-9.8zm0 8.1a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4zm5.1-9.4a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3z'/%3E%3C/svg%3E");} html body #brx-footer .mf-soc-wa{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.5 0-3-.4-4.3-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1-.7-.3-1.4-.7-2-1.3-.6-.5-1-1.1-1.4-1.8-.1-.2 0-.4.1-.5l.4-.4.3-.5v-.5l-.8-1.9c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.6.6-.9 1.4-.9 2.2.1.9.4 1.8 1 2.6 1.1 1.6 2.5 2.9 4.2 3.7.5.2.9.4 1.4.5.5.1 1 .1 1.5 0 .6-.1 1.2-.5 1.5-1 .2-.4.2-.8.1-1.1l-.5-.3z'/%3E%3C/svg%3E");}
html body #brx-footer .mf-col{display:flex !important;flex-direction:column;align-items:flex-start;gap:.7rem;}
html body #brx-footer .mf-col-tit{margin:0 0 .4rem !important;font-family:var(--font-display) !important;font-size:1.15rem !important;font-weight:600;color:#FFFFFF !important;position:relative;padding-bottom:.55rem;}
html body #brx-footer .mf-col-tit::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;background:#D3AE37;border-radius:2px;}
html body #brx-footer .mf-col a{color:#C3D3E0 !important;font-size:.95rem;text-decoration:none;transition:color .2s, transform .2s;}
html body #brx-footer .mf-col a:hover{color:#D3AE37 !important;transform:translateX(3px);}
html body #brx-footer .mf-ct{display:inline-flex !important;align-items:center;gap:.6rem;word-break:break-word;}
html body #brx-footer .mf-ct::before{content:"";flex:0 0 18px;height:18px;background:#6EA6CD;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;}
html body #brx-footer .mf-ct-mail{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M3 6h18v12H3zM3 7l9 6 9-6'/%3E%3C/svg%3E");} html body #brx-footer .mf-ct-wa{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.5 0-3-.4-4.3-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1-.7-.3-1.4-.7-2-1.3-.6-.5-1-1.1-1.4-1.8-.1-.2 0-.4.1-.5l.4-.4.3-.5v-.5l-.8-1.9c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.6.6-.9 1.4-.9 2.2.1.9.4 1.8 1 2.6 1.1 1.6 2.5 2.9 4.2 3.7.5.2.9.4 1.4.5.5.1 1 .1 1.5 0 .6-.1 1.2-.5 1.5-1 .2-.4.2-.8.1-1.1l-.5-.3z'/%3E%3C/svg%3E");} html body #brx-footer .mf-ct-map{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E");}
html body #brx-footer .mf-bottom{order:4;display:flex !important;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem;padding-top:1.3rem !important;padding-bottom:1.5rem !important;border-top:1px solid rgba(195,211,224,.18);}
html body #brx-footer .mf-copy{margin:0 !important;color:#8fa6bf !important;font-size:.85rem;}
html body #brx-footer .mf-legal{color:#8fa6bf !important;font-size:.85rem;text-decoration:none;}
html body #brx-footer .mf-legal:hover{color:#D3AE37 !important;}
@media (max-width:1024px){ html body #brx-footer .mf-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:600px){
  html body #brx-footer .mf-grid{grid-template-columns:1fr;}
  html body #brx-footer .mf-cta-acts{width:100%;} html body #brx-footer .mf-cta-acts .btn{flex:1 1 100%;justify-content:center;}
  html body #brx-footer .mf-bottom{flex-direction:column;align-items:flex-start;}
}
html body #brx-footer .mf-brand .pie-redes{display:none !important;}

/* === Menú en celular: que nada se recorte al abrirlo (oct 2026) === */
@media (max-width:1024px){
  html body .nav-mobile{height:100vh !important;height:100dvh !important;max-height:100dvh !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(2rem + env(safe-area-inset-bottom)) !important;box-sizing:border-box;}
  html body .nav-mobile > *{flex-shrink:0 !important;}
  html body .nav-mobile .nav-mobile-servicios-lista > div > *{flex-shrink:0 !important;}
  html body .nav-mobile .nav-mobile-link, html body .nav-mobile .nav-mobile-sub{white-space:normal !important;overflow-wrap:anywhere;line-height:1.3;}
  html body .nav-mobile .hv-registra, html body .nav-mobile .nav-mobile-cta{min-height:48px;height:auto !important;display:flex !important;align-items:center;justify-content:center;text-align:center;padding-top:.7rem !important;padding-bottom:.7rem !important;}
  html body .nav-mobile .nav-mobile-logo{width:96px !important;height:auto !important;}
}

/* === Celular: nada se desborda (oct 2026) === */
@media (max-width:767px){
  html body .founder-grid{grid-template-columns:minmax(0,1fr) !important;}
  html body .founder-grid > *, html body .founder-content, html body .founder-figure{min-width:0 !important;max-width:100% !important;}
  html body .founder-figure img{max-width:100% !important;height:auto;}
  html body main img, html body #brx-content img{max-width:100%;}
  html body #brx-content h1, html body #brx-content h2, html body #brx-content h3{overflow-wrap:break-word;hyphens:auto;}
}
@media (max-width:767px){ html body .founder-linkedin{width:auto !important;max-width:100% !important;white-space:normal !important;box-sizing:border-box;} html body .founder-linkedin span{white-space:normal !important;min-width:0;} }

/* === Registra tu hoja de vida: diseño oct 2026 === */
html body .hv3{max-width:none !important;width:100% !important;padding:0 0 4.5rem !important;margin:0 !important;overflow-x:clip;background:#F7F5F1;}
html body .hv3 *{box-sizing:border-box;}
html body .hv3 .hv3-banner{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:clamp(420px,56vh,560px);padding:150px 1.25rem 5.5rem;
  background:linear-gradient(100deg,rgba(12,51,98,.95) 0%,rgba(12,51,98,.86) 50%,rgba(12,51,98,.6) 100%),url("/wp-content/uploads/2026/10/smiling-professional-woman-holding-tablet-coffee-modern-office-scaled.jpg") center 30%/cover no-repeat;}
html body .hv3 .hv3-banner-in{max-width:820px;margin:0 auto;}
html body .hv3 .hv3-kicker{display:inline-block;margin-bottom:.9rem;padding:.4rem .95rem;border-radius:8px;background:#D3AE37;color:#0C3362;font-weight:700;font-size:.85rem;letter-spacing:.03em;}
html body .hv3 .hv3-titulo{margin:0 0 1rem !important;font-family:var(--font-display) !important;font-weight:500 !important;font-size:clamp(2.1rem,5vw,3.6rem) !important;line-height:1.1 !important;color:#FFFFFF !important;}
html body .hv3 .hv3-titulo em{font-style:normal;color:#6EA6CD;}
html body .hv3 .hv3-sub{margin:0 auto !important;max-width:640px;color:#EAF0F6 !important;font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.65;}

/* Franja de confianza, montada sobre el borde del banner */
html body .hv3 .hv3-confianza{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;max-width:1120px;margin:-3.2rem auto 3rem !important;padding:0 1.25rem !important;position:relative;z-index:2;}
html body .hv3 .hv3-c{display:flex;flex-direction:column;gap:.35rem;padding:1.3rem 1.3rem 1.3rem 4.3rem;background:#FFFFFF;border-radius:16px;box-shadow:0 16px 40px -24px rgba(12,51,98,.45);position:relative;min-width:0;}
html body .hv3 .hv3-c::before{content:"";position:absolute;left:1.2rem;top:1.25rem;width:2.4rem;height:2.4rem;border-radius:12px;background:#0C3362 var(--ic) center/55% no-repeat;}
html body .hv3 .hv3-c-uno{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D3AE37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E");}
html body .hv3 .hv3-c-dos{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D3AE37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8.5 8.5 0 0 1-12.6 7.4L3 21l1.6-5.2A8.5 8.5 0 1 1 21 12z'/%3E%3C/svg%3E");}
html body .hv3 .hv3-c-tres{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D3AE37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");}
html body .hv3 .hv3-c-tit{font-family:var(--font-display);font-weight:600;font-size:1.08rem;color:#0C3362;}
html body .hv3 .hv3-c-txt{font-size:.9rem;line-height:1.5;color:#3d5168;}

/* Columnas */
html body .hv3 .hv3-columnas{display:grid !important;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1.8rem;align-items:start;max-width:1120px;margin:0 auto !important;padding:0 1.25rem !important;}

/* Formulario */
html body .hv3 .hv3-form{background:#FFFFFF;border-radius:20px;padding:clamp(1.4rem,3.5vw,2.4rem) !important;box-shadow:0 22px 60px -30px rgba(12,51,98,.45);border-top:4px solid #D3AE37;display:flex;flex-direction:column;gap:1.1rem;min-width:0;max-width:none !important;margin:0 !important;}
html body .hv3 .hv3-form-cabeza{margin-bottom:.2rem;}
html body .hv3 .hv3-form-tit{margin:0 0 .3rem !important;font-family:var(--font-display) !important;font-weight:600 !important;font-size:clamp(1.4rem,2.4vw,1.75rem) !important;color:#0C3362 !important;}
html body .hv3 .hv3-form-sub{margin:0 !important;font-size:.92rem;color:#5b6f86;}
html body .hv3 .hv3-form-sub span, html body .hv3 .hv-campo label span:not(.hv-opcional){color:#C0392B;}
html body .hv3 .hv-fila{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 !important;}
html body .hv3 .hv-campo{display:flex;flex-direction:column;gap:.4rem;min-width:0;margin:0 !important;}
html body .hv3 .hv-campo label{font-size:.88rem;font-weight:600;color:#0C3362;}
html body .hv3 .hv-opcional{font-weight:400;color:#5b6f86;}
html body .hv3 .hv-campo input:not([type=file]), html body .hv3 .hv-campo select, html body .hv3 .hv-campo textarea{width:100% !important;max-width:100%;min-height:48px;padding:.75rem .95rem !important;border:1.5px solid #C3D3E0 !important;border-radius:12px !important;background:#F7F5F1 !important;color:#0C3362;font:inherit;font-size:1rem;transition:border-color .2s, background .2s, box-shadow .2s;}
html body .hv3 .hv-campo textarea{min-height:96px;resize:vertical;}
html body .hv3 .hv-campo input:focus, html body .hv3 .hv-campo select:focus, html body .hv3 .hv-campo textarea:focus{outline:none;border-color:#0C3362 !important;background:#FFFFFF !important;box-shadow:0 0 0 4px rgba(110,166,205,.25);}
html body .hv3 .hv-archivo input[type=file]{width:100%;max-width:100%;padding:1.1rem;border:2px dashed #6EA6CD;border-radius:14px;background:#EAF0F6;color:#0C3362;font-size:.92rem;cursor:pointer;}
html body .hv3 .hv-archivo input[type=file]::file-selector-button{margin-right:.9rem;padding:.6rem 1.1rem;border:0;border-radius:999px;background:#0C3362;color:#FFFFFF;font-weight:700;cursor:pointer;}
html body .hv3 .hv-ayuda{margin:0 !important;font-size:.82rem;color:#5b6f86;}
html body .hv3 .hv-consent{display:flex;gap:.7rem;align-items:flex-start;padding:1rem;border-radius:12px;background:#EAF0F6;font-size:.84rem;line-height:1.55;color:#3d5168;}
html body .hv3 .hv-consent input{flex:0 0 auto;width:18px;height:18px;margin-top:.15rem;accent-color:#0C3362;}
html body .hv3 .hv-consent a{color:#0C3362;font-weight:600;text-decoration:underline;}
html body .hv3 .hv-enviar{width:100%;justify-content:center;min-height:54px;font-size:1.05rem !important;margin-top:.2rem;}

/* Nota de datos */
html body .hv3 .hv3-nota{position:sticky;top:110px;background:#0C3362;color:#EAF0F6;border-radius:20px;padding:clamp(1.4rem,3vw,2rem) !important;min-width:0;margin:0 !important;max-width:none !important;}
html body .hv3 .hv3-nota .hv-nota-tit{margin:0 0 1.1rem !important;font-family:var(--font-display) !important;font-weight:600 !important;font-size:1.3rem !important;color:#FFFFFF !important;}
html body .hv3 .hv3-nota .hv-nota-lista{list-style:none;margin:0 !important;padding:0 !important;display:flex;flex-direction:column;gap:1rem;}
html body .hv3 .hv3-nota .hv-nota-lista li{position:relative;padding-left:1.9rem;font-size:.92rem;line-height:1.6;color:#C3D3E0;}
html body .hv3 .hv3-nota .hv-nota-lista li::before{content:"";position:absolute;left:0;top:.2rem;width:1.15rem;height:1.15rem;border-radius:50%;background:#D3AE37 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230C3362' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/68% no-repeat;}
html body .hv3 .hv3-nota .hv-nota-lista strong{color:#FFFFFF;}
html body .hv3 .hv3-nota a{color:#D3AE37 !important;overflow-wrap:anywhere;}
html body .hv3 .hv3-nota .hv-nota-pie{margin:1.4rem 0 0 !important;padding-top:1.1rem;border-top:1px solid rgba(195,211,224,.25);font-size:.88rem;line-height:1.6;color:#C3D3E0;}

@media (max-width:900px){
  html body .hv3 .hv3-columnas{grid-template-columns:minmax(0,1fr);}
  html body .hv3 .hv3-nota{position:static;}
  html body .hv3 .hv3-confianza{grid-template-columns:minmax(0,1fr);gap:.8rem;}
}
@media (max-width:600px){
  html body .hv3 .hv3-banner{min-height:0;padding:125px 1.1rem 4.8rem;}
  html body .hv3 .hv-fila{grid-template-columns:minmax(0,1fr);}
  html body .hv3 .hv3-confianza, html body .hv3 .hv3-columnas{padding:0 1rem !important;}
}

/* Botones de WhatsApp debajo de "Hablar con un consultor": retirados (oct 2026). El globo flotante y los datos de contacto del pie se mantienen. */
html body a.btn[href*="wa.me"]:not(.btn-consultor){display:none !important;}

/* === Contáctanos: formulario abierto y datos de contacto debajo (oct 2026) === */
html body.pagina-contactanos #contacto .contact-form-wrap{display:block !important;}
html body.pagina-contactanos #contacto .form-abrir{display:none !important;}
html body.pagina-contactanos #contacto .contact-form-wrap form.cta-form{display:grid !important;}
html body #contacto .contacto-datos{grid-column:1 / -1;display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;list-style:none;margin:2.2rem 0 0 !important;padding:1.6rem !important;background:#FFFFFF;border-radius:18px;box-shadow:0 14px 36px -24px rgba(12,51,98,.4);}
html body #contacto .contacto-datos > li{display:flex !important;flex-direction:column;gap:.3rem;min-width:0;padding:.2rem .4rem;border-left:3px solid #D3AE37;padding-left:.9rem !important;}
html body #contacto .contacto-datos .contact-label{font-size:.78rem;font-weight:700;color:#5b6f86;letter-spacing:.03em;}
html body #contacto .contacto-datos a, html body #contacto .contacto-datos li > span:not(.contact-label){color:#0C3362 !important;font-weight:600;font-size:.95rem;overflow-wrap:anywhere;text-decoration:none;}
html body #contacto .contacto-datos a:hover{color:#D3AE37 !important;}
@media (max-width:1024px){ html body #contacto .contacto-datos{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:600px){ html body #contacto .contacto-datos{grid-template-columns:minmax(0,1fr);padding:1.2rem !important;} }
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap{display:block !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap .form-abrir{display:none !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap.form-plegado:not(.form-abierto) form.cta-form, html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form{display:grid !important;}

html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-grid{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) !important;gap:clamp(1.6rem,4vw,3rem) !important;align-items:start !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-copy{grid-column:1 !important;grid-row:1 !important;width:auto !important;min-width:0 !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap{grid-column:2 !important;grid-row:1 !important;min-width:0 !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contacto-datos{grid-column:1 / -1 !important;grid-row:2 !important;display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:1rem !important;margin:.6rem 0 0 !important;padding:1.4rem !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(195,211,224,.25) !important;border-radius:18px !important;box-shadow:none !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contacto-datos > li{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:.35rem !important;min-width:0 !important;padding:.1rem 0 .1rem .9rem !important;border-left:3px solid #D3AE37 !important;background:none !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contacto-datos > li::before{display:none !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contacto-datos .contact-label{display:block !important;font-size:.78rem !important;font-weight:700 !important;color:#D3AE37 !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contacto-datos a, html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contacto-datos li > span:not(.contact-label){color:#FFFFFF !important;font-size:.95rem !important;font-weight:600 !important;overflow-wrap:anywhere;text-decoration:none !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contacto-datos a:hover{color:#D3AE37 !important;}
@media (max-width:1024px){ html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contacto-datos{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} }
@media (max-width:767px){
  html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-grid{grid-template-columns:minmax(0,1fr) !important;}
  html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-copy, html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap, html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contacto-datos{grid-column:1 !important;grid-row:auto !important;}
  html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contacto-datos{grid-template-columns:minmax(0,1fr) !important;}
}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contacto-datos > li{grid-column:auto !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contacto-datos > li::after{display:none !important;}

/* === Pantalla de carga con la marca (oct 2026): azul principal, barras del triángulo una a una y nombre === */
html body .splash{background:#0C3362 !important;}
html body .splash .splash-inner{display:flex;flex-direction:column;align-items:center;}
html body .splash .splash-marca{width:clamp(96px,22vw,150px) !important;margin:0 auto 1.1rem !important;}
html body .splash .splash-nombre{display:block;font-family:'Lora',Georgia,serif;font-weight:500;font-size:clamp(1.5rem,5vw,2.3rem);letter-spacing:.28em;margin-right:-.28em;color:#D3AE37;line-height:1;opacity:0;animation:splashTexto .7s 1.25s ease forwards;}
html body .splash .splash-lema{display:block;margin-top:.55rem;font-family:'DM Sans',system-ui,sans-serif;font-size:clamp(.8rem,2.4vw,1rem);color:#D3AE37;opacity:0;animation:splashTexto .7s 1.45s ease forwards;}
html body .splash .splash-texto{display:none !important;}
@media (prefers-reduced-motion: reduce){ html body .splash .splash-nombre, html body .splash .splash-lema{animation:none;opacity:1;} }

/* Contáctanos: el correo en una sola línea */
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contacto-datos a[href^="mailto:"]{white-space:nowrap !important;overflow-wrap:normal !important;word-break:keep-all !important;}
@media (min-width:1025px){ html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contacto-datos{grid-template-columns:minmax(max-content,1.7fr) repeat(4,minmax(0,1fr)) !important;} }
@media (min-width:768px) and (max-width:1024px){ html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contacto-datos > li:first-child{grid-column:1 / -1 !important;} }
html body .splash .splash-lema{font-family:'Lora',Georgia,serif !important;font-weight:500;letter-spacing:.42em;margin-right:-.42em;font-size:clamp(.85rem,2.6vw,1.1rem) !important;margin-top:.7rem !important;}

/* Contáctanos: banner con foto a todo el ancho (oct 2026) */
html body.pagina-contactanos .svc-hero{--svc-foto:url("/wp-content/uploads/2026/10/client-meeting-office-meeting-64-scaled.jpg") !important;}
@media (max-width:767px){ html body.pagina-contactanos .svc-hero{padding-bottom:1.6rem !important;} }

html body.pagina-contactanos .svc-hero{position:relative !important;display:flex !important;align-items:center !important;min-height:clamp(420px,62vh,656px) !important;background-color:#0C3362 !important;overflow:hidden !important;padding-bottom:2.5rem !important;}
html body.pagina-contactanos .svc-hero::after{content:"" !important;position:absolute !important;top:76px !important;left:0 !important;right:0 !important;bottom:0 !important;width:auto !important;height:auto !important;z-index:0 !important;background:var(--svc-foto) center 40% / cover no-repeat !important;mask-image:none !important;-webkit-mask-image:none !important;opacity:1 !important;}
html body.pagina-contactanos .svc-hero::before{content:"" !important;position:absolute !important;top:76px !important;left:0 !important;right:0 !important;bottom:0 !important;width:auto !important;height:auto !important;z-index:1 !important;background:linear-gradient(0deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.55) 4%, rgba(255,255,255,0) 11%), radial-gradient(closest-side at 24% 52%, rgba(12,51,98,.85) 0%, rgba(12,51,98,.6) 55%, rgba(12,51,98,0) 100%), linear-gradient(90deg, rgba(12,51,98,.94) 0%, rgba(12,51,98,.86) 22%, rgba(12,51,98,.66) 34%, rgba(12,51,98,.38) 46%, rgba(12,51,98,.14) 58%, rgba(12,51,98,0) 68%) !important;}
html body.pagina-contactanos .svc-hero .container{position:relative !important;z-index:2 !important;padding-top:120px !important;width:100%;}
html body.pagina-contactanos .svc-hero h1{color:#FFFFFF !important;font-family:var(--font-display) !important;}
html body.pagina-contactanos .svc-hero h1 em{color:#6EA6CD !important;font-style:normal !important;}

/* Blog: el contenedor ya no recorta el banner en pantallas grandes */
html body:is(.blog,.category) #brx-content.blog-pagina.mb-blog{max-width:none !important;width:100% !important;overflow:visible !important;overflow-x:visible !important;}
html body:is(.blog,.category){overflow-x:clip;}
html body .mb-blog .blog-cabeza.blog-banner-ancho{width:100vw !important;max-width:none !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;}
html body .mb-blog .navigation.pagination{max-width:1160px;margin-left:auto;margin-right:auto;}

/* Contáctanos: formulario más compacto, sin espacios vacíos */
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form{gap:.65rem .75rem !important;padding:1.3rem 1.4rem 1.4rem !important;row-gap:.65rem !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .form-group:has(select){grid-column:1 / -1 !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .form-group:empty, html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .form-group:not(:has(*)){display:none !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .submit-button-wrapper{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important;justify-content:space-between !important;gap:.7rem 1rem !important;margin-top:.2rem !important;padding:0 !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .field-consent{flex:1 1 260px !important;display:flex !important;gap:.55rem !important;align-items:flex-start !important;margin:0 !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .field-consent label{color:#C3D3E0 !important;font-size:.78rem !important;line-height:1.45 !important;margin:0 !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .field-consent a{color:#D3AE37 !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .field-consent input{flex:0 0 auto;margin-top:.1rem !important;accent-color:#D3AE37;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .bricks-button{flex:0 0 auto !important;margin:0 !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .msg-abrir{margin:0 !important;justify-self:start;}
@media (max-width:600px){ html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .bricks-button{width:100% !important;justify-content:center !important;} }
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .form-group{padding:0 !important;margin:0 !important;min-height:0 !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .form-group input:not([type=checkbox]), html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .form-group select{height:46px !important;min-height:46px !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .field-consent{flex-basis:100% !important;}
html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .form-group > input, html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .form-group > select, html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-form-wrap form.cta-form .form-group > textarea{margin:0 !important;}
@media (min-width:768px){ html body.pagina-contactanos:not(.home) #contacto:not(.bhv-contact) .contact-copy{align-self:center !important;} }

/* Pie: correo y WhatsApp en una sola línea */
html body #brx-footer .mf-ct-mail, html body #brx-footer .mf-ct-wa{white-space:nowrap !important;word-break:keep-all !important;overflow-wrap:normal !important;}
@media (min-width:1025px){ html body #brx-footer .mf-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) max-content !important;} }
@media (max-width:380px){ html body #brx-footer .mf-ct-mail{font-size:.88rem !important;} }

/* Capacitación: sin el llamado "¿Listo para tomar mejores decisiones…?" en el pie */
html body:is(.pagina-capacitacion-empresarial-medellin,.pagina-headhunting-medellin,.pagina-retencion-de-talento-medellin) #brx-footer .mf-cta{display:none !important;}

/* Botón que abre el formulario: se muestra su texto real ("Hablar con un asesor" por defecto) en vez de "Completar el formulario" */
html body:not(.home) #contacto:not(.bhv-contact) .form-abrir span{font-size:1rem !important;}
html body:not(.home) #contacto:not(.bhv-contact) .form-abrir span::before{content:none !important;}

/* Pie: Boletín Magnata — texto y botón juntos, botón resaltado */
html body #brx-footer .mf-footer .pie-suscripcion{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:center !important;gap:1rem 1.6rem !important;padding-top:1.4rem !important;padding-bottom:1.4rem !important;border-top:1px solid rgba(195,211,224,.18);background:rgba(255,255,255,.04);}
html body #brx-footer .mf-footer .pie-suscripcion .pie-sus-texto{display:flex !important;align-items:center !important;gap:.9rem !important;flex:0 1 auto !important;min-width:0;}
html body #brx-footer .mf-footer .pie-suscripcion .pie-sus-kicker{flex:0 0 auto;padding:.35rem .8rem;border-radius:8px;background:rgba(211,174,55,.15);color:#D3AE37 !important;font-weight:700;font-size:.85rem !important;white-space:nowrap;}
html body #brx-footer .mf-footer .pie-suscripcion .pie-sus-titulo{margin:0 !important;color:#FFFFFF !important;font-family:var(--font-display) !important;font-size:clamp(1rem,1.6vw,1.15rem) !important;line-height:1.35 !important;}
html body #brx-footer .mf-footer .pie-suscripcion .pie-sus-boton{flex:0 0 auto !important;padding:.85rem 1.6rem !important;border:0 !important;border-radius:999px !important;background:#D3AE37 !important;color:#0C3362 !important;font-weight:700 !important;font-size:.98rem !important;box-shadow:0 12px 28px -12px rgba(211,174,55,.8) !important;cursor:pointer;transition:transform .2s ease, box-shadow .2s ease !important;}
html body #brx-footer .mf-footer .pie-suscripcion .pie-sus-boton:hover{transform:translateY(-2px);box-shadow:0 16px 32px -12px rgba(211,174,55,.95) !important;}
html body #brx-footer .mf-footer .pie-suscripcion .pie-sus-form{flex:1 1 100% !important;}
@media (max-width:767px){
  html body #brx-footer .mf-footer .pie-suscripcion{flex-direction:column !important;align-items:flex-start !important;}
  html body #brx-footer .mf-footer .pie-suscripcion .pie-sus-texto{flex-direction:column !important;align-items:flex-start !important;gap:.5rem !important;}
  html body #brx-footer .mf-footer .pie-suscripcion .pie-sus-boton{width:100% !important;text-align:center;}
}