/*Estilos solo para la pagina: ai-assistant.css.php*/

/*Variables ai-assistant.css.php*/
:root{    
    --ai-assistant-txt-title-size:42px;
    --ai-assistant-txt-subtitle-size:24px;
    --ai-assistant-txt-gral-size:22px;
    --ai-assistant-txt-gral-color:#FFFFFF;
    --ai-assistant-href-color:#3179C2;
    
    --ai-assistant-txt-title-size-mw967:34px;
    --ai-assistant-txt-subtitle-size-mw967:larger;
    --ai-assistant-txt-gral-size-mw967:medium;

    --ai-assistant-txt-title-size-mw767:xx-large;
    --ai-assistant-txt-subtitle-size-mw767:x-large;
    --ai-assistant-txt-gral-size-mw767:18px;
}

/*font*/
@font-face {
    font-family: "HelveticaBold";
    src: url('../font/Helvetica-Bold.ttf');
    font-display: swap;
}
@font-face {
    font-family: "HelveticaNormal";
    src: url('../font/Helvetica.ttf');
    font-display: swap;
}
.titleai,.ptxt-productos{
    font-family: "HelveticaBold";
}
.pfontN,.sub-ptxt-productos,.masinfo-360,#btn-seguridad,.btn-comprar-pt{
    font-family: "HelveticaNormal";
}


#ai-assistant{
    background: #000000;
}

/*cambios menu main, solo pag art-360*/
#ai-assistant #ac-globalnav-mtaec{
    background: #000000;
}
#ai-assistant #ac-globalnav-mtaec .ac-gn-linkmtaec-taec{    
    background-image: url(../menu/img_menu/main-menu/taec_logo.png);    
}
#ai-assistant #ac-globalnav-mtaec .ac-gn-linkmtaec,#ai-assistant #servicedesktop, #ai-assistant #servicemovile{
    color: #FFFFFF;
}
#ai-assistant #ac-globalnav-mtaec .services,#topmenu span a{
    color:#FFFFFF !important;
}
#ai-assistant .chapternav-link{
    color: #FFFFFF;
}

/*menu descriptivo*/
#ai-assistant .ac-localnav-scrim#ac-localnav.ac-localnav-dark .ac-ln-background{
    background-color:#000000;
}
#ai-assistant #ac-localnav.ac-localnav-dark .ac-ln-title a{
    color:#FFFFFF;
}
#ai-assistant #ac-localnav.ac-localnav-dark .ac-ln-menu-link.current, #ai-assistant #ac-localnav.ac-localnav-dark .ac-ln-menu-link {
    color: #FFFFFF;
    opacity: 1;
}
#ai-assistant #ac-gn-menustate-mtaec:checked ~ #ac-globalnav-mtaec{
    background: #000000;
}
#ai-assistant #ac-localnav.ac-localnav-dark .ac-ln-menucta-chevron::before, 
#ai-assistant #ac-localnav.ac-localnav-dark .ac-ln-menucta-chevron::after,
#ai-assistant #ac-ln-menustate:checked ~ .ac-localnav-dark#ac-localnav .ac-ln-menucta-chevron::before,
#ai-assistant #ac-ln-menustate:checked ~ .ac-localnav-dark#ac-localnav .ac-ln-menucta-chevron::after{
    background: #FFFFFF;
}
#ai-assistant #ac-ln-menustate:checked ~ .ac-localnav-dark#ac-localnav .ac-ln-background{
    background: #000000;
}
#ai-assistant #ac-localnav.ac-localnav-dark .ac-ln-background:after{
    background: #000000;
}
#ai-assistant #ac-localnav.mart-360{
    height: 0;
}

/*¿Qué es Articulate 360?*/
.titleai{
    font-size: var(--ai-assistant-txt-title-size);
    color: var(--ai-assistant-txt-gral-color);
}
.pfontN{
    font-size: var(--ai-assistant-txt-gral-size);
    color: var(--ai-assistant-txt-gral-color);
}
#img-ia-logo{
    width:35%;
}

/*video*/
#video-ai{
    width: 100%;
    height: 700px;
}


/*Apps 360*/
.ptxt-productos{
    color: var(--ai-assistant-txt-gral-color);
    margin-top: 30px;
    margin-bottom: 0px;
    font-size: var(--ai-assistant-txt-subtitle-size);
    font-weight: bold;
}
.sub-ptxt-productos{
    color: var(--ai-assistant-txt-gral-color);
    font-size:var(--ai-assistant-txt-gral-size);
    margin-bottom: 20px;
}
.masinfo-360 a{
    color: var(--ai-assistant-href-color);
    font-size: var(--ai-assistant-txt-gral-size);
}

/*boton*/
#btn-seguridad{
    background: #3179C2;
    color: white;
    text-decoration: none;
    padding: 15px;
    border-radius: 20px;
}

/* IA responsable */
.image-container {
    width: 100%;
}
#take_course{
    width: 40%;
}
.float,.float6fijo,.float7fijo,.float8fijo{
    position: absolute;    
    max-width: 100%;
    opacity: 0.8;
    animation: float 6s infinite alternate ease-in-out;
}
.float6fijo{    
    width: 190px;     
}
.float7fijo{    
    width: 120px;     
}
.float8fijo{    
    width: 200px;         
    position: static;
}
.float-6 { top:-8%; right: -8%; animation-delay: 0s; animation-duration: 6s; }
.float-7 { bottom:-10%; right: -15%; animation-delay: 0.5s; animation-duration: 6.3s; }
.float-8 { bottom:-10%; right: -15%; animation-delay: 1.5s; animation-duration: 6.7s;}
.float {    
    width: 90px;     
}
.float-1 { top:10%; left: 5%; animation-delay: 0s; animation-duration: 6s; }
.float-2 { bottom: -5%; left: 20%; animation-delay: 0.5s; animation-duration: 6.5s; }
.float-3 { top: 0%; right: 20%; animation-delay: 1s; animation-duration: 6.2s; }
.float-4 { bottom: 40px; right: 10%; animation-delay: 1.5s; animation-duration: 6.7s; }
/* Efecto de flotación vertical */
@keyframes float {
    0% { transform: translateY(0); }    /* Posición inicial */
    50% { transform: translateY(-30px); } /* Mueve hacia arriba */
    100% { transform: translateY(0); }   /* Vuelve a la posición inicial */
}

/*Todo en una sola licencia*/
.gradient-border {
    display: inline-block;
    padding: 4px; /* Grosor del borde */
    border-radius: 30px; /* Radio del borde redondeado */
    background: linear-gradient(to right, #9322FB, #1EA5E7); /* Gradiente del borde */
}
.content {
    background-color: black; /* Fondo del contenido */
    border-radius: 26px; /* Radio ajustado para encajar dentro del borde */
    padding: 10px 10px 20px 20px;
	color: #fff;
}
/*#masinfo-pt{
    display:inline-block;
    margin: 0px 65px 0px 0px;    
}
#masinfo-pt a{
    font-size: var(--ai-assistant-txt-gral-size);
    color: var(--ai-assistant-href-color);
}*/
.btn-comprar-pt{
    cursor:pointer;
    display:inline-block;
    text-align:center;
    white-space:nowrap;
    background:#3179C2;
    color:#FFFFFF;
    font-size:var(--ai-assistant-txt-gral-size);
    line-height:1.33337;
    font-weight:400;
    letter-spacing:-.01em;
    min-width:23px;
    padding-left:11px;
    padding-right:11px;
    padding-top:4px;
    padding-bottom:4px;
    border-radius: .25rem;
    text-decoration: none;    
}
.btn-comprar-pt:hover{
    color: #FFFFFF;
}

/*efecto estrellas*/
.star-container {
    position: relative;    
}
.sky {
    position: absolute; /* Para superponer sobre el texto */
    width: 90px;
    height: 90px;
    overflow: hidden;
    z-index: 1; /* Estrellas por encima del contenido */
    right: -7%;
    margin-top: 0%;    
}  
.star {
    position: absolute;
    width: 20px; /* Ajusta el tamaño según la imagen */
    height: 20px;
    background-image: url('../img/ai-assistant/star.png');
    background-size: cover;
    animation: twinkle 2s infinite alternate ease-in-out;
}
/* Animación para hacer parpadear las estrellas */
@keyframes twinkle {
    0%, 100% {
      opacity: 0.2;
      transform: scale(0.8);
    }
    50% {
      opacity: 1;
      transform: scale(1);
    }
}

/*hr*/
#ai-assistant #hr-div{    
    border-bottom: 2px solid #FFFFFF;     
}
#ai-assistant .txt-hr-tarjetas{
    background: #000000;
    color: #FFFFFF;
}

/*tarjetas*/
#ai-assistant .cont-per-int,#ai-assistant .cont-per-int2{
    background: #191919;
}

/*footer*/
#ai-assistant #footer-id1,#ai-assistant #footer-id2{
    background: #191919;
}

/* responsive */
@media (min-width: 1200px){    
    #wcontainer{
        width: 45%;
    }
}
@media (max-width: 1200px){    
    .float6fijo{        
        width: 120px; 
    }
}
@media (max-width: 967px){    
    .titleai{
        font-size: var(--ai-assistant-txt-title-size-mw967);     
    }
    .ptxt-productos{
        font-size: var(--ai-assistant-txt-subtitle-size-mw967);
    }
    #ai-assistant #hr-div {
        width: 100%;        
    }
    .pfontN,.sub-ptxt-productos,.masinfo-360 a,.btn-comprar-pt{
        font-size: var(--ai-assistant-txt-gral-size-mw967);
    }
    #video-ai{        
        height: 400px;
    }
    #take_course{
        width: 50%;
    }
    .float{ width: 65px; }
    .float-1 { left: 10%; }
    .float-2 { left: 15%; }
    .float-3 { right: 10%; }
    .float-4 { right: 0%; }
    .float6fijo,.float7fijo, .float8fijo{        
        width: 90px;
    }
}

@media (max-width: 767px){
    .titleai{
        font-size: var(--ai-assistant-txt-title-size-mw767);
    }
    .ptxt-productos{
        font-size: var(--ai-assistant-txt-subtitle-size-mw767);
    }
    .pfontN,.sub-ptxt-productos,.masinfo-360 a,.btn-comprar-pt{
        font-size: var(--ai-assistant-txt-gral-size-mw767);
    }
    #img-ia-logo {
        width: 50%;
        margin-top: 5%;    
    } 
    #video-ai{        
        height: 300px;
    }
    #take_course{
        width: 100%;
    }
    .float,.sky{
        display: none;
    }
    .float6fijo,.float7fijo,.float8fijo{
        display: none;
    }
}