/*RESET*/
@charset "utf-8";a{text-decoration:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}

/*GENERALES*/
body { margin:0px; background-color:#FFF; overflow-x: hidden !important}
p, b, a, i, u, h1, h2, h3, h4, h5, h6, ul ,li, input, textarea, select, span, label { 
    font-family: 'Montserrat', sans-serif;
 }
b { font-weight:700}
.clear0 { clear:both; height:0px}
.clear5 { clear:both; height:5px}
.clear10 { clear:both; height:10px}
.clear15 { clear:both; height:15px}
.clear20 { clear:both; height:20px}
.clear30 { clear:both; height:30px}
.clear40 { clear:both; height:40px}
.clear50 { clear:both; height:50px}
.clear90 { clear:both; height:90px}
::selection {color:#CCC;background:#444;}
::-moz-selection {color:#EEE;background:#444;}
*:focus { outline:none}


.document-opacity { opacity: 1; margin-top: 0vh;}
#page-loader { position: fixed; display: flex; justify-content: center; align-items: center; flex-direction: column; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: #e20177; z-index: 9999999;}
#page-loader img { width: 80%; max-width: 150px; }




#map_canvas {    width: 100%;    height: 80vh !important;    overflow: hidden;    clear: both;}
#map_canvas img {    background: none !important;    max-width:none !important;}



.page-overlay .loader-wrap { position: absolute; top: 100%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.page-overlay .loader-review { position: absolute; top: calc(50% + 60px); left: 50%;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);  width: 300px; font-family: Arial;  font-size: 13px;  text-align:center;}
.loading { background-color: "#2e6da4"; height: 4px;  overflow: hidden; position: relative; width: 140px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;}
.loading-bar { animation: sideToside 2s ease-in-out infinite; background-color: #FFFFFF; height: 100%; position: absolute; width: 50%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;}
.center { left: 50%; margin: 0; position: absolute; top: 60%;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
@keyframes sideToside {
    0%, 100% { transform: translateX(-50%); }
    50%      { transform: translateX(150%); }
}




.lighMenu { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 999999; display: none}
.lighMenu .izq { position: absolute; top: 0; bottom: 0; left: 0; right: 350px}
.lighMenu .der { width: 350px; height: 100%; position: absolute; right: -350px; top: 0; background-color: #FFF}
.lighMenu .der .cerrar { width: 40px; position: absolute; top: 20px; right: 20px; opacity: 1; cursor: pointer;
 -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lighMenu .der .menu { top: 100px; width: 80%; left: 10%; position: absolute }
.lighMenu .der .menu li { width: 100%; border-bottom: 1px solid #CCC; cursor: pointer}
.lighMenu .der .menu li p { color: #333; font-size: 18px; padding: 13px 0px; font-weight: 300; padding-left: 12px;
 -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lighMenu .der .menu li p.pedidos { background-color: #e20177; color: #FFF; margin-top: 20px;}
.lighMenu .der .menu li:hover p { padding-left: 16px}
.lighMenu .redes { width: auto; position: absolute; bottom: 30px; left: 30px;}
.lighMenu .redes a { margin: 0rem; }
.lighMenu .redes img { width: 34px; margin: 0 3px; 
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lighMenu .redes img:hover { opacity: 0.7;}
.lighMenu .der .menu li.activo p { color: #c8046b; font-weight: 600;}






header { width: 100%; height: auto; background-color: #FFF; position: fixed; top: 0; z-index: 99999; padding: 20px 0px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .in { position: relative; width: 94%;  display: flex;  margin: auto;  justify-content: space-between; }

header .in .logo { height: 70px; flex: 1;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .in nav {  display: flex; align-items: center;}
header .in nav a { margin: 0px 12px;  display: inline-block; vertical-align: middle;  }
header .in nav a p {   padding: 10px 2px; color: #e20177; font-size: 13px; font-weight: 500; display: inline-block; vertical-align: middle; cursor: pointer; 
     position: relative; 
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .in nav p span { position: absolute; width: 100%; height: 1px; background-color: #e20177; bottom: 5px; left: 0%; opacity: 0; width: 10%;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .in nav p:hover span { background-color: #e20177; opacity: 1; width: 100%;}
header .in nav p.activo { color: #FFF; font-weight: bold;} 
header .in nav p.activo span { left: 0px;}
header .in nav a.activo p span { background-color: #e20177; opacity: 1; width: 100%;}
header .in nav p.btn-pedidos {  background-color: #e20177; color: #FFF; padding: 10px 15px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .in nav p.btn-pedidos span { display: none;}
header .in nav p.btn-pedidos:hover {  background-color: #222}
header .in nav .redes { width: auto; margin-left: 15px;}
header .in nav .redes a { margin: 0rem; }
header .in nav .redes img { width: 34px; margin: 0 3px; 
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header .in nav .redes img:hover { opacity: 0.7;}
header .in nav .icMenu { display: none; width: 32px; cursor: pointer;}


.fix-header-back { width: 100%; height: 110px;}

.show-menu .in .logo {height: 50px;}
.show-menu  .in nav .redes img { width: 28px;}

header h1 { margin: 0 !important; padding: 0 !important}




.slider { width: 100%; height: auto; margin-top: 110px !important;}
.slider .desk { display: block;}
.slider .mob { display: none;}
.slider img {width: 100%;}



.elmapa { width: 100%; height: 75vh; position: relative;}
.elmapa .titular { position: absolute; z-index: 9999; width: 100%; height: 80px;background-color: #e20177; text-align: center; display: flex; justify-content: center; align-items: center;}
.elmapa .titular p { color: #FFF; font-size: 32px; font-weight: bold}
.elmapa iframe { width: 100%; height: 100%; position: absolute; top: 34px; left: 0; }

.elmapa2 { width: 100%; height: 75vh; position: relative;}
.elmapa2 iframe { width: 100%; height: 100%; position: absolute; top: -60px; left: 0; }




.gustos { width: 100%; height: auto; padding: 90px 0px; text-align: center; background-image: url(../img/productos-bk.jpg); background-size: cover; background-position: center center; padding-bottom: 50px;}
.gustos h4 { color: #FFF; font-size: 35px;    line-height: 44px;    padding: 0px 20px;    font-weight: 600;}
.gustos .listas { margin: 20px 0px; display: flex; justify-content: center; align-items: flex-start;}
.gustos .listas .col { width: 300px; margin: 0px 20px;}
.gustos .listas .col .cu {
    width: 100%;
    height: auto;
    background-color: #FFF;
    box-sizing: border-box;
    padding: 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.gustos .listas .col .cu { margin-top: 20px;}
.gustos .listas .col h6 { font-size: 20px; line-height: 26px; font-weight: 600; text-align: left;}
.gustos .listas .col h6 span {    color: #e20177;    font-size: 25px;    font-weight: 200;    font-style: italic;}
.gustos .listas .col ul { text-align: left; margin-top: 16px;}
.gustos .listas .col ul li { position: relative; cursor: pointer; padding: 4px 2px; box-sizing: border-box;}
.gustos .listas .col ul li:hover { background-color: #EEE;}
.gustos .listas .col ul li span {  width: 100%; display: inline-block;font-size: 14px; line-height: 17px;}
.gustos .listas .col ul li .celiaco { position: absolute; left: -18px; height: 14px; top: 5px;}
.gustos .listas .col .recomienda { background-color: #e20177; }
.gustos .listas .col .recomienda * { color: #FFF;}
.gustos .listas .col .recomienda ul li:hover { background-color: #c8046b;}






.slider-productos { width: 100%; height: auto;  background-image: url(../img/fondo.jpg); background-size: cover; }

.slider2 { text-align: center;}
.slider2 .swiper-slide { padding-bottom: 80px;}
.slider2 h6 { font-size: 50px; line-height: 60px; font-weight: 600; text-align: left;font-family: 'Caveat'; text-align: center; padding: 30px 0px; padding-top: 70px; display: none;}
.slider2 .promos { width: 100%; display: flex; justify-content: center; align-items: flex-start;}
.slider2 .promos img { margin: 0px 20px; width: 500px;}
.slider2 .swiper-button-next { background-image: url(../img/der.png); width: 40px; height: 40px; background-size: cover;z-index: 9999; right: 30px;}
.slider2 .swiper-button-prev { background-image: url(../img/izq.png); width: 40px; height: 40px; background-size: cover;z-index: 9999; left: 30px;}
.slider2 .pagination2 { bottom:30px !important}
.slider2 .swiper-button-next { display: none;}
.slider2 .swiper-button-prev { display: none;}
.slider2 .pagination2 {display: none;}




.historia { width: 100%; text-align: center; display: flex; justify-content: center; align-items: flex-start; background-color: #f1f1f1;}
.historia img.desk { width: 50%;}
.historia img.mob { width: 100%; display: none;}
.historia div { width: 50%; display: flex; flex-direction: column; text-align: center; justify-content: center; align-items: center;}
.historia div .head { width: 18vw; margin-bottom: 2vw; margin-top: 3vw;}
.historia div .foot { width: 6vw; margin-top: 2vw;}
.historia div p { width: 100%;  font-size: 1vw; line-height: 1.4vw; width: 80%;}
.historia div p b { font-weight: bold; color: #e20177 ;}




footer { width: 100%; height: auto; background-color: #e20177; padding: 50px 0px; display: flex !important; justify-content: center; align-items: flex-start;}
footer * { color: #FFF;}
footer div { margin: 0px 50px; display: flex; flex-direction: column;}
footer .logo { width: 170px;}
footer h6 { font-weight: 600; font-size: 16px; margin-bottom: 2px; line-height: 26px;}
footer p { font-size: 14px; font-weight: 200; line-height: 18px;}
footer a:hover * { text-decoration: underline; color: #FFF !important}
footer .redes { width: auto;}
footer .redes a { margin: 0rem; }
footer .redes img { width: 32px; margin: 0 5px; 
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
footer .redes img:hover { opacity: 0.7;}






/* START TOOLTIP STYLES */
[tooltip] {
    position: relative;
}
[tooltip]::before,
[tooltip]::after {
    text-transform: none;
    font-size: 12px;
    line-height: 17px;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}
[tooltip]::before {
    content: "";
    border: 5px solid transparent;
z-index: 1001;
}
[tooltip]::after {
    content: attr(tooltip);
    font-family: Helvetica, sans-serif;
    text-align: center;
    width: 260px;
    height: auto;
    padding: 10px;
    border-radius: 0.3ch;
    box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
    background: #333;
    color: #fff;
    z-index: 1000;
}
[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}
[tooltip=""]::before,
[tooltip=""]::after {
    display: none !important;
}
/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, 0.5em);
}
/* KEYFRAMES */
@keyframes tooltips-vert {
to {
    opacity: 0.9;
    transform: translate(-50%, 0);
    }
}
@keyframes tooltips-horz {
to {
    opacity: 0.9;
    transform: translate(0, -50%);
    }
}
/* FX All The Things */
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}







.listado-sucursales { width: 90%; margin: 0px auto; margin-bottom: 50px; text-align: center;}
.listado-sucursales h2 {    font-size: 36px;    line-height: 48px;    padding: 0px 20px;    color: #e20177;    font-weight: 600;    text-transform: uppercase;}

.listado-sucursales ul { margin-top: 10px; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.listado-sucursales ul li { width: 22%; margin: 20px 1%; background-color: #EEE; padding-bottom: 20px; cursor: pointer;
    border-bottom: 2px solid #c9c9c9;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s; }
.listado-sucursales ul li .foto { width: 100%; height: 14vw; position: relative;  overflow: hidden; background-color: #222;}
.listado-sucursales ul li .foto .more { position: absolute; width: 30px; z-index: 3; opacity: 0; top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.listado-sucursales ul li .foto .lafoto { z-index: 1;  width: 101%; height: auto; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;
}
.listado-sucursales ul li h6 { font-size: 22px; line-height: 29px; font-weight: 500; margin-top: 20px; margin-bottom: 6px; padding: 0px 20px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.listado-sucursales ul li p { font-size: 14px; line-height: 23px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.listado-sucursales ul li .line { width: 30px; height: 3px; background-color: #e20177; margin: 10px auto;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;
}    
.listado-sucursales ul li:hover { background-color: #e20177; border-color: #a60057;}
.listado-sucursales ul li:hover * { color: #FFF;}
.listado-sucursales ul li:hover .foto .lafoto { opacity: 0.4; width: 110%;}
.listado-sucursales ul li:hover .foto .more { width: 60px; opacity: 1;}
.listado-sucursales ul li:hover .line { width: 50px; background-color: #FFF;}    






.light-sucursal { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.6); z-index: 999999;  display: none;}
.light-sucursal .in { background-color: #FFF; width: 800px; height: auto; display: flex; position: absolute; top: 50%; left: 50%; opacity: 1;
     transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);
}
.light-sucursal .in .close { position: absolute; top: 10px; right: -45px; width: 36px; cursor: pointer; opacity: 1 !important;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.light-sucursal .in .close:hover { opacity: 0.7 !important;}
.light-sucursal .in .izq { width: 350px; height: auto;}
.light-sucursal .in .izq img { width: 100%; height: auto;}
.light-sucursal .in .izq iframe { width: 100%; height: 240px;}
.light-sucursal .in .der { width: 450px; height: auto; box-sizing: border-box; padding: 40px;}
.light-sucursal .in .der h6 { font-size: 35px; line-height: 43px; margin-bottom: 12px;}
.light-sucursal .in .der p { font-weight: 100; font-size: 16px; line-height: 22px; margin-bottom: 3px;}
.light-sucursal .in .der p b { font-weight: 600;}
.light-sucursal .in .der p a { color: #222; text-decoration: underline}
.light-sucursal .in .der p a:hover { text-decoration: none}
.light-sucursal .in .der p.margen-bajo {margin-bottom: 12px;}


.data-sucursal { background-color: #FFF; width: 800px; height: auto; display: flex; }
.data-sucursal .izq { width: 350px; height: auto;}
.data-sucursal .izq img { width: 100%; height: auto;}
.data-sucursal .izq iframe { width: 100%; height: 240px;}
.data-sucursal .der { width: 450px; height: auto; box-sizing: border-box; padding: 40px;}
.data-sucursal .der h6 { font-size: 35px; line-height: 43px; margin-bottom: 12px;}
.data-sucursal .der p { font-weight: 100; font-size: 16px; line-height: 22px; margin-bottom: 12px;}
.data-sucursal .der p b { font-weight: 600;}




.menu-productos { width: 90%; height: auto; display: flex; justify-content: center; align-items: center; margin: auto; padding-top: 60px; margin-bottom: 60px;}
.menu-productos li { background-color: #FFF; border-bottom: 2px solid #CCC; cursor: pointer; 
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.menu-productos li p { padding: 25px 30px;  
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;
}
.menu-productos li:hover { border-bottom: 2px solid #e20177;}
.menu-productos li:hover p { color: #e20177;}
.menu-productos li.activo { border-bottom: 2px solid #e20177; background-color: #e20177;}
.menu-productos li.activo p { color: #FFF;}





.franquicias-interno { width: 100%; text-align: center; padding: 60px 0px;}
.franquicias-interno h2 {    color: #e20177;    font-size: 38px;    line-height: 46px;    margin-bottom: 40px;    padding: 0px 20px;    text-transform: uppercase;    font-weight: 600;}
.franquicias-interno .col2 { width: 90%; margin: auto; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 80px;}
.franquicias-interno .col2 .izq { width: 48%; text-align: left; }
.franquicias-interno .col2 .izq p { width: 85%; margin:auto; font-size: 15px; line-height: 23px;border-top: 1px solid #666; margin-top: 30px; padding-top: 20px;}
.franquicias-interno .col2 .izq p b { font-weight: 600;}
.franquicias-interno .col2 .izq p span { font-weight: 700; color: #e20177;}
.franquicias-interno .col2 .izq p a { font-weight: 600; color: #e20177; text-decoration: underline;}
.franquicias-interno .col2 .izq p a:hover { text-decoration: none;}
.franquicias-interno .col2 .izq iframe { width: 100%;}
.franquicias-interno .col2 .der { width: 48%; text-align: left;}
.franquicias-interno .col2 .der .acordeon {  width: 85%; margin:auto; border-top: 1px solid #666; margin-top: 30px; padding-top: 20px;}
.franquicias-interno .col2 .der .acordeon>li { width: 100%; height: auto; }
.franquicias-interno .col2 .der .acordeon>li .titulo { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 0px; border-bottom: 1px solid #666; cursor: pointer;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.franquicias-interno .col2 .der .acordeon>li .activo { background-color: #EEE;}
.franquicias-interno .col2 .der .acordeon>li .titulo h5 { font-size: 15px; line-height: 23px; font-weight: 600; width: 100%;  height: auto; padding-left: 10px;}
.franquicias-interno .col2 .der .acordeon>li .titulo img { width: 14px; padding-right: 10px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.franquicias-interno .col2 .der .acordeon>li .activo img { padding-left: 10px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}
.franquicias-interno .col2 .der .acordeon>li .titulo:hover { background-color: #EEE;}
.franquicias-interno .col2 .der .acordeon>li ul { width: 100%; height: auto; display: none;}
.franquicias-interno .col2 .der .acordeon>li ul li { width: 100%; height: auto; border-bottom: 1px solid #CCC; padding: 12px 0px;}
.franquicias-interno .col2 .der .acordeon>li ul li p { font-size: 15px; line-height: 23px}
.franquicias-interno .col2 .der .acordeon>li ul li p b { font-weight: 600;}



.servicios-int h2 { margin-bottom: 0px;}
.servicios-int .cont-formulario { padding-top: 20px;}







.video-container {position: relative;padding-bottom: 56.25%;height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container video,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}




.cont-formulario { width: 90%; margin: auto; height: auto; padding: 50px 0px; text-align: center;}
.cont-formulario h6 { font-size: 34px; line-height: 43px; width: 70%; margin: auto; font-weight: 600; color: #e20177;}
.cont-formulario>p { font-size: 18px; line-height: 27px; width: 70%; margin: auto; margin-top: 14px;}
.cont-formulario form {  display: flex; flex-direction: column; width: 560px; margin: auto;margin-top: 40px;}
.cont-formulario form label { font-size: 12px; line-height: 22px; font-size: 700; text-transform: uppercase; margin-bottom: 5px; margin-top: 25px;}
.cont-formulario form input { width: 100%; font-size: 18px; font-size: 600; padding: 9px 0px; margin-bottom: 4px; text-align: center;
    border: 1px solid #999}
.cont-formulario form textarea { width: 100%; font-size: 18px; font-size: 600; padding: 9px 0px; margin-bottom: 4px; text-align: center; height: 90px; resize: none;
    border: 1px solid #999}
.cont-formulario form select { width: 100%; font-size: 18px; font-size: 600; padding: 9px 0px; margin-bottom: 12px; text-align: center;border: 1px solid #999}
.cont-formulario form .btnSend { width: 100%; font-size: 18px; padding: 12px 0px;  text-align: center; background-color: #e20177; border: none; color: #FFF; margin-top: 15px; margin-bottom: 20px ;}
.cont-formulario form .btnSend:hover { background-color: #c8046b;}

.cont-formulario span {color: red;    font-size: 11px;    text-transform: initial;}
.cont-formulario form p { margin-top: 15px;}
.cont-formulario .wpcf7-validation-errors { color: red; font-size: 12px;}
.cont-formulario .screen-reader-response { display: none !important;}
.cont-formulario .wpcf7-mail-sent-ok { color: green; font-size: 18px; line-height: 600; line-height: 21px;}
.cont-formulario .input[type="file"] { color: #222;}






.listado-promociones { width: 90%; margin: 0px auto; margin-bottom: 50px; text-align: center; margin-top: 40px;}
.listado-promociones h2 {color: #e20177;    font-size: 38px;    line-height: 46px;    margin-bottom: 40px;    padding: 0px 20px;    text-transform: uppercase;    font-weight: 600;}
.listado-promociones ul { margin-top: 10px; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.listado-promociones ul li { width: 28%; margin: 20px 2%; background-color: #EEE; padding-bottom: 20px; cursor: pointer;
    border-bottom: 2px solid #c9c9c9;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s; }
.listado-promociones ul li .foto { width: 100%; height: 20vw; position: relative;  overflow: hidden; background-color: #222;}
.listado-promociones ul li .foto .more { position: absolute; width: 30px; z-index: 3; opacity: 0; top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.listado-promociones ul li .foto .lafoto { z-index: 1;  width: 101%; height: auto; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;
}
.listado-promociones ul li h6 { font-size: 20px; line-height: 30px; font-weight: 500; margin-top: 20px; margin-bottom: 6px; padding: 0px 20px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.listado-promociones ul li p { font-size: 14px; line-height: 23px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.listado-promociones ul li span { font-size: 14px; line-height: 23px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.listado-promociones ul li .line { width: 30px; height: 3px; background-color: #e20177; margin: 10px auto;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;
}    
.listado-promociones ul li:hover { background-color: #e20177; border-color: #a60057;}
.listado-promociones ul li:hover * { color: #FFF;}
.listado-promociones ul li:hover .foto .lafoto { opacity: 0.4; width: 110%;}
.listado-promociones ul li:hover .foto .more { width: 60px; opacity: 1;}
.listado-promociones ul li:hover .line { width: 50px; background-color: #FFF;}  








.africa { width: 100%; height: auto; background-color: #222; text-align: center; padding: 10px 0px}
.africa p { color: #CCC; font-size: 10px; line-height: 12px; text-transform: uppercase}
.africa p a { color: #CCC; }
.africa p a:hover { color: #FFF; text-decoration: underline}


















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

    header .in {  width: 96%; }
    header .in .logo {  height: 56px; }
    header .in nav a p { padding: 10px 0px; font-size: 12px;}
    header .in nav .redes img { width: 30px;  margin: 0px 1px; }
    header .in nav a {  margin: 0px 8px; }
    .slider { margin-top: 95px !important;}

    .listado-sucursales ul li h6 { font-size: 19px;  line-height: 25px; }
    .listado-sucursales ul li p { font-size: 13px;  line-height: 21px; }

    .menu-productos li p { font-size: 1vw;  }
    .listado-promociones ul li { width: 30%;  margin: 20px 1%; }

}


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

    header .in {  width: 94%; }
    header .in nav *, header .in nav a { display: none; }
    header .in nav .icMenu { display: block; }
    .show-menu { padding: 14px 0px;}
    .show-menu .in .logo {height: 44px;}
    .fix-header-back { width: 100%; height: 96px;}

    .slider2 .promos img {  margin: 0px 10px;  width: 400px; }

    .historia div p { font-size: 1.4vw; line-height: 1.8vw; width: 90%; }
    .historia div .head { width: 13vw; margin-bottom: 1vw; margin-top: 2vw; }
    .historia div .foot { display: none; }

    footer div {  margin: 0px 25px; }

    .listado-sucursales ul li { width: 30%; margin: 20px 1%; }
    .listado-sucursales ul li .foto { height: 20vw; }

    .menu-productos li p { padding: 20px 16px; font-size: 1.2vw;}

    .franquicias-interno { padding: 30px 0px; }

    .listado-promociones { width: 80%; }
    .listado-promociones ul li { width: 45%;  margin: 20px 2%; }
    .listado-promociones ul li .foto { height: 26vw; }

}



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

    .gustos .listas .col { width: 300px; margin: 0px 8px;}
    .gustos .listas .col .cu { padding: 20px;}
    .gustos .listas .col ul li .celiaco { left: -15px; height: 13px; top: 6px; }

    .slider2 .promos img { margin: 0px 0px; width: 330px;}

    .historia { flex-direction: column;}
    .historia img.desk { display: none}
    .historia img.mob { display: block}
    .historia div { width: 100%; padding: 50px 0px;}
    .historia div .head { width: 220px; margin-bottom: 30px; margin-top: 0px; }
    .historia div p { font-size: 15px; line-height: 22px; width: 80%; }
    .historia div .foot {  display: block;  width: 70px;  margin: 0px;  margin-top: 18px;}

    footer { flex-wrap: wrap; justify-content: center; align-items: flex-start;}
    footer div { width: 46%; margin: 0px; margin-top: 40px; }

    .listado-sucursales ul li { width: 46%; margin: 20px 2%; }
    .listado-sucursales ul li .foto {  height: 30vw;}

    .light-sucursal .in {  width: 680px; }
    .light-sucursal .in .close { top: -2px; right: -2px; width: 50px; position: fixed; }

    .menu-productos { width: 100%;}
    .menu-productos li p { padding: 16px 8px; font-size: 1.6vw;}

    .franquicias-interno { padding: 20px 0px;  }
    .franquicias-interno h2 { margin-bottom: 30px; }
    .franquicias-interno .col2 { flex-direction: column; width: 80%; margin-bottom: 20px;}
    .franquicias-interno .col2 .izq { width: 100%; margin-bottom: 50px; }
    .franquicias-interno .col2 .der { width: 100%; }

    .servicios-int h2 { margin-bottom: 0px;}

    .cont-formulario { width: 80%; }
    .cont-formulario h6 { font-size: 28px;  line-height: 41px;  width: 100%;}
    .cont-formulario p { font-size: 16px;  line-height: 27px;  width: 100%; }

    .listado-promociones {  width: 90%; }
    .listado-promociones ul li .foto { height: 30vw; }

}



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

    .gustos .listas { flex-direction: column; width: 300px; margin: auto; margin-top: 10px; }
    .gustos .listas .col { width: 100%; margin: 0px 0px;}
    .gustos .listas .col .cu { padding: 30px 40px; }

}



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

    header { padding: 10px 0px; }
    header .in .logo { height: 45px; }
    .slider { margin-top: 65px !important; }
    .slider .desk {  display: none; }
    .slider .mob {  display: block; }
    .show-menu { padding: 10px 0px;}
    .show-menu .in .logo {height: 36px;}
    .fix-header-back { width: 100%; height: 65px;}

    
    .slider2 .promos { flex-direction: column;    justify-content: center;  align-items: center;}
    .slider2 .promos img { width: 80%;}
    .slider2 .swiper-button-next { width: 30px; height: 30px; right: 10px;}
    .slider2 .swiper-button-prev { width: 30px; height: 30px; left: 10px;}

    .elmapa .titular p {  font-size: 24px;}

    .listado-sucursales ul li p { font-size: 12px;  line-height: 20px; }

    .light-sucursal .in {width: 80%; height: 80%; display: block; overflow-y: scroll; overflow-x: hidden;  }
    .light-sucursal .in .izq { width: 100%;  margin: auto; margin-top: 0px; }
    .light-sucursal .in .der {  width: 100%;    margin: auto; padding-bottom: 30px; padding-top: 28px;  }
    .light-sucursal .in .close {  margin-left: auto; top: initial; right: initial; width: 50px; position: sticky; margin-top: 10px; margin-right: 10px; }
    .light-sucursal .in .der h6 {  font-size: 30px; line-height: 39px; }
    .light-sucursal .in .close {  margin-left: 0;  top: initial;  right: initial;  width: 50px;  position: absolute;  margin-top: 0;  margin-right: 0;  top: 10px;  right: 10px;}

    .slider2 h6 { display: block;}
    .menu-productos { display: none;}
    .slider2 .swiper-button-next { display: block;}
    .slider2 .swiper-button-prev { display: block;}
    .slider2 .pagination2 {display: block;}

    .franquicias-interno { padding: 35px 0px; }
    .franquicias-interno h2 { font-size: 46px; line-height: 46px; }
    .franquicias-interno .col2 .izq p { width: 100%;}
    .franquicias-interno .col2 .der .acordeon { width: 100%;}

    .cont-formulario form { width: 100%; }

    .listado-promociones { width: 94%;}
    .listado-promociones ul li {width: 46%;  margin: 20px 2%;}
    .listado-promociones ul li h6 { font-size: 18px;  line-height: 26px; }
    .listado-promociones ul li .foto { height: 33vw; }



}



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

    .gustos h4 {  font-size: 42px; line-height: 48px;}

    .slider2 h6 {  font-size: 34px;  line-height: 40px; }

    .historia img.desk { display: block; width: 100%;}
    .historia img.mob { display: none}

    footer { flex-direction: column; text-align: center;    padding: 40px 0px;  padding-bottom: 10px;}
    footer .logo { width: 140px; margin: auto; }
    footer div { width: 80%; margin: auto; margin-bottom: 30px;}

    .listado-sucursales h2 { font-size: 46px; line-height: 53px;}
    .listado-sucursales ul {  width: 80%; margin: auto; }
    .listado-sucursales ul li {  width: 100%;  margin: 20px 0%; }
    .listado-sucursales ul li .foto { height: 53vw;}

    .light-sucursal .in .der h6 { font-size: 26px;  line-height: 34px; }
    .light-sucursal .in .der p { font-size: 14px; line-height: 20px; }

    .cont-formulario h6 { font-size: 22px; line-height: 32px; }

    .listado-promociones { width: 82%;}
    .listado-promociones h2 { font-size: 46px; line-height: 53px;}
    .listado-promociones ul { flex-direction: column; }
    .listado-promociones ul li { width: 100%; margin: 20px 0%;}
    .listado-promociones ul li .foto { height: 62vw; }

    .light-sucursal .in {  width: 90%; height: 90%; }

    .cont-formulario p { font-size: 14px; line-height: 23px;  }

}



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

    .slider2 h6 {  font-size: 30px;  line-height: 37px; }

    .listado-sucursales h2 { font-size: 36px; line-height: 43px;}
    .listado-sucursales ul { width: 90%;}
    .listado-sucursales ul li .foto {height: 60vw; }



}