/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*---INDICE---
0-Variables generales
1-Titulos
2-Textos
3-Botones
4-Header
5-Footer
6-Distancias
7-Secciones
8-Responsive
*/


/* 0 VARIABLES GENERALES */


@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

@font-face {
    font-family: 'MeshedDisplayExtLtSlant';
    src: url('fonts/MeshedDisplay-ExtLtSlant.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/MeshedDisplay-ExtLtSlant.otf') format('opentype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: MeshedDisplay-ExtraLight */@font-face {
    font-family: 'MeshedDisplayExtLt';
    src: url('fonts/MeshedDisplay-ExtraLight.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/MeshedDisplay-ExtraLight.woff2') format('opentype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


:root {
    --color-vino: #982B42 !important;
    --color-fondo: #ECE3BA !important;
    --color-amarillo: #FDF4DC !important;
    --color-negro: #000000 !important;
    --color-blanco: #ffffff !important;
    --tipografia: "Bricolage Grotesque", sans-serif !important;
    --tipografía-antigua: "JetBrains Mono", monospace !important;
    --tipografía-titulos:"MeshedDisplayExtLt" !important;
}

body {
    background-color: var(--color-fondo) !important;
    font-family: var(--tipografia) !important;
    line-height: normal !important;
}

ul {
    margin: 0 !important;
    list-style: none !important;
}
em{
    font-style: italic !important;
}

/* 1 TÍTULOS */
.elementor-heading-title {
    line-height: normal !important;
}
.mamerto-h1-inicio h1{
    font-size: 16px !important;
    font-weight: 100 !important;
    color: var(--color-vino) !important;
    font-family: var(--tipografía-antigua) !important;
}

.mamerto-h1-general h1{
    font-size: 48px !important;
    font-weight: 100 !important;
    color: var(--color-vino) !important;
    font-family: var(--tipografía-titulos) !important;
}
.mamerto-h1 h1{
    font-size: 55px !important;
    font-weight: 100 !important;
    color: var(--color-vino) !important;
    font-family: var(--tipografía-titulos) !important;
}
.mamerto-h1-historia h1{
    font-size: 70px !important;
    font-weight: 100 !important;
    color: var(--color-vino) !important;
    font-family: var(--tipografía-titulos) !important;
}

.mamerto-h2-inicio h2 {
    font-size: 48px !important;
    font-family: var(--tipografía-titulos) !important;
    font-weight: 400 !important;
    color: var(--color-vino) !important;
}
.mamerto-h2-premios h2 {
    font-size: 48px !important;
    font-family: var(--tipografía-titulos) !important;
    font-weight: 400 !important;
    color: var(--color-vino) !important;
}
.jet-animated-text__animated-text {
    font-size: 80px !important;
    font-family: var(--tipografía-titulos) !important;
    color: var(--color-vino) !important;
    line-height: 1.1em !important;
}

.jet-animated-text__animated-text-item {
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important;
}

.mamerto-h2-etiqueta h2 {
    color: var(--color-fondo) !important;
    font-size: 22px !important;

    background-color: var(--color-vino) !important;
    padding: 8px 12px !important;
    border-radius: 50px !important;
}

.mamerto-h3-inicio h3 {
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    color: var(--color-vino);
}

.mamerto-h3-tarjetas h3 {
    font-size: 22px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
}

.mamerto-h3-titulos h3 {
    font-size: 22px !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
}

.mamerto-h3-titulos h2 {
    font-size: 22px !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
}



.mamerto-h3-botones h3 {
    font-size: 22px !important;
    font-weight: 400px !important;
    text-transform: uppercase !important;
    color: var(--color-negro) !important;
}

.mamerto-h3-etiqueta h3 {
    font-size: 22px !important;
    text-transform: uppercase !important;
    color: var(--color-vino) !important;
    background-color: var(--color-amarillo) !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
}

.mamerto-h3-etiqueta-blanca h3 {
    font-size: 16px !important;
    text-transform: uppercase !important;
    color: var(--color-vino) !important;
    background-color: var(--color-fondo) !important;
    padding: 8px 18px !important;
    border-radius: 50px !important;
}
.mamerto-titulo-blog-post h3{
    font-size: 24px !important;
    font-weight: 100 !important;
    color: var(--color-vino) !important;
}

h5{
    margin-bottom: 0px !important;
    font-family: var(--tipografía-titulos) !important;
    font-weight: 100 !important;
    color: var(--color-blanco);
    font-size: 38px !important;
}

.mamerto-especialidades-grande .elementor-icon-list-text {
    font-size: 60px !important;
    font-weight: 200 !important;
    color: var(--color-vino) !important;
    font-family: var(--tipografía-titulos) !important;
}

.mamerto-especialidades-grande .elementor-icon-list-text:hover {
    color: #ba7673 !important;
    font-style: italic !important;
}

.timeline-item__point-content--text {
    font-size: 42px !important;
    font-family: var(--tipografía-titulos) !important;
    font-weight: 100 !important;
    color: var(--color-vino) !important;
}

/* 2 TEXTOS */


p {
    font-size: 19px !important;
    font-weight: 100 !important;
    margin-bottom: 0 !important;
    color: #b97572 !important;
}
.mamerto-etiqueta-producto p{
    font-size: 16px !important;
    font-weight: 200 !important;
    color: var(--color-vino)!important;
    border: 1px solid var(--color-vino) !important;
    border-radius: 50px !important;
    padding: 5px 15px !important;
}

.mamerto-texto-producto p{
    font-size: 14px !important;
    font-weight: 100 !important;
    color: var(--color-vino)!important;
    font-family: var(--tipografía-antigua) !important;
}

.mamerto-p-grande p {
    font-size: 24px !important;
    font-weight: 100 !important;
    color: var(--color-vino) !important;
}
.mamerto-p-grande-20 p {
    font-size: 20px !important;
    font-weight: 300 !important;
    color: var(--color-vino) !important;
}

.mamerto-texto-footer p, .elementor-icon-list-text {
    color: var(--color-blanco) !important;
    font-size: 16px !important;
    font-weight: 100 !important;
    list-style: none !important;
}

.mamerto-p-etiqueta p {
    font-size: 16px !important;
    text-transform: uppercase !important;
    color: var(--color-vino) !important;
    background-color: var(--color-amarillo) !important;
    padding: 8px 12px !important;
    border-radius: 50px !important;
}

.mamerto-p-selector p {
    color: var(--color-fondo) !important;
    font-size: 22px !important;
    text-transform: uppercase !important;
    background-color: var(--color-vino) !important;
    padding: 8px 12px !important;
    border-radius: 50px !important;
}

.mamerto-numero-instalaciones {
    font-size: 38px !important;
    font-weight: 400 !important;
    color: var(--color-blanco) !important;
    
}
.mamerto-texto-instalaciones p {
    font-size: 22px !important;
    font-weight: 400 !important;
    color: var(--color-blanco) !important;
    text-transform: uppercase !important;
}
.mamerto-p-subtitulos p{
    color: var(--color-vino) !important;
    font-size: 22px !important;
    text-transform: uppercase !important;
    font-weight: 300 !important;
}

.mamerto-p-nota-cata p {
    font-family: var(--tipografía-antigua) !important;
    font-size: 14px !important;
    color: var(--color-vino) !important;
    font-weight: 100 !important;
}

strong, b{
    color: var(--color-vino) !important;
    font-weight: 300 !important;
}

.age-gate__challenge {
	padding-bottom:20px !important;
}

/* 3 BOTONES */

.mamerto-boton .elementor-button {
    background-color: transparent !important;
    font-family: var(--tipografía) !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
    padding: 5px 0 !important;
    border-radius: 0px !important;
    color: var(--color-vino) !important;
    text-decoration: none !important; /* Cambiado de underline a none */
    position: relative;
    display: inline-block;
}
.mamerto-boton .elementor-button-icon svg {
    width: 8px !important;
    height: auto;
    stroke-width: 1.5px;
    margin-bottom: -1px !important;
}

.mamerto-boton .elementor-button::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -3px; /* Ajusta la posición vertical según sea necesario */
    left: 0;
    background-color: var(--color-vino);
    transform: scaleX(0);
    transform-origin: bottom left; /* Cambia el punto de origen de la transformación */
    transition: transform 0.3s ease-in-out;
}

.mamerto-boton .elementor-button:hover::after {
    transform: scaleX(1);
}

.mamerto-boton-descargar .elementor-button {
    background-color: transparent !important;
    font-family: var(--tipografía) !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
    padding: 0px 0 !important;
    border-radius: 0px !important;
    color: var(--color-vino) !important;
    text-decoration: none !important; /* Cambiado de underline a none */
    position: relative;
    display: inline-block;
    text-align: left;
    line-height: normal;
}
.mamerto-boton-descargar .elementor-button-icon svg {
    width: 8px !important;
    height: auto;
    stroke-width: 1.5px;
    margin-bottom: -1px !important;
    rotate: 90deg;
}

#bt1 .elementor-button-icon svg {
    width: 8px !important;
    height: auto;
    stroke-width: 1.5px;
    margin-bottom: -25px !important;
    rotate: 90deg;
}
.mamerto-boton-descargar .elementor-button::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -3px; /* Ajusta la posición vertical según sea necesario */
    left: 0;
    background-color: var(--color-vino);
    transform: scaleX(0);
    transform-origin: bottom left; /* Cambia el punto de origen de la transformación */
    transition: transform 0.3s ease-in-out;
}

.mamerto-boton-descargar .elementor-button:hover::after {
    transform: scaleX(1);
}


.mamerto-boton-rojo .elementor-button {
    background-color: transparent!important;
    font-family: var(--tipografía) !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    padding: 5px 15px !important;
    border-radius: 50px !important;
    color: var(--color-vino) !important;
    border: 1px solid var(--color-vino) !important;
}

.mamerto-boton-rojo .elementor-button:hover {
    background-color: var(--color-vino)!important;
    color: var(--color-blanco) !important;
    border: 1px solid var(--color-vino) !important;
}


.mamerto-boton-descarga .elementor-button {
    background-color: transparent!important;
    font-family: var(--tipografía) !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    padding: 5px 15px !important;
    border-radius: 50px !important;
    color: var(--color-vino) !important;
    border: 1px solid var(--color-vino) !important;
}

.mamerto-boton-descarga .elementor-button:hover {
    background-color: var(--color-vino)!important;
    color: var(--color-blanco) !important;
    border: 1px solid var(--color-vino) !important;
}
.fixed-buttons{
    display: flex;
    gap: 15px;
}

.fixed-buttons button {
    font-family: var(--tipografía) !important;
    font-weight: 300 !important;
    background: var(--color-fondo) !important;
    color: var(--color-vino) !important;
    border: 1px solid var(--color-vino) !important;
    border-radius: 50px;
    padding: 2px 15px !important;
    cursor: pointer !important;
    font-size: 18px !important;
    line-height: auto !important;
}
.fixed-buttons button:hover {
    background: var(--color-vino) !important;
    color: var(--color-blanco) !important;
}
.fixed-buttons button.active {
    background: var(--color-vino) !important;
    color: var(--color-blanco) !important;
}

/* 4 HEADER */

.mamerto-menu .elementor-nav-menu--main{
    font-size: 15px !important;
    font-weight: 400 !important;
    color: var(--color-vino) !important;
    text-transform: uppercase !important;
}
.mamerto-menu .elementor-nav-menu--main:hover{
    font-size: 15px !important;
    font-weight: 400 !important;
    color: var(--color-vino) !important;
    text-transform: uppercase !important;
}

.e-font-icon-svg .e-fas-angle-down {      /* Cambia el color de las flechas de desplegar menú */
    color: var(--color-vino) !important;
}

.mamerto-logo img {
    width: 150px !important; 
}

.elementor-nav-menu .sub-arrow {
    content: url(https://mamertodelavara.com/wp-content/uploads/2025/11/Vector.svg) !important;
    stroke-width: 1.5px !important;
    width: 25px!important;
}
.current-lang{
	background-color: var(--color-vino) !important;
}
.current-lang a{
	color: var(--color-fondo) !important;
}
 
/* 5 FOOTER  */
.mamerto-footer-background {
    background-color: var(--color-vino) !important;
}

/* 6 DISTANCIAS */

.mamerto-distancias {
    padding: 0 50px !important;
}

.mamerto-distancias-general {
    padding: 30px !important;
}
.mamerto-padding-interno{
    padding: 50px !important;
}

.mamerto-padding-interno-superior{
    padding: 50px 50px 15px 50px !important;
}

.mamerto-padding-interno-grande{
    padding: 30px 50px 40px 50px !important;
}

.mamerto-padding-titulos {
   padding: 15px 50px 10px 50px !important;  
}

.mamerto-distancias-50 {
    padding: 0 50px !important;
}

.mamerto-espacios{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.mamerto-espacios-inicial{
    padding-top: 120px !important;
    padding-bottom: 70px !important;
}
/* SECCIONES */

/* Sección destacada blanca */
.mamerto-seccion-blanca {
    background-color: var(--color-blanco) !important;
}
.mamerto-seccion-vino {
    background-color: var(--color-vino) !important;
}


.mamerto-botones-grandes {
    background-color: var(--color-amarillo) !important;
    border-radius: 12px !important;
    height: 75px !important;
}

.mamerto-tarjetas-amarillas {
    background-color: var(--color-amarillo) !important;
}

.rel-aspecto img {
    aspect-ratio: 5/4 !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.mamerto-img-tarjeta img{
    padding: 25px !important;
}

/*Sección inicio especialidades*/
.mamerto-especialidades .elementor-icon-list-text {
    font-size: 22px !important;
    font-weight: 200 !important;
    color: var(--color-vino) !important;
 
}

.mamerto-especialidades .elementor-icon-list-text:hover {
    color: #982B4250 !important;
}


.mamerto-seccion-entera{
    height: calc(100vh - 70px) !important;
}
.mamerto-seccion-entera-sostenibilidad{
    height: calc(100vh - 70px) !important;
}

.mamerto-imagen-grande{
    width: auto;
    height: calc(100vh - 190px);
}
.mamerto-seccion-vinos-personalizados{
    height: calc(100vh - 220px) !important;
}

/*Menu fijo*/
.menu-fijo .elementor-nav-menu--main .elementor-item{
    color: var(--color-vino) !important;
    background: var(--color-fondo) !important;
    padding: 5px 15px !important;
    border: 1px solid var(--color-vino) !important;
    border-radius: 50px !important;
}
.menu-fijo .elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: var(--color-blanco) !important;
    background: var(--color-vino) !important;
}

/*Page transition*/
.e-page-transition {
    z-index: 999999 !important;
}




/* 8-RESPONSIVE */

/* Ordenador pequeño  */
@media (max-width: 1399px) {

    .mamerto-h1 h1{
        font-size: 44px !important;
    }
    p {
        font-size: 16px !important;
    }
    .mamerto-p-grande p {
        font-size: 20px !important;
    }
    .mamerto-h1-general h1{
        font-size: 36px !important;
    }
    .mamerto-h2-inicio h2 {
        font-size: 36px !important;
    }
    

}

/* Ordenador full hd/ Mac 13' */
@media (min-width: 1441px) {
    .mamerto-seccion{
        border-left: 1px solid var(--color-vino) !important;
        border-right: 1px solid var(--color-vino) !important;
    }
    .mamerto-seccion-footer{
        border-left: 1px solid #ba7673 !important;
        border-right: 1px solid #ba7673 !important;
    }
}

/* pantallas grandes */
@media (min-width: 1921px) {
    .mamerto-seccion-entera-sostenibilidad{
        height: 850px !important;
    }
    
    .mamerto-seccion-entera{
        height: 850px !important;
    }
}

/* tablet horizontal */
@media (max-width: 1200px) {
    .mamerto-seccion-entera{
        height: auto !important;
    }
    .mamerto-seccion-entera-sostenibilidad{
        height: auto !important;
    }
    .mamerto-padding-interno{
        padding: 35px 20px !important;
    }
    .mamerto-padding-interno-grande{
        padding: 35px 20px 35px 20px !important;
    }
    .mamerto-padding-interno-superior{
        padding: 35px 15px 15px 15px !important;
    }
    .mamerto-padding-titulos {
        padding: 15px 20px 10px 20px !important;  
     }
     .mamerto-distancias-general {
        padding: 20px !important;
    }
    .mamerto-distancias-50 {
        padding: 0 20px 0 0 !important;
    }
    .jet-animated-text__animated-text {
        font-size: 50px !important;
        font-family: var(--tipografía-titulos) !important;
        color: var(--color-vino) !important;
        line-height: 1.1em !important;
    }
    .mamerto-menu .elementor-nav-menu--main{
        font-size: 13px !important;
    }
    .mamerto-boton-rojo .elementor-button {
        font-size: 20px !important;
    }
    .mamerto-p-grande-20 p {
        font-size: 17px !important;
    }
    .mamerto-boton-descargar .elementor-button {
        font-size: 17px !important;
    }
    .mamerto-numero-instalaciones {
        font-size: 32px !important;
        font-weight: 400 !important;
        color: var(--color-blanco) !important;
        
    }
}

/* tablet vertical */
@media (max-width: 810px) {
    .mamerto-boton-rojo .elementor-button {
        font-size: 15px !important;
    }
    .mamerto-h2-inicio h2 {
        font-size: 34px !important;
    }
    .mamerto-especialidades .elementor-icon-list-text {
        font-size: 16px !important;
    }
    .mamerto-especialidades-grande .elementor-icon-list-text {
        font-size: 48px !important;
    }
    .mamerto-boton .elementor-button {
        text-align: left !important;
    }
    .mamerto-logo img {
        width: 140px !important; 
    }
    .mamerto-menu span{
        font-size: 38px !important;
    }

}


/* Movil */
@media (max-width: 640px)  {
    .mamerto-padding-interno{
        padding: 35px 20px !important;
    }
    .mamerto-padding-interno-grande{
        padding: 35px 20px 35px 20px !important;
    }
    .mamerto-padding-interno-superior{
        padding: 35px 15px 15px 15px !important;
    }
    .mamerto-padding-titulos {
        padding: 15px 20px 10px 20px !important;  
     }
     .mamerto-distancias-general {
        padding: 20px !important;
    }
    .mamerto-distancias-50 {
        padding: 0 20px 0 0 !important;
    }
    .jet-animated-text__animated-text {
        font-size: 50px !important;
        font-family: var(--tipografía-titulos) !important;
        color: var(--color-vino) !important;
        line-height: 1.1em !important;
    }
    p {
        font-size: 18px !important;
    }
    .mamerto-p-grande p {
        font-size: 24px !important;
    }
    .mamerto-h2-inicio h2 {
        font-size: 44px !important;
    }
    .mamerto-h2-premios h2 {
        font-size: 34px !important;
    }
    .mamerto-h1 h1 {
        font-size: 44px !important;
    }
    .mamerto-h1-historia h1{
        font-size: 44px !important;
    }
    .mamerto-especialidades-grande .elementor-icon-list-text {
        font-size: 32px !important;
        font-family: var(--tipografía) !important;
    }
    .mamerto-especialidades .elementor-icon-list-text {
        font-size: 24px !important;
    }
    .mamerto-boton-descarga .elementor-button {
        font-size: 18px !important;
    }
    .mamerto-boton-rojo .elementor-button {
        font-size: 18px !important;
    }
    .mamerto-menu .elementor-nav-menu--main{
        font-size: 32px !important;
        font-weight: 200 !important;
        color: var(--color-vino) !important;
        text-transform: uppercase !important;
        padding: 15px !important;
        line-height: 35px !important;
    }
    span.elementor-heading-title.elementor-size-default{
        font-size: 27px !important;
        font-weight: 300 !important;
        color: var(--color-vino) !important;
        text-transform: uppercase !important;
        line-height: 30px !important;
        text-align: center !important;
    }
    .timeline-item__point-content--text {
        font-size: 20px !important;
    }
    .mamerto-boton .elementor-button::after {
        transform: scaleX(1); /* La línea siempre estará visible en dispositivos móviles */
    }
    #bt1 .elementor-button-icon svg {
        width: 8px !important;
        height: auto;
        stroke-width: 1.5px;
        margin-bottom: -1px !important;
        rotate: 90deg;
    }
    .mamerto-boton-descargar .elementor-button {
        font-size: 17px !important;
    }
}