.navegador{
    background: rgba(0, 0, 0, 0);
    z-index: 3;
    position: absolute;
    width: 100%;
}
.navegador .marca{
    width: 100%;
    max-width: 180px;
}
.navegador .links .active{
    color: #e4a459!important;
}
.navegador .links a{
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}
.navegador .cc{
    background: rgba(0, 0, 0, 0.3);
    padding: 10px 30px;
    border-radius: 5px;
    text-decoration: none;
    border: 1px solid #232323;
}
.slide {
    opacity: 0;
    transform: translateX(80px);

    animation: aparecerDer linear forwards;
    animation-timeline: view();
    animation-range: entry 15% cover 40%;
}

@keyframes aparecerDer {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.slide .opacidad{
    width: 100%;
    height: 100%;
    background: #000000;
    background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(8, 1, 1, 0) 100%);
    position: relative;
}
.slide .info_interior{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}
.slide button{
    z-index: 2;
}
.slide .carousel-item {
    height: 900px;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.slide .container .info{
    padding-top: 300px;
}
.slide .container .info h3{
  font-family: "Cinzel", serif;
  color: #fff;
  font-size: 50px;
}
.slide .container .info h3 {
    background: linear-gradient(
        235deg,
        #ffffff 0%,
        #ffffff 35%,
        #353AA2 50%,
        #ffffff 65%,
        #ffffff 100%
    );

    background-size: 300% 300%;
    background-position: 0% 0%;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    animation: diagonalShine 8s linear infinite;
}
@keyframes diagonalShine {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 100% 100%;
    }
}


.banner .carousel-item {
    position: relative;
    overflow: hidden;
    min-height: 700px; /* Ajusta la altura */
}

.banner .carousel-item::before {
    content: "";
    position: absolute;
    inset: 0;

    background: inherit;
    background-size: cover;
    background-position: center;

    transform: scale(1);
    animation: zoomBanner 50s ease-in-out infinite alternate;

    z-index: 1;
}

.banner .carousel-item > * {
    position: relative;
    z-index: 2;
}

@keyframes zoomBanner {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.55);
    }
}

.slide .container .info p{
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}
.slide .container .info a{
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    background: #353AA2;
    padding: 10px 30px;
    border-radius: 5px;
    text-decoration: none;
}
.banner .container .info{
    padding-top: 600px;
}
.banner .opacidad2{
    width: 100%;
    height: 100%;
    background: #000000;
    background: linear-gradient(0deg,rgba(0, 0, 0, 0.5) 0%, rgba(2, 0, 0, 0) 100%)!important;
    position: relative;
}
.banner h6{
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 34px;
}

.destacados{
    background: #000;
}
.destacados h2{
  font-family: "Cinzel", serif;
  color: #fff;
  font-size: 30px;
}
.destacados p{
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}
.destacados .titulo_per{
    padding-bottom: 180px;
}
.destacados .interior_per{
    border-radius: 20px;
}
.destacados h3{
    font-family: "Cinzel", serif;
    color: #fff;
    font-size: 16px;
}
.destacados h5,
.destacados .boton_detalle a{
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    text-decoration: none;
}
.buscador{
    background: #000;
}
.buscador .back_banner{
    border-radius: 15px;
}
.buscador h2{
    font-family: "Cinzel", serif;
    color: #fff;
    font-size: 30px;
}
.buscador p{
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}
.buscador .modulo{
    border: 1px solid #353AA2;
    border-radius: 15px;
}
.buscador .modulo2{
    background: #353AA2;
    border-radius: 15px;
}
.buscador .boton_detalle a{
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    background: #353AA2;
    padding: 10px 30px;
    border-radius: 5px;
    text-decoration: none;
}
.buscador .icono img{
    width: 100%;
    max-width: 50px;
}
.buscador .icono2 img{
    width: 100%;
    max-width: 70px;
}
.buscador .icono3 img{
    width: 100%;
    max-width: 35px;
}
.buscador .modulo{
    position: relative;
}
.buscador .modulo .opacidad{
    width: 100%;
    height: 100%;
    background: #000000;
    background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(8, 1, 1, 0) 100%);
    position: absolute;
    z-index: 0!important;
    left: 0;
    top: 0;
    border-radius: 15px;
}
.buscador a{
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    background: #353AA2;
    padding: 10px 30px;
    border-radius: 5px;
    text-decoration: none;
}
.esencias{
    background: #000;
}
.esencias h2{
  font-family: "Cinzel", serif;
  color: #fff;
  font-size: 20px;
}
.esencias p{
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
}
.esencias .titulo_per{
    padding-top: 65px;
}
.esencias .interior_per{
    border-radius: 20px;
}
.esencias h3{
    font-family: "Cinzel", serif;
    color: #fff;
    font-size: 30px;
}
.esencias h5,
.esencias .boton_detalle a{
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    text-decoration: none;
}
.interior_per {
    transition: transform .45s cubic-bezier(.22, 1, .36, 1),
                filter .45s cubic-bezier(.22, 1, .36, 1);
    transform: translateY(0);
    filter: grayscale(0%);
}

.interior_per:hover {
    transform: translateY(-10px);
    filter: grayscale(100%);
}
.vatras{
    background: #000;
    position: relative;
}
.vatras .boton{
    left: 0;
    position: relative;
    padding: 0;
}
.vatras a{
    margin-top: -20px;
    position: absolute;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    background: #353AA2;
    padding: 10px 30px;
    border-radius: 5px;
    text-decoration: none;
}



.banner2 .carousel-item {
    height: 500px;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.banner3 .carousel-item {
    height: 500px;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.banner3 .container .info{
    padding-top: 200px!important;
}
.categoria .container{
    margin-top: -80px;
}


.pie_pagina{
    background: #000;
}
.pie_pagina h5{
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}
.pie_pagina p{
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}
.pie_pagina a{
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}
.pie_pagina ul{
    padding: 0;
    list-style: none;
}

.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}