/*! normalize.css v3.0.2 | MIT License | git.io/normalize ! Todos los content-box son border-box */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-x:clip;}body{margin:0;font-size:0;white-space:inherit;overflow-x:clip;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;box-sizing:border-box;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0} mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:border-box;box-sizing:border-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{appearance:textfield;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}
/* TEXTOS */
section,header,footer,h1,h2,h3,h4,h5,p,div,ul,li,a,span{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
input,button,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none; margin: 0;padding:0;outline:none;}
/* SELECTION Y TAP */
input,textarea,button,select,a,.hamburger,p, h2, h1 {-webkit-tap-highlight-color: rgba(0,0,0,0);} ::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}
header ::-moz-selection, footer ::-moz-selection{background:transparent;text-shadow:none} header ::selection, footer ::selection{background:transparent;text-shadow:none}
/* FLECHAS EN INPUTS NUMBER*/
input[type="number"] {  -moz-appearance: textfield; appearance: textfield!important;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
    background-color: rgba(0, 0, 0, 0)  !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}

/* TELÉFONO DE COSTADO */
@media only screen and (max-height: 480px) and (orientation: landscape) {
  .touch body > * {display: none;}
  .touch body::after {position: fixed;height: 100vh;width: 100vw;padding:60px 10% 0;font-size: 18px;content: 'Para obtener una mejor experiencia por favor utilice su teléfono en forma vertical o maximice la pantalla de su navegador.';color: #ccc;background-color: #444; box-sizing: border-box; z-index: 99999}
}

/* comun a o todas las paginas */
.wf-active  {font-family: "Montserrat", sans-serif;}
.wf-active div {font-weight: 300; line-height: 1.3;}

h1 {
  font-family: sans-serif;
  font-weight: 400;
  line-height: 1.2;
}

.wf-active h2 {font-family: "Playfair Display", serif; font-weight: 400;}

body,
html,
section {background-color: #000;}


div, a, p, h1, h2, h3, h4, h5, span, input,form, ul, li, section, iframe, button {box-sizing: border-box; position: relative;}
a {text-decoration: none; color: #484848;}
ul {font-size: 0;white-space: inherit;}
ul,li{margin: 0;padding: 0;border: 0; list-style: none;}

svg {
  display: block;
  margin: 0 auto;
  height: auto;
  border: none;
  max-width: 100%;
}

img {
  border: none;
  font-size: 0;
  white-space: inherit;
}


body.desplegado {
  height: 100vh;
  overflow: hidden;
}

header {
  background:#0f0e0a url(../img/nav2.jpg) -80px top no-repeat;
  background-size: auto 190%;
}


header > div {
  background-color: #000;
  position: absolute;
}

/* L O G O */
header > a {
  display: block;
  margin: 0 auto;
  max-width: 180px;
  text-align: center;
  padding:30px 0;
}

.st0 {fill:#686464;}
.st1 {fill:#c8c4c4;}
nav {display: none;}
.desplegado nav {display: block;}
.desplegado nav > div {
  max-width: 80%;
  margin: 0 auto;
}

nav > div > a {
  font-size: 20px;
  display:block;
  margin: 20px 0;
  padding:8px;
  letter-spacing:3px;
  color: #fff;
  font-weight: 300;
}


/* IDIOMA */

nav > div > div{
  text-align: right;
  padding: 15px;
  font-size: 0;
  white-space: inherit;
}

nav > div > div > a {
  display: inline-block;
  margin:0 0 60px 0;
  padding: 0 0 0 5px;
  font-size: 14px;
  color: #CF963C!important;
  font-weight: 700!important;
  min-width: 50%;
}

nav > div > div a span {
  display: none;
}

nav > div > div a:hover {
  color:#fff!important;
  -webkit-animation: fadeIn 1200ms ease-out;
     -moz-animation: fadeIn 1200ms ease-out;
          animation: fadeIn 1200ms ease-out;
}

.no-touch  nav > div > div a:hover span,
.touch nav > div > div a span {
  display: inline-block;
}



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


    body.desplegado {overflow-y: auto;}
    body.desplegado nav {
      min-height: 90vh;
    }
    body.desplegado nav + div {display: none}
    /*
        body.desplegado header > a { max-width: 120px; margin: 0;}
          body.desplegado .st1 { display: none;}
            .desplegado header > a {padding-bottom:10px}
    */


    nav > div > a {margin: 30px 0; font-size: 18px; font-weight: 400; margin: 50px 0; text-align: center;}



      /* SECCION ACTIVA */
      .home nav > div > a:nth-child(1) > span::before,
      .quesos nav > div > a:nth-child(2) > span::before,
      .especiales nav > div > a:nth-child(3) > span::before,
      .secreto nav > div > a:nth-child(4) > span::before,
      .contacto nav > div > a:nth-child(5) > span::before {
        content: "";
        bottom:-15px;
        width: 110%;
        left: -5%;
        height: 3px;
        position: absolute;
        background-color:  #CF963C;
      }

      /* idioma */
      .touch nav > div > div a {
        text-align: center;
      }

}

@media only screen and (min-width: 960px) {
  header {
    position: fixed;
    top:0;
    left: 0;
    height: 100vh;
    width: 30vw;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
  }

  header > a {
    position: absolute;
    top:50%;
    left: 50%;
    width: 70%;
    max-width: 480px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }


  nav > div {
    position: absolute;
    top:50%;
    right: 5vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  nav > div > a {
      text-align: right;
      font-size: 24px;
      padding: 15px 15px 15px 8px;
      text-shadow: 3px 3px 3px rgba(0,0,0,.3);
  }

  .no-touch  nav > div > a {
      color: rgba(255,255,255,.8);
    }

  .no-touch    nav > div > a:hover {
    color: rgba(255,255,255,1);

  }

  .no-touch nav > div > a > span::before {
    content: "";
    display: block;
    top:calc(90% - 1px);
    right:0;
    width: 0px;
    background-color: #444;
    height: 3px;
    position: absolute;
    transition: width 400ms
  }

  .no-touch nav > div > a > span {
      display: inline-block;
      padding: 0 0 8px 0;
      font-size: 18px;
  }


  .no-touch nav > div > a:hover > span::before {
    background-color: #CF963C;
    width: 100%;
    right: 0;
  }

  /* SECCION ACTIVA */
  .home nav > div > a:nth-child(1) span::before,
  .quesos nav > div > a:nth-child(2) span::before,
  .especiales nav > div > a:nth-child(3) span::before,
  .secreto nav > div > a:nth-child(4) span::before,
  .contacto nav > div > a:nth-child(5) span::before  {
    background-color: rgba(255,255,255,.2);
    width: 100%;
    right: 0;
  }


  /* instagram */
  nav a[title*="@quesos"],
  nav a[title*="@vaquero"] {
    text-align: right;
    width: 100%;
    opacity: .7;
    display: inline-block;
  }

  nav a[title*="@quesos"] svg,
  nav a[title*="@vaquero"] svg  {
      display: inline-block;
      max-width: 32px;
  }

  .no-touch   nav a[title*="@quesos"]:hover,
  .no-touch   nav a[title*="@vaquero"]:hover {
    opacity: 1;
  }


  .desplegado nav {
    display: block;
    position: fixed;
    left:30vw;
    width: 70vw;
    height: 100vh;
    top:0;
    overflow: hidden;
    z-index: 2;
    background: url(../img/menu/Parmesano.jpg) center  center; background-size: cover;
  }

  nav + div {
    margin-left: 30vw;
    min-height: 100vh;
  }

  /* end @media query */
}



/*******************  HAMBURGUER  *****************************/
.hamburger {
  position: fixed;
  width: 50px;
  height: 50px;
  right: 5%;
  top: 21px;
  z-index: 3;
}

.hamburger span {
    display: block;
    width: 48%;
    height: 2px;
    position: absolute;
    top:calc(50% - 1px);
    left: 26%;
    margin: 0 auto;
    background-color: #f8f5f5;
 }

.hamburger span::after,.hamburger span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
}
.hamburger span,.hamburger span::after,.hamburger span::before {background-color: #999;}
.desplegado .hamburger span,.desplegado .hamburger span::after, .desplegado .hamburger span::before {background-color: #999;}

.hamburger span::after{top: -8px;}
.hamburger span::before{top: 8px;}

.desplegado .hamburger span::after{left:0;}
.desplegado .hamburger span::before{left:0;}

.desplegado .hamburger span::before{display: none;}
.desplegado .hamburger {
    -webkit-animation: spin 500ms ease-out 1 forwards;
       -moz-animation: spin 500ms ease-out 1 forwards;
            animation: spin 500ms ease-out 1 forwards;
      z-index: 3;
}


@-moz-keyframes spin { 0%{opacity: 0;} 100% { opacity: 1;-moz-transform: rotate(135deg); } }
@-webkit-keyframes spin { 0%{opacity: 0;} 100% { opacity: 1;-webkit-transform: rotate(135deg); } }
@keyframes spin { 0%{opacity: 0;} 100% { opacity: 1;transform:rotate(135deg); } }

.desplegado .hamburger span::after{
    top: 0px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.desplegado nav {
    -webkit-animation: fadeIn 1600ms ease-out 1 forwards;
       -moz-animation: fadeIn 1600ms ease-out 1 forwards;
            animation: fadeIn 1600ms ease-out 1 forwards;
}

@-webkit-keyframes fadeIn { 0%{opacity: 0;} 100% { opacity: 1; } }
@keyframes fadeIn { 0%{opacity: 0;} 100% { opacity: 1; } }


body.desplegado > nav + div {
    -webkit-animation: fadeOut 300ms ease-out 1 forwards;
       -moz-animation: fadeOut 300ms ease-out 1 forwards;
            animation: fadeOut 300ms ease-out 1 forwards;
    z-index: 0
}

@-webkit-keyframes fadeOut { 0%{opacity: 1;} 100% { opacity: 0; } }
@keyframes fadeOut { 0%{opacity: 1;} 100% { opacity: 0; } }


@media only screen and (min-width: 960px) {
  body.desplegado .hamburger {right:calc(5% + 17px);}
  body.home.desplegado .hamburger {right: 5%;}

  body:not(.desplegado) .hamburger::before {
    content: "MENU";
    display: block;
    position: absolute;
    text-align: right;
    top:50%;
    right: 55px;
    font-size: 10px;
    letter-spacing: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #999;
  }

  html[lang="pt-BR"] body:not(.desplegado) .hamburger::before {
    content: "MENU";
  }




}

/*******************  EXTRAS  *****************************/
.menuLauncher, [data-link], .hamburger {cursor: pointer;}

[class*="bt"] {
  display: inline-block;
  margin: 30px 5px;
  font-size: 18px;
  font-weight: 700;
  color: #646464;
  border: 1px solid #666;
  padding: 15px 30px;
  letter-spacing: 1px;
  cursor: pointer;
}

.no-touch [class*="bt"]:hover {
  /*
  background-color: #484848;
  */
    color: #fff;
}


@media only screen and (max-width: 959px) {
  #el-vaquero {display: none;}

}


#el-vaquero { width: 18%; display: none;}
#el-vaquero .color {fill:#010101;}

#vaquero { margin-top: -2%; width: 70%;}
#vaquero .a {fill:#ccc;}
#vaquero .c {fill:#444;}

#vaquero .b {fill:#fff;}


a[href*="comercial/"] {
  display: none;
}
/* comercial */
@media only screen and (min-width: 960px) {
  a[href*="comercial/"] {
    display: inline-block;
    position: fixed;
    bottom: 30px;
    left: 15vw;
    border: solid 1px #CF963C;
    color: #CF963C;
    font-size: 11px;
    padding: 8px 15px;
    font-weight: 700;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .6;
    min-width: 165px;
  }

  a[href*="comercial/"]:hover {
    opacity: 1;
  }

}

/* idioma */
.warning.visuallyhidden {
  top:-100px;
}
.warning {
  display: block;
  position: fixed;
  top:0%;
  left: 0%;
  width: 100%;
  filter: drop-shadow(3px 3px 3px rgba(0,0,0,.2));
  background-color:  #f4f4f4;
  padding:30px 2vw;
  z-index: 1000;
  /*
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  */
  color: #222;

}

.warning:not(.visuallyhidden) {
  transition: top 400ms;
  -webkit-animation: fadeIn 1200ms ease-out;
     -moz-animation: fadeIn 1200ms ease-out;
          animation: fadeIn 1200ms ease-out;
}

.warning p {
  font-size: 16px;
}

.warning p a {
  font-weight: 700;
}

.warning p span {
  display: block;
  cursor: pointer;
  font-weight: 700;
  color: #b14444;
  font-size: 14px;
}


@media only screen and (max-width: 959px) {
  .warning p span {
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }

  .warning {
    text-align: center;
    padding: 60px 15vw;
  }

  .warning p a {
    font-weight: 700;
    display: block;

  }


}

@media only screen and (min-width: 960px) {
  .warning p span {
    position: absolute;
    right: 15px;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .warning p span::after {
    content: "+";
    display: block;
    position: absolute;
    font-size: 24px;
    overflow: hidden;
    width: 20px;
    line-height: 20px;
    height: 20px;
    color: #b14444;
    right: calc(100% + 8px);
    top:50%;
    font-weight: 300;
    -webkit-ransform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-55%);
    transform-origin: center;
  }
}

/* CooKIES */
#cookie-consent-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #f7f7f7;
  padding: min(3vw, 30px);
  text-align: center;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

#cookie-buttons {
  margin-top: 10px;
}

#cookie-buttons button {
  margin: 0 10px;
  padding: 8px 16px;
  border: none;
  background: #007bff;
  color: white;
  cursor: pointer;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
}

#cookie-buttons #reject-cookies {
  background: #dc3545;
}

#cookie-consent-banner #cookie-buttons button:hover {
  background: #111 !important;
}

#cookie-consent-banner #cookie-leyenda {
  font-size: 0.9rem;
  color: #666;
}


@media (min-width: 767px) {
  #cookie-banner-content {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #cookie-buttons {
    margin-top: 0;
  }

  #cookie-leyenda {
    margin-right: 10px;
  }
}