@charset "utf-8";

/* *****************************************************************
Theme Name: Perú Gourmet Sour
Theme URI: https://www.perugourmetsour.cl/
Description: Theme para el sitio web de Perú Gourmet Sour
Version: 10/06/2020
****************************************************************** */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&display=swap');
.container { max-width: 940px; }
html { scroll-behavior: smooth; }
a { transition: all 0.3s ease; text-decoration: none; }
a:hover, a:focus { transition: all 0.3s ease; text-decoration: none; }
body { display: flex; min-height: 100vh; flex-direction: column; }
section#contenido { flex: 1; }
img.imagen-fluida { display: block; width: 100%; height: auto; }
.banner-principal { position: relative; }
.banner-principal img { width: 100%; height: auto; }
.banner-principal .logo { position: absolute; right: 12%; width: 26%; top: 24%; }
.banner-principal .logo img { max-width: 100%; height: auto; width: auto; }
header { position: absolute; width: 100%; top: 0; z-index: 2; }
header button { color: #fff; outline: none; position: absolute; top: 15px; left: 100px; transition: .3s ease; }
header button i { font-size: 36px; }
header .menu { width: 100%; margin-left: 200px; margin-top: 14px; }
header .menu ul li { font-family: Maven Pro, sans-serif; font-weight: 500; text-transform: uppercase; display: inline-block; width: auto; position: relative; padding-right: 70px; margin-right: 70px; }
header .menu ul li a { color: #fff; font-size: 16px; }
header .menu .navbar-nav { display: block; }
header .menu ul li:after { content: ''; display: block; width: 1px; height: 60px; background-color: #fff; position: absolute; right: 0; top: -22px; }
header .menu ul li:last-child { margin-right: 0px; }
header .menu ul li:last-child:after { display: none; }
header .menu ul li a:hover { color: #000947; }
header button:hover { color: #000947; }
header button:focus { outline: none; }
header .socials { position: absolute; right: 100px; top: 22px; }
header .socials ul { padding: 0px; list-style: none; margin: 0px; }
header .socials ul li { display: inline-block; position: relative; margin-right: 10px; padding-right: 20px; }
header .socials ul li:before { content: ''; display: block; width: 1px; height: 60px; background-color: #fff; position: absolute; right: 0; top: -22px; }
header .socials ul li a { font-size: 23px; color: #fff; transition: .3s ease; }
header .socials ul li a:hover { color: #000947; }
header .socials ul li:last-child:before { display: none; }
header .socials ul li:last-child { margin-right: 0; padding-right: 0; }
@media (max-width:1199px) {
    header .menu ul li { margin-right: 30px; padding-right: 30px; }
}
@media (max-width:991px) {
    header .menu ul li { margin-right: 20px; padding-right: 20px; }
    header button { left: 15px; }
    header .menu { margin-left: 70px; }
}
@media (max-width:768px) {
    .banner-principal .logo { right: 12%; width: 26%; top: 24%; }
    header { background-color: rgba(0, 0, 0, 0.8); padding: 0px; position: fixed; z-index: 4; }
    header nav.navbar { padding: 0px; position: relative; }
    header button { left: 15px; z-index: 4; position: fixed; }
    header .menu { margin: 0px; }
    header .menu .navbar-nav { height: 100vh; display: table-cell; vertical-align: middle; text-align: center; width: 100vw; }
    header .socials { opacity: 0; transition: 0.3s ease; }
    header .menu ul li { display: block; width: 100%; padding: 0px; margin: 0px; max-width: 280px; margin: 0 auto; }
    header .menu ul li:after { width: 100%; height: 1px; bottom: 0px; top: auto; }
    header .menu ul li:last-child { margin-right: inherit; }
    header .menu ul li a { font-size: 18px; }
    header .menu .navbar-nav:before { content: ''; display: block; width: 39%; margin: 0 auto; background-image: url(../img/logo-santo.png); background-size: contain; background-repeat: no-repeat; padding-top: 24%; margin-bottom: 19px; margin-top: -20%; }
    header button i.fas.fa-bars { text-shadow: 1px 1px 4px #00000069; }
}
footer { background-color: #000; text-align: center; padding: 15px 0px; border-top: 3px solid #b1a15c; margin-top: -68px; }
footer h6 { display: inline-block; margin: 0px; font-family: Lato; font-weight: 300; color: #989898; font-size: 14px; }
footer .socials { display: inline-block; }
footer .socials ul { margin-left: 5px; position: relative; top: 2px; }
footer .socials ul li { font-size: 19px; }
footer .socials ul { padding: 0px; list-style: none; margin-bottom: 0px; margin-left: 25px; }
footer .socials ul li { display: inline-block; font-size: 24px; margin: 0px 4px; }
footer .socials ul li a { color: #b1a15c; }
footer .socials ul li a:hover { color: #fff; }
@media (max-width:767px) { }
@media (min-width:768px) and (max-width:979px) { }

/* portada */
.content { background-position: center; background-size: 1406px; position: relative; background-color: #0b3087; background-repeat: no-repeat; background-position-y: -35px; background: rgb(0, 9, 71); background: -moz-linear-gradient(180deg, rgba(0, 9, 71, 1) 0%, rgba(11, 48, 135, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(0, 9, 71, 1) 0%, rgba(11, 48, 135, 1) 100%); background: linear-gradient(180deg, rgba(0, 9, 71, 1) 0%, rgba(11, 48, 135, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000947", endColorstr="#0b3087", GradientType=1); }
.boton-vermas { position: absolute; bottom: 10px; right: 20px; transition: .3s ease; }
.boton-vermas svg { width: 25px; position: relative; top: 1px; margin-left: 5px; }
.boxes-top .item { padding: 0px; margin-left: 0; margin-right: 0; max-width: 100% !important; flex: 1 !important; }
.boxes-top .item .wrapper { background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 159px; position: relative; padding: 21px 30px; margin-top: -30px; z-index: 1; display: flex; justify-content: flex-end; align-items: center; }
.boxes-top .item .wrapper .titulo-box { position: relative; max-width: 169px; }
.boxes-top .item .wrapper .titulo-box p { margin: 0px; color: #000; font-family: olsenbold; font-size: 30px; line-height: initial; }
.boton-vermas p { margin: 0px; font-family: montserrat; font-weight: 500; color: #fff; font-size: 14px; background-color: #121417; padding: 5px 30px; border-radius: 10px; }
.boton-vermas polygon { fill: #fff; position: relative; }
.boxes-top {    /* margin-top: -35px; */
padding: 0px 15px; }
.boxes-top .item a:hover .boton-vermas {    /* right: 10px; */ }
.boxes-top .item .wrapper:before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; top: 0; background-color: #000; opacity: 0.3; transition: .3s ease; display: none; }
.boxes-top .item a:hover .wrapper:before { opacity: 0; }

/* VIDEO /*/
.video { padding-bottom: 40px; padding-top: 40px; }
.video .wrapper-video { position: relative; display: table; width: 100%; height: 100%; }
.video .wrapper-video div#vidwrap1 { padding-top: 56%; background-size: cover; background-position: center; cursor: pointer; transition: 0s; }
.video .wrapper-video iframe, .video .wrapper-video video { z-index: 2; position: absolute; top: 0; width: 100%; height: 100%; }
.video .wrapper-video div#vidwrap1:hover:before { opacity: 0.5; }
.video .wrapper-video div#vidwrap1:before { content: ''; display: block; width: 130px; height: 130px; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url(../img/play.png); background-size: cover; background-position: center; background-repeat: no-repeat; transition: .3s ease; display: none; }
.video .wrapper-video div#vidwrap1.bg-black { background-image: none !important; background-color: #000; }
@media (max-width:768px) {
.video .wrapper-video div#vidwrap1:before { width: 70px; height: 70px; }
.video .wrapper-video { margin-top: 0px; }
.video { padding-bottom: 20px; padding-top: 30px; }
}

/* PISO DESCUBRE */
.descubre { padding-bottom: 120px; position: relative; }
.descubre figure { text-align: center; margin-bottom: 20px; }
.descubre figure img { max-width: 100%; height: auto; }
.descubre h3 { font-family: Maven Pro, sans-serif; text-align: center; text-transform: uppercase; color: #b1a15c; font-size: 38px; margin-top: 0px; font-weight: bold; }
.descubre p { font-family: Maven Pro, sans-serif; font-size: 25px; text-align: center; color: #fff; line-height: 29px; margin-bottom: 5px; }
.descubre span { text-align: center; width: 100%; display: block; font-family: olsenbold; font-style: italic; color: #cf6a08; font-size: 25px; }
@media (max-width:768px) {
    .descubre h3 { font-size: 20px; }
    .descubre p { font-size: 16px; line-height: 18px; }
}

/* PISO BOTELLAS */
.botellas img { max-width: 420px; margin: 0 auto; width: auto !important; }
.botellas .botellas-slider { position: relative; }
.botellas .botellas-slider .owl-nav { }
.botellas .botellas-slider .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); opacity: 0.7; outline: none; transition: .3s ease; }
.botellas .botellas-slider .owl-nav button.owl-prev { left: 15px; }
.botellas .botellas-slider .owl-nav button.owl-next { right: 15px; }
.botellas .botellas-slider .owl-nav button:hover { opacity: 1; }
.botellas { margin-top: -75px; padding-bottom: 50px;    /* background: rgb(255, 255, 255); */ background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(82, 82, 82, 1) 100%);    /* background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(82, 82, 82, 1) 100%); */    /* background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(82, 82, 82, 1) 100%); */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#525252", GradientType=1); }

/* MIXOLOGIA */
.mixologia { }
.mixologia .banner { position: relative; }
.mixologia .banner img { width: 100%; height: auto; }
.mixologia .banner .wrapper-texto { position: absolute; top: 0px; width: 100%; height: 100%; display: table; }
.mixologia .banner .wrapper-texto .centrado { display: table-cell; vertical-align: middle; }
.mixologia .banner .wrapper-texto .centrado h3 { font-family: olsenbold; text-align: center; font-size: 52px; color: #fff; }
.mixologia .banner .wrapper-texto .centrado p { color: #fff; font-family: olsenregular; text-align: center; font-size: 22px; line-height: 28px; }
.mixologia .bottom-calugas { background-image: url(../img/texture.png); background-size: cover; background-position: center; padding-bottom: 30px; }
.mixologia .bottom-calugas .wrapper-calugas { margin-top: -70px; position: relative; }
.mixologia .bottom-calugas .wrapper-calugas .item { min-height: 375px; background-position: center; background-size: cover; margin-bottom: 15px; }
.wrapper-table { display: table; width: 100%; height: 100%; }
.wrapper-table .wrapper-table-vertical { display: table-cell; vertical-align: middle; }
.mixologia .bottom-calugas .wrapper-calugas .item .texto-nombre { padding-left: 100px; }
.mixologia .bottom-calugas .wrapper-calugas .item .texto-nombre h4 { font-family: olsenregular; color: #fff; font-size: 45px; line-height: 45px; }
.mixologia .bottom-calugas .wrapper-calugas .item .texto-nombre h4 strong { font-family: olsenbold; font-weight: initial; display: block; }
.mixologia .bottom-calugas .wrapper-calugas .item .texto-nombre span { margin-top: -2px; display: block; }
.mixologia .bottom-calugas .wrapper-calugas .item .texto-nombre span img { max-width: 100%; height: auto; }
.mixologia .bottom-calugas .wrapper-calugas .item .info { text-align: right; }
.mixologia .bottom-calugas .wrapper-calugas .item .info .caja-texto { max-width: 495px; display: inline-block; color: #fff; font-family: opensansregular; font-size: 16px; position: relative; top: -20px; transition: .3s ease; opacity: 0; }
.mixologia .bottom-calugas .wrapper-calugas .item a { width: 100%; margin: 0px; position: relative; }
.mixologia .bottom-calugas .wrapper-calugas .item .info .caja-texto p { margin: 0px; }
.mixologia .bottom-calugas .wrapper-calugas .item .info .caja-texto p strong { font-family: opensansbold; }
.mixologia .boton-vermas { bottom: 15px; right: 15px; }
.mixologia .bottom-calugas .wrapper-calugas .item a:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; background-color: #000; opacity: 0; transition: .3s ease; }
.mixologia .bottom-calugas .wrapper-calugas .item a:hover:before { opacity: 0.6; }
.mixologia .bottom-calugas .wrapper-calugas .item a:hover .caja-texto { top: 0; opacity: 1; }
.mixologia a:hover .boton-vermas { opacity: 0.5; }
.mixologia .bottom-calugas .wrapper-calugas .item .info .caja-texto span.boton { font-family: olsenregular; color: #fff; background-color: #cc6600; padding: 10px 50px; border-radius: 5px; display: inline-block; margin-top: 20px; transition: .3s ease; }
.mixologia .bottom-calugas .wrapper-calugas .item .info .caja-texto span.boton:hover { background-color: #300000; }
@media (max-width:768px) {
    .mixologia .banner .wrapper-texto .centrado h3 { font-size: 35px; }
    .mixologia .banner .wrapper-texto .centrado p { font-size: 15px; line-height: 16px; }
    .mixologia .bottom-calugas .wrapper-calugas .item .texto-nombre h4 { font-size: 30px; line-height: 30px; }
    .mixologia .bottom-calugas .wrapper-calugas .item .texto-nombre span { max-width: 93px; }
    .mixologia .bottom-calugas .wrapper-calugas .item .texto-nombre { padding-left: 30px; }
    .mixologia .bottom-calugas .wrapper-calugas .item .info .caja-texto { opacity: 1; }
    .mixologia .bottom-calugas .wrapper-calugas .item a:before { opacity: 0.7; }
    .mixologia .bottom-calugas .wrapper-calugas { margin-top: 0px; }
    .mixologia .bottom-calugas { padding-top: 15px; }
}
.banner-principal .nombre-receta { position: absolute; top: 15%; left: 11%; width: 26%; }
.banner-principal .nombre-receta h2 { color: #fff; font-family: olsenregular; font-size: 58px; line-height: 62px; text-transform: uppercase; }
.banner-principal .nombre-receta h2 strong { font-family: olsenbold; }
.banner-principal .nombre-receta h2 span { display: block; margin-top: -8px; }
.banner-principal .nombre-receta h2 span img { max-width: 100%; width: auto; }
@media (max-width:768px) {
    .banner-principal .nombre-receta h2 { font-size: 40px; line-height: 44px; }
    .banner-principal .nombre-receta h2 span img { max-width: 130px; }
    .banner-principal .nombre-receta { left: 82px; }
}
.mixologia .bottom-calugas .wrapper-calugas .item.abierto { background-color: #912f00; min-height: 330px; padding-bottom: 40px; }
.video .wrapper-video .middle { vertical-align: top; display: table-cell; padding-top: 30px; }
.mixologia .video { padding-bottom: 0px; }
.pagina-mix .receta-contenido { }
.pagina-mix .receta-contenido .warpper-receta { width: 100%; height: 100%; }
.pagina-mix .receta-contenido .recetas-wrapper { display: table; width: 100%; height: 100%; }
.pagina-mix .receta-contenido .warpper-receta .row { margin: 0px; width: 100%; height: 100%; }
.pagina-mix .receta-contenido .warpper-receta .row .left, .pagina-mix .receta-contenido .warpper-receta .row .right { width: 100%; height: 100%; }
.pagina-mix .receta-contenido .warpper-receta .wrapper { display: table-cell; vertical-align: top; padding-top: 50px; }
.pagina-mix .receta-contenido .warpper-receta .wrapper h4 { font-family: olsenbold; text-transform: uppercase; color: #fff; font-size: 20px; }
.pagina-mix .receta-contenido .warpper-receta .wrapper ul { color: #fff; font-family: opensansbold; font-size: 14px; list-style: none; padding-left: 0px; margin-bottom: 0px; }
.pagina-mix .receta-contenido .warpper-receta .wrapper p { color: #fff; font-family: Opensansregular; font-size: 14px; }
.mixologia.pagina-mix .item.abierto .boton-vermas { bottom: -22px; }
@media (max-width:768px) {
    .pagina-mix .item.abierto .receta-contenido .warpper-receta .wrapper { padding-bottom: 0px !important; display: block; padding-top: 30px; }
    .pagina-mix .item.abierto .receta-contenido .recetas-wrapper { display: block; }
    .pagina-mix .receta-contenido .warpper-receta .row .left, .pagina-mix .receta-contenido .warpper-receta .row .right { height: auto; }
}

/* FORZAR AGEGATE*/
div#itro_opaco { background-color: rgba(0, 0, 0, 0.5) !important; opacity: 1 !important; }
div#itro_popup { display: block !important; border: 0px !important; border-radius: 0px !important; background-size: cover !important; }
#age_button_area input { background-color: #912f00; color: #fff; border: 0px; width: 100px; font-family: olsenregular; font-size: 25px; transition: .3s ease; cursor: pointer; padding: 10px 0px; }
#age_button_area input:hover { background-color: #541b00; }
div#popup_content { text-align: center; padding: 40px; }
div#popup_content img { max-width: 100%; height: auto; width: auto; display: inline-block; }
div#popup_content p { font-family: olsenregular; font-size: 14px; color: #333333; margin-top: 23px; max-width: 400px; margin: 15px auto; }
div#popup_content h5 { font-family: olsenbold; font-size: 18px; color: #912f00; }
.pop-up-edad { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 10; }
.pop-up-edad .wrapper-table { display: table; width: 100%; height: 100%; }
.pop-up-edad .wrapper-table .vertical { display: table-cell; vertical-align: middle; text-align: center; padding-left: 30px; padding-right: 30px; }
.pop-up-edad .wrapper-table .vertical .wrapper-base { max-width: 730px; margin: 0 auto; padding: 50px 30px; background-image: url(../img/bg-modal.png); background-position: center; background-size: cover; border: 3px solid #b1a15c; padding-bottom: 30px; }
.pop-up-edad .wrapper-table .vertical .wrapper-base .imagen-logo-edad { margin-bottom: 45px; }
.pop-up-edad .wrapper-table .vertical .wrapper-base .imagen-logo-edad img { max-width: 100%; height: auto; }
.pop-up-edad .wrapper-table .vertical .wrapper-base p { font-family: maven pro, sans-serif; font-size: 14px; color: #666666; max-width: 370px; margin: 15px auto; font-weight: 500; margin-bottom: 15px; }
.pop-up-edad .wrapper-table .vertical .wrapper-base h4 { font-family: Maven Pro, sans-serif; font-size: 18px; color: #0d3087; font-weight: bold; margin-bottom: 20px; }
.pop-up-edad .wrapper-table .vertical .wrapper-base .botones { }
.pop-up-edad .wrapper-table .vertical .wrapper-base .botones a { display: inline-block; background-color: #b1a15c; color: #fff; border: 0px; width: 80px; font-family: Maven Pro, sans-serif; font-size: 18px; transition: .3s ease; cursor: pointer; padding: 18px 0px; margin-bottom: 10px; font-weight: bold; }
.pop-up-edad .wrapper-table .vertical .wrapper-base .botones a:hover { background-color: #0d3087; }
.slogan img { max-width: 100%; height: auto; width: auto; }
.slogan { position: absolute; right: 0; bottom: 65px; width: 40%; display: flex; justify-content: flex-end; }
.detalle { transform: translateY(-50%); position: absolute; top: calc(100%); }
.detalle.left { left: 0; }
.detalle.right { right: 0; text-align: right; }
.detalle img { max-width: 100%; height: auto; width: auto; }
@media (max-width:768px) {
    .detalle { width: 21%; }
}
@media (max-width:991px) {
    .boxes-top .item .wrapper { background-position-x: left; }
}
@media (max-width:768px) {
    .boxes-top .item .wrapper .titulo-box { max-width: 50%; }
    .boxes-top .item .wrapper { background-position: 19%; }
    .boxes-top .item .wrapper .titulo-box p { font-size: 22px; }
}
.banner-principal .owl-dots { position: absolute; left: 0; right: 0; bottom: 9%; display: flex; align-items: center; justify-content: center; }
.banner-principal .owl-dots button { width: 13px; height: 13px; background-color: #fff; border-radius: 50px; margin: 5px; transition: .3s ease; outline: none; box-shadow: none; }
.banner-principal .owl-dots button.active { background-color: #0b3087; width: 60px; }
.pop-up-edad .wrapper-table .vertical .wrapper-base .disfurta { color: #666666; font-size: 10px; font-weight: bold; text-align: center; font-family: Maven Pro, sans-serif; margin-top: 5px; }
.boxes-top .item .wrapper .texts { }
.boxes-top .item .wrapper .texts p { color: #0b3087; font-family: Maven Pro, sans-serif; font-weight: bold; font-size: 39px; line-height: 34px; margin: 0; }
.boxes-top .item .wrapper .texts .boton { color: #fff; background-color: #0b3087; text-align: center; margin-top: 10px; border-radius: 6px; padding: 7px 10px; font-family: Maven Pro, sans-serif; font-weight: 600; border: 1px solid #0b3087; transition: .3s ease; }
.boxes-top .item a:hover .boton { background-color: transparent !important; color: #0b3087 !important; }
.boxes-top .item .disfruta { color: #fff; position: absolute; top: -56px; z-index: 2; font-size: 12px; font-family: Maven Pro, sans-serif; font-weight: 500; }
.content .detalle-bg { position: absolute; width: 100%; overflow: hidden; height: 100%; z-index: 0; }
.content .detalle-bg img { max-width: 1465px; height: auto; position: absolute; left: 50%; transform: translateX(-50%); width: auto; top: 0; z-index: 9999; top: -66px; }
.content .container { position: relative; }
section.prefooter { background-color: #0b3087; margin-top: -30px; }
section.prefooter .iamgenes { }
section.prefooter .iamgenes img { max-width: 100%; height: auto; margin: 0 auto; display: block; }
@media (max-width:991px) {
    .content .detalle-bg img { max-width: 154%; }
    .boxes-top .item .wrapper:before { content: ''; display: block; background: rgb(0, 0, 0); background: -moz-linear-gradient(281deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(281deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(281deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1); opacity: 0.2; }
    .boxes-top .item .wrapper .texts { position: relative; }
}
@media (max-width:768px) {
    .boxes-top .item .wrapper .texts { text-align: center; }
    .boxes-top .item .wrapper:before { opacity: 0.2; }
    .banner-principal .owl-dots button { width: 7px; height: 7px; }
    .banner-principal .owl-dots { bottom: 32px; }
    .boxes-top .item .disfruta { top: -69px; }
    .content .detalle-bg img { max-width: 205%; opacity: 0.3; }
}