@import url("https://fonts.googleapis.com/css?family=Barlow+Condensed:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i");
/* mixin for multiline */
header { position: relative; }

main { z-index: 0; position: relative; }

a { cursor: pointer; text-decoration: none; color: #A0A0A0; }

body { background-color: #000; background-image: url(../img/fondo.png); font-family: 'Barlow Condensed', sans-serif; font-size: 14px; line-height: 1.4em; font-weight: 400; color: #fff; }

.bg { z-index: 0; position: absolute; overflow: hidden; width: 100%; height: 100%; min-height: 2000px; }

.bg .elementos-bg { position: absolute; width: 1920px; height: 100%; top: 0; left: -15000px; right: -15000px; margin: auto; }

.bg .elementos-bg .luz { position: absolute; width: 942px; height: 896px; left: 702px; top: 144px; transition: all linear 4s; }

.bg .elementos-bg .luz.mover { top: 74px; }

.bg .elementos-bg .luz img { width: 100%; }

.bg .elementos-bg .milanesa { position: absolute; top: 0; width: 916px; height: 1150px; top: 0px; overflow: hidden; right: 0; transition: all linear 2s; }

.bg .elementos-bg .milanesa.mover { top: -80px; }

.bg .elementos-bg .milanesa img { width: 100%; }

.bg .elementos-bg .pimienta1 { position: absolute; width: 147px; height: 130px; left: 960px; top: 216px; transition: all linear 2.2s; }

.bg .elementos-bg .pimienta1.mover { top: 166px; }

.bg .elementos-bg .pimienta1 img { width: 100%; }

.bg .elementos-bg .pimienta2 { position: absolute; width: 162px; height: 143px; left: 650px; top: 800px; transition: all linear 3s 0.2s; }

.bg .elementos-bg .pimienta2.mover { top: 760px; }

.bg .elementos-bg .pimienta2 img { width: 100%; }

.bg .elementos-bg .panes { position: absolute; width: 373px; height: 267px; left: 72px; top: 163px; transition: all linear 2s 0.1s; }

.bg .elementos-bg .panes.mover { top: 108px; }

.bg .elementos-bg .panes img { width: 100%; }

.bg .elementos-bg .romero { position: absolute; width: 430px; height: 420px; left: -127px; top: 765px; transition: all linear 2s; }

.bg .elementos-bg .romero.mover { top: 725px; }

.bg .elementos-bg .romero img { width: 100%; }

@media (max-width: 991px) { .bg .elementos-bg { position: absolute; width: 1600px; }
  .bg .elementos-bg .luz { display: none; }
  .bg .elementos-bg .milanesa { width: 819px; height: 785px; top: 133px; }
  .bg .elementos-bg .milanesa.mover { top: 53px; }
  .bg .elementos-bg .panes { left: 200px; top: 110px; }
  .bg .elementos-bg .panes.mover { top: 60px; }
  .bg .elementos-bg .pimienta1 { left: 825px; top: 134px; }
  .bg .elementos-bg .pimienta1.mover { top: 79px; }
  .bg .elementos-bg .pimienta2 { left: 625px; top: 710px; }
  .bg .elementos-bg .pimienta2.mover { top: 670px; }
  .bg .elementos-bg .romero { left: 190px; top: 720px; }
  .bg .elementos-bg .romero.mover { top: 680px; } }

@media (max-width: 767px) { .bg .elementos-bg { position: absolute; width: 840px; }
  .bg .elementos-bg .luz { display: block; width: 480px; height: 456px; top: 223px; left: 0; right: 0; margin: auto; }
  .bg .elementos-bg .luz.mover { top: 153px; }
  .bg .elementos-bg .milanesa { width: 386px; height: 370px; top: 250px; left: 460px; }
  .bg .elementos-bg .milanesa.mover { top: 170px; }
  .bg .elementos-bg .panes { width: 184px; height: 131px; left: 88px; top: 120px; }
  .bg .elementos-bg .panes.mover { top: 70px; }
  .bg .elementos-bg .pimienta1 { width: 100px; height: 87px; left: 512px; top: 170px; }
  .bg .elementos-bg .pimienta1.mover { top: 115px; }
  .bg .elementos-bg .pimienta2 { width: 100px; height: 87px; left: 450px; top: 670px; }
  .bg .elementos-bg .pimienta2.mover { top: 630px; }
  .bg .elementos-bg .romero { width: 210px; height: 205px; left: 90px; top: 640px; }
  .bg .elementos-bg .romero.mover { top: 600px; } }

@media (max-width: 479px) { .bg .elementos-bg { position: absolute; width: 480px; }
  .bg .elementos-bg .luz { display: none; }
  .bg .elementos-bg .milanesa { width: 320px; height: 305px; top: 105px; left: 0; right: 0; margin: auto; }
  .bg .elementos-bg .milanesa.mover { top: 25px; }
  .bg .elementos-bg .panes { left: -37px; top: 75px; }
  .bg .elementos-bg .panes.mover { top: 25px; }
  .bg .elementos-bg .pimienta1 { display: none; }
  .bg .elementos-bg .pimienta2 { left: 320px; top: 680px; }
  .bg .elementos-bg .pimienta2.mover { top: 640px; }
  .bg .elementos-bg .romero { width: 165px; height: 198px; left: 0px; top: 715px; }
  .bg .elementos-bg .romero.mover { top: 675px; } }

.navbar { position: fixed; z-index: 4; width: 100%; background-image: url(../img/bg-navbar.png); background-repeat: repeat; border: 0px; background-size: auto 100%;}

.navbar .navbar-header { position: relative; width: 100%; }

.navbar .navbar-brand { margin: 20px auto !important; left: 0; right: 0; padding: 0; position: absolute; width: 120px; height: 120px; }

.navbar .navbar-brand img { width: 100%; }

.navbar .navbar-collapse { padding-left: 0; background: transparent url(../img/linea-navbar.svg) center bottom no-repeat; }

@media (min-width: 992px) { .navbar .navbar-nav { float: left; height: 170px; margin: 0; } }

.navbar .navbar-nav a { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; line-height: 1.4; font-weight: 400; color: #A0A0A0; margin-top: 60px; margin-right: 45px; padding: 15px 0px; letter-spacing: 0.05em; }

.navbar .navbar-nav a:hover, .navbar .navbar-nav a:focus { color: #fff; background: transparent; }

.navbar .navbar-nav a.active { color: #FFBA00; }

.navbar .navbar-nav.navbar-right { margin-right: 25px; }

.navbar a.btn-carrito { top: 75px; position: absolute; right: 12px; }

.navbar a.btn-carrito h3 { font-size: 12px; margin: -1px -10px; text-align: right; }/**/

.navbar a.btn-carrito.collapsed svg path { fill: #A0A0A0; }

.navbar a.btn-carrito svg path, .navbar a.btn-carrito:hover svg path, .navbar a.btn-carrito.collpased:hover svg path { fill: #FFBA00; }

@media (max-width: 991px) { .navbar .navbar-header { height: 170px; margin: 0; background: transparent url(../img/linea-navbar.svg) center 110px no-repeat; z-index: 2; }
  .navbar .navbar-toggle { float: left; margin-left: 50px; border-radius: 0px; margin-top: 50px; display: block; border: none; width: 110px; padding: 0; }
  .navbar .navbar-toggle span { left: 0; background-color: #A0A0A0; margin-top: 0 !important; position: absolute; transition: all linear  0.1s; }
  .navbar .navbar-toggle span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 6px; }
  .navbar .navbar-toggle span:nth-child(3) { width: 0px; top: 6px; }
  .navbar .navbar-toggle span:nth-child(4) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 6px; }
  .navbar .navbar-toggle.collapsed span:nth-child(2) { top: 0; }
  .navbar .navbar-toggle.collapsed span:nth-child(3) { top: 6px; }
  .navbar .navbar-toggle.collapsed span:nth-child(4) { top: 12px; }
  .navbar .navbar-toggle.collapsed span { width: 22px; -webkit-transform: rotate(0); transform: rotate(0); }
  .navbar .navbar-toggle.collapsed::after { content: 'MENU'; }
  .navbar .navbar-toggle::after { transition: all linear  0.1s; content: 'CERRAR'; margin-left: 10px; position: relative; top: -3px; color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.4em; }
  .navbar a.btn-carrito { top: 50px; right: 45px; }
  .navbar .navbar-collapse { background-color: #000; background-image: url(../img/fondo.png); top: 0px; left: 0; position: absolute; width: 100%; z-index: 1; }
  .navbar .navbar-collapse.collapse { display: none !important; visibility: hidden !important; padding-bottom: 0; height: 0; overflow: hidden !important; }
  .navbar .navbar-collapse.in { display: block !important; visibility: visible !important; height: 1024px !important; padding-bottom: 0; overflow: auto; }
  .navbar .navbar-nav { margin-top: 270px; margin-left: 16.66%; width: 33.33%; }
  .navbar .navbar-nav li { display: block; }
  .navbar .navbar-nav li a { font-size: 50px; line-height: 1; font-weight: 500; margin-top: 0px; padding: 30px 0px; }
  .navbar .navbar-nav.navbar-right { clear: both; margin-top: 0; float: left !important; } }

@media (max-width: 767px) { .navbar .navbar-header { margin-left: -15px; margin-right: -15px; width: auto; }
  .navbar .navbar-toggle { margin-left: 25px; }
  .navbar a.btn-carrito { right: 25px; }
  .navbar .navbar-collapse { right: 0; margin-left: 0; }
  .navbar .navbar-nav { width: 50%; }
  .navbar .navbar-nav li a { font-size: 35px; line-height: 1; padding: 20px 0px; } }

@media (max-width: 479px) { .navbar .navbar-header { height: 120px; margin-left: 0; margin-right: 0; max-width: 100%; background-position: center 70px; background-size: auto 35px; }
  .navbar .navbar-brand { margin-top: 12px !important; width: 70px; height: 70px; }
  .navbar .navbar-toggle { margin-left: 15px; margin-top: 30px; }
  .navbar .navbar-toggle.collapsed::after { content: ''; }
  .navbar .navbar-toggle::after { content: ''; }
  .navbar a.btn-carrito { right: 15px; top: 20px; }
  .navbar .navbar-collapse { right: 0; margin-left: 0; }
  .navbar .navbar-nav { margin-top: 140px; width: 50%; }
  .navbar .navbar-nav li a { font-size: 25px; line-height: 1; padding: 15px 0px; } }

.intro .txt { position: relative; top: 405px; transition: all linear 4s; }

.intro .txt.mover { top: 340px; }

.intro .txt h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 47px; line-height: 1.2; font-weight: 300; color: #D6D6D6; padding-right: 150px; }

.intro .txt h1 strong { font-weight: 700; display: block; }

.intro .txt p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 18px; line-height: 28px; margin-top: 35px; }

.intro .txt a.arrow { margin-top: 40px; display: block; width: 20px; height: 50px; cursor: pointer; }

.intro .txt a.arrow.arrow:hover { -webkit-animation: bounce 1s; animation: bounce 1s; }

@media (max-width: 991px) { .intro .txt { top: 320px; }
  .intro .txt.mover { top: 255px; }
  .intro .txt h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 40px; line-height: 50px; font-weight: 300; color: #fff; padding-right: 50px; }
  .intro .txt p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 18px; line-height: 28px; margin-top: 35px; } }

@media (max-width: 767px) { .intro .txt { top: 260px; }
  .intro .txt.mover { top: 195px; }
  .intro .txt h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 30px; line-height: 35px; font-weight: 300; color: #fff; padding-right: 0px; }
  .intro .txt p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 15px; line-height: 25px; margin-top: 25px; }
  .intro .txt a.arrow { margin-top: 30px; } }

@media (max-width: 479px) { .intro .txt { top: 380px; }
  .intro .txt.mover { top: 315px; }
  .intro .txt a.arrow { margin-top: 20px; } }

.categorias-home { background-image: url(../img/luz.png); background-position: top center; background-repeat: no-repeat; position: relative; padding-top: 290px; margin-top: 380px; overflow: hidden; padding-bottom: 300px; }

.categorias-home a { transition: all ease-out 2s; opacity: 0; display: block; position: relative; top: 40px; }

.categorias-home a .centrar-img { width: 100%; padding-bottom: 100%; }

.categorias-home a .centrar-img img { width: 100%; }

.categorias-home a h1 { text-align: center; margin-top: 0; font-family: 'Barlow Condensed', sans-serif; font-size: 40px; line-height: 48px; font-weight: 500; color: #fff; }

.categorias-home a span { border: 1px solid #A0A0A0; font-size: 14px; color: #A0A0A0; width: 213px; line-height: 2.85em; text-align: center; font-family: 'Rubik', sans-serif; display: block; margin: auto; margin-top: 40px; }

.categorias-home a span p { margin-bottom: 0; }

.categorias-home a:hover span, .categorias-home a:focus span { border-color: #fff; color: #fff; }

.categorias-home a.aparecer { opacity: 1; top: 0; }

.categorias-home .modulo-cate:nth-child(2) a { transition-delay: 0.4s; }

.categorias-home .modulo-cate:nth-child(3) a { transition-delay: 0.8s; }

.categorias-home .elementos-bg .pan { opacity: 0; position: absolute; width: 294px; height: 338px; left: 1460px; top: 690px; transition: all linear 1.5s; }

.categorias-home .elementos-bg .pan.aparecer { top: 660px; opacity: 1; }

.categorias-home .elementos-bg .pimienta3 { opacity: 0; position: absolute; width: 116px; height: 100px; left: 1650px; top: 900px; transition: all linear 2s; }

.categorias-home .elementos-bg .pimienta3.aparecer { top: 870px; opacity: 1; }

@media (max-width: 991px) { .categorias-home { background-size: 768px auto; padding-top: 200px; margin-top: 350px; padding-bottom: 200px; }
  .categorias-home a h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 35px; line-height: 42px; font-weight: 500; color: #fff; }
  .categorias-home a span { width: 162px; margin-top: 25px; }
  .categorias-home .elementos-bg { display: none; } }

@media (max-width: 767px) { .categorias-home { background-size: 480px auto; padding-top: 140px; margin-top: 230px; padding-bottom: 40px; }
  .categorias-home a h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 25px; line-height: 30px; font-weight: 500; color: #fff; }
  .categorias-home a span { width: 130px; font-size: 12px; } }

@media (max-width: 479px) { .categorias-home { padding-top: 0px; margin-top: 400px; padding-bottom: 0px; }
  .categorias-home a { margin-bottom: 30px; width: 100%; display: inline-block; }
  .categorias-home a .centrar-img { width: 45%; float: left; padding-bottom: 45%; }
  .categorias-home a h1 { width: 50%; float: right; text-align: left; margin-top: 25px; font-family: 'Barlow Condensed', sans-serif; font-size: 30px; line-height: 35px; font-weight: 500; color: #fff; }
  .categorias-home a span { display: block; float: right; width: 40%; margin-right: 10%; margin-top: 5px; } }

.bloque-promos { margin-top: -60px; opacity: 0; transition: all ease-out 2s; }

.bloque-promos .promocion { background-image: url(../img/dotted.svg); background-repeat: repeat-x; background-position: top; padding-top: 50px; padding-bottom: 50px; }

.bloque-promos .promocion .txt { display: flex; align-items: center; }

.bloque-promos .promocion .txt i img { width: 123px; }

.bloque-promos .promocion .txt h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 33px; line-height: 40px; font-weight: 500; color: #fff; margin: 15px 10px; }

.bloque-promos .promocion .boton a { border: 1px solid #A0A0A0; font-size: 14px; color: #A0A0A0; width: 213px; line-height: 2.85em; text-align: center; font-family: 'Rubik', sans-serif; display: block; margin: auto; margin-top: 10px; }

.bloque-promos .promocion .boton a p { margin-bottom: 0; }

.bloque-promos .promocion .boton a:hover, .bloque-promos .promocion .boton a:focus { border-color: #fff; color: #fff; }

.bloque-promos .formas-de-pago { background-image: url(../img/dotted.svg); background-repeat: repeat-x; background-position: top; padding-top: 50px; padding-bottom: 50px; }

.bloque-promos .formas-de-pago ul { display: flex; align-items: center; list-style: none; padding-left: 0; }

.bloque-promos .formas-de-pago ul li { position: relative; text-align: center; }

.bloque-promos .formas-de-pago ul li a { display: inline-block; }

.bloque-promos .formas-de-pago ul li i { display: inline-block; margin: 0 20px 0 0; /*float: left;*/ }

.bloque-promos .formas-de-pago ul li h2 { font-family: 'Barlow Condensed', sans-serif; font-size: 21px; line-height: 25px; font-weight: 500; color: #fff; display: inline-block; margin-top: 20px; }

.bloque-promos .formas-de-pago ul li hr.vr { height: 40px; width: 1px; background-color: #A0A0A0; border: none; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; }

.bloque-promos .formas-de-pago ul li .todopago i { margin-top: -55px; }

.bloque-promos.aparecer { margin-top: -90px; opacity: 1; }
/**
 * agregado temporalmente
 */
.bloque-promos .formas-de-pago i img { height: 65px; }/**/
.bloque-promos .formas-de-pago ul li:last-child hr{ display: none;}/**/

@media (max-width: 991px) { .bloque-promos .promocion { padding-top: 25px; padding-bottom: 25px; }
  .bloque-promos .promocion .txt i img { width: 93px; }
  .bloque-promos .promocion .txt h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 30px; line-height: 36px; font-weight: 500; color: #fff; margin: 15px 10px; }
  .bloque-promos .promocion .boton a { margin-top: 30px; width: 162px; }

  .bloque-promos .formas-de-pago { padding-top: 30px; padding-bottom: 30px; }
  .bloque-promos .formas-de-pago ul li { border-right: 1px solid #A0A0A0; display: inline-block; height: 100%; }
  .bloque-promos .formas-de-pago ul li:last-child{ border: none;}/**/
  .bloque-promos .formas-de-pago ul li i { display: block; text-align: center; margin: 15px; float: none; }
  .bloque-promos .formas-de-pago ul li h2 { margin-top: 0px; }
  .bloque-promos .formas-de-pago ul li hr.vr { display: none; }
  .bloque-promos .formas-de-pago ul li:last-child i img { /*width: 66px;*/ height: 65px; }/**/
  .bloque-promos .formas-de-pago ul li .todopago i { margin-top: -55px; }
  .bloque-promos .formas-de-pago ul li .todopago i img { width: 82px; } }

@media (max-width: 767px) { .bloque-promos { margin-top: 100px; }
  .bloque-promos .promocion .txt i img { width: 100px; }
  .bloque-promos .promocion .txt h1 { margin: 0 10px; }
  .bloque-promos .promocion .boton a { margin-top: 20px; margin-left: 110px; width: 130px; float: left; font-size: 12px; }
  .bloque-promos .formas-de-pago ul li h2 { padding: 0 15px; }
  .bloque-promos .formas-de-pago ul li .todopago i { margin-top: 10px; }
  .bloque-promos.aparecer { margin-top: 10px; } }

  .bloque-promos .formas-de-pago ul{ flex-wrap: wrap; }/**/
  .bloque-promos .formas-de-pago ul li i{ display: inline-block; }/**/

@media (max-width: 479px) { .bloque-promos { margin-top: 100px; }
  .bloque-promos .promocion { padding: 30px 15px; }
  .bloque-promos .promocion .txt i img { width: 75px; }
  .bloque-promos .promocion .txt h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 20px; line-height: 25px; font-weight: 500; color: #fff; margin: 15px 10px; }
  .bloque-promos .promocion .boton a { margin-top: 15px; margin-left: 85px; }
  .bloque-promos .formas-de-pago ul li i img { max-width: 100%; max-height: 50px; }
  .bloque-promos .formas-de-pago ul li h2 { padding: 0 15px; font-family: 'Barlow Condensed', sans-serif; font-size: 16px; line-height: 19px; font-weight: 500; color: #fff; }
  .bloque-promos .formas-de-pago ul li .todopago i img { width: 58px; } }

.sucursales { z-index: 3; position: relative; opacity: 0; top: 40px; margin-top: 130px; transition: all linear 1.5s; }

.sucursales.aparecer { opacity: 1; top: 00px; }

.sucursales h2 { font-family: 'Barlow Condensed', sans-serif; font-size: 40px; line-height: 45px; font-weight: 600; color: #D6D6D6; }

.sucursales .boton-txt-dinamico { border: 1px solid #A0A0A0; font-size: 14px; color: #A0A0A0; width: 213px; line-height: 2.85em; text-align: center; font-family: 'Rubik', sans-serif; display: block; margin: auto; margin-top: 40px; margin-left: 0; text-align: left; }

.sucursales .boton-txt-dinamico p { margin-bottom: 0; }

.sucursales .boton-txt-dinamico p { display: inline-block; width: calc(100% - 32px); padding-left: 10px; color: #fff; text-transform:uppercase}

.sucursales .boton-txt-dinamico i { float: right; margin-top: 8px; margin-right: 8px; display: inline-block; }

.sucursales .ul-sucursales { position: absolute; z-index: 2; width: 213px; }

.sucursales .ul-sucursales li { background-color: #000; width: 100%; display: block; }

.sucursales .ul-sucursales li a { border: 1px solid #A0A0A0; font-size: 14px; color: #A0A0A0; 
  width: 213px; line-height: 2.85em; text-align: center; font-family: 'Rubik', sans-serif; display: block; margin: auto; padding: 0; text-align: left;
   padding-left: 10px; margin-top: -1px; text-transform:uppercase }

.sucursales .ul-sucursales li a p { margin-bottom: 0; }

.sucursales .ul-sucursales li a:hover { color: #fff; background-color: transparent; }

.sucursales .ul-sucursales li.active a { display: none; }

@media (max-width: 991px) { .sucursales { margin-top: 100px; }
  .sucursales h2 { font-family: 'Barlow Condensed', sans-serif; font-size: 30px; line-height: 35px; font-weight: 600; color: #D6D6D6; } }

@media (max-width: 479px) { .sucursales { margin-top: 30px; }
  .sucursales h2 { font-family: 'Barlow Condensed', sans-serif; font-size: 25px; line-height: 30px; font-weight: 600; color: #D6D6D6; }
  .sucursales .boton-txt-dinamico { margin-top: 30px; } }

.tabs-sucursales { position: relative; opacity: 0; top: 40px; transition: all linear 1.5s; }

.tabs-sucursales.aparecer { opacity: 1; top: 0; }

.tabs-sucursales .txt { z-index: 2; position: relative; margin-top: -165px; background-image: url(../img/dotted.svg); background-repeat: repeat-x; background-position: top left; padding: 40px 0; display: flex; align-items: center; flex-wrap: wrap; }

.tabs-sucursales .txt i { margin-right: 32px; float: left; }

.tabs-sucursales .txt i img { width: 48px; }

.tabs-sucursales .txt .datos { width: calc(100% - 80px); display: inline-block; }

.tabs-sucursales .txt .datos h3 { color: #fff; font-family: 'Rubik', sans-serif; font-weight: 500; font-size: 21px; line-height: 30px; margin: 0; }

.tabs-sucursales .txt .datos p { color: #fff; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 21px; line-height: 30px; margin: 0; }

.tabs-sucursales .txt::after { content: ''; background-image: url(../img/dotted.svg); background-repeat: repeat-x; background-position: top left; height: 2px; width: 100%; margin-top: 40px; }

.tabs-sucursales .mapa { min-height: 1100px; position: relative; padding-top: 150px; margin-top: -80px; z-index: 1; }

.tabs-sucursales .mapa .centrar-img { background-color: #000; height: 820px; }

.tabs-sucursales .mapa iframe { position: absolute; width: 100%; height: 100%; }

.tabs-sucursales .mapa img { position: absolute; width: auto; height: 100%; }

.tabs-sucursales .mapa:before { content: ""; position: absolute; width: 100%; height: 150px; top: 0; left: 0; z-index: 1; background: url(../img/bg-mapa.png) 0 0 repeat-x; background-size: auto 100%; }

.tabs-sucursales .mapa:after { content: ""; width: 100%; height: 150px; position: absolute; bottom: 0; left: 0; z-index: 1; background: url(../img/bg-mapa.png) 0 0 repeat-x; background-size: auto 100%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

@media (max-width: 767px) { .tabs-sucursales .txt { margin: 40px 15px 0; width: calc(100% - 30px); padding-bottom: 0; }
  .tabs-sucursales .txt .datos { width: calc(100% - 80px); display: inline-block; }
  .tabs-sucursales .txt .datos h3 { color: #fff; font-family: 'Rubik', sans-serif; font-weight: 500; font-size: 18px; line-height: 28px; }
  .tabs-sucursales .txt .datos p { color: #fff; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 18px; line-height: 28px; }
  .tabs-sucursales .txt::after { content: ''; background-image: url(../img/dotted.svg); background-repeat: repeat-x; background-position: top left; height: 2px; width: 100%; margin-top: 40px; }
  .tabs-sucursales .mapa { min-height: 880px; padding-top: 80px; margin-top: 0px; }
  .tabs-sucursales .mapa .centrar-img { height: 720px; }
  .tabs-sucursales .mapa:before { height: 80px; }
  .tabs-sucursales .mapa:after { height: 80px; } }

@media (max-width: 479px) { .tabs-sucursales .txt { padding: 25px 0; }
  .tabs-sucursales .mapa { min-height: 640px; }
  .tabs-sucursales .mapa .centrar-img { height: 480px; } }

.contacto { background-image: url(../img/luz.png); background-repeat: no-repeat; background-position: center center; z-index: 2; position: relative; margin-top: -120px; opacity: 0; transition: all linear 1.5s; }

.contacto.aparecer { opacity: 1; margin-top: -150px; }

.contacto .encabezado { margin-top: 75px; }

.contacto .encabezado h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 40px; line-height: 45px; font-weight: 600; color: #fff; margin-bottom: 40px; }

.contacto .encabezado p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 18px; line-height: 28px; }

.contacto .formulario iframe { background-color: transparent; width: 100%; height: 900px; }

.contacto::after { background: url(../img/bg-mapa.png) repeat-x top left; background-size: auto 100%; content: ''; position: relative; width: 100%; height: 150px; }

@media (max-width: 991px) { .contacto .encabezado h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 30px; line-height: 35px; font-weight: 600; color: #fff; margin-bottom: 25px; } }

@media (max-width: 991px) { .contacto .encabezado p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 15px; line-height: 25px; } }

footer { height: 340px; background-color: #000; padding-top: 60px; position: relative; }

footer::before { content: ""; position: absolute; width: 100%; height: 150px; top: -150px; left: 0; z-index: 1; background: url(../img/bg-mapa.png) 0 0 repeat-x; background-size: auto 100%; }

footer .logo { z-index: 2; }

footer .logo a img { width: 132px; }

footer .menu ul { list-style: none; padding-left: 0; }

footer .menu ul li a { margin-bottom: 20px; font-family: 'Barlow Condensed', sans-serif; font-size: 18px; line-height: 25px; font-weight: 500; color: #fff; display: block; }

footer .horarios p { color: #fff; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; }

footer .horarios p strong { font-weight: 500; }

footer .redes ul { list-style: none; padding-left: 0; }

footer .redes ul li a { color: #fff; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; margin-bottom: 25px; display: block; }

footer .redes ul li a i { display: inline-block; float: left; width: 25px; margin-right: 25px; }

footer #sawubona-footer { bottom: 5px; position: absolute; right: 10px; }

@media (max-width: 991px) { footer { height: auto; }
  footer .redes ul { margin-top: 60px; }
  footer .redes ul li a { margin-bottom: 20px; } }

@media (max-width: 767px) { footer { padding-top: 0; }
  footer .logo { margin-top: -55px; }
  footer .logo a img { width: 80px; margin-bottom: 40px; }
  footer li a { font-family: 'Barlow Condensed', sans-serif; font-size: 16px; line-height: 25px; font-weight: 500; color: #fff; }
  footer .redes ul li a { color: #fff; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; margin-bottom: 25px; display: block; }
  footer .redes ul li a i { display: inline-block; float: left; width: 25px; margin-right: 25px; }
  footer #sawubona-footer { bottom: 5px; position: absolute; right: 10px; } }

/* Animaciones */
@-webkit-keyframes bounce { 0%, 50%, 100% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  25% { -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  75% { -webkit-transform: translateY(-10px);
    transform: translateY(-10px); } }

@keyframes bounce { 0%, 50%, 100% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  25% { -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  75% { -webkit-transform: translateY(-10px);
    transform: translateY(-10px); } }

/*--------------  Nosotros -------------*/
.bg-nosotros { background-image: url(../img/bg-nosotros.jpg); background-position: center top; background-repeat: no-repeat; height: auto; min-height: 1080px; }

.bg-nosotros .intro { margin-top: 350px; }

.bg-nosotros .intro h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 47px; line-height: 1.2; font-weight: 300; color: #D6D6D6; }

.bg-nosotros .intro h1 strong { font-weight: 700; display: block; }

.bg-nosotros .intro p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 18px; line-height: 28px; margin-top: 35px; }

.bg-nosotros .intro a.arrow { margin-top: 40px; display: block; width: 20px; height: 50px; cursor: pointer; }

.bg-nosotros .intro a.arrow.arrow:hover { -webkit-animation: bounce 1s; animation: bounce 1s; }

@media (max-width: 991px) { .bg-nosotros { background-position: -460px top; }
  .bg-nosotros .intro p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 16px; line-height: 28px; } }

@media (max-width: 767px) { .bg-nosotros { background-position: -407px top; min-height: 800px; background-size: auto 800px; }
  .bg-nosotros .intro { margin-top: 220px; }
  .bg-nosotros .intro h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 30px; line-height: 1.5; font-weight: 300; color: #D6D6D6; }
  .bg-nosotros .intro p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 15px; line-height: 25px; margin-top: 25px; } }

@media (max-width: 479px) { .bg-nosotros { background-position: -490px top; min-height: 570px; background-size: auto 570px; }
  .bg-nosotros::after { top: 0; content: ''; width: 100%; height: 570px; z-index: 1; position: absolute; background-image: url(../img/bg-mapa.png); background-repeat: repeat-x; background-size: 1px 100%; }
  .bg-nosotros .intro { position: relative; z-index: 2; margin-top: 120px; }
  .bg-nosotros .intro h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 30px; line-height: 1.5; font-weight: 300; color: #D6D6D6; }
  .bg-nosotros .intro p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 15px; line-height: 25px; margin-top: 25px; } }

.magia { background-color: #000; padding-bottom: 150px; text-align: center; position: relative; }

.magia .luz { position: absolute; width: 100%; max-width: 940px; top: -380px; height: 890px; margin: auto; opacity: 0.6; }

.magia h1 { margin-top: 0; font-family: 'Barlow Condensed', sans-serif; font-size: 47px; line-height: 1.2; font-weight: 300; color: #D6D6D6; }

.magia h1 strong { font-weight: 700; display: block; }

@media (max-width: 767px) { .magia { padding-bottom: 30px; }
  .magia .luz { display: none; }
  .magia h1 { margin-top: 50; font-family: 'Barlow Condensed', sans-serif; font-size: 30px; line-height: 1.2; font-weight: 300; color: #D6D6D6; } }

.carousel-nosotros { height: 1200px; }

.carousel-nosotros .carousel-inner { height: 100%; }

.carousel-nosotros .carousel-inner .item { height: 100%; }

.carousel-nosotros .carousel-inner .item .centrar-img { position: absolute; height: 100%; width: 100%; }

.carousel-nosotros .carousel-inner .item .centrar-img::after { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; right: 0; top: 0; background: url(../img/over-carousel.png); background-repeat: repeat-x; background-position: top center; z-index: 1; pointer-events: none; content: ''; }

.carousel-nosotros .carousel-inner .item .container { height: 1200px; position: relative; z-index: 2; }

.carousel-nosotros .carousel-inner .item .container .row { position: absolute; bottom: 0; margin-bottom: 270px; height: auto; }

.carousel-nosotros .carousel-inner .item .container .row h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 45px; line-height: 55px; font-weight: 300; color: #fff; margin-top: 0; }

.carousel-nosotros .carousel-inner .item .container .row h1 strong { display: block; font-weight: 600; }

.carousel-nosotros .carousel-inner .item .container .row p { color: #fff; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 16px; line-height: 28px; }

.carousel-nosotros .carousel-inner .controles { position: absolute; bottom: 180px; left: 0; right: 0; width: 100%; margin: auto; }

.carousel-nosotros .carousel-inner .controles .arrows { float: right; }

.carousel-nosotros .carousel-inner .controles .arrows a { width: 25px; display: inline-block; }

.carousel-nosotros .carousel-inner .controles .arrows a.left { left: 15px; }

.carousel-nosotros .carousel-inner .controles .arrows a.left img { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.carousel-nosotros .carousel-inner .controles .arrows a.right { left: 60px; right: inherit; }

.carousel-nosotros .carousel-inner .controles .arrows a.right img { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.carousel-nosotros .carousel-inner .carousel-indicators { position: absolute; bottom: 160px; left: 0px; padding-left: 15px; right: 0; width: 100%; margin: auto; pointer-events: none; }

.carousel-nosotros .carousel-inner .carousel-indicators li { float: left; margin: 0 15px 0 0; border: none; background-color: #fff; opacity: 0.3; width: 8px; height: 8px; }

.carousel-nosotros .carousel-inner .carousel-indicators li.active { opacity: 1; border: none; width: 8px; height: 8px; }

@media (max-width: 991px) { .carousel-nosotros .carousel-inner .carousel-indicators { width: 83.33%; } }

@media (max-width: 767px) { .carousel-nosotros { height: 730px; }
  .carousel-nosotros .carousel-inner .item .centrar-img img { height: 100%; width: auto; }
  .carousel-nosotros .carousel-inner .item .container { height: 730px; }
  .carousel-nosotros .carousel-inner .item .container .row { width: 100%; margin-bottom: 250px; }
  .carousel-nosotros .carousel-inner .item .container .row .titulo { padding-left: 0; }
  .carousel-nosotros .carousel-inner .item .container .row h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 30px; line-height: 35px; font-weight: 300; color: #fff; margin-top: 0; }
  .carousel-nosotros .carousel-inner .item .container .row p { color: #fff; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 15px; line-height: 25px; } }

@media (max-width: 479px) { .carousel-nosotros .carousel-inner .carousel-indicators { position: relative; bottom: inherit; top: 320px; float: left; }
  .carousel-nosotros .carousel-inner .item .container .row { position: relative; bottom: 0; margin-top: 350px; margin-bottom: 0px; }
  .carousel-nosotros .carousel-inner .item .container .row .titulo, .carousel-nosotros .carousel-inner .item .container .row .desc { padding-left: 15px; padding-right: 15px; }
  .carousel-nosotros .carousel-inner .item .container .row h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 30px; line-height: 35px; font-weight: 300; color: #fff; margin-top: 0; }
  .carousel-nosotros .carousel-inner .item .container .row p { color: #fff; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 15px; line-height: 25px; } }

/*-------------- Recetas ---------------*/
.intro .titulo { margin-top: 230px; text-align: center; margin-bottom: 60px; }

.intro .desc p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 25px; line-height: 40px; }

.intro .separadores { margin-top: 20px; }

.intro .separadores hr { width: 100%; height: 1px; border: none; margin-top: 5px; margin-bottom: 0; background-color: rgba(255, 255, 255, 0.25); }

@media (max-width: 767px) { .intro .titulo { margin-bottom: 45px; }
  .intro .titulo img { height: 30px; }
  .intro .desc { padding: 0; }
  .intro .desc p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 15px; line-height: 25px; }
  .intro .separadores { padding: 0; } }

@media (max-width: 479px) { .intro .titulo { margin-top: 140px; margin-bottom: 20px; }
  .intro .titulo img { height: 26px; }
  .intro .desc { padding: 0 15px; }
  .intro .separadores { padding: 0 15px; } }

.listado-recetas > .container{ padding-bottom: 150px;}/**/

.modulo-receta { margin-top: 30px; }

.modulo-receta::before, .modulo-receta::after { content: ''; height: 2px; background-image: url(../img/dotted-horizontal.svg); background-repeat: repeat-x; background-size: auto 2px; background-position: top left; width: calc(100% - 30px); position: absolute; left: 15px; }

.modulo-receta::after { bottom: 0px; }

.modulo-receta a { display: inline-block; width: 100%; height: 100%; }

.modulo-receta a::before { content: ''; height: 100%; background-image: url(../img/dotted-vertical.svg); background-repeat: repeat-y; background-size: 2px auto; background-position: top left; width: 2px; position: absolute; left: 15px; top: 0; }

.modulo-receta a::after { content: ''; height: 100%; background-image: url(../img/dotted-vertical.svg); background-repeat: repeat-y; background-position: top right; width: 2px; position: absolute; right: 15px; top: 0; }

.modulo-receta a .centrar-img { z-index: 2; height: 240px; }

.modulo-receta a .centrar-img img { height: 100%; width: auto; }

.modulo-receta a .txt h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 30px; line-height: 36px; font-weight: 500; color: #fff; text-transform: uppercase; margin-top: 45px; max-height: 36px; overflow-y: hidden; }

.modulo-receta a .txt .desc { margin-top: 20px; max-height: 56px; overflow-y: hidden; }

.modulo-receta a .txt .desc p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 18px; line-height: 28px; }

.modulo-receta a .txt .vermas { display: inline-block; position: absolute; top: 175px; color: #fff; font-family: 'Rubik', sans-serif; font-weight: 400; font-size: 14px; line-height: 15px; }

.modulo-receta a:hover .vermas { color: #FFBA00; }

@media (max-width: 991px) { .modulo-receta a { padding: 40px 35px; }
  .modulo-receta a .centrar-img { width: calc(50% - 15px); height: 189px; }
  .modulo-receta a .txt { padding-left: 35px; padding-right: 0; }
  .modulo-receta a .txt h1 { margin-top: -5px; max-height: 72px; } }

@media (max-width: 767px) { .modulo-receta:before, .modulo-receta:after { width: 100%; left: 0; }
  .modulo-receta a { padding: 35px 0px; }
  .modulo-receta a::before { left: 0px; }
  .modulo-receta a::after { right: 0px; }
  .modulo-receta a .centrar-img { height: 155px; }
  .modulo-receta a .txt { padding-left: 30px; }
  .modulo-receta a .txt h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 25px; line-height: 30px; font-weight: 500; color: #fff; margin-top: 0px; max-height: 60px; }
  .modulo-receta a .txt .desc { margin-top: 15px; max-height: 40px; }
  .modulo-receta a .txt .desc p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 15px; line-height: 20px; }
  .modulo-receta a .txt .vermas { top: 140px; } }

@media (max-width: 479px) { .modulo-receta a { padding: 30px 15px; }
  .modulo-receta a .centrar-img { height: 95px; }
  .modulo-receta a .txt { height: 155px; padding-left: 15px; }
  .modulo-receta a .txt h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 20px; line-height: 24px; font-weight: 500; color: #fff; max-height: 50px; }
  .modulo-receta a .txt .desc { max-height: 55px; }
  .modulo-receta a .txt .desc p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 14px; line-height: 18px; }
  .modulo-receta a .txt .vermas { top: 140px; } }

.listado-recetas .vermas-scroll { border: 1px solid #A0A0A0; font-size: 14px; color: #A0A0A0; width: 213px; line-height: 2.85em; text-align: center; font-family: 'Rubik', sans-serif; display: inline-block; margin: auto; margin-top: 100px; /*margin-bottom: 150px;*/ cursor: pointer;}/**/

.listado-recetas .vermas-scroll p { margin-bottom: 0; }

.listado-recetas .vermas-scroll:hover, .listado-recetas .vermas-scroll:focus { border-color: #fff; color: #fff; }

.listado-recetas .vermas-scroll img { display: none; }

.listado-recetas .vermas-scroll.cargando img { display: block; width: 22px; display: inline-block; }

@media (max-width: 767px) { .listado-recetas .vermas-scroll { margin-top: 50px; } }

.desplegada { margin-top: 240px; margin-bottom: 150px; }

.desplegada .breadcrumbs { margin-bottom: 50px; }

.desplegada .breadcrumbs a { color: #fff; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; float: left; margin-right: 30px; text-transform: uppercase;}

.desplegada .breadcrumbs a i { margin-right: 30px; }

.desplegada .separadores { overflow: auto; }

.desplegada .separadores hr { width: 100%; height: 1px; border: none; margin-top: 5px; margin-bottom: 0; background-color: rgba(255, 255, 255, 0.25); }

.desplegada .img { margin-bottom: 40px; }

.desplegada .img img { position: relative; width: 100%; height: auto; }

.desplegada .txt h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 40px; line-height: 55px; font-weight: 600; color: #fff; text-transform: uppercase; margin-top: -10px; }

.desplegada .txt p, .desplegada .txt ul li, .desplegada .txt a, .desplegada .txt span { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 18px; line-height: 28px; }

.desplegada .compartir { margin-top: 70px; text-align: right; }

.desplegada .compartir span { color: #fff; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; display: inline-block; }

.desplegada .compartir #shared { display: inline-block; float: right; }

.desplegada .compartir #shared ul { margin-bottom: 0; }

.desplegada .compartir #shared ul li { margin-left: 30px; }

.desplegada .compartir #shared ul li img { height: 16px; width: auto; }

@media (max-width: 767px) { .desplegada .txt h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 30px; line-height: 40px; font-weight: 600; color: #fff; text-transform: uppercase; margin-top: -10px; }
  .desplegada .txt p, .desplegada .txt ul li, .desplegada .txt a, .desplegada .txt span { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 15px; line-height: 25px; } }

@media (max-width: 479px) { .desplegada { margin-top: 120px; padding: 0 15px; }
  .desplegada .breadcrumbs { margin-bottom: 5px; }
  .desplegada .txt h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 25px; line-height: 30px; font-weight: 600; color: #fff; text-transform: uppercase; margin-top: -10px; }
  .desplegada .compartir { margin-top: 40px; } }

/*-------------- Pagina Error -----------*/
.pagina-error { position: relative; background-image: url(../img/luz.png); background-position: 21% 160px; background-repeat: no-repeat; padding-top: 320px; display: inline-block; padding-bottom: 320px; width: 100%; }

.pagina-error h1 { margin-top: 30px; font-family: 'Barlow Condensed', sans-serif; font-size: 53px; line-height: 64px; font-weight: 600; color: #fff; }

.pagina-error p { margin-top: 30px; color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 18px; line-height: 28px; }

.pagina-error a { border: 1px solid #A0A0A0; font-size: 14px; color: #A0A0A0; width: 213px; line-height: 2.85em; text-align: center; font-family: 'Rubik', sans-serif; display: block; margin: auto; background-color: #FFBA00; float: left; border: 1px solid #646464; color: #000; margin-top: 40px; }

.pagina-error a p { margin-bottom: 0; }

@media (max-width: 767px) { .pagina-error { background-position: center center; padding-top: 230px; padding-bottom: 230px; }
  .pagina-error i img { max-width: 80px; }
  .pagina-error h1 { margin-top: 24px; font-family: 'Barlow Condensed', sans-serif; font-size: 34px; line-height: 42px; font-weight: 600; color: #fff; }
  .pagina-error p { margin-top: 15px; color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 15px; line-height: 25px; }
  .pagina-error a { margin-top: 25px; } }

@media (max-width: 479px) { .pagina-error { background-position: center center; padding-top: 120px; padding-bottom: 150px; }
  .pagina-error h1 { margin-top: 24px; font-family: 'Barlow Condensed', sans-serif; font-size: 30px; line-height: 36px; font-weight: 600; color: #fff; }
  .pagina-error a { margin-top: 25px; } }

/*-------------- Productos --------------*/
@media (min-width: 768px) { #ul-categorias { display: block; visibility: visible; } }

.categorias .boton-txt-dinamico { border: 1px solid #A0A0A0; font-size: 14px; color: #A0A0A0; width: 213px; line-height: 2.85em; text-align: center; font-family: 'Rubik', sans-serif; display: block; margin: auto; margin-top: 40px; margin-left: 0; text-align: left; width: 100%; }

.categorias .boton-txt-dinamico p { margin-bottom: 0; }

.categorias .boton-txt-dinamico p { display: inline-block; width: calc(100% - 32px); padding-left: 10px; color: #fff; }

.categorias .boton-txt-dinamico i { float: right; margin-top: 8px; margin-right: 8px; display: inline-block; }

@media (max-width: 479px) { .categorias .boton-txt-dinamico { width: calc(100% - 30px); margin-left: 15px; } }

.ul-categorias { border-top: 1px solid #707070; padding-left: 0; }

.ul-categorias li { display: block; border-bottom: 1px solid #707070; padding: 20px 0; color: #fff; font-family: 'Rubik', sans-serif; font-weight: 400; font-size: 18px; line-height: 25px; }

.ul-categorias li a.active { color: #FFBA00; }

.ul-categorias li a.active::after { content: ''; background-image: url(../img/iconos/arrow-right.svg); width: 20px; height: 20px; position: absolute; right: 20px; }

@media (max-width: 991px) { .ul-categorias { width: 100%; margin: auto; border: none; }
  .ul-categorias li { width: 33%; text-align: center; display: inline-block; border-bottom: none; border-right: 1px solid #707070; padding: 5px; }
  .ul-categorias li:last-child { border-right: none; }
  .ul-categorias a.active::after { content: ''; background-image: none; visibility: hidden; width: 0px; height: 0px; right: 0px; } }

@media (max-width: 767px) { .ul-categorias { position: absolute; margin: auto; z-index: 2; width: calc(100% - 30px); }
  .ul-categorias li { border: none; width: 100%; background-color: #000; padding: 0; }
  .ul-categorias li a { border: 1px solid #A0A0A0; font-size: 14px; color: #A0A0A0; width: 213px; line-height: 2.85em; text-align: center; font-family: 'Rubik', sans-serif; display: block; margin: auto; width: 100%; padding: 0 10px; margin: -1px 0 0 0; text-align: left; }
  .ul-categorias li a p { margin-bottom: 0; }
  .ul-categorias li a.active { display: none; } }

@media (max-width: 479px) { .ul-categorias { position: absolute; margin: auto; z-index: 2; width: calc(100% - 30px); left: 15px; } }

.listado-productos { background-image: url(../img/luz.png); background-position: top center; background-repeat: no-repeat; margin-bottom: 150px; min-height: 896px; }/**/

.listado-productos .modulo-producto { padding: 15px 0; margin-bottom: 30px; background-image: url(../img/dotted-vertical.svg); background-repeat: repeat-y; background-position: top right; position: relative; }

.listado-productos .modulo-producto::before { content: ''; background-image: url(../img/dotted-horizontal.svg); background-repeat: repeat-x; background-position: top left; position: absolute; height: 2px; width: 100%; left: 0; right: 0; top: 0; }

.listado-productos .modulo-producto::after { content: ''; background-image: url(../img/dotted-horizontal.svg); background-repeat: repeat-x; background-position: top left; position: absolute; height: 2px; width: 100%; left: 0; right: 0; bottom: 0; }

.listado-productos .modulo-producto .img { margin-left: 15px; width: 170px; height: 170px; position: relative; float: left; margin-right: 60px; }

.listado-productos .modulo-producto .img .centrar-img { width: 100%; height: 100%; position: absolute; }

.listado-productos .modulo-producto .img .centrar-img img { width: 100%; height: auto; }

.listado-productos .modulo-producto .img::before { content: ''; background-image: url(../img/dotted-vertical.svg); background-repeat: repeat-y; background-position: top left; position: absolute; height: calc(100% +30px); width: 2px; margin-left: -15px; bottom: -15px; top: -15px; }

.listado-productos .modulo-producto .txt { display: block; padding-top: 26px; width: 30%; float: left; }/**/
.listado-productos .modulo-producto .txt.precio { display: block; padding-top: 26px; width: 23%; float: left; text-align: right; }/**/

.listado-productos .modulo-producto .txt h2 { margin: 0; font-family: 'Barlow Condensed', sans-serif; font-size: 18px; line-height: 22px; font-weight: 300; color: #fff; }

.listado-productos .modulo-producto .txt h1 { margin: 0; font-family: 'Barlow Condensed', sans-serif; font-size: 30px; line-height: 36px; font-weight: 500; color: #fff; }

.listado-productos .modulo-producto .botones { display: inline-block; width: 60%; margin-bottom: 30px; margin-top: 15px; }

.listado-productos .modulo-producto .botones a.sumar-al-carro { border: 1px solid #A0A0A0; font-size: 14px; color: #A0A0A0; width: 213px; line-height: 2.85em; text-align: center; font-family: 'Rubik', sans-serif; display: block; margin: auto; float: left; }
.listado-productos .modulo-producto .botones a.sumar-al-carro.active { background-color: #FFBA00; font-size: 14px;  color: #000; width: 213px; line-height: 2.85em; text-align: center;    font-family: 'Rubik', sans-serif; display: block; margin: auto; float: left; }

.listado-productos .modulo-producto .botones a.sumar-al-carro p { margin-bottom: 0; }

.listado-productos .modulo-producto .botones a.sumar-al-carro:hover { border-color: #fff; color: #fff; }

.listado-productos .modulo-producto .botones a.ver-producto { border: 1px solid #A0A0A0; font-size: 14px; color: #A0A0A0; width: 213px; line-height: 2.85em; text-align: center; font-family: 'Rubik', sans-serif; display: block; margin: auto; width: 112px; float: left; }

.listado-productos .modulo-producto .botones a.ver-producto p { margin-bottom: 0; }

.listado-productos .modulo-producto .botones a.ver-producto:hover { border-color: #fff; color: #fff; }

@media (max-width: 991px) { .listado-productos { margin-top: 50px; min-height: 730px;}/**/
  .listado-productos .modulo-producto .txt { width: 30%; }/**/
  .listado-productos .modulo-producto .txt.precio{ width: 16%;}/**/
  .listado-productos .modulo-producto .botones { width: 50%; }
  .listado-productos .modulo-producto .botones a.sumar-al-carro,
  .listado-productos .modulo-producto .botones a.sumar-al-carro.active { width: 170px; }
  .listado-productos .modulo-producto .botones a.ver-producto { width: 112px; } }

@media (max-width: 767px) { .listado-productos .modulo-producto .img { margin-left: 15px; width: 155px; height: 155px; margin-right: 20px; }
  .listado-productos .modulo-producto .txt { width: 33%; }/**/
  .listado-productos .modulo-producto .txt.precio{ width: 21%;}/**/
  .listado-productos .modulo-producto .botones { width: 55%; }
  .listado-productos .modulo-producto .botones a.sumar-al-carro,
  .listado-productos .modulo-producto .botones a.sumar-al-carro.active { width: 150px; font-size: 12px; }
  .listado-productos .modulo-producto .botones a.ver-producto { width: 92px; font-size: 12px; } }

@media (max-width: 479px) { .listado-productos { margin-top: 30px; padding: 0 15px; }
  .listado-productos .modulo-producto::after { content: ''; background-image: url(../img/dotted-vertical.svg); background-repeat: repeat-y; background-position: top left; position: absolute; height: 100%; width: 2px; left: 0; right: 0; top: 0; }
  .listado-productos .modulo-producto .img { margin-left: 15px; width: 100px; height: 100px; margin-right: 15px; }
  .listado-productos .modulo-producto .txt { padding-top: 26px; width: 55%; }
  .listado-productos .modulo-producto .txt.precio{ width: 90%; text-align: left; padding-top: 0px; padding-bottom: 25px;}/**/
  .listado-productos .modulo-producto .txt.precio h2{ display: inline-block; margin-left: 20px;}
  .listado-productos .modulo-producto .txt.precio h1{ display: inline-block; margin-left: 30px;}
  .listado-productos .modulo-producto .txt h2 { font-family: 'Barlow Condensed', sans-serif; font-size: 15px; line-height: 18px; font-weight: 300; color: #fff; }
  .listado-productos .modulo-producto .txt h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 25px; line-height: 30px; font-weight: 500; color: #fff; }
  .listado-productos .modulo-producto .botones { width: 86%; margin: 0px 7% 10px 7%; }
  .listado-productos .modulo-producto .botones a.sumar-al-carro,
  .listado-productos .modulo-producto .botones a.sumar-al-carro.active { width: 150px; font-size: 12px; }
  .listado-productos .modulo-producto .botones a.ver-producto { width: 92px; font-size: 12px; }
  .listado-productos .modulo-producto .botones::after { content: ''; background-image: url(../img/dotted-horizontal.svg); background-repeat: repeat-x; background-position: top left; position: absolute; height: 2px; width: 100%; left: 0; right: 0; bottom: 0px; } }

.producto-desplegado { margin-top: 240px; margin-bottom: 150px; }

.producto-desplegado .breadcrumbs { margin-bottom: 50px; }

.producto-desplegado .breadcrumbs a { color: #fff; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; float: left; margin-right: 30px; }

.producto-desplegado .breadcrumbs a i { margin-right: 30px; }

.producto-desplegado .img-mila .centrar-img { width: 100%; padding-bottom: 100%; }

.producto-desplegado .img-mila .centrar-img img { width: 100%; height: auto; }

.producto-desplegado .img-vaca .centrar-img { width: 100%; padding-bottom: 100%; }

.producto-desplegado .img-vaca .centrar-img img { width: 100%; height: auto; }

.producto-desplegado .txt { display: block; padding-top: 10px; }

.producto-desplegado .txt h2 { margin: 0; font-family: 'Barlow Condensed', sans-serif; font-size: 30px; line-height: 36px; font-weight: 300; color: #fff; }

.producto-desplegado .txt h1 { margin: 0  0 30px 0; font-family: 'Barlow Condensed', sans-serif; font-size: 40px; line-height: 42px; font-weight: 500; color: #fff; }/**/

.producto-desplegado .txt p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 18px; line-height: 28px; }

.producto-desplegado .botones { flex-direction: row; display: flex; flex-wrap: wrap; margin-top: 40px; }

.producto-desplegado .botones .cantidad { position: relative; display: inline-block; }

.producto-desplegado .botones .cantidad input, .producto-desplegado .botones .cantidad select { width: 100px; background-color: transparent; border: 1px solid #A0A0A0; text-align: center; padding: 0 0px 0 0px; color: #fff; font-family: 'Rubik', sans-serif; font-weight: 400; font-size: 14px; line-height: 40px; }/**/

.producto-desplegado .botones .aclaracion { margin-top: 40px; order: 2; color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 16px; line-height: 28px; clear: both; font-style: italic; }

.producto-desplegado .botones .aclaracion.kg{ display: inline-block; clear: none; order: 1; margin-top: 6px; margin-left: 10px;}/**/

.producto-desplegado .precio-subtotal{ border-style: double none double none; border-color: #A0A0A0 transparent #A0A0A0 transparent; margin-top: 40px; order: 2; padding:15px;}/**/
.producto-desplegado .precio-subtotal .aclaraciones{ display: inline-block; color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 16px; line-height: 22px; font-style: italic; margin-top: 15px;}/**/
.producto-desplegado .precio-subtotal .subtotales{ display: inline-block; text-align: right; float: right;} /**/
.producto-desplegado .precio-subtotal .subtotales h2{ margin: 0;  font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 16px; line-height: 18px; color: #A0A0A0;}/**/
.producto-desplegado .precio-subtotal .subtotales h1{ margin: 0; font-family: 'Barlow Condensed', sans-serif; font-size: 32px; line-height: 38px; font-weight: 500; color: #fff;}/**/

.producto-desplegado .botones a { float: right; order: 1; border: 1px solid #A0A0A0; font-size: 14px; color: #A0A0A0; width: 213px; line-height: 2.85em; text-align: center; font-family: 'Rubik', sans-serif; display: block; margin: auto; width: 185px; }
.producto-desplegado .botones a.sumar-al-carro.active { float: right; order: 1;width: 185px;
  background-color: #FFBA00;font-size: 14px;  color: #000; line-height: 2.85em; text-align: center;  font-family: 'Rubik', sans-serif; display: block; margin: auto; }
.producto-desplegado .botones a p { margin-bottom: 0; }

.producto-desplegado .medios-pago h3 { margin-top: 0px; font-family: 'Barlow Condensed', sans-serif; font-size: 22px; line-height: 50px; font-weight: 600; color: #D6D6D6; margin:0;}/**/

.producto-desplegado .medios-pago ul.logos { padding: 0; margin: 0; list-style: none; display: flex; margin-top: 35px; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; }

.producto-desplegado .medios-pago ul.logos li { float: left; padding-right: 35px; }

.producto-desplegado .medios-pago ul.logos li img{ height: 40px;}/**/

.producto-desplegado .medios-pago ul.tarjetas { padding: 0; margin: 0; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-top: 25px; }

.producto-desplegado .medios-pago ul.tarjetas li { background-color:#fff; float: left; margin: 15px 15px 0 0; max-width: 38px; overflow: hidden; border-radius: 3px; }
.producto-desplegado .medios-pago ul.tarjetas li a {width: 100%;}
.producto-desplegado .medios-pago ul.tarjetas li img { width: 90%; margin-left: 5%;}

@media (max-width: 991px) { .producto-desplegado .txt h1 { margin: 0  0 10px 0; font-family: 'Barlow Condensed', sans-serif; font-size: 40px; line-height: 42px; font-weight: 500; color: #fff; }/**/
  .producto-desplegado .botones { float: right; } 
.producto-desplegado .medios-pago h3{ margin: 40px 0 0;}/**/
.producto-desplegado .botones .cantidad input{ width: 140px;}/**/
.producto-desplegado .medios-pago ul.logos li img { height: 32px;}/**/
}

@media (max-width: 767px) { .producto-desplegado { margin-top: 200px; }
  .producto-desplegado .img-vaca { margin-top: 40px; }
  .producto-desplegado .txt h2 { font-family: 'Barlow Condensed', sans-serif; font-size: 25px; line-height: 30px; font-weight: 300; color: #fff; }
  .producto-desplegado .txt h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 45px; line-height: 54px; font-weight: 500; color: #fff; }
  .producto-desplegado .txt p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 15px; line-height: 25px; }
  .producto-desplegado .botones { float: left; display: inline-block; margin-top: 40px; }
  .producto-desplegado .botones .cantidad input[type="number"] { width: 240px; }
  .producto-desplegado .botones .aclaracion { margin-top: 0px; color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 16px; line-height: 22px; float: right; width: 140px; margin-left: 30px; }
  .producto-desplegado .botones a,
  .producto-desplegado .botones a.sumar-al-carro.active { width: 240px; margin: 30px 0; float: left; }

  .producto-desplegado .medios-pago ul.tarjetas li { margin: 15px 13px 0 0; } 
.producto-desplegado .precio-subtotal .aclaraciones{ margin-top: 5px; width: 90px;}/**/
.producto-desplegado .medios-pago h3 { margin: 5px 0 0;}/**/
}

@media (max-width: 479px) { .producto-desplegado { margin-top: 120px; }
  .producto-desplegado .breadcrumbs { margin-bottom: 10px; }
  .producto-desplegado .breadcrumbs a { color: #fff; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 14px; line-height: 20px; float: left; margin-right: 15px; }
  .producto-desplegado .breadcrumbs a i { position: relative; top: -14px; left: 15px; }
  .producto-desplegado .breadcrumbs a span { display: inline-block; text-align: right; width: calc(100% - 65px); }
  .producto-desplegado .txt { padding: 0 15px; }
  .producto-desplegado .botones { padding: 0 15px; margin-top: 20px; }
  .producto-desplegado .botones .cantidad input[type="number"] { width: 290px; }
  .producto-desplegado .botones .aclaracion { margin-top: 15px; color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 14px; line-height: 22px; float: left; width: 290px; margin-left: 0px; }
  .producto-desplegado .botones a,
    .producto-desplegado .botones a.sumar-al-carro.active  { width: 290px; margin: 25px 0; float: left; }
  .producto-desplegado .medios-pago ul.tarjetas li { margin: 15px 10px 0 0; } 
.producto-desplegado .botones .cantidad{ float: left;}/**/
.producto-desplegado .botones .cantidad input[type="number"]{ width: 260px;}/**/
.producto-desplegado .botones .aclaracion.kg{ width: auto;}/**/
}


.resultado-compra {min-height: 650px}
.resultado-compra h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 47px; line-height: 1.2; font-weight: 300; color: #D6D6D6; margin-top: 250px }
.resultado-compra p { color: #A0A0A0; font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 18px; line-height: 28px; margin-top: 35px; }