.elementor-kit-8{--e-global-color-primary:#FFCC00;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#FFCC00;--e-global-color-6ebab2c:#FFFFFF;--e-global-typography-primary-font-family:"Baskervville";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter Tight";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Baskervville";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Baskervville";--e-global-typography-accent-font-weight:500;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-8 h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end: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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==================== SLIDER FOTOS ==================== */

.vanamics-slider-outer {
    display: flex;
    align-items: flex-start !important;
    width: 100%;
    height: 480px !important;
    position: relative; /* necesario para los botones absolutos */
}

.vanamics-slider-wrap {
    flex: 1;
    min-width: 0;
    position: relative;
    overflow: hidden !important;
}

.vanamics-slider {
    overflow: hidden !important;
}

.vanamics-slider .swiper-wrapper {
    transition-duration: 1000ms !important;
    align-items: flex-start !important;
    cursor: none !important;
}

/* Horizontal inactiva — 4 columnas */
.vanamics-slider .swiper-slide {
    overflow: hidden !important;
    height: 40vh !important;
    width: 33.333% !important;
    flex-shrink: 0 !important;
    transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Vertical inactiva — 2 columnas */
.vanamics-slider .swiper-slide.portrait {
    width: 16.666% !important;
    height: 40vh !important;

}

/* Horizontal activa — 7 columnas */
.vanamics-slider .swiper-slide.swiper-slide-active {
    height: 70vh !important;
    width: 58.33% !important;
}

/* Vertical activa — 4 columnas */
.vanamics-slider .swiper-slide.portrait.swiper-slide-active {
    width: 24.999% !important;
}

.vanamics-slider .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}


/* Botones: absolutos, flotan sobre el slider */
.vanamics-slider-nav {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    flex-shrink: 0 !important;
    cursor: none !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
}

.vanamics-slider-prev {
    left: 30px !important;  /* ajusta para separar del borde izquierdo */
}

.vanamics-slider-next {
    right: 30px !important; /* ajusta para separar del borde derecho */
}

.vanamics-slider-nav::after,
.vanamics-slider-nav::before {
    display: none !important;
    content: none !important;
}

/* Sin transform: none en hover/focus/active — el JS gestiona el transform */
.vanamics-slider-nav:focus,
.vanamics-slider-nav:active,
.vanamics-slider-nav:hover {
    outline: none !important;
    box-shadow: none !important;
}

.vanamics-slider-nav img {
    width: 65px !important;
    height: 65px !important;
    display: block !important;
}

.vanamics-slider-nav--disabled {
    opacity: 0 !important;
    pointer-events: none !important;
}

@media (max-width: 768px) {
    .vanamics-slider-outer {
        height: auto !important;
    }

    .vanamics-slider .swiper-slide,
    .vanamics-slider .swiper-slide.portrait,
    .vanamics-slider .swiper-slide.swiper-slide-active,
    .vanamics-slider .swiper-slide.portrait.swiper-slide-active {
        width: 100% !important;
        height: 35vh !important; /* ajusta a tu gusto */
    }

    .vanamics-slider .swiper-slide.portrait,
    .vanamics-slider .swiper-slide.portrait.swiper-slide-active {
        height: 60vh !important; /* las verticales un poco más altas */
    }
    
    .vanamics-slider-nav img {
        width: 36px !important;
        height: 36px !important;
    }

    .vanamics-slider-prev {
        left: 16px !important;
    }

    .vanamics-slider-next {
        right: 16px !important;
    }

}


/* ==================== RUTINA GRID ==================== */

.rutina-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    width: 100%;
}

.rutina-elemento {
    width: 100%;
    overflow: hidden;
}

.rutina-elemento img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.rutina-video-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.rutina-video-wrap video {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    position: static;
}

@media (max-width: 767px) {
    .rutina-grid {
        display: block !important;
        column-count: unset !important;
    }

    .rutina-elemento,
    .rutina-elemento--video {
        display: block !important;
        width: 100% !important;
        margin-bottom: 10px;
    }

    .rutina-salto {
        display: none !important;
    }
}
/* ==================== SLIDER VIDEOS ==================== */

/* Wrapper: imagen a 10/12 columnas, centrada.
   overflow: visible para que las flechas absolutas salgan fuera. */
.vanamics-video-slider-wrap {
    position: relative;
    width: 83.333%; /* 10 de 12 columnas */
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    overflow: visible;
}

.vanamics-video-slider {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.vanamics-video-slider .swiper-slide {
    width: 100%;
}

.vanamics-video-thumb {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    cursor: pointer;
    overflow: hidden;
}

.vanamics-video-thumb__img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.vanamics-video-play-btn {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%); /* ← sin !important */
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    z-index: 2 !important;
    padding: 0 !important;
    transition: transform 0.3s ease !important;
}

.vanamics-video-play-btn:hover {
    transform: translate(-50%, -50%) scale(1.1); /* ← sin !important */
}

.vanamics-video-play-btn img {
    position: relative !important;
    width: 60px !important;
    height: 60px !important;
    display: block !important;
}

.vanamics-video-play-btn {
    pointer-events: none !important;
}

/* ==================== FLECHAS ====================
   Swiper añade sus propios estilos a .swiper-button-prev/next.
   Anulamos TODO lo de Swiper y aplicamos los nuestros.
*/

/* Anular pseudo-elementos de Swiper que dibujan sus propias flechas */
.vanamics-video-slider-wrap .swiper-button-prev::after,
.vanamics-video-slider-wrap .swiper-button-next::after,
.vanamics-video-slider-wrap .swiper-button-prev::before,
.vanamics-video-slider-wrap .swiper-button-next::before {
    display: none !important;
    content: none !important;
}

/* Reset completo de los botones de Swiper */
.vanamics-video-slider-wrap .vanamics-video-nav {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    height: auto !important;
    margin-top: 0 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    z-index: 10 !important;
    transition: opacity 0.3s ease !important;
    /* Anular colores y tamaños por defecto de Swiper */
    color: transparent !important;
    font-size: 0 !important;
}

/* Posición: flechas fuera del slider, en los laterales */
.vanamics-video-slider-wrap .vanamics-video-prev {
    left: -80px !important;
    right: auto !important;
}

.vanamics-video-slider-wrap .vanamics-video-next {
    right: -80px !important;
    left: auto !important;
}

/* Hover: mantener el centrado vertical */
.vanamics-video-slider-wrap .vanamics-video-nav:hover,
.vanamics-video-slider-wrap .vanamics-video-nav:focus,
.vanamics-video-slider-wrap .vanamics-video-nav:active {
    transform: translateY(-50%) !important;
    outline: none !important;
    box-shadow: none !important;
    background: none !important;
}

/* La imagen SVG de la flecha — tamaño grande */
.vanamics-video-slider-wrap .vanamics-video-nav img {
    width: 40px !important;
    height: 40px !important;
    display: block !important;
}

/* Estado deshabilitado */
.vanamics-video-nav--disabled {
    opacity: 0.2 !important;
    pointer-events: none !important;
}

/* ==================== CONTADOR ==================== */

/* El contador está fuera del wrap, como hermano siguiente */
.vanamics-video-counter {
    text-align: right;
    width: 100%; /* Mismo ancho que el wrap para alinearse */
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    font-family: 'Baskervville', sans-serif;
    font-size: 24px !important;
    line-height: 1;
}

.vanamics-video-counter__current,
.vanamics-video-counter__sep,
.vanamics-video-counter__total {
    font-size:24px !important;
    font-family: 'Baskervville', sans-serif !important;
}


/* ==================== OVERLAY VIDEO ==================== */

.vanamics-video-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.92);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.vanamics-video-overlay.active {
    display: flex;
}

.vanamics-video-overlay__inner {
    position: relative;
    width: 90vw;
    max-width: 1200px;
}

.vanamics-video-overlay__embed {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}

.vanamics-video-overlay__embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.vanamics-video-overlay__close {
    position: absolute;
    top: -40px;
    right: 0;
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    font-family: 'Inter Tight', sans-serif;
    padding: 0;
    line-height: 1;
}


/* ==================== SLIDER VIDEOS ==================== */

.vanamics-video-slider-wrap {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 24px;
}

.vanamics-video-slider {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.vanamics-video-slider .swiper-slide {
    width: 100%;
}

.vanamics-video-thumb {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    cursor: none !important;
    overflow: hidden;
}

.vanamics-video-thumb__img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.vanamics-video-play-btn {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    z-index: 2 !important;
    padding: 0 !important;
    transition: transform 0.3s ease !important;
}

.vanamics-video-play-btn:hover {
    transform: translate(-50%, -50%) scale(1.1) !important;
}

.vanamics-video-play-btn img {
    position: relative !important;
    width: 80px !important;
    height: 80px !important;
    display: block !important;
}

.vanamics-video-nav {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    flex-shrink: 0 !important;
    z-index: 10 !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    transition: opacity 0.3s ease !important;
}

.vanamics-video-nav::after,
.vanamics-video-nav::before {
    display: none !important;
    content: none !important;
}

.vanamics-video-nav:focus,
.vanamics-video-nav:active,
.vanamics-video-nav:hover {
    transform: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.vanamics-video-nav img {
    width: 56px !important;
    height: 56px !important;
    display: block !important;
}

.vanamics-video-nav--disabled {
    opacity: 0.2 !important;
    pointer-events: none !important;
}

/* ==================== OVERLAY VIDEO ==================== */

.vanamics-video-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.92);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.vanamics-video-overlay.active {
    display: flex;
}

.vanamics-video-overlay__inner {
    position: relative;
    width: 90vw;
    max-width: 1200px;
}

.vanamics-video-overlay__embed {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}

.vanamics-video-overlay__embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.vanamics-video-overlay__close {
    position: absolute;
    top: -40px;
    right: 0;
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    font-family: 'Inter Tight', sans-serif;
    padding: 0;
    line-height: 1;
}


/* ==================== SLIDER VIDEOS ==================== */

.vanamics-video-slider-wrap {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 24px;
}

.vanamics-video-slider {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.vanamics-video-slider .swiper-slide {
    width: 100%;
}

.vanamics-video-thumb {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    cursor: pointer;
    overflow: hidden;
}

.vanamics-video-thumb__img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.vanamics-video-play-btn {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    z-index: 2 !important;
    padding: 0 !important;
    transition: transform 0.3s ease !important;
}

.vanamics-video-play-btn:hover {
    transform: translate(-50%, -50%) scale(1.1) !important;
}

.vanamics-video-play-btn img {
    position: relative !important;
    width: 65px !important;
    height: 65px !important;
    display: block !important;
}

.vanamics-video-nav {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    flex-shrink: 0 !important;
    z-index: 10 !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    transition: opacity 0.3s ease !important;
}

.vanamics-video-nav::after,
.vanamics-video-nav::before {
    display: none !important;
    content: none !important;
}

.vanamics-video-nav:focus,
.vanamics-video-nav:active,
.vanamics-video-nav:hover {
    transform: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.vanamics-video-nav img {
    width: 56px !important;
    height: 56px !important;
    display: block !important;
}

.vanamics-video-nav--disabled {
    opacity: 0.2 !important;
    pointer-events: none !important;
}

/* ==================== OVERLAY VIDEO ==================== */

.vanamics-video-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.92);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.vanamics-video-overlay.active {
    display: flex;
}

.vanamics-video-overlay__inner {
    position: relative;
    width: 90vw;
    max-width: 1200px;
}

.vanamics-video-overlay__embed {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}

.vanamics-video-overlay__embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.vanamics-video-overlay__close {
    position: absolute;
    top: -40px;
    right: 0;
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    font-family: 'Inter Tight', sans-serif;
    padding: 0;
    line-height: 1;
}


.vanamics-video-overlay__embed img {
    width: 100%;
    height: auto;
    display: block;
    max-height: 90vh;
    object-fit: contain;
}

.vanamics-video-overlay.image-mode .vanamics-video-overlay__embed {
    padding-bottom: 0 !important;
    height: auto !important;
}

.vanamics-video-thumb[data-type="image"] {
    cursor: zoom-in !important;
}


/* ==================== CONTADOR VIDEO ==================== */
.vanamics-video-counter {
    margin-top: 12px;
    margin-right: 60px;
    font-family: 'Baskervville', serif;
    font-size: 20px;
    line-height: 1;
    text-align: right;
}

.vanamics-video-counter__current {
    color: #000;
}

.vanamics-video-counter__sep,
.vanamics-video-counter__total {
    color: #808080;
}


/* ==================== EL CURRO ==================== */
.curro-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
}

.curro-item {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
}

.curro-item__thumb,
.curro-item__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.curro-item__video {
    opacity: 0;
    transition: opacity 0.4s ease;
}

.curro-item:hover .curro-item__video {
    opacity: 1;
}
.curro-item__info {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    opacity: 0;
    transition: opacity 0.4s ease;
    line-height: 1.3;
}



.curro-item:hover .curro-item__info {
    opacity: 1;
}

.curro-item__cliente {
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    color: #FFCC01;
}

.curro-item__sep {
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.2em;
    color: #FFCC01;
}

.curro-item__titulo {
    font-family: 'Baskervville', serif;
    font-size: 1.2em;
    color: #FFCC01;
}

.vanamics-proyecto-nav__prev,
.vanamics-proyecto-nav__next {
    font-size: 0.9em !important;
}

#video-la-movida .elementor-custom-embed-image-overlay {
    cursor: none !important;
}

/* ==================== VIDEO LA MOVIDA: PLAY BTN ==================== */

#video-la-movida .elementor-custom-embed-play {
    width: 65px !important;
    height: 65px !important;
    opacity: 1 !important;
}

#video-la-movida .elementor-custom-embed-play svg {
    width: 65px !important;
    height: 65px !important;
    opacity: 1 !important;
}

@media (max-width: 1024px) {
    #video-la-movida .elementor-custom-embed-play,
    #video-la-movida .elementor-custom-embed-play svg {
        width: 50px !important;
        height: 50px !important;
    }
}  /* ← esta llave faltaba */

@media (max-width: 767px) {
    #video-la-movida .elementor-custom-embed-play,
    #video-la-movida .elementor-custom-embed-play svg {
        width: 35px !important;
        height: 35px !important;
    }
}

/* Tablet */
@media (max-width: 1024px) {
    .curro-grid {
        grid-template-columns: 1fr;
    }
}

/* Móvil */
@media (max-width: 767px) {
    .curro-grid {
        gap: 0;
    }

    .curro-item {
        aspect-ratio: unset;
        height: 100vh;
        width: 100%;
    }

    .curro-item__thumb,
    .curro-item__video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    
    .vanamics-video-play-btn img {
    position: relative !important;
    width: 35px !important;
    height: 35px !important;
    display: block !important;
    }
    
    .vanamics-video-slider-wrap .vanamics-video-nav {
    display: none !important;
    }
}

@media (max-width: 767px) {
    .logo-proyectos-curro.elementor-sticky--effects,
    .logo-proyectos-curro {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
    }
}

@media (max-width: 767px) {
    .logo-proyectos-curro.animated {
        animation: none !important;
        opacity: 1 !important;
    }
}

/* ==================== SLIDER VÍDEO VERTICAL (9:16) ==================== */

body.slider-video-vertical .vanamics-video-slider-wrap {
    width: 33.33% !important; /* ajusta a tu gusto — 40% da un 9:16 cómodo en pantalla */
    margin-left: auto !important;
    margin-right: auto !important;
}

body.slider-video-vertical .vanamics-video-thumb {
    padding-bottom: 177.78% !important; /* 9:16 */
}

.vanamics-video-overlay.active {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999 !important;
}



@media (max-width: 767px) {
    body.slider-video-vertical .vanamics-video-slider-wrap {
        width: 75% !important;
    }
    
    body.slider-video-vertical .vanamics-video-overlay__embed {
    padding-bottom: 177.78% !important; /* 9:16 */
}

.vanamics-video-overlay {
    z-index: 999999 !important;
}
}


body.logo-movida .vanamics-slider-nav {
    top: 50% !important; /* ajusta el valor a tu gusto */
}


.vanamics-slider-outer {
    height: 70vh !important;
}

.vanamics-slider .swiper-slide {
    height: 50vh !important;
}

.vanamics-slider .swiper-slide.portrait {
    height: 50vh !important;
}

.vanamics-slider .swiper-slide.swiper-slide-active {
    height: 75vh !important;
}

.vanamics-slider .swiper-slide.portrait.swiper-slide-active {
    height: 75vh !important;
}/* End custom CSS */