/* Landing Desarrollo profesional y consultoría.
   Cabecera, pie y secciones usan las clases globales de Bricks del sitio (ec-*),
   cuyo CSS se genera en vivo. Aquí solo va lo que
   del sitio no cubre: el catálogo de cursos, el carrusel de webinars, los
   diálogos y el tamaño de los íconos (en el sitio lo fija cada elemento). Mismas variables del sitio (1rem = 10px).
   Colores del manual 2026: #0049a4, #00b3e6, #698fa4, blanco y negro. */

.dp-cuerpo{
  --c-marino:#0049a4;
  --c-marino-oscuro:#0049a4;
  --c-azul:#0049a4;
  --c-celeste:#00b3e6;
  --c-gris:#698fa4;
  /* Solo colores ECOTEC: manual (azul, cian, gris), azul oscuro y sus tonos claros */
  --dp-turquesa:#00b3e6;
  --dp-azul:#0049a4;
  --dp-pizarra:#698fa4;
  --dp-lavanda:#a9c4d6;
  --dp-cian:#7fd9f2;
  --dp-lima:#00b3e6;
  --dp-noche:#0049a4;
  --dp-claro:#eaf2fb;
  background:#fff;
}
.dp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dp-i{width:1.15em;height:1.15em;flex:none}
.dp [id]{scroll-margin-top:7.2rem}

/* ---------- Navbar blanco con logo a color (pedido del usuario) ---------- */
.dp-cuerpo .ec-navbar{background-color:#fff;background-image:none;box-shadow:0 1px 0 var(--c-borde)}
.dp-cuerpo #brxe-t9zo4j .brx-nav-nested-items>li>.brx-submenu-toggle>*,.dp-cuerpo #brxe-t9zo4j .brx-nav-nested-items>li>.brx-submenu-toggle button{color:#1a1d24}
.dp-cuerpo #brxe-t9zo4j .brx-nav-nested-items>li>.brx-submenu-toggle:hover>*{color:#0049a4}
.dp-cuerpo #brxe-ki3sxy .brxa-wrap{color:#1a1d24}
.dp-cuerpo .dp-boton-nav{background-color:#0049a4;color:#fff;border-color:#0049a4}
.dp-cuerpo .dp-boton-nav:hover{background-color:#00b3e6;border-color:#00b3e6;color:#000}

/* ---------- Ajustes sobre componentes del sitio ---------- */
.dp-cuerpo .ec-hero2{background-image:radial-gradient(circle farthest-side at center right,#00b3e6 0%,#0049a4 75%)}
.dp-cuerpo .ec-hero2__antetitulo{color:#fff;border-color:rgba(255,255,255,.5);background-color:rgba(255,255,255,.12)}
.dp-cuerpo .dp-dato-icono{width:2rem;height:2rem;color:#00b3e6;flex:none}
.dp-cuerpo .dp-lideres{background-color:#0049a4;background-image:linear-gradient(rgba(0,73,164,.72),rgba(0,73,164,.72)),url("/wp-content/uploads/2026/04/fondo-con-ondas.webp");background-size:cover;background-position:center;overflow:hidden}
.dp-cuerpo .dp-lideres .ec-lideres__titulo strong{color:#fff}
.dp-cuerpo .dp-lideres .ec-antetitulo{color:#fff}
.dp-cuerpo .ec-srv-tarjeta--marino .ec-srv-objetivo__numero{color:#00b3e6}
.dp-cuerpo .ec-srv-tarjeta--marino .ec-srv-objetivo__texto{color:rgba(255,255,255,.9)}
.dp-cuerpo .ec-srv-tarjeta--marino .ec-srv-objetivo__texto strong{color:#fff}
.dp-cuerpo .dp-lideres__logo{background:#fff;border-radius:var(--radio-s);padding:1rem}
.dp-cuerpo :is(.ec-pie-boton,.ec-cmp-boton,.ec-caminos__cta,.ec-campus__cta,.ec-mega__tarjeta-enlace,.ec-pie__legal-enlace,.ec-pie__red,.ec-redes-mini__item)>svg{width:1.6rem;height:1.6rem;flex:none}
.dp-cuerpo .ec-fac__flecha{width:1.8rem;height:1.8rem}
.dp-cuerpo .brx-submenu-toggle button svg{width:1.2rem;height:1.2rem}
.dp-cuerpo .ec-barra-superior__icono{flex:none}
.dp-cuerpo .dp-pie-icono{width:4rem;height:4rem;padding:.9rem;border-radius:50%;background:#00b3e6;color:#000;flex:none}
.dp-cuerpo .ec-navbar__logo img{width:100%;height:auto}
.dp-centro{justify-content:center}
.dp .ec-cmp-boton:hover{background-color:#00b3e6;border-color:#00b3e6;color:#000}
.dp .dp-boton--contorno{background-color:transparent;color:#0049a4}
.dp .dp-boton--contorno:hover{background-color:#0049a4;border-color:#0049a4;color:#fff}
.dp .dp-isotipo{width:4.8rem;height:4.8rem;padding:1.1rem;border-radius:50%;background:#00b3e6;color:#000}
.dp-cuerpo .dp-acred--azul{background-color:#0049a4;border-color:#0049a4}
.dp-cuerpo .dp-acred--azul .ec-acred__titulo{color:#fff}
.dp-acred--azul .ec-acred__item{background-color:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2)}
.dp-acred--azul .ec-acred__logos{animation:dp-desliza 70s linear infinite}
.dp-acred--azul .ec-acred__carril:hover .ec-acred__logos{animation-play-state:paused}
.dp .ec-acred__logos{column-gap:var(--space-s)}
.dp .dp-acred__fijos{width:100%;justify-content:center;flex-wrap:wrap;row-gap:var(--space-s)}
.dp .dp-acred__fijos .ec-acred__item{width:22rem}
.dp-cuerpo .dp-acred--azul .ec-acred__item{width:20rem;height:10rem;flex:none}
.dp-cuerpo .dp-acred--azul .ec-acred__logo{max-width:14rem;max-height:6.4rem;width:auto;height:auto}
@media (max-width:478px){.dp-cuerpo .dp-acred--azul .ec-acred__item{width:15rem;height:8rem}.dp-cuerpo .dp-acred--azul .ec-acred__logo{max-width:11rem;max-height:5rem}}
@keyframes dp-desliza{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.dp-acred--azul .ec-acred__logos{animation:none;flex-wrap:wrap;justify-content:center;width:100%}}

/* ---------- Catálogo de cursos ---------- */
.dp-cat{width:100%}
.dp-filtros{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:1rem;border-radius:var(--radio-m);background:#fff;border:1px solid var(--c-borde)}
.dp-buscar{position:relative;flex:1 1 28rem;margin:0}
.dp-buscar .dp-i{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;color:#0049a4}
.dp-buscar input{width:100%;height:4.8rem;border:0;border-radius:var(--radio-s);background:var(--c-fondo-suave);padding:0 1.6rem 0 4.6rem;font:500 var(--text-s) Poppins,sans-serif;color:#000}
.dp-buscar input:focus{outline:2px solid #0049a4}
.dp-segmento{display:flex;gap:.4rem;padding:.4rem;border-radius:1.2rem;background:var(--c-fondo-suave)}
.dp-segmento button{border:0;background:transparent;padding:1rem 1.6rem;min-height:4rem;border-radius:.9rem;font:600 var(--text-s) Poppins,sans-serif;color:var(--c-texto);cursor:pointer;white-space:nowrap}
.dp-segmento button[aria-pressed="true"]{background:#0049a4;color:#fff}
@media (max-width:599px){.dp-segmento{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.dp-segmento button{padding:1rem .2rem;font-size:var(--text-xs)}}
.dp-estado{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;margin:1.6rem 0 2rem;font-size:var(--text-s);color:var(--c-texto)}
.dp-estado p{margin:0}
.dp-estado b{color:#0049a4}
.dp-estado button{border:0;background:none;color:#0049a4;font-weight:600;text-decoration:underline;cursor:pointer;padding:.6rem 0;font-size:var(--text-s)}
.dp-rejilla{display:grid;gap:var(--space-s);grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:991px){.dp-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.dp-rejilla{grid-template-columns:minmax(0,1fr)}}
.dp-curso{display:flex;flex-direction:column;background:#fff;border-radius:var(--radio-l);overflow:hidden;box-shadow:var(--sombra-s);transition:transform .3s ease,box-shadow .3s ease}
.dp-curso:hover{transform:translateY(-4px);box-shadow:var(--sombra-m)}
.dp-curso__img{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#0049a4;border:0;padding:0;cursor:default}
.dp-curso__img img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform .6s}
.dp-curso:hover .dp-curso__img img{transform:scale(1.05)}
.dp-fecha{position:absolute;left:1.4rem;top:1.4rem;background:#fff;border-radius:1.2rem;padding:.7rem 1.1rem;text-align:center;line-height:1;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.dp-fecha small{display:block;font-size:1.15rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0049a4}
.dp-fecha b{display:block;margin-top:.3rem;font-size:2.4rem;font-weight:700;color:#000}
.dp-fecha--abierta b{margin:0;font-size:1.2rem}
.dp-modo{position:absolute;right:1.4rem;top:1.4rem;display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;border-radius:99rem;font-weight:700;font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase}
.dp-modo .dp-i{width:1.4rem;height:1.4rem}
.dp-modo--Online{background:#00b3e6;color:#000}
.dp-modo--Presencial{background:#0049a4;color:#fff}
.dp-modo--Híbrida{background:#fff;color:#0049a4}
.dp-curso__cuerpo{display:flex;flex-direction:column;flex:1;padding:var(--space-m)}
.dp-curso__tipo{font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#00b3e6}
.dp-curso h3{margin:.6rem 0 0;font-size:var(--text-l);font-weight:600;line-height:var(--lh-snug);color:var(--c-marino);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dp-curso__meta{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;font-size:var(--text-s);color:var(--c-texto-suave)}
.dp-curso__meta span{display:inline-flex;align-items:center;gap:.6rem}
.dp-curso__meta .dp-i{width:1.6rem;height:1.6rem;color:#0049a4}
.dp-curso__pie{margin-top:auto;padding-top:var(--space-s);display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem;flex-wrap:wrap}
.dp-precio{line-height:1}
.dp-precio small{display:block;font-size:var(--text-xs);color:var(--c-texto-suave);margin-bottom:.4rem}
.dp-precio b{font-size:var(--text-2xl);font-weight:700;color:#0049a4}
.dp-curso__acc{display:flex;gap:.8rem}
.dp-curso__acc .ec-cmp-boton{padding:1rem 1.6rem;font-size:var(--text-s)}
.dp-mas{margin-top:var(--space-l);display:flex;justify-content:center}
.dp-vacio{grid-column:1/-1;text-align:center;padding:var(--space-xl) var(--space-m);border:2px dashed var(--c-borde);border-radius:var(--radio-l);background:#fff}
.dp-vacio h3{margin:0;color:var(--c-marino);font-size:var(--text-xl);font-weight:600}
.dp-vacio p{margin:.8rem 0 1.8rem;color:var(--c-texto)}
.dp-vacio .ec-cmp-boton{margin:0 auto}
.dp-esqueleto{border-radius:var(--radio-l);background:#fff;overflow:hidden}
.dp-esqueleto div{background:linear-gradient(90deg,#edf1f4 0%,#f7f9fa 50%,#edf1f4 100%);background-size:200% 100%;animation:dp-brillo 1.4s infinite}
.dp-esqueleto div:first-child{aspect-ratio:16/10}
.dp-esqueleto div+div{height:1.6rem;margin:1.8rem 2.2rem 0;border-radius:.6rem}
.dp-esqueleto div:last-child{width:50%;margin-bottom:2.4rem}
@keyframes dp-brillo{to{background-position:-200% 0}}

/* ---------- Webinars ---------- */
.dp-fila-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-m);flex-wrap:wrap;width:100%}
.dp-flechas{display:flex;gap:1rem}
.dp-flechas button{width:5rem;height:5rem;border-radius:50%;border:2px solid #0049a4;background:#fff;color:#0049a4;cursor:pointer;display:grid;place-items:center;transition:.2s}
.dp-flechas button:hover{background:#0049a4;color:#fff}
.dp-flechas .dp-i{width:2.2rem;height:2.2rem}
@media (max-width:767px){.dp-flechas{display:none}}
.dp-carril{display:flex;gap:var(--space-s);width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:var(--space-s);scrollbar-width:thin}
.dp-video{flex:0 0 min(80%,32rem);scroll-snap-align:start;display:flex;flex-direction:column;padding:0;border:0;border-radius:var(--radio-l);overflow:hidden;background:#fff;box-shadow:var(--sombra-s);text-align:left;cursor:pointer;transition:transform .3s,box-shadow .3s;font-family:Poppins,sans-serif}
.dp-video:hover{transform:translateY(-4px);box-shadow:var(--sombra-m)}
.dp-video__img{position:relative;display:block;aspect-ratio:16/9;background:#0049a4}
.dp-video__img img{width:100%;height:100%;object-fit:cover}
.dp-video__play{position:absolute;inset:0;margin:auto;width:5.6rem;height:5.6rem;border-radius:50%;background:#00b3e6;color:#000;display:grid;place-items:center;box-shadow:0 0 0 8px rgba(255,255,255,.35);transition:transform .25s}
.dp-video:hover .dp-video__play{transform:scale(1.1)}
.dp-video__play svg{width:2.2rem;height:2.2rem;margin-left:.3rem}
.dp-video__txt{display:block;padding:var(--space-s) var(--space-m) var(--space-m)}
.dp-video__txt small{display:block;font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#00b3e6}
.dp-video__txt b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:.6rem;font-weight:600;font-size:var(--text-m);line-height:var(--lh-snug);color:var(--c-marino)}

/* ---------- Diálogos ---------- */
.dp-dialogo{border:0;padding:0;border-radius:var(--radio-l);width:min(76rem,calc(100% - 2.4rem));max-height:calc(100dvh - 2.4rem);background:#fff;color:var(--c-texto);box-shadow:0 40px 100px rgba(0,0,0,.45);overflow:hidden;font-family:Poppins,sans-serif}
.dp-dialogo:not([open]){display:none}
.dp-dialogo::backdrop{background:rgba(0,0,0,.6)}
.dp-dialogo[open]{animation:dp-entrar .25s ease}
@keyframes dp-entrar{from{opacity:0;transform:translateY(16px)}}
.dp-dlg{display:flex;flex-direction:column;max-height:calc(100dvh - 2.4rem)}
.dp-dlg__scroll{overflow-y:auto;overscroll-behavior:contain}
.dp-dlg__img{aspect-ratio:16/7;background:#0049a4}
.dp-dlg__img img{width:100%;height:100%;object-fit:cover;object-position:50% 10%;display:block}
.dp-cerrar{position:absolute;top:1.2rem;right:1.2rem;z-index:2;width:4.4rem;height:4.4rem;border-radius:50%;border:0;background:#fff;color:#000;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.dp-cerrar .dp-i{width:2rem;height:2rem}
.dp-dlg__cuerpo{padding:var(--space-m) var(--space-l) .8rem}
.dp-dlg__chips{display:flex;flex-wrap:wrap;gap:.8rem}
.dp-dlg__chips span{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;border-radius:99rem;background:var(--c-fondo-suave);font-weight:600;font-size:var(--text-xs);color:#0049a4}
.dp-dlg__chips .dp-i{width:1.5rem;height:1.5rem}
.dp-dlg h2{margin:1.4rem 0 0;font-weight:700;font-size:var(--text-2xl);line-height:var(--lh-snug);color:var(--c-marino)}
.dp-dlg__cuerpo>p{margin:1.2rem 0 0;font-size:var(--text-m);line-height:var(--lh-normal)}
.dp-dlg h3{margin:2.4rem 0 0;font-weight:700;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:#00b3e6}
.dp-dlg ul{margin:1.2rem 0 0;padding:0;list-style:none;display:grid;gap:1rem}
.dp-dlg li{display:flex;gap:1rem;align-items:flex-start;font-size:var(--text-m);line-height:1.5}
.dp-dlg li .dp-i{width:2.2rem;height:2.2rem;padding:.4rem;border-radius:50%;background:#0049a4;color:#fff;margin-top:.1rem}
.dp-dlg__pie{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap;padding:1.6rem var(--space-l) 2rem;border-top:1px solid var(--c-borde);background:#fff}
.dp-botones{display:flex;gap:.8rem;flex-wrap:wrap}
.dp-botones .ec-cmp-boton{padding:1rem 1.8rem}
@media (max-width:599px){.dp-dlg__pie .dp-botones{width:100%}.dp-dlg__pie .ec-cmp-boton{flex:1 1 0;justify-content:center}}
.dp-dialogo--video{width:min(100rem,calc(100% - 2.4rem));background:#000}
.dp-video__marco{aspect-ratio:16/9}
.dp-video__marco iframe{width:100%;height:100%;border:0;display:block}
html.dp-bloqueado{overflow:hidden}

/* ================= Colores ECOTEC por sección ================= */
.dp-cuerpo .ec-barra-superior{background-color:var(--dp-noche)}
.dp-cuerpo .ec-pie{background-color:var(--dp-noche)}
.dp-cuerpo .dp-pie-icono{background:var(--dp-turquesa)}
/* Accesos */
.dp-cuerpo .ec-srv-acceso:nth-child(odd) .ec-srv-acceso__icono{background:rgba(0,179,230,.14);color:#0049a4}
.dp-cuerpo .ec-srv-acceso:nth-child(even) .ec-srv-acceso__icono{background:rgba(105,143,164,.18);color:#0049a4}
/* Catálogo */
.dp-cuerpo .dp-curso__tipo{color:#4f6d7e}
.dp-modo--Online{background:#00b3e6;color:#0049a4}
.dp-modo--Presencial{background:#0049a4;color:#fff}
.dp-modo--Híbrida{background:#fff;color:#0049a4}
.dp-segmento button[aria-pressed="true"]{background:var(--dp-noche)}
/* Enfoque, ruta y alianzas en azul oscuro */
.dp-cuerpo .ec-fac{background-color:var(--dp-noche)}
/* Enfoque: ítems siempre visibles, barra cian, fondo azul sólido */
.dp-cuerpo .ec-fac__item{--fac:#00b3e6}
.dp-cuerpo .ec-fac__item::before{display:none}
.dp-cuerpo .ec-fac__fondo{background-image:linear-gradient(90deg,rgba(0,179,230,.22),rgba(0,179,230,0))}
@media (max-width:991px){
  .dp-cuerpo .ec-fac__item{background-color:#0049a4;border-left:4px solid #00b3e6}
  .dp-cuerpo .ec-fac__flecha{color:#00b3e6}
}
.dp-cuerpo .ec-srv-tarjeta--marino{background-color:var(--dp-noche)}
.dp-cuerpo .ec-srv-tarjeta--marino .ec-srv-objetivo__numero{color:var(--dp-turquesa)}
.dp-cuerpo .ec-srv-tarjeta--marino .ec-antetitulo{color:var(--dp-cian)}
.dp-cuerpo #in-company .ec-srv-check__icono{background-color:#00b3e6;color:#0049a4}
/* Modalidades */
.dp-cuerpo .ec-campus__tarjeta:nth-child(1) .dp-isotipo{background:#00b3e6;color:#0049a4}
.dp-cuerpo .ec-campus__tarjeta:nth-child(2) .dp-isotipo{background:#fff;color:#0049a4}
.dp-cuerpo .ec-campus__tarjeta:nth-child(3) .dp-isotipo{background:#698fa4;color:#fff}
/* Empresas en gris institucional */
.dp-cuerpo .dp-acred--gris{background-color:#4f6d7e;border-color:#4f6d7e}
.dp-cuerpo .dp-acred--gris .ec-acred__item{background-color:rgba(0,73,164,.12);border-color:rgba(255,255,255,.25)}
/* Webinars sobre azul claro */
.dp-cuerpo #webinars{background-color:var(--dp-claro)}
.dp-cuerpo .dp-video__play{background:#00b3e6;color:#0049a4}
.dp-cuerpo .dp-video__txt small{color:#4f6d7e}
/* Alianzas como en la home */
.dp-cuerpo .dp-lideres{background-color:var(--dp-noche);background-image:url("/wp-content/uploads/2026/04/fondo-con-ondas.webp");background-blend-mode:normal}
.dp-cuerpo .dp-lideres .ec-lideres__titulo strong{color:#00b3e6}
.dp-cuerpo .dp-lideres .ec-antetitulo{color:var(--dp-cian)}

/* ================= Portada tipo «Empleabilidad Global» ================= */
.dp-cuerpo .dp-portada{padding:0;background:var(--dp-noche)}
.dp-cuerpo .dp-portada__slide{position:relative;min-height:64rem;display:flex;align-items:center;justify-content:center;background-image:url("img/portada-par8860.webp");background-position:right center;background-size:cover;padding-bottom:0}
.dp-cuerpo .dp-portada__slide::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(0,73,164,.94) 0%,rgba(0,73,164,.7) 55%,rgba(0,73,164,.25) 100%)}
@media (max-width:767px){.dp-cuerpo .dp-portada__slide{background-image:url("img/portada-par8860-sm.webp")}}
.dp-cuerpo .dp-portada__contenedor{position:relative;width:90%;max-width:var(--ancho-max);margin:0 auto;padding:8rem 0;row-gap:2rem}
.dp-cuerpo .dp-portada__texto{max-width:62rem;row-gap:2rem;align-items:flex-start}
.dp-cuerpo .dp-portada__ante{color:#fff;border-color:rgba(0,179,230,.6);background-color:rgba(0,179,230,.18)}
.dp-cuerpo .dp-portada__titulo{margin:0;font-family:"Poppins",sans-serif;color:#fff;font-size:clamp(3.2rem,1.6rem + 3.2vw,5.4rem);line-height:1.12;letter-spacing:-.02em;display:flex;flex-direction:column;gap:.2rem;text-wrap:balance}
.dp-cuerpo .dp-t-fina{font-weight:300}
.dp-cuerpo .dp-t-marca{font-weight:600}
.dp-cuerpo .dp-t-fuerte{font-weight:700}
.dp-cuerpo .dp-t-italica{font-weight:300;font-style:normal;color:#fff}
.dp-cuerpo .dp-portada__sub{margin:-.6rem 0 0;font-size:var(--text-2xl);font-weight:300;color:#fff;line-height:1.1}
.dp-cuerpo .dp-portada__parrafo{color:#fff;max-width:58rem}
.dp-cuerpo .dp-portada__respaldo{display:flex;flex-direction:column;gap:.8rem;color:#fff;font-weight:500;font-size:var(--text-m)}
.dp-cuerpo .dp-portada__logos{display:flex;align-items:center;gap:2.4rem;padding:1.2rem 2.4rem;border-radius:1.2rem;background:rgba(255,255,255,.95);width:fit-content;max-width:100%}
.dp-cuerpo .dp-portada__logos img{height:3.6rem;width:auto;max-width:12rem;object-fit:contain}
.dp-cuerpo .dp-portada__botones{display:flex;flex-wrap:wrap;gap:1.2rem}
.dp-cuerpo .dp-portada__boton{min-height:4rem;padding:1rem 2.2rem;border-radius:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:var(--text-s);transition:.3s}
.dp-cuerpo .dp-portada__boton.boton-20anos{background:#fff;color:#0049a4}
.dp-cuerpo .dp-portada__boton:hover{background:#00b3e6;color:#fff}
.dp-cuerpo .dp-portada__boton--borde{border:2px solid #fff;color:#fff;background:transparent}
.dp-cuerpo .dp-portada__insignia{position:absolute;right:0;bottom:10%;display:flex;flex-direction:column;align-items:center;gap:1rem;width:20rem;padding:2rem 1.6rem;border:2px solid #00b3e6;border-radius:1.6rem;background:rgba(0,73,164,.55);backdrop-filter:blur(6px);color:#fff;text-align:center;text-decoration:none;box-shadow:0 0 30px rgba(0,179,230,.35)}
.dp-cuerpo .dp-portada__insignia-titulo{font-weight:800;font-size:var(--text-l);text-transform:uppercase;letter-spacing:.04em;line-height:1.1}
.dp-cuerpo .dp-portada__insignia-sello{display:grid;place-items:center;width:6.4rem;height:6.4rem;border-radius:50%;border:2px solid #00b3e6;color:#00b3e6}
.dp-cuerpo .dp-portada__insignia-sello .dp-i{width:3.2rem;height:3.2rem}
.dp-cuerpo .dp-portada__insignia-texto{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7fd9f2}
@media (max-width:991px){
  .dp-cuerpo .dp-portada__slide{min-height:0;background-position:72% center}
  .dp-cuerpo .dp-portada__slide::before{background-image:linear-gradient(180deg,rgba(0,73,164,.78) 0%,rgba(0,73,164,.96) 70%)}
  .dp-cuerpo .dp-portada__contenedor{padding:6rem 0}
  .dp-cuerpo .dp-portada__insignia{position:static;transform:none;flex-direction:row;width:auto;padding:1.2rem 1.6rem;align-self:flex-start}
  .dp-cuerpo .dp-portada__insignia-sello{width:4.4rem;height:4.4rem}
}
@media (max-width:478px){
  .dp-cuerpo .dp-portada__logos{gap:1.2rem;padding:1rem 1.4rem}
  .dp-cuerpo .dp-portada__logos img{height:2.6rem;max-width:8rem}
  .dp-cuerpo .dp-portada__botones .dp-portada__boton{flex:1 1 100%;text-align:center}
  .dp-cuerpo .dp-portada__insignia{align-self:stretch;max-width:100%;box-sizing:border-box;gap:1.2rem;justify-content:center}
  .dp-cuerpo .dp-portada__insignia-titulo{font-size:var(--text-m)}
  .dp-cuerpo .dp-portada__insignia-texto{font-size:1.1rem;letter-spacing:.08em}
}

/* ================= Credencial digital (futurista) ================= */
@property --dp-ang{syntax:"<angle>";inherits:false;initial-value:0deg}
.dp-cr{position:relative;isolation:isolate;overflow:hidden;padding:var(--space-2xl) var(--space-m);background:radial-gradient(ellipse at 75% 40%,#0049a4 0%,#0049a4 55%,#0049a4 100%);color:#fff}
.dp-cr__fondo{position:absolute;inset:0;z-index:-1;pointer-events:none}
.dp-cr__piso{position:absolute;left:-20%;right:-20%;bottom:-10%;height:55%;background-image:linear-gradient(rgba(0,179,230,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(0,179,230,.25) 1px,transparent 1px);background-size:56px 56px;transform:perspective(600px) rotateX(62deg);transform-origin:bottom;-webkit-mask-image:linear-gradient(to top,#000 10%,transparent 90%);mask-image:linear-gradient(to top,#000 10%,transparent 90%);animation:dp-piso 6s linear infinite}
@keyframes dp-piso{to{background-position:0 56px}}
.dp-cr__luz{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55}
.dp-cr__luz--a{width:420px;height:420px;right:6%;top:8%;background:var(--dp-turquesa);animation:dp-latido 7s ease-in-out infinite}
.dp-cr__luz--b{width:320px;height:320px;right:30%;bottom:-6%;background:var(--dp-lavanda);animation:dp-latido 9s ease-in-out infinite reverse}
@keyframes dp-latido{50%{transform:scale(1.2);opacity:.35}}
.dp-cr__fondo i{position:absolute;bottom:-10px;left:var(--x);width:3px;height:3px;border-radius:50%;background:var(--dp-cian);box-shadow:0 0 8px var(--dp-cian);animation:dp-sube var(--d) linear var(--r) infinite;opacity:0}
@keyframes dp-sube{10%{opacity:1}100%{transform:translateY(-110vh);opacity:0}}
.dp-cr__fila{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--space-xl);align-items:center}
@media (max-width:991px){.dp-cr__fila{grid-template-columns:minmax(0,1fr)}}
.dp-cr__ante{color:var(--dp-lima)!important}
.dp-cr__titulo{margin:0;color:#fff;font-size:var(--text-3xl);font-weight:300;line-height:var(--lh-tight)}
.dp-cr__titulo strong{font-weight:700;background:linear-gradient(90deg,var(--dp-turquesa),var(--dp-cian),var(--dp-lavanda),var(--dp-turquesa));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dp-brillo-txt 6s linear infinite}
@keyframes dp-brillo-txt{to{background-position:300% 0}}
.dp-cr__lista{list-style:none;margin:var(--space-l) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
@media (max-width:599px){.dp-cr__lista{grid-template-columns:1fr}}
.dp-cr__lista li{position:relative;display:flex;align-items:center;gap:1.4rem;padding:1.6rem;border-radius:var(--radio-m);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);overflow:hidden;transition:transform .3s,border-color .3s}
.dp-cr__lista li::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--c);box-shadow:0 0 14px var(--c)}
.dp-cr__lista li:hover{transform:translateY(-3px);border-color:var(--c)}
.dp-cr__lista .dp-i{width:4.4rem;height:4.4rem;padding:1rem;border-radius:1.2rem;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c);flex:none}
.dp-cr__lista span{font-size:var(--text-s);color:rgba(255,255,255,.8);line-height:1.35}
.dp-cr__lista b{display:block;font-size:var(--text-l);color:#fff;font-weight:700}
.dp-cr__lead{margin:var(--space-l) 0 var(--space-m);font-size:var(--text-l);line-height:1.4;color:rgba(255,255,255,.9);max-width:60rem}
.dp-cr__lead strong{color:#fff}
.dp-cr__escena{position:relative;width:100%;max-width:52rem;aspect-ratio:1;margin:0 auto;perspective:1000px}
.dp-cr__red{position:absolute;inset:0;width:100%;height:100%}
.dp-cr__enlaces path{stroke:rgba(127,217,242,.45);stroke-width:1.5;stroke-dasharray:6 10;animation:dp-flujo 3s linear infinite}
@keyframes dp-flujo{to{stroke-dashoffset:-64}}
.dp-cr__nodos circle{fill:var(--dp-cian);filter:drop-shadow(0 0 6px #7fd9f2);animation:dp-nodo 2.4s ease-in-out infinite}
.dp-cr__nodos circle:nth-child(2n){fill:var(--dp-lima);animation-delay:-.8s}
.dp-cr__nodos circle:nth-child(3n){fill:var(--dp-lavanda);animation-delay:-1.6s}
@keyframes dp-nodo{50%{opacity:.35}}
.dp-cr__orbita{position:absolute;inset:16%;border-radius:50%;border:1.5px dashed rgba(0,179,230,.5);animation:dp-gira 26s linear infinite}
.dp-cr__orbita--2{inset:8%;border:1px solid rgba(169,196,214,.4);border-left-color:transparent;border-right-color:transparent;animation-duration:14s;animation-direction:reverse}
@keyframes dp-gira{to{transform:rotate(360deg)}}
.dp-cr__insignia{position:absolute;left:50%;top:50%;width:52%;aspect-ratio:.88;transform:translate(-50%,-50%) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transform-style:preserve-3d;transition:transform .2s ease-out;animation:dp-flota 6s ease-in-out infinite}
@keyframes dp-flota{50%{margin-top:-14px}}
.dp-cr__holo{position:absolute;inset:0;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);background:conic-gradient(from var(--dp-ang),#00b3e6,#7fd9f2,#ffffff,#698fa4,#0049a4,#00b3e6);animation:dp-holo 5s linear infinite;filter:drop-shadow(0 0 24px rgba(0,179,230,.6))}
@keyframes dp-holo{to{--dp-ang:360deg}}
.dp-cr__cara{position:absolute;inset:5px;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);background:linear-gradient(160deg,#0049a4 0%,#0049a4 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:18% 12%}
.dp-cr__cara img{width:62%;height:auto;opacity:.95}
.dp-cr__sello{display:grid;place-items:center;flex:none;width:8rem;height:8rem;border-radius:50%;background:radial-gradient(circle,rgba(0,179,230,.25),transparent 70%);border:2px solid var(--dp-lima);color:var(--dp-lima);box-shadow:0 0 22px rgba(0,179,230,.45)}
.dp-cr__sello .dp-i{width:4rem;height:4rem}
.dp-cr__tipo{font-size:var(--text-xs);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--dp-cian)}
.dp-cr__nombre{font-size:var(--text-m);font-weight:700;line-height:1.25;color:#fff}
.dp-cr__estrellas{font-size:1.4rem;letter-spacing:.3em;color:var(--dp-lima)}
.dp-cr__barrido{position:absolute;inset:0;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);background-size:250% 100%;animation:dp-barrido 4s ease-in-out infinite;mix-blend-mode:screen}
@keyframes dp-barrido{0%{background-position:150% 0}60%,100%{background-position:-60% 0}}
.dp-cr__chip{position:absolute;display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.4rem;border-radius:99rem;background:rgba(0,73,164,.75);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);font-size:var(--text-s);font-weight:600;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.35);animation:dp-flota 5s ease-in-out infinite}
.dp-cr__chip .dp-i{width:1.8rem;height:1.8rem}
.dp-cr__chip--a{top:10%;right:2%;color:var(--dp-lima)}
.dp-cr__chip--b{bottom:18%;left:0;color:var(--dp-cian);animation-delay:-1.5s}
.dp-cr__chip--c{bottom:4%;right:12%;color:var(--dp-lavanda);animation-delay:-3s}
@media (max-width:478px){.dp-cr__chip{font-size:var(--text-xs);padding:.6rem 1rem}}
@media (prefers-reduced-motion:reduce){.dp-cr *,.dp-cr *::before{animation:none!important}}

/* ================= Contraste de textos sobre fotos ================= */
.dp-cuerpo .ec-caminos__velo,.dp-cuerpo .ec-campus__velo{background-image:linear-gradient(180deg,rgba(0,73,164,0) 30%,rgba(0,73,164,.75) 60%,rgba(0,73,164,.97) 100%)!important}
.dp-cuerpo .ec-campus__ubicacion{background-color:rgba(0,73,164,.85);color:#fff}
.dp-cuerpo .ec-campus__descripcion,.dp-cuerpo .ec-caminos__descripcion{color:#fff}
.dp-cuerpo .ec-fac__nombre{color:#fff}
.dp-cuerpo .ec-fac__velo{background-image:linear-gradient(180deg,rgba(0,73,164,0) 30%,rgba(0,73,164,.92) 85%)}
.dp-cuerpo .ec-srv-escena__foto{filter:none}
.dp-cuerpo .dp-portada__parrafo{text-shadow:0 1px 8px rgba(0,73,164,.6)}

/* ================= Responsive (celular y tablet) ================= */
@media (max-width:991px){

  /* Escenas: foto completa y centrada sobre la tarjeta */
  .dp-cuerpo .ec-srv-escena__foto{object-position:center 30%}
  /* Credencial: escena más chica y sin hueco */
  .dp-cuerpo .dp-cr{padding:var(--space-xl) var(--space-m)}
  .dp-cuerpo .dp-cr__escena{max-width:38rem}
  .dp-cuerpo .dp-cr__insignia{width:60%}
  .dp-cuerpo .dp-cr__cara{gap:.6rem;padding:20% 10%}
  .dp-cuerpo .dp-cr__sello{width:5.2rem;height:5.2rem}
  .dp-cuerpo .dp-cr__sello .dp-i{width:2.6rem;height:2.6rem}
  .dp-cuerpo .dp-cr__nombre{font-size:var(--text-s)}
  .dp-cuerpo .dp-cr__tipo{font-size:1.15rem;letter-spacing:.14em}
  /* Alianzas: velo para que el texto no se pierda en las ondas */
  .dp-cuerpo .dp-lideres{background-image:linear-gradient(rgba(0,73,164,.82),rgba(0,73,164,.82)),url("/wp-content/uploads/2026/05/fondo-con-ondas-mobile.webp")}
}
@media (max-width:478px){
  .dp-cuerpo .dp-cr__escena{max-width:32rem}
  .dp-cuerpo .dp-cr__chip--a{right:0}
}

/* ================= Empresas: carril limpio y centrado ================= */
.dp-cuerpo .dp-acred--gris{background-color:#0049a4;border-color:#0049a4;padding-left:0;padding-right:0}
.dp-cuerpo .dp-acred--gris .ec-acred__contenedor{max-width:none;width:100%;align-items:center}
.dp-cuerpo .dp-acred--gris .ec-acred__titulo{color:#fff;padding:0 var(--space-m);text-align:center;width:100%}
.dp-cuerpo .dp-acred--gris .ec-acred__carril{width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.dp-cuerpo .dp-acred--gris .ec-acred__logos{column-gap:1.6rem}
.dp-cuerpo .dp-acred--gris .ec-acred__item{width:18rem;height:9rem;padding:1.4rem;background-color:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--radio-m);display:flex;align-items:center;justify-content:center}
.dp-cuerpo .dp-acred--gris .ec-acred__logo{max-width:13rem;max-height:5.6rem;width:auto;height:auto;object-fit:contain;filter:none}
@media (max-width:478px){.dp-cuerpo .dp-acred--gris .ec-acred__item{width:14rem;height:7.4rem}.dp-cuerpo .dp-acred--gris .ec-acred__logo{max-width:10rem;max-height:4.6rem}}
/* Encuadre: en «Tu ruta» la tarjeta va a la derecha, la persona a la izquierda */
@media (min-width:992px){.dp-cuerpo #ruta .ec-srv-escena__foto{object-position:right 15%}.dp-cuerpo #in-company .ec-srv-escena__foto{object-position:80% center}}
@media (max-width:991px){.dp-cuerpo #ruta .ec-srv-escena__foto{object-position:75% 20%}}

/* ================= Tu ruta (pasos) ================= */
.dp-centrado{text-align:center;align-items:center;margin-left:auto;margin-right:auto}
.dp-pasos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-s);width:100%;counter-reset:paso}
@media (max-width:991px){.dp-pasos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:478px){.dp-pasos{grid-template-columns:minmax(0,1fr)}}
.dp-paso{position:relative;padding:var(--space-m);border-radius:var(--radio-l);background:#fff;box-shadow:var(--sombra-s);border-top:4px solid #00b3e6}
.dp-paso:nth-child(even){border-top-color:#0049a4}
.dp-paso__num{display:block;font-size:var(--text-3xl);font-weight:300;line-height:1;color:#0049a4}
.dp-paso__titulo{margin:1.2rem 0 .6rem;font-size:var(--text-l);font-weight:700;color:#0049a4}
.dp-paso__texto{margin:0;font-size:var(--text-s);line-height:var(--lh-normal);color:var(--c-texto)}
.dp-paso__texto strong{color:#0049a4}

/* ================= Oferta: títulos que no desbordan ================= */
.dp-cuerpo .ec-caminos__nombre{font-size:clamp(2rem,1.3rem + 1vw,2.6rem);line-height:1.15}

/* ================= Credencial: versión sobria ================= */
.dp-cr__piso,.dp-cr__luz--b,.dp-cr__fondo i,.dp-cr__orbita--2{display:none}
.dp-cr__enlaces path,.dp-cr__nodos circle,.dp-cr__luz--a,.dp-cr__holo,.dp-cr__chip{animation:none!important}
.dp-cr__titulo strong{animation:none;background:none;color:#00b3e6;-webkit-text-fill-color:#00b3e6}
.dp-cr__orbita--1{animation-duration:60s}
.dp-cr__holo{background:linear-gradient(160deg,#00b3e6,#7fd9f2 40%,#0049a4 100%)}
.dp-cr__cara{padding:24% 12% 20%}
.dp-cr__cara img{width:44%;max-width:16rem}
.dp-cuerpo .dp-ruta .ec-cmp-encabezado{align-items:center;margin-left:auto;margin-right:auto}.dp-cuerpo .dp-ruta .ec-cmp-encabezado>*{text-align:center;margin-left:auto;margin-right:auto}
/* Filtros del catálogo: botones centrados y parejos */
.dp-cuerpo .dp-segmento button{display:flex;align-items:center;justify-content:center;text-align:center}
@media (max-width:767px){
  .dp-cuerpo .dp-filtros{flex-direction:column;align-items:stretch;padding:.8rem;gap:.8rem}
  .dp-cuerpo .dp-buscar{flex:none}
  .dp-cuerpo .dp-segmento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
  .dp-cuerpo .dp-segmento button{padding:.9rem .2rem;min-height:4.2rem;font-size:1.25rem;white-space:nowrap}
}
@media (max-width:359px){.dp-cuerpo .dp-segmento{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Alianzas: degradado azul oscuro sobre las ondas para que el texto se lea */
.dp-cuerpo .dp-lideres{background-image:linear-gradient(90deg,rgba(0,73,164,.97) 0%,rgba(0,73,164,.9) 45%,rgba(0,73,164,.6) 100%),url("/wp-content/uploads/2026/04/fondo-con-ondas.webp")!important;background-size:cover}
@media (max-width:991px){.dp-cuerpo .dp-lideres{background-image:linear-gradient(180deg,rgba(0,73,164,.95),rgba(0,73,164,.85)),url("/wp-content/uploads/2026/05/fondo-con-ondas-mobile.webp")!important}}