/*-------------------------- 

FONTS 

--------------------------*/
/* =======================================================
   COLORES PERSONALIZADOS PARA VISITAS GUIADAS
   Color principal: #811720 (Granate)
   ======================================================= */

/* 1. TEMA CLARO (y por defecto) */
:root, 
.vg-theme-light, 
.vg-theme-auto {
  --c-brand:      #811720; /* Tu color principal */
  --c-brand-dk:   #5e1117; /* Un tono más oscuro para el hover de los botones */
  --c-brand-lt:   #fae3e5; /* Un tono muy pálido para los fondos de selección */
}

/* 2. TEMA OSCURO (Si usas el shortcode theme="dark") */
.vg-theme-dark {
  /* Fondo translúcido basado en tu color RGB (129, 23, 32) al 25% de opacidad */
  --c-brand-lt:   rgba(129, 23, 32, 0.25); 
}

/* 3. TEMA AUTO OSCURO (Si el usuario tiene el móvil en modo oscuro) */
@media (prefers-color-scheme: dark) {
  .vg-theme-auto {
    --c-brand-lt: rgba(129, 23, 32, 0.25);
  }
}




.vg-theme-dark .vg-panel{
    background-color: black!important;
}

@font-face {
    font-family: 'Tipografia';
    src: url('../fonts/OakesGrotesk-Light.woff2') format('woff2'),
        url('../fonts/OakesGrotesk-Light.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tipo';
    src: url('../fonts/OakesGrotesk-Light.woff2') format('woff2'),
        url('../fonts/OakesGrotesk-Light.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* NOTE: Para cursiva real, usar OakesGrotesk-LightItalic cuando esté disponible */
@font-face {
    font-family: 'Tipo';
    src: url('../fonts/OakesGrotesk-LightItalic.woff2') format('woff2'),
        url('../fonts/OakesGrotesk-LightItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

:root{
    --gorria: #811720;
     --tamaina1: 3vw;
     --tamaina2: 1vw;
     --tamainap: .95vw;
}

html{overflow-x: hidden;}

body{   
    font-family: 'Tipografia'!important;
    font-weight: 400!important;
    background:black;
}


.vg-theme-dark .vg-input{
    font-family: 'Tipografia'!important;
}
ul, li, p, h1, h2, h3, h4, h5, h6, div, button, a,.solicitudea,.text,label,.ladda-label,span{
        font-weight: 400!important;font-family: 'Tipo';color:white;

}
main ul{padding-left: 30px;}
ul,p{font-size: 20px;}
p{color:white;font-size: 1.6em;}


.legal-h1,.legal-p, .legal-li{color:white}
/*-------------------------- 

GENERAL 

--------------------------*/
.dirigido-a {
    color: #fff;
    text-align: center;
    font-style: italic;
    position: absolute;
    bottom: 20px;
    height: auto;
    line-height: 1;
    right: 20px;
    background: black;
    border-radius: 100px;
    padding: 5px 14px;
    text-transform: lowercase;

}


* {box-sizing: border-box;margin:0;padding:0;}
body{overflow-x: hidden;}

.text-extra{
    color:white!important;
    font-size: 13px!important;
}
/* Estilos para el preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

#preloader .spinner {
    border: 4px solid white;
    border-top: 4px solid black;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Transición para el contenido */
.fade-in {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.fade-in.visible {
    opacity: 1;
}

.woocommerce .woocommerce-customer-details :last-child, .woocommerce .woocommerce-order-details :last-child, .woocommerce .woocommerce-order-downloads :last-child,.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone{
    font-size:1em!important;
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before{
    position: static!important;
}


.woocommerce table.my_account_orders .button{
        white-space: nowrap;
    border-radius: 20px;
    margin-left: 20px;
    padding: 5px 20px;
}

.woocommerce-MyAccount-navigation ul{

        display: flex
;
    color: white;
    justify-content: space-between;
    font-size: 1.5em;
    color: white;
    list-style-type: none;
    padding: 0;
    margin-bottom:50px;
}
.woocommerce-MyAccount-navigation ul li a{
    color: white;
    text-decoration: none;
}

.woocommerce-MyAccount-navigation-link{
    border: 1px solid white;
    border-radius: 30px;
    padding: 10px 20px;
        align-items: center;
    justify-content: center;
    text-align: center;

}
.hizkuntz li a{
        width: 40px;
    height: 40px;
    align-items: center;
    display: flex
;font-size:1.6rem;
    justify-content: center;
    border-radius: 1000px;
    border: 1px solid white;
    text-decoration: none;

        background-color: white;
    color:var(--gorria);

    transition: all ease 0.3s;
}
.hizkuntz li a:hover{
    background: transparent;
    color: white;
}
.hizkuntz li{display:flex;}

.hizkuntz{
    position: fixed;
    top: 140px;
    right: 20px;
        z-index: 99999;

}



/* Selecciona el elemento que muestra el GIF y ocúltalo */
.mce-container .mce-loading { /* Ajusta el selector si es necesario */
    background: none !important;
}

/* Inserta tu propio spinner en el lugar del loader */
.mce-container .mce-loading:after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0, 0, 0, 0.2);
    border-top-color: #000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}








/* Estilos para el preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

#preloader .spinner {
    border: 4px solid var(--gorria);
    border-top: 4px solid white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Transición para el contenido */
.fade-in {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.fade-in.visible {
    opacity: 1;
}




/*-------------------------- 

HEADER 

--------------------------*/

#site-header{width:100%;position:fixed;background: transparent;z-index: 80;padding: 8px;top: 0}

.logo{
    /* width: 32vw; */
    width: 130px;
    margin: 0 auto;
    left: 0;
    /* top: 20px; */
    /* right: 0; */
    background: transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.logo img{
    width: 130px;
   /* padding: 10px;*/
}
nav.menu{
    float: right;
    margin-top: 5px;
    text-align: right;
}

.menu ul li{
    display:inline-block;
    text-decoration: none;
    padding: 5px 20px;
}

.menu ul li a{
    font-size: 1.6em;
    text-decoration: none;
    color:#1d1d1b;
    text-transform: uppercase;
}
.movil-reservas{
    position: fixed;
    right: 0;
    top: 20px;
    right: 20px;
    font-size: 0.6em;
    border: 0!important;
    padding: 0!important;
}
.movil-reservas:hover{
    background-color: transparent!important;
}
.completa {
  border: none;
  background: transparent;
  z-index: 5;
  text-align: center;
  transition: all 0.2s ease-in 0.2;
}


.pagina{position: relative;}
.pagina .logo{position: absolute;top: 14px}



        /* Estilos del botón */
        .button {
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            background-color: transparent; /* Fondo transparente */
        }

        .contact-btn{
                position: absolute;
    top: 0px;
        }

        /* Estilo del texto del botón */
        .button .text {
            color: white;
            font-weight: bold;
            line-height: 1;
            font-size: 1.6em; /* Tamaño de fuente */
            border: 1.5px solid white;
            padding: 5px 16px;
            border-radius: 20px;
            background-color: transparent; /* Fondo transparente */
            display: flex;
            align-items: center; /* Asegura que el texto esté centrado */
  transition: background-color 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.6s;
        }

        /* Contenedor del círculo con la flecha */
        .button .circle {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: calc(1.6em + 10px); /* Igual que el font-size */
            height: calc(1.6em + 10px); /* Igual que el font-size */
            margin-left: -1.5px; /* Hace que los bordes sean tangentes */
            border-radius: 50%;
            border: 1.5px solid white;
            background-color: transparent; /* Fondo transparente */
            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.6s cubic-bezier(0.4, 0, 0.2, 1); /* Aceleración rápida y desaceleración lenta */
        }

        /* Estilo del SVG */
        .button .circle svg {
            width: 1.2em; /* Ajuste proporcional al tamaño del círculo */
            height: auto;
            fill: white; /* Color del SVG */
                rotate: 45deg;
        }

        /* Efecto hover */
        .button:hover .circle {
            transform: rotate(180deg);
            background-color:var(--gorria);
        }

         .button:hover .text{background-color:var(--gorria);}

.button.gorria .text,.button.gorria .circle{
    background: var(--gorria);
    border-color: var(--gorria);
}

        



/*-------------------------- 

FOOTER 

--------------------------*/
.based a{text-decoration:none;color:white;opacity: 0.5;margin-right: 10px}
.logos img{float:left}
.logos{bottom:10px;width: 300px;margin:0 auto;display:block;right: 0;left: 0;text-align: center;}
footer{    padding: 20px;
    font-size: 18px;
    /* text-transform: uppercase; */
    height: auto;
    padding-top: 200px;
    padding-bottom: 20px;}
.footer-single{position: fixed;padding-top: 100px;}
.intro-fot p{font-size: 50px;line-height: 60px;font-weight: bold}
.logos.hasiera{left:22vw!important;margin: 0}

.caja-footer{
        display: flex;
    align-items: start;
    justify-content: space-between;
    padding: 30px;
    margin-bottom: 50px;
}

.caja-footer p{color:white!important}




/*REGALA*/

.okelan-regala-top .vg-stepper__item.active .vg-stepper__dot,.okelan-regala-top .vg-panel{background: black!important;}
.okelan-regala-top .vg-tier,.okelan-regala-top .vg-order-summary{
    background:transparent;
}

.okelan-regala-top .vg-type-btn{
    border-color: gray;
    color: gray;
    background-color: black;
}

.okelan-regala-top .vg-type-btn .vg-type-btn__price{
    color: gray;
}

/*-------------------------- 

HOME 

--------------------------*/


/* Preloader full screen */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: black;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  opacity: 1;
  transition: opacity 1.5s ease;
}

/* Logo container */
.logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Logo SVG */
.preloader-logo {
  width: 200px;
  animation: blink 2s ease-in-out infinite;
}

/* Blinking animation */
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

/* When preloader is hidden */
.hidden {
  opacity: 0;
  pointer-events: none;
}


.text-1-contacto{
    font-size:8em;padding-top: 200px;padding-bottom:100px;padding-left:30px;
}

        .contacto-container{
            display: flex;
            justify-content: space-between;
                        padding: 20px;
                        margin-top: 100px;

        }

        .video-container {
            flex-basis:60%;
            position: relative;
            width: 100%;
            max-width: 100%; /* Ajusta el ancho máximo si es necesario */
            aspect-ratio: 16 / 9; /* Mantiene la proporción del video */
          /*  margin: auto;*/
            margin-top: 50px;
        }

        .video-container iframe {
            position: absolute;
            width: 100%;
            height: 100%;
            border: 0;
            border-radius: 20px;
        }
        .info-contacto{
            flex-basis: 40%;
                        margin-top: 100px;
                        padding:20px;
                            font-size: 25px;

        }




/* General Styles */
.content-area {
  background: black;
}

.section {
  border-radius: 30px;
  min-height: 100vh;
}

/* Text Styles */
.text-1-contacto {
  font-size: 8em;
  padding-top: 200px;
  padding-bottom: 100px;
  padding-left: 30px;
}

/* Contact Section */
.contacto-baja {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: flex-end;
  gap: 30px;
  position: relative;
  padding:40px;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-footer-item-tax{
    font-size:13px!important;
}
.text-1-contacto{padding-bottom:0!important}

.cont-1, .cont-2, .cont-3 {
  flex-basis: calc(33% - 30px);
}

.cont-1 a.button {
  position: absolute;
  top: 0;
}

.cont-3 p {
  text-decoration: none;
}

.blur {
  filter: blur(0);
}

.efecto {
  transition: filter 0.3s ease;
}

/* Slider Styles */
.swiper-container {
  padding-bottom: 100px;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-slider {
  text-align: center;
}

.swiper-slide .content {
  position: relative;
}

.text-content {
  position: relative;
  z-index: 999;
}

/*
.title {
  position: absolute;
  bottom: 30px;
  left: 20%;
} */

/* Box Layouts */
.box {
  padding: 30px;
  border-radius: 10px;
}

.lehenengo-box .frase-box span {
  display: block;
  margin-bottom: 10px;
}




        /* Overlay y modal */
        .overlay {
                z-index: 99999;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            display: flex;
            justify-content: center;
            align-items: center;
            visibility: hidden;
            opacity: 0;
            transition: opacity 0.3s ease, visibility 0.3s;
            z-index: 2; /* Asegura que el modal esté encima del contenido */
        }
.botonmodal{
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.botonmodalhome{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
}
        .modal {
            width: 90%;  /* Aumenta el tamaño del modal */
            height: 80%; /* Aumenta la altura del modal */
            background: transparent;  /* Sin fondo blanco */
            padding: 0;
            border-radius: 10px;
            position: relative;
        }

        /* Video */
        .modal iframe {
            width: 100%;
            height: 100%;
            border: none;  /* Elimina el borde blanco */
            border-radius: 10px; /* Opción si quieres redondear las esquinas del video */
        }

        /* Mostrar modal */
        .overlay.active {
            visibility: visible;
            opacity: 1;
        }







.curso-tit p {
    flex-basis:60%;
  margin-bottom: 20px;
}

.plus {
  text-decoration: none;
}
.plus span{
    display: flex;
}
.plus span svg{
        fill: white;
    margin: auto;
    transition: all 0.3s ease;
}

.curso-modo, .horario {
  margin-bottom: 10px;
}

/* Imagen curso */
.imagen-curso {
  background-size: cover;
  background-position: center;
}

/* Fixed Section */
.fixed-section {
  position: relative;
  background-color: #f4f4f4;
  padding: 20px;
  text-align: center;
}


.sello{
    position: absolute;left:calc(50% - 50px); bottom: calc(10vh - 50px);
}

         /*   #experiencias{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #f0f0f0;


    } */
    .bat,.bi,.hiru { 
        display: block;
        text-align: center;
    }

    .efecto {
        filter: blur(10px); /* Empieza desenfocada */
        transition: filter 0.1s ease;
    }

    .blur {
        filter: blur(10px);
    }

    .clear {
        filter: blur(0);
    }

    /* Añadir los estilos necesarios para las secciones de scroll horizontal y vertical */
    body, html {
        margin: 0;
        padding: 0;
     /*   overflow-x: hidden; /* Evitar el scroll horizontal por defecto */
    }

    .vertical {
                min-height: 100vh;

        background-color: black;
        flex-wrap: wrap;
    justify-content: flex-start;
    }


        .vertical-luzea {
                    height: 200vh;

        background-color: black;
        flex-wrap: wrap;
    justify-content: flex-start;
    }



    .bat,.bi,.hiru{opacity: 0;font-size:0.7em;}
.bi.bi-chevron-right,.bi.bi-chevron-left{opacity: 1;        font-size: 1em;}
    .fade-text {
        position: fixed;
        top: 50%;
        left: 50%;
     transform: translate(-50%, -50%);
        color: white;
        text-align: center;
    }



    .marquee{    
        background: transparent;
    width: 100%;
    display: flex;
    font-family: "Manrope", sans-serif;
    font-weight: 200;
    padding: 10px 0;
    overflow: hidden;
    gap: 0.5vw;
    position: relative;
    user-select: none;
font-size: 1vw;
    line-height: 2.5vw;
    border-bottom:1px solid var(--gorria);
    border-top:1px solid var(--gorria);
    
}
.marquee.solicitud{background: var(--gorria);color:white;
}
.marquee.proximamente{color:var(--gorria);background:black}

    .marquee-content{
        line-height: 1;
            flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    min-width: 100%;
    gap: 2vw;
    }

    .scroll-hasiera {
    animation: scroll-hasiera 20s linear infinite;
}


@keyframes scroll-kurtso {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% - 1vw));
    }
}

.scroll-kurtso {
    animation: scroll-kurtso 10s linear infinite;
}






    .curso{
        position: relative;
        display:flex;flex-wrap:wrap;border:white 1px solid;border-radius:30px;width:30vw;flex-direction: column;margin-left: 50px;margin-right: 50px;
    }
    .curso-tit{
                line-height: 1;text-align: left;
                display: flex;
    justify-content: space-between;
    align-items: start;

        color:white;padding:30px;    font-size: 1.6vw;
        min-height: 15vw;
    }
    .curso-tit .plus{
            color: white;
    border-radius: 100px;
    border: 2px solid white;
    height: 4vw;
    width: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 3vw;
    line-height: 1;

    transition: all 0.5s ease;
    }

    .curso-tit .plus:hover{
        color:black;
        background: white;
        transform: rotate(180deg);

    }

        .curso-tit .plus:hover span svg{
        fill: black;

    }

    .hasiera-tira{
    width: 100%;
    border-top: 1px solid white;
    color: white;
        }
    .caja-curso{height:100px;color:white;display: flex;width: 100%;justify-content: space-between;border-bottom:1px solid white;align-items: center;    border-top: 1px solid white;}
    .horario{
        padding: 0 30px;line-height: 1;margin:0;
        border-left: 1px solid white;font-size: 30px;
        height: 100%;display: flex;align-items: center;
    }
    .curso-modo{
    line-height: 1;
    text-align: left;
    padding: 30px;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;    }
    .imagen-curso{
        height:33vh;margin:20px;;background-size:cover;background-repeat: no-repeat;background-position: center;border-radius:0 0 30px 30px;
    }

.curso.prox{opacity: 0.6}



.cajita{
  background-color: transparent;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  overflow-x: hidden;
}

.temp {
  height: 100vh;
  padding-bottom: 100px;
  background:var(--beltza);
    transition:background-color 0.5s ease;;

}


.inner-cajita {
  max-height: 100vh;
  border: 1 px solid black;
  display: flex;
  height: 100vh;
    transition:background-color 0.5s ease;;

  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 1;
}

.cajita .box {
    flex-wrap: wrap;
    align-items: end;
    padding-bottom:100px;
  display: flex;
  flex-shrink: 0;
width: 100%;
  min-width: 400px;
  width: auto;
  height: 100vh;
  line-height: 200px;
  text-align: center;
  transition:background-color 0.5s ease;;
  margin-right: 0;
}/*
.box img{    align-items: center;
  height: 100vh;
    object-fit: cover;
    border-radius: 15px;
    padding: 10px 10px;}*/
.textbox div p{
color:white;
    line-height: 1;
    padding: 20px;
    width: 33vw;
    text-align: left;
    margin: auto;
    font-size: 30px;
    transition: color 0.5s ease;
}






.titulo-cajita{    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    top: 100px;
    /* background: red; */
    color: white;
    font-size: 6em;
    left: 50px;
    line-height: 126%;}




.cajita-nueva {
    padding-top:45vh!important;
  background-color: transparent;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: auto;
  width: 100vw;
  overflow: hidden;
}


.inner-cajita-nueva {
  display: flex;
  height: 100%;
  overflow-x: hidden;
}

.cajita-nueva .box {
  flex-shrink: 0;
  width: calc(30vh + 40px);
  height: 100%;
  text-align: center;
}





.imagen-curso {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 15px;
}




.texto-fijo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50vh; /* La altura que necesitas para el texto fijo */
  background-color: rgba(255, 255, 255, 0.8); /* Ajusta el fondo según sea necesario */
  z-index: 100; /* Asegúrate de que esté por encima de otros elementos */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  text-align: center;
}


    .irudia-tit{
                background: rgba(55, 55, 55, 0.3);
    border: 1px solid white;
    padding: 10px 20px;
    display: block;
    position: absolute;
    z-index: 99;
    top: 10px;
    left: 10px;
    border-radius: 30px;
    font-size: 20px;
    text-align: left;
    width: auto;
    }
    .irudia{position: relative;}
    .irudia img{
        width: 100% ;
        border-radius: 30px;
    }
    .irudia-text p{color:white;font-size:20px;text-align: center;margin-top:30px;padding: 20px;width: 100%;}
    .irudia-text{
        display: flex;
    justify-content: center;
    align-items: center;
    }



.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content:none!important}
.swiper-container {
  width: 100vw;
  height: auto; /* Ajustar la altura del contenedor del slider */
  overflow: hidden; /* Ocultar el desbordamiento */
}


#slider{
    position: relative;
}
.swiper-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
}

.swiper-slide {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% / 2.5); /* Mostrar 2.5 diapositivas por vista */
  height: 60vh; /* Ajustar la altura para ser más horizontal */
  box-sizing: border-box;
  /* Para alinear el slider a la izquierda */
  margin-right: 30px; /* Espacio entre diapositivas */
opacity: 1;
}

/*
.swiper-slide {
  transition: all 1s ease; /* Transición suave de 1s con un retraso de 0.3s */

.swiper-slide img{width: 100%;    border-radius: 65px; padding: 20px;}


.swiper-pagination-progressbar{bottom:90px!important;top:inherit!important;}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:var(--gorria)!important;
}
.content {
  position: relative;
  text-align: left;
  color: white;
}

.title {
  font-size: 18px;
  margin: 0;
}

.description {
    width: 300px;
    height: auto;
  font-size: 18px;
  opacity: 0;
  display: flex;
    align-items: center;
    padding-bottom: 0px;
}
/*
.swiper-slide-active .description {
  opacity: 1;
  transform: translateY(0);
  display: block;
}
*/
.text-content {
        background-color: black;
    position: absolute;
    border: 1px solid black;
    padding: 10px 20px;
    border-radius: 30px;
    z-index: 999;
    bottom: 50px;
    left: 50px;
    color: white;
    width: auto;
    height: auto;
    display: block;
}


.footer-slider{
        text-align: right;
    position: absolute;
    right: 50px;
    bottom: 10px;
}



.swiper-slide {
  position: relative;
}

.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  color: blue; /* Color azul para las flechas */
  opacity: 0; /* Inicialmente ocultas */
  transition: opacity 0.4s ease;
}



.swiper-button-prev, .swiper-button-next {
    position: absolute!important;
    top: inherit!important;
    width: 30px!important;
   
    height: 30px!important;
    bottom: 20px!important;
    background-color: white;
    border-radius: 10px;
    height: 30px;

      background-repeat: no-repeat;
  background-position: center;
  background-size: 60%; /* Ajusta el tamaño del SVG dentro del botón */
  padding: 10px; /* Añade padding para hacer el área de clic más grande */
  opacity: 0; /* Inicialmente ocultas */
  transition: all 0.4s ease;
}

.swiper-button-prev:hover,.swiper-button-next:hover{
        background-color: var(--gorria);
}

/* Flecha siguiente */
.swiper-button-next {
     transform: rotate(90deg);
    right: 20px!important;
  background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.1 47.9" style="enable-background:new 0 0 44.1 47.9;" xml:space="preserve"%3E%3Cg%3E%3Cpolygon points="22,-0.3 22,-0.2 22.1,-0.3"%3E%3C/polygon%3E%3Cpolygon points="44.1,21.8 25.5,3.2 22,-0.2 18.6,3.1 18.6,3.2 0,21.8 3.4,25.2 19.6,9 19.7,47.6 24.5,47.6 24.5,9.1 40.7,25.2"%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E');
}

/* Flecha anterior */
.swiper-button-prev {
     transform: rotate(-90deg);

        right: 60px !important;
    left: unset !important;


  background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.1 47.9" style="enable-background:new 0 0 44.1 47.9;" xml:space="preserve"%3E%3Cg%3E%3Cpolygon points="22,-0.3 22,-0.2 22.1,-0.3"%3E%3C/polygon%3E%3Cpolygon points="44.1,21.8 25.5,3.2 22,-0.2 18.6,3.1 18.6,3.2 0,21.8 3.4,25.2 19.6,9 19.7,47.6 24.5,47.6 24.5,9.1 40.7,25.2"%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E');
}





.swiper-button-prev {
  left: 10px;
}

.swiper-button-next {
  right: 10px;
}

.text-content .description {
  overflow: hidden; /* Para asegurar que la animación se vea bien */
}

.lehenengo-box{
    width:auto!important;background: transparent!important;color:white!important;width: 100vw!important;align-items: center!important;justify-content: center!important;
}
.lehenengo-box .frase-box{
    font-size:100px!important;font-weight: 400!important;margin-top:20vh!important;line-height:1!important;text-align: center!important;flex-basis:100%;

}
.frase-box span{display: block;}





/*-------------------------- 

CALENDAR 

--------------------------*/


.bookly-columnizer .bookly-column{
    min-width: 200px!important;
}
.bookly-css-root a{
    font-size: 12px!important;padding-left:3px!important;padding-right: 3px!important;
}

.bookly-custom-field-row[data-id="9157"], 
.bookly-custom-field-row[data-id="8822"], 
.bookly-custom-field-row[data-id="63841"], 
.bookly-custom-field-row[data-id="7491"], 
.bookly-custom-field-row[data-id="45405"], 
.bookly-custom-field-row[data-id="24079"], 
.bookly-custom-field-row[data-id="10971"], 
.bookly-custom-field-row[data-id="15279"], 
.bookly-custom-field-row[data-id="33979"], 
.bookly-custom-field-row[data-id="3820"], 
.bookly-custom-field-row[data-id="89213"], 
.bookly-custom-field-row[data-id="64776"], 
.bookly-custom-field-row[data-id="86399"], 
.bookly-custom-field-row[data-id="97192"], 
.bookly-custom-field-row[data-id="48440"], 
.bookly-custom-field-row[data-id="6937"], 
.bookly-custom-field-row[data-id="51484"], 
.bookly-custom-field-row[data-id="82836"], 
.bookly-custom-field-row[data-id="2049"], 
.bookly-custom-field-row[data-id="94135"], 
.bookly-custom-field-row[data-id="2958"], 
.bookly-custom-field-row[data-id="38946"], 
.bookly-custom-field-row[data-id="51795"], 
.bookly-custom-field-row[data-id="74463"], 
.bookly-custom-field-row[data-id="70908"], 
.bookly-custom-field-row[data-id="59635"], 
.bookly-custom-field-row[data-id="57541"], 
.bookly-custom-field-row[data-id="51020"], 
.bookly-custom-field-row[data-id="37124"], 
.bookly-custom-field-row[data-id="90814"], 
.bookly-custom-field-row[data-id="9245"], 
.bookly-custom-field-row[data-id="85387"], 
.bookly-custom-field-row[data-id="55334"], 
.bookly-custom-field-row[data-id="2947"], 
.bookly-custom-field-row[data-id="73695"], 
.bookly-custom-field-row[data-id="79734"], 
.bookly-custom-field-row[data-id="36806"], 
.bookly-custom-field-row[data-id="24195"], 
.bookly-custom-field-row[data-id="65085"], 
.bookly-custom-field-row[data-id="38161"], 
.bookly-custom-field-row[data-id="19492"], 
.bookly-custom-field-row[data-id="87229"], 
.bookly-custom-field-row[data-id="10018"], 
.bookly-custom-field-row[data-id="81417"], 
.bookly-custom-field-row[data-id="5840"], 
.bookly-custom-field-row[data-id="28966"], 
.bookly-custom-field-row[data-id="17609"], 
.bookly-custom-field-row[data-id="30145"], 
.bookly-custom-field-row[data-id="42073"], 
.bookly-custom-field-row[data-id="49095"], 
.bookly-custom-field-row[data-id="83373"], 
.bookly-custom-field-row[data-id="8478"], 
.bookly-custom-field-row[data-id="58574"], 
.bookly-custom-field-row[data-id="94865"], 
.bookly-custom-field-row[data-id="51118"], 
.bookly-custom-field-row[data-id="51801"], 
.bookly-custom-field-row[data-id="91980"], 
.bookly-custom-field-row[data-id="44197"], 
.bookly-custom-field-row[data-id="45358"], 
.bookly-custom-field-row[data-id="35802"], 
.bookly-custom-field-row[data-id="13189"], 
.bookly-custom-field-row[data-id="65358"],.bookly-custom-field-row[data-id="77785"],.bookly-custom-field-row[data-id="15874"] {

    margin-right: 20px !important;
}

.bookly-service-info{
    font-size:14px!important;
    padding-left:10px!important;
    padding-top:10px!important;
}

#bookly-rnd-mhks6kusc{
    width:auto!important;
}

.bookly-form .bookly-bg-white{
    background:var(--gorria)!important;
}

.bookly-form .bookly-text-white{
    background-color: var(--gorria);
}

.bookly-columnizer .bookly-day:hover, .bookly-columnizer .bookly-hour:hover{
    background:var(--gorria)!important;
    color:white!important;

}

/* Estilo general del calendario */
.bookly-calendar-container {
    background-color: black; /* Fondo negro */
    color: white; /* Texto en blanco */
    padding: 20px;
    border-radius: 10px; /* Bordes redondeados para un diseño más suave */
}

/* Botones de navegación (chevron left y right) */
.bookly-calendar-left-button-mark, 
.bookly-calendar-right-button-mark {
    color: white;
    cursor: pointer;
    font-size: 20px;
    opacity: 1; /* Asegurar que tenga opacidad completa */
    transition: color 0.3s ease;
}

.bookly-calendar-left-button-mark:hover, 
.bookly-calendar-right-button-mark:hover {
    color: gray; /* Cambiar color al pasar el mouse */
}

/* Mes actual (centrado entre los botones de navegación) */
.bookly-calendar-current-month-mark {
    font-size: 18px;
    font-weight: bold;
    color: white;
}

/* Días de la semana (Lun, Mar, Mié, etc.) */
.bookly-calendar-days-of-week {
    color: gray; /* Días de la semana en gris claro */
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

/* Fechas del calendario 
.bookly-calendar-current-month-mark, .bookly-calendar-past-month-mark {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 5px;
    border-radius: 50%;
    color: gray;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}*/

.bookly-calendar-current-month-mark:hover {
    background-color: gray; /* Fondo gris cuando se pasa el mouse */
    color: black;
}

.bookly-calendar-past-month-mark.bookly-pointer-events-none {
    color: #666; /* Fechas deshabilitadas en gris oscuro */
    cursor: not-allowed;
}

/* Ajustar los íconos dentro del calendario */
.bookly-calendar-container .bi {
    opacity: 1; /* Opacidad al 100% solo dentro del calendario */
}

/* Estilo para el día seleccionado */
.bookly-calendar-current-month-mark.bookly-selected-day {
    background-color: var(--gorria); /* Color de selección, puedes ajustar el color */
    color: white;
    border: 2px solid white;
}

/* Mensajes de error u otros textos */
.bookly-label-error {
    color: red;
}

/* Efecto hover en los días deshabilitados */
.bookly-calendar-past-month-mark:hover {
    background-color: black; /* Mantener el fondo negro */
    color: #666; /* Mantener color gris oscuro */
}

/* Estilos para las celdas del calendario */
.bookly-calendar-row {
    display: flex;
    justify-content: space-around;
}

/*-------------------------- 

EXPERIENCIAS 

--------------------------*/



    .exp-wrap{
    width: calc(100% - 100px);
    display: flex;
    flex-wrap: wrap;
    margin-top: 200px;
    border: 2px solid white;
    align-items: stretch; /* Asegura que los elementos hijos tengan la misma altura */
    justify-content: center;
    margin: 200px auto auto auto;
    border-radius: 60px;
    }
    .exp-text{
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box; /* Para asegurar que el padding no afecte el ancho total */
    }
    .exp-tit{
    color: white;
    font-size: 5vw;
    font-weight: 400;
    padding-left: 40px;
    padding-top: 120px;
    padding-right: 40px;
    padding-bottom: 50px;    }

    .exp-precios{


       background:white;flex-basis: 100%;padding-top: 20px;padding-bottom:20px;border-top: 2px solid white;border-bottom:2px solid white;    justify-content: space-between;display: flex;    padding: 20px;align-items: end;
    padding-left: 0;
    }

    .exp-descripcion{
    column-count: 2;
    padding: 30px;
    font-size: 25px;
    column-gap: 50px;
        }
    .exp-boton{
        flex-basis: 50%;
    }

    .exp-texto,.exp-texto{
        flex-basis: 100%;display: flex;flex-wrap: wrap; 
        font-size: 1.6em;
    padding: 40px;
    }
    .exp-texto p{
        padding:20px;
        flex-basis: 50%;
    }

    .exp-lista li{flex-basis: 50%; list-style: none;padding-left:20px;
        padding-top: 10px;padding-bottom:10px;border-top: 2px solid;color:white;} 

        .exp-tiempo,.exp-precio{color:var(--gorria);font-size:20px;
    padding-left: 20px;
    padding-right: 20px;
    flex-basis: 50%;}

.exp-lista li::before {
    content: '';
    display: inline-block;
    width: 24px; /* ajusta el tamaño según tus necesidades */
    height: 24px;
    background: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44.1 47.9" xml:space="preserve"><g fill="white"><polygon points="22,-0.3 22,-0.2 22.1,-0.3"></polygon><polygon points="44.1,21.8 25.5,3.2 22,-0.2 18.6,3.1 18.6,3.2 0,21.8 3.4,25.2 19.6,9 19.7,47.6 24.5,47.6 24.5,9.1 40.7,25.2"></polygon></g></svg>') no-repeat center;
    background-size: contain;
    margin-right: 8px; /* Espacio entre el icono y el texto del enlace */
    vertical-align: middle;
        transform: rotate(90deg); /* Rotar hacia la izquierda 90 grados */

}

    .exp-lista{     width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;   display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    padding-left: 0;
    font-size: 20px;
    align-self: flex-end; /* Alinea la lista en la parte inferior */
}

    .exp-imagen{
        background-image:url(https://www.fundacionokelan.com/wp-content/themes/midi/assets/images/carne-1.jpg);    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    flex-basis: 50%;
    border-radius: 0 60px 0px 0;
    border-left: 2px solid white;
    display: flex;
    align-items: stretch; /* Mantiene la altura sincronizada con la parte de texto */
}

    .exp-form{border-top: 2px solid white;padding: 40px;    flex-basis: 100%;
    width: 100%;background: #1c1c1c;border-radius: 0 0 60px 60px}





[data-id="49777"] {

    flex-basis: 60%;

}
[data-id="62064"],[data-id="43535"] {
  /*  flex-basis: 40%;*/
  margin-right: 10px;

}
[data-id="37294"] {
    flex-basis: 40%;

}

[data-id="86721"] {
    padding-top: 40px;
    flex-basis: 100%;

}

[data-id="99075"] {
    flex-basis: 50%;
    padding-top: 40px;
    padding-left: 80px;
}



.bookly-user-phone::placeholder {
    color: transparent!important;
}




.bookly-form input[type="text"], .bookly-form input[type="number"], .bookly-form input[type="password"], .bookly-form select, .bookly-form textarea{
    background:black!important;
    border:0!important;
}

.bookly-box.bookly-nav-steps button{
    background-color:transparent!important;
}


/* Ocultar los checkboxes y radio buttons originales */
.bookly-js-custom-field[type="checkbox"],
.bookly-js-custom-field[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Estilos para los contenedores de radio buttons y checkboxes */
.bookly-box label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 12px;
    color: white;
    text-transform: uppercase;
    margin-bottom: 10px!important; /* Espaciado entre los elementos */
}


.bookly-details-step .bookly-form-group textarea,.bookly-form input[type="text"]:not(.iti__tel-input), .bookly-form input[type="number"], .bookly-form input[type="password"], .bookly-form textarea{
    border:2px solid white!important;
}

/* Estilos compartidos entre checkboxes y radio buttons */
.bookly-box label span::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 4px; /* Para los checkboxes, bordes redondeados */
    border: 2px solid white; /* Color del borde */
    background-color: transparent;
    transition: all 0.3s ease;
}

/* Estado cuando el checkbox está marcado */
.bookly-js-custom-field[type="checkbox"]:checked + span::before {
    background-color: var(--gorria);
    border-color: var(--gorria);
  /*  box-shadow: inset 0 0 0 4px white; /* Marca blanca dentro del checkbox */
}

/* Estado cuando el radio button está marcado */
.bookly-js-custom-field[type="radio"]:checked + span::before {
    background-color: var(--gorria);
    border-radius: 50%; /* Hacer circular los radio buttons */
  /*  box-shadow: inset 0 0 0 4px white; /* Circulo blanco en el interior */
}

/* Efecto hover para ambos inputs */
.bookly-box label:hover span::before {
    border-color: #0056b3;
}

/* Ajustar los radio buttons para que tengan forma circular */
.bookly-js-custom-field[type="radio"] + span::before {
    border-radius: 50%; /* Radio buttons circulares */
}


.bookly-details-step .bookly-custom-field-row > div > div > label > *{
    color:white;
    text-transform: none;
}






/* Ocultar el checkbox original */
.bookly-checkbox-group .bookly-js-terms {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Estilo del contenedor del checkbox (bookly-checkbox) */
.bookly-checkbox-group .bookly-checkbox {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border: 2px solid #007BFF; /* Color del borde */
    border-radius: 4px; /* Bordes redondeados */
    background-color: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Estilo cuando el checkbox está marcado */
.bookly-js-terms:checked + .bookly-checkbox {
    background-color: #007BFF; /* Fondo azul cuando está marcado */
    border-color: #007BFF;
}



.bookly-form input[type="text"], .bookly-form input[type="checkbox"], .bookly-form input[type="radio"], .bookly-form input[type="number"], .bookly-form input[type="password"], .bookly-form select, .bookly-form textarea{
    border-radius: 10px!important;
}

.bookly-form input[type="text"], .bookly-form input[type="number"], .bookly-form input[type="password"], .bookly-form textarea{
        padding-top: 16px !important;
    padding-bottom: 15px !important;
    padding-right: 17px !important;
}

.bookly-form input[type="text"]:not(.iti__tel-input), .bookly-form input[type="number"], .bookly-form input[type="password"], .bookly-form textarea{
        padding-left: 17px !important;
        font-size:20px!important;
}
.iti input.iti__tel-input, .iti input.iti__tel-input[type=tel], .iti input.iti__tel-input[type=text]{
            font-size:20px!important;
            border:2px solid white!important;

}

.bookly-form select{
    padding:15px 16px 14px !important
}


.bookly-custom-fields-container{
        display: flex;
    flex-wrap: wrap;
    border-top: 1px solid white;
    padding-top: 40px;
}



/* Mostrar el icono de check cuando está marcado */
.bookly-js-terms:checked + .bookly-checkbox i {
    font-size: 10px;
    color: white;
    background: var(--gorria);
    height: 100%;
    display: inline-block;
    width: 100%;
    background-image: none !important;
}

/* Mostrar el ícono de check en el contenedor del checkbox */
.bookly-checkbox-group .bookly-checkbox i::before {
    content: none; /* Código del símbolo de check */
    font-size: 18px;
    color: white;
    display: none; /* Oculto por defecto */
}

/* Mostrar el ícono de check cuando está marcado */
.bookly-js-terms:checked + .bookly-checkbox i::before {
    display: block;
}

/* Efecto hover para el contenedor del checkbox */
.bookly-checkbox-group .bookly-checkbox:hover {
    border-color: #0056b3;
}

/* Estilo para el texto del segundo label (descripción del checkbox) */
.bookly-checkbox-group label[for="bookly-terms-670ad6bb0995e"] {
    font-size: 16px;
    color: #333;
    cursor: pointer;
    line-height: 28px;
}




    /* General container styles for Bookly form */
.bookly-form {
    background-color: #1c1c1c; /* Fondo negro para el container */
    color: white; /* Texto en blanco para contraste */
}

/* Step-specific styling (service step) */
.bookly-service-step {
    margin-bottom: 20px;
}

.bookly-service-step h2 {
    font-size: 1.8rem;
    color: #f0f0f0;
    text-align: center;
    margin-bottom: 15px;
}

/* Service item styles */
.bookly-service-step .bookly-item {
    background-color: #1e1e1e; /* Fondo oscuro para los ítems */
    border: 1px solid #4a4a4a; /* Borde gris para separar */
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.bookly-service-step .bookly-item:hover {
    background-color: #292929;
    transform: translateY(-5px);
}

.bookly-service-step .bookly-item.selected {
    background-color: #333333; /* Fondo diferente cuando el servicio está seleccionado */
    border-color: #00c8ff; /* Borde de selección en azul claro */
}

/* Text inside each service item */
.bookly-service-step .bookly-item .bookly-name {
    font-size: 1.2rem;
    color: #ffffff;
    font-weight: bold;
}

.bookly-service-step .bookly-item .bookly-price {
    font-size: 1rem;
    color: #00ffb2; /* Color para el precio en verde claro */
}

/* Button styling */
.bookly-service-step .bookly-nav-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff; /* Azul para los botones de navegación */
    color: #ffffff;
    border: none;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.bookly-service-step .bookly-nav-btn:hover {
    background-color: #0056b3;
}

/* Disabled button state */
.bookly-service-step .bookly-nav-btn[disabled] {
    background-color: #4a4a4a;
    cursor: not-allowed;
}

/* Progress bar styling */
.bookly-progress-tracker {
    margin-top: 20px;
    height: 5px;
    background-color: #4a4a4a;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.bookly-progress-tracker .bookly-progress-bar {
    height: 100%;
    background-color: #00c8ff;
    width: 0%; /* Default width, should be set dynamically */
    transition: width 0.4s ease;
}

/* Input fields (if present) */
.bookly-form input, .bookly-form select {
    width: 100%;
    padding: 10px;
    background-color: #1e1e1e;
    color: white;
    border: 1px solid #4a4a4a;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 1rem;
}

.bookly-form input:focus, .bookly-form select:focus {
    outline: none;
    border-color: #00c8ff;
}

/* Error messages */
.bookly-form .bookly-error {
    color: #ff5757; /* Rojo claro para los mensajes de error */
    font-size: 0.9rem;
    margin-top: -10px;
    margin-bottom: 10px;
}

/* Adjust spinner loading (if used) */
.bookly-loading-spinner {
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top: 4px solid red;
    border-radius: 100%;
    width: 200px;
    height: 200px;
    animation: spin 1s linear infinite;
    margin: 20px auto;

}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}





.bookly-form *{
    font-size:20px;
}


.ladda-button[data-style=zoom-in] .ladda-label{

        background: var(--gorria);
    border-color: var(--gorria);
    color: white;
    font-weight: bold;
    line-height: 1;
    font-size: 1.6em;
    border: 1.5px solid  var(--gorria);
    padding: 5px 16px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    transition: background-color 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0.6s;
    text-transform: lowercase !important;
    font-weight: bold !important;

}

.bookly-form .bookly-form-group > label{color:white!important;
}


/*-------------------------- 

CARRITO 

--------------------------*/


.woocommerce-table--order-details{
    margin-top: 40px!important;

}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity{
    background-color: var(--gorria)!important;
}

.wc-blocks-components-select .wc-blocks-components-select__label,.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill+label, .wc-block-components-form .wc-block-components-text-input.is-active label, .wc-block-components-text-input input:-webkit-autofill+label, .wc-block-components-text-input.is-active label,.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill+label, .wc-block-components-form .wc-block-components-text-input.is-active label, .wc-block-components-text-input input:-webkit-autofill+label, .wc-block-components-text-input.is-active label{
    text-transform: uppercase!important;
}

.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url]{
    background-color: rgba(50, 50, 50, 1);
    border: 0;
    color: rgba(150, 150, 150, 1);
    background-color: rgba(255, 255, 255, 0.8)!important;
    border: 2px solid white;
    border-radius: 15px;
}


.woocommerce ul.order_details li{
    font-size: 1em;
}

.wc-blocks-components-select .wc-blocks-components-select__container{
    background-color: rgba(255, 255, 255, 0.8)!important;
}

.woocommerce-table--order-details thead{
    height:50px;
}

.woocommerce ul.order_details{
    margin-top: 40px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{
    background-color: var(--gorria);
    border-radius: 30px;
    margin-top: 20px;
    color:white;
    border:1px solid white;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select,.select2-container .select2-dropdown, .select2-container .select2-selection,.select2-container .select2-selection--single .select2-selection__rendered{
        background-color: rgba(50, 50, 50, 1);
    border: 0;
    color: rgba(150, 150, 150, 1);
    font-size:1em!important;
}

.woocommerce table.shop_table th {
    font-weight: 400;
    padding: 0;
    line-height: 1.3em;}

    .woocommerce table.shop_table td {
    border-top: 0;
    padding: 0;
    vertical-align: middle;
    line-height: 1.3em;}

mark{
    background-color: var(--gorria);color:white;    padding: 4px 0;

}

.woocommerce form .form-row label, .woocommerce-page form .form-row label{
        font-size: 15px;
    text-transform: uppercase;
    margin-top: 20px;
}


body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){
        min-height: 3em;
    font-family: 'Tipo';
    font-size: 1.3em;
    border-radius: 100px;
    background: var(--gorria);
    color: white;
    border: white 1px solid;
}

.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url]{
        background-color: rgba(255, 255, 255, 0.8);
    border: 2px solid white;
    border-radius: 15px;
}
.wc-block-components-checkbox__label a{color:var(--gorria)}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img{
    display:none;
}

.wc-block-cart-items__header{display:none;}
/* Asegurarse de que no quede espacio para el botón de eliminar */
.wc-block-cart-item__remove-link {
    display: none !important;
}


/* Oculta los botones de aumentar y disminuir cantidad */
.wc-block-components-quantity-selector {
    pointer-events: none; /* Evita la interacción con el campo */
    opacity: 0.5; /* Puedes ajustar este valor o eliminarlo si no quieres que se vea "desactivado" */
}

.wc-block-components-quantity-selector__button--plus,
.wc-block-components-quantity-selector__button--minus,
.wc-block-components-quantity-selector input {
    display: none; /* Oculta completamente los botones y el input de cantidad */
}


.wc-block-components-sidebar-layout .wc-block-components-main{
    flex-basis:100%;
}

.wc-block-components-sidebar{
    flex-basis:100%;
}

/* Estilos generales para la tabla del carrito */
.wp-block-woocommerce-cart-items-block table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
/* Ocultar la sección "Nuevo en tienda" del carrito */
.wp-block-woocommerce-featured-products-block {
    display: none !important;
}


.wc-block-product-new{
    display: none;
}
.wp-block-woocommerce-cart-items-block th {
    text-align: left;
    font-weight: bold;
    padding: 10px;
    background-color: #f3f3f3;
    border-bottom: 2px solid #e2e2e2;
}

.wp-block-woocommerce-cart-items-block td {
    padding: 15px;
    vertical-align: middle;
    border-bottom: 1px solid #e2e2e2;
}

/* Imagen del producto */
.wc-block-cart-item__image img {
    width: 80px;
    height: auto;
    border-radius: 5px;
    object-fit: cover;
}

/* Detalles del producto */
.wc-block-components-product-name {
    font-size: 3em!important;
    line-height: 1!important;
    text-decoration: none;
    color: white;

}

.wc-block-cart-item__prices .price {
    font-size: 16px;
    color: #555;
}

/* Botones de cantidad */
.wc-block-components-quantity-selector__input {
    width: 50px;
    text-align: center;
    margin-right: 10px;
}

.wc-block-components-quantity-selector__button {
    background-color: #ccc;
    border: none;
    padding: 5px 10px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.wc-block-components-quantity-selector__button:hover {
    background-color: #999;
}

.wc-block-components-quantity-selector__button--minus:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Botón de eliminar artículo */
.wc-block-cart-item__remove-link {
    color: #e63946;
    background: none;
    border: none;
    font-size: 14px;
    cursor: pointer;
    transition: color 0.3s;
}

.wc-block-cart-item__remove-link:hover {
    color: #d32f2f;
}


/* Estilos del resumen del carrito */
.wp-block-woocommerce-cart-order-summary-block {
    background-color: transparent;
    padding: 20px 0;
    border-radius: 20px;
    margin-top: 30px;
    border: 2px solid white;
}

.wc-block-components-totals-wrapper {
    border-top: 2px solid white!important;
    padding: 16px 20px!important;
}

.wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-item__label {
    font-weight: bold;
}

.wp-block-woocommerce-cart-order-summary-block .wc-block-formatted-money-amount {
    font-size: 18px;
    color: white;
}

/* Botón de Finalizar compra */
.wc-block-cart__submit-button {
    background-color: #4caf50;
    color: #fff;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    display: block;
    transition: background-color 0.3s;
    border-radius: 20px;
    text-decoration: none;

}

.woocommerce-order{
    padding: 40px;
}

.wc-block-cart__submit-button:hover {
    background-color: #43a047;
}





/*-------------------------- 

FINALIZAR COMPRA 

--------------------------*/




/* Títulos de las secciones */
.woocommerce-checkout h2 {
    font-size: 24px; /* Tamaño de fuente */
    color: #333; /* Color del texto */
    margin-bottom: 15px; /* Margen inferior */
}

/* Campos de entrada */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout textarea {
    width: 100%; /* Ancho completo */
    padding: 10px; /* Espaciado interno */
    border: 1px solid #ccc; /* Borde */
    border-radius: 5px; /* Bordes redondeados */
    margin-bottom: 15px; /* Margen inferior */
}

/* Botones */
.woocommerce-checkout button.button {
    background-color: #B91828; /* Color de fondo */
    color: #fff; /* Color del texto */
    padding: 10px 20px; /* Espaciado interno */
    border: none; /* Sin borde */
    border-radius: 5px; /* Bordes redondeados */
    cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
}

/* Cambia el color del botón al pasar el mouse */
.woocommerce-checkout button.button:hover {
    background-color: #F193AE; /* Color de fondo al pasar el mouse */
}

/* Estilo de las secciones de direcciones */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields {
    background-color: #fff; /* Fondo blanco */
    padding: 20px; /* Espaciado interno */
    border-radius: 5px; /* Bordes redondeados */
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); /* Sombra */
    margin-bottom: 20px; /* Margen inferior */
}

/* Resaltar los mensajes de error */
.woocommerce-error {
    background-color: #ffcccb; /* Fondo rojo claro */
    border-left: 4px solid #d8000c; /* Borde izquierdo */
    padding: 10px; /* Espaciado interno */
    margin-bottom: 20px; /* Margen inferior */
}

/* Estilo para el resumen del pedido */
.woocommerce-checkout .order-review {
    background-color: #fff; /* Fondo blanco */
    padding: 20px; /* Espaciado interno */
    border-radius: 5px; /* Bordes redondeados */
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); /* Sombra */
}





/*-------------------------- 

HOME 

--------------------------*/



.tit-kontaktua,.text-kontaktua{font-size:2.5em}
#kontaktua{flex-wrap: wrap;align-items:start;justify-content: space-between;padding: 20px;}
.tit-kontaktua,.text-kontaktua{flex-basis:30%;text-align: left;}


#kontzertuak{margin-top:200px;margin-bottom:200px;padding:20px;}



        .titulos-tit{
            flex-basis: 20%;text-transform: lowercase;font-style: italic;font-family: 'Tipo';font-size: 30px;
        }
        .titulos-line{
flex-basis: 80%;border-top:2px solid black
        }

        .titulos{
display:flex;flex-wrap: wrap;align-items: center;margin-bottom:100px;margin-top:200px;
        }


      

        .kontzertuak-ez{
                text-align: center;
    font-size: 20px;
    font-family: 'Tipo';
    color: black;
        }



    /* Estilos para el menú */
/* Estilos para el menú */
#site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    z-index: 1000;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.menu-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: flex-start;

        align-items: center;
    justify-content: flex-start;
    position: relative;
}
#site-navigation{
    display: flex;width: 100%;
        display: flex;
    width: 100%;
    justify-content: space-between;
}
#site-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
    font-size: 1.6em;
    text-transform: lowercase;
    font-family: 'Tipo';
}


#menu-list li{
    margin-top:4.5px;
}


#menu-list a {
text-decoration: none;
    color: white;
    font-weight: bold;
    border: 1.5px solid;
    padding: 5px 16px;
    border-radius: 20px;
transition: all 0.5s ease;
}

#menu-list a:hover {
    color: black;background:white;
}

#menu-list a.active{
color:black;background:white;
}
/* Ocultar el menú cuando se hace scroll hacia arriba */
.hide-menu {
    transform: translateY(-100%);
    opacity: 0;
}

/* Estilos para el menú hamburguesa */
.hamburger-menu {
    display: none;
    flex-direction: column;
    cursor: pointer;
    gap: 5px;
}

.hamburger-menu span {
    width: 25px;
    height: 3px;
    background-color: white;
}



    .hamburger-menu {
width: 35px;
    height: 23px;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    margin-left: 30px;

}

.hamburger-menu span {
  display: block;
  height: 2px;
  background-color: white;
  border-radius: 0;
  transition: all 0.3s ease;
}









.hamburger-menu span:nth-child(1) {
  width: 100%;
}

.hamburger-menu span:nth-child(2) {
  width: 100%;
  align-self: flex-end;
}

.hamburger-menu span:nth-child(3) {
  width: 100%;
}

.aktibo.hamburger-menu span:nth-child(1) {
  transform: translateY(11px) rotate(45deg);
}

.aktibo.hamburger-menu span:nth-child(2) {
  opacity: 0;
}

.aktibo.hamburger-menu span:nth-child(3){
  transform: translateY(-11px) rotate(-45deg);

}


.hamburger-menu:hover span{
  background-color: var(--gorria);
}











/* General styles */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Main menu styles */
.menu-nagusia {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
    z-index: 1000;
}
.menu-nagusia ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
}
.menu-nagusia ul li {
    margin: 0;
}
.menu-nagusia ul li a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}
.menu-nagusia ul li a:hover {
    text-decoration: underline;
}

/* Hero section styles */
.hasiera {
    background-image: url(../images/fundacionokelan.jpg);
    background-position:  center center;
    background-repeat: no-repeat;
    background-color:black;
    background-size: cover;
    height: 90vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Ajustado a flex-start si quieres que el contenido se alinee arriba */
    color: black;
    padding-top: 200px;
    border-radius: 0 0 200px 200px;
}

.logoa {
    text-align: center;
    background: transparent;
}

.logoa h1{
    font-size: 4em;
    text-transform: lowercase;
    letter-spacing: -0.04em;
    line-height: 85%;
    color: black;
}

.logoa h1 span{
    display:block;
    font-style: italic;

}

/* Conciertos section styles */
.conciertos-list {
    display: flex;
    flex-direction: column;
    margin: 20px 0;
}
.concierto-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.concierto-column {
    flex: 1;
    padding: 0 10px;
}
.concierto-divider {
    border: none;
    border-bottom: 1px solid black;
    margin: 0;
}
.btn-entradas {
    display: inline-block;
    padding: 5px 10px;
    background-color: #0073aa;
    color: white;
    text-decoration: none;
    border-radius: 3px;
}
.btn-entradas:hover {
    background-color: #005177;
}

/* Discography section styles */
.discography-section {
    padding: 20px;
}
.discography-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.discography-item {
    flex: 1 1 calc(25% - 20px);
    text-align: left;
    font-size:3em;
    color:black;
    text-decoration: none;
}
.discography-item img {
    max-width: 100%;
    border-radius: 10px;
    width: 100%;
    height: auto;
}



/* Pestañas de conciertos */
.concert-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
padding:20px;}

.tablink {
    background-color: #ccc;
    color: black;
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    outline: none;
    transition: background-color 0.3s;
    font-family: 'Tipo';
    font-style: italic;
    text-transform: lowercase;
    font-size: 20px;
    
}

.tablink.bat{border: 2px solid black; border-radius:20px 0 0 20px;}
.tablink.bi{border: 2px solid black; border-radius:0 20px 20px 0;background:transparent}

.tablink:hover {
    background-color: grey;
}

.tablink.active {
    background-color: black;
    color: white;
}

.tabcontent {
    display: none;
}

.tabcontent.active {
    display: block;
}

.concert-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.concert-item.emandakoa{
    opacity: 0.4;
}

.concert-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
        flex-wrap: wrap;
}

.concert-location{
    flex-basis:30%;text-align: left;padding-left: 20px;
}

.aretoa{
    font-size:2.5em;display:block;
}
.hiria{
    font-size:2em;
}

.concert-date{
        font-size: 1.5em;
    font-family: 'Tipo';
flex:1;
    text-align: center;

}

.emandakoa .concert-date{
    text-align:right;
    padding-right: 20px;
}

 .concert-tickets {
    flex: 1;
    text-align: right;
    padding-right: 20px;
    
}

.btn-tickets {
    background-color: #0073e6;
    color: white;
    padding: 5px 10px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    border-radius: 3px;
}

hr {
    border: none;
    border-top: 2px solid black;
    margin: 10px 0;
}



/*-------------------------- 

CONTACT 

--------------------------*/

.formulario{    display: flex;
    flex-wrap: wrap;}
    .campo-nombre,.campo-apellido,{flex-basis:50%;width: 50%;padding: 20px;}
    .campo-email{flex-basis:100%;width:100%;padding: 20px;}
.wpcf7-form-control-wrap {
    position: relative;
    margin-top: 10px;
    display: block;
}
input[type="text"],textarea,input[type="email"]{border: 1px solid #1d1d1b;
    background: none;
    padding: 5px 10px 5px 5px;font-size: 15px;
    border-radius: 7px;display: block;user-select:none;-webkit-user-select: none;    line-height: 22px;}
input[type="submit"],.btn{  text-decoration: none;  background: #1d1d1b;
    padding: 15px 30px;
    border-radius: 30px;
    color: white;
    font-family: 'Tipografia';
    font-size: 15px;
    border: none;
    margin-top: 20px;}
input[type="submit"]:hover,.btn:hover{background:white;color:#1d1d1b;
}

.btn-white{    text-decoration: none;
    background: white!important;
    padding: 15px 30px;
    border-radius: 30px;
    color: #1d1d1b!important;
    font-family: 'Tipografia';
    font-size: 15px;
    border: none;
    margin-top: 20px;}
.btn-white:hover{ color: #1d1d1b!important;background: grey!important}
/*
.bookly-js-terms-error.bookly-label-error{
padding: 20px;
    border-radius: 20px;
    background: var(--gorria);
    color: white !important;
    font-size: 20px;
    line-height: 100%;}

*/
/*MOVIL*/
    @media screen and (max-width:1200px){


#site-navigation ul.show{
    position:fixed;
}
        .bookly-form-group input{
            width: 70vw;
        }
                .contact-btn{
                position: static;
    margin-bottom: 60px;
        }


.marquee{
        font-size: 5vw;
}
.cajita-nueva{padding-top:40vh!important;height:auto;}
.inner-cajita-nueva{height: 100%}
.textbox div p{
        color: white;
    line-height: 1;
    padding: 0px;
    width: 67vw;
    text-align: left;
    margin: auto;
    font-size: 25px;
    transition: color 0.5s ease;
}
.titulo-cajita{
        position: absolute;
    width: 100%;
    height: auto;
    display: block;
    top: 150px;
    /* background: red; */
    color: white;
    font-size: 3em;
    left: 25px;
    line-height: 100%;
}
        .swiper-slide {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; /* Mostrar 2.5 diapositivas por vista */
  height: 100vh; /* Ajustar la altura para ser más horizontal */
  box-sizing: border-box;
  /* Para alinear el slider a la izquierda */
  margin-right: 30px; /* Espacio entre diapositivas */
opacity: 1;
}

.lehenengo-box .frase-box{
    font-size: 3.5em!important;
}
.curso{
    width:90vw;
}

.swiper-slide img{

        height: 70vh;
    border-radius: 65px;
    padding: 20px;
    object-fit: cover;
    padding-bottom: 30vh!important;
}

.footer-slider{
    text-align: left;
    position: absolute;
    left: 30px;
    top: -15vh;
    right: unset;
}

.lehenengo-box .frase-box span{
    margin-bottom:0;
}

.swiper-pagination-progressbar{
        bottom: 25vh !important;
}
            #site-navigation ul {
        flex-direction: column;
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        position: fixed;
        background-color: var(--argia);
        display: flex;
        padding: 20px;
        align-items: center;
        opacity: 0;
        justify-content: center;
        height: 100vh;
        z-index: -1;
        transform: translateY(-100%);
        transition: 1s ease all;
    }

    #site-navigation ul.show {
        display: flex;
        opacity: 1;
        transform: translateY(0);
    }

    #site-navigation{
        padding:20px 0;
            background: black;
            align-items: center;
    border-radius: 43px;
    }

    .hamburger-menu {
        display: flex;
                    }


        #site-navigation ul{
            background-color: black;
        }

        .sello{
            display: none;
        }

        .bat, .bi, .hiru{
            font-size:0.4em;
        }


.cont-1, .cont-2, .cont-3{
        flex-basis: calc(100% - 60px);
    margin: auto;
}

            .text-1-contacto{
            font-size: 4em;
    padding-top: 30px;
    padding-bottom: 100px;
    padding-left: 30px;
    }

.exp-precios{   flex-direction: column;}
.exp-precios .button{margin:auto;}
    .exp-text{
        flex-basis: 100%;
    }


    .caja-footer{
        flex-direction: column;    padding: 20px;
    }



    .solicitudea{

        position: unset;
        bottom: 30px;
        width: auto;
        margin: 0;
        left: 0;
        right: 0;
        font-size: 1rem;

}


.hasiera{
    height: 60vh;
}

.exp-wrap{
width:calc(100% - 40px)
}
.exp-text{
    width:100%;
}
.exp-texto p{
    flex-basis: 100%;
}
.exp-lista li{
    flex-basis:100%;
}



.bookly-columnizer .bookly-column,.bookly-columnizer .bookly-time-screen{
    width: 100%;
}

.bookly-form .bookly-min-w-\[200px\] {
    min-width: 200px;
    width: 100%;
    padding: 0;
    margin-right: auto !important;
    margin-left: auto !important;
}

.bookly-time-step{width: 100%!important;}

[data-id="86721"],[data-id="49777"],[data-id="37294"]{
    flex-basis:100%;padding-top:40px;
}

[data-id="99075"] {
    flex-basis: 100%;
    padding-top: 40px;
    padding-left: 0;
}

.exp-tiempo, .exp-precio{padding-bottom:20px;}
.exp-tit{
        color: white;
    font-size: 10vw;
    font-weight: 400;
    padding-left: 40px;
    padding-top: 135px;
    padding-right: 40px;
    padding-bottom: 30px;
}


.exp-imagen{
        height: 40vh;
    flex-basis: 100%;
    border-radius: 0;
    border: 0;
}

}
.mugikorrerako{display:none}
.bookly-css-root .bookly-form .bookly-opacity-50{opacity: 0.2!important}
    @media screen and (max-width:768px) and (orientation:portrait) {


        .woocommerce-MyAccount-navigation ul{
            flex-wrap: wrap;
            gap:20px;
}

.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr{
    margin-bottom: 50px;
}




.text-content{

            background-color: black;
    position: absolute;
    padding: 10px 20px;
    border-radius: 30px;
    z-index: 999;
    bottom: 50px;
    left: 50px;
    color: white;
    width: auto;
    height: auto;
    display: block;
    padding-top: 40px;
    left: 20px;
    right: 20px;
    border-radius: 0 0 30px 30px;
}



.curso-tit{font-size: 5vw;}

.curso-tit .plus{height: 9vw;width: 9vw;font-size:7vw}
.titulo-cajita{
            position: absolute;
        width: 90%;
        height: auto;
        display: block;
        top: 110px;
        color: white;
        font-size: 2.4em;
        left: 25px;
        line-height: 100%;
        padding: 20px;
}
        p{
            font-size:1.4em;
        }
    .lehenengo-box .frase-box {
        font-size: 2.5em !important;
    }
        .contacto-baja{
            padding: 40px 30px;
        }
        .text-1-contacto{
        font-size: 4em !important;
        padding-bottom: 0 !important;
        text-align: center;
        padding-left: 0 !important;
        margin-left: 0;
                }
.solicitudea.mugikorrerako,.solicitudea.mugikorrerako .text{
    z-index: 9;font-weight: 400!important
}
        .solicitudea.botonmodalhome .text{
            display:none!important;
        }
        .text-1-contacto{font-size: 4em!important}
        .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product{
            grid-column-start: 1!important;
        }
        .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image{display:none!important}
.mugikorrerako{
        position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 80px);
    margin-top: 100px;
    width: 300px;
    margin: auto;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.cont-1 a.button{position: static;}
.blur{filter: blur(0px) !important;}

.exp-imagen{
        background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    flex-basis: 50%;
    border-radius: 0 60px 0px 0;
    border-left: 2px solid white;
    display: flex
;
    align-items: stretch;
    height: 30vh;
    flex-basis: 100%;
    border-radius: 0;
    border: 0;
}


.info-contacto{
    font-size:16px;flex-basis:100%;
}

.contacto-container{
        display: flex
;
    justify-content: space-between;
    padding: 20px;
    margin-top: 0px;
    flex-wrap: wrap;
}
.video-container{
    flex-basis: 100%;
}





        .vc_custom_1694417241767{padding-bottom:0!important}
        #caja-fotos{padding:20px!important}
        nav.menu {
    width: 100%;
    float: none;
    text-align: center;
}
        .menu ul li {
    display: inline-block;
    text-decoration: none;
    padding: 10px 10px;
}
.icon-eskubi{
    left: 79%;
    top: -35px;
}.icon-galeria figure div img {
    width: 21vw;}
        .logo{    width: auto;
        background: transparent;
        float: none;
        margin: auto;
        text-align: right;
        margin-bottom: 20px;
        margin-top: 15px;
        margin-right: 0;
        transform: none;
        right: 46px;}


        .fot-4{    flex-basis: 100%;
    margin: auto;
    text-align: center;}
    .fot-5{flex-basis: 70%;
    text-align: center;
    margin: auto;}
        .contacto{max-width: 100%}
      
.titulo-2 {
    font-size: 20px;
    line-height: 36px;
}
.vc_custom_1694418695024,.vc_custom_1694511821094,.vc_custom_1694503029461,.vc_custom_1696418932258{padding:20px!important}
.caja-faq{margin-top:0;}
.faq{flex-basis: 100%;    margin-top: 40px;}

.accordion-menu {
    font-size: 28px;}

:root {
    --tamaina1: 7vw;}

.fot-1, .fot-2, .fot-3 {
    flex-basis: 100%;
    text-align: center;
}
input[type="text"], textarea, input[type="email"]{width:100%}
.vc_custom_1694417266929{padding:20px!important}

}

/* ==========================================
   PERFORMANCE: will-change para elementos
   animados por GSAP / ScrollTrigger
   ========================================== */
img {
    will-change: filter;
}
.swiper-slide {
    will-change: transform;
}
.fade-in {
    will-change: opacity;
}
/* Lazy loading nativo */
img:not([loading]) {
    loading: lazy;
}
/* Reduce motion para usuarios con preferencia */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .fade-in { opacity: 1 !important; }
}