.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-044cb48:#000000;--e-global-color-36bd248:#F5FFFA;--e-global-color-c12a4fe:#B32C9A;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:34px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.3em;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1430px;}.e-con{--container-max-width:1430px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:30px;--e-global-typography-secondary-font-size:24px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@media (max-width:750px){
.biografia{
    height:50vh;
}
}

.biografia {
  height: 60vh;
  overflow-y: auto;    
  overflow-x: hidden;
  position: relative;
  -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 18%, rgba(0,0,0,1) 100%);
  mask-image: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 18%, rgba(0,0,0,1) 100%);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transition: -webkit-mask-image .25s ease, mask-image .25s ease;
  scrollbar-width: none;
  -ms-overflow-style: none; 
}

.biografia.no-fade {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}


.btn-lg{
        box-shadow
: 0 0 15px 0 rgba(255, 255, 255, .5) inset !important;
backdrop-filter: blur(10px);
}

.btn-lg p{
    margin: 0px !important
}

.btn-lg .elementor-image-box-wrapper {
    text-align: center;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.footer-icon .elementor-icon svg path {
  fill: #ffffff !important;
  transition: fill 0.25s ease;
}

.footer-icon .elementor-icon:hover svg path {
  fill: #515151 !important;
}

/*ESTILOS CARUSEL GRABACIONES*/
.cover-carousel-wrapper {
    width: 100%;
    max-width: 800px;
    max-height: 300px;
    height: 100%;
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    z-index: 0;
}

.cover-carousel-track {
    position: relative; /* CLAVE para el apilamiento */
    width: 100%;
    height: 100%;
    /* Centrado del bloque de tarjetas */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cover-carousel-item {
    position: absolute; /* CLAVE para que se superpongan */
    max-width: 300px;
    max-height: 300px;
    min-width: 200px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    opacity: 0; /* Oculta todas por defecto */
    z-index: 0;
    /* Transición con retardo en z-index para evitar "flashes" */
    transition: transform .4s ease, opacity .4s ease, z-index 0s linear .4s;
}

.cover-carousel-item.active {
    /* ÚNICA posición fuera del media query, visible siempre */
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
    box-shadow: 0px 0px 15px -10px rgba(0, 0, 0, 0.47);
    transition: transform .4s ease, opacity .4s ease; /* Sin retardo en z-index para la activa */
}

img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}


/* --- Mobile: Oculta todas excepto la Central --- */
@media (max-width: 767px) {
    .cover-carousel-wrapper {
    width: 100%;
    max-height: 150px;
}
    .cover-carousel-item.prev, 
    .cover-carousel-item.next, 
    .cover-carousel-item.second-prev,
    .cover-carousel-item.second-next, 
    .cover-carousel-item.far-right, 
    .cover-carousel-item.far-left {
        transform: translatex(0) scale(0.9);
        opacity: 0;
        z-index: 0;
    }
}


/* --- Desktop: Muestra 5 tarjetas (min-width: 768px) --- */
@media (min-width: 768px) {
    
    /* 1ª POSICIÓN (Inmediatas) */
    .cover-carousel-item.next {
        transform: translatex(40%) scale(.8);
        opacity: .4;
        z-index: 0;
    }
    .cover-carousel-item.prev {
        transform: translatex(-40%) scale(.8);
        opacity: .4;
        z-index: 0;
    }
    
    /* 2ª POSICIÓN (Las nuevas, más lejanas) */
    .cover-carousel-item.second-next {
        transform: translatex(70%) scale(.6); 
        opacity: .2;
        z-index: -2; 
    }

    .cover-carousel-item.second-prev {
        transform: translatex(-70%) scale(.6); 
        opacity: .2;
        z-index: -2;
    }
    
    /* POSICIÓN LEJANA (Ocultas, para Desktop) */
    .cover-carousel-item.far-right,
    .cover-carousel-item.far-left {
        transform: translatex(0) scale(0);
        opacity: 0;
        z-index: -3; 
    }
}

/* --- Mobile: Muestra 3 tarjetas (Active, Prev, Next) --- */
@media (max-width: 767px) {
    /* POSICIÓN DE LAS INMEDIATAS (Prev y Next) */
    .cover-carousel-item.next {
        transform: translatex(30%) scale(.7); /* Más cerca y más pequeña */
        opacity: .4;
        z-index: 0;
    }
    .cover-carousel-item.prev {
        transform: translatex(-30%) scale(.7); /* Más cerca y más pequeña */
        opacity: .4;
        z-index: 0;
    }
    
    .cover-carousel-item{
        width:40%;
    }
    
    /* OCULTAMOS LAS MÁS LEJANAS */
    .cover-carousel-item.second-prev,
    .cover-carousel-item.second-next, 
    .cover-carousel-item.far-right, 
    .cover-carousel-item.far-left {
        transform: translatex(0) scale(0); /* Simplemente desaparecer */
        opacity: 0;
        z-index: -3; /* Mandarlas muy al fondo */
    }
}/* End custom CSS */