/*
Theme Name: Alioth Child
Description: Child theme for the Alioth. Child themes are the recommended way of making modifications to a theme. <a href="http://codex.wordpress.org/Child_Themes">Read More</a>
Author: PeThemes
Author URI: http://pethemes.site
Template: alioth
*/


/* =Theme customization starts here
-------------------------------------------------------------- */




div#cmplz-document {
    max-width: fit-content;
}
.site-header.fullscreen_menu.menu-has-open::before {
   
    padding-bottom: 100px !important;
    height: 80vh!important;
}
div#cmplz-cookiebanner-container p {
    color: #000000!important;
    line-height: 14pt!important;
}
header.site-header.menu_dark.dark.fullscreen_menu.sticky_header.always_sticky.menu_overlay.sticked {
    /* padding: 50px !important; */
    background: #1a1c1e;
}

.site-header.light .header-cta-but a:after {
  color: #ffed00 !important;
  
  animation: hue 5s linear infinite;
}
.site-branding {
    
    overflow: visible;
}
.site-logo {
    width: 200px;
    margin-top: -20px;
    overflow: visible;
}
.site-logo {
    width: 200px;
    margin-top: -20px;
    overflow: visible;
}





.toggle-line {
    background: #ffffff;
}

svg#Capa_1 {
    overflow: visible;
}

.a-client {
    display: flex;
    justify-content: center;
    align-items: center;
}
.a-client img{
width: 50%;
}


footer a {
    color: #ffffff66 !important;
    text-decoration: none;
}



.legal-text p, .legal-text ul li {
    font-size: 18px;
    line-height: 35px;
    margin-left: -1px;
    font-weight: normal;
    margin-bottom: 1em;
    color: #b6b1b1 !important;
}

@keyframes hue {
  
  100% {
    filter: blur(100px);
   filter: hue-rotate(360deg);
  }
}





/* ------------------------------------------------------------- *
 * Footer
* ------------------------------------------------------------- */

.enlace-footer{
  color: hsla(0, 0%, 100%, .4)!important;
  text-decoration: none;
}

@media (max-width: 576px) {
  .correo-footer {
    font-size: 28px !important;
    text-align: center;
  }
  
  .lista-social{
  width: 60%;
  margin-bottom: 20px !important;
  }
  .logologo{
    width: 40%;
    margin-bottom: 20px !important;
  }
  .imagen-logo{
    transform: translateX(-20px);
  }
  .direcciones-footer{
    margin-bottom: 0px !important;
  }
  
  a[href^="tel:"] {
    color: hsla(0, 0%, 100%, .4);
    text-decoration: none;
  }
}

.mi-wrapper{
  display: flex;
  align-items: flex-end;
}
.direccion-box{
  display: flex;
  justify-content: end;
}
.footer-izq{
  display: flex;
  justify-content: space-between;
  margin-bottom:14px!important;
}
.logo-anim-wrap{
  /* background: linear-gradient(315deg, #000000, #eeff00);
 
  animation: hue 3s linear infinite; */
}

.logo-anim-wrap::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  /* transform: scale(0.8); */
  /* filter: blur(calc(var(--card-height) / 6)); */
  /* background-image: linear-gradient(
    var(--rotate),
    #5ddcff,
    #3c67e3 43%,
    #4e00c2
  ); */
  background-image: linear-gradient(315deg, #000000, #eeff00);
  opacity: 0.4;
  transition: opacity 0.5s;
  animation: hue 10s linear infinite;
}

@keyframes hue {
  
  100% {
    filter: blur(100px);
   filter: hue-rotate(360deg);
  }
}


.lista-social{
  display: flex;
  width: 30%;
  min-width: 216px;
  line-height: 35px;
}






.text-copy {
  fill: none;
  stroke: white;
  stroke-dasharray: 6% 29%;
  stroke-width: 5px;
  stroke-dashoffset: 0%;
  animation: stroke-offset 5.5s infinite linear;
}

.text-copy:nth-child(1){
stroke: #4D163D;
animation-delay: -1;
}

.text-copy:nth-child(2){
stroke: #840037;
animation-delay: -2s;
}

.text-copy:nth-child(3){
stroke: #BD0034;
animation-delay: -3s;
}

.text-copy:nth-child(4){
stroke: #BD0034;
animation-delay: -4s;
}

.text-copy:nth-child(5){
stroke: #FDB731;
animation-delay: -5s;
}

@keyframes stroke-offset{
100% {stroke-dashoffset: -35%;}
}

.kit-enlace{
  text-decoration: none!important;
}
.imagen-europa{
  height: 100px;
  
}
.footer-kit:nth-of-type(1){
  margin-bottom: 100px;
}
@media(max-width:768px){
  .footer-kit{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 36px;
  }
  .footer-kit:nth-of-type(1){
    margin-bottom: 36px;
  }
  
  .correo-footer{
    justify-content: center!important;
    
  }
  .imagen-europa{
    height: auto;
    width: 360px;
  }
  .mi-wrapper{
    flex-direction: column;
  }
  .footer_menu{
    width: calc(100% - 5vw);
  }
  .mi-wrapper1{
    margin-bottom: 20px;
  }
  .svg-kit {
    
    transform: scale(1.1);
  }
}

/* ------------------------------------------------------------- *
 * Footer
/* ------------------------------------------------------------- */


.enlace-footer{
  color: hsla(0, 0%, 100%, .4)!important;
  text-decoration: none;
}
.wrapper.custom-footer .col-12.col-md-6 {
    display: flex;
    padding: 15px;
    justify-content: center;
}
.wrapper.custom-footer  .col-6.col-md-3 {
   display: flex;
    padding: 15px;
    justify-content: center;
   
}
@media (max-width: 576px) {
  .correo-footer {
    font-size: 28px !important;
    text-align: center;
  }
  
  .lista-social{
  width: 60%;
  margin-bottom: 20px !important;
  }
  .logologo{
    width: 40%;
    margin-bottom: 20px !important;
  }
  .imagen-logo{
    transform: translateX(-20px);
  }
  .direcciones-footer{
    margin-bottom: 0px !important;
  }
  
  a[href^="tel:"] {
    color: hsla(0, 0%, 100%, .4);
    text-decoration: none;
  }
}

.mi-wrapper{
  display: flex;
  align-items: flex-end;
}
.direccion-box{
  display: flex;
  justify-content: end;
}
.footer-izq{
  display: flex;
  justify-content: space-between;
  margin-bottom:14px!important;
}
.logo-anim-wrap{
  /* background: linear-gradient(315deg, #000000, #eeff00);
 
  animation: hue 3s linear infinite; */
}




.lista-social{
  display: flex;
  width: 30%;
  min-width: 216px;
  line-height: 35px;
}


.container-kit {
  display: flex;
/*   border:1px solid red; */
  height: 100%;
  align-items: center;
  justify-content: center;
}

.svg-kit {
    /* display: block; */
    width: 100%;
    font: 210px 'Inter';
    /* min-width: 300px; */
    height: 100px;
    /* margin: 0 auto; */
    /* transform: scale(1.2); */
}

.text-copy {
  fill: none;
  stroke: white;
  stroke-dasharray: 6% 29%;
  stroke-width: 5px;
  stroke-dashoffset: 0%;
  animation: stroke-offset 5.5s infinite linear;
}

.text-copy:nth-child(1){
stroke: #4D163D;
animation-delay: -1;
}

.text-copy:nth-child(2){
stroke: #840037;
animation-delay: -2s;
}

.text-copy:nth-child(3){
stroke: #BD0034;
animation-delay: -3s;
}

.text-copy:nth-child(4){
stroke: #BD0034;
animation-delay: -4s;
}

.text-copy:nth-child(5){
stroke: #FDB731;
animation-delay: -5s;
}

@keyframes stroke-offset{
100% {stroke-dashoffset: -35%;}
}

.kit-enlace{
  text-decoration: none!important;
}
.imagen-europa{
  height: 100px;
  
}
.footer-kit:nth-of-type(1){
  margin-bottom: 100px;
}


/* El contenedor padre será flex y estira a los hijos */
.video-container-agencia {
    display: flex;
    align-items: stretch;
    position: relative;
    overflow: hidden;
    height: 100% !important; /* o usa altura mínima en Elementor */
}



.video-container-agencia .elementor-widget-aliothteammeber {
display: contents !important;
    flex: 1!important;
}
.video-container-agencia .elementor-widget-aliothteammeber > .elementor-widget-container {
display: contents !important;
    flex: 1!important;
}

.video-container-agencia .alioth-team-member {
    /* display: block; */
    width: 100%;
    height: 100% !important;
    /* position: relative; */
    background: blue;
    background-color: blue !important;
    flex: 1;
    display: contents;
}



.video-container-agencia .member-image, .video-container-agencia .member-image img {
    display: contents;
    /* width: 100%; */
    -o-object-fit: cover;
    /* object-fit: cover; */
    /* height: 100% !important; */
    background-color: green;
    width: 100%;
    height: 100% !important;
    /* position: relative; */
    /* background: blue; */
    /* background-color: blue !important; */
    flex: 2;
}

.video-container-agencia .member-image img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: inline-flex;
}


/* El botón Play centrado */
.video-container-agencia .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 80px;   /* ajusta el tamaño según prefieras */
    max-width: 20%;
    cursor: pointer;
}

/* Opcional: animación al pasar el mouse */
.video-container-agencia .play-button:hover {
    transform: translate(-50%, -50%) scale(1.1);
    transition: transform 0.3s ease;
}







.team-fade {
    position: relative;
    overflow: hidden;
}

.team-fade img {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 1s ease-in-out;
}

/* Imagen secundaria */
.team-fade::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 2;
}

/* Fundido al pasar el ratón */
.team-fade:hover::after {
    opacity: 1;
}

/* Definición del fondo sólo cuando #chat-log tiene la clase .chat-bg */
#chat-log.chat-bg {
  background-image: url('/wp-content/uploads/2025/08/flexo.webp') !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.white-background-banner .alioth-page-nav.dark .page-sub-title::after, body.dark .page-sub-title::after {
    color: #000000;
}

.elementor a {
    text-decoration-color: #ffed00;
    color: inherit;
    text-decoration: underline !important;
    text-decoration-color: #ffed00 !important;
}

.elementor a:hover {
    color: #ffed00;
}

.anim_line {
  
  white-space: normal !important;
}
.line-holder {
  display: inline !important;
}

.project-page-header.style_2 {
    margin-bottom: 0px;
}
.project-details,.project-metas {
	display: none;
}














@media(max-width:768px){
  .footer-kit{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 36px;
  }
  .footer-kit:nth-of-type(1){
    margin-bottom: 36px;
  }
  
  .correo-footer{
    justify-content: center!important;
    
  }
  .imagen-europa{
    height: auto;
    width: 360px;
  }
  .mi-wrapper{
    flex-direction: column;
  }
  .footer_menu{
    width: calc(100% - 5vw);
  }
  .mi-wrapper1{
    margin-bottom: 20px;
  }
  .svg-kit {
    
    transform: scale(1.1);
  }
}


@media only screen and (max-width: 900px) {
    .menu-toggle {
        left: 40%;
      
    }
}
@media only screen and (max-width: 767px) {
        .menu-toggle {
        left: unset;
        right: 0;
    }
}



@media only screen and (max-width: 576px) {
    .elementor-section.wrapper-small .elementor-container, .elementor-section.wrapper-wide .elementor-container {
        width: 100%;
    }
}




.site-navigation.fullscreen .fs-menu-wrapper {
   
    height: 95%;
  
}




@media only screen and (max-width: 450px) {
    .site-navigation.fullscreen .menu.main-menu > li.menu-item {
        font-size: 35px;
        line-height: 50px;
    }
    .site-navigation.fullscreen .fs-menu-wrapper {
    height: 100%;
   
}
	.site-navigation.fullscreen .menu.main-menu {
    
    top: 13%;
   
}
}


@media (min-width: 450px) and (max-width: 900px) {
    .site-navigation.fullscreen .fs-menu-wrapper {
        height: 85%;
        
    }
    .site-navigation.fullscreen .menu.main-menu {
    bottom: unset;
    top: 10%;
    left: 0;
    width: 100%;
}
.menu-widget-left {
    left: 0;
    bottom: 3%;
}.menu-widget-right {
    right: 0;
    bottom: 0%;
}
}

.hello-heading.linked-text.dark.align-left.loaded {
    opacity: 1 !important;
}



.row.custom-row.text-center.mb-4.custom-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
}

.servicios-custom-home h3.has-anim {
    margin: 0;
}

.white p, .white h2, .white h3{color: #ffffff !important}
.black p, .black h2, .black h3{color: #000000 !important}

.site-navigation.fullscreen ul ul li {
   
    font-size: 30px !important;
    
}
ul li {
    line-height: 1.2em;
    margin: 15px 0;
}
/* Tableta vertical + móvil (<= 991.98px) */
@media (max-width: 991.98px){
  .row.custom-row.text-center.mb-4.custom-grid{
    grid-template-columns: 1fr;
  }
}