﻿/*******
Slider con texto
******/
.galeria-portada {
	 position:relative;
     padding-bottom:var(--padding-v);
}
.galeria-portada:not(.sw) .swiper-lazy-preloader{
	display:none;
}
.galeria-portada > div{
    position:relative;
    overflow:hidden;
}

.galeria-portada .galeria-portada__overlink{
    display:flex;
    flex-direction:column-reverse;
    pointer-events:none;
	text-decoration:none;
	color:inherit;
}
.galeria-portada .galeria-portada__overlink[href=""]{
    pointer-events:none;
}
.galeria-portada .galeria-portada__img {
    position: relative;
    overflow: hidden;
    position: relative;
    background-image: none !important;
    border-radius:40px 0 0 40px;
    margin-left: auto;
    width:100%;
    max-width:calc(100% - var(--padding-h));
}

.galeria-portada.galeria-portada--small .galeria-portada__img{
    min-height:200px;
}

.galeria-portada .galeria-portada__img{
    pointer-events: auto;
}
.galeria-portada .galeria-portada__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.galeria-portada .galeria-portada__inner {
    display:flex;
    pointer-events: auto;
    flex-direction:column;
    justify-content:center;
    padding:var(--header-height) var(--padding-h) var(--padding-h);

} 


.galeria-portada .galeria-portada__info {
    align-self: flex-end;
    width: 100%;
         padding:var(--padding-h) 0 0;

}

.galeria-portada .galeria-portada__title:not(:last-child) {
    margin: 0 0 0.75rem;
}

.galeria-portada .galeria-portada__title .title {
    font-family:var(--font2);
    font-size:var(--font-xxl);
    margin: 0;
}
.galeria-portada .galeria-portada__title .title span{
    
}

.galeria-portada .galeria-portada__desc {

}
.galeria-portada .galeria-portada__desc:not(:last-child) {
    margin: 0 0 1rem;
}

.galeria-portada .galeria-portada__link .button {
    font-size:var(--font-xs);
}



/* Textos - Modificar tamaños*/
.galeria-portada .galeria-portada__title {
}

.galeria-portada .galeria-portada__desc {
    font-size:1.1rem;
}

.galeria-portada .galeria-portada__link a {
}



/*******
Flechas
*******/
.galeria-portada .swiper-button-prev:after, .galeria-portada .swiper-button-next:after {
    display: none;
}

.galeria-portada .swiper-button-next, .galeria-portada .swiper-button-prev {
    background-image: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 40px;
    line-height: 100%;
    height: auto;
    width: auto;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.64);
}

.galeria-portada .swiper-button-prev:before {
    content: "\f053";
    font-weight: 400;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
}

.galeria-portada .swiper-button-next:before {
    content: "\f054";
    font-weight: 400;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
}

.galeria-portada .swiper-button-next, .galeria-portada .swiper-button-prev {
    display: none;
}
.galeria-portada .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    transition:width 300ms  ease;
}
.galeria-portada .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background: #000;
    opacity: 0.5;
    transform:scale(1);
}

.galeria-portada .swiper-pagination-bullets {
    right:var(--padding-h);
    left:inherit;
    top:12px;
    width: auto;
    bottom: inherit;
    line-height: var(--line-height);
}


@media screen and (max-width: 821px) {
	.swiper-slide {background:var(--light)}
}


@media screen and (min-width: 821px) {

    .galeria-portada .galeria-portada__overlink {
        position: relative;
        display: grid;
        grid-template-columns:1fr 1fr;
    }
    .galeria-portada .galeria-portada__inner {
        grid-column:1;
        grid-row:1;
        padding:var(--header-height) var(--padding-h);
		background:Var(--light)

    } 

    .galeria-portada .galeria-portada__info {
         padding:var(--header-height) 0 var(--padding-h) 0;
		  max-width: calc((var(--max-width) / 2) - var(--padding-h));
    }
    .galeria-portada .galeria-portada__img {
        grid-column:2;
        grid-row:1;
        max-width:100%;
    }
    .galeria-portada .galeria-portada__link .button{
        margin-bottom:0;
    }
    .galeria-portada .swiper-pagination-bullets {
        top:inherit;
        left:calc(50% - (var(--padding-h) * 2));
        transform:translateX(-50%);
        width: auto;
        right:inherit;
        bottom: var(--padding-h);
    }
    .galeria-portada .galeria-portada__img{
        min-height:75vh;
        max-height:800px;
        border-radius:0 ;
    }
    .galeria-portada.galeria-portada--small .galeria-portada__img{
       min-height:60vh;
    }

}
