﻿:root {
    --modulo2-background:#fff0;
    
    --font-size-6x: min(7.5vmin, calc(2rem + 1.2vmax));
  --font-size-5x: min(6.5vmin, calc(1.1rem + 1.2vmax));
  --font-size-4x: min(4vmin, calc(0.8rem + 1.2vmax));
  --font-size-3x: min(6vmin, calc(1rem + 0.18vmax));/*15*/
  --font-size-2x: min(4vmin, calc(0.85rem + 0.12vmax));
  --font-size-1x: min(2vmin, calc(0.65rem + 0.12vmax));
  --width-2x: min(100vw, 1300px);
  --width-1x: min(100%, 1200px);
  --gap-3x: min(5vmin, 1.5rem);
  --gap-2x: min(4.5vmin, 1rem);
  --size-10x: min(15vmin, 5.5rem);
  --size-9x: min(10vmin, 5rem);
  --size-8x: min(10vmin, 4rem);
  --size-7x: min(10vmin, 3rem);
  --size-6x: min(8.5vmin, 2.5rem);
  --size-5x: min(8vmin, 2rem);
  --size-4x: min(8vmin, 1.5rem);
  --size-3x: min(7vmin, 1rem);
  --size-2x: min(5vmin, 1rem);
  --size-1x: min(2.5vmin, 0.5rem);

}


 body {
    
    
}
@media(min-width:576px) {
    body {
        background-image: url('../img/fondo.svg');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: 33% -976px;
        background-size: contain;
        background-size: 520vh;
    }
}
@media(min-width:992px) {
    body {
     
        background-position: 33% -97vh;
     
    
    }
}
        


.modulo-destacados {
    background:transparent;
    background:#ffff;
    background:rgba(255,255,255, 0);
}

.main-inicio .modulo:first-of-type, .main-conocenos .modulo:first-of-type, .main-contacto .modulo:first-of-type {
    border-top:none;
}

.modulo-destacados, .video-detalle {
    border-top:none;
    padding-top:0;
}
.modulo-destacados-v2 {
    padding-top:var(--s4);
    margin-bottom:var(--s8);
}




@media (min-width: 768px) {

    .main .texto-principal-centrado {
        padding-bottom:0;
    }

    /*.modulo .imagen {
        align-self:center;
        position:relative;
        aspect-ratio: 4/3;
        
    }

    .modulo .imagen:has(.swiper-slide) {
        max-width:70ch;
    }


    
    .modulo .imagen::after {
        position:absolute;
        content:"";
        background:#338B26;
        top:0;
        width:100%;
        height:100%;
        z-index:-1;
        left:0;
        transform:rotate(-10deg);
        border-radius: 1rem;
    }
        .modulo .imagen:has(.swiper-slide)::after {           
            transform:scale(.9) rotate(-10deg);
            left:-2rem;
            top:-1rem;
        }

    .modulo .imagen  img {
        aspect-ratio:4/3;
        width: 100%;
        height: auto;

        clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);

        clip-path: url(#svgPath);
    }
    .modulo .imagen {
        grid-column: 7/ -2;
    }
   
    .modulo .imagen:not(:has(.swiper-slide)) {        
        justify-self: left;
    }
    .modulo:nth-child(2n+1) .imagen {
        grid-column: 2/ 7;
    }
    .modulo:nth-child(2n+1) .imagen:not(:has(.swiper-slide)) {
        
        justify-self: right;
    }

    
    .modulo:nth-child(2n+1)  .imagen:has(.swiper-slide)::after {           
        transform:scale(.9) rotate(8deg);
        left:2rem;
        
    }

    .modulo:nth-child(2n+1) .imagen img {
        clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);

        clip-path: url(#svgPath2);
         margin-left: auto;
    }*/

    /*.modulo .texto {
        padding-top:var(--s4);
        padding-bottom:var(--s4);
    }


     .modulo + .modulo {
        margin-top: var(--s6);
    }

    .modulo:last-child {
        padding-bottom:var(--s4);
    }*/
}








@media (min-width: 1200px) {
    .modulo .texto {
        padding-top: var(--s8);
        padding-bottom: var(--s8);
    }

   
}

footer {
    margin-top:var(--s4);
}

@media (min-width: 768px) {
    .container-footer {
        padding-top: var(--s4);
    }
    .container-footer .container-gea {
        
        grid-template-rows:1rem 1f 1fr var(--caciple);
    }

    .container-footer .b:nth-child(2) {
        display:none;
    }
    .container-footer .b:nth-child(1) {
        display:none;
    }
}
@media (min-width: 992px) {
    .container-footer {
        padding-top:0;
    }
    .container-footer .container-gea {
        
        grid-template-rows: 1px var(--caciple) 1fr var(--caciple);
        
    }

    .container-footer .container-logo-pie {
            grid-row: 3/4;
    }
}


.modulo ul li {
    /*list-style:url(../img/bullet.svg);*/
}


.modulo .texto > a {
    border-width: 2px;
    font-weight: 500;

}

    .modulo .texto > a svg {
        color:var(--primario-oscuro);
        transform:translateY(.07em);
    }

    .modulo .texto > :is(a:hover, a:focus) svg {
        color:#fff;
        
    }


    .modulo-destacados .listado > .wcard .texto {
        margin-top: 0;
    }

    .modulo:nth-child(2n+1) .texto .titulo {
        color: var(--modulo-titulo);
    }





:is( .main-inicio, .main-conocenos, .main-contacto) .modulo:first-of-type::before {
        content: none;
    }

    :is( .main-inicio, .main-conocenos, .main-contacto) .modulo:first-of-type::after {
        content: none;
    }

    :is( .main-inicio) .modulo:last-of-type::before {
        content: none;
    }

    :is( .main-inicio) .modulo:last-of-type::after {
        content: none;
    }



    :is( .main-inicio, .main-conocenos , .main-contacto) .modulo:first-of-type::before {
        content:none;
    }


.modulo-360 {
    margin-top:var(--s4);
}
@media(min-width:768px) {
    .modulo-360 {
        margin-top: var(--s8);
    }

}



.header .swiper-container .texto .titulo {
    line-height:1.1;
     text-shadow: 1px 1px 4px #333d, -1px 1px 4px #333d, 1px -1px 4px #333d, -1px -1px 4px #333d;
    letter-spacing: .02em;
    word-spacing: 0.1em;

}



/*BERMEJO*/
 .scrolled #link-inicio img {
     

        transform: scale(.4)translateY(44px);
        transform: scale(.8)translateY(-1px);
     
        
    }





.pre-nav {
    --nav-bg: hsl(var(--primario-h), 57%, 33%);  ;
    /*background: var(--nav-bg) !important;*/
    padding-top:0;
    color:#fff;
}

.horarios button {
    color: var(--prenav-color);
}
.horarios .texto {
    background:#eee6;
}
.pre-nav .horarios .texto li, .pre-nav .horarios .texto a {
    color:#666;
}






.titulo-h2,
.modulo .titulo, 
.modulo-galeria .titulo, 
.premios h2 {
    font-size:var(--font-size-6x);
}
.main-blog .listado-blog h2,
.modulo-destacados h2 {
    font-size:var(--font-size-5x);
}
.texto-principal .parrafada,
.modulo .parrafada,
.modulo .texto > a,
.main-blog .listado-blog header p.blog-subtitulo,
.main-blog .listado-blog .texto,
.main-blog nav.ultimas h2, 
.main-blog .tags-noticia h2 {
    font-size:var(--font-size-3x);
}
.main-blog .listado-blog header p.blog-fecha {
    font-size:var(--font-size-2x);
}

.modulo-destacados .listado > .wcard .titulo {
    font-size:var(--font-size-4x);
}


    .main-inicio .texto-principal-centrado {
        margin-bottom:var(--size-6x);
        padding-bottom:0;
        padding-top:var(--size-4x);
    }


.header .swiper-container .texto a {
    border:2px solid #333c;
}

    .header .swiper-container .texto a:hover, .header .swiper-container .texto a:focus {
        border:2px solid var(--slider-btn-hover-background);
    }


.header-otros .texto .titulo {
    font-weight: 600;
}



    .modulo .texto > a.dos-enlaces,
    .modulo .texto > a:nth-of-type(2) {
        margin-left:0;
        margin-right:0;
        transform:none;
    }
    .modulo .texto > a.dos-enlaces {
        display:inline-block;
        margin-right:1rem;
    }
    .modulo .texto > a:nth-of-type(2) {
        display:inline-block;
        
    }




:root {
    --altura-header:100vh;
    --altura-header:calc(95vh - 125px);

}

@media(min-width:992px) {
    .pre-nav {
        /*display:none;*/
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        background: rgba(255,255,255,0);
        --prenav-color:#eee;
    }

        .pre-nav li.barra-der {
            border-color: #ccc;
        }

        .pre-nav a:hover, .pre-nav a:focus {
            color: #fff;
        }

        .pre-nav.scrolled a:hover, .pre-nav.scrolled a:focus {
            color: #000;
        }


    .contnav {
        background: #ffff !important;
        background: rgba(255,255,255,0) !important;
        background: transparent !important;


        position:fixed;
        top:0;
        top:32px;
        left:0;
        right:0;

        border-color:rgba(255,255,255,0);
        border-color:transparent;
    }
}
.scrolled {
    backdrop-filter: blur(6px);
    background: rgba(255,255,255,.8)!important;


    --nav-primario:hsl(var(--primario-h), 3%, 33%);
    /*--nav-primario:#565;*/
    --nav-link-activo:var(--nav-primario);
    --prenav-color:var(--nav-primario);
}

.pre-nav.scrolled {
    border: none;
    box-shadow: none;
}



.header-otros picture {
    position:relative;
}

.header .swiper-slide::before,
.header-otros picture::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:100%;
    background: linear-gradient(to bottom, rgba(0, 10, 0, 0.3) 50%, #0000);
    background: linear-gradient(to bottom, rgba(0, 10, 0, 0.3) 113px, #0000 );
    mix-blend-mode: darken;
    z-index: 2;
}
.header .swiper-container .texto a svg {
    vertical-align:-.225em;
}




.header-mantener-proporciones picture {
    height:auto;
}

    .header-mantener-proporciones picture img {
        height: auto;
    }



.modulo a {
        text-underline-offset: 0.25em;
}

a.a-wa:first-of-type {
    color:#fff;
    border-radius:0;
    right:4.5em;
    font-weight:600;
    letter-spacing:.04em;
    text-decoration:none;
    border-radius:.5rem;
    font-size:1.25rem;
}


.container-direccion .icono-pie svg {
    margin-top:0;
}






@media(max-width:599px) {
    .modulo-destacados-v3 .listado {
        display: block;
        scroll-snap-type:none;
    }
}

@media(min-width:600px) and (max-width:767px) {
    .modulo-destacados-v3 .listado {
        display: grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));   
        grid-gap: 1rem;
    }
}

@media(min-width:768px) {
    .modulo-destacados-v3 .listado {
        grid-template-columns:repeat(3, minmax(0, 1fr));   
    }
}


.modulo-destacados-v3 {
    --destacados-icono-size:var(--size-8x);
}
    .modulo-destacados-v3 .listado {
        scroll-snap-type: none;
        overflow: unset;
    }
    .modulo-destacados-v3 .listado > .wcard {
        flex-direction:column;
        border:none;
        box-shadow:none;
        align-items: center;
        width: auto;
    scroll-snap-align: none;
    }

    .modulo-destacados-v3 .listado > .wcard{
        transition: transform 0.25s ease, color 0.25s ease;
    }
    
    .modulo .texto > a {
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out, transform 0.28s ease;
    }
        .modulo-destacados-v3 .listado > .wcard:hover,
        .modulo .texto > a:hover, .modulo .texto > a:focus {
            transform: scale(1.05) translateY(-2px);
        }
        .modulo-destacados-v3 .listado > .wcard .titulo {
            font-size: var(--font-size-3x);
            text-align:left;
        }
        .modulo-destacados-v3 .listado > .wcard .imagen svg {
            margin-right:0
        }

        .modulo-destacados-v3 .listado > .wcard .enlace {
            margin-top:0;
        }


@media(min-width:768px) {
    .modulo-destacados-v3 .listado > .wcard {
        justify-content: center;
        
        flex-direction:row;
    }

    .modulo-destacados-v3 .listado > .wcard .imagen svg {
            margin-right:var(--gap-2x)
        }
}




.header .swiper-slide.enlace-completo .texto{
    padding:0;
    height:100%;
    width:100%;
}

.header .swiper-slide.enlace-completo .texto :is(.titulo, .subtitulo){
    /*display:none;*/

    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .header .swiper-slide.enlace-completo .texto a {
        background:rgba(255,255,255, 0);
        width:100%;
        height:100%;
        border:none;

    }

    .header .swiper-slide.enlace-completo .texto a:hover,
    .header .swiper-slide.enlace-completo .texto a:focus,
    .header .swiper-slide.enlace-completo .texto a.focus {
        box-shadow:none;
    }

    .header .swiper-slide.enlace-completo .texto a svg{
        display:none;

    }


.header .swiper-container .texto .subtitulo, 
.header .swiper-container .texto .titulo {
    /*font-family: "Times New Roman", Times, serif;
    font-style:italic;
    text-transform: none;*/
}
.header .swiper-container .texto .titulo {
    font-size:min(9vmin, calc(3rem + 1.2vmax));
    line-height:1.2;
}


.header .swiper-container .texto .parrafada {
    margin-top:var(--s0);
    color: var(--slider-fuente-color-claro);
    font-size: var(--s2);
    line-height: 1.3;
    max-width: 50ch;
    margin-inline: auto;
}
.header .swiper-container .texto .parrafada > *{
    margin-bottom:0;
    margin-top:.5em;
}
.header .swiper-container .texto .parrafada :is(ul, ol) {
    list-style:none;
    padding:0;
}
.header .swiper-container .texto .parrafada li {
    margin-top:.5em;
    margin-bottom:0;
}


.header .swiper-container .texto.alferza-siniestra .parrafada {
    text-align:left;
    margin-inline:0;
    font-size:var(--font-size-6x);
    font-family: "Times New Roman", Times, serif;
    font-style:italic;
    max-width:27ch;
    line-height: 1.2;
}


.clausulas-contacto {
    margin-top:var(--s3);
    
}
    .clausulas-contacto > h3 {
        text-align: center;
    }

    .clausulas-contacto caption {
        caption-side:top;
    }

    .clausulas-contacto > *:not(h3) {
        max-width:80ch;
        margin-inline:auto;
    }

    .clausulas-contacto table a {
        text-decoration:underline;
    }

.migas {
    margin-bottom: var(--s3);
    margin-top: var(--s4);
}




@media (min-width: 768px) {
    .texto-principal-centrado .container-titulo {
 
        margin-bottom: var(--font-size-3x);
    }
}


section.modulo {
    background:var(--modulo2-background);
}


@media (min-width: 768px) {
    .modulo .imagen img {
        clip-path: url(#svgPath4);
    }
    .modulo:nth-child(2n+1) .imagen img {
        clip-path: url(#svgPath3);
    }
}


section.modulo + section.modulo {
    padding-top: var(--s2);

}

.main-inicio .texto-principal-centrado {
    padding-top: var(--font-size-5x);
}

/*@media (min-width: 992px) {
    .modulo .imagen {
        grid-column: 6/ -1;
    }
    .modulo .texto {
            grid-column: 1/ span 5;
    }

    .modulo:nth-child(2n+1) .imagen {
        grid-column: 1/ span 7;
    }

    .modulo:nth-child(2n+1) .texto {
        grid-column: 8/-1;
    }
}*/

footer {
            margin-top: 0;
            border:none;

        }
.sub-banners {
    padding-top:var(--s6);
    padding-bottom:var(--s6);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0px, #fff 67px);
            padding-bottom: var(--s9);
}

.nav-principal > ul > li > a:not(.btn) {
    border-radius:.5rem;
}





@media (min-width: 768px) {
    .modulo:nth-child(2n+1) .imagen {
        opacity: 0;
        transform: translateX(-50px);
        transition: transform 0.8s ease-out, opacity 0.8s ease-out;
    }

        .modulo:nth-child(2n+1) .imagen.in-view {
            opacity: 1;
            transform: translateX(0);
        }

    /* Pares (desde la derecha) */
    .modulo:nth-child(2n) .imagen {
        opacity: 0;
        transform: translateX(50px);
        transition: transform 0.8s ease-out, opacity 0.8s ease-out;
    }

        .modulo:nth-child(2n) .imagen.in-view {
            opacity: 1;
            transform: translateX(0);
        }
}

.modulo-galeria {
    padding-top: var(--s8);
    padding-bottom: var(--s8);
    grid-gap: var(--s4);
}

.modulo-galeria .galeria{
    
    grid-gap: var(--s4);
}
    .modulo-galeria .galeria a img {
        border-radius: 2rem;
    }



form.form-wit .w-form-group label {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.pre-nav-v2 {
    --prenav-color: hsl(var(--primario-h), 3%, 33%);
}
@media (min-width: 992px){
    .pre-nav a:hover, .pre-nav a:focus {
        color: #000;
    }
}

.contnav-v2 {
    --nav-primario:hsl(var(--primario-h), 3%, 33%);
    /*--nav-primario:#565;*/
    --nav-link-activo:var(--nav-primario);
}
@media(min-width:992px) {
    .migas-mt {
        margin-top: 9rem;
    }
}


.skip-link {
    top: -142px;
}

@media(max-width:767px) {
    #pre-link-facebook, .pre-link-tfno   {
        display:none;
    }
}