﻿:root {
    --modulo2-background:none;
    --decoracion-pie-arriba:var( --pie-bg); /*la decoración superior del pie*/

  --decoracion-pie-medio:var( --pie-bg); /*la decoración medio del pie*/

  --decoracion-pie-abajo:var( --pie-bg)   ; /*la decoración abajo del pie*/

      --modulo2-enlace-borde:hsl(var(--primario-h), var(--primario-s), 28%);
      --modulo2-enlace-color:hsl(var(--primario-h), var(--primario-s), 22%);
      --modulo2-enlace-parrafada-color:hsl(var(--primario-h), var(--primario-s), 28%);


       --modulo2-enlace-hover-borde:var(--primario);
    --modulo2-enlace-hover-background:var(--primario);
     --modulo-enlace-borde-hover:var(--modulo2-enlace-hover-borde);
    --modulo-enlace-background-hover:var(--modulo2-enlace-hover-background);


      --modulo-enlace-borde:var(--modulo2-enlace-borde);
      --modulo-enlace-color:var(--modulo2-enlace-color);

      --nav-primario:hsl(var(--primario-h), var(--primario-s), 28%);

      --prenav-color:hsl(var(--primario-h), 10%, 23%);
      --nav-primario:hsl(var(--primario-h), 40%, 23%);

      --modulo-titulo:hsl(var(--primario-h), var(--primario-s), 28%);
}


.contnav {
    border-bottom:none;
}

.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);
}
.modulo-destacados .listado > .wcard {
    padding-inline:1.5rem;
}
@media (min-width: 768px) {

    .main .texto-principal-centrado {
        padding-bottom:0;
    }

    .modulo-destacados .listado {
        gap:2.5rem;
    }

    .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:var(--primario);
        top:0;
        width:100%;
        height:100%;
        z-index:-1;
        left:0;
        transform:rotate(-10deg);
        border-radius: 1rem;
    }



    @-moz-document url-prefix() {
        @media(min-width:992px) {
            .modulo .imagen::after {
                max-width: 552px;
                max-height: 414px;
                left: 0;
                right: auto;
            }
            .modulo:nth-child(2n+1) .imagen::after {
                right: 0;
                left: auto;
            }
        }
    }
     .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::after {*/
    .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;
    }



    .header .swiper-container .texto .titulo {
        line-height: 1.1;
    }


    .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);
    }

}