﻿@font-face {
    font-family:'MuseoSansRoundedbold';
    src:url('../fontface/MuseoSansRounded-900.eot');
    src:url('../fontface/MuseoSansRounded-900.eot') format('embedded-opentype'),
        url('../fontface/MuseoSansRounded-900.woff2') format('woff2'),
        url('../fontface/MuseoSansRounded-900.woff') format('woff'),
        url('../fontface/MuseoSansRounded-900.ttf') format('truetype'),
        url('../fontface/MuseoSansRounded-900.svg') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'MuseoSansRoundedregular';
    src:url('../fontface/MuseoSansRounded-500.eot');
    src:url('../fontface/MuseoSansRounded-500.eot') format('embedded-opentype'),
        url('../fontface/MuseoSansRounded-500.woff2') format('woff2'),
        url('../fontface/MuseoSansRounded-500.woff') format('woff'),
        url('../fontface/MuseoSansRounded-500.ttf') format('truetype'),
        url('../fontface/MuseoSansRounded-500.svg') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'MuseoSansRoundedmedium';
    src:url('../fontface/MuseoSansRounded-700.eot');
    src:url('../fontface/MuseoSansRounded-700.eot') format('embedded-opentype'),
        url('../fontface/MuseoSansRounded-700.woff2') format('woff2'),
        url('../fontface/MuseoSansRounded-700.woff') format('woff'),
        url('../fontface/MuseoSansRounded-700.ttf') format('truetype'),
        url('../fontface/MuseoSansRounded-700.svg') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'MuseoSansRoundedblack';
    src:url('../fontface/MuseoSansRounded-900.eot');
    src:url('../fontface/MuseoSansRounded-900.eot') format('embedded-opentype'),
        url('../fontface/MuseoSansRounded-900.woff2') format('woff2'),
        url('../fontface/MuseoSansRounded-900.woff') format('woff'),
        url('../fontface/MuseoSansRounded-900.ttf') format('truetype'),
        url('../fontface/MuseoSansRounded-900.svg') format('svg');
    font-weight:normal;
    font-style:normal;
}

* {
    font-smooth:always;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body {
    min-width:320px; 
    font-family:'MuseoSansRoundedregular', Arial, Helvetica, sans-serif;
    font-size:15px;
    line-height:18px;
    color:#000;
}

img {
    margin:0;
    padding:0;
    border:none;
}

a {
    text-decoration:none;
    outline:none;
    transition:all 200ms linear;
    -webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    -ms-transition:all 200ms linear;
    cursor:pointer;
}

h1, h2, h3 {
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    font-size:100%;
    font-weight:normal;
    vertical-align:baseline;
}

p {
    margin:0;
    padding:0;
}

ul {
    margin:0;
    padding:0;
    list-style:none;
}

section {
    margin:0;
    padding:0;
    font-size:0;
    line-height:0;
}

iframe {
    margin:0;
    padding:0;
}

.clear {
    clear:both;
}

#contenedor {
    width:100%;
    min-width:320px;
    margin:auto;
    padding:0;
}

.thumb {
    position:relative;
    float:left;
    width:100%;
    margin:0;
    padding:0;
    border:none;
}

.thumb.mobile {
    display:none;
}

.dorado {
    color:#FBC700;
}

 /*-////////////////// SELLO FLOTANTE  ////////////////////*/
 
 
 
#imagen-flotante {
  position: fixed;
  top: 10px; /* Opcional: Para fijar la posición en la parte superior */
  right: 20px; /* Opcional: Para fijar la posición en la parte izquierda */
  width: 100px;
  height: 100px;
  /* background-color: red; */
  z-index: 2; /*  La imagen se colocará encima del texto */
  /* Otros estilos como tamaño, etc. */
}

/*/// HEADER ///*/

header {
    position:absolute;
    width:100%;
    padding:12px 0;
    /*background-color:rgba(35,31,32,.5);*/
	background-color:#000;
    z-index:2;
}

.centrador_HD {
    width:100%;
    max-width:1440px;
    margin:auto;
    padding:0 40px;
}

.ClipLogo {
    float:left;
}

.logo {
    width:140px;
    height:auto;
}

#MenuH {
    display:none;
    position:relative;
    float:right;
    margin-top:24px;
    z-index:4;
}

.menu {
    cursor:pointer;
}

#mmenu {
    position:relative;
    display:inline-block;
    /*width:48px;
    height:40px;*/
    width:44px;
    height:36px;
    border:none;
    background-image: url('../imgs/menu_dorado.png');
    background-size:contain;
    background-repeat:no-repeat;
}

ul.navegacion {
    float:left;
    font-size:0;
    list-style-type:none;
    margin-top:36px;
    margin-left:70px;
    padding:0;
}

ul.navegacion li {
    position:relative;
    display:inline-block;
    padding-right:30px;
}

ul.navegacion li a {
    display:inline-block;
    font-family:'MuseoSansRoundedbold', Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#FFF;
}

ul.navegacion li a:hover {
    color:#FBC700;
}

ul.navegacion li a.selected {
    color:#FBC700;
}

.redes_HD {
    float:right;
    margin-top:30px;
}

.ico-instagram {
    float:left;
    width:30px;
    margin-right:10px;
}

.ico-facebook {
    float:left;
    width:30px;
	margin-right:110px;
}


/*/// MENÚ MOBILE ///*/

#elmenu {
    display:none;
    position:absolute;
    width:100%;
    top:0;
    text-align:center;
    padding-bottom:60px;
    background:#FFF;
    z-index:9999;
}

.ClipCerrar {
    padding-top:20px;
}

.ico-cerrar {
    display:inline-block;
    width:27px;
    height:27px;
    border:none;
    background-image: url('../imgs/cerrar.png');
    background-size:contain;
    background-repeat:no-repeat;
}

ul.botones {
    margin:18px auto 9px;
}

ul.botones li {
    padding-bottom:23px;
}

ul.botones li a {
    display:inline-block;
    font-family:'MuseoSansRoundedbold', Arial, Helvetica, sans-serif;
    font-size:17px;
    letter-spacing:0.3px;
    text-transform:uppercase;
    color:#000;
    text-decoration:none;
}

ul.botones li a:hover {
    color:#FBC700;
}

#elmenu .ClipLogo {
    display:inline-block;
    float:none;
    width:162px;
    text-align:center;
    margin:30px auto;
}

#elmenu .logo {
    width:162px;
    margin:auto;
}

#elmenu .ico-instagram {
    float:none;
    width:30px;
    margin-right:4px;
}

#elmenu .ico-facebook {
    float:none;
    width:30px;
    margin-right:4px;
}


/*/// HOME ///*/

.ClipSlide {
    position:relative;
    height:100%;
    overflow:hidden;
}

.swiper-slide {
    overflow:hidden;
}

.bg_slide {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.2;
    z-index:1;
}

.la-mejor-pasta{
    display:block;
    width:450px;
    height:auto;
    margin:40px auto 25px;
}

.logos_plataformas {
    text-align:center;
    margin-left:-15px;
    margin-bottom:40px;
}

.logo_plataforma {
    width:auto;
    height:60px;
}

.linea_separa {
    display:inline-block;
    width:2px;
    height:70px;
    background:#333;
    margin-bottom:-5px;
}
.ClipSecosDiet {
    position:relative;
    padding:20px ;
}

.ClipSecosDiet h1 {
    position:relative;
    font-family:'brandon_grotesqueblack', Arial, Helvetica, sans-serif;
    font-size:58px;
    text-align:center;
    color:#FFF;
}

.ClipProductosx {
    position:relative;
    padding:20px;
}

.ClipProductosx h1 {
    position:relative;
    font-family:'brandon_grotesqueblack', Arial, Helvetica, sans-serif;
    font-size:58px;
    text-align:center;
    color:#FFF;
}

.linea_v {
    position:relative;
    display:block;
    width:120px;
    height:3px;
    background:#FFF;
    margin:35px auto 45px;
}

.ClipCategorias {
    position:relative;
    max-width:1120px;
    height:280px;
    margin:auto;
}

.ClipCategorias_col {
    float:left;
    width:20%;
    padding:0 10px;
}

.ClipCirculo_min_heigh_fake {
    width:100%;
    display:block;
    position:relative;
    padding-top:100%;
}

.ClipCirculo {
    position:relative;
    height:100%;
    border:7px solid #E8D3AE;
    background:#E8D3AE;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    overflow:hidden;
    transition:all .4s;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    z-index:2;
}

.categoria_img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    transition:all .4s;
    transform-origin:50% 50%;
}

.categoria_img_path {
    position:absolute;
    background:#000;
    opacity:0;
    z-index:3;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:0;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
}

.ClipCategoria {
    position:relative;
    display:block;
  
    text-align:center;
    color:#000;
    margin:-50% auto 0;
    padding:50% 10px 0;
    background:#E8D3AE;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    transition:all .4s;
    z-index:1;
}

.tit_categoria {
    width:100%;
    margin:-5px auto 0;
}

.cir_flecha {
    position:relative;
    display:inline-block;
    width:34px;
    height:34px;
    top:14px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    background:#000;
    transition:all .4s;
}

.flechita {
    display:inline-block;
    width:16px;
    height:9px;
    margin-top:11px;
}

.ClipCategorias_col a {
    display:block;
}

.ClipCategorias_col a:hover .categoria_img_path {
    opacity:.5;
}

.ClipCategorias_col a:hover .categoria_img {
    background:#FFF;
    -webkit-transform:scale(1.1) rotate(10deg);
    transform:scale(1.1) rotate(10deg);
}

.ClipCategorias_col a:hover .ClipCategoria {
    background:#FFF;
}

.ClipCategorias_col a:hover .ClipCirculo {
    border-color:#FFF;
}

.ClipCategorias_col a:hover .cir_flecha {
    transform:rotate(180deg);
}

.franja {
    position:absolute;
    top:0;
    width:100%;
    height:240px;
    background:#FBC700;
}


.verde {
    width:300px;
    height:4px;
    margin:240px auto 50px;
    background:#FBC700;
}

.centrador_sug {
    display:block;
    margin:auto;
    text-align:right;
}



.banner {
    width:100%;
    height:100%;
    margin:-5px 0;
}

.Cliplocales {
    display:inline-block;
    width:100%;
    margin:0 auto;
    padding:65px 0 45px;
    border:none;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top center;
    /*background-image:url("../imgs/bg_locales.jpg");*/
    background-color:#FFF;
}

.nuestras {
    font-family:'MuseoSansRoundedregular', Arial, Helvetica, sans-serif;
    font-size:48px;
    text-align:center;
    color:#000;
}

.linea_h_ch {
    display:inline-block;
    width:40px;
    height:3px;
    background:#000;
    margin:0 12px 12px;
}


h1.tit_locales {
    font-family:'brandon_grotesqueblack', Arial, Helvetica, sans-serif;
    font-size:72px;
    text-align:center;
    color:#000;
    margin-top:-15px;
}

.ClipSolapas {
    max-width:1010px;
    margin:60px auto 0;
    padding:0 40px;
}

.ClipSolapa {
    position:relative;
}

.ClipSolapa_int {
    height:430px;
    margin:0 0 20px;
    padding:30px 25px 20px; 
    background:#000;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    -ms-border-radius:15px;
}

h2.local {
    font-family:'MuseoSansRoundedbold', Arial, Helvetica, sans-serif;
    font-size:27px;
    line-height:27px;
    color:#FBC700;
    margin-bottom:10px;
}

.datos_local {
    font-family:'MuseoSansRoundedmedium', Arial, Helvetica, sans-serif;
    font-size:19px;
    line-height:22px;
    color:#FFF;
}

.datos_local a {
    color:#FFF;
}

.bottom_solapa {
    position:absolute;
    bottom:17px;
    left:0;
    right:0;
    padding:0 25px;
}

.horarios {
    font-family:'MuseoSansRoundedmedium', Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:19px;
    color:#FFF;
    margin-top:15px;
    padding:7px 0;
    border-top:1px solid #FFF;
    border-bottom:1px solid #FFF;
}

body.secc_home .horarios {
    padding-right:10px;
}

.redes_solapa {
    float:left;
    margin-top:15px;
}

.redes_solapa a {
    display:inline-block;
}

.redes_solapa .ico-solapa {
    width:40px !important;
}

.ico-solapa {
    width:40px;
    height:40px;
    margin-right:5px;
}

.ico-solapa.deli {
    margin-right:0;
}

.ClipSolapas .owl-nav {
    position:absolute;
    top:39%;
    left:0;
    width:100%;
    z-index:-1;
}

.ClipSolapas .owl-nav .owl-next {
    float:right;
    margin-right:-70px;
    outline:initial;
}

.ClipSolapas .owl-nav .owl-prev {
    margin-left:-70px;
    outline:initial;
}

.ClipSolapas .owl-nav button.owl-next span {
    font-size:3em;
    margin-left:2px;
    color:#FFF;
}

.ClipSolapas .owl-nav button.owl-prev span {
    font-size:3em;
    margin-right:2px;
    color:#FFF;
}

.ClipSolapas .owl-nav button {
    background-color:#000 !important;
    width:45px;
    height:45px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
}


.ClipDiapositivas {
    width:100%;
    max-width:920px;
    margin:45px auto 25px;
}



/*/// PORTADAS ///*/

.centrador {
    width:100%;
    max-width:1440px;
    margin:auto;
    padding:0 40px;
}

.ClipPortada {
    position:relative;
    line-height:0;
}

.vector {
    position:absolute;
    height:auto;
    z-index:1;
}

.portada_11 {
    width:520px;
    bottom:60px;
}

.portada_12 {
    width:480px;
    left:0;
    right:0;
    bottom:60px;
    margin:auto;
}



/*/// fideos secos ///*/


.ClipProductosx {
    position:relative;
    float:left;
    width:100%;
    margin-top:-5px;
    margin-bottom:-1px;
    background:#100a3b;
}

.ClipSecosDiet {
    position:relative;
    float:left;
    width:100%;
    margin-top:-5px;
    margin-bottom:-1px;
    background:#273b0a;
}

.cuadro_staff {
    position:relative;
    float:left;
    width:25%; /*con 25 me da 4 por ancho, con 20 me da 5*/
    border-radius:50%;
	height:auto;
    margin:0;
    padding:0;
    padding-top:25%; /* me da la forma 15% ovalado*/
    border:none;
    overflow:hidden;
    cursor:pointer;
}


.cuadro_staff_diet {
    position:relative;
    float:left;
    width:25%; /*con 25 me da 4 por ancho, con 20 me da 5*/
    /*border-radius:50%;*/
	height:auto;
    margin:0;
    padding:0;
    padding-top:25%; /* me da la forma 15% ovalado*/
    border:none;
    overflow:hidden;
    cursor:pointer;
}

.cuadro_staff_diet .thumb {
    position:absolute;
    width:100%;
    margin:center;
    padding:0;
    border:none;
    top:0;
    right:0;
    transition:all .3s ease-in-out;
}

.cuadro_staff_diet:hover .thumb {
    -webkit-transform:scale(1.075);
    -moz-transform:scale(1.075);
    -ms-transform:scale(1.075);
    -o-transform:scale(1.075);
}

.cuadro_staff_diet:hover .titulo_servicio_int,.capsula_int:hover+.titulo_servicio_int {
    opacity:0.8;
}

.cuadro_staff_diet:hover .mascara_img,.capsula_int:hover+.mascara_img {
    opacity:0.8;
}



.cuadro_staff .thumb {
    position:absolute;
    width:100%;
    margin:0;
    padding:0;
    border:none;
    top:0;
    right:0;
    transition:all .3s ease-in-out;
}

.cuadro_staff:hover .thumb {
    -webkit-transform:scale(1.075);
    -moz-transform:scale(1.075);
    -ms-transform:scale(1.075);
    -o-transform:scale(1.075);
}

.cuadro_staff:hover .titulo_servicio_int,.capsula_int:hover+.titulo_servicio_int {
    opacity:0.8;
}

.cuadro_staff:hover .mascara_img,.capsula_int:hover+.mascara_img {
    opacity:0.8;
}

.mascara_img {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:rgba(35,31,32,.8);
    opacity:0;
    transition:opacity 0.5s;
    -webkit-transition:opacity 0.5s;
    -moz-transition:opacity 0.5s;
    -o-transition:opacity 0.5s;
    -ms-transition:opacity 0.5s;
    z-index:1;
}

.capsula {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    text-align:center;
    z-index:9999;
    height:100%;
    width:100%;
}

.capsula_int {
    width:100%;
    display:block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.titulo_servicio {
    display:table;
    width:100%;
}

.titulo_servicio_int {
    font-size:38px;
    letter-spacing:2px;
    line-height:44px;
    color:#FFF;
    text-align:center;
    padding:0;
    opacity:0;
    transition:opacity 0.5s;
    -webkit-transition:opacity 0.5s;
    -moz-transition:opacity 0.5s;
    -o-transition:opacity 0.5s;
    -ms-transition:opacity 0.5s;
}

.filete_staff {
    display:inline-block;
    letter-spacing:1px;
    color:#FFF;
    margin:0 27px;
}

.nombre_staff {
    font-family:'brandon_grotesqueblack', Arial, Helvetica, sans-serif;
    font-size:21px;
    line-height:24px;
    color:#FFF;
    padding:10px 20px 3px;
}

.cargo_staff {
    font-family:'MuseoSansRoundedregular', Arial, Helvetica, sans-serif;
    font-size:21px;
    line-height:22px;
    padding:2px 15px 5px;
}


/*/// CONTACTO ///*/

body.secc_contacto .centrador {
    max-width:850px;
    padding:60px 40px 10px;
}

body.secc_contacto h3 {
    font-family:'MuseoSansRoundedregular', Arial, Helvetica, sans-serif;
    font-size:22px;
    text-align:center;
    color:#000;
    margin-bottom:5px;
}

body.secc_contacto h1 {
    font-family:'brandon_grotesqueblack', Arial, Helvetica, sans-serif;
    font-size:34px;
    line-height:39px;
    text-align:center;
    color:#000;
}

body.secc_contacto .centrador .thumb {
    display:block;
    float:none;
    max-width:470px;
    margin:25px auto 30px;
}

.col_cl {
    float:left;
    width:50%;
    font-family:'MuseoSansRoundedregular', Arial, Helvetica, sans-serif;
    font-size:24px;
    line-height:28px;
    text-align:right;
    color:#000;
    padding-right:25px;
    border-right: 1px solid #000;
}

.col_cr {
    float:right;
    width:50%;
    font-family:'MuseoSansRoundedregular', Arial, Helvetica, sans-serif;
    font-size:20px;
    line-height:25px;
    text-align:left;
    color:#000;
    padding-left:27px;
}

.col_cr a {
    color:#000;
}

.block {
    display:block;
}

.bold {
    display:inline-block;
    font-family:'MuseoSansRoundedbold', Arial, Helvetica, sans-serif;
    margin-top:2px;
}

.casilla {
    display:inline-block;
    font-family:'brandon_grotesqueblack', Arial, Helvetica, sans-serif;
    font-size:21px;
    color:#000;
    margin-top:10px;
}

.casilla:hover {
    color:#FBC700;
}

body.secc_contacto .form_cotiza {
    padding-top:70px;
}

body.secc_contacto #frm_res label {
    padding-left:10px;
}


/*/// FOOTER ///*/

footer {
    display:inline-block;
    width:100%;
    padding:25px 0 40px;
    background:#000;
}



.footer_int {
    width:100%;
    max-width:1440px;
    margin:auto;
    padding:0 40px;
}

footer .ClipLogo {
    display:block;
    float:initial;
    width:205px;
    text-align:center;
    margin:-40px auto 0;
    padding:0 30px;
    background:#000;
}

footer .logo {
    width:100%;
}

.linea {
    width:100%;
    height:1px;
    margin:50px auto 0;
    background:#fff;
}

.copy {
    float:left;
    font-family:'MuseoSansRoundedmedium', Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:17px;
    color:#fff;
    margin-top:-30px;
}

ul.botones_ft {
    float:right;
    margin-top:-33px;
}

ul.botones_ft li {
    float:left;
    margin-left:20px;
}

ul.botones_ft li a {
    display:inline-block;
    font-family:'MuseoSansRoundedbold', Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#fff;
    text-decoration:none;
}

ul.botones_ft li a:hover {
    color:#FBC700;
}

ul.botones_ft li a.selected {
    color:#FFF;
}

footer .ico-instagram {
    margin-top:-6px;
    margin-left:50px;
}

footer .ico-facebook {
    margin-top:-6px;
}


/*/// NO MOBILE ///*/

.tapa {
    position:absolute;
    display:none;
    top:0;
    bottom:0
    left:0;
    right:0;
    width:100%;
    background:#FFF;
    z-index:11;
}

.no_mobile {
    position:relative;
    font-family:'MuseoSansRoundedregular', Arial, Helvetica, sans-serif;
    font-size:20px;
    line-height:20px;
    text-align:center;
    color:#000;
    padding-top:70px;
    z-index:12;
}

.galeria-mobile {
    display:none;
}

.galeria-mobile .thumb_galeria:hover {
    opacity:1;
}


/*/// QUERIES ///*/

@media (max-width:1580px) {
    .portada_11 { width:480px; }
    .portada_30 { width:600px; }
}

@media (max-width:1400px) {
    .portada_11 { width:420px; }
}

@media (max-width:1350px) {
    ul.botones_ft li a { display:none; }
    ul.botones_ft { display:inline-flex; }
    .derechos { display:none; }
    ul.navegacion { margin-left:50px; }
    .portada_11 { width:380px; bottom:50px; }
    .portada_12 { width:400px; bottom:50px; }
    .portada_13 { width:360px; bottom:50px; }
    .portada_30 { width:540px; bottom:50px; }
    .vector_cv { width:600px; padding-bottom:20px; }
    .nombre_staff_casillero {font-size:28px;line-height:27px; padding:10px 20px 3px; }
    .cargo_staff_casillero { font-size:14px; line-height:18px; padding:2px 15px 5px; }
}

@media (max-width:1270px) {
    ul.navegacion { display:none; }
    #MenuH { display:block; }
    .redes_HD { display:none; }
    .la-mejor-pasta{ width:380px; }
    .ClipProductos h1 { font-size:48px; }
    .ClipCategorias { padding:0 40px; }
    .ClipSolapas { margin-top:50px; padding:0 90px; }
    .nuestras { font-size:40px; }
    h1.tit_locales { font-size:63px; margin-top:-18px; }
    .cuadro_staff { width:33.3%; padding-top:33.3%; }
    .portada_11 { width:300px; bottom:40px; }
    .portada_12 { width:360px; bottom:40px; }
    .portada_30 { width:450px; bottom:45px; }
    .circulo_local { width:450px; height:450px; }
    .ClipDatos { padding-right:50px; }
    .invertir .ClipDatos { padding-left:50px; }
    .ClipSolapa_int { height:440px; }
    .vector_cv { width:520px; padding:40px 0 20px; }
    .portada_13 { width:260px; margin-right:15px; }
    

@media (max-width:1023px) {
    .thumb.desktop { display:none; }
    .thumb.mobile { display:block; }
    .thumb.cuchara.desktop { display:block; }
    .thumb.cuchara.mobile { display:none; }
    .la-mejor-pasta{ width:320px; }
    .logos_plataformas { margin-left:-11px; }
    .logo_plataforma { height:50px; }
    .linea_separa { height:60px; }
    .ClipProductos h1 { font-size:40px; }
    .ClipCategorias { padding:0 20px; }
    .verde { margin-top:180px; }
    .tit_sugerido { font-size:54px; line-height:50px; }
    .nombre_sug { width:auto; font-size:27px; line-height:29px; }
    .foto_sugerido { width:214px; height:214px; }
    .nuestras { font-size:30px; }
    .linea_h_ch { margin:0 12px 10px; }
    h1.tit_locales { font-size:53px; margin-top:-20px; }
    .tit_fanathicos { width:300px; }
    .ClipDiapositivas { padding:0 30px; }
    .ClipCategorias { display:inline-block; height:auto; padding:0 50px 30px; }
    .ClipCategorias_col { width:33.3%; margin-bottom:30px; }
    .ClipCategorias_col.cat4 { margin-left:16%; }
    .ClipZonaProductos { position:relative; display:inline-block; width:100%; height:auto; margin:auto; padding:0; border:none; background-size:cover; background-repeat:no-repeat; background-position:top center; background-image:url(../imgs/bg_sugerido_new.png); background-color:#FFF; }
    .cuadro_staff { width:50%; padding-top:50%; }
    .portada_11 { width:380px; bottom:60px; }
    .portada_12 { width:380px; bottom:60px; }
    .ClipProductos { margin-top:0; }
    .portada_30 { width:420px; bottom:50px; }
    .ClipDatos h1 { font-size:46px; line-height:44px; }
    .circulo_local { width:350px; height:350px; }
    .ClipDatos { padding-right:40px; }
    .invertir .ClipDatos { padding-left:40px; }
    .datos { font-size:21px; line-height:25px; }
    .horario { font-size:16px; line-height:20px; }
    body.secc_home .horarios { padding-right:0; }
    .vector_cv { width:450px; }
    .btn_adjuntar { line-height:31px; padding-top:1px; }
    .enviar { line-height:29px; padding-top:1px; }
    .PortadaRight { text-align:right; }
    .portada_13 { width:320px; }
}

@media (max-width:768px) {
    .verde { margin-top:120px; }
}

@media (max-width:767px) {
    .centrador_HD { padding:0 10px; }
    #MenuH { float:left; margin-top:-66px; }
    .ClipLogo { display:block; float:none; width:140px; margin:auto; }
    ul.botones li { padding-bottom:21px; }

    .ClipCategorias { padding:0 30px 30px; }
    .franja { /*display:none;*/ height:230px; }
    .nuestras { font-size:20px; }
    .linea_h_ch { width:24px; height:2px; margin:0 6px 7px; }
    h1.tit_locales { font-size:34px; margin-top:-25px; }
    .Cliplocales { padding:40px 0 20px; }
    .circulo { width:210px; height:210px; margin:0 auto -105px; }
    .centrador { padding:0 20px; }
    .portada_30 { bottom:40px; }
    .ClipDatos h1 { font-size:34px; line-height:35px; }
    .circulo_local { width:230px; height:230px; }
    .ClipDatos { padding-right:30px; }
    .invertir .ClipDatos { padding-left:30px; }
    .datos { font-size:19px; line-height:23px; }
    .ico-plataforma { width:48px; margin-left:7px; }
    .ClipSolapa_int { height:420px; }
    body.secc_home .horarios { padding-right:3px; }
    .redes_solapa .ico-solapa { width:36px !important; height:36px; }
    .vector_cv { width:400px; }
    .portada_13 { width:260px; }
    h2.local { font-size:26px; line-height:26px; }
    .datos_local { font-size:17px; line-height:21px; }
    .logo_plataforma { height:40px; }
}

@media (max-width:639px) {
    .ClipProductos { padding-top:40px; }
    .ClipProductos h1 { font-size:24px; line-height:28px; }
    .linea_v { height:2px; margin:20px auto 30px; }
}

@media (max-width:600px) {
    footer { padding-bottom:90px; }
    #masDelivery-launcher-button { font-size:15px !important; line-height:15px !important; color:#000 !important; border:none !important; background:#FBC700 !important; }
}

@media (max-width:567px) {
    .la-mejor-pasta{ width:220px; margin:30px auto 15px; }
    .logos_plataformas { margin-left:-10px; margin-bottom:35px; }
    .linea_separa { height:37px; margin:0 -6px -2px; }
    .ClipCategorias { padding:0 30px 30px; }
    .ClipCategorias_col { width:50%; }
    .ClipCategorias_col.cat4 { margin-left:0; }
    .ClipCategorias_col.cat5 { margin-left:25%; }
    .ClipSugerido { padding:44px 20px 35px; }
    .ClipSolapas { margin-top:35px; padding:0 75px; }
    .ClipSolapas .owl-nav .owl-prev { margin-left:-60px; }
    .ClipSolapas .owl-nav .owl-next { margin-right:-60px; }
    .ClipDiapositivas { padding:0 20px; }
    ul.botones_ft { display:block; float:none; text-align:center; margin:30px auto 0; }
    .copy { display:block; float:none; text-align:center; margin-top:35px; clear:both; }
    footer .ico-instagram { float:none; margin:0 4px 0 0; }
    footer .ico-facebook { float:none; margin:0 0 0 4px; }
    .portada_11 { width:250px; bottom:30px; }
    .portada_30 { width:330px; }
    .ClipLonja { padding:40px 0; }
    .Circulolocal { display:none; }
    .ClipDatos { display:block; width:100%; text-align:left; padding:0 20px; }
    .invertir .ClipDatos { left:initial; padding:0 20px; }
    .ClipDatos h1 { font-size:32px; line-height:33px; }
    .horario { float:left; width:100%; font-size:15px; line-height:18px; }
    .icos-plataformas { float:left; }
    .ico-plataforma { margin:0 7px 0 0; }
    .ClipSolapa_int { height:400px; }
    .redes_solapa .ico-solapa { width:42px !important; height:42px; margin-right:7px; }
    .vector_cv { width:300px; padding:30px 0 10px; }
    #frm_res input.text { width:100%; margin-right:0; margin-bottom:12px; }
    #frm_res input.costado { margin-left:0; }
    #frm_res ::-webkit-input-placeholder { font-size:14px; line-height:30px; }
    #frm_res ::-moz-placeholder { font-size:14px; line-height:30px; }
    #frm_res ::-o-placeholder { font-size:14px; line-height:30px; }
    #frm_res ::-ms-input-placeholder { font-size:14px; line-height:30px; }
    .form_cotiza { padding-bottom:60px; }
    .form_cotiza .titulo { font-size:19px; line-height:22px; margin-top:25px; }
    #frm_res label { font-size:14px; margin:30px 0 5px; }
    .obligatorios { font-size:12px; }
    body.secc_contacto .centrador { padding:50px 20px 10px; }
    body.secc_contacto h3 { font-size:16px; }
    body.secc_contacto h1 { font-size:23px; line-height:27px; }
    .col_cl { width:100%; font-size:19px; line-height:24px; text-align:left; padding-right:0; margin-bottom:12px; border:none; }
    .col_cr { width:100%; font-size:20px; line-height:27px; padding-left:0; }
    .block { display:inline-block; margin-right:6px; }
    .casilla { font-size:22px; margin-top:14px; }
    body.secc_contacto .form_cotiza { padding-top:50px; }
    .portada_13 { width:220px; margin-right:10px; bottom:40px; }
    footer { padding-bottom:80px; }
    .btn-galeria { float:left; width:220px; height:34px; font-size:15px; line-height:34px; }
    .galeria-desktop { display:none; }
    .galeria-mobile { display:block; }
}

@media (max-width:479px) {
    .ClipCategorias { padding:0 10px 30px; }
    .franja { height:200px; }
    .portada_30 { width:260px; bottom:35px; }
    .PortadaRight { text-align:left; }
    .portada_13 { width:200px; bottom:30px; }
}

@media (max-width:399px) {
    .logos_plataformas { margin-left:-8px; }
    .linea_separa { height:34px; margin:0 -5px 1px; }
}

@media (max-width:374px) {
    .la-mejor-pasta{ width:210px; }
    .logos_plataformas { margin-left:-7px; }
    .linea_separa { height:34px; margin:0 -5px 1px; }
    h2.local { font-size:25px; line-height:25px; }
    .datos_local { font-size:17px; line-height:22px; }
    .nombre_staff { font-size:15px; line-height:19px; }
    .cargo_staff { font-size:17px; line-height:18px; }
}

@media (max-width:359px) {
    .la-mejor-pasta{ width:200px; }
    .logos_plataformas { margin-left:-5px; }
    .linea_separa { height:34px; margin:0 -5px -1px; }
    .linea_separa.primera { margin:0 -3px 0 -4px; }
    .ClipSolapas { padding:0 65px; }
    .ClipSolapas .owl-nav .owl-prev { margin-left:-55px; }
    .ClipSolapas .owl-nav .owl-next { margin-right:-55px; }
    h2.local { font-size:23px; }
    .datos_local { font-size:16px; }
    .portada_11 { width:200px; bottom:25px; }
    .portada_30 { width:230px; }
    body.secc_home .horarios { padding-right:10px; }
    .redes_solapa .ico-solapa { width:38px !important; height:38px; margin-right:6px; }
    .vector_cv { width:260px; padding:30px 0 0; }
    .portada_13 { width:180px; }
    .nombre_staff_casillero { font-size:18px; }
}