@charset "UTF-8";
*,
*:after,
*:before {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
}

body {
  color: #606c76;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1.6em;
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 1.6;
}

blockquote {
  border-left: 0.3rem solid #d1d1d1;
  margin-left: 0;
  margin-right: 0;
  padding: 1rem 1.5rem;
}
blockquote *:last-child {
  margin-bottom: 0;
}

.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
  background-color: #333;
  border: 0.1rem solid #333;
  border-radius: 0.4rem;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 700;
  height: 3.8rem;
  letter-spacing: 0.1rem;
  line-height: 3.8rem;
  padding: 0 3rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.button:focus, .button:hover,
button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
  background-color: #606c76;
  border-color: #606c76;
  color: #fff;
  outline: 0;
}
.button[disabled],
button[disabled],
input[type=button][disabled],
input[type=reset][disabled],
input[type=submit][disabled] {
  cursor: default;
  opacity: 0.5;
}
.button[disabled]:focus, .button[disabled]:hover,
button[disabled]:focus,
button[disabled]:hover,
input[type=button][disabled]:focus,
input[type=button][disabled]:hover,
input[type=reset][disabled]:focus,
input[type=reset][disabled]:hover,
input[type=submit][disabled]:focus,
input[type=submit][disabled]:hover {
  background-color: #333;
  border-color: #333;
}
.button.button-outline,
button.button-outline,
input[type=button].button-outline,
input[type=reset].button-outline,
input[type=submit].button-outline {
  background-color: transparent;
  color: #333;
}
.button.button-outline:focus, .button.button-outline:hover,
button.button-outline:focus,
button.button-outline:hover,
input[type=button].button-outline:focus,
input[type=button].button-outline:hover,
input[type=reset].button-outline:focus,
input[type=reset].button-outline:hover,
input[type=submit].button-outline:focus,
input[type=submit].button-outline:hover {
  background-color: transparent;
  border-color: #606c76;
  color: #606c76;
}
.button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover,
button.button-outline[disabled]:focus,
button.button-outline[disabled]:hover,
input[type=button].button-outline[disabled]:focus,
input[type=button].button-outline[disabled]:hover,
input[type=reset].button-outline[disabled]:focus,
input[type=reset].button-outline[disabled]:hover,
input[type=submit].button-outline[disabled]:focus,
input[type=submit].button-outline[disabled]:hover {
  border-color: inherit;
  color: #333;
}
.button.button-clear,
button.button-clear,
input[type=button].button-clear,
input[type=reset].button-clear,
input[type=submit].button-clear {
  background-color: transparent;
  border-color: transparent;
  color: #333;
}
.button.button-clear:focus, .button.button-clear:hover,
button.button-clear:focus,
button.button-clear:hover,
input[type=button].button-clear:focus,
input[type=button].button-clear:hover,
input[type=reset].button-clear:focus,
input[type=reset].button-clear:hover,
input[type=submit].button-clear:focus,
input[type=submit].button-clear:hover {
  background-color: transparent;
  border-color: transparent;
  color: #606c76;
}
.button.button-clear[disabled]:focus, .button.button-clear[disabled]:hover,
button.button-clear[disabled]:focus,
button.button-clear[disabled]:hover,
input[type=button].button-clear[disabled]:focus,
input[type=button].button-clear[disabled]:hover,
input[type=reset].button-clear[disabled]:focus,
input[type=reset].button-clear[disabled]:hover,
input[type=submit].button-clear[disabled]:focus,
input[type=submit].button-clear[disabled]:hover {
  color: #333;
}

code {
  background: #f4f5f6;
  border-radius: 0.4rem;
  font-size: 86%;
  margin: 0 0.2rem;
  padding: 0.2rem 0.5rem;
  white-space: nowrap;
}

pre {
  background: #f4f5f6;
  border-left: 0.3rem solid #333;
  overflow-y: hidden;
}
pre > code {
  border-radius: 0;
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}

hr {
  border: 0;
  border-top: 0.1rem solid #f4f5f6;
  margin: 3rem 0;
}

input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
input[type=week],
input:not([type]),
textarea,
select {
  -webkit-appearance: none;
  background-color: transparent;
  border: 0.1rem solid #d1d1d1;
  border-radius: 0.4rem;
  box-shadow: none;
  box-sizing: inherit;
  height: 3.8rem;
  padding: 0.6rem 1rem 0.7rem;
  width: 100%;
}
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
input[type=week]:focus,
input:not([type]):focus,
textarea:focus,
select:focus {
  border-color: #333;
  outline: 0;
}

select {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23d1d1d1" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;
  padding-right: 3rem;
}
select:focus {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23333" d="M0,0l6,8l6-8"/></svg>');
}
select[multiple] {
  background: none;
  height: auto;
}

textarea {
  min-height: 6.5rem;
}

label,
legend {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

fieldset {
  border-width: 0;
  padding: 0;
}

input[type=checkbox],
input[type=radio] {
  display: inline;
}

.label-inline {
  display: inline-block;
  font-weight: normal;
  margin-left: 0.5rem;
}

.container {
  margin: 0 auto;
  max-width: 112rem;
  padding: 0 2rem;
  position: relative;
  width: 100%;
}

.row {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 100%;
}
.row.row-no-padding {
  padding: 0;
}
.row.row-no-padding > .column {
  padding: 0;
}
.row.row-wrap {
  flex-wrap: wrap;
}
.row.row-top {
  align-items: flex-start;
}
.row.row-bottom {
  align-items: flex-end;
}
.row.row-center {
  align-items: center;
}
.row.row-stretch {
  align-items: stretch;
}
.row.row-baseline {
  align-items: baseline;
}
.row .column {
  display: block;
  flex: 1 1 auto;
  margin-left: 0;
  max-width: 100%;
  width: 100%;
}
.row .column.column-offset-10 {
  margin-left: 10%;
}
.row .column.column-offset-20 {
  margin-left: 20%;
}
.row .column.column-offset-25 {
  margin-left: 25%;
}
.row .column.column-offset-33, .row .column.column-offset-34 {
  margin-left: 33.3333%;
}
.row .column.column-offset-40 {
  margin-left: 40%;
}
.row .column.column-offset-50 {
  margin-left: 50%;
}
.row .column.column-offset-60 {
  margin-left: 60%;
}
.row .column.column-offset-66, .row .column.column-offset-67 {
  margin-left: 66.6666%;
}
.row .column.column-offset-75 {
  margin-left: 75%;
}
.row .column.column-offset-80 {
  margin-left: 80%;
}
.row .column.column-offset-90 {
  margin-left: 90%;
}
.row .column.column-10 {
  flex: 0 0 10%;
  max-width: 10%;
}
.row .column.column-20 {
  flex: 0 0 20%;
  max-width: 20%;
}
.row .column.column-25 {
  flex: 0 0 25%;
  max-width: 25%;
}
.row .column.column-33, .row .column.column-34 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}
.row .column.column-40 {
  flex: 0 0 40%;
  max-width: 40%;
}
.row .column.column-50 {
  flex: 0 0 50%;
  max-width: 50%;
}
.row .column.column-60 {
  flex: 0 0 60%;
  max-width: 60%;
}
.row .column.column-66, .row .column.column-67 {
  flex: 0 0 66.6666%;
  max-width: 66.6666%;
}
.row .column.column-75 {
  flex: 0 0 75%;
  max-width: 75%;
}
.row .column.column-80 {
  flex: 0 0 80%;
  max-width: 80%;
}
.row .column.column-90 {
  flex: 0 0 90%;
  max-width: 90%;
}
.row .column .column-top {
  align-self: flex-start;
}
.row .column .column-bottom {
  align-self: flex-end;
}
.row .column .column-center {
  align-self: center;
}

@media (min-width: 40rem) {
  .row {
    flex-direction: row;
    margin-left: -1rem;
    width: calc(100% + 2.0rem);
  }
  .row .column {
    margin-bottom: inherit;
    padding: 0 1rem;
  }
}
a {
  color: #333;
  text-decoration: none;
}
a:focus, a:hover {
  color: #606c76;
}

dl,
ol,
ul {
  list-style: none;
  margin-top: 0;
  padding-left: 0;
}
dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
  font-size: 90%;
  margin: 1.5rem 0 1.5rem 3rem;
}

ol {
  list-style: decimal inside;
}

ul {
  list-style: circle inside;
}

.button,
button,
dd,
dt,
li {
  margin-bottom: 1rem;
}

fieldset,
input,
select,
textarea {
  margin-bottom: 1.5rem;
}

blockquote,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
  margin-bottom: 2.5rem;
}

table {
  border-spacing: 0;
  display: block;
  overflow-x: auto;
  text-align: left;
  width: 100%;
}

td,
th {
  border-bottom: 0.1rem solid #efefef;
  padding: 1.2rem 1.5rem;
}
td:first-child,
th:first-child {
  padding-left: 0;
}
td:last-child,
th:last-child {
  padding-right: 0;
}

@media (min-width: 40rem) {
  table {
    display: table;
    overflow-x: initial;
  }
}
b,
strong {
  font-weight: bold;
}

p {
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  letter-spacing: -0.1rem;
  margin-bottom: 2rem;
  margin-top: 0;
}

h1 {
  font-size: 4.6rem;
  line-height: 1.2;
}

h2 {
  font-size: 3.6rem;
  line-height: 1.25;
}

h3 {
  font-size: 2.8rem;
  line-height: 1.3;
}

h4 {
  font-size: 2.2rem;
  letter-spacing: -0.08rem;
  line-height: 1.35;
}

h5 {
  font-size: 1.8rem;
  letter-spacing: -0.05rem;
  line-height: 1.5;
}

h6 {
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.4;
}

img {
  max-width: 100%;
}

.clearfix:after {
  clear: both;
  content: " ";
  display: table;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

@font-face {
  font-family: "avenir";
  src: url("../../base/fonts/avenir-bolditalic-webfont.c71ada4ae982.eot");
  src: url("../../base/fonts/avenir-bolditalic-webfont.c71ada4ae982.eot?#iefix") format("embedded-opentype"), url("../../base/fonts/avenir-bolditalic-webfont.a40a5c258732.woff2") format("woff2"), url("../../base/fonts/avenir-bolditalic-webfont.2abbd8ee59f3.woff") format("woff"), url("../../base/fonts/avenir-bolditalic-webfont.7fc613aa32db.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "avenir";
  src: url("../../base/fonts/avenir-bold-webfont.a8a5dcba3dc1.eot");
  src: url("../../base/fonts/avenir-bold-webfont.a8a5dcba3dc1.eot?#iefix") format("embedded-opentype"), url("../../base/fonts/avenir-bold-webfont.28002881c2a4.woff2") format("woff2"), url("../../base/fonts/avenir-bold-webfont.77d901f5e09d.woff") format("woff"), url("../../base/fonts/avenir-bold-webfont.96223a075bbd.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "avenir";
  src: url("../../base/fonts/avenir-italic-webfont.62177c18bf0d.eot");
  src: url("../../base/fonts/avenir-italic-webfont.62177c18bf0d.eot?#iefix") format("embedded-opentype"), url("../../base/fonts/avenir-italic-webfont.46d91b0f7bd7.woff2") format("woff2"), url("../../base/fonts/avenir-italic-webfont.2c8a2bdaa3f0.woff") format("woff"), url("../../base/fonts/avenir-italic-webfont.f9a00bce73e4.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "avenir";
  src: url("../../base/fonts/avenir-regular-webfont.ffab5d9352a5.eot");
  src: url("../../base/fonts/avenir-regular-webfont.ffab5d9352a5.eot?#iefix") format("embedded-opentype"), url("../../base/fonts/avenir-regular-webfont.016811bb3afa.woff2") format("woff2"), url("../../base/fonts/avenir-regular-webfont.78a48a3743ef.woff") format("woff"), url("../../base/fonts/avenir-regular-webfont.d7a0df991f3f.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "avenir_light";
  src: url("../../base/fonts/avenir_light-italic-webfont.fa4f487c8bdb.eot");
  src: url("../../base/fonts/avenir_light-italic-webfont.fa4f487c8bdb.eot?#iefix") format("embedded-opentype"), url("../../base/fonts/avenir_light-italic-webfont.22b9bdb93cf5.woff2") format("woff2"), url("../../base/fonts/avenir_light-italic-webfont.d546a9cc9262.woff") format("woff"), url("../../base/fonts/avenir_light-italic-webfont.b1b812aa6bb0.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "avenir_light";
  src: url("../../base/fonts/avenir_light-regular-webfont.9c3c78af81e0.eot");
  src: url("../../base/fonts/avenir_light-regular-webfont.9c3c78af81e0.eot?#iefix") format("embedded-opentype"), url("../../base/fonts/avenir_light-regular-webfont.21784c283937.woff2") format("woff2"), url("../../base/fonts/avenir_light-regular-webfont.a7696fa6b4a8.woff") format("woff"), url("../../base/fonts/avenir_light-regular-webfont.c888326ff7e5.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-single:before, .pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

.pika-title {
  position: relative;
  text-align: center;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  opacity: 0;
}

.pika-label {
  display: inline-block;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #333;
  background-color: #fff;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
}

.pika-select {
  display: inline-block;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.2857142857%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}

.pika-button {
  cursor: pointer;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
  height: initial;
}
.has-event .pika-button {
  color: #fff;
  background: #33aaff;
}
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}
.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}
.is-disabled .pika-button, .is-outside-current-month .pika-button {
  color: #999;
  opacity: 0.3;
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
}
.pika-button:hover {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}
.pika-button .is-selection-disabled {
  pointer-events: none;
  cursor: default;
}

.pika-week {
  font-size: 11px;
  color: #999;
}

.is-inrange .pika-button {
  color: #666;
  background: #D5E9F7;
}

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}

body {
  font-family: "avenir_light", "Public Sans", sans-serif;
}

a {
  color: #a01429;
}

#codigobot {
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.button, form .button, input.button, form input[type=“submit”] {
  font-size: 1.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  padding: 0 1.5rem;
  margin: 0.4rem;
  color: #fff;
  text-transform: none;
  font-weight: normal;
  background-color: #a01429;
  border-color: #a01429;
}
.button:hover, form .button:hover, input.button:hover, form input[type=“submit”]:hover {
  background-color: #a01429;
  border-color: #a01429;
  filter: brightness(85%);
}
.button i, form .button i, input.button i, form input[type=“submit”] i {
  font-size: 1.3rem;
  margin: 0 0.2rem;
}

.messages {
  list-style: none;
  display: block;
  margin: 2rem 0 0 0;
  font-size: 1.6rem;
  width: 100%;
}
.messages .messages-warning, .messages .messages-error, .messages .messages-success {
  border-radius: 0.4rem;
  padding: 0.8rem;
  color: #fff;
  border: 1px solid;
}
.messages .messages-warning {
  background-color: #ffdd57;
  border-color: #a50d2c;
  color: #333;
}
.messages .messages-error {
  background-color: #ff3860;
  border-color: #a50d2c;
}
.messages .messages-success {
  background-color: #16c052;
  border-color: #354b15;
}

.franja {
  margin-bottom: 1rem;
}

.contenedor {
  width: 100%;
  padding: 0 2rem;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
@media only screen and (min-width: 699px) {
  .contenedor {
    max-width: 950px;
    margin: 0 auto;
  }
}

.caja-menu-lateral {
  top: 0;
  margin-top: 0;
  z-index: 10000;
  position: fixed;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  left: 0;
}
.caja-menu-lateral .menu-lateral {
  position: relative;
  background-color: #fff;
  height: 100%;
  width: 85%;
  padding: 3rem;
}
.caja-menu-lateral .menu-lateral .caja-logo {
  display: block;
  width: 100%;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #d1d1d1;
}
.caja-menu-lateral .menu-lateral .caja-logo img {
  display: block;
  width: 70%;
}
.caja-menu-lateral .menu-lateral .menu-item {
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
}
.caja-menu-lateral .menu-lateral .menu-item a {
  color: #606c76;
}
.caja-menu-lateral .menu-lateral .menu-item .boton-compra {
  line-height: 2.2rem;
  height: auto;
  padding: 0.4rem 1rem;
  color: #fff;
  font-size: 1.2rem;
}
.caja-menu-lateral .menu-lateral .menu-item .boton-compra span {
  font-family: "avenir", "Public Sans", sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.4rem;
}
.caja-menu-lateral .menu-lateral .sumate {
  display: flex;
  margin-top: 2rem;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.caja-menu-lateral .menu-lateral .sumate a {
  display: inline-block;
  margin-left: 1rem;
}
.caja-menu-lateral .menu-lateral .separador-item {
  width: 100%;
  padding-top: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #d1d1d1;
}
.caja-menu-lateral #boton-cerrar-menu {
  right: 0.5rem;
  top: 0.5rem;
  padding: 1rem;
  position: absolute;
  cursor: pointer;
}
.caja-menu-lateral #boton-cerrar-menu i {
  font-size: 2.3rem;
  color: #fff;
}

.caja-menu-burguer {
  padding: 3.2rem 0;
  position: absolute;
  right: 2rem;
  cursor: pointer;
}
.caja-menu-burguer .menu-burguer {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
}
.caja-menu-burguer .menu-burguer span {
  display: block;
  width: 2rem;
  border-bottom: 3px solid #e74c66;
  padding: 0.3rem 0;
}
.caja-menu-burguer .menu-burguer span:first-child {
  width: 3rem;
}
.caja-menu-burguer .menu-burguer span:last-child {
  width: 3rem;
}
@media only screen and (min-width: 699px) {
  .caja-menu-burguer {
    display: none;
  }
}

.franja_menu_superior {
  padding: 3rem;
  margin-bottom: 0;
  z-index: 5000;
}
.franja_menu_superior #menu_superior {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
}
.franja_menu_superior #menu_superior .button {
  background-color: #e62645;
  border-color: #e62645;
  font-weight: bold;
}
.franja_menu_superior #menu_superior .no_button {
  color: #333;
  font-weight: bold;
  background-color: transparent;
  border-color: transparent;
  padding: 0 1rem;
}
.franja_menu_superior #menu_superior .no_button:hover {
  color: #a01429;
  background-color: transparent;
  border-color: transparent;
  filter: brightness(85%);
}
.franja_menu_superior #menu_superior .boton-compra {
  line-height: 2.2rem;
  height: auto;
  padding: 0.4rem 1rem;
  margin-left: 1.5rem;
  font-size: 1.2rem;
  background-color: #a01429;
  border-color: #a01429;
}
.franja_menu_superior #menu_superior .boton-compra span {
  font-family: "avenir", "Public Sans", sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.4rem;
}
.franja_menu_superior #menu_superior .boton_submenu {
  font-size: 1.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  padding: 0 1rem;
  margin: 0.4rem;
  text-transform: none;
  color: #333;
  font-weight: bold;
  position: relative;
  height: 100%;
  cursor: pointer;
}
.franja_menu_superior #menu_superior .boton_submenu .submenu {
  z-index: 8000;
  left: -1rem;
  display: none;
  position: absolute;
  padding: 0 2rem;
  font-size: 1.3rem;
  list-style: none;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: left;
}
.franja_menu_superior #menu_superior .boton_submenu .submenu li {
  margin: 0;
  border-top: 1px solid #f3c9d0;
  padding: 1rem 0 0.6rem 0;
  display: block;
  line-height: 2.1rem;
}
.franja_menu_superior #menu_superior .boton_submenu .submenu li a {
  color: #333;
  white-space: nowrap;
}
.franja_menu_superior #menu_superior .boton_submenu:hover .submenu {
  display: block;
}
.franja_menu_superior #menu_superior .boton_submenu:hover .submenu a:hover {
  color: #a01429;
}
.franja_menu_superior #menu_superior #margen_izq {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.franja_menu_superior #menu_superior #margen_izq #logo_jauja img {
  max-width: 220px;
  width: 100%;
  display: block;
}
.franja_menu_superior #menu_superior #margen_der {
  display: none;
  flex-flow: row nowrap;
  align-items: center;
}
.franja_menu_superior #menu_superior #margen_der #logo_club_jauja {
  margin-left: 3rem;
  margin-right: 3rem;
}
.franja_menu_superior #menu_superior #margen_der #logo_club_jauja img {
  max-width: 90px;
  width: 100%;
  display: block;
}
@media only screen and (min-width: 699px) {
  .franja_menu_superior #menu_superior {
    flex-flow: row nowrap;
  }
  .franja_menu_superior #menu_superior #margen_der {
    display: flex;
  }
}

.caja_doble {
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: stretch;
}
.caja_doble img {
  display: block;
  width: 100%;
  height: auto;
}
.caja_doble .texto {
  display: flex;
  width: 100%;
  background-color: #efefef;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  padding: 3rem;
  text-align: center;
}
.caja_doble .texto h1 {
  color: #333;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
}
.caja_doble .texto p {
  font-size: 1.7rem;
  line-height: 2.2rem;
  text-align: center;
  width: 100%;
}
.caja_doble .texto p:last-child {
  margin-bottom: 0;
}
.caja_doble .columna {
  width: 100%;
}
@media only screen and (min-width: 699px) {
  .caja_doble {
    flex-flow: row nowrap;
  }
  .caja_doble .columna {
    width: 50%;
  }
  .caja_doble .texto {
    width: 50%;
    padding: 2% 5%;
    text-align: left;
  }
  .caja_doble .texto h1 {
    text-align: left;
  }
  .caja_doble .texto p {
    text-align: left;
  }
}

.titulo_franja {
  margin: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.titulo_franja h1 {
  color: #333;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.8rem;
  line-height: 3.2rem;
}
.titulo_franja p {
  text-align: center;
  width: 80%;
}
.titulo_franja p span {
  color: #a01429;
  font-weight: bold;
}
@media only screen and (min-width: 699px) {
  .titulo_franja {
    margin: 3rem 0;
  }
  .titulo_franja h1 {
    font-size: 2.4rem;
  }
}

.tres_columnas {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.tres_columnas .columna {
  width: 100%;
  margin-bottom: 4rem;
  position: relative;
  text-align: center;
}
.tres_columnas .columna .imagen {
  margin-bottom: 0;
}
.tres_columnas .columna .caja_texto {
  bottom: 0;
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #d1d1d1;
  padding: 2rem 1rem 1rem 1rem;
}
.tres_columnas .columna .caja_texto h1 {
  color: #333;
  font-size: 2.2rem;
  font-weight: bold;
}
.tres_columnas .columna .caja_texto p {
  font-size: 1.7rem;
  line-height: 2.1rem;
  margin-bottom: 1rem;
  color: #606c76;
}
.tres_columnas .columna .caja_texto p a {
  color: #a01429;
  margin-top: 3rem;
  display: block;
  font-style: italic;
}
.tres_columnas .columna .caja_texto .button {
  background-color: #e62645;
  border-color: #e62645;
  font-weight: bold;
}
@media only screen and (min-width: 699px) {
  .tres_columnas {
    flex-flow: row nowrap;
  }
  .tres_columnas .columna {
    width: 30%;
    text-align: left;
    margin-bottom: 0rem;
  }
  .tres_columnas .columna .imagen {
    margin-bottom: 2rem;
  }
  .tres_columnas .columna .caja_texto {
    padding: 0;
    display: block;
    position: relative;
    background-color: #fff;
    border-bottom: none;
  }
  .tres_columnas .columna .caja_texto h1 {
    color: #333;
    font-size: 1.8rem;
    font-weight: bold;
  }
  .tres_columnas .columna .caja_texto p {
    font-size: 1.5rem;
    line-height: 2.1rem;
    margin-bottom: 1rem;
    color: #606c76;
  }
  .tres_columnas .columna .caja_texto p a {
    margin-top: 1rem;
    font-weight: bold;
    display: block;
  }
  .tres_columnas .columna .caja_texto .button {
    background-color: #e62645;
    border-color: #e62645;
    font-weight: bold;
  }
}

.caja {
  margin-top: 2rem;
  width: 100%;
  height: 50vh;
  padding: 2rem;
  background-color: #efefef;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
.caja h1 {
  text-align: center;
  font-size: 2.5rem;
  margin: 0;
}
.caja button {
  margin-top: 3rem;
  background-color: #a01429;
  border-color: #a01429;
}

#franja_institucional {
  margin-bottom: 4rem;
}

#franja_online {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 699px) {
  #franja_online {
    margin-bottom: 6rem;
  }
}

#franja_nuestra_historia .imagen {
  max-width: 750px;
  margin: 0 2rem 4rem 2rem;
}
#franja_nuestra_historia .imagen .polaroid {
  background-color: white;
  padding: 1.2rem;
  border: 1px solid #efefef;
  box-shadow: 0.8rem 0.8rem 1rem rgba(0, 0, 0, 0.1);
}
#franja_nuestra_historia p {
  font-size: 1.9rem;
}

#franja_helados p {
  font-size: 1.9rem;
}
#franja_helados .aviso_sabores {
  border-radius: 0.4rem;
  border: 1px solid #e74c66;
  padding: 1rem;
  font-size: 1.6rem;
  background-color: #efefef;
  font-style: italic;
}
#franja_helados .caja_categoria {
  width: 100%;
  background-color: #fff;
  margin-bottom: 3rem;
}
#franja_helados .caja_categoria .categoria_sabores {
  border: 1px solid #d1d1d1;
  margin-bottom: top;
  padding: 2rem;
  margin: 0 1rem;
  border-top: none;
  list-style: none;
  border-radius: 0 0 0.8rem 0.8rem;
}
#franja_helados .caja_categoria .categoria_sabores li {
  margin: 0;
}
#franja_helados .caja_categoria .categoria_sabores li p {
  text-align: left;
  font-size: 1.5rem;
  width: 100%;
}
#franja_helados .caja_categoria .categoria_sabores li h4 {
  margin: 0;
  font-weight: bold;
  width: 100%;
  font-size: 1.9rem;
}
#franja_helados .caja_categoria .categoria_titulo {
  text-align: left;
  background-color: #e74c66;
  padding: 5rem;
  border-radius: 0.8rem;
  background-size: cover;
  background-position: center center;
  color: #fff;
  display: block;
  cursor: pointer;
  margin: 0;
}
#franja_helados #categoria_frutas_al_natural .categoria_sabores {
  background-color: rgba(255, 179, 199, 0.5);
}
#franja_helados #categoria_frutas_al_natural .categoria_titulo {
  background: linear-gradient(155deg, rgba(68, 4, 13, 0.9) 5%, rgba(130, 8, 24, 0.9) 20%, rgba(255, 179, 199, 0.1) 80%), url("../img/categoria_frutas_al_natural.65aec10fbca0.jpg");
  background-size: cover;
  background-position: center center;
}
#franja_helados #categoria_frutas_con_crema .categoria_sabores {
  background-color: rgba(233, 213, 210, 0.8);
}
#franja_helados #categoria_frutas_con_crema .categoria_titulo {
  background: linear-gradient(155deg, rgba(48, 17, 11, 0.9) 5%, rgba(79, 28, 18, 0.9) 20%, rgba(77, 66, 65, 0.1) 80%), url("../img/categoria_frutas_con_crema.b8dd29b26c5a.jpg");
  background-size: cover;
  background-position: center center;
}
#franja_helados #categoria_frutas_con_invitados_especiales .categoria_sabores {
  background-color: rgba(234, 207, 161, 0.8);
}
#franja_helados #categoria_frutas_con_invitados_especiales .categoria_titulo {
  background: linear-gradient(155deg, rgba(56, 33, 4, 0.9) 5%, rgba(112, 66, 8, 0.9) 20%, rgba(191, 150, 79, 0.1) 80%), url("../img/categoria_frutas_con_invitados_especiales.9c506abff1ce.jpg");
  background-size: cover;
  background-position: center center;
}
#franja_helados #categoria_las_cremas .categoria_sabores {
  background-color: rgba(228, 209, 168, 0.8);
}
#franja_helados #categoria_las_cremas .categoria_titulo {
  background: linear-gradient(155deg, rgba(97, 67, 19, 0.9) 5%, rgba(186, 130, 38, 0.9) 20%, rgba(242, 222, 186, 0.1) 80%), url("../img/categoria_las_cremas.a553d4997dd3.jpg");
  background-size: cover;
  background-position: center center;
}
#franja_helados #categoria_chocolates .categoria_sabores {
  background-color: rgba(168, 122, 109, 0.4);
}
#franja_helados #categoria_chocolates .categoria_titulo {
  background: linear-gradient(155deg, rgba(12, 5, 2, 0.9) 5%, rgba(33, 13, 5, 0.9) 20%, rgba(102, 56, 41, 0.1) 80%), url("../img/categoria_chocolates.8c4e25b9d8c9.jpg");
  background-size: cover;
  background-position: center center;
}
#franja_helados #categoria_dulces_de_leche .categoria_sabores {
  background-color: rgba(244, 223, 197, 0.8);
}
#franja_helados #categoria_dulces_de_leche .categoria_titulo {
  background: linear-gradient(155deg, rgba(32, 4, 0, 0.9) 5%, rgba(59, 8, 0, 0.9) 20%, rgba(242, 204, 155, 0.1) 80%), url("../img/categoria_dulces_de_leche.f0aa101e33b6.jpg");
  background-size: cover;
  background-position: center center;
}
#franja_helados #categoria_helados_de_estacion_o_de_capricho .categoria_sabores {
  background-color: rgba(196, 198, 173, 0.4);
}
#franja_helados #categoria_helados_de_estacion_o_de_capricho .categoria_titulo {
  background: linear-gradient(155deg, rgba(77, 63, 62, 0.9) 5%, rgba(120, 99, 97, 0.9) 20%, rgba(196, 189, 173, 0.1) 80%), url("../img/categoria_helados_de_estacion_o_de_capricho.3d742f28940d.jpg");
  background-size: cover;
  background-position: center center;
}
#franja_helados #categoria_sin_azucar .categoria_sabores {
  background-color: rgba(248, 228, 227, 0.8);
}
#franja_helados #categoria_sin_azucar .categoria_titulo {
  background: linear-gradient(155deg, rgba(71, 1, 1, 0.9) 5%, rgba(122, 0, 0, 0.9) 20%, rgba(252, 222, 225, 0.1) 80%), url("../img/categoria_sin_azucar.9ac33226b837.jpg");
  background-size: cover;
  background-position: center center;
}
@media only screen and (min-width: 699px) {
  #franja_helados .caja_categoria {
    width: 70%;
  }
}

#franja_cupones {
  font-size: 1.9rem;
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}
#franja_cupones .ciudad-canje {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
#franja_cupones .ciudad-canje select {
  font-size: 1.7rem;
}
#franja_cupones .caja-categoria {
  width: 100%;
  background-color: #fff;
  margin-bottom: 3rem;
}
#franja_cupones .caja-categoria .categoria-cupones {
  border: 1px solid #d1d1d1;
  margin-bottom: top;
  padding: 2rem;
  margin: 0 1rem;
  border-top: none;
  list-style: none;
  border-radius: 0 0 0.8rem 0.8rem;
}
#franja_cupones .caja-categoria .categoria-cupones .cupon {
  border: 1px solid #f4f5f6;
  background-color: #e62645;
  background: linear-gradient(145deg, #e62645, #fff);
  width: 100%;
  border-radius: 0.8rem;
  margin-bottom: 2rem;
  padding: 1.2rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}
#franja_cupones .caja-categoria .categoria-cupones .cupon .cupon-titulo {
  color: #fff;
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 0.3rem;
}
#franja_cupones .caja-categoria .categoria-cupones .cupon .cupon-descripcion {
  color: #555;
  font-size: 1.5rem;
  line-height: 1.7rem;
  margin: 0;
  margin-bottom: 1rem;
  text-align: left;
}
#franja_cupones .caja-categoria .categoria-cupones .cupon .cupon-precio-agregar {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
}
#franja_cupones .caja-categoria .categoria-cupones .cupon .cupon-precio-agregar .cupon-precio {
  font-size: 2.1rem;
  font-weight: bold;
  color: #333;
}
#franja_cupones .caja-categoria .categoria-cupones .cupon .cupon-precio-agregar .button {
  font-size: 1.3rem !important;
}
#franja_cupones .caja-categoria .categoria-titulo {
  text-align: left;
  background-color: #e74c66;
  padding: 5rem;
  border-radius: 0.8rem;
  background-size: cover;
  background-position: center center;
  color: #fff;
  display: block;
  margin: 0;
  cursor: pointer;
}
#franja_cupones .caja-categoria .categoria-titulo:hover {
  opacity: 0.9;
}
#franja_cupones .caja-categoria .categoria-cupones {
  border: 1px solid #d1d1d1;
  margin-bottom: top;
  padding: 2rem;
  margin: 0 1rem;
  border-top: none;
  list-style: none;
  border-radius: 0 0 0.8rem 0.8rem;
}
#franja_cupones #categoria-helados .categoria-titulo {
  background: linear-gradient(155deg, rgba(35, 5, 1, 0.9) 5%, rgba(59, 8, 0, 0.9) 20%, rgba(242, 204, 155, 0.1) 80%), url("../img/cupones_helado.d5504a682e50.jpg");
  background-size: cover;
  background-position: center center;
}
#franja_cupones #categoria-chocolates .categoria-titulo {
  background: linear-gradient(155deg, rgba(32, 4, 0, 0.9) 5%, rgba(59, 8, 0, 0.9) 20%, rgba(242, 204, 155, 0.1) 80%), url("../img/cupones_chocolate.1e0c230170c4.jpg");
  background-size: cover;
  background-position: center center;
}
#franja_cupones #categoria-cupones .categoria-titulo {
  background: linear-gradient(155deg, rgba(32, 4, 0, 0.9) 5%, rgba(59, 8, 0, 0.9) 20%, rgba(242, 204, 155, 0.1) 80%), url("../img/cupones_cupones.81173854100f.jpg");
  background-size: cover;
  background-position: center center;
}
#franja_cupones #categoria-alfajores .categoria-titulo {
  background: linear-gradient(155deg, #362724 5%, #442823 20%, rgba(242, 204, 155, 0.1) 80%), url("../img/cupones_alfajores.7c5857958a22.jpg");
  background-size: cover;
  background-position: center center;
}
#franja_cupones #categoria-clasicos .categoria-titulo {
  background: linear-gradient(155deg, #0e0804 5%, #271613 20%, rgba(242, 204, 155, 0.1) 80%), url("../img/cupones_clasicos.663ecd9aa2f6.jpg");
  background-size: cover;
  background-position: center center;
}
#franja_cupones .carrito-cupones {
  display: none;
  z-index: 10000;
  position: fixed;
  top: 3rem;
  right: 0;
  background-color: #efefef;
  border: #a01429 1px solid;
  border-right: none;
  border-radius: 0.8rem 0 0 0.8rem;
  padding: 2.5rem;
  box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.3);
  width: auto;
  /* O el ancho que necesites */
  max-height: 90%;
  /* O el alto que necesites */
  overflow-y: auto;
  /* Habilita el scroll vertical */
  overflow-x: hidden;
  /* Opcional: evita el scroll horizontal */
  color: #606c76;
}
#franja_cupones .carrito-cupones h3 {
  font-size: 2.5rem;
  border-bottom: 1px solid #d1d1d1;
  margin-bottom: 0.5rem;
}
#franja_cupones .carrito-cupones h3 i {
  font-size: 2.2rem;
  color: #a01429;
  margin-right: 1rem;
}
#franja_cupones .carrito-cupones h3 .achicar-carrito {
  float: right;
  padding: 0.5rem;
  font-size: 1.9rem;
}
#franja_cupones .carrito-cupones h3 .achicar-carrito i {
  color: #a01429;
}
#franja_cupones .carrito-cupones h4 {
  font-size: 1.7rem;
  font-style: italic;
  margin-bottom: 2rem;
}
#franja_cupones .carrito-cupones .cupon-comprado {
  border-radius: 0.8rem;
  margin-top: 2rem;
  padding: 1rem;
  border: 1px solid #d1d1d1;
  background-color: #fff;
}
#franja_cupones .carrito-cupones .cupon-comprado .nombre-cupon {
  font-size: 1.8rem;
  color: #a01429;
  font-weight: bold;
  margin-bottom: 1rem;
  border-bottom: 1px solid #e74c66;
}
#franja_cupones .carrito-cupones .cupon-comprado .nombre-cupon .sacar-cupon {
  float: right;
  cursor: pointer;
}
#franja_cupones .carrito-cupones .cupon-comprado .nombre-cupon p {
  font-size: 1.5rem;
  margin-bottom: 0;
  color: #606c76;
  text-align: left;
}
#franja_cupones .carrito-cupones .cupon-comprado i {
  font-size: 1.8rem;
  color: #a01429;
}
#franja_cupones .carrito-cupones .cupon-comprado .campo-cupon {
  display: flex;
  flex-flow: row nowrap;
  font-size: 1.6rem;
  align-items: baseline;
}
#franja_cupones .carrito-cupones .cupon-comprado .campo-cupon span, #franja_cupones .carrito-cupones .cupon-comprado .campo-cupon input {
  margin: 0 0.8rem;
  font-size: 1.6rem;
}
#franja_cupones .carrito-cupones .cupon-comprado .campo-cupon span {
  font-style: italic;
}
#franja_cupones .carrito-cupones .cupon-comprado .campo-cupon input {
  width: 80%;
}
#franja_cupones .carrito-cupones .total {
  margin: 2rem 0;
  font-size: 2rem;
  font-weight: bold;
  color: #222;
}
#franja_cupones .carrito-cupones input {
  background-color: #fff;
}
#franja_cupones .carrito-cupones i {
  cursor: pointer;
}
#franja_cupones .carrito-mostrar {
  display: block;
}
@media only screen and (min-width: 699px) {
  #franja_cupones .caja-categoria {
    width: 70%;
  }
  #franja_cupones .caja-categoria .categoria-cupones {
    flex-flow: row wrap;
    justify-content: space-between;
  }
  #franja_cupones .caja-categoria .categoria-cupones:not([style*="display: none"]) {
    display: flex !important;
  }
  #franja_cupones .caja-categoria .categoria-cupones .cupon {
    width: 48%;
    border-radius: 0.8rem;
    margin-bottom: 2rem;
    background-color: #e74c66;
    padding: 1.2rem;
  }
  #franja_cupones .ciudad-canje {
    flex-flow: row nowrap;
    align-items: baseline;
  }
  #franja_cupones .ciudad-canje select {
    margin-left: 1rem;
  }
}

.caja_texto_estatico {
  width: 100%;
}
.caja_texto_estatico h1 {
  color: #333;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
  line-height: 3.2rem;
  margin-top: 3rem;
  text-align: left;
  border-bottom: 1px solid #e74c66;
}
.caja_texto_estatico p {
  width: 100%;
  margin-bottom: 1rem;
}

.caja_formulario {
  width: 100%;
}
.caja_formulario h1 {
  color: #333;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
  line-height: 3.2rem;
  margin-top: 3rem;
  text-align: left;
  border-bottom: 1px solid #e74c66;
}
.caja_formulario p {
  text-align: center;
  width: 80%;
}
@media only screen and (min-width: 699px) {
  .caja_formulario {
    margin: 3rem 0;
  }
  .caja_formulario h1 {
    font-size: 2.4rem;
  }
}

.formulario label {
  font-weight: normal;
}
.formulario .errorlist {
  background-color: #a01429;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  list-style: none;
}
.formulario .errorlist li {
  margin: 0;
}
.formulario .formulario-franja {
  display: flex;
  flex-flow: column nowrap;
}
.formulario .formulario-franja > div {
  margin-right: 0rem;
  width: 100%;
}
.formulario .formulario-franja > div:last-child {
  margin-right: 0;
}
.formulario .formulario-franja > div input {
  background-color: #fff;
  width: 100%;
}
.formulario .formulario-franja textarea {
  height: 20rem;
}
.formulario .form_chekbox {
  display: flex;
  flex-flow: row nowrap;
}
.formulario .form_chekbox ul {
  list-style: none;
  padding-left: 2rem;
}
.formulario .form_chekbox ul li {
  margin-bottom: 0;
}
@media only screen and (min-width: 699px) {
  .formulario .formulario-franja {
    display: flex;
    flex-flow: row nowrap;
  }
  .formulario .formulario-franja > div {
    margin-right: 2rem;
    width: 100%;
  }
  .formulario .formulario-franja textarea {
    height: 25rem;
  }
}

.linea_separadora {
  margin-top: 2rem;
  width: 70%;
  border-top: 1px solid #d1d1d1;
  padding-bottom: 2rem;
  margin: auto;
}
@media only screen and (min-width: 699px) {
  .linea_separadora {
    width: 40%;
  }
}

.franja_redes {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-evenly;
  margin-bottom: 7rem;
  width: 100%;
}
.franja_redes a {
  display: block;
}
.franja_redes a i {
  font-size: 5rem;
  color: #e74c66;
}
@media only screen and (min-width: 699px) {
  .franja_redes {
    width: 50%;
  }
  .franja_redes a i {
    font-size: 7rem;
  }
}

.caja_provincia {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  margin-bottom: 4rem;
}
.caja_provincia .provincia_nombre {
  width: 100%;
  min-width: 100%;
  border-right: none;
  border-bottom: 4px solid #d1d1d1;
  color: #a01429;
  white-space: nowrap;
}
.caja_provincia .provincia_nombre h1 {
  margin-bottom: 0;
  font-size: 2.8rem;
  font-weight: bold;
}
.caja_provincia .caja_localidades {
  width: 100%;
  margin-bottom: 0;
  padding-top: 2rem;
}
.caja_provincia .caja_localidades h3 {
  font-weight: bold;
  border-bottom: 1px solid #d1d1d1;
  font-size: 1.9rem;
  margin-bottom: 1rem;
}
.caja_provincia .caja_localidades h3 a {
  color: #333;
}
.caja_provincia .caja_localidades .caja_sucursal {
  margin-bottom: 4rem;
}
.caja_provincia .caja_localidades .caja_sucursal a {
  display: block;
  font-weight: bold;
  color: #a01429;
  font-size: 1.9rem;
  margin-bottom: 1.5rem;
  text-decoration: none;
}
.caja_provincia .caja_localidades .caja_sucursal a i {
  color: #f3c9d0;
  font-size: 1.6rem;
}
.caja_provincia .caja_localidades .caja_sucursal a span {
  font-size: 1.8rem;
  color: #606c76;
  font-weight: normal;
}
.caja_provincia .caja_localidades .caja_sucursal:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 699px) {
  .caja_provincia {
    flex-flow: row nowrap;
  }
  .caja_provincia .provincia_nombre {
    width: min-content;
    min-width: 220px;
    text-align: right;
    border-bottom: none;
    border-right: 3px solid #d1d1d1;
    padding-right: 2rem;
  }
  .caja_provincia .provincia_nombre h1 {
    font-size: 2.8rem;
  }
  .caja_provincia .caja_localidades {
    width: 100%;
    padding-left: 2rem;
    padding-top: 0;
  }
  .caja_provincia .caja_localidades h3 {
    font-size: 2rem;
  }
}

#franja_encabezado_pedido {
  background-color: #e62645;
  margin-top: 0;
  color: #fff;
  padding: 1rem;
}
#franja_encabezado_pedido .contenedor {
  display: flex;
  flex-flow: row nowrap;
  align-content: center;
  justify-content: space-between;
}
#franja_encabezado_pedido .contenedor #logo_jauja img {
  max-width: 150px;
  width: 100%;
  display: block;
}

#franja_pedido {
  padding-top: 2rem;
  width: 100%;
}
#franja_pedido .titulo_pedido {
  border-bottom: 1px solid #d1d1d1;
  margin-bottom: 2rem;
  text-align: left;
  width: 100%;
  font-size: 2.4rem;
}
#franja_pedido .titulo_pedido span {
  font-weight: bold;
  color: #a01429;
}
#franja_pedido p {
  width: 100%;
  text-align: left;
  font-size: 1.8rem;
  margin: 0 0 0.8rem 0;
  display: flex;
  align-items: baseline;
}
#franja_pedido .caja-cupones {
  margin-top: 2rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-bottom: 2rem;
  width: 100%;
}
#franja_pedido .caja-cupones .cupon {
  width: 100%;
}
#franja_pedido .caja-cupones .cupon .encabezado-cupon {
  border-radius: 0.8rem 0.8rem 0 0;
  padding: 0.5rem;
  background-color: #e62645;
  text-align: center;
  color: #fff;
  font-size: 1.9rem;
}
#franja_pedido .caja-cupones .cupon .cuerpo-cupon {
  border-radius: 0 0 0.8rem 0.8rem;
  margin-bottom: 2rem;
  background-color: #fff;
  border: 2px solid #d1d1d1;
  border-top: 0;
  text-align: center;
}
#franja_pedido .caja-cupones .cupon .cuerpo-cupon .codigo-cupon {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-items: center;
  padding: 1rem 0 0.6rem 0;
}
#franja_pedido .caja-cupones .cupon .cuerpo-cupon .codigo-cupon h1 {
  padding: 0.5rem;
  color: #333;
  font-size: 3rem;
  font-weight: bold;
  background-color: #d1d1d1;
  width: 90%;
  display: block;
  margin-bottom: 0;
}
#franja_pedido .caja-cupones .cupon .cuerpo-cupon .codigo-cupon img {
  max-width: 50%;
  width: 100%;
  display: block;
}
#franja_pedido .caja-cupones .cupon .cuerpo-cupon h3 {
  margin-top: 0;
  width: 100%;
  font-size: 1.7rem;
}
#franja_pedido .caja-cupones .cupon .cuerpo-cupon h2 {
  color: #a01429;
  font-size: 2.5rem;
  text-align: center;
  width: 100%;
}
#franja_pedido .caja-cupones .cupon .cuerpo-cupon p {
  display: block;
  font-size: 1.5rem;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 699px) {
  #franja_pedido .caja-cupones .cupon {
    width: 48%;
    margin-bottom: 2rem;
  }
  #franja_pedido .caja-cupones .cupon .encabezado-cupon {
    padding: 1rem;
    font-size: 2.3rem;
  }
  #franja_pedido .caja-cupones .cupon .cuerpo-cupon .codigo-cupon {
    padding: 1.2rem 0.5rem;
  }
  #franja_pedido .caja-cupones .cupon .cuerpo-cupon .codigo-cupon h1 {
    font-size: 3.5rem;
  }
  #franja_pedido .caja-cupones .cupon .cuerpo-cupon h3 {
    font-size: 2.1rem;
  }
  #franja_pedido .caja-cupones .cupon .cuerpo-cupon h2 {
    font-size: 2.8rem;
  }
  #franja_pedido .caja-cupones .cupon .cuerpo-cupon p {
    font-size: 1.5rem;
  }
}

#pie {
  background-color: #e62645;
  margin-bottom: 0;
  color: #fff;
}
#pie .pie_columnas {
  width: 100%;
  margin: 3rem 1rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
#pie .pie_columnas .columna {
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
}
#pie .pie_columnas .columna > div {
  margin-bottom: 1rem;
}
#pie .pie_columnas .columna > div a {
  color: #fff;
}
#pie .pie_columnas .logos {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  max-width: 100%;
}
#pie .pie_columnas .logos > div {
  display: flex;
  justify-content: center;
  width: 100%;
}
#pie .pie_columnas .logos .pie_monograma {
  max-width: 80px;
  margin-bottom: 3rem;
}
#pie .pie_columnas .logos .club_jauja {
  max-width: 120px;
  margin-top: 2rem;
}
#pie .pie_texto {
  width: 80%;
  border-top: 1px solid #f3c9d0;
  padding-top: 2rem;
  margin-top: 0;
  margin-bottom: 3rem;
  text-align: center;
}
#pie .pie_texto p {
  margin-bottom: 0;
}
#pie .pie_texto p a {
  font-weight: bold;
  color: #fff;
}
@media only screen and (min-width: 699px) {
  #pie .pie_columnas {
    flex-flow: row nowrap;
  }
  #pie .pie_columnas .logos {
    flex-flow: column nowrap;
  }
  #pie .pie_columnas .logos .pie_monograma {
    justify-content: flex-start;
  }
  #pie .pie_columnas .logos .club_jauja {
    justify-content: flex-end;
  }
}

.notificacion-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}

.notificacion-overlay.visible {
  opacity: 1;
  visibility: visible;
}

.notificacion-contenedor {
  background-color: #fff;
  border-radius: 0.8rem;
  padding: 2.5rem;
  max-width: 90%;
  width: 45rem;
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.2);
  position: relative;
  transform: translateY(-2rem);
  transition: transform 0.3s;
}

.notificacion-overlay.visible .notificacion-contenedor {
  transform: translateY(0);
}

.notificacion-titulo {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
  color: #a01429;
  padding-bottom: 1rem;
  border-bottom: 1px solid #d1d1d1;
}

.notificacion-mensaje {
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin-bottom: 2rem;
  color: #606c76;
}

.notificacion-boton {
  text-align: center;
}

.notificacion-cerrar {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 2rem;
  color: #d1d1d1;
  cursor: pointer;
  transition: color 0.2s;
}
.notificacion-cerrar:hover {
  color: #a01429;
}

.notificacion-tipo-error .notificacion-titulo {
  color: #a50d2c;
}

.notificacion-tipo-exito .notificacion-titulo {
  color: #354b15;
}

.notificacion-tipo-advertencia .notificacion-titulo {
  color: #d9a009;
}

/* Estilos para impresión del QR */
@media print {
  /* Ocultar elementos innecesarios al imprimir */
  nav, .franja:not(#franja_pedido), .linea_separadora, .redes, 
  .button, .pagar-button, footer, header {
    display: none !important;
  }
  
  /* Asegurar que el QR se imprima correctamente */
  #franja_pedido .caja-cupones .cupon .cuerpo-cupon .codigo-cupon img {
    max-width: 200px !important;
    width: 200px !important;
    height: 200px !important;
    display: block !important;
    margin: 1rem auto !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  
  /* Mejorar el contraste del código del cupón para impresión */
  #franja_pedido .caja-cupones .cupon .cuerpo-cupon .codigo-cupon h1 {
    background-color: #000 !important;
    color: #fff !important;
    border: 2px solid #000 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  
  /* Optimizar el layout para impresión */
  #franja_pedido .caja-cupones .cupon {
    width: 100% !important;
    margin-bottom: 2rem !important;
    page-break-inside: avoid !important;
  }
  
  /* Mejorar la legibilidad del texto */
  #franja_pedido .caja-cupones .cupon .cuerpo-cupon p,
  #franja_pedido .caja-cupones .cupon .cuerpo-cupon h2,
  #franja_pedido .caja-cupones .cupon .cuerpo-cupon h3 {
    color: #000 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  
  /* Asegurar que el fondo del cupón se imprima */
  #franja_pedido .caja-cupones .cupon .encabezado-cupon {
    background-color: #a01429 !important;
    color: #fff !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  
  /* Ajustar el contenedor principal */
  .contenedor {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 1rem !important;
  }
}