/*
Theme Name: QTZ Marketing Child
Theme URI: https://qtzmarketing.com
Template: generatepress
Author: QTZ Desarrollo
Description: Personalización del Theme GeneratePress GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 0.3.0
Updated: 2023-08-22 11:08

*/

/**
ACUERDA DE LOS PLUGINS PERSONALIZADOS WOOQTZCUSTOMS, QTZBLOG, NEWWIDGETZONE ****
**/
/*@import url("./fonts/stylefonts.css");*/
/*@import url("./formateo.css");*/
/*@import url("./siteheader.css");*/
/*@import url("./footer.css");*/

/*@import url("./tooltip.css");*/

/*@import url("./formularios.css");*/
/*@import url("./paginas.css");*/

/*@import url("./helplers.css");*/

/*@import url("./medias.css");*/
/*html {
    background-color: red;
    overflow: hidden;
}*/


:root {
    --site-width: 1400px;

    /* Colores */
    --color-primario: #222;
    --color-secundario: var(--color-negro);

    --color-negro: #000;
    --color-blanco: #ffffff;
    --color-gris: #d9d9d9;

    --color-parrafo: var(--color-negro);
    --color-parrafo-blanco: var(--color-blanco);

    --color-link: var(--color-secundario);
    --color-link-hover: var(--color-primario);

    --color-nav: var(--color-primario);
    --color-nav-hover: var(--color-secundario);

    --boton-std: var(--color-secundario);
    --boton-std-hover: transparent;
    --boton-txt: var(--color-blanco);
    --boton-txt-hover: var(--boton-std);
    --boton-radius: 3px;
    --boton-border-width: 2px;

    --color-background: var(--color-blanco);
    /* Footer */
    --color-footer-bg: var(--color-negro);
    --color-txt-footer: var(--color-blanco);
    --color-link-footer: var(--color-blanco);
    --color-link-hover-footer: var(--color-gris);

    /* Tipografia */
    --font-titulos: 'Podkova', serif;
    --font-textos: var(--font-titulos);
    --font-nav: var(--font-textos);
    --font-alt:  var(--font-textos);
    --font-iconos: 'fontawesome';

    --weight-thin: 100;
    --weight-extralight: 200;
    --weight-light: 300;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-extrabold: 800;
    --weight-black: 900;

    /* Tamanno fuentes */
    --font-size-standard: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    /*--font-size-standard: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));*/
    /*font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
    --font-size-title-1: calc(30px + (60 - 30) * ((100vw - 480px) / (1920 - 480)));
    --font-size-title-2: calc(20px + (34 - 20) * ((100vw - 480px) / (1920 - 480)));

    /*Margenes Standard*/
    --margin-null: 0;
    --margin-min: 1.25vmax;
    --margin-regular: 2.5vmax;
    --margin-max: 4vmax;

    /*Margen para los site-header */
    --margin-siteheader: calc((119px + 44px) * -1);
    --margin-siteheader-md: calc((100px + 40px) * -1);

    /* Altura min. para los header */
    --min-header-height: 60vh;
    --min-header-height-md: 60vh;

    /* Degradado */
    --std-gradient:  linear-gradient(
        180deg,
        rgba(255, 255, 255, 1) 20%,
        rgba(255, 255, 255, 0) 100%
        );

    /*Sombra*/
    --shadow-std: 0px 6px 20px 0px rgba(0, 0, 0, 0.35);
    --shadow-inset: inset 3px 4px 8px 0px rgba(17, 17, 17, 0.2);

    /* otros */
    --transition-vel: 0.25s;
}

::selection {
    background: var(--color-secundario);
    color: var(--color-blanco);
}

.oculta {
    display: none;
}

@media only screen and (min-width: 1921px) {
    :root {
        --font-size-standard: calc(20px + (26 - 20) * ((100vw - 1920px) / (2560 - 1920)));
        /*font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
        --font-size-title-1: calc(60px + (70 - 60) * ((100vw - 1920px) / (2560 - 1920)));
        --font-size-title-2: calc(34px + (58 - 34) * ((100vw - 1920px) / (2560 - 1920)));
    }
}
#wpadminbar {
    width: 100%;
    margin: auto;
}

/*******************************************************************************/
/***************************************************************** FORMATEO ****/
/*******************************************************************************/

/*******************************************************************************/
/***********************************************************      GENERAL   ****/
/*******************************************************************************/
html {
    font-family: var(--font-textos);
    font-size: var(--font-size-standard);
}
body {
    font-family: var(--font-textos) !important;
    font-size: 1rem !important;
    color: var(--color-parrafo);
    font-weight: var(--weight-regular);
}
p, a, ul, li {
    font-family: var(--font-textos);
    line-height: 1.4;
    list-style: none;
    font-size: 1rem;
    /*font-size: 0.85rem;*/
    letter-spacing: 0.04em;
    transition: all var(--transition-vel) ease-in-out;
}
i {
    font-size: 1rem;
    font-family: var(--font-iconos)!important;
    font-style: normal;
    /*margin: 0 5px 0 12px;*/
    font-weight: 500 !important;
    transition: all var(--transition-vel) ease-in-out;
}
a, p a {
    color: var(--color-link);
    font-weight: var(--weight-bold);
}
a i {
    color: var(--color-link);
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover i,
a:hover {
    color: var(--color-link-hover);
}
h1 {
    font-family: var(--font-titulos) !important;
    color: var(--color-parrafo);
    /*font-size: 3rem !important;*/
    font-size: var(--font-size-title-1) !important;
    letter-spacing: 0.025em;
    margin-top: var(--margin-min);
    margin-bottom: var(--margin-min);
    line-height: 1;
    transition: color var(--transition-vel) ease-in-out;
    font-weight: var(--weight-bold);
    /*text-transform: uppercase;*/
}
h2, h3, h4, h5, h6 {
    font-family: var(--font-titulos);
    color: var(--color-parrafo);
    line-height: 1.2;
    transition: color var(--transition-vel) ease-in-out;
    margin-top: 0em;
    margin-bottom: 0.5em;
    font-weight: var(--weight-bold);
}
h2 {
    font-weight: var(--weight-bold);
    /*font-size: 2.3rem;*/
    font-size: var(--font-size-title-2);
    color: var(--color-parrafo);
    letter-spacing: 0.05em;
    /*text-transform: uppercase;*/
}
h3 {
    color: var(--color-parrafo);
    font-size: 1.4rem;
    line-height: 1.3;
}
h4 {
    font-size: 1.3rem;
    font-family: var(--font-alt);
}
h5,
h6 {
    font-family: var(--font-alt);
    font-size: 1.2rem!important;
}
h6 {
    font-size: 1rem!important;
    font-family: var(--font-textos);
    font-style: oblique;
    font-weight: var(--weight-regular);
}
ol, ul {
    margin: 1.5em 0 1.5em 0em;
}
/***********************************************************    ./General   ****/


/*******************************************************************************/
/***********************************************************   CONTENEDOR   ****/
/*******************************************************************************/
.vc_row {
    margin-left: 0!important;
    margin-right: 0!important;
}
.vc_column_container {
    width: 100%;
}
.separate-containers .comments-area,
.separate-containers .inside-article,
body:not(.category) .separate-containers .page-header,
.separate-containers .paging-navigation {
    /*padding: calc(var(--margin-regular) - 10px);*/
    padding: 0 calc(var(--margin-regular) - 10px);
}
.separate-containers .site-main {
    margin: 0 0 2.5vmax 0;
}
.header-pag {
    background-color: var(--color-primario);
    padding: var(--margin-max) var(--margin-regular);
    justify-content: center;
}
.header-pag .header-column {
    text-align: center;
}
@media (max-width: 768px) {
    .header-pag.vc_row-o-full-height {
        min-height: 30vw!important;
    }
}
.contenedor {
    margin-top: var(--margin-max);
    margin-bottom: var(--margin-max);
}
@media (min-width: 600px) {

    .contenedor {
        padding-right: var(--margin-regular);
        padding-left: var(--margin-regular);
    }
    .contenedor .contenedor-columna {
        padding: var(--margin-min);
    }
}
/***********************************************************./Contenedores  ****/


/*******************************************************************************/
/***********************************************************       WIDGET   ****/
/*******************************************************************************/
.widget-title {
    /*font-family: var(--font-alt);*/
    font-weight: var(--weight-semibold);
    font-size: 1.2rem;
    color: var(--color-secundario);
    letter-spacing: 0;
    line-height: 1.2;
}
.sidebar .widget ul li a {
    color: var(--color-primario);
    /*font-family: var(--font-alt);*/
    font-weight: var(--weight-regular);
    font-size: 0.85rem;
}
.sidebar .widget ul li a:hover {
    color: var(--color-secundario);
}
.widget_categories a[href*="/sin-categoria/"],
.cat-links a[href*="/sin-categoria/"] {
    display: none;
}
.sidebar .widget {
    background-color: var(--color-blanco);
    box-shadow: 0px 0px 7px rgb(0 0 0 / 20%);
    padding: var(--margin-regular);
    margin-bottom: var(--margin-min);
}
/* busqueda */
.search-form label {
    width: 100%;
}
.search-submit {
    padding: 0 1em;
    margin-left: 1em;
}

/*******************************************************************************/
/***********************************************************    ELEMENTOS   ****/
/*******************************************************************************/
/**** Reset js_composer ****/
.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0!important;
}
.vc_column_container>.vc_column-inner {
    padding-left: 0!important;
    padding-right: 0!important;
}
/**** Ultimate Layouts ****/
.fa {
    font-family: var(--font-iconos) !important;
}
.ultimate-layouts-container.ultimate-layouts-global-carousel-settings .pagination-prev,
.ultimate-layouts-container.ultimate-layouts-global-carousel-settings .pagination-next {
    background-color: var(--color-background)!important;
    border: 1px solid var(--color-secundario);
    box-shadow: var(--shadow-std);
    color: var(--color-parrafo)!important;
    transition:
        background-color var(--transition-vel) ease-in-out,
        color var(--transition-vel) ease-in-out,
        opacity var(--transition-vel) ease-in-out,
        visibility var(--transition-vel) ease-in-out!important;
    -webkit-transition:
        background-color var(--transition-vel) ease-in-out,
        color var(--transition-vel) ease-in-out,
        opacity var(--transition-vel) ease-in-out,
        visibility var(--transition-vel) ease-in-out!important;
}

.ultimate-layouts-container.ultimate-layouts-global-carousel-settings .pagination-prev:hover,
.ultimate-layouts-container.ultimate-layouts-global-carousel-settings .pagination-next:hover {
    background-color: var(--color-secundario)!important;
    color: var(--color-blanco)!important;
}
/**** ./Ultimate Layouts ****/

/**** Constructor de Cuadricula ****/

/* Caja Productos */
.caja-producto .vc_general.vc_btn3,
.caja-producto .vc_btn3 {
    min-width: 100%!important;

    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}
.caja-producto .botones-producto {
    padding: 0;
}
/* Caja Blog */
.elemento-blog {
    max-width: 450px;
    margin: var(--margin-regular) auto 0;
}

/**** Carrito en la barra de navegación ****/
#wpmenucartli a.wpmenucart-contents {
    text-transform: unset!important;
    letter-spacing: 0!important;
    font-size: 0.7rem!important;
}
/***********************************************************  ./Elementos   ****/


/*******************************************************************************/
/***********************************************************      BOTONES   ****/
/*******************************************************************************/

.btn,
.vc_btn3,
.popupaoc-button,
button[class*="vc_btn"],
input[type=submit],
input.wpcf7-form-control.wpcf7-submit,
.vc_general.vc_btn3 {
    /* texto */
    font-family: var(--font-textos)!important;
    font-weight: var(--weight-regular) !important;
    font-size: 1.1rem !important;
    color: var(--boton-txt) !important;
    line-height: 1.5em!important;
    text-transform: uppercase;
    /* maquetación */
    margin-top: 1.5em;
    margin-right: 0em;
    margin-bottom: 0.5em;
    margin-left: 0;
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
    min-width: calc(150px + (250 - 150) * ((100vw - 320px) / (1920 - 320))) !important;
    /* background */
    background-color: var(--boton-std)!important;
    background-image: unset!important;
    /*backdrop-filter: blur(10px);*/

    /* borde */
    border: unset;
    border-radius: var(--boton-radius) !important;
    border-width: var(--boton-border-width) !important;
    border-style: solid !important;
    border-color: var(--boton-std) !important;
    /* otros */
    transition: all var(--transition-vel) ease-in-out!important;
    box-shadow: none;
}
.avwp-av button.yes {
    background-color: var(--boton-std)!important;
}

.white-btn .btn,
.white-btn .vc_btn3,
.white-btn .popupaoc-button,
.white-btn button[class*="vc_btn"],
.white-btn input[type=submit],
.white-btn input.wpcf7-form-control.wpcf7-submit,
.white-btn .vc_general.vc_btn3 {
    border-color: var(--color-blanco) !important;
    background-color:  var(--color-blanco) !important;
    color: var(--color-primario)!important;
}
.dark-btn .btn,
.dark-btn .vc_btn3,
.dark-btn .popupaoc-button,
.dark-btn button[class*="vc_btn"],
.dark-btn input[type=submit],
.dark-btn input.wpcf7-form-control.wpcf7-submit,
.dark-btn .vc_general.vc_btn3 {
    border-color: var(--color-negro) !important;
    background-color:  var(--color-negro) !important;
    color: var(--color-blanco)!important;
}
.transparent-btn .btn,
.transparent-btn .vc_btn3,
.transparent-btn .popupaoc-button,
.transparent-btn button[class*="vc_btn"],
.transparent-btn input[type=submit],
.transparent-btn input.wpcf7-form-control.wpcf7-submit,
.transparent-btn .vc_general.vc_btn3 {
    border-color: var(--color-primario) !important;
    background-color:  transparent !important;
    color: var(--color-primario)!important;
}

.bg-btn .vc_btn3 {
    border-color: var(--color-background)!important;
    background-color:  var(--color-background) !important;
    color: var(--color-secundario)!important;
}

.btn:hover,
.vc_btn3:hover,
.popupaoc-button:hover,
button[class*="vc_btn"]:hover,
input[type=submit]:hover,
input.wpcf7-form-control.wpcf7-submit:hover,
.vc_general.vc_btn3:hover,
.avwp-av button.yes:hover {
    border-color: var(--boton-std) !important;
    background-color:  var(--boton-std-hover) !important;
    color: var(--boton-txt-hover) !important;
    /*border-radius: 5px !important;*/
}
.bg-btn .vc_btn3:hover {
    border-color: var(--boton-std) !important;
    background-color:  var(--boton-std-hover) !important;
    color: var(--boton-txt-hover) !important;
}
.contenedor[class*="bg-"]:not(.bg-blanco) .bg-btn .vc_btn3:hover {
    border-color: var(--color-blanco) !important;
    background-color:  var(--boton-std-hover) !important;
    color: var(--color-blanco) !important;
}
.transparent-btn .btn:hover,
.transparent-btn .vc_btn3:hover,
.transparent-btn .popupaoc-button:hover,
.transparent-btn button[class*="vc_btn"]:hover,
.transparent-btn input[type=submit]:hover,
.transparent-btn input.wpcf7-form-control.wpcf7-submit:hover,
.transparent-btn .vc_general.vc_btn3:hover {
    background-color:  var(--color-primario) !important;
    color: var(--color-blanco)!important;
}
/* Extras */
.mt-null .vc_btn3,
.mt-null .vc_general {
    margin-top: var(--margin-null);
}
.mb-null .vc_btn3,
.mb-null .vc_general {
    margin-bottom: var(--margin-null);
}
.ml-null .vc_btn3,
.ml-null .vc_general {
    margin-left: var(--margin-null);
}
.mr-null .vc_btn3,
.mr-null .vc_general {
    margin-right: var(--margin-null);
}


/***********************************************************      ./Botones ****/

/*******************************************************************************/
/*********************************************************** TEXTOS LEGALES ****/
/*******************************************************************************/

.legales {
    font-size: 1rem !important;
    color: var(--color-parrafo)!important;
    line-height: 1.3;
    text-align: justify;
    margin: var(--margin-max) 0 !important;
}
.legales h1 {
    font-size: 2rem !important;
    letter-spacing: 0.1em;
    color: var(--color-parrafo)!important;
    text-align: center;
    text-transform: uppercase;
}
.legales h2 {
    font-size: 1.4rem !important;
    letter-spacing: 0.05em;
    margin-top: 50px;
    color: var(--color-parrafo)!important;
    font-weight: var(--weight-black);
}
.legales h3,
.legales #cmplz-document h2 {
    font-weight: var(--weight-bold);
    margin-top: 35px !important;
    font-family: var(--font-textos);
    font-size: 1.2rem !important;
    line-height: 1.5;
    padding-bottom: 0 !important;
    border-bottom-width: 0px !important;
    letter-spacing: 0.05em;
    color: var(--color-parrafo)!important;
}
.legales h4 {
    margin-top: 35px;
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--color-parrafo)!important;
}
.legales p {
    /*font-size: 0.8rem;*/
    line-height: 1.3;
    margin: 15px 0;
}
.legales ol,
.legales ul {
    margin-left: 35px !important;
}
.legales ul li,
.legales ol li {
    margin: 10px 0;
}
.legales p,
.legales ol,
.legales ul,
.legales ul li,
.legales ol li {
    font-family: var(--font-alt)!important;
    list-style: disc;
}
.legales p strong {
    font-family: var(--font-textos);
    font-size: 1.2rem !important;
    letter-spacing: 0.05em;
}

/*Cookies*/
#cmplz-document {
    font-size: 0.8rem;
    margin-top: 0;
    max-width: 100%!important;
    text-align: justify;
}
#cmplz-document a {
    font-size: 0.8rem;
}
#cmplz-document > p > i {
    font-size: 0.8rem;
    font-family: var(--font-alt);
}

#cmplz-cookies-overview h3 {
    font-weight: var(--weight-regular);
    margin-top: 0 !important;
    font-size: 0.85rem !important;
}
#cmplz-cookies-overview .cmplz-dropdown-cookiepolicy h4 {
    /*    color: var(--color-primario)!important;
        display: inline-block;
        width: fit-content;*/
    margin-top: 10px;
    margin-bottom: 0;
}
#cmplz-cookies-overview .cmplz-dropdown-cookiepolicy h4:after {
    content: ':';
}
#cmplz-cookies-overview .cmplz-dropdown-cookiepolicy .cookies-per-purpose h4:after {
    content: '';
}
#cmplz-cookies-overview p {
    margin-top: 0px;
    margin-bottom: 0;
    /*display: inline-block;*/
}
#cmplz-cookies-overview p a {
    font-weight: var(--weight-regular);
    font-family: var(--font-alt);
    font-size: 0.8rem;
}
.cmplz-service-desc {
    margin: var(--margin-min) 0;
}
.cookies-per-purpose div.name-header,
.cookies-per-purpose div.name {
    display: inline-block;
}
/*.cookies-per-purpose div.name-header,
.cookies-per-purpose div.retention-header,
.cookies-per-purpose div.function-header {
    width: 15%;
    float: left;
    display: inline-block;
}*/
/*.cookies-per-purpose div.name,
.cookies-per-purpose div.retention,
.cookies-per-purpose div.function {
    width: 80%;
     float: right;
    display: inline-block;
}*/
.cookies-per-purpose div.name-header,
.cookies-per-purpose div.retention-header,
.cookies-per-purpose div.function-header,
.cookies-per-purpose div.name,
.cookies-per-purpose div.retention,
.cookies-per-purpose div.function {
    padding: 7px!important;
}
.cookies-per-purpose h5,
.cookies-per-purpose p,
.cookies-per-purpose a,
.cookies-per-purpose div.retention,
.cookies-per-purpose div.function {
    font-size: 0.8rem!important;
    font-family: var(--font-alt)!important;
    color: var(--color-parrafo);
}
.cookies-per-purpose {
    background-color: #f4f4f4;
}
.cookies-per-purpose .purpose {
    background-color:  var(--color-blanco)!important;
}
.cookies-per-purpose div:not(.purpose) {
    padding-left: 10px;
}

/* Banner cookies */
#cmplz-manage-consent .cmplz-manage-consent {
    background-color: var(--color-link)!important;
    color: var(--color-blanco)!important;
    font-weight: var(--weight-medium)!important;
}
/********************************************************* /.Textos legales ****/


/*******************************************************************************/
/*************************************************************** SITEHEADER ****/
/*******************************************************************************/


.site-header .inside-header,
.main-navigation,
.main-navigation ul ul {
    background-color: var(--color-blanco);
}
.top-bar {
    background-color: var(--color-secundario);
}
body:not(.single-post) .container.grid-container {
    margin-top: 0;
}

/*******************************************************************************/
/***********************************************************      NAV BAR   ****/
/*******************************************************************************/
.top-bar,
.site-header .inside-header {
    box-shadow: -1px 5px 10px -1px rgba(0,0,0,0.5);
}

/* limpia los estilos del plugin teamvision, que afectan a la nav-bar */
nav ul li.current_page_item {
    background: transparent;
}
nav ul li {
    display: inline-block;
    float: left;
}
nav ul li a:hover {
    background: transparent;
}
/* MAIN NAV */
.inside-header {
    padding: var(--margin-min) var(--margin-regular);
}
/* maquetacion */
#site-navigation {
    flex: 2 1 auto;
}
#primary-menu {
    flex: 2 1 auto;
    display: inherit;
    justify-content: flex-end;
}
#primary-menu > ul {
    justify-content: flex-end;
}
#primary-menu > ul {
    /*    border-top: 4px solid var(--color-blanco);
        border-bottom: 4px solid transparent;
        width: fit-content;
        padding-top: 1em;*/
}

/* formato */
@media only screen and (min-width: 768px) {
    .main-navigation .main-nav > ul > li:not(:first-child) {
        border-left: 1px solid var(--color-nav);
    }
}
.site-header .header-image {
    max-width: 150px;
}
.main-navigation .main-nav ul li a,
.main-navigation a {
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1.1rem;
    font-family: var(--font-nav);
    font-weight: var(--weight-bold);
    line-height: 2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.menu-item-has-children .dropdown-menu-toggle {
    padding-left: 0.3em;
    padding-right: 0.8em;
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
    line-height: 2;
    color: var(--color-nav);
}
/*.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover {
    border-bottom-color: var(--color-nav-hover)!important;
}*/
.main-navigation .main-nav > ul > li > a:after {
    content: '';
    height: 10px;
    display: -webkit-box;
    background-repeat: no-repeat;
    text-align: center;
    margin-left: 0px;
    background-size: 70px;
    transition: opacity var(--transition-vel) ease-in-out;
    background-image: url(https://bodegasmalgor.com/wp-content/uploads/2023/08/subrayado.png);
    opacity: 0;
}
.main-navigation .main-nav > ul > li[class*="current-menu-"] > a:after,
.main-navigation .main-nav > ul > li:not([class*="current-menu-"]):hover > a:after{
    opacity: 1;
}
.main-navigation .main-nav > ul > li[class*="current-menu-"]:not(:last-child) {
    /*border-left-width: 0px;*/
    border-right-width: 0px;
}
.main-navigation .main-nav > ul > li[class*="current-menu-"]:first-child {
}
.main-navigation .main-nav > ul > li[class*="current-menu-"] > a {
    font-weight: var(--weight-bold);
    color: var(--color-nav);
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a,
.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {
    color: var(--color-nav-hover);
}

/* MEGA MENU */

/* DROPDOWN */
.main-navigation ul ul.sub-menu {
}
.main-navigation .main-nav ul.menu ul.sub-menu {
    width: 300px;
    padding: calc(var(--margin-min) / 2);
    box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.4);
    margin-left: 1em;
}
.main-navigation .main-nav ul.menu ul.sub-menu li {
    border-left: 2px solid transparent;
}
.main-navigation .main-nav ul.menu ul.sub-menu li:hover {
    border-left-color: var(--color-nav-hover);
}
.main-navigation .main-nav ul.menu ul.sub-menu li a {
    font-size: 0.85rem;
}

/* MENU MOVIL */
button.menu-toggle:hover, button.menu-toggle:focus {
    color: var(--color-nav-hover);
}
.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus,
.has-inline-mobile-toggle #site-navigation.toggled {
    background-color: rgba(0, 0, 0, 0.0);
}

/* TOP BAR */
.inside-top-bar {
    padding: 7px 5%;
}
.top-bar {
    background-color: var(--color-secundario);
}
.top-bar li:not(:last-child) {
    border-right: 1px solid var(--color-blanco);
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin: 0;
    transition: border-color var(--transition-vel) ease-in-out;
}
.top-bar p,
.top-bar a,
.top-bar a i {
    color: var(--color-blanco);
    font-size: 0.85rem;
    font-weight: var(--weight-semibold);
    margin-bottom: 0!important;
}
.top-bar ul:not(.datos-contacto) a {
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.top-bar a i {
    font-size: 1rem;
    font-family: var(--font-iconos);
}
.top-bar li a:hover {
    color: var(--color-gris);
}

/* datos de contacto */
.top-bar ul.datos-contacto {
    columns: 2;
}
/***********************************************************    ./Nav Bar   ****/



@media only screen and (min-width: 768px) {

    /* Margen negativo para 'meter' el header debajo del nav y del top-nav */
    .home .container.grid-container,
    .page-id-53 .container.grid-container,  /*contacto*/
    .page-id-216 .container.grid-container,
    /*.page-id-228 .container.grid-container,*/
    /*.page-id-233 .container.grid-container,*/
    /*.page-id-237 .container.grid-container,*/
    .archive.post-type-archive.post-type-archive-product .container.grid-container,
    .single.single-product .container.grid-container,

    /* Tienda */
    .barra-titulo-producto,

    /* Blog - Categoria y single post */
    .barra-titulo-entrada {
        /*margin-top: calc((119px + 44px) * -1)!important;*/
        margin-top: var(--margin-siteheader)!important;
    }
    .site-header {
        z-index: 1;
    }
    .top-bar {
        position: sticky;
        top: 0;
        z-index: 2;
    }


    @media (max-width: 1200px) {
        /* Margen negativo para 'meter' el header debajo del nav y del top-nav */
        .home .container.grid-container,
        .page-id-53 .container.grid-container,  /*contacto*/
        .page-id-216 .container.grid-container,
        .archive.post-type-archive.post-type-archive-product .container.grid-container,
        .single.single-product .container.grid-container {
            /*margin-top: calc((100px + 40px) * -1)!important;*/
            margin-top: var(--margin-siteheader-md)!important;
        }

        /* Anulo el margen negativo en las páginas de los vinos */
        .page-id-228 .container.grid-container {
            margin-top: 0!important;
        }
        /*        .site-header {
                    background-color: var(--color-primario);
                }*/

        /* background barra de menús, para las páginas principales del sitio */
        .home .site-header,
        .page-id-53 .site-header, /*contacto*/
        .page-id-216 .site-header,
        .page-id-228 .site-header,
        .page-id-233 .site-header,
        .page-id-237 .site-header,
        .archive.post-type-archive.post-type-archive-product .site-header,
        .single.single-product .container.grid-container {
            background-color: transparent;
        }

    }
}
@media only screen and (max-width: 768px) {
    .site-header .inside-header {
        padding-top: var(--margin-min);
        padding-bottom: var(--margin-min);
    }
    .site-logo, .site-branding {
        margin-bottom: 0em;
    }
    .site-header .header-image {
        max-width: 100px;
    }
    .top-bar .inside-top-bar {
        justify-content: space-between;
    }
    .top-bar .inside-top-bar .link-carrito i {
        margin-right: 5px;
    }
}


/*******************************************************************************/
/******************************************************************* FOOTER ****/
/*******************************************************************************/


/********************************************************     MAQUETACION   ****/
.site-footer .inside-footer-widgets {
    flex-wrap: wrap;
}
/*.site-footer .inside-footer-widgets > div[class*="footer-widget-"] {
    flex-basis: calc((100% / 3) * 1);
}*/
/*.site-footer .inside-footer-widgets > div.footer-widget-2 {
    flex-basis: calc((100% / 4) * 2);
    flex-grow: 2;
}
.site-footer .inside-footer-widgets > div.footer-widget-3 {
    flex-basis: calc((100% / 4) * 1);
    flex-grow: 2;
}*/
.inside-footer-widgets>div {
    flex: 1 1 auto;
}
/**** Interior footer-widget-2 ****/
.site-footer .inside-footer-widgets > div.footer-widget-2 .widget_nav_menu {
    width: calc((100% / 4) * 1);
    float: left;
}
.site-footer .inside-footer-widgets > div.footer-widget-2 .widget_nav_menu:first-child {
    width: calc((100% / 4) * 3);
}

@media (max-width: 1400px) and (min-width: 1205px){
    .site-footer .inside-footer-widgets > div.footer-widget-2 .widget_nav_menu {
        width: calc((100% / 4) * 2);
    }
    .site-footer .inside-footer-widgets > div.footer-widget-2 .widget_nav_menu:first-child {
        width: calc((100% / 4) * 4);
    }
}
@media (max-width: 1050px) and (min-width: 768px) {
    .site-footer .inside-footer-widgets > div[class*="footer-widget"] {
        margin: var(--margin-regular) 0;
    }
}
@media (max-width: 992px) {
    /**** Interior footer-widget-2 ****/
    .site-footer .inside-footer-widgets > div.footer-widget-2 .widget_nav_menu {
        width: calc((100% / 4) * 2);
        margin-bottom: var(--margin-max);
    }
    .site-footer .inside-footer-widgets > div.footer-widget-2 .widget_nav_menu:first-child {
        width: calc((100% / 4) * 4);
    }
    @media (max-width: 420px) {
        .site-footer .inside-footer-widgets > div.footer-widget-2 .widget_nav_menu {
            width: calc((100% / 4) * 4);
        }

    }
}
@media (max-width: 900px) {
    .site-footer .inside-footer-widgets > div.footer-widget-3 {
        flex-basis: 100%;
        text-align: center;
        margin-top: var(--margin-max);
        margin-bottom: var(--margin-max);
    }
    .widget_media_image figure {
        max-width: 400px;
        margin: auto;
    }
}
@media only screen and (max-width: 768px) {
    .site-footer .inside-footer-widgets > div.footer-widget-1 {
        order: 2;
    }
    .site-footer .inside-footer-widgets > div.footer-widget-2 {
        order: 3;
    }
    .site-footer .inside-footer-widgets > div.footer-widget-3 {
        order: 1;
        margin-bottom: var(--margin-max);
    }
    @media (min-width: 500px) {
        .site-footer .inside-footer-widgets {
            flex-direction: row;
            justify-content: space-between;
        }
        .site-footer .inside-footer-widgets > div.footer-widget-1,
        .site-footer .inside-footer-widgets > div.footer-widget-2 {
            flex: 0 1 45%;
        }
    }
}
/**** MENUS NAVEGACION FOOTER ****/
ul#menu-hoteles-espanna,
ul#menu-menu-footer {
    columns: 2;
}
@media only screen and (max-width: 650px) {
    ul#menu-hoteles-espanna,
    ul#menu-menu-footer {
        columns: 2;
    }
    @media (max-width: 320px) {
        ul#menu-hoteles-espanna,
        ul#menu-menu-footer {
            columns: 1;
        }
    }
}
ul#menu-hoteles-espanna > li {
    /*flex: 1 1 calc(100% / 3);*/
}
ul#menu-menu-footer {
    max-width: 1200px;
    margin: auto;
    /*padding: var(--margin-regular) 0;*/
}

/********************************************************         FORMATO   ****/
.site-footer {
    background-color: var(--color-footer-bg);
}
.site-footer .site.footer-widgets {
    padding: 0 var(--margin-regular);
}
.footer-widgets {
    /*background-color: var(--color-background);*/
    /*padding: var(--margin-regular);*/
}
/*.site-footer .inside-footer-widgets > div.footer-widget-3 {
    background-color: var(--color-blanco);
}*/

.site-footer .inside-footer-widgets > div[class*="footer-widget-"] a:hover {
    color: var(--color-link-hover-footer)!important;
}
.site-footer h2,
.site-footer h4 {
    margin-bottom: var(--margin-min);
    /*background-color: var(--color-blanco);*/
    width: fit-content;
    /*padding: 2px 7px;*/
    color: var(--color-txt-footer);
    font-size: 1.1rem!important;
    /*font-weight: var(--weight-regular);*/
    font-family: var(--font-textos);
}
.site-footer p,
.site-footer a,
.site-footer i,
.site-footer ul,
.site-footer li {
    color: var(--color-txt-footer);
    font-size: 0.85rem !important;
    font-weight: var(--weight-regular);
    margin-bottom: 7px;
}
.site-footer .inside-footer-widgets > div.footer-widget-1 a {
    font-weight: var(--weight-bold);
}
.site-footer ul#menu-menu_footer li a {
    font-weight: var(--weight-regular);
}

.site-footer a:hover i {
    color: var(--color-link-hover-footer);
}

/* Contacto */
.datos-contacto i {
    font-size: 0.85rem!important;
    width: 1.4rem;
}
.datos-contacto p {
    margin: 0 0px 0 12px;
}

/* logo */
.widget_media_image figure {
    /*max-width: 200px;*/
    margin: auto;
}
.widget_media_image .wp-caption-text {
    display: none;
}

/* menu footer */
.site-footer ul#menu-menu_footer {
    /*    display: flex;
        flex-wrap: wrap;
        justify-content: center;*/
    column-count: 2;
}
.site-footer ul#menu-menu_footer li {
    padding-left: 1em;
    padding-right: 1em;
    /*    flex: 1 1 auto;
        text-align: center;*/
}

/*******************************************************************************/
/************************************************************ FOOTER-BOTTOM ****/
/*******************************************************************************/
.copyright-bar {
    display: none;
}
.footer-bar {

}
.site-footer .site-info {
    /*height: 45px;*/
    /*background-color: #000;*/
}
.site-footer .site-info,
.site-footer .site-info a {
    font-family: var(--font-alt)!important;
    font-size: 0.85rem!important;
    color: var(--color-link-footer)!important;
}
.site-footer .site-info a:hover {
    color: var(--color-link-hover-footer)!important;
}
.site-footer .site-info .inside-site-info {
    padding-top: 7px!important;
    padding-bottom: 7px;
}
/* menu legal ZONA COPYRIGHT */
.site-footer .copyright,
.site-footer ul#menu-legal li a {
    font-size: 0.8rem!important;
}
.site-footer ul#menu-legal li a {
    line-height: 2.5em;
}


/*******************************************************************************/
/************************************************************** FORMULARIOS ****/
/*******************************************************************************/

/*******************************************************************************/
/***********************************************************  FORMULARIOS   ****/
/*******************************************************************************/

/***********************************************************      GENERAL   ****/

/* MAQUETACION */

/**/
.wpcf7-form .campos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.wpcf7-form .campos div {
    margin-top: 20px;
}
.wpcf7-form .campos .field-formulario {
    flex-basis: calc((100% / 2) - 1rem);
}
.wpcf7-form .campos .field-formulario:nth-child(1),
.wpcf7-form .campos .field-formulario:nth-child(4),
.wpcf7-form .campos .field-formulario:nth-child(5) {
    flex-basis: calc(100%);
}
.wpcf7-form .campos .rgpd-form {
    /*    order: 6;
        flex-basis: 70%;
        flex-grow: 2;*/
    padding: 0 var(--margin-min);
}
.wpcf7-form .campos .enviar-formulario {
    /*flex-basis: 30%;*/
    order: 5;
}
.wpcf7-form .campos .field-formulario textarea.mensaje {
    max-height: 100px;
}
.wpcf7-form .campos .rgpd-form p:first-child {
    margin-top: 0!important;
}
/*.wpcf7-form input[type="submit"]:hover,
input.wpcf7-form-control.wpcf7-submit:not(.mkdf-btn-custom-hover-color):hover {
    border-color: var(--color-blanco)!important;
    color: var(--color-blanco)!important;
}*/
.rgpd-form > p {
    font-size: 0.7rem;
}
.wpcf7-spinner {
    display: block;
}
@media only screen and (max-width: 1550px) {
    .wpcf7-form .campos .rgpd-form {
        flex-basis: 100%;
        order: 6;
    }
    .wpcf7-form .campos .enviar-formulario {
        order: 5;
        width: 100%;
    }
    .wpcf7-form .campos .enviar-formulario .enviar {
        width: 100%;
    }
}
.rgpd-form span.wpcf7-list-item-label {
    color: var(--color-primario);
}
@media only screen and (max-width: 600px) {
    .wpcf7-form .campos .field-formulario {
        flex-basis: 100%;
    }
    /*    @media (min-width: 450px) {
            .wpcf7-form .campos .field-formulario:nth-child(2),
            .wpcf7-form .campos .field-formulario:nth-child(3) {
            flex-basis: calc((100% / 2) - 1rem);
            }
        }*/
}
/* END MAQUETACION */

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="date"],
input[type="search"],
.wpcf7-form select,
.wpcf7-form textarea {
    font-family: var(--font-textos) !important;
    font-size: 1rem;
    color: var(--color-parrafo) !important;

    margin-bottom: 0px;
    border-radius: 10px;
    border: 1px solid var(--color-negro) !important;
    padding: 10px 15px !important;
    /*box-shadow: var(--shadow-inset);*/
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
    -moz-transition: all 0.4s ease-in-out !important;
    background-color: rgba(255, 255, 255, 1) !important;
    width: 100%;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="date"]:focus,
input[type="search"]:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
    /*border-radius: 5px;*/
    border: 1px solid var(--color-primario) !important;
    outline-style: none;
    background-color: rgba(255, 255, 255, 1) !important;
}
.wpcf7-form h4 {
    color: var(--color-secundario);
}
.wpcf7-form p {
    font-size: 1rem !important;
    margin-top: 20px !important;
}
.wpcf7-form .field-formulario > p,
.wpcf7-form .enviar-formulario > p {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.wpcf7-form p label {
    font-size: 1rem;
    color: var(--color-parrafo);
}

.wpcf7-form select option {
    font-family: var(--font-textos);
    font-size: 1rem;
}

.wpcf7-form select {
    height: auto !important;
    margin-top: 5px !important;
}

.wpcf7-form span[role="alert"] {
    font-family: var(--font-textos);
    font-weight: 400;
    font-size: 0.8rem;
    margin-top: 10px;
}

.wpcf7-form input[type="submit"] {
    margin: auto;
    /*    border-color: var(--botones) !important;
    color: var(--color-blanco) !important;
    background-color: var(--botones) !important;*/
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}

.wpcf7-form input[type="submit"]:hover,
input.wpcf7-form-control.wpcf7-submit:not(.mkdf-btn-custom-hover-color):hover {
    /*border-color: var(--color-primario) !important;
    color: var(--color-priamrio) !important;
    background-color: transparent !important;*/
    border-color: var(--color-link-hover);
    background-color: transparent;
    color: var(--color-link-hover);
    /*border-radius: 5px !important;*/
}

.wpcf7-form .wpcf7-form-control-wrap {
    margin-bottom: 20px;
}

/* AVISOS */
.wpcf7-form input[type=checkbox],
.wpcf7-form input[type=radio] {
    margin: 4px 6px;
}

.wpcf7-form span[role="alert"] {
    display: inline-block;
}
.wpcf7-not-valid-tip {
    font-size: 0.8em;
}
.wpcf7-response-output.wpcf7-validation-errors:after,
.wpcf7-response-output.wpcf7-validation-errors:before,
.wpcf7-form span[role="alert"]:before {
    font-family: "FontAwesome";
    font-size: 1rem;
    line-height: 14px;
    margin-right: 5px;
    margin-left: 5px;
}

.wpcf7-form span[role="alert"]:before {
    content: "\f12a";
}

.wpcf7-response-output.wpcf7-validation-errors:after,
.wpcf7-response-output.wpcf7-validation-errors:before {
    content: "\f071";
    color: #ff0000;
}

.wpcf7-mail-sent-ok,
.wpcf7-validation-errors {
    clear: both;
    text-align: center;
    text-transform: uppercase;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: 2px solid #ff0000;
}

.wpcf7-response-output {
    order: 10;
    /*width: 100%;*/
    background-color: #ffffff;
    font-size: 0.8rem;
    color: var(--color-parrafo);
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ff0000;
}


/* COLETILLA RGPD FORMULARIOS */

.rgpd-form {
    display: inline-block;
    margin: 1em 0 0 0em;
}

.rgpd-form p,
.rgpd-form a,
.rgpd-form li,
.rgpd-form span.wpcf7-list-item-label,
.rgpd-form span.wpcf7-list-item-label a {
    font-size: 0.75rem !important;
    text-align: justify;
    margin-bottom: 10px !important;
    /*line-height: 1.2;*/
    font-family: var(--font-textos) !important;
    font-weight: var(--weight-light);
    color: var(--color-parrafo);
    letter-spacing: 0.05em;
}
.rgpd-form span.wpcf7-list-item-label,
.rgpd-form span.wpcf7-list-item-label a {
    color: var(--color-primario);
}
.rgpd-form span.wpcf7-list-item {
    margin: 0 !important;
}


/*.rgpd-form a {
    color: var(--color-primario);
}

.rgpd-form a:hover {
    color: var(--color-secundario);
}*/


/***********************************************************    ./General   ****/

/************************************************** FORMULARIO NEWSLETTER   ****/


#newsletter-form [for="AGREE_TO_TERMS"],
#newsletter-form [for="AGREE_TO_TERMS"] a {
    font-size: 0.8rem;
    letter-spacing: 0;
}
#newsletter-form .button-send {
    padding: var(--margin-min);
}
#newsletter-form [type="text"],
#newsletter-form [type="email"],
#newsletter-form [type="url"],
#newsletter-form [type="password"],
#newsletter-form [type="search"],
#newsletter-form [type="tel"],
#newsletter-form [type="number"],
#newsletter-form textarea,
#newsletter-form  select {
    padding: 10px 15px;
    border-color: var(--color-negro);
    border-radius: 10px;
    background-color: var(--color-blanco);
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
}
@media only screen and (min-width: 768px) {
    @media (min-width: 992px) {
        #newsletter-form [type="text"],
        #newsletter-form [type="email"],
        #newsletter-form [type="url"],
        #newsletter-form [type="password"],
        #newsletter-form [type="search"],
        #newsletter-form [type="tel"],
        #newsletter-form [type="number"],
        #newsletter-form textarea,
        #newsletter-form  select {
            width: 80%;
            margin-left: 10px;
        }
    }
    @media (min-width: 1250px) {
        #newsletter-form {
            display: flex;
            flex-direction: row;
        }
        /**** form news contact form ****/
        #newsletter-form.wpcf7-form .campos {
            flex-wrap: nowrap;
        }
        /**** ./form news contact form ****/
    }
    #newsletter-form [type="submit"] {
        margin-top: 0.5em;
    }
}



/************************************************ ./Formulario newsletter   ****/

/****************************************************** FORMULARIO FOOTER   ****/
.site-footer .wpcf7-form h4 {
    /*text-transform: uppercase;*/
    margin-bottom: 0;
    font-size: 1.8rem;
    color: var(--color-blanco);
}
.site-footer .wpcf7-form .campos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.site-footer .wpcf7-form .campos div {
    margin-top: 20px;
}
.site-footer .wpcf7-form .campos .field-formulario {
    /*    margin: 10px;*/
    flex-basis: calc((100% / 2) - 1rem);

}
.site-footer .wpcf7-form .campos .field-formulario:nth-child(3),
.site-footer .wpcf7-form .campos .field-formulario:nth-child(4) {
    flex-basis: calc(100%);
}
.site-footer .wpcf7-form .campos .rgpd-form {
    order: 6;
    flex-basis: 60%;
}

.site-footer .wpcf7-form .campos .field-formulario textarea.mensaje {
    max-height: 100px;
}
.site-footer .wpcf7-form .campos .rgpd-form p:first-child {
    margin-top: 0!important;
}
.site-footer .wpcf7-form input[type="submit"]:hover,
.site-footer input.wpcf7-form-control.wpcf7-submit:not(.mkdf-btn-custom-hover-color):hover {
    border-color: var(--color-blanco)!important;
    color: var(--color-blanco)!important;
}
.site-footer .rgpd-form > p {
    font-size: 0.7rem;
}
@media only screen and (max-width: 1550px) {
    .site-footer .wpcf7-form .campos .rgpd-form {
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .site-footer .wpcf7-form .campos .field-formulario {
        flex-basis: 100%;
    }
    @media (min-width: 450px) {
        .site-footer .wpcf7-form .campos .field-formulario:nth-child(1),
            .site-footer .wpcf7-form .campos .field-formulario:nth-child(2) {
            flex-basis: calc((100% / 2) - 1rem);
        }
    }
}
/**************************************************** ./Formulario .site-footer   ****/

/*******************************************************************************/
/****************************************************************** PAGINAS ****/
/*******************************************************************************/


/*******************************************************************************/
/********************************************************** CSS VARIABLES   ****/
/*******************************************************************************/
body.page {
    /**/
    --width-especial: calc(100% + ((100vw - 1500px) / 2));
}
/*********************************************************./CSS Variables   ****/

/*******************************************************************************/
/***********************************************************      GENERAL   ****/
/*******************************************************************************/

/**** Barra de navegación malgor ****/
@media only screen and (min-width: 768px) {
    .site-header .inside-header {
        max-width: fit-content;
        top: var(--margin-max);
        position: relative;
    }
    .site-header .inside-header .main-navigation {
        margin-left: var(--margin-regular)!important;
    }

    /* Paginas vinos */
    #product-one-page {

    }
}
@media only screen and (max-width: 1024px){
    .site-header .header-image {
        max-width: 100px;
    }

}

.header-pag {
    min-height: var(--min-header-height);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.header-pag .contenedor-columna > .vc_column-inner > .wpb_wrapper > .wpb_raw_html {
    margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
    .header-pag {
        min-height: var(--min-header-height-md);
    }
}
/* Columna de contenedor con imagen de fondo */
.contenedor .contenedor-columna.imagen-bg > .vc_column-inner {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 768px) {
    .contenedor .contenedor-columna.imagen-bg > .vc_column-inner {
        height: 15vh;
        background-position: center 30%;
    }
}

/*  Otros contenedores */
.contenedor .contenedor-columna[class*="null"] {
    padding: 0;
}

/* Galeria */
.galeria .galeria-item .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}
@media only screen and (max-width: 1024px) {
    .galeria {
        display: flex;
    }
    @media (min-width: 500px) {
        .galeria .galeria-item {
            flex-basis: 50%;
        }
    }
}

/* titulo especial*/
.contenedor[class*="bg-"] .titulo h2 {
    color: var(--color-secundario);
    font-family: var(--font-alt);
    font-size: 4rem;
    letter-spacing: 0;
    /*max-width: 600px;*/
}

/* Separador */
.contenedor.separador {
    margin-top: calc(-4 * var(--margin-max))!important;
    padding: calc(var(--margin-max) + var(--margin-regular)) 0;
}
/***********************************************************    ./General   ****/


#productos.contenedor .contenedor-columna.caja-producto {
    max-width: 400px;
    margin: var(--margin-regular) auto;
}
#productos.contenedor .contenedor-columna.caja-producto .botones-producto {
    margin-top: var(--margin-min);
}
#productos.contenedor .contenedor-columna.caja-producto .botones-producto .boton a {
    margin-top: var(--margin-null);
    font-size: 1em!important;
}
@media only screen and (min-width: 768px) and (max-width: 1000px){
    #productos.contenedor .contenedor-columna.caja-producto .botones-producto .boton {
        width: 100%;
    }
    #productos.contenedor .contenedor-columna.caja-producto .botones-producto .boton .vc_btn3-container {
        margin-bottom: var(--margin-min);
    }
}

@media only screen and (min-width: 768px) {
    #productos.contenedor #malgor-seleccion.contenedor-columna.caja-producto {
        max-width: 1000px;
        margin-top: 0;
    }
    #productos.contenedor #malgor-seleccion.contenedor-columna.caja-producto > .vc_column-inner > .wpb_wrapper {
        display: flex;
        justify-content: center;
    }
    #productos.contenedor #malgor-seleccion.contenedor-columna.caja-producto > .vc_column-inner > .wpb_wrapper div {
        flex: 1 1 auto;
    }
    #productos.contenedor #malgor-seleccion.contenedor-columna.caja-producto > .vc_column-inner > .wpb_wrapper .contenedor-inner {
        padding-left: var(--margin-regular);
        max-width: calc((100% / 3) * 2);
    }
    #productos.contenedor #malgor-seleccion.contenedor-columna.caja-producto > .vc_column-inner > .wpb_wrapper .contenedor-inner .txt-center {
        text-align: left;
    }
}
@media only screen and (max-width: 768px) {
    #productos.contenedor .contenedor-columna.caja-producto {
        width: 90%; /* le pongo este width para que lo haga en max-width: 768px */
    }
}

/*******************************************************************************/
/***********************************************************       INICIO   ****/
/*******************************************************************************/

/**** header ****/

.header-pag {
    padding-right: 0;
}
.header-pag .contenedor-columna .wpb_raw_code.wpb_content_element > .wpb_wrapper {
    display: flex;
    justify-content: flex-end;
}
.slogan {
    background-color: #fff;
    color: #000;
    text-align: left;
    padding: var(--margin-min);
    letter-spacing: 0.05em;
    /*    max-width: 70%;*/
    min-width: 500px;
    padding-right: var(--margin-max);
    z-index: 1;
}
@media only screen and (max-width: 550px) {
    .slogan {
        min-width: 300px;
    }
}
.slogan h2,
.slogan h3 {
    display: inline-block;
    margin-left: 15px;
}
.slogan h3 {
    font-weight: var(--weight-regular);
}
.slogan:after {
    content: '';
    background-image: url('https://bodegasmalgor.com/wp-content/uploads/2023/08/subrayado.png');
    height: 20px;
    display: -webkit-box;
    background-repeat: no-repeat;
    margin-top: 6px;
    margin-left: 50px;
}
@media only screen and (max-width: 768px) {
    .slogan h3 {
        font-size: 1.2rem;
    }
}
/**** ./header ****/

/**** header pag inicio ****/
video {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.video-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;

    padding: var(--margin-max) 0 var(--margin-max) var(--margin-regular);
}
.header-pag.inicio {
    padding: 0;
}
.header-pag.inicio,
.header-pag.inicio .contenedor-columna.video-columna .vc_column-inner,
.header-pag.inicio .contenedor-columna.video-columna .vc_column-inner .wpb_wrapper,
.header-pag.inicio .contenedor-columna.video-columna .vc_column-inner .wpb_wrapper .wpb_raw_code
{
    height: 100%;
}
body.home .site-header {
    z-index: 2;
}
.video-wrapper .slogan{

}
@media (max-width: 768px) {
    .header-pag.inicio.vc_row-o-full-height {
        min-height: 100vw!important;
    }
}
/**** Nuestros vinedos ****/
@media only screen and (min-width: 768) {
    #vinedos.contenedor .contenedor-columna.imagen-bg > .vc_column-inner {
        background-position: center top;
        max-height: 400px;
    }
}
/**** ./nuestros vinedos ****/


/**** Noticias ****/

/**** ./Noticias ****/



/***********************************************************     ./Inicio   ****/

/*******************************************************************************/
/*******************************************************    LEGADO MALGOR   ****/
/*******************************************************************************/

/**** Presentación ****/
/*#quienes-somos.contenedor .contenedor-columna:not(.titulo):not(:last-child) {
    margin-top: var(--margin-max);
}*/

@media only screen and (min-width: 768px) {
    #quienes-somos.contenedor,
    #quienes-somos.contenedor .contenedor-columna {
        padding-left: var(--margin-null)!important;
        padding-right: var(--margin-null)!important;
    }
    #quienes-somos.contenedor .contenedor-columna.contenido .wpb_text_column.wpb_content_element  {
        max-width: 700px;
        margin: auto;
    }
    #quienes-somos.contenedor #historia.contenedor-columna.contenido .wpb_text_column.wpb_content_element  {
        margin-left: auto;
        margin-right: var(--margin-regular);
    }
    #quienes-somos.contenedor #vinedos.contenedor-columna.contenido .wpb_text_column.wpb_content_element  {
        margin-right: auto;
        margin-left: var(--margin-regular);
    }
}
@media only screen and (max-width: 768px) {
    #quienes-somos.contenedor .contenedor-columna.contenido:nth-child(4) {
        order: 5;
    }
    #quienes-somos.contenedor .contenedor-columna.imagen-bg:nth-child(5) {
        order: 4;
    }
    #quienes-somos.contenedor .contenedor-columna.contenido:last-child {
        order: 6;
    }
    #quienes-somos.contenedor .contenedor-columna.contenido:nth-child(4) .wpb_text_column {
        margin-bottom: 0;
    }
}
/**** ./Presentación ****/

/***********************************************************  ./conocenos   ****/


/*******************************************************************************/
/******************************************************     PAG. PRODUCTO   ****/
/*******************************************************************************/
#product-one-page.pag-producto {
    background-size: contain;
    background-repeat: no-repeat;
    justify-content: center;
}
#product-one-page.pag-producto .contenedor-columna.imagen {
    /*max-width: 250px;*/
    max-width: calc(130px + (200 - 130) * ((100vw - 768px) / (1920 - 768)));
    margin-top: var(--margin-min);
    z-index: 2;
}
#product-one-page.pag-producto .contenedor-columna.imagen img {
    filter: drop-shadow(6px 4px 7px rgba(0, 0, 0, 0.5));
    max-height: 81vh;
    width: auto;
}
#product-one-page.pag-producto .contenedor-columna.contenido:first-child {
    margin-right: calc(var(--margin-regular) * -1);
    margin-bottom: var(--margin-max);
}
#product-one-page.pag-producto .contenedor-columna.contenido:first-child > .vc_column-inner > .wpb_wrapper > .wpb_raw_code {
    margin-bottom: 0;
}
#product-one-page.pag-producto .contenedor-columna.contenido:last-child {
    margin-left: calc(var(--margin-regular) * -1);
    margin-bottom: var(--margin-max);
}

#product-one-page.pag-producto .contenedor-columna.contenido:first-child .titulo {
    /*max-width: 300px;*/
    margin-left: auto;
    margin-right: var(--margin-min);
}
#product-one-page.pag-producto .contenedor-columna.contenido .detalle.bg-blanco {
    box-shadow: var(--shadow-std);
}
#product-one-page.pag-producto .contenedor-columna.contenido:first-child .detalle.bg-blanco {
    max-width: 500px;
    margin-left: auto;
    margin-top: calc(var(--margin-max) + var(--margin-regular));
}
#product-one-page.pag-producto .contenedor-columna.contenido:last-child .detalle.bg-blanco:nth-child(1) {
    width: calc(100% + 150px);
    margin-right: auto;
}
#product-one-page.pag-producto .contenedor-columna.contenido:last-child .detalle.bg-blanco:nth-child(1) p {
    max-width: 80%;
    margin-right: auto;
}
#product-one-page.pag-producto .contenedor-columna.contenido:last-child .detalle.bg-blanco:nth-child(2) {
    max-width: 700px;
    margin-right: auto;
}
#product-one-page.pag-producto .contenedor-columna.contenido .detalle.bg-blanco p {
    margin-bottom: 0!important
}

@media (max-width: 1024px) {
    #product-one-page.pag-producto .contenedor-columna.contenido:last-child .detalle.bg-blanco:nth-child(1) {
        width: 100%;
    }
    #product-one-page.pag-producto .contenedor-columna.contenido:last-child .detalle.bg-blanco:nth-child(1) p {
        max-width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    #product-one-page.pag-producto {
        /*justify-content: flex-start;*/
        padding-left: var(--margin-max);
        padding-right: var(--margin-max);
        display: inline-block;
        /*text-align: center;*/
    }
    #product-one-page.pag-producto .contenedor-columna.contenido:first-child,
    #product-one-page.pag-producto .contenedor-columna.contenido:last-child {
        margin-right: 0;
        margin-left: 0;
        float: right;
        width: 80%;
    }
    #product-one-page.pag-producto .contenedor-columna:first-child {
        order: 2;
        margin-top: calc(var(--margin-max) * 2);
    }
    #product-one-page.pag-producto .contenedor-columna:nth-child(2) {
        order: 1;
        float: left;
        max-width: unset;
        max-width: unset;
        width: 20%;
    }
    #product-one-page.pag-producto .contenedor-columna:last-child {
        order: 3;
    }
    #product-one-page.pag-producto .contenedor-columna {
        /*width: 45%;*/
    }
    #product-one-page.pag-producto .contenedor-columna.contenido:first-child .detalle.bg-blanco {
        max-width: unset;
        margin-left: 0;
    }
    #product-one-page.pag-producto .contenedor-columna.contenido:first-child .titulo.mb-max {
        margin-bottom: 0!important;
    }
    #product-one-page.pag-producto .contenedor-columna.contenido:first-child .detalle.bg-blanco {
        margin-top: 0!important;
    }
    @media (max-width: 600px) {
        #product-one-page.pag-producto .contenedor-columna:nth-child(2) {
            width: 40%;
        }
        #product-one-page.pag-producto .contenedor-columna.contenido:first-child,
            #product-one-page.pag-producto .contenedor-columna.contenido:last-child {
            width: 60%;
        }
    }
}
/*******************************************************   ./pag producto   ****/


/*******************************************************************************/
/***********************************************************     CONTACTA   ****/
/*******************************************************************************/
#contacto.contacto .contenedor-columna.titulo > .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}
#contacto.contacto .contenedor-columna.titulo > .vc_column-inner > .wpb_wrapper > .wpb_raw_html,
#contacto.contacto .contenedor-columna.titulo > .vc_column-inner > .wpb_wrapper > .wpb_raw_html > .wpb_wrapper {
    height: 100%;
}
.img-contacto-bg {
    background-image: url("https://bodegasmalgor.com/wp-content/uploads/2023/09/imagen-contacto.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 20% bottom;
    height: 100%;
}

#contacto.contacto .contenedor-columna.formulario .titulo-form {
    margin-bottom: var(--margin-min);
    border-bottom: 1px solid var(--color-primario);
    padding-bottom: 5px;
}

/***********************************************************   ./contacta   ****/


/*******************************************************************************/
/***************************************************************** HELPLERS ****/
/*******************************************************************************/


/*******************************************************************************/
/***********************************************************    HELPLERS    ****/
/*******************************************************************************/
.clearboth {
    clear: both;
}
@media only screen and (min-width: 769px) {
    .only-xs {
        display: none!important;
    }
}
@media only screen and (max-width: 768px) {
    .only-lg {
        display: none!important;
    }
}
/* Anchos */
.site-500 {
    max-width: 500px;
    margin-left: auto!important;
    margin-right: auto!important;
}
.site-800 {
    max-width: 800px;
    margin-left: auto!important;
    margin-right: auto!important;
}
.site-1200 {
    max-width: 1200px;
    margin-left: auto!important;
    margin-right: auto!important;
}
.site-1500 {
    max-width: 1500px;
    margin-left: auto!important;
    margin-right: auto!important;
}
/*@media only screen and (max-width: 768px) {
    .site-800 {
        max-width: 500px;
    }
}*/

/**** Fortmato texto ****/
.mayus {
    text-transform: uppercase;
}
/* Colores */
.white-text {
    color: var(--color-blanco);
}
.prime-text {
    color: var(--color-primario);
}
.second-text {
    color: var(--color-secundario);
}
.gray-text {
    color: var(--color-gris);
}
/* Color para los enlaces */
.white-text a {
    color: var(--color-blanco);
}
.prime-text a {
    color: var(--color-primario);
}
.second-text a {
    color: var(--color-secundario);
}
.gray-text a {
    color: var(--color-gris);
}

.white-text a:hover {
    color: var(--color-secundario);
}
.prime-text a:hover {
    color: var(--color-secundario);
}
.second-text a:hover {
    color: var(--color-primario);
}
.gray-text a:hover {
    color: var(--color-primario);
}

/* Weight */
.w-reg {
    font-weight: var(--weight-regular);
}
.w-semibold {
    font-weight: var(--weight-semibold);
}
.w-bold {
    font-weight: var(--weight-bold);
}

/* font size */
.fs-08,
.fs-08 p,
.fs-08 a,
.fs-08 ul,
.fs-08 li {
    font-size: 0.8rem;
}
.fs-1,
.fs-1 p,
.fs-1 a,
.fs-1 ul,
.fs-1 li {
    font-size: 1rem;
}
.fs-12,
.fs-12 p,
.fs-12 a,
.fs-12 ul,
.fs-12 li {
    font-size: 1.2rem;
}
.fs-15,
.fs-15 p,
.fs-15 a,
.fs-15 ul,
.fs-15 li {
    font-size: 1.5rem;
}
.fs-2,
.fs-2 p,
.fs-2 a,
.fs-2 ul,
.fs-2 li {
    font-size: 2rem;
}
.fs-3,
.fs-3 p,
.fs-3 a,
.fs-3 ul,
.fs-3 li {
    font-size: 3rem;
}

/* Estilo de listas ul ol */
.list-disc li {
    list-style: disc;
    margin-top: calc(var(--margin-min) - 15px);
}

/* alineacion */
.txt-center {
    text-align: center;
}
@media only screen and (min-width: 768px) {
    .txt-right {
        text-align: right;
    }
}
.txt-left {
    text-align: left;
}
.txt-justify {
    text-align: justify;
}

/**** Formato contenedores ****/

/* background */
.contenedor[class*="bg-"] {
    margin-top: 0;
    margin-bottom: 0;
}
/*@media (min-width: 600px) {*/
.contenedor[class*="bg-"] .contenedor-columna {
    padding-top: var(--margin-regular);
    padding-bottom: var(--margin-regular);

}
/*}*/
.bg-standard {
    background-color: var(--color-background);
}
.bg-primario {
    background-color: var(--color-primario);
}
.bg-secundario {
    background-color: var(--color-secundario);
}
.bg-blanco {
    background-color: var(--color-blanco);
}
.bg-gris {
    background-color: var(--color-gris);
}
.bg-negro {
    background-color: var(--color-negro);
}

/* margenes */
.mt-null {
    margin-top: var(--margin-null);
}
.mb-null {
    margin-bottom: var(--margin-null)!important;
}
.ml-null {
    margin-left: var(--margin-null);
}
.mr-null {
    margin-right: var(--margin-null);
}

.mt-min {
    margin-top: var(--margin-min);
}
.mb-min {
    margin-bottom: var(--margin-min)!important;
}
.ml-min {
    margin-left: var(--margin-min);
}
.mr-min {
    margin-right: var(--margin-min);
}

.mt-reg {
    margin-top: var(--margin-regular);
}
.mb-reg {
    margin-bottom: var(--margin-regular)!important;
}
.ml-reg {
    margin-left: var(--margin-regular);
}
.mr-reg {
    margin-right: var(--margin-regular);
}

.mt-max {
    margin-top: var(--margin-max);
}
.mb-max {
    margin-bottom: var(--margin-max)!important;
}
.ml-max {
    margin-left: var(--margin-max);
}
.mr-max {
    margin-right: var(--margin-max);
}

/* padding */
.pt-null {
    padding-top: var(--margin-null);
}
.pb-null {
    padding-bottom: var(--margin-null);
}
.pl-null {
    padding-left: var(--margin-null);
}
.pr-null {
    padding-right: var(--margin-null);
}

.pt-min {
    padding-top: var(--margin-min);
}
.pb-min {
    padding-bottom: var(--margin-min);
}
.pl-min {
    padding-left: var(--margin-min);
}
.pr-min {
    padding-right: var(--margin-min);
}

.pt-reg {
    padding-top: var(--margin-regular);
}
.pb-reg {
    padding-bottom: var(--margin-regular);
}
.pl-reg {
    padding-left: var(--margin-regular);
}
.pr-reg {
    padding-right: var(--margin-regular);
}

.pt-max {
    padding-top: var(--margin-max);
}
.pb-max {
    padding-bottom: var(--margin-max);
}
.pl-max {
    padding-left: var(--margin-max);
}
.pr-max {
    padding-right: var(--margin-max);
}


/*******************************************************************************/
/******************************************************************* MEDIAS ****/
/*******************************************************************************/


@media only screen and (min-width: 1921px) {
    .grid-container {
        max-width: 1920px;
    }
    .contenedor {
        max-width: unset;
    }
    .header-pag .header-column {
        max-width: 1200px;
    }
}


/*******************************************************************************/
/**********************************************************       NAV BAR   ****/
/*******************************************************************************/
@media only screen and (max-width: 1054px) {
    .main-navigation .main-nav ul li {
        flex: 1 1 auto;
    }
}
@media only screen and (max-width: 1100px) and (min-width: 768px) {
    #primary-menu {
        justify-content: center;
    }
    .main-navigation .main-nav ul li a, .main-navigation a{
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
    .main-navigation .main-nav ul li a, .main-navigation a {
        font-size: 0.85rem;
    }
    @media (max-width: 1024px) {
        .main-navigation .main-nav ul li a, .main-navigation a {
            font-size: 0.75rem;
        }
    }
    @media (max-width: 855px) {
        /*        .main-navigation .main-nav ul li a, .main-navigation a{
                    font-size: 0.8rem;
                }*/
    }
}

@media only screen and (max-width: 600px) {
    .top-bar .widget_nav_menu>div>ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .top-bar .widget_nav_menu li {
        padding: 2px 0;
    }
}
@media only screen and (max-width: 600px) {
    .top-bar ul.datos-contacto {
        columns: 1;
    }
    .top-bar li:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid var(--color-blanco);
    }
}
/*******************************************************************************/
/**********************************************************  CONTENEDORES   ****/
/*******************************************************************************/

@media only screen and (max-width: 600px) {
    .contenedor .contenedor-columna.titulo,
    .contenedor .contenedor-columna.contenido {
        max-width: 90%;
        margin: var(--margin-regular) auto;
    }
}

/*******************************************************************************/
/***********************************************************       FOOTER   ****/
/*******************************************************************************/

/*********************************************************       ./Footer   ****/
@media only screen and (min-width: 855px) and (max-width: 1920px) {
    /* Header */
    .header-pag .header-column {
        /*max-width: 800px;*/
        text-align: center;
        margin: auto;
    }
}
@media only screen and (max-width: 1200px) {
    .header-pag .header-column {
        margin: calc(var(--margin-max) * 2) auto var(--margin-max) auto;
    }
    .widget-area.sidebar.is-right-sidebar {
        padding: 0 var(--margin-max);
    }
}
/*@media only screen and (max-width: 855px) {
    .header-pag {
        min-height: 37vh;
    }
    .header-pag .header-column {
        margin: auto;
        max-width: 80%;
    }
}*/
@media only screen and (min-width: 768px) {
    .contenedor .contenedor-columna.imagen-bg > .vc_column-inner {
        height: 50vh;
    }
}
@media only screen and (max-width: 768px) {
    .vc_btn3-right {
        text-align: center!important;
    }
}
@media only screen and (max-width: 375px) {
    /* menu movil */
    .inside-header {
        padding: var(--margin-min);
    }
    .site-logo {
        /*width: 150px;*/
    }
}

/* Dispositivo de ref. Surface Pro 7 - 912x1368 */

@media only screen and (max-width:912px) and (max-height:1368px) and (min-width: 820px) and (min-height:1180px){
    #product-one-page {
        height: 600px!important;
        align-content: flex-start;
        margin-top: var(--margin-max);
        min-height: unset!important;
    }
}