:root {
--mgizq: 13%;
--mgder: 13%;
--fadeindhover: 0.5s;
--CODEKI-Princeton-Orange: #FF9100;/* naranja principal */
--CODEKI-Timberwolf:  #F1F2F2; /* blanco titulos*/
--CODEKI-Onyx: #2E3235; /* gris oscuro titulos*/
--CODEKI-Brand-Blue: #006EFF; /* azul boton */
--CODEKI-boton-flecha: #ED8700;
--Titulos-secciones: 800 44px/120% Manrope, sans-serif;    
--Subtítulo-cards:700 24px/120% Manrope, sans-serif;
--Título-cards: 700 26px/130% Manrope, sans-serif;
--Menu:400 14px/normal Manrope, sans-serif;
--Texto-cuerpo:400 20px/150% Manrope, sans-serif;
--Tags:400 14px/32px Manrope, sans-serif;
--Texto-card:400 16px/150% Manrope, sans-serif;
--Texto-menu-footer:400 16px/120% Manrope, sans-serif;
--Texto-calendario:400 19px/150% Manrope, sans-serif;
--Titulo-top-h1: 800 48px/120% Manrope, sans-serif;
--Titulo-top-h3: 700 20px/60px Manrope, sans-serif;
--Tab-2-p: 400 20px/180% Manrope, sans-serif;

/* ejemplo de como usar =  h1 {  
font: var(--titulo-estilo); 
font-style: normal; 
}*/
}


/*FONTS DE GOOGLE*/

.manrope {
font-family: "Manrope", sans-serif;
font-optical-sizing: auto;
font-weight: weight;
font-style: normal;
}
/*CSS GENERAL*/

html,
body {
position: relative;
height: 100%;
}

html{
overflow-x: hidden; 
margin-top: -10px!important;
padding-top: -10px!important; 
margin-bottom: 0;
padding-bottom: 0;
}

body{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0!important;
padding-top: 0!important;
/*overflow-x: hidden;*/
margin-bottom: 0;
padding-bottom: 0;
}

main{
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
position: relative;
top: 0; /* antes -88px */
}

/* NAV */

.caja-nav{
display: flex;
width: 100%;
height: 104px;
justify-content: center;
background: rgba(46, 50, 53, 0.70);
/*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);*/
position: fixed;
z-index: 999;
/*margin-top: -40px;*/
}

.caja-nav:hover{
background: rgba(46, 50, 53, 0.95);
transition: 0.3s;
}

nav {
display: flex;
width: 100%;
max-width: 1340px;
height: 104px;
flex-direction: row;
align-items: center;
/*margin-left: 9%;
margin-right: 9%;*/
margin-left: auto;
margin-right: auto;
justify-content: space-between;
padding: 0px 10px;
}

.menu {
gap: 30px;
font: var(--Menu);
position: relative;
padding-right: 0%;
font-style: normal;
display: flex;
align-items: center;
margin-top: 10px;
font-weight: 700;
width: 100%;
justify-content: flex-end;
}
.menu li {
list-style: none;
position: relative;
margin-left: 15px;
margin-right: 15px;
}
.menu a {
color: var(--CODEKI-Timberwolf);
text-decoration: none;
font-size: 16px;
transition: color 0.3s;
}
.menu a:hover {
color:var(--CODEKI-Princeton-Orange);
font-weight: 700;
}
.submenu-2 {
display: none;
position: absolute;
padding-bottom: 10px;
background-color: rgb(46 50 53 / 95%);
list-style: none;
padding: 1px 0 10px 0;
margin: 1px 0 0 -10px;
top: 100%;
left: 0%;
width: 180px;
}
.submenu-2 ul{
display: flex;
flex-direction: column;
}
.submenu-2 li {
width: 100%;
}
.submenu-2 a{
padding: 10px;
display: block;
color: rgb(255, 255, 255);
font-size: 11px;
}
.submenu-2 a:hover{
font-weight: 900;
color: var(--CODEKI-Princeton-Orange);
text-decoration: none;
} 
.menu li:hover .submenu-2, .submenu-2 li:hover  {
display: flex;
flex-direction: column;
}

/* Botón hamburguesa */
.hamburger {
display: none;
flex-direction: column;
cursor: pointer;
gap: 5px;
}
.hamburger div {
width: 25px;
height: 3px;
background: var(--CODEKI-Timberwolf);
transition: all 0.3s ease;
}

/* Estado de X */
.hamburger.active .bar1 {
transform: rotate(45deg) translate(5px, 5px);
}
.hamburger.active .bar2 {
opacity: 0;
}
.hamburger.active .bar3 {
transform: rotate(-45deg) translate(6px, -6px);
}

.especial-contacto{
display: flex;
background-color: var(--CODEKI-Brand-Blue);
color: var(--CODEKI-Timberwolf);
max-width: 148px;
width: 100%;
padding: 10px 0px;
align-items: center;
align-content: center;
justify-content: center;
border-radius: 5px;
text-decoration: none;
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.25);
cursor: pointer;
}
.especial-contacto:hover{
background-color: var(--CODEKI-Princeton-Orange);
font-weight: 700;
text-decoration: none;
color: var(--CODEKI-Timberwolf)!important;
}

#logo-nav {
display: none;
cursor: pointer;
}
#logo-nav-2{
cursor: pointer;
}
nav ul{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-bottom: 0px;
padding-left: 0px;
}
nav ul li a{
color: rgb(0, 0, 0);
font-size: 24px;
font-weight: 500;
line-height: 148%;
}
nav ul li a{
color: var(--CODEKI-Timberwolf);
text-decoration: none;
}

nav ul li a:hover{
width: 100%;
transition: 0.3s;
color: var(--CODEKI-Princeton-Orange);
font-weight: 700;
}


/* Responsive */
@media (max-width: 800px) {
nav{
padding: 0px 50px;
}
.menu {
display: none;
flex-direction: column;
background-color: var(--CODEKI-Onyx);
position: absolute;
top: 70px;
left: 0;
width: 100%;
padding: 20px;
gap: 20px;
animation: slideDown 1.0s ease forwards;
}
.menu.show {
display: flex;
width: 100%;
top: 93px;
/*max-width: 220px;
margin-left: 73%;
margin-right: 1%;*/
height: auto;
justify-content: space-around;
}
.caja-nav{
background-color: var(--CODEKI-Onyx);
}
nav ul{
flex-direction: column;
}
.hamburger {
display: flex;
}
/* Submenu en mobile */
.submenu-2 {
position: static;
/*background: var(--CODEKI-Princeton-Orange); OPCION FONDO TOTAL */
background: transparent;
display: none;
padding: 0px ;
margin:10px 0 0 0;
}
.menu li{
margin: 15px 10px;
text-align: center;
}
.menu li.active .submenu-2 {
display: flex;
}
#logo-nav-2{
display: none;
}
#logo-nav{
display: block;
}
}

/* Animación de despliegue */
@keyframes slideDown {
from { opacity: 0; transform: translateY(-20px); }
to { opacity: 1; transform: translateY(0); }
}
/***TERMINA EL MENU_NAV***/

.top{
position: relative; 
width: 100%; 
min-height: 100vh; 
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

/*EMPIEZA VIDEO TOP*/
#myVideo{
position: absolute; 
top: 0; left: 0;
width: 100vw; 
height: 100%; 
object-fit: cover; 
z-index: 1;
filter: brightness(0.8);
}

video{
min-width: 100%;
min-height: 100%;
}
.overlay{
height: 100vh;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) );
/*background: linear-gradient(rgba(102, 0, 255, 0.5), rgba(102, 0, 255, 0.5) );*/
}
.titulos-video{
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
color: #fff;
padding: 100px 1rem 40px 1rem;
width: 100%;
max-width: 1175px;
}

.titulos-video h1{
position: relative;
width: 100%;
color: var(--CODEKI-Timberwolf);
text-align: center;
font-family: "Manrope", sans-serif;
font-size: 48px;
font-style: normal;
font-weight: 800;
line-height: 120%; /* 57.6px */
}
.titulos-video p{
position: relative;
width: 100%;
max-width: 860px;
color: #FFF;
font-family: "Manrope", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
}

.contenedor-data-top{
display: flex;
width: 100%;
max-width: 1200px;
z-index: 1;
padding: 50px 0px;;
justify-content: center;
border-radius: 5px;
background-color: rgb(46 50 53 / 60%);
/*opacity: 0.9;
background: var(--CODEKI-Onyx);*/
}
.data-top-1, .data-top-2{
display: flex;
align-items: flex-start;
width: 100%;
max-width: 600px;
padding: 0px 10px 0px 50px;
gap: 0px;
flex-direction: column;
}
.data-top-1 h3, .data-top-2 h3{
color: var(--CODEKI-Princeton-Orange);
font: var(--Título-cards);
width: 100%;
max-width: 400px;
}
.data-top-1 p, .data-top-2 p{
color: var(--CODEKI-Timberwolf);
font: var(--Texto-cuerpo);
width: 100%;
max-width: 500px;
}
.data-top-1{
border-right: 1px solid var(--CODEKI-Timberwolf);
}
.linea-division{
display: none;
height: 1px;
background-color: var(--CODEKI-Timberwolf);
border: 1px;
/*margin-left: auto;
margin-right: auto;*/
width: 95%;
}
.slogan-top{
font-family: "Manrope", sans-serif;
text-align: center;
color: var(--CODEKI-Princeton-Orange);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 60px; /* 300% */
z-index: 1;
padding-top: 60px;
}
/*TERMINA VIDEO TOP*/

/*seccion-1*/
.seccion-1{
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 100px;
}

.titulos-seccion{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 80px 15px 40px 15px;
gap: 20px;
}
.titulos-seccion h5{
font:var(--Tags);
text-align: center;
color: var(--CODEKI-Timberwolf);
text-transform: uppercase;
background-color: var(--CODEKI-Brand-Blue);
padding: 5px 15px;
border-radius: 5px;
}
.titulos-seccion h2{
font: var(--Titulos-secciones);
text-align: center;
color: var(--CODEKI-Onyx);
max-width: 870px;
}
.cards-servicios{
display: flex;
width: 100% ;
max-width: 1440px;
justify-content: center;
gap: 20px;
}
.card-servicio{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 20px 15px;
gap: 20px;
width: 100%;
max-width: 320px;
border-radius: 5px;
background: rgba(46, 50, 53, 0.80);
}
.card-servicio:hover{
background-color: var(--CODEKI-Onyx);
transition: var(--fadeindhover);
}
.card-servicio h3{
font:var(--Subtítulo-cards);
text-align: center;
color: var(--CODEKI-Timberwolf);
}
.card-servicio p{
font: var(--Texto-card);
text-align: center;
color: var(--CODEKI-Timberwolf);
}

.boton-des{
padding: 20px 70px 20px 50px;
/* margin: 20px; */
background-image: url("../../assets/imagen/iconos/flecha-naranja.png");
background-position: right;
background-repeat: no-repeat;
background-size: contain;
border-radius: 147.853px;
background-color: var(--CODEKI-Princeton-Orange);
color: var(--CODEKI-Timberwolf);
font-family: "Manrope", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 14.1936px */
text-align: center;
text-decoration: none;
cursor: pointer;
border: none;
box-shadow: 0 2.957px 2.957px 0 rgba(0, 0, 0, 0.15);
transition: padding 0.5s ease, margin 0.5s ease; /* Transición suave */
}
.boton-des-grande{
font-size: 16px;
}
.boton-des img{
width: 12.567px;
height: 10.35px;
z-index: 2;
}

.boton-des:hover{
padding: 20px 85px 20px 50px;
margin-right: -15px;
}

.btn{
background-color: bisque;
padding: 20px 60px 20px 20px;
/* margin: 20px; */
background-image: url("assets/imagen/iconos/flecha.png");
background-position: right;
background-repeat: no-repeat;
background-size: contain;
border-radius: 30px;
transition: padding 0.5s ease, margin 0.5s ease; /* Transición suave */
}

.btn:hover{
padding: 20px 75px 20px 20px;
margin-right: -15px;
}

.seccion-2{
background-image: url("../../assets/imagen/imagenes-ilustrativas-y-fondos/numeric-highlights_desktop.webp");
background-size: cover;
background-position: center;
width: 100%;
background-repeat: no-repeat;
display: flex;
justify-content: center;
margin-top: 50px;
}
.contenedor-cuenta-regresiva{
display: flex;
width: 100%;
max-width: 1440px;
justify-content: center;
}
.cajon-cuenta{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
align-items: center;
padding: 30px 0px;
width: 100%;
max-width: 1440px;
}
.cuenta:nth-child(1),
.cuenta:nth-child(2),
.cuenta:nth-child(3)
{
flex-shrink: 2;
align-self: center;
padding: 5px;
width: 100%;
max-width: 300px;
align-items: center;
justify-items: center;
display: flex;
flex-direction: column;
gap: 10px;
}
.cuenta h2{
color: #FFF;
text-align: center;
font-family: "Manrope", sans-serif;
font-size: 34px;
font-style: normal;
font-weight: 800;
line-height: 120%; /* 40.8px */
text-transform: capitalize;
}
.cuenta p{
font-family: "Manrope", sans-serif;
color: var(--CODEKI-Princeton-Orange);
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
max-width: 270px;
}
/*fin seccion-2*/
/*seccion-3*/
.seccion-3{
background-color: var(--CODEKI-Timberwolf);
width: 100%;
padding: 20px 0px 60px 0px;
display: flex;
flex-direction: column;
align-items: center;
/* antes padding-bottom: 20px;*/
}
/****CAROUSELL_HOME****/
.carousel-container {
max-width: 1340px; /* antes  1195px */
margin: auto;
position: relative;
overflow: hidden;
}
.carousel {
overflow: hidden;
}
.carousel-track {
display: flex;
transition: transform 0.5s ease-in-out;
}
.card-content{
display: flex;
flex-direction: column;
gap: 25px;
}

.card h3 {
font: var(--Subtítulo-cards);
color: var(--CODEKI-Onyx);
margin-bottom: 10px;
font-size: 22px!important;
}
.card p {
font: var(--Tags);
color: var(--CODEKI-Onyx);
margin-bottom: 15px;
}
.card img {
width: 100%;
border-radius: 5px;
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.modalidad{
display: flex;
align-items: center;
justify-content: space-between;
}
.modalidad-icono-p{
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
}
.modalidad-icono-p img{
width: 20px;
height: 20px;
box-shadow: none;
border-radius: 0px;
}
.modalidad-icono-p p{
font: var(--Tags);
color: var(--CODEKI-Onyx);
margin: 0;
}
.logo-card img{
width: 30%;
height: auto;
box-shadow: none;
}

                        /*esto fue modificado para las tarjetas carousell*/
                        .contenedor-carusel{
                          display: flex;
                            flex-direction: row;
                            flex-wrap: wrap;
                            justify-content: center;
                            width: 100%;
                            max-width: 1200px;
                        }
                        .hover-card{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: auto;
                        text-decoration: none;
                        width: 100%;
                        max-width: 380px;

                        /*display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 100%;
                        height: auto;
                        text-decoration: none;*/
                        }

                        .card {
                        margin: 10px 14px;
                            padding: 20px;
                            background: #fff;
                            border-radius: 5px;
                            gap: 20px;
                            width: 100%;
                            max-width: 450px;

                        /*flex: 0 0 390px; 
                        margin: 0 34px;   
                        padding: 20px;
                        background: #fff;
                        border-radius: 5px;
                        gap:20px*/
                        }
                        /* hasta aca esto fue modificado para las tarjetas carousell*/
.card:hover {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
transition: var(--fadeindhover);
filter: brightness(0.7);
}
/* Oculta el botón por defecto */
.card .imagen-vanish {
opacity: 0;
pointer-events: none;
transition: opacity 0.3s;
}
/* Muestra el botón solo cuando se hace hover en la tarjeta */
.card:hover .imagen-vanish{
opacity: 1;
pointer-events: auto;
}
button.prev, button.next {
position: absolute;
top: 58%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.8);
border: 1px solid var(--CODEKI-Onyx);
color: var(--CODEKI-Onyx);
font-size: 14px;
padding: 5px 10px;
cursor: pointer;
border-radius: 50%;
z-index: 2;
}

button.prev { left: 10px; }
button.next { right: 5px; }
button.prev:hover, button.next:hover {
background: var(--CODEKI-Princeton-Orange);
border-color: var(--CODEKI-Princeton-Orange);
color: var(--CODEKI-Timberwolf);
transition: var(--fadeindhover);
}
/* Responsive */
@media (max-width: 1200px) {
.card {
min-width: calc(100% / 2);
}
}
@media (max-width: 800px) {
.card {
min-width: 100%;
}
}
.contenedor-boton{
display: flex;
margin: 60px 0px;
justify-content: center;
}
/*fin seccion-3*/
/* seccion-4*/
.seccion-4 h2, .seccion-7 h2{
max-width: 1100px;
}

.testimonios-profesores{
display: flex;
width: 100%;
max-width: 1360px;
margin: 0px auto;
justify-content: space-between;
}
.testimonio{
display: flex;
flex-direction: column;
width: 100%;
max-width: 658px;
gap: 10px;
border-radius: 10px;
box-shadow: 0 2.957px 2.957px 0 rgba(0, 0, 0, 0.15);
/*border: 1px solid var(--CODEKI-Onyx);*/
padding: 20px;
margin: 0px 10px;
}
.testimonio p{
font: var(--Texto-card);
color: var(--CODEKI-Onyx);
}
.testimonio h4{
font: var(--Subtítulo-cards);
color: var(--CODEKI-Onyx);
}
.testimonio h5{
font: var(--Texto-card);
color: var(--CODEKI-Princeton-Orange);
}
.testimonio img{
width: 8%;
}
/*fin seccion-4*/
/* seccion-5*/
.seccion-5{
display: flex;
flex-direction: column;
align-items: center;
}
.grid-container {
display: grid;
grid-template-columns: repeat(4, 1fr); /* 4 columnas por defecto */
gap: 1.5rem;
background-color: #ffffff;
padding: 2rem;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: fit-content; 
margin: 0 auto; 
}
.grid-item:nth-child(n+5) {
grid-column: span 1; 
}
.grid-container {
display: flex;
flex-wrap: wrap; 
justify-content: center; 
gap: 1.5rem;
background-color: #ffffff;
padding: 2rem;
border-radius: 5px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
max-width: 1200px; 
}
.grid-item {
display: flex;
justify-content: center;
align-items: center;
padding: 1rem;
flex: 0 0 calc(25% - 1.5rem); 
box-sizing: border-box; 
}
/* Estilos específicos para la segunda fila (del 5º al 9º elemento) */
.grid-item:nth-child(n+5) {
flex: 0 0 calc(20% - 1.5rem); 
}
.grid-item img {
max-width: 100%;
height: auto;
display: block;
filter: grayscale(100%);
opacity: 0.7;
}
.grid-item img:hover {
filter: grayscale(0%);
opacity: 1;
transition: var(--fadeindhover);
}
/*fin seccion-5*/
/* seccion-6*/
.seccion-6{
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--CODEKI-Onyx);
margin: 80px 0px 40px 0px;
}
.impacto{
display: flex;
width: 100%;
max-width: 1340px;
padding: 50px 0px;
}
.impacto h2{
font: var(--Titulos-secciones);
color: var(--CODEKI-Timberwolf);
width: 100%;
max-width: 620px;
}
.impacto-derecha, .impacto-izquierda{
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
gap: 35px;
padding: 0px 10px 0px 10px;
}
.impacto-item{
display: flex;
width: 100%;
}
.impacto-item ul{
padding-left: 20px;
}
.impacto-item ul li{
list-style: url("../../assets/imagen/iconos/check.svg");
color: var(--CODEKI-Timberwolf);
font: var(--Subtítulo-cards);
text-align: left;
}
.impacto-item p{
color: var(--CODEKI-Timberwolf);
font: var(--Texto-card);
max-width: 314px;
text-align: left;
}
.impacto-derecha img{
border-radius: 10px;
}
/*fin seccion-6*/
/*seccion-7*/
.seccion-7{
display: flex;
flex-direction: column;
align-items: center;
}

/****** SLIDER INFINITO *******/
/* Slider infinito */
.carru-infinito {
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
width: 100%;
padding: 40px 0;
}

.carru-track {
display: inline-flex;
animation: scroll 60s linear infinite; /* Más lento */
}
.carru-track:hover {
animation-play-state: paused; /* Se detiene al pasar el mouse */
}
.carru-track img {
height: 80px;
margin: 0 60px;
object-fit: contain;
filter: grayscale();
}
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.carru-track img:hover{
filter: grayscale(0%);
transition: 0.5s;
}
/*fin seccion-7*/
/* seccion-8*/
.seccion-8{
display: flex;
flex-direction: column;
align-items: center;
}
.cards-sectores{
display: flex;
width: 100%;
max-width: 1440px;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
.card-sectores{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 20px 15px;
gap: 20px;
width: 100%;
max-width: 430px;
border-radius: 5px;
text-align: center;
background: rgba(241, 242, 242, 0.50);
}
.card-sectores:hover{
background: var(--CODEKI-Timberwolf);
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
}
.card-sectores h3{
font:var(--Subtítulo-cards);
color: var(--CODEKI-Onyx);
}
.card-sectores p{
font: var(--Texto-card);
color: var(--CODEKI-Onyx);
text-align: center;
}
/* Oculta el botón por defecto */
.card-sectores .boton-des {
opacity: 0;
pointer-events: none;
transition: opacity 0.3s;
}
/* Muestra el botón solo cuando se hace hover en la tarjeta */
.card-sectores:hover .boton-des {
opacity: 1;
pointer-events: auto;
}
/*fin seccion-8*/
.espacio-de-mas{
margin-bottom: 2.5rem;
}
/*INTERNAS*/
.top-internas, .top-internas-ciberseguridad, .top-internas-salesforce, .top-internas-ia-aplicada, .top-internas-cobol,
 .top-internas-devops, .top-internas-adabas, .top-internas-ux, .top-internas-formaciones{
width:100%;
display: flex;
flex-direction: column;
align-items: flex-start;
background-image: url("../../assets/imagen/top-banners/desktop/header_power-bi.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center; 
height: auto;
min-height: 500px;
}
.top-internas-ciberseguridad{
background-image: url("../../assets/imagen/top-banners/desktop/header_ciberseguridad.webp");
}
.top-internas-salesforce{
background-image: url("../../assets/imagen/top-banners/desktop/header_salesforce.webp");
}
.top-internas-ia-aplicada{
background-image: url("../../assets/imagen/top-banners/desktop/header_ia.webp");
}
.top-internas-cobol{
background-image: url("../../assets/imagen/top-banners/desktop/header_cobol.webp");
}
.top-internas-devops{
 background-image: url("../../assets/imagen/top-banners/desktop/header_devops-engineer.webp"); 
}
.top-internas-adabas{
 background-image: url("../../assets/imagen/top-banners/desktop/header_natural-adabas.webp"); 
}
.top-internas-ux{
 background-image: url("../../assets/imagen/top-banners/desktop/header_ux-ui.webp");  
}
.top-internas-formaciones{
 background-image: url("../../assets/imagen/top-banners/desktop/header_formaciones.webp");  
}



.texto-top-internas{
display: flex;
flex-direction: column;
width: 100%;
max-width: 1340px;
padding: 160px 0px 0px 10px;
margin: 0px auto;
align-items: flex-start;
row-gap: 5px;
color: var(--CODEKI-Timberwolf);
}
.texto-top-formaciones{
  padding: 200px 0px 0px 10px;  
}
.texto-top-internas h1{
font: var(--Titulo-top-h1);
color: var(--CODEKI-Timberwolf);
}
.h1-corto{
  max-width: 680px;
}
.texto-top-internas h3{
font: var(--Titulo-top-h3);
color: var(--CODEKI-Princeton-Orange);
}
.texto-top-internas img{
width: 10%;
}
.logo-chico img{
  width: 6%;
}
.logo-top-chico img{
  width: 13%;
}
.btn-top{
display: flex;
margin-top: 50px;
}

.seccion-calendario{
  display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.calendario-contenedor{
display: flex;
    width: 100%;
    max-width: 1440px;
    justify-content: space-evenly;
    flex-direction: row;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
}
.caja-calendario-contenedores{
display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 74%;
}
.caja-contenedora-2-items{
display: flex;
    width: 100%;
    /* max-width: 100%; */
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.calendario{
  margin-bottom: 60px;
  display: flex;
    flex-wrap: wrap;
}

.caja-calendario{
display: flex;
width: 100%;
max-width: 95%;
margin: 30px 0px 0px 40px;
padding: 20px 0px;
border-radius: 5px;
background: var(--CODEKI-Timberwolf);
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
}

.calendario-item{
display: flex;
align-items: center;
width: 100%;
max-width: 250px;
padding: 10px;
justify-content: flex-start;

}
.calendario-item img{
width: 22%;
}
.calendario-item p{
color: var(--CODEKI-Onyx);
font-family: "Manrope", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 228.571% */
/*text-transform: uppercase;*/
margin: 0px;
padding-left: 10px;
}
.xl {
  font-size: 12px!important;
}

.border-right{
border-right: 1px solid var(--CODEKI-Princeton-Orange);
}
.border-right-1{
border-right: 1px solid var(--CODEKI-Princeton-Orange);
}

.caja-formu-chico{
display: flex;
    width: 100%;
    max-width: 23%;
    justify-content: center;
    background-image: url("../../assets/imagen/imagenes-ilustrativas-y-fondos/fondo-formulario.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 2%;
    border-radius: 5px;
    /* position: relative; */
    /* margin-left: 75%; */
    /* margin-right: 10%; */
 
}

#form-2{
width: 100%;
max-width: 300px;
width: 100%;
max-width: 90%;
display: flex;
flex-direction: column;
}
.caja-info-calendario-contenedor{
display: flex;
flex-direction: column;
width: 100%;
max-width: 1000px;
padding: 20px;
}
.caja-info-calendario{
padding: 20px;
display: flex;
flex-direction: column;
gap: 20px;
}
.caja-info-calendario h2{
font: var(--Titulos-secciones);
color: var(--CODEKI-Onyx);
}
.caja-info-calendario p{
  font: var(--Texto-calendario);
  color: var(--CODEKI-Onyx);
}

/* TABS*/
.seccion-9{
display: flex;
justify-content: center;
}
.container-tabs {
max-width: 1410px;
width: 100%;
background-color: var(--CODEKI-Onyx);
overflow: hidden;
}   
.tabs-header {
display: flex;
background: white;
flex-wrap: wrap;
}

.tab-btn {
background: var(--CODEKI-Timberwolf);
border: none;
color: var(--CODEKI-Onyx);
padding: 25px 25px;
cursor: pointer;
font-size: 16px;
font-weight: 600;
flex-grow: 1;
text-align: center;
transition: all 0.3s ease;
/*border-radius: 15px 15px 0px 0px;*/
}

.tab-btn:hover {
background: var(--CODEKI-Onyx);
color:var(--CODEKI-Timberwolf);
}

.tab-btn.active {
background: var(--CODEKI-Onyx);
color: var(--CODEKI-Timberwolf);
/*border-radius: 15px 15px 0px 0px;*/
}

.tab-btn i {
margin-right: 8px;
}

.tab-content {
padding: 30px 30px 30px 60px;
}
hr{
background-color: var(--CODEKI-Princeton-Orange);
width: 100%;
height: 2px;
margin: 3rem 0px;
}
.tab-pane {
display: none;
animation: fadeIn 0.5s ease;
}

.tab-pane.active {
display: block;
}

.tab-title {
color: var(--CODEKI-Princeton-Orange);
font: var(--Subtítulo-cards);
/* margin-bottom: 20px;
padding-bottom: 10px;*/
}

.tab-list {
list-style-type: none;
/* margin: 20px 0;*/
}
.tab-list {
margin-bottom: 2rem;
padding-left: 1rem;
}

.tab-list li {
padding: 5px 0;
display: flex;
align-items: flex-start;
font: var(--Texto-cuerpo);
color: var(--CODEKI-Timberwolf);
}
.tab-list p{
color: var(--CODEKI-Timberwolf);
font-family: "Manrope", sans-serif;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}

.tab-list li i {
color: var(--CODEKI-Timberwolf);
font-size: 5px;
margin: 6px 8px 0px 0px;
}
.tab-pane h5{
color: var(--CODEKI-Timberwolf);
font-family: "Manrope", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 200%;
}
#tab2 p{
  font: var(--Tab-2-p);
  color: var(--CODEKI-Timberwolf);
}
#tab3 p{
  font: var(--Texto-calendario);
color: #FFF;
}
#tab4 p{
  font: var(--Texto-cuerpo);
  color: var(--CODEKI-Timberwolf);
}

.hch{
color: var(--CODEKI-Princeton-Orange);
font-size: 18px;
margin-right: 10px;
}

.requirements {
background: #f8f9fa;
padding: 20px;
border-radius: 8px;
margin: 20px 0;
border-left: 4px solid #1abc9c;
}

.course-details {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 25px;
}

.detail-card {
flex: 1;
min-width: 200px;
background: #f8f9fa;
padding: 15px;
border-radius: 8px;
text-align: center;
}

.detail-card h3 {
color: #2c3e50;
margin-bottom: 10px;
}

.detail-card p {
color: #7f8c8d;
}

.highlight {
color: #e74c3c;
font-weight: bold;
}

@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {
.tabs-header {
flex-direction: column;
}

.tab-btn {
width: 100%;
text-align: left;
padding: 15px 20px;
}

.course-details {
flex-direction: column;
}
}

@media (max-width: 480px) {
.tab-content {
padding: 20px;
}

.tab-title {
font-size: 20px;
}

.tab-btn {
font-size: 14px;
padding: 12px 15px;
}
}

/* FIN TABS*/
.seccion-11{
padding-top: 60px;
background-color:  var(--CODEKI-Timberwolf) ;
display: flex;
flex-direction: column;
align-items: center;
}
/*DESPLEGABLE*/
.my-5{
display:block;
}
.accordion{
--bs-accordion-bg: var(--CODEKI-Timberwolf)!important;

}
.custom-accordion {
margin-bottom: 20px;
overflow: hidden;
}

.custom-btn {
color: #fff;
justify-content: space-between;
display: flex;
align-items: center;
/*  font-weight: bold;
border: none;
box-shadow: none !important;
background-color: #ff1e00;
*/
}

.custom-btn:not(.collapsed) {
background-color: transparent;
}
.chc{
font-size: 16px!important;
color: var(--CODEKI-Princeton-Orange)!important;
/*margin-top: -35px;*/
margin-left: -16px;
    padding-right: 2px;
}  

.icon-btn {
margin-left: auto;
font-size: 20px;
/*width: 28px;
height: 28px;
border-radius: 20px;*/
opacity: 0.8;
display: flex;
justify-content: center;
align-items: center;
}

/*.custom-btn:not(.collapsed) .icon-btn {
border-radius: 15px;
background: #FFF
};*/
.accordion-button{
color: var(--CODEKI-Onyx);
font-family: "Manrope", sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 800;
line-height: 130%; /* 39px */
border-radius: 5px;
    background: var(--CODEKI-Timberwolf);
}
.accordion-button::after{
  display: none;
}
.accordion-button:not(.collapsed) {
  background-color: var(--CODEKI-Princeton-Orange)!important;
  color: var(--CODEKI-Timberwolf)!important;
  box-shadow: none!important;
}

.accordion-button:hover{
background-color: var(--CODEKI-Princeton-Orange);
color: var(--CODEKI-Timberwolf)!important;
}
.accordion-button:focus {
  box-shadow: none!important;
  outline: none!important;

}
.accordion-item {
color: var(--CODEKI-Princeton-Orange)!important;
border: 0px!important;
border-radius: 5px !important;
background-color: var(--CODEKI-Onyx)!important;
}
.accordion-item:hover{
  background-color: none!important;
}
.accordion-item h3{
  color: var(--CODEKI-Princeton-Orange);
font-family: "Manrope", sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 39px */
}
.accordion-item p{
  color: var(--CODEKI-Timberwolf);
font-family: "Manrope", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
/*.custom-accordion:hover{
 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 20px!important;
}*/
.accordion-button img{
  width: 8%;
  padding-right: 20px;
}

.accordion-item:first-of-type, .accordion-button, .accordion-item:last-of-type {
  border-radius: 5px!important;
  border: none!important;
}
.accordion-body{
  background-color: var(--CODEKI-Onyx);
  border:none!important;
}
.accordion:hover{ 
  --bs-accordion-bg: var(--CODEKI-Princeton-Orange)!important;
--bs-accordion-btn-color: var(--CODEKI-Timberwolf)!important;
}
/*FIN DESPLEGABLE*/

/*GRID PRECIOS*/
.grid-precios {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr ;
gap: 10px 10px;
align-content: center;
justify-items: center;
width: 100%;
max-width: 1000px;;
}
.item{
color: var(--CODEKI-Timberwolf);
font: var(--Texto-cuerpo);
text-align: center;
}
.referencia{
color: var(--CODEKI-Princeton-Orange);
}

/*FOOTER COMIENZA*/
footer{
display: flex;
width: 100%;
background-color: var(--CODEKI-Timberwolf)
}
.conteiner-footer{
display: flex;
width: 100%;
margin-left: auto;
margin-right: auto;
align-items: flex-start;
padding: 60px 0px;
flex-wrap: wrap;
max-width: 1440px;
justify-content: space-evenly;
}
.footer-contacto{
display: flex  ;
flex-direction: column;
width: 100%;
max-width: 300px;
gap: 1em;
}
#logo-footer{
width: 80%;
}
.cajitas-footer{
max-width: 260px;
width: 100%;
}
.cajitas-footer a {
color: #FFF;
font-family: "Manrope", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 133.333% */
/* text-transform: uppercase;*/
margin-bottom: 0px;
}
.cajitas-footer p{
margin: 15px 0px;
}
.footer-contacto p{
color: white;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.iconitos{
margin-right: 10px;
}
.footer-menu ul{
padding: 0;
display: flex;
gap: 2px 4px;
flex-direction: column;
margin: 0;
align-items: flex-start;
}
.footer-menu li{
list-style: none;
}
.footer-menu a{
font: var(--Texto-menu-footer);
color: var(--CODEKI-Onyx);
text-align: left;
text-decoration: none;
}
.footer-menu a::before {
display: block;
content: attr(title);
font-weight: bold;
height: 0;
overflow: hidden;
visibility: hidden;
}
.footer-menu{
max-width: 200px;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.footer-menu ul li a:hover, .cajitas-footer a:hover{
font-weight: 700;
}
.footer-redes{
display: flex;
justify-content: flex-start;
gap: 5px;
margin: 20px 0px;
flex-direction: column;
}
.footer-redes p{
color: var(--CODEKI-Onyx);
font: var(--Tags);
}
.footer-redes a{
text-decoration: none;
color: var(--CODEKI-Onyx);
}
#iconitos-redes{
display: flex;
gap: 10px;
font-size: 28px;
}
.redecitas i {
  font-size: 30px;
}
* {
box-sizing: border-box;
}
/* TERMINA FOOTER*/
/* SECCION FORMULARIO HOME*/
#form{
width:100%;
display: flex;
flex-direction: column;
align-items: center;
background-image: url("../../assets/imagen/imagenes-ilustrativas-y-fondos/fondo-form-home_desktop.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin-top: 80px;
}
.formu{
display: flex;
flex-direction: column;
width: 100%;
max-width: 900px;
align-items: center;
padding: 80px 15px;
}
.formu-2{
display: flex;
flex-direction: column;
width: 100%;
max-width: 900px;
align-items: center;
padding: 20px 10px;
}

.formu h2{
width: 100%;
max-width: 800px;
color: #FFF;
font: var(--Titulos-secciones);
text-align: center;
margin-bottom: 40px;
}
.formu-2 h2{
  font: var(--Título-cards);
  color: var(--CODEKI-Timberwolf);
  text-align: center;
}



form{
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 25px 15px;
justify-content: center;
}
input[type="text"], input[type="email"], input[type="telephone"]{
width: 100%;
max-width: 410px;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.30);
background: rgba(255, 255, 255, 0.10);
display: flex;
padding: 20px 0px 20px 18px;
align-items: center;
flex-shrink: 0;
color: #FFF;
font: var(--Texto-card);
}
textarea{
width: 96%;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.30);
background: rgba(255, 255, 255, 0.10);
max-width: 850px;
color: #FFF;
padding: 21px 0px 21px 18px;
font: var(--Texto-card);
}
input[type="submit"]{
margin-top: 30px;
}
/*input[type="submit"]:hover{
}*/
::placeholder{
color: #FFF;
font: var(--Texto-card);
}
/* FIN SECCION FORMULARIO HOME*/
#contenidoExtra {
display: none;
transition: all 0.3s ease;
}

.boton-des-ver-todos{
width: 100%;
display: flex;
justify-content: center;
padding: 20px 0px;
}

/*EMPIEZA LO RESPONSIVO///////////////////////////////////////////////////////////*/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*ESTE ES MIO*/
@media only screen 	and  (max-width: 1500px) {

}
/*ESTE ES MIO*/
@media only screen 	and  (max-width: 1300px) {
.cards-servicios{
flex-wrap: wrap;
justify-content: center;
}
}
/*EMPIEZA 1370 ///////////////////////////////////////////////////////////*/
@media only screen and  (max-width: 1370px){
}
/*TERMINA 1370 ///////////////////////////////////////////////////////////*/
/* Responsive 1200 */
@media  screen and  ( max-width: 1200px ){
.impacto{
flex-direction: column;
align-items: center;
text-align: center;
}
.impacto-izquierda, .impacto-derecha{
align-items: center;
margin-bottom: 30px;
}
.impacto h2{
max-width: 100%;
text-align: center;
}
.impacto-item{
max-width: 900px;
justify-content: space-around;
}
.impacto-derecha img{
max-width: 70%;
height: auto;
}
}
/*TERMINA 1200 ///////////////////////////////////////////////////////////*/  
/*EMPIEZA 1100 ///////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1439px) { 
.border-right{
border-right: none;
}
}

@media only screen and (max-width: 1050px) { 
.calendario-contenedor{
flex-direction: column;
align-items: center;
}
.caja-formu-chico, .caja-calendario-contenedores, .container-tabs{
max-width: 90%;
}
.container-2 {
padding: 0 80px;
}
}
/*TERMINA 1100 ///////////////////////////////////////////////////////////*/
/*EMPIEZA 970 ///////////////////////////////////////////////////////////*/
@media screen and (max-width: 970px){
input[type="text"], input[type="email"], textarea {
max-width: none;
}
textarea {
width: 100%;
}  
.formu-2,  input[type="text"], input[type="email"], input[type="telephone"]{
width: 100%;
max-width: none;
border-radius: 10px;
/*border: 1px solid rgba(255, 255, 255, 0.30);
background: rgba(255, 255, 255, 0.10);*/
display: flex;
padding: 20px 10px 20px 18px;
align-items: center;
flex-shrink: 0;
color: #FFF;
font: var(--Texto-card);
}
#form-2{
  max-width: 80%;
}
}
/*TERMINA 970 ///////////////////////////////////////////////////////////*/
/*EMPIEZA 885 ///////////////////////////////////////////////////////////*/
@media screen and (max-width: 885px){
.cajitas-footer{
max-width: 200px;
}
.carousel-slide-2{
  padding: 30px!important;
}
.testimonial-text-2{
  max-width: 400px!important;
}

}
/*TERMINA885///////////////////////////////////////////////////////////*/
/*EMPIEZA 800 ///////////////////////////////////////////////////////////*/
/*ESTE ES MIO*/
@media only screen and  (max-width: 800px){  
.grid-container-footer{
margin-left: 8%;
padding-bottom: 70px;
}
.titulos-video h1 {
font-size: 30px;
}
.contenedor-data-top {
flex-direction: column;
padding: 20px 0px;
}
.data-top-1, .data-top-2{
max-width: 100%;
border-right: none;
/*padding: 20px 10px 20px 50px;*/
}
.data-top-1 h3, .data-top-2 h3, .data-top-1 p, .data-top-2 p{
max-width: 100%;
}
.linea-division{
display: inline-block;
}
.data-top-1 h3, .data-top-2 h3{
font-size: 20px;
}
.data-top-1 p, .data-top-2 p{
font-size: 16px;
}
.data-top-2{
padding-top: 20px;
}
.slogan-top h4{
font-size: 16px;
}
.testimonios-profesores{
flex-direction: column;
align-items: center;
gap:20px;
width: 90%;
}
.grid-container {
grid-template-columns: repeat(2, 1fr); 
display: grid; 
}
.grid-item {
flex: unset; 
width: auto; 
}
.grid-item:nth-child(n+5) {
flex: unset;
width: auto;
}
.impacto-derecha img{
max-width: 80%;
height: auto;
}
.texto-top-internas img{
width: 20%;
}
.texto-top-internas {
  padding: 160px 10px 0px 50px;
}
.texto-top-formaciones{
    padding: 260px 10px 0px 50px;
}
.container-2 {
padding: 0 70px;
}
.whass{
      margin-right: -80px!important;
}
}
/*TERMINA 800 ///////////////////////////////////////////////////////////*/
/*EMPIEZA 614 ///////////////////////////////////////////////////////////*/ 
@media only screen and  (max-width: 614px){
.footer-menu{
align-items: flex-start;
}
}
/*TERMINA 614 ///////////////////////////////////////////////////////////*/ 
@media (max-width: 735px){  
  .texto-top-internas h1{
    font-size: 36px;
  }
  .texto-top-internas h3{
    font-size: 18px;
    line-height: 25px;
  }
}
/*EMPIEZA 650 ///////////////////////////////////////////////////////////*/
@media (max-width: 650px){
.slogan-top{
padding-top: 40px;
}
.impacto-item{
flex-direction: column;
align-items: flex-start;
margin-left: 8%;
}
.impacto-derecha img{
max-width: 90%;
height: auto;
}
.conteiner-footer{
flex-direction: column;
max-width: 650px;
padding: 60px 30px;
}
.footer-menu{
margin: 8px 0px;
}
.container-2 {
padding: 0 60px;
}

.carousel-slide-2 {
padding: 20px;
}
.carousel-control-2 {
width: 50px;
height: 50px;
}
.carousel-control-2 i {
font-size: 24px;
}
.testimonial-text-2{
  max-width: 300px!important;
}
.container-2{
  padding: 0 30px!important;
}
.carousel-control-2.prev-2, .carousel-control-2.next-2  {
display: none!important;
}
.whass{
      margin-right: -40px!important;
}

}
/*TERMINA 650 ///////////////////////////////////////////////////////////*/

/*EMPIEZA 500 ///////////////////////////////////////////////////////////*/
@media screen and (max-width: 500px){
.carousel-control-2 {
width: 45px;
height: 45px;
}

.carousel-control-2 i {
font-size: 20px;
}
.container-2 {
padding: 0 50px;
}
}
/*TERMINA 500 ///////////////////////////////////////////////////////////
/*EMPIEZA 470 ///////////////////////////////////////////////////////////*/
/*EMPIEZA 430 ///////////////////////////////////////////////////////////*/
/* Responsive 430 */

@media  screen and (max-width: 430px){
#myVideo{
height: 80vh;
}
video{
min-height: 0%;
}
.top{
min-height: 80vh;
}
.titulos-video{
margin-left: 0%;
padding: 10px;
}
.titulos-video h1{
font-size: 24px;
margin-top: 100px;
}
.data-top-1 h3, .data-top-2 h3{
font-size: 16px;
}
.data-top-1 p, .data-top-2 p{
font-size: 14px;
}
.titulos-video p, .tab-title{
font-size: 16px;
}
.menu-hamburguesa {
right: 4%;
/*top: 23px;*/
}
nav {
top: 0px;
width: 100%;
}
.slogan-top{
padding-top: 20px;
}
.slogan-top h4{
font-size: 14px;
}
.titulos-seccion h2, .impacto-izquierda h2, .formu h2{
font-size: 24px;
}
.carru-track img{
margin: 0 10px;
}
.card-sectores{
max-width: 320px;
}
.testimonio{
  gap: 0px;
}

.testimonio p{
  font-size: 11px;
}
.testimonio h4, .accordion-item h3{
  font-size: 18px;
}
.testimonio h5{
  font-size: 12px;
}
.calendario-item p{
font-size: 12px;
padding-left: 5px;
line-height: 18px!important;
}
.caja-info-calendario h2 {
  font-size: 24px;
}
.caja-info-calendario p, .tab-list li, .tab-pane h5, .item, .accordion-item p, #tab2 p, #tab3 p, #tab4 p, .tab-list p{
  font-size: 14px;
}
.texto-top-internas img{
width: 32%;
}
.contenedor-boton{
  margin: 10px 0px;
}
.texto-top-internas h3{
  font-size: 14px;
  line-height: 150%;
}

.top-internas, .top-internas-ciberseguridad, .top-internas-salesforce, .top-internas-ia-aplicada,
.top-internas-cobol,.top-internas-devops, .top-internas-adabas, .top-internas-ux, .top-internas-formaciones {

background-image: url("../../assets/imagen/top-banners/mobile/header-powerbi_mobile.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center; 
}
.top-internas-ciberseguridad{
background-image: url("../../assets/imagen/top-banners/mobile/header-ciberseguridad_mobile.webp");
}
.top-internas-salesforce{
background-image: url("../../assets/imagen/top-banners/mobile/header-salesforce_mobile.webp");
}
.top-internas-ia-aplicada{
background-image: url("../../assets/imagen/top-banners/mobile/header_ia-mobile.webp"); 
}
.top-internas-cobol{
background-image: url("../../assets/imagen/top-banners/mobile/header_cobol-mobile.webp");
}
.top-internas-devops{
background-image: url("../../assets/imagen/top-banners/mobile/header_devops-mobile.webp");  
}
.top-internas-adabas{
background-image: url("../../assets/imagen/top-banners/mobile/header_natural-adabas-mobile.webp");  
}
.top-internas-ux{
background-image: url("../../assets/imagen/top-banners/mobile/header_ux-ui-mobile.webp");  
}
.top-internas-formaciones{
background-image: url("../../assets/imagen/top-banners/mobile/header-formaciones_mobile.webp");  
}

.btn-top {
margin-top: 20px;
}
.caja-calendario{
margin-left: auto;
margin-right: auto;
}
.calendario-item{
justify-content: flex-start;
}
.texto-top-internas h1{
font-size: 30px;
}
.boton-des {
padding: 15px 50px 15px 40px;
font-size: 14px;
}
.boton-des:hover {
padding: 15px 75px 15px 40px;;
}
.testimonial-text-2{
font-size: 11px!important;
max-width: 280px!important;
}
.carousel-slide-2 img {
  width: 4%!important;
}
.testimonial-author-2 {
font-size: 18px!important;
}
.container-2 {
padding: 0 40px;
}

.carousel-control-2 {
width: 40px;
height: 40px;
}

}
/*TERMINA 430 ///////////////////////////////////////////////////////////*/
/* CSS titulo home header dispositivos menosres a 380 de macho */

@media (max-width: 380px){
.titulos-video h1 {
font-size: 32px;
}
#myVideo {
height: 100vh;
}
.top {
min-height: 80vh;
}
.titulos-video {
margin-left: 0%;
padding: 18px;
padding-top: 75px;
} 
}
/*//////////////////////////CAROUSELL_FORMACIONES /////////////////////////////////*/
.container-2 {
width: 100%;
max-width: 1000px;
margin: 0 auto 40px auto;
position: relative;
padding: 0 100px;
}

.carousel-2 {
width: 100%;
overflow: hidden;
position: relative;
border-radius: 12px;
box-shadow: 0 2.957px 2.957px 0 rgba(0, 0, 0, 0.15);
}

.carousel-track-2 {
display: flex;
transition: transform 0.5s ease-in-out;
}

.carousel-slide-2 {

flex: 0 0 800px;
height: auto;
background: white;
border-radius: 10px;
padding: 30px 30px 30px 80px;
box-shadow: 0 2.957px 2.957px 0 rgba(0, 0, 0, 0.15);
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
/*border: 1px solid var(--CODEKI-Onyx);*/
}
.carousel-slide-2 img{
  width: 6%;
margin: 15px 0px;
}

.testimonial-text-2 {
margin-bottom: 20px;
color: var(--CODEKI-Onyx);
font: var(--Texto-card);
width: 100%;
max-width: 590px;
}

.testimonial-author-2 {
color: var(--CODEKI-Princeton-Orange);
font: var(--Subtítulo-cards);
}

.carousel-control-2 {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.9);
border: none;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 10;
transition: all 0.3s ease;
box-shadow: 0 2.957px 2.957px 0 rgba(0, 0, 0, 0.15);
}

.carousel-control-2:hover {
background: white;
transform: translateY(-50%) scale(1.1);
}

.carousel-control-2.prev-2 {
left: 0;
}

.carousel-control-2.next-2 {
right: 0;
}

.carousel-control-2 i {
font-size: 28px;
color: var(--CODEKI-Princeton-Orange);
}

.carousel-indicators-2 {
display: flex;
justify-content: center;
margin-top: 30px;
gap: 12px;
}

.indicator-2 {
width: 14px;
height: 14px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.5);
cursor: pointer;
transition: background 0.3s ease;
}

.indicator-2.active-2 {
background: white;
}

/*boton de whass up */
.whass{
    position: fixed;
    bottom: -12px;
    right: var(--mgder);
    z-index: 999;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    box-shadow: 0px 0px 13px 1px rgba(145, 142, 142, 0.75);
    -webkit-box-shadow: 0px 0px 13px 1px rgba(145, 142, 142, 0.75);
    -moz-box-shadow: 0px 0px 13px 1px rgba(145, 142, 142, 0.75);
    transition: var(--fadeindhover);
    background-color: #FFFFFF;
    margin-right: -100px;
    margin-left: 40px;
    padding-bottom: 15px;
}

.whass:hover{
		box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
/*border-radius: 25px;*/
}

/* fin boton de whass up e*/

.boton-des-ver-todos  {
    transition: padding 0.3s;
}