:root {
    --red-color: #b98534;
    --yellow-color: #ffcc00;
    --font-1: 'Spectral', cursive;
    --font-2: 'Roboto';
    --font-3: 'Bellefair', serif;
    --secondary-text: #6c6c6c;
    --text-white: white;
    --text-black: black;
    --bg-secondary: #54595f;
    --bg-black: black;
    --text-1: #b98534;
    --color-dark: #131313;
    --divider-pattern-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpath d='M0,6c6,0,6,13,12,13S18,6,24,6'/%3E%3C/svg%3E");
}

h1 {
    font-size: 75px;
}

h3 {
    font-size: 50px
}

h4 {
    font-size: 32px;
}

h5 {
    font-size: 24px;
}

ul {
    list-style: none;
}

button,
a[type="button"] {
    background-color: var(--red-color);
    padding-inline: 2rem;
    padding-block: 1rem;
    border: none;
    color: white;
    text-decoration: none;
}

.bg-red {
    background-color: var(--red-color);
}

.font-roboto {
    font-family: var(--font-2);
}

.bg-yellow {
    background-color: var(--yellow-color);
}

.color-white {
    color: var(--text-white) !important;
}

.color-red {
    color: var(--red-color);
}

.bg-black {
    background-color: #131313 !important;
}

.color-black {
    color: var(--text-black) !important;
}

.new-label {
    color: white;
    font-size: 16px;
    width: 100%;
    padding: 5px 5px;
    font-family: var(--font-3);
}

.r-section {
    /*padding: 10em 1em 10em 1em;*/
}
#slide{ float:left; width: 100%; height: 45vw; position: relative; z-index: 3; margin-bottom: 5vw;}
.imgSlider{ width: 100%; height: 45vw; overflow: hidden;}
.imgSlider img{width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 110%; max-height: 110%; transform: translate(-50% -50%); top: 50%; left: 50%;}
.searchContainer{ float: left; width: 100%; height: auto; position: absolute; text-align: center; z-index: 6;  margin-top: 11vw;}
.image_slideshow_description{margin-top: 30px; float: left;  width: 100%;}
.section-3 .r-container{ z-index: 10;}
.r-section .r-container {
    max-width: 1140px;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    gap: 20px;
    padding: 1rem;
}
.seccionTipo .r-container {
    max-width: 1140px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    gap: 20px;
    padding: 1rem;
	margin-bottom: 5vw;
}
.itemImg{ float:left; width: 100%; height: 10vw; overflow: hidden; }
.img-marco{height: 17vw !important; overflow: hidden;}
.img-thumbnail img{ float: left; position: relative; width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 120%; max-height: 150%; left: 50%; top: 50%; transform: translate(-50%, -50%) !important ;}

.header {
    display: flex;
    flex-direction: row;
}

.element {
    width: 100%;
    padding-block: 0.5rem;
}

.r-section .element .icons {
    color: var(--red-color);
    font-size: 28px;
    margin-right: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.element.header-info {
    display: flex;
    flex-direction: row;
}

.element.header-info .description span {
    color: var(--secondary-text);
}


.element.header-info .description h3 {
    font-size: 18px;
    font-family: var(--font-1);
    color: var(--text-white);
    margin-bottom: 0;
}

.social {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    gap: 1.5rem;
}

.social .social-item i {
    font-size: 25px;
    transition: transform 0.5s;
}

.hover-translate {
    transition: transform 0.5s;
    cursor: pointer;
}

.hover-translate:hover {
    transform: translateY(-7px);
}

.social .social-item:hover i {
    color: var(--red-color);
    transform: translateY(-7px);
}

.img-site-logo {
    max-width: none;
}

.navbar-nav {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-2);
}

.navbar-nav .nav-link {
    color: var(--text-black);
}

.navbar .dropdown-menu {
    border-radius: 0px;
    background-color: #ececec;
    font-size: 18px;
}

.navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: var(--bg-black);
    color: var(--text-white);
}

.navbar .nav-btn {
    background-color: var(--bg-black);
    color: var(--text-white);
}

.nav-btn .icons-close {
    display: block;
}

.nav-btn .icons-open {
    display: none;
}

.nav-btn.open .icons-close {
    display: none;
}

.nav-btn.open .icons-open {
    display: block;
}

.image-infinite-bg {
    width: 100%;
    transition: background 0.3s ease;
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: #000000;
}

.image-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #333333;
    opacity: 0.7;
    mix-blend-mode: multiply;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	z-index: 5;
}
.homeSlider .image-overlay {
    height: 45vw;
}

.image-infinite-bg .image_slideshow_heading {
    font-size: 28px;
    font-family: var(--font-3);
    color: var(--text-1);
}

.image-infinite-bg .image_slideshow_description {
    color: var(--text-white);
}

.discover-section-container {
    display: flex;
    flex-direction: row;
}

.text-1 {
    font-family: var(--font-3); 
}
.searchContainer .text-1 {
    font-family: var(--font-3); text-shadow: 0px 0px 13px rgba(0,0,0,1);
}
.section-3 .text-1 {
    font-family: var(--font-3); text-shadow: 0px 0px 13px rgba(0,0,0,1);
}
.color-1 {
    color: var(--text-1);
}

.text-title {
    font-family: var(--font-1)
}

.color-secondary {
    color: var(--secondary-text);
}

.union-bg {
    position: absolute;
    bottom: 20px;
    opacity: 0.1;

}

.union-bg img {
    width: 324px;
}

.img-margin-layout-1 {
    margin-top: -120px;
    margin-left: 80px;
    margin-right: -80px;
}

.img-border {
    border: 5px solid white;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
}

.sectionheader {
    background: url('../image/headerBg.jpg');
    background-position: center;
    background-size: cover;
	float: left;
	position: relative;
	width: 100%;
	margin-bottom: 5vw;
	clear: both;
}

.section-3 {
    background: url('../image/mapa-madrid.jpg');
    background-position: center;
    background-size: cover;
	float: left;
	width: 100%;
	padding-top: 10vw;
	padding-bottom: 10vw;
	margin-bottom: 5vw;
	margin-top: 5vw;
}

.section-5 {
    background: url('../image/dummy-img-1920x900.jpg');
    background-position: center;
    background-size: cover;
}

.menu_section {
    flex-direction: row;
}

.img-hover {
    transition: transform 0.3s ease;
}

.img-hover:hover {
    transform: scale(1.1);
}

.menu-image {
    display: flex;
    flex-direction: row;
}

.menu-layout {
    margin-top: -80px;
    margin-bottom: 80px;
}

.r-divider {
    color: var(--red-color);
    display: flex;
    direction: ltr;
    width: 115px;
    align-items: center;
	position: relative;
	left: 50%;
	margin-left: -57px !important;	
}

.r-divider .divider-icon {
    margin-inline: 10px;
}

.r-divider::before,
.r-divider::after {
    content: "";
    width: 100%;
    mask-image: var(--divider-pattern-url);
    -webkit-mask-image: var(--divider-pattern-url);
    mask-repeat: repeat-x;
    mask-size: 20px 100%;
    -webkit-mask-repeat: repeat-x;
    -webkit-mask-size: 20px 100%;
    background-color: var(--red-color);
    min-height: 20px;
    display: block;
}

.menu {
    border-top: dashed black 1px;
    padding-block: 0.5em;
}

.rating {
    display: flex;
    flex-direction: row;
    gap: 0.5em;
    color: rgb(252 185 0);
}

.testimonial-review {
    font-size: 24px;
}

.testimonials-container {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.testimonials-section {
    padding-top: 10em 0em 2em 0em;
}

.floating-date {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    background-color: var(--red-color);
    color: var(--text-white);
    bottom: 0;
    right: 0;
    margin: 0px 10px -10px 0px;
    line-height: 1;
}

.floating-date strong {
    font-size: large;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.blog-image {
    overflow: hidden;
}

.blog-image img {
    transition: transform 0.5s;
}

.blog-container:hover .blog-image img {
    transform: scale(1.1);
}

.blogCont{ margin-bottom: 6vw;}

.footer {
	background-color: #000;
    color: white;
	position: relative;
	z-index: 10;
}
.footer a{ color:#fff; text-decoration: none;}
.instaContainer{ position: relative; z-index: 9;}
.postRead{ margin-top: 40px; position: relative; float: left; width: 150px; left: 50%; margin-left: -75px;}

.r-section.footer {
    padding: 5em 1em 5em 1em;
}

.icon-box-container {
    display: flex;
    flex-direction: row;
}

.icon-box {
    background-color: var(--red-color);
    font-size: 36px;
    border-radius: 50px 75px 50px 75px;
    color: white;
    width: 2em;
    height: 2em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.icon-box-bg-light {
    background-color: #f4f4f4;
}

.icon-box-bg-secondary {
    background-color: #d3d3d3;
}

.button-translate-hover {
    transition: all 0.5s;
}

.button-translate-hover:hover {
    transform: translateY(-10px);
    background-color: #131313;
}

.counter-number {
    color: var(--red-color);
    font-size: 50px;
    font-family: var(--font-1);
    font-weight: 600;
}

h3.quote {
    font-size: 36px;
}

.ratio-1-1 {
    aspect-ratio: 1/1;
    width: 100%;
}

.ratio-3-2 {
    aspect-ratio: 3/2;
    width: 100%;
}

.fit-cover {
    object-fit: cover;
}

.icon-food {
    position: absolute;
    top: 5%;
    right: 15%;
    color: white;
    transition: all 0.5s;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: larger;
}

.icon-food:hover {
    transform: scale(1.1);
    color: gray;
}

.text-justify {
    text-align: justify;
}

.img-margin-layout-2 {
    top: 60%;
    margin: 0% 20% 0% -20%;
}

.img-margin-layout-3 {
    top: 317px;
    left: -130px;
    width: 726px;
    object-fit: cover;
    height: 487px;
}

.img-margin-layout-4 {
    margin: -35px -127px -100px 120px;
}

.contact-map-ifr {
    width: 100%;
    height: 1000px;
    filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
}

.form-input{
    padding: 15px 5px 15px 15px;
    background-color: #F6F6F6;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E9E9E9;
}

.form-input:focus{
    box-shadow: none !important;
    border: solid 2px #131313;
}

.submit-btn{
    padding: 15px 30px 15px 30px;
    color: #FBFBFB;
    background-color: var(--red-color);
    transition: all 0.5s;
}

.submit-btn:hover {
    background-color: #131313;
    color: #FBFBFB;
}


.link-social {
    color: var(--red-color);
}

.link-black {
    color: #54595f;
    text-decoration: none;
    font-weight: 700;
}

.link-black:hover {
    color: #131313;
}

.col.contacto img{float: left; width: 100%;}

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

    h1 {
        font-size: 42px;
    }

    h3 {
        font-size: 26px;
    }

    h5 {
        font-size: 18px;
    }

    .discover-section-container {
        flex-direction: column;
    }

    .menu_section {
        flex-direction: column;
    }

    .r-section {
        padding: 3em 1em 3em 1em;
    }

    .r-section .r-container {
        padding: 0;
		 width: 100%; clear: both;
    }

    .menu-image {
        flex-direction: column;
    }

    .img-margin-layout-1 {
        margin-left: 20px;
        margin-right: -20px;
    }

    .header {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .element.header-info {
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }

    .r-section .element .icons {
        padding: 0;
        margin: 0;
        margin-bottom: 0.5rem;
    }

    .social {
        justify-content: center;
    }

    .menu-layout {
        margin: 0;
    }

    .testimonials-container {
        flex-direction: column;
    }

    .blog-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .icon-box-container {
        flex-direction: column;
        padding-inline: 1rem;
    }

    h3.quote {
        font-size: 24px;
    }

    .img-site-logo {
        max-width: 170px;
    }

    .img-margin-layout-2 {
        top: 75%;
    }

    .img-margin-layout-3 {
        top: 295px;
        left: 30px;
        width: 278px;
        object-fit: cover;
        height: 170px;
    }

    .img-margin-layout-4 {
        margin: 0;
        margin-inline: auto;
    }
}

.PubliKitDigital{ float:left; width: 100%; margin-top: 20px; font-size: 14px; text-align: center; background-color: #eee;
padding-top: 30px;}
.PubliKitDigital p{ color: #000; line-height: 1.3; font-size: 12px;}
.PubliKitDigital .content{ float:left; width: 1200px; left: 50%; margin-left: -600px; position: relative;}
.PubliKitDigital img{ width: 160px; position: relative;}	
.ue{ /* top: -20px; */ margin-left: 15px;}
	
@media(max-width : 900px)
{
	.footer .container{float: left; width: 90%; margin-left: 5%;}
	.infoFooter a{ margin-left: 0px;}
.PubliKitDigital{ float:left; width: 100%; margin-top: 20px; font-size: 11px; text-align: center; margin-bottom: 140px;}
.PubliKitDigital .content{ float:left; width: 90%; left: 0; margin-left: 5%; position: relative;}
.PubliKitDigital img{ width: 120px; position: relative;}	
.ue{ top: 0px; margin-left: 10px;}
}

.puntosVentaContainer{ height:730px; float:left; position:relative; width:100%; margin-top:0px; z-index:30; margin-bottom:30px;}
.puntosVentaList{ width:20%; float:left; position: absolute; left:0px; margin-left:0px; height:730px; z-index:10; background-image:url("../image/textura-pizarra.jpg"); background-repeat:no-repeat;}
.planoContainer{ /*background-image:url(../img/plano.jpg);*/ background-repeat:no-repeat; height:730px; width:80%; float:right; position:absolute; right:0px; background-position: left; z-index:1; overflow:hidden;/* background-color:#F0F*/}

.menu{ float:left; width:100%; height:auto; margin-bottom: 0px;}
.puntosVentaList h4{ float: left; color: #fff; font-family: var(--font-1); margin-left: 5%; width: 95%; font-size: 25px; margin-top: 20px; margin-bottom: 0px;}
.categorias{ float:left; width: 95%; height: auto; padding: 0; margin: 0; margin-left: 5%; list-style: none; margin-top: 10px;}
.categorias li{ float:left; width: auto; height: 30px; line-height: 30px; padding: 0; margin: 0; list-style: none;  border-radius: 6px; padding-left: 5px; padding-right: 5px; margin-right: 6px; margin-bottom: 6px;  background-color: #b98534; transition: 0.5s; cursor: pointer; }
.categorias li:hover{ opacity: 0.4; background-color: #fff;}
.menuButton{ width:150px; float: right; background-repeat:no-repeat; height:100% !important; cursor:pointer;}
.degustacion{ background-image:url(../img/degustacionBg.png); background-position:center; width:25px; height:54px; float:left; background-position:top center;  margin-top:45px; position:relative; left:50%; margin-left:-12px;}
.venta{ background-image:url(../img/ventaBg.png); background-position:top center; margin-top:45px; position:relative; left:50%; margin-left:-17px; width:35px; height:41px; float:left;}
.menuButton h6{ color:#FFF; font-size:1.65rem; line-height:1.4rem; float:left; width:100%; text-align:center; margin-top:15px; font-weight:400;}
.separador{ float: right; width:0px !important; height:100% !important;  border-left:solid 2px #FFFFFF;}

.menuDegustacion:hover h6{ color:#e9aa0c !important;}
.menuDegustacion:hover h6{ color:#e9aa0c !important;}
.menuVenta:hover .venta{ background-position:bottom !important;}
.menuVenta:hover .venta{ background-position:bottom !important;}


.menuActive{ background-image:url(../img/flecha.png); background-position:bottom center !important; background-repeat:no-repeat; padding-bottom:10px !important;}
.menuActive h6{ color:#e9aa0c;}
.menuActive a{ background-position:bottom;}

.listado{ color:#FFFFFF; list-style:none; margin-left:20px; padding-left:0px; width:300px; float:left; font-size:0.93rem; line-height:1.5rem; height:530px; overflow-y:auto; margin-top: 10px;}
.listado li{ float:left; width:100%; margin-left:0px; padding-left:0px; cursor:pointer; margin-bottom: 5px; color: #ccc; }
#puntosDegustacion{ display:none;}

#map { height: 750px; width:100%; margin-bottom: 60px; margin-top: 0px;}

.ampliaResena{ float:left; width: 1000px; position: relative; left: 50%; margin-left: -500px; }
.ampliaResena .img-thumbnail{ float:left; width: 100%;}
.ampliaResena .img-marco{ height: auto !important;}
.ampliaResena .img-marco img{ transform: translate(0, 0) !important; left: 0; }
.ampliaResena .fecha{ margin-top: 20px; margin-bottom: 20px; }
.ampliaResena h5{font-size: 40px; line-height: 1.2; margin-bottom: 30px;}
.rightCol{ float:right; width: 34%; padding-left: 1%; padding-right: 1%; position: relative; background-color: #F1F1F1;}
.rightCol h5{ float:left; width: 100%; position: relative; font-size: 1.3rem; margin-top: 20px; margin-bottom: 10px;}
.rightCol img{ float:left; width: 100%; position: relative;}
.linkMaps{ background-color: var(--text-1); height: 30px; line-height: 30px; width: 150px; text-align: center; margin-top: 20px; color: #fff; text-decoration: none; float: left;}
.ampliaResena .fecha{ float:left; width: 100%;}
.ampliaResena .link-black{ float:left; width: 100%;}
.ampliaResena .texto{ float:left; width: 60%;}
.tagItem{ color: var(--text-1); text-decoration: underline; }
.etiquetasBox{float: left; width: 100%; }
.shareBox{ float: left; width: 170px; overflow: hidden; height: 55px; margin-bottom: 40px;}

.desktop{ display:block; }
.mobile{ display:none; }


.seccionTexto { position: relative; width: 1000px; left: 50%; margin-left: -500px; margin-bottom: 200px; }

@media screen and (max-width : 780px){ 
	.navbar-nav{ background-color: rgba(0,0,0,0.80); padding-top: 8vw; padding-bottom: 8vw;}
	.navbar-nav .nav-link { color: #fff; margin-left: 5%;}
	.navbar .container-fluid{ padding: 0;}
	
	.puntosVentaContainer{  float:left; position:relative; width:100%; margin-top:0px; margin-bottom:30px;}
		.puntosVentaList{ width:50%; float:left; position: absolute; left:0px; margin-left:0px;  z-index:10; background-image:url(../image/textura-pizarra.jpg); background-repeat:no-repeat;}
		
	.planoContainer{ /*background-image:url(../img/plano.jpg);*/ background-repeat:no-repeat; height:730px; width:100%; float:right; position:absolute; right:0px; background-position: left; z-index:1; overflow:hidden;/* background-color:#F0F*/}

	.desktop{ display:none; }
	.mobile{ display:block; }	

	.r-section.homeSlider{ padding: 0 0 0 0 !important;}
	.homeSlider .image-overlay { height: 80vw; }
	
	.imgSlider img { max-width: 150%; position: relative; transform: translateX(-50%); top: 0;}
	
	#slide { height: 80vw; }
	/*.owl-carousel .owl-stage-outer { height: 65vw; }*/
	.imgSlider { height: 80vw; }
	.imgSlider img { width: auto !important; }
	.searchContainer h1{ font-size: 28px; width: 60%; margin-left: 20%;}
	.searchContainer h5{  width: 76%; margin-left: 12%;}
	.image_slideshow_description{ margin-top: 0; font-size: 14px;}
	.py-5 {padding-top: 2rem !important;}
	.sticky-top{ height: 17vw;}
	.navbar .nav-btn { margin-top: 4.5vw; margin-right: 3%; }
	.navbar-brand{  margin-left: 3%;}
	.sectionheader{background-position-x: -105%;}
	.img-marco { height: 65vw !important; }	
	
	.ampliaResena{ float: left; width: 100%; position: relative; left: 0;  margin-left: 0; }
	.sectionheader{ background-position-x: 60% !important; }
	.ampliaResena h5 { font-size: 25px;}
	.ampliaResena .texto { width: 100%; font-size: 14px;}
	.rightCol { float: right; width: 100%;}
	.rightCol h5 { font-size: 20px !important;}
	.col.contacto{ display: none;}
	.col.d-flex.flex-column.gap-3{ overflow: hidden; }
	.col.d-flex.flex-column.gap-3 h3{ margin-left: 1rem; }
	.col.d-flex.flex-column.gap-3 h5{ margin-left: 1rem; }
	.submit-btn{ margin-bottom: 50px;}
	.container.menu-image.mb-5{ margin-bottom: 0 !important;}
	.r-section.position-relative.mb-5{ padding-top: 0px !important;}
	.r-section.position-relative.mb-5 .py-5{ padding-top: 0px !important; padding-left: 0px !important;}
	
	.text-1.color-black{ margin-left: 0px !important; font-size: 28px;}
	
	.seccionTexto { position: relative; width: 98%; left: 0; margin-left: 1%; margin-bottom: 200px; }	
}


.leaflet-control-geocoder-form,.leaflet-control-geocoder{ visibility:hidden !important}

.leaflet-popup-content-wrapper, .leaflet-popup-tip{}
	.nombrePop{ font-size:1rem !important; text-transform: uppercase; padding-left:5px; width:98%; height:auto;/* background-color:#000000; */float:left; margin-top: 8px; font-family: var(--font-1);  color: var(--text-1); }
	.popupMapa{ color:##ccc !important; font-size:0.75rem; text-align:left; padding-left:5px; width:98%; height:auto;/* background-color:#000000; */float:left;}
.awesome-marker{ }
/**/