@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Work+Sans:wght@900&display=swap");

body,
body.page {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #2d2d2d;
}

h1 {
  font-size: 3.5rem;
  line-height: 4rem;
}

h2 {
  font-size: 3rem;
  line-height: 3.5rem;
}

h3 {
  font-size: 2.5rem;
  line-height: 2.75rem;
}

h4 {
  font-size: 2rem;
  line-height: 2.25rem;
}

h5 {
  font-size: 1.5rem;
  line-height: 1.625rem;
}

h6 {
  font-size: 1.25rem;
  line-height: 1.375rem;
}

main#primary>section {
  position: relative;
}

button {
  cursor: pointer;
}

fieldset {
  padding-right: 0;
  padding-left: 0;
  border: 0;
}

.button,
a.button,
.radio-buttons label>input[type="radio"]+span {
  display: inline-block;
  padding: 1rem 1.5rem;
  border: 0;
  border-radius: 9999px;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.375rem;
  color: #ffffff;
  background-color: #0d3592;
  cursor: pointer;
}

.button:disabled,
.button[disabled],
a.button:disabled,
a.button[disabled] {
  background-color: #bdbdbd;
  cursor: default;
}

.button.small,
a.button.small,
.radio-buttons label>input[type="radio"]+span {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.button.big,
a.button.big {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.button.outline,
a.button.outline,
.radio-buttons label>input[type="radio"]+span {
  border: solid 1px #0d3592;
  color: #0d3592;
  background-color: transparent;
}

.button.selected,
a.button.selected,
.radio-buttons label>input[type="radio"]:checked+span {
  border-color: transparent;
  color: #ffffff;
  background-color: #0d3592;
}

.button.outline,
a.button.outline,
.radio-buttons label>input[type="radio"]:disabled+span {
  border-color: #ccc;
  background: #e0e0e0;
  color: #4f4f4f;
  cursor: default;
}

.button.color-success,
a.button.color-success {
  background-color: #27ae60;
}

.radio-buttons>div {
  display: flex;
}

.radio-buttons label {
  display: block;
  position: relative;
}

.radio-buttons label>input[type="radio"] {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

.radio-buttons label>input[type="radio"]:focus-visible+span {
  outline: 0.125rem #3f73ee solid;
  outline-offset: -0.0625rem;
  box-shadow: 0 0 0 0.125rem #ffffff;
}

select.select {
  height: 3.5rem;
  padding: 0 1.5rem;
  border-radius: 0.25rem;
  color: #4f4f4f;
  background-color: #ffffff;
}

select.select:disabled {
  background-color: #e0e0e0;
}

.message-box {
  position: relative;
  padding: 0.75rem;
  padding-left: 3rem;
  border: solid 1px #bdbdbd;
  border-radius: 0.25rem;
  margin: 0 0 1rem;
}

.message-box::before {
  content: "";
  display: block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg fill='%23ffffff' version='1.1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 10.75c0.4142 0 0.75 0.3358 0.75 0.75v5c0 0.4142-0.3358 0.75-0.75 0.75s-0.75-0.3358-0.75-0.75v-5c0-0.4142 0.3358-0.75 0.75-0.75z'/%3E%3Cpath d='m12 9c0.5523 0 1-0.44772 1-1s-0.4477-1-1-1-1 0.44772-1 1 0.4477 1 1 1z'/%3E%3Cpath d='m3.25 12c0-4.8325 3.9175-8.75 8.75-8.75 4.8325 0 8.75 3.9175 8.75 8.75 0 4.8325-3.9175 8.75-8.75 8.75-4.8325 0-8.75-3.9175-8.75-8.75zm8.75-7.25c-4.0041 0-7.25 3.2459-7.25 7.25 0 4.0041 3.2459 7.25 7.25 7.25 4.0041 0 7.25-3.2459 7.25-7.25 0-4.0041-3.2459-7.25-7.25-7.25z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.message-box.info {
  color: #ffffff;
  background-color: #2f80ed;
}

.message-box.warning {
  color: #ffffff;
  background-color: #d29906;
}

.message-box>.bold {
  font-weight: bold;
}

#whatsapp-link {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 9;
  width: 6rem;
  height: 6rem;
  border-radius: 2rem;
  background-color: #1bd741;
  background-image: url("../media/icons/whatsapp.svg");
  background-size: 3rem;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
}

/**************************\
  Basic Modal Styles
\**************************/

.modal {
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 10;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal .modal__content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  padding: 2rem;
  border-radius: 1rem;
  background-color: #ffffff;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before {
  content: "\2715";
}

.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.modal__btn:focus,
.modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

.modal-step {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  position: relative;
}

.modal-step.loading::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 4rem);
  height: 100%;
  margin-left: -2rem;
  background-color: #ffffffe6;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes mmfadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-10%);
  }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  /* will-change: transform; */
  backface-visibility: hidden;
}

#modal-container {
  box-sizing: border-box;
  overflow-y: auto;
  height: 100vh;
  padding: 2rem 0;
}

ul.products-list {
  padding: 0;
  margin: 0;
}

ul.products-list>li {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

ul.products-list>li>.image {
  width: 3rem;
  height: 3rem;
  padding: 0.5rem;
  border-radius: 0.25rem;
  margin-right: 1rem;
  text-align: center;
  background-color: #ffffff;
}

ul.products-list>li>.image>img {
  height: 100%;
}

ul.products-list>li>div.product-info>.name {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: normal;
}

ul.products-list>li>div.product-info>.name>.quantity {
  font-weight: bold;
}

ul.products-list>li>div.product-info>.price {
  font-weight: bold;
}

/*
 +-+-+-+-+-+-+
 |H|E|A|D|E|R|
 +-+-+-+-+-+-+
*/

#main-header>.over-header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  color: #ffffff;
  text-shadow: 0px 0px 1px #753100;
  background: rgb(226, 87, 28);
  background: linear-gradient(90deg,
      rgba(226, 87, 28, 1) 0%,
      rgba(244, 150, 57, 1) 100%);
}

#main-header>.over-header>address {
  width: 100%;
  margin: 0;
}

#main-header>.over-header>address>.highlight {
  display: none;
}

#main-header>.over-header>address>ul {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  font-style: normal;
  list-style: none;
}

#main-header>.over-header>address>ul>li {
  display: flex;
  align-items: center;
  padding-right: 3rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#main-header>.over-header>address>ul>li:last-child {
  padding-right: 0;
}

#main-header>.over-header>address>ul>li>span {
  padding-right: 0.75rem;
  font-weight: bold;
  user-select: none;
}

#main-header>.over-header>address>ul>li>div>span>a {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
}

#main-header>.over-header>address>ul>li>div>span::before {
  content: "-";
  margin: 0 0.5rem;
}

#main-header>.over-header>address>ul>li>div>span:first-child::before {
  content: "";
  margin: 0;
}

#main-header>.over-header>address>ul>li::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.75rem;
  background-repeat: no-repeat;
}

#main-header>.over-header>address>ul>li.address::before {
  background-image: url("../media/icons/location.svg");
}

#main-header>.over-header>address>ul>li.whatsapp::before {
  background-image: url("../media/icons/whatsapp.svg");
}

#main-header>.over-header>address>ul>li.email::before {
  background-image: url("../media/icons/envelope.svg");
}

#main-header>.over-header>address>ul>li.phone::before {
  background-image: url("../media/icons/phone.svg");
}

#main-header>.over-header>address>ul>li.schedule::before {
  background-image: url("../media/icons/clock.svg");
}

#main-header>.over-header>address>ul>li.schedule {
  user-select: none;
}

#main-header>.over-header>address>ul>li.schedule>.data>div {
  margin-right: 1rem;
}

#main-header>.over-header>address>ul>li.schedule>.data>div:last-child {
  margin-right: 0;
}

#main-header>.over-header>address>ul>li.schedule>span {
  display: none;
}

#main-header>.over-header>address>ul>li.schedule>.data {
  display: flex;
}

#main-header>.over-header>address>ul>li.schedule>div.state {
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  margin-right: 0.5rem;
  margin-left: -0.25rem;
}

#main-header>.over-header>address>ul>li.schedule>div.state.open {
  background-color: #0d3592;
}

#main-header>.over-header>address>ul>li.schedule>div.state.closed {
  background-color: #8c4a08;
}

#main-header>.over-header>address>ul>li.schedule>.data>div>span {
  font-weight: bold;
}

#main-header>.base {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 6rem;
}

#main-header>.base>h1 {
  display: flex;
  margin: 0;
}

#main-header>.base>h1>a>img {
  display: block;
  width: auto;
  height: 3.5rem;
}

#main-header>.base>nav {
  display: flex;
  align-items: center;
}

#main-header>.base>nav>button {
  background: rgb(226, 87, 28);
  background: linear-gradient(90deg,
      rgba(226, 87, 28, 1) 0%,
      rgba(244, 150, 57, 1) 100%);
  color: #ffffff;
}

#main-header>.base ul {
  display: flex;
  padding: 0;
  margin: 0;
  margin-right: 2rem;
  list-style: none;
}

#main-header>.base ul>li>a {
  text-decoration: none;
  color: #2d2d2d;
}

#main-header>.base ul>li.current-menu-item>a {
  font-weight: bold;
}

#main-header>.base ul>li {
  padding-right: 1.5rem;
}

#main-header>.base ul>li:last-child {
  padding-right: 0;
}

#main-footer {
  padding: 2rem 0;
  margin-top: 8rem;
  border-top: solid 2rem #613305;
  background: rgb(226, 87, 28);
  background: linear-gradient(90deg,
      rgba(226, 87, 28, 1) 0%,
      rgba(244, 150, 57, 1) 100%);
  color: #ffffff;
}

#main-footer .top {
  margin-bottom: 4rem;
  text-align: center;
}

#main-footer .top .logo {
  margin-bottom: 1rem;
  text-align: center;
}

#main-footer .top .logo>img {
  width: 16rem;
}

#main-footer .bottom {
  display: flex;
}

#main-footer .bottom h2 {
  display: inline-block;
  padding-bottom: 1rem;
  margin: 0 0 1rem;
  border-bottom: solid 1px #ffffff;
  font-size: 1.25rem;
  line-height: 1.375rem;
  text-transform: uppercase;
}

#main-footer .bottom .left ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#main-footer .bottom .left ul>li {
  margin-bottom: 0.25rem;
}

#main-footer .bottom .left ul a {
  color: #facc9e;
  text-decoration: none;
}

#main-footer .bottom .left ul .current-menu-item a {
  font-weight: bold;
  color: #ffffff;
}

#main-footer .bottom .right ul {
  padding: 0;
  margin: 0;
}

#main-footer .bottom .right ul li {
  display: flex;
  margin-bottom: 0.5rem;
}

#main-footer .bottom .right ul li.icon>span {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
  color: transparent;
  text-indent: -9999px;
}

#main-footer .bottom .right ul li.icon>span::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
}

#main-footer .bottom .right ul li.schedule {
  margin-bottom: 1rem;
}

#main-footer .bottom .right ul li.schedule>.data>div>span {
  display: block;
  font-weight: bold;
}

#main-footer .bottom .right ul li.schedule>span::before {
  background-image: url("../media/icons/clock.svg");
}

#main-footer .bottom .right ul li.address>span::before {
  background-image: url("../media/icons/location.svg");
}

#main-footer .bottom .right ul li.whatsapp>span::before {
  background-image: url("../media/icons/whatsapp.svg");
}

#main-footer .bottom .right ul li.email>span::before {
  background-image: url("../media/icons/envelope.svg");
}

#main-footer .bottom .right ul li.phone>span::before {
  background-image: url("../media/icons/phone.svg");
}

#main-footer .bottom .right ul li {
  font-style: normal;
}

#main-footer .bottom .right ul li a {
  display: block;
  color: #ffffff;
  text-decoration: none;
}

/*
 +-+-+-+-+-+-+-+-+-+
 |U|N|I|V|E|R|S|A|L|
 +-+-+-+-+-+-+-+-+-+
*/

body.error404 #main-header>.base,
body.page-template-maintenance #main-header>.base {
  display: none;
}

body.error404 #primary,
body.page-template-maintenance #primary {
  display: flex;
  min-height: calc(100vh - 2.5rem);
}

body.error404 #main-footer,
body.page-template-maintenance #main-footer {
  display: none;
}

body.error404 #whatsapp-link,
body.page-template-maintenance #whatsapp-link {
  display: none;
}

body.error404 h1,
body.page-template-maintenance h1 {
  margin: 0;
}

body.error404 h1 .custom-logo,
body.page-template-maintenance h1 .custom-logo {
  width: 100%;
  max-width: 24rem;
  height: auto;
  padding: 0 2rem;
  margin-bottom: 2rem;
}

body.error404 h2.page-title,
body.page-template-maintenance h2.page-title {
  margin: 0 0 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  text-align: center;
}

body.error404 section.error-404,
body.page-template-maintenance section.error-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

body.error404 section.error-404 .page-content,
body.page-template-maintenance section.error-404 .page-content {
  margin: 0 1rem;
}

body.error404 section.error-404 .page-content>.links,
body.page-template-maintenance section.error-404 .page-content>.links {
  display: flex;
  justify-content: center;
}

body.error404 section.error-404 .page-content>.links>a.button,
body.page-template-maintenance section.error-404 .page-content>.links>a.button {
  margin-right: 0.5rem;
  text-align: center;
  cursor: pointer;
}

body.error404 section.error-404 .page-content>.links>a.button:last-child,
body.page-template-maintenance section.error-404 .page-content>.links>a.button:last-child {
  margin-right: 0;
}

body.page.page-template-maintenance main.site-main {
  position: relative;
  padding: 0;
}

body.page.page-template-maintenance main.site-main::after {
  background: transparent;
}

.producto {
  display: flex;
  align-items: center;
  margin-bottom: 3.5rem;
}

.producto.vertical {
  flex-direction: column;
}

.producto>.left {
  position: relative;
  height: 100%;
}

.producto.horizontal {
  height: 12rem;
}

.producto.horizontal>.left {
  width: 15rem;
  margin-right: 1.5rem;
}

.producto.vertical>.left {
  width: 100%;
  max-width: 15rem;
  height: 12rem;
  margin-bottom: 1.5rem;
}

.producto>.left>img {
  display: block;
  position: relative;
  width: auto;
  height: 100%;
  margin: 0 auto;
}

.producto>.left:before {
  content: "";
  display: block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  width: 100%;
  height: 5rem;
  border-radius: 9999px;
  background: rgb(226, 87, 28);
  background: linear-gradient(90deg,
      rgba(226, 87, 28, 1) 0%,
      rgba(244, 150, 57, 1) 100%);
}

.producto>.right>h3 {
  display: flex;
  margin: -0.5rem 0 -0.25rem;
  font-size: 2rem;
  line-height: 2.25rem;
}

.producto>.right>h3>span.small {
  margin-right: 0.75rem;
  font-size: 1.125rem;
  font-weight: normal;
}

.producto>.right>.price {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: bold;
}

/*
 +-+-+-+-+-+-+-+-+-+
 |I|N|D|E|X|.|P|H|P|
 +-+-+-+-+-+-+-+-+-+
*/

section#portada {
  display: flex;
  flex-direction: column;
  margin-bottom: 5rem;
}

section#portada>.top {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  height: 20vh;
  min-height: 10rem;
  max-height: 12rem;
  margin-bottom: 1rem;
}

section#portada>.top>.banner>.container {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}

section#portada>.top>.banner .mensaje {
  width: 30rem;
  height: 100%;
  background-image: url("../media/mensaje-banner_4.png");
  background-size: auto 8rem;
  background-position: center right;
  background-repeat: no-repeat;
  color: transparent;
}

section#portada>.top>.banner .mensaje>.top {
  margin-right: 1.75rem;
  font-size: 1.825rem;
  line-height: 2rem;
  text-align: right;
}

section#portada>.top>.banner .mensaje>.mid {
  margin-right: 5.875rem;
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 4.625rem;
  text-align: right;
}

section#portada>.top>.banner .mensaje>.bottom {
  margin-right: 1.75rem;
  font-size: 1.86rem;
  line-height: 1.375rem;
  text-align: right;
}

section#portada>.bottom {
  display: flex;
  flex-direction: row-reverse;
  flex-grow: 1;
  overflow: hidden;
  height: calc(90vh - 11.5rem);
  min-height: 22rem;
}

section#portada>.bottom>.call-to-action {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  width: 40%;
  max-width: 36rem;
  padding: 5rem 3rem;
  border-radius: 1rem;
  margin-right: 0.5rem;
  margin-left: 2rem;
  color: #ffffff;
  background: url("../media/adornito.png"), rgb(226, 87, 28);
  background: url("../media/adornito.png"),
    linear-gradient(0deg, rgba(226, 87, 28, 1) 0%, rgba(244, 150, 57, 1) 100%);
  background-repeat: no-repeat;
}

section#portada>.bottom>.call-to-action>h2 {
  padding: 2.5rem;
  border-radius: 0.5rem;
  margin: 0 0 1.5rem;
  font-family: "Work Sans", sans-serif;
  font-size: 2.5rem;
  line-height: 2.75rem;
  color: #2d2d2d;
  background-color: #ffffff;
}

section#portada>.bottom>.call-to-action>p {
  padding: 0 2rem;
  margin: 0 0 1.5rem;
}

section#portada>.bottom>.call-to-action>button {
  display: block;
  margin: 0 auto;
}

@media (max-height: 850px) {
  section#portada>.bottom>.call-to-action {
    padding: 2rem;
  }

  section#portada>.bottom>.call-to-action>h2 {
    padding: 2rem;
    font-size: 2rem;
    line-height: 2.25rem;
  }
}

section#portada>.bottom>.swiffy-slider {
  flex-grow: 1;
  overflow: hidden;
  width: 60%;
  height: 100%;
  margin-left: 0.5rem;
  margin-right: 1rem;
  border-radius: 1rem;
}

section#portada>.bottom>.swiffy-slider>ul.slider-container>li {
  overflow-y: hidden;

  overflow: hidden;
  flex-direction: column;
}

section#portada>.bottom>.swiffy-slider>ul.slider-container>li>img {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

section#entrada-catalogo {
  margin-bottom: 2rem;
}

section#entrada-catalogo .back {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  height: 110vh;
}

section#entrada-catalogo .back::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg fill='none' version='1.1' viewBox='0 0 1440 640' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='m0 0v408.84c304.76 26.213 473.81-68.062 757.62-233.75 283.81-165.69 502.38-183.12 682.38-172.12v-2.9707h-1440zm0 478.07v161.93h1440s-179.04-180.03-705.71-136.5c-526.64 43.521-734.27-25.424-734.29-25.432z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-size: 100% 110vh;
  background-repeat: no-repeat;
}

section#entrada-catalogo .back img {
  width: auto;
  height: 100%;
  max-width: none;
  margin-right: -45%;
}

section#entrada-catalogo>.big-gas {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  z-index: 1;
  height: 100%;
}

section#entrada-catalogo>.big-gas>.square {
  position: absolute;
  top: 0;
  right: 0;
  width: 80vh;
  height: 80vh;
}

@keyframes sprite {
  0% {
    background-position: 0 0;
    background-size: auto 1500%;
    background-image: url("../media/gas_sprites_v2.png");
  }

  99.99999% {
    background-position: 0 100%;
    background-size: auto 1500%;
    background-image: url("../media/gas_sprites_v2.png");
  }

  100% {
    background-position: 0 0;
    background-size: auto 103%;
    background-image: url("../media/gas_end.png");
  }
}

section#entrada-catalogo>.big-gas>.square::after {
  content: "";
  box-sizing: content-box;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 61%;
  margin-left: 39%;
  background-image: url("../media/gas_end.png");
  background-position: 0 0;
  background-size: auto 103%;
  background-repeat: no-repeat;
  animation: sprite 0.75s steps(14) forwards;
}

section#entrada-catalogo>.call-to-action {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  z-index: 2;
  margin-top: -17rem;
  margin-left: -4rem;
}

section#entrada-catalogo>.call-to-action .button {
  background: rgb(226, 87, 28);
  background: linear-gradient(90deg, rgba(226, 87, 28, 1) 0%, rgba(244, 150, 57, 1) 100%);
}

section#entrada-catalogo h2 {
  margin-bottom: 1.5rem;
}

section#entrada-catalogo h2>.small {
  display: block;
  font-size: 1.5rem;
  line-height: 1.625rem;
}

section#entrada-nosotros {
  padding: 2rem 2rem 8rem;
  border-radius: 1rem;
  margin-bottom: 8rem;
  background-image: url("../media/nosotros-inicio.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 70% center;
}

section#entrada-nosotros h2 {
  margin: 0 0 2.5rem;
  font-size: 2.5rem;
  line-height: 2.75rem;
}

section#entrada-contacto {
  overflow: hidden;
  padding-top: 10rem;
}

section#entrada-contacto::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  min-width: 1280px;
  height: 100%;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 1512 371' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1713 124.01c-874-248.99-1710-78.506-1938.5 89.995v22.502c317-186.5 893-305 1938.5 133.5v-246z' fill='url(%23a)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='1337' x2='171.5' y1='184.26' y2='184.26' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F49639' offset='0'/%3E%3Cstop stop-color='%23E2571C' offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
}

section#entrada-contacto>.info {
  margin-bottom: 4rem;
}

section#entrada-contacto h2 {
  margin: 0 0 1.75rem;
  font-size: 2.5rem;
  line-height: 2.75rem;
}

section#entrada-contacto h2>.small {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.5rem;
  line-height: 1.625rem;
}

section#entrada-contacto .links>a {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

section#entrada-contacto .links>a:last-child {
  margin-right: 0;
  margin-bottom: 0;
}

section#entrada-contacto .galeria {
  height: 16rem;
}

section#entrada-contacto .galeria>div {
  display: flex;
  overflow: hidden;
  align-items: center;
  height: 100%;
  padding: 0 0.5rem;
}

section#entrada-contacto .galeria>div:first-child {
  padding-left: 0;
}

section#entrada-contacto .galeria>div:last-child {
  padding-right: 0;
}

section#entrada-contacto .galeria>div>img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}

/*
 +-+-+-+-+-+-+-+-+-+-+-+-+
 |C|A|T|A|L|O|G|O|.|P|H|P|
 +-+-+-+-+-+-+-+-+-+-+-+-+
*/

section#catalogo>header {
  position: relative;
  height: 70vh;
  min-height: 30rem;
  margin-bottom: 3rem;
}

section#catalogo>header>.image {
  overflow: hidden;
  position: relative;
  height: 100%;
}

section#catalogo>header>.image>img {
  display: block;
  max-width: none;
  min-height: 100%;
  width: auto;
  position: absolute;
  margin: auto;
  bottom: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

section#catalogo>header::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 1512 520' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m744.69 353.12c-460.97 0-744.69 166.88-744.69 166.88h1512s-306.35-166.88-767.31-166.88z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-size: 100% 34rem;
  background-position: bottom;
  background-repeat: no-repeat;
}

section#catalogo>header>.title {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  z-index: 1;
  margin-top: -3.5rem;
}

section#catalogo>header>.title>h1 {
  margin: 0 0 0 6rem;
  font-size: 3rem;
  line-height: 3.5rem;
  font-family: "Work Sans", sans-serif;
}

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

/*
 +-+-+-+-+-+-+-+-+-+-+-+-+
 |P|R|O|D|U|C|T|O|.|P|H|P|
 +-+-+-+-+-+-+-+-+-+-+-+-+
*/

section#producto {
  margin-bottom: 10rem;
}

section#producto>header {
  height: 50vh;
  min-height: 24rem;
  background-color: #fef2e7;
  margin-bottom: 4rem;
}

section#producto>header>div,
section#producto>header>div>div {
  height: 100%;
}

section#producto>header .image {
  position: relative;
  height: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

section#producto>header .image::before {
  content: "";
  display: block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 2rem;
  width: calc(100% - 4rem);
  height: 10rem;
  border-radius: 9999px;
  background: rgb(226, 87, 28);
  background: linear-gradient(90deg,
      rgba(226, 87, 28, 1) 0%,
      rgba(244, 150, 57, 1) 100%);
}

section#producto>header .image>img {
  display: block;
  position: relative;
  width: auto;
  height: 100%;
  margin: 0 auto;
}

section#producto>header .description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  height: 100%;
}

section#producto>header .description>h2 {
  font-family: "Work Sans", sans-serif;
  margin: -0.5rem 0 1rem;
}

section#producto>header .description>.price {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 1.625rem;
  font-weight: bold;
}

section#producto>header .description>p {
  margin: 0 0 2rem;
}

section#producto>.info>.images {
  margin-bottom: 4rem;
  line-height: 0;
}

section#producto>.info>.images>div>div {
  overflow: hidden;
  border-radius: 0.5rem;
}

section#producto>.info>.description {
  justify-content: center;
}

section#producto>.info>.description h3 {
  margin: 0 0 1rem;
  font-size: 1.5rem;
  line-height: 1.625rem;
}

section#producto>.info>.description p {
  margin: 0;
}

section#producto>.info>.description ul {
  padding-left: 1.5rem;
  margin: 0;
}

section#otros-productos>h2 {
  margin: 0 0 4rem;
  font-family: "Work Sans", sans-serif;
  font-size: 2.5rem;
  line-height: 2.75rem;
  text-align: center;
}

section#otros-productos>ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

/*
 +-+-+-+-+-+-+-+-+-+-+-+-+
 |N|O|S|O|T|R|O|S|.|P|H|P|
 +-+-+-+-+-+-+-+-+-+-+-+-+
 */

section#nosotros>header {
  margin-top: 4rem;
}

section#nosotros>header h1 {
  margin: 0 0 3rem;
  font-family: "Work Sans", sans-serif;
}

section#nosotros>header>.separator {
  width: 100%;
  height: 10rem;
  padding-bottom: 1rem;
  margin-bottom: 4rem;
  background: rgb(226, 87, 28);
  background: linear-gradient(90deg,
      rgba(226, 87, 28, 1) 0%,
      rgba(244, 150, 57, 1) 100%);
}

section#nosotros>header>.separator>.img-separator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 72%;
  height: 100%;
}

section#nosotros>header>.separator>.img-separator-container>img {
  object-fit: cover;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}

section#nosotros>header>.separator .container {
  position: relative;
}

section#nosotros>header>.separator .frame-container {
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 22rem;
  height: 22rem;
  border: solid 1rem #282828;
  margin-top: -6rem;
}

section#nosotros>header>.separator .frame-container>img {
  width: auto;
  height: 100%;
  max-width: none;
}

section#nosotros>.contenido p {
  margin: 0 0 1rem;
}

section#nosotros>.contenido .mapa {
  width: 100%;
  margin-top: 3rem;
  text-align: center;
}

section#nosotros>.contenido .mapa img {
  border-radius: 1rem;
}

/*
 +-+-+-+-+-+-+-+-+-+-+-+-+
 |C|O|N|T|A|C|T|O|.|P|H|P|
 +-+-+-+-+-+-+-+-+-+-+-+-+
*/
section#contacto {
  min-height: 90vh;
  padding: 4rem 0;
}

section#contacto::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 30rem;
  background-image: url("../media/callcenter.jpg");
}

section#contacto header {
  margin-bottom: 1.5rem;
  color: #ffffff;
}

section#contacto header>h1 {
  margin: 0 0 1rem;
}

section#contacto header>.entry {
  margin-bottom: 1.5rem;
}

section#contacto .forms {
  padding: 1.5rem;
  border-radius: 1rem;
  color: #333333;
  background-color: #ffffff;
  box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.3);
}

section#contacto .forms.empty-form {
  display: none;
}

section#contacto .forms>div {
  display: none;
}

section#contacto .forms>div.show-form {
  display: block;
}

section#contacto .forms .hf-fields-wrap>div>div {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}

section#contacto .forms .hf-fields-wrap>div label,
section#contacto .forms .hf-fields-wrap>div legend {
  margin-bottom: 0.5rem;
}

section#contacto .forms .hf-fields-wrap>div input[type="text"],
section#contacto .forms .hf-fields-wrap>div input[type="email"] {
  height: 3rem;
  padding: 0 1rem;
  border: solid 1px #bdbdbd;
  border-radius: 0.25rem;
}

section#contacto .forms .hf-fields-wrap>div textarea {
  padding: 1rem;
  border: solid 1px #bdbdbd;
  border-radius: 0.25rem;
}

section#contacto .forms .hf-fields-wrap>div input[type="radio"] {
  vertical-align: text-top;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.375rem;
}

section#contacto .forms .hf-fields-wrap>div fieldset {
  padding: 0;
  border: none;
}

section#contacto .forms .hf-fields-wrap>div fieldset>label {
  margin-right: 1.375rem;
}

section#contacto .forms .hf-fields-wrap>div>div.submit {
  display: block;
}

.entry-content .hf-form {
  display: none;
}

.modal .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.modal .header>button {
  border: none;
  background-color: transparent;
}

.modal .header>h2 {
  margin: 0;
  text-align: right;
}

.modal .header .go-back {
  line-height: 1.25rem;
  font-weight: bold;
}

.modal .header .go-back::before {
  content: "";
  display: block;
  float: left;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.03 8.5303c0.2929-0.29289 0.2929-0.76777 0-1.0607s-0.7677-0.29289-1.0606 0l-4 4c-0.14645 0.1464-0.21967 0.3384-0.21967 0.5303 0 0.1017 0.02024 0.1987 0.05691 0.2871 0.0366 0.0884 0.09085 0.1713 0.16276 0.2432l4 4c0.29293 0.2929 0.76773 0.2929 1.0606 0s0.2929-0.7677 0-1.0606l-2.7196-2.7197h9.6893c0.4142 0 0.75-0.3358 0.75-0.75s-0.3358-0.75-0.75-0.75h-9.6893l2.7196-2.7197z' fill='%232D2D2D'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}

.modal .main-pedido {
  padding: 2rem;
  margin: 0 -2rem 2rem -2rem;
  background: rgb(226, 87, 28);
  background: linear-gradient(90deg,
      rgba(226, 87, 28, 1) 0%,
      rgba(244, 150, 57, 1) 100%);
  color: #ffffff;
}

.modal .main-pedido>div {
  margin: 0 auto;
}

.modal h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.375rem;
  text-align: center;
}

#modal-alert .modal__container {
  width: auto;
  padding: 2rem;
  border-radius: 1rem;
  background-color: #ffffff;
}

#modal-alert .title {
  display: block;
  padding-bottom: 1rem;
  border-bottom: solid 1px #4f4f4f;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: left;
}

#modal-alert .content {
  margin-bottom: 1rem;
  color: #4f4f4f;
}

#modal-alert .content ul {
  padding: 0;
  margin: 0 0 1.5rem;
  list-style: none;
}

#modal-alert .content ul>li {
  padding-left: 1.5rem;
}

#modal-alert .content ul>li::before {
  content: "•";
  display: inline-block;
  width: 0;
  padding-right: 1.5rem;
  margin-left: -1.5rem;
  font-weight: bold;
  line-height: 1rem;
}

#modal-alert .content p {
  margin: 0 0 0.5rem;
}

#modal-alert .footer>button {
  display: block;
  margin: 0 auto;
}

#modal-woo h3>i {
  display: inline-block;
  vertical-align: middle;
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 0.5rem;
  background-size: 1.5rem 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  text-indent: -9999px;
}

#modal-content>.message-box {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

#modal-woo .footer-pedido {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#pedido-uno h3>i {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 23 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.5 20.167c5.0626 0 9.1667-4.1041 9.1667-9.1667 0-5.0626-4.1041-9.1667-9.1667-9.1667-5.0626 0-9.1667 4.1041-9.1667 9.1667 0 5.0626 4.1041 9.1667 9.1667 9.1667zm0 1.8333c6.0751 0 11-4.9249 11-11 0-6.0751-4.9249-11-11-11-6.0751 0-11 4.9249-11 11 0 6.0751 4.9249 11 11 11z' fill='white' fill-rule='evenodd'/%3E%3Cpath d='m12.722 7.3335v8.5556h-1.737v-6.8386h-0.0482l-1.8814 1.2281v-1.6041l2.0339-1.341h1.6327z' fill='white'/%3E%3C/svg%3E");
}

#pedido-uno ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

#pedido-uno ul>li {
  padding: 0 0.5rem;
  margin-bottom: 1rem;
}

#pedido-uno ul>li:last-child {
  margin-bottom: 0;
}

#pedido-uno ul>li .item {
  display: flex;
  align-items: center;
  height: 5.5rem;
  min-height: 100%;
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #ffffff;
  color: #2d2d2d;
}

#pedido-uno ul>li .item.extended {
  height:8rem
}

#pedido-uno ul>li .item>.imagen {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 1rem;
}

#pedido-uno ul>li .item>.imagen>img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
}

#pedido-uno ul>li .item>.articulos{
  width: 100%;
}

#pedido-uno ul>li .item>.articulos>article {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0.5rem 0;
}

#pedido-uno ul>li .item .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1rem;
  line-height: 1.5rem;
}

#pedido-uno ul>li .item .info h4 {
  font-size: 1rem;
  line-height: inherit;
  font-weight: bold;
  margin: 0;
}

#pedido-uno ul>li .item .info h4.mini {
  font-size: 1rem;
  line-height: 1.375rem;
}

#pedido-uno ul>li .item .info p {
  margin: 0;
}

#pedido-uno ul>li .item .counter>div {
  display: flex;
  align-items: center;
  padding: 0 0.25rem;
  border-radius: 9999px;
  background-color: #0d3592;
}

#pedido-uno ul>li .item article.in-cart .counter>div {
  background: rgb(226, 87, 28);
  background: linear-gradient(90deg,
      rgba(226, 87, 28, 1) 0%,
      rgba(244, 150, 57, 1) 100%);
}

#pedido-uno ul>li .item .counter>div>label {
  font-size: 0;
}

#pedido-uno ul>li .item .counter>div>input.cantidad {
  width: 1.5rem;
  padding: 0.25rem 0;
  border: 0;
  margin: 0;
  text-align: center;
  color: #ffffff;
  background-color: transparent;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

#pedido-uno ul>li .item .counter>div>input.cantidad::-webkit-outer-spin-button,
#pedido-uno ul>li .item .counter>div>input.cantidad::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#pedido-uno ul>li .item .counter>div>input.cantidad:focus {
  border: 0;
  outline: 0;
  background-color: #ffffff;
  color: #2d2d2d;
}

#pedido-uno ul>li .item .counter>div>button {
  display: block;
  width: calc(1.5rem - 1px);
  height: calc(1.5rem - 1px);
  border: 0;
  font-size: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}

#pedido-uno ul>li .item .counter>div>button.disminuir {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7 12h10' stroke='white' stroke-linecap='round' stroke-width='1.5'/%3E%3C/svg%3E");
}

#pedido-uno ul>li .item .counter>div>button.incrementar {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17V7' stroke='white' stroke-linecap='round' stroke-width='1.5'/%3E%3Cpath d='m7 12h10' stroke='white' stroke-linecap='round' stroke-width='1.5'/%3E%3C/svg%3E");
}

#modal-woo .main-pedido .carrito {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.5rem;
  margin-top: 1rem;
}

#modal-woo .main-pedido .carrito p {
  margin: 0;
}

#modal-woo .main-pedido .carrito .right {
  display: flex;
  align-items: center;
}

#modal-woo .main-pedido .carrito p#cart-count-message {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#modal-woo .main-pedido .carrito button.delete-cart {
  padding: 0;
  border: none;
  margin-top: 0.25rem;
  background-color: transparent;
  color: #134cd3;
  text-decoration: underline;
}

#modal-woo .main-pedido .carrito #cart-total {
  margin-left: 0.5rem;
  font-size: 1.5rem;
  font-weight: bold;
}

#modal-woo #pedido-dos h3>i {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 23 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.5 20.167c5.0626 0 9.1667-4.1041 9.1667-9.1667 0-5.0626-4.1041-9.1667-9.1667-9.1667-5.0626 0-9.1667 4.1041-9.1667 9.1667 0 5.0626 4.1041 9.1667 9.1667 9.1667zm0 1.8333c6.0751 0 11-4.9249 11-11 0-6.0751-4.9249-11-11-11-6.0751 0-11 4.9249-11 11 0 6.0751 4.9249 11 11 11z' fill='%232D2D2D' fill-rule='evenodd'/%3E%3Cpath d='m8.5269 15.278v-1.2858l3.0102-2.7818c0.256-0.2472 0.4707-0.4698 0.6441-0.6676 0.1762-0.1978 0.3097-0.3915 0.4005-0.58109 0.0909-0.19232 0.1363-0.39975 0.1363-0.6223 0-0.24727-0.0564-0.46019-0.1693-0.63878-0.1129-0.18133-0.267-0.32008-0.4625-0.41624-0.1954-0.09891-0.417-0.14836-0.6648-0.14836-0.2587 0-0.4844 0.0522-0.6771 0.15661-0.1927 0.1044-0.3414 0.25413-0.446 0.4492s-0.1569 0.42723-0.1569 0.69648h-1.6971c0-0.55224 0.12525-1.0317 0.37575-1.4383s0.60147-0.7212 1.0529-0.94375c0.45149-0.22254 0.97169-0.33381 1.5608-0.33381 0.6056 0 1.1328 0.10715 1.5815 0.32145 0.4514 0.21155 0.8024 0.50553 1.0529 0.88193s0.3758 0.80775 0.3758 1.294c0 0.3187-0.0634 0.63329-0.19 0.9437-0.1239 0.3105-0.3455 0.6553-0.6648 1.0345-0.3193 0.3764-0.7694 0.8283-1.3502 1.3558l-1.2346 1.2075v0.0577h3.551v1.4589h-6.0285z' fill='%232D2D2D'/%3E%3C/svg%3E");
}

#modal-woo #pedido-dos {
  margin-bottom: 1rem;
}

#modal-woo #pedido-dos h3 {
  margin-bottom: 1rem;
}

#modal-woo #pedido-dos>.radio-buttons {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

#modal-woo #pedido-dos>.radio-buttons label {
  margin-right: 0.5rem;
}

#modal-woo #pedido-dos>.radio-buttons label:last-child {
  margin-right: 0;
}

#modal-woo #pedido-dos>select {
  display: block;
  margin: 0 auto;
}

#modal-woo.temporary-disabled #modal-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
}

#modal-woo.temporary-disabled #modal-content {
  max-width: 640px;
}

#modal-woo.temporary-disabled h3 {
  display: block;
  width: auto;
  height: auto;
  max-width: 600px;
  padding-bottom: 1rem;
  border-bottom: solid 1px #4f4f4f;
  margin: 0 0 1.5rem;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: left;
}

#modal-woo.temporary-disabled .content {
  margin-bottom: 1rem;
}

#modal-woo.temporary-disabled .footer>button {
  display: block;
  margin: 0 auto;
}

@media (max-width: 768px) {
  #modal-woo.temporary-disabled #modal-container>.modal__content {
    padding: 2rem;
  }
  #pedido-uno ul > li {
    min-width: 100%;
  }
}

#pedido-tres h3>i {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 23 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.5 20.167c5.0626 0 9.1667-4.1041 9.1667-9.1667 0-5.0626-4.1041-9.1667-9.1667-9.1667-5.0626 0-9.1667 4.1041-9.1667 9.1667 0 5.0626 4.1041 9.1667 9.1667 9.1667zm0 1.8333c6.0751 0 11-4.9249 11-11 0-6.0751-4.9249-11-11-11-6.0751 0-11 4.9249-11 11 0 6.0751 4.9249 11 11 11z' fill='white' fill-rule='evenodd'/%3E%3Cpath d='m11.474 15.889c-0.6998 0-1.323-0.1193-1.8697-0.3578-0.54355-0.2417-0.97308-0.5732-1.2886-0.9945-0.31238-0.4245-0.47326-0.914-0.48263-1.4686h2.043c0.01249 0.2324 0.08903 0.4369 0.22959 0.6135 0.1437 0.1735 0.3343 0.3082 0.5717 0.4043 0.2374 0.096 0.5045 0.144 0.8013 0.144 0.3092 0 0.5826-0.0542 0.82-0.1626s0.4233-0.2587 0.5576-0.4508 0.2015-0.4136 0.2015-0.6645c0-0.2541-0.0719-0.4787-0.2156-0.6739-0.1406-0.1983-0.3436-0.3532-0.6091-0.4647-0.2624-0.1116-0.5748-0.1673-0.9372-0.1673h-0.895v-1.4778h0.895c0.3061 0 0.5764-0.0527 0.8107-0.158 0.2374-0.10538 0.4217-0.25099 0.5529-0.43688 0.1312-0.18899 0.1968-0.40896 0.1968-0.65991 0-0.23856-0.0578-0.44768-0.1734-0.62738-0.1125-0.18279-0.2718-0.3253-0.4779-0.42754-0.2031-0.10224-0.4405-0.15336-0.7123-0.15336-0.2749 0-0.5264 0.04957-0.7544 0.14871-0.228 0.09604-0.4108 0.23391-0.5482 0.4136-0.1375 0.1797-0.2109 0.39037-0.22028 0.63203h-1.9446c0.00938-0.54838 0.16713-1.0317 0.47327-1.4499s0.71849-0.74511 1.237-0.98056c0.52167-0.23856 1.1106-0.35784 1.7666-0.35784 0.6622 0 1.2417 0.11928 1.7384 0.35784 0.4967 0.23855 0.8825 0.56076 1.1574 0.96662 0.278 0.40276 0.4155 0.85509 0.4124 1.357 0.0031 0.53288-0.164 0.97747-0.5014 1.3337-0.3343 0.3563-0.7701 0.5825-1.3074 0.6785v0.0744c0.706 0.0898 1.2433 0.333 1.612 0.7296 0.3717 0.3935 0.556 0.8861 0.5529 1.4778 0.0031 0.5422-0.1546 1.024-0.4733 1.4453-0.3155 0.4214-0.7513 0.7529-1.3073 0.9945-0.5561 0.2417-1.1933 0.3625-1.9118 0.3625z' fill='white'/%3E%3C/svg%3E%0A");
}

#pedido-tres form>div {
  margin-bottom: 1rem;
}

#pedido-tres form>div>label {
  display: block;
  width: 0;
  height: 0;
  text-indent: -9999px;
  white-space: nowrap;
  color: transparent;
}

#pedido-tres form input[type="text"],
#pedido-tres form input[type="tel"],
#pedido-tres form input[type="email"] {
  width: 100%;
  height: 3rem;
  padding: 0 1rem;
  border: solid 1px #bdbdbd;
  border-radius: 0.25rem;
}

#pedido-tres form input.invalid {
  outline: 0.125rem #eb5757 solid;
  outline-offset: -0.0625rem;
  box-shadow: 0 0 0 0.125rem #ffffff;
}

#pedido-tres form input.valid {
  border: solid 0.125rem #27ae60;
  outline: solid 0.0625rem #ffffff;
}

#pedido-tres form>div {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

#pedido-tres form .invalid-message {
  font-size: 0.875rem;
}

#pedido-tres form fieldset.radio-buttons::after {
  content: "";
  display: block;
  clear: both;
}

#pedido-tres form fieldset.radio-buttons legend {
  display: block;
  float: left;
  margin-right: 1rem;
  line-height: 2.5rem;
}

#pedido-tres form fieldset.radio-buttons label {
  margin-right: 0.5rem;
}

#pedido-tres form fieldset.radio-buttons label:last-child {
  margin-right: 0;
}

#pedido-tres form fieldset.radio-buttons label>input[type="radio"]+span {
  border-color: #ffffff;
  color: #ffffff;
}

#pedido-tres form fieldset.radio-buttons label>input[type="radio"]:checked+span {
  border-color: transparent;
}

#pedido-cuatro h3>i {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 23 23' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.5 20.667c5.0626 0 9.1667-4.1041 9.1667-9.1667 0-5.0626-4.1041-9.1667-9.1667-9.1667-5.0626 0-9.1667 4.1041-9.1667 9.1667 0 5.0626 4.1041 9.1667 9.1667 9.1667zm0 1.8333c6.0751 0 11-4.9249 11-11 0-6.0751-4.9249-11-11-11-6.0751 0-11 4.9249-11 11 0 6.0751 4.9249 11 11 11z' fill='white' fill-rule='evenodd'/%3E%3Cpath d='m7.8335 14.274v-1.4245l3.1647-5.6271h1.0883v1.9718h-0.6441l-1.9951 3.5634v0.0668h4.4973v1.4496h-6.1111zm3.6385 1.5039v-1.9383l0.0296-0.6308v-5.9864h1.5028v8.5555h-1.5324z' fill='white'/%3E%3C/svg%3E%0A");
}

#payment-form label {
  position: relative;
}

#payment-form label>input[type="radio"] {
  position: absolute;
  top: -9999px;
}

#payment-form label>input[type="radio"]+span {
  display: block;
  padding: 3rem 1rem 1rem;
  border-radius: 0.5rem;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center 1rem;
  background-size: auto calc(1.5rem + 1px);
  line-height: 1rem;
  color: #2d2d2d;
  text-align: center;
  cursor: pointer;
}

#payment-form label.no-label>input[type="radio"]+span {
  background-position: center;
  background-size: auto calc(2.5rem);
  color: transparent;
  text-indent: -9999px;
  white-space: nowrap;
}

#payment-form label>input[type="radio"]:checked+span {
  color: #ffffff;
  background-color: #0d3592;
}

#payment-form label.transbank_webpay_plus_rest>input[type="radio"]+span {
  background-image: url("../media/webpayplus_800px.png");
}

#payment-form label.transbank_webpay_plus_rest>input[type="radio"]:checked+span {
  background-image: url("../media/webpayplus_800px-white.png");
}

#payment-form label.cod>input[type="radio"]+span {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M243.4 2.6l-224 96c-14 6-21.8 21-18.7 35.8S16.8 160 32 160v8c0 13.3 10.7 24 24 24H456c13.3 0 24-10.7 24-24v-8c15.2 0 28.3-10.7 31.3-25.6s-4.8-29.9-18.7-35.8l-224-96c-8.1-3.4-17.2-3.4-25.2 0zM128 224H64V420.3c-.6 .3-1.2 .7-1.8 1.1l-48 32c-11.7 7.8-17 22.4-12.9 35.9S17.9 512 32 512H480c14.1 0 26.5-9.2 30.6-22.7s-1.1-28.1-12.9-35.9l-48-32c-.6-.4-1.2-.7-1.8-1.1V224H384V416H344V224H280V416H232V224H168V416H128V224zm128-96c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32z' fill='%23333333'/%3E%3C/svg%3E%0A");
}

#payment-form label.cod>input[type="radio"]:checked+span {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M243.4 2.6l-224 96c-14 6-21.8 21-18.7 35.8S16.8 160 32 160v8c0 13.3 10.7 24 24 24H456c13.3 0 24-10.7 24-24v-8c15.2 0 28.3-10.7 31.3-25.6s-4.8-29.9-18.7-35.8l-224-96c-8.1-3.4-17.2-3.4-25.2 0zM128 224H64V420.3c-.6 .3-1.2 .7-1.8 1.1l-48 32c-11.7 7.8-17 22.4-12.9 35.9S17.9 512 32 512H480c14.1 0 26.5-9.2 30.6-22.7s-1.1-28.1-12.9-35.9l-48-32c-.6-.4-1.2-.7-1.8-1.1V224H384V416H344V224H280V416H232V224H168V416H128V224zm128-96c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32z' fill='%23ffffff'/%3E%3C/svg%3E");
}

#payment-form label.bacs>input[type="radio"]+span {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 640 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m112 0c-26.5 0-48 21.5-48 48v48h-48c-8.8 0-16 7.2-16 16s7.2 16 16 16h256c8.8 0 16 7.2 16 16s-7.2 16-16 16h-224c-8.8 0-16 7.2-16 16s7.2 16 16 16h192c8.8 0 16 7.2 16 16s-7.2 16-16 16h-224c-8.8 0-16 7.2-16 16s7.2 16 16 16h192c8.8 0 16 7.2 16 16s-7.2 16-16 16h-144v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h32c17.7 0 32-14.3 32-32s-14.3-32-32-32v-114.7c0-17-6.7-33.3-18.7-45.3l-77.3-77.3c-12-12-28.3-18.7-45.3-18.7h-50.7v-48c0-26.5-21.5-48-48-48h-256zm432 237.3v18.7h-128v-96h50.7l77.3 77.3zm-384 226.7c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm368-48c0 26.5-21.5 48-48 48s-48-21.5-48-48 21.5-48 48-48 48 21.5 48 48z' fill='%23333333'/%3E%3C/svg%3E");
}

#payment-form label.bacs>input[type="radio"]:checked+span {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 640 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m112 0c-26.5 0-48 21.5-48 48v48h-48c-8.8 0-16 7.2-16 16s7.2 16 16 16h256c8.8 0 16 7.2 16 16s-7.2 16-16 16h-224c-8.8 0-16 7.2-16 16s7.2 16 16 16h192c8.8 0 16 7.2 16 16s-7.2 16-16 16h-224c-8.8 0-16 7.2-16 16s7.2 16 16 16h192c8.8 0 16 7.2 16 16s-7.2 16-16 16h-144v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h32c17.7 0 32-14.3 32-32s-14.3-32-32-32v-114.7c0-17-6.7-33.3-18.7-45.3l-77.3-77.3c-12-12-28.3-18.7-45.3-18.7h-50.7v-48c0-26.5-21.5-48-48-48h-256zm432 237.3v18.7h-128v-96h50.7l77.3 77.3zm-384 226.7c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm368-48c0 26.5-21.5 48-48 48s-48-21.5-48-48 21.5-48 48-48 48 21.5 48 48z' fill='%23ffffff'/%3E%3C/svg%3E");
}

#modal-review-step h3 {
  margin-bottom: 2rem;
  font-size: 1.25rem;
  line-height: 1.375rem;
  font-weight: bold;
  text-align: center;
}

#modal-review-step .info h4 {
  margin: 0 0 1rem;
  font-size: 1rem;
  line-height: 1.375rem;
}

#modal-review-step .cart>.price {
  margin-top: 1rem;
}

#modal-review-step .cart>.price>div {
  display: flex;
  justify-content: space-between;
}

#modal-review-step .cart>.price>div.subtotal>span {
  text-decoration: line-through;
}

#modal-review-step .cart>.price>div.total>span {
  font-weight: bold;
}

#modal-review-step .shipping table {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#modal-review-step .shipping table tr {
  vertical-align: baseline;
}

#modal-review-step .shipping table tr>td {
  padding: 0 0 0.5rem;
  margin: 0;
}

#modal-review-step .shipping table tr>td.name {
  padding-right: 1rem;
}

#modal-review-step .shipping table tr>td.value {
  font-weight: bold;
}

#modal-review-step .payment .payment-method {
  margin: 2rem 0 0.5rem;
}

#modal-review-step .payment .payment-method>span {
  font-weight: bold;
}

#modal-review-step .payment .message-box {
  margin: 0;
}

#modal-review-step .consent-form {
  margin-bottom: 1rem;
}

#modal-review-step .consent-form div {
  display: flex;
  padding: 0 1rem;
  margin-bottom: 0.5rem;
}

#modal-review-step .consent-form div>label {
  display: flex;
  user-select: none;
}

#modal-review-step .consent-form div>label>input[type="checkbox"] {
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  margin-right: 1rem;
  -webkit-appearance: none;
  appearance: none;
}

#modal-review-step .consent-form div>label>input[type="checkbox"]::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: solid 0.125rem #2d2d2d;
  border-radius: 0.25rem;
}

#modal-review-step .consent-form div>label>input[type="checkbox"]:checked::before {
  background-color: #0d3592;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg fill='%23ffffff' version='1.1' viewBox='0 0 16 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.6849 11.2c-0.24 0-0.46002-0.08-0.64002-0.26l-3.98-3.98c-0.36-0.36-0.36-0.92 0-1.28 0.36-0.36 0.91998-0.36 1.28 0l3.36 3.34 7.98-7.96c0.36-0.36 0.92-0.36 1.28 0 0.36 0.36 0.36 0.92 0 1.28l-8.62 8.6c-0.2 0.18-0.41998 0.26-0.65998 0.26z'/%3E%3C/svg%3E%0A");
  background-size: 0.875rem;
  background-position: center;
  background-repeat: no-repeat;
}

body.page main.site-main {
  position: relative;
  padding: 4rem 0;
}

body.page main.site-main::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 30rem;
  background: rgb(226, 87, 28);
  background: linear-gradient(90deg,
      rgba(226, 87, 28, 1) 0%,
      rgba(244, 150, 57, 1) 100%);
}

body.page main.site-main>article>.container>div {
  padding: 1.5rem;
  margin: 0 auto;
  border-radius: 1rem;
  background-color: #ffffff;
  box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.3);
}

body.page main.site-main header h1 {
  margin-bottom: 2.5rem;
  font-size: 1.5rem;
  line-height: 1.625rem;
  text-align: center;
}

body.page main.site-main .entry-content h2 {
  margin: 3rem 0 1rem;
  font-size: 1.25rem;
  line-height: 1.375rem;
}

body.page main.site-main .entry-content p {
  margin: 0 0 1.5rem;
}

.checkout-page .checkout-header h1::before {
  content: "";
  display: block;
  width: 5rem;
  height: 5rem;
  margin: 0 auto 1rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.checkout-page .checkout-header.approved h1::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m243.8 339.8c-10.9 10.9-28.7 10.9-39.6 0l-64-64c-10.9-10.9-10.9-28.7 0-39.6s28.7-10.9 39.6 0l44.2 44.2 108.2-108.2c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-128 128zm268.2-83.8c0 141.4-114.6 256-256 256s-256-114.6-256-256 114.6-256 256-256 256 114.6 256 256zm-256-208c-114.9 0-208 93.1-208 208s93.1 208 208 208 208-93.1 208-208-93.1-208-208-208z' fill='%2327AE60'/%3E%3C/svg%3E%0A");
}

.checkout-page .checkout-header.onhold h1::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z' fill='%23D29906'/%3E%3C/svg%3E%0A");
}

.checkout-page ul {
  padding: 0;
  margin: 0 0 1.5rem;
  list-style: none;
}

.checkout-page ul>li>span {
  font-weight: bold;
}

.checkout-page th {
  text-align: left;
}

.checkout-page ul.transfer-bank {
  margin-bottom: 3rem;
}

.checkout-page ul.transfer-bank>li {
  vertical-align: baseline;
  padding: 0;
  margin-bottom: 0.5rem;
}

.checkout-page ul.transfer-bank>li>.category {
  padding-right: 2rem;
}

.checkout-page ul.transfer-bank>li>.value {
  font-weight: bold;
}

.checkout-page .price {
  width: 100%;
  max-width: 16rem;
}

.checkout-page .price>div {
  display: flex;
  justify-content: space-between;
}

.checkout-page .price>div>span {
  display: inline-block;
  margin-left: 2rem;
}

.checkout-page .price>div.subtotal>span {
  text-decoration: line-through;
}

.checkout-page .price>div.total>span {
  font-weight: bold;
}

.woocommerce-privacy-policy-text {
  display: none;
}

.woocommerce-form-coupon-toggle {
  display: none;
}

article.page .woocommerce-error {
  padding: 0;
  margin: 0;
  list-style: none;
}

article.page .woocommerce-checkout {
  display: none;
}

@media (max-width: 1239px) {
  #main-header>.over-header.show-highlight {
    height: 5rem;
    padding-top: 0.5rem;
    align-items: baseline;
  }

  #main-header>.over-header.show-highlight>address>.highlight {
    display: flex;
    justify-content: space-evenly;
    padding: 0.5rem 0;
    margin-top: 0.5rem;
    background-color: #facc9e;
  }

  #main-header>.over-header.show-highlight>address>.highlight>span>a,
  #main-header>.over-header.show-highlight>address>.highlight div {
    display: inline-block;
    font-size: 0.875rem;
    font-style: normal;
    text-decoration: none;
    color: #2d2d2d;
  }

  #main-header>.over-header.show-highlight>address>ul>li.selected::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -0.5rem;
    left: calc(50% + 1.125rem);
    transform: translateX(-50%);
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-bottom: 0.5rem solid #facc9e;
  }

  #main-header>.over-header>address>ul {
    justify-content: space-evenly;
  }

  #main-header>.over-header>address>ul>li {
    position: relative;
    padding-right: 0;
    font-size: 0.75rem;
    line-height: 1.5rem;
    cursor: pointer;
  }

  #main-header>.over-header>address>ul>li::before {
    padding-right: 0.5rem;
  }

  #main-header>.over-header>address>ul>li>div {
    display: none !important;
  }

  #main-header>.over-header>address>ul>li>span {
    padding-right: 0;
  }

  #main-header>.over-header>address>ul>li.schedule>span {
    display: block;
  }

  section#portada>.bottom>.call-to-action {
    min-width: 28rem;
    padding: 1rem;
  }

  section#entrada-catalogo>.call-to-action {
    margin-left: 0;
  }

  .producto>.right>h3 {
    flex-direction: column;
    font-size: 2rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  .modal .main-pedido > div {
    padding: 0;
  }

  #pedido-uno ul>li:nth-last-child(-n+2) {
    margin-bottom: 0;
  }

}

@media (max-width: 904px) {
  #modal-container {
    max-width: none;
    margin: 1rem;
  }

  .modal .main-pedido {
    padding: 2rem 0;
  }

  #pedido-review .info .cart {
    margin-bottom: 3rem;
  }

  #main-header>.base {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    height: auto;
    padding: 1rem 0 0;
  }

  #main-header>.base>h1 {
    display: block;
    padding: 0 1rem;
  }

  #main-header>.base>h1>a>img {
    width: 50%;
    height: auto;
    max-height: 6rem;
  }

  #main-header>.base>nav {
    width: 100%;
  }

  #main-header>.base>nav>button {
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  #main-header>.base>nav>div {
    width: 100%;
  }

  #main-header>.base ul {
    justify-content: space-between;
    overflow-x: scroll;
    width: 100%;
    padding: 1rem;
    margin: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  #main-header>.base ul::-webkit-scrollbar {
    display: none;
  }

  #main-header>.base ul>li>a {
    display: block;
    padding: 0.5rem 0;
  }

  #primary>section {
    height: auto;
  }

  section#portada {
    height: auto;
  }

  section#portada>.bottom {
    overflow: visible;
    flex-direction: column;
    height: auto;
  }

  section#portada>.bottom>.call-to-action {
    align-items: center;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: auto;
    min-width: auto;
    max-width: none;
    padding: 2rem 1rem 4rem;
    margin: 0.5rem;
    background: linear-gradient(180deg,
        rgba(226, 87, 28, 1) 0%,
        rgba(244, 150, 57, 1) 100%);
  }

  section#portada>.bottom>.call-to-action>p {
    padding: 0;
  }

  section#portada>.bottom>.call-to-action>h2 {
    padding: 2rem 1rem;
    margin: 0 0 2rem;
    font-size: 2rem;
    line-height: 2.25rem;
  }

  section#portada>.bottom>.call-to-action>button {
    margin: 0;
  }

  section#portada>.bottom>.swiffy-slider {
    width: 100%;
    height: 12rem;
    min-width: auto;
    padding: 0 0.5rem;
    margin: 0;
  }

  section#portada>.bottom>.swiffy-slider>ul.slider-container>li>img {
    height: 100%;
  }

  section#entrada-catalogo {
    display: flex;
    flex-direction: column;
    height: auto;
    margin-bottom: 4rem;
  }

  section#entrada-catalogo>.call-to-action {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 0;
  }

  section#entrada-catalogo>.call-to-action>.container {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  section#entrada-catalogo .back {
    position: relative;
    bottom: auto;
    height: 24rem;
    margin-top: 3rem;
  }

  section#entrada-catalogo .back::after {
    background-size: 130% 24rem;
    background-position-x: 69%;
  }

  section#entrada-catalogo>.big-gas {
    position: relative;
    transform: none;
    left: 0;
  }

  section#entrada-catalogo>.big-gas>.square {
    top: auto;
    bottom: 0;
    transform: translateY(0);
    width: 60vh;
    height: 60vh;
    margin-right: 1rem;
  }

  section#entrada-catalogo .back {
    position: relative;
    bottom: 0;
    width: 100%;
  }

  section#entrada-catalogo .back img {
    width: auto;
    height: 24rem;
    max-width: none;
    min-width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  section#catalogo>header {
    min-height: 20rem;
  }

  section#catalogo .producto.horizontal {
    justify-content: center;
  }

  .producto>.right>h3 {
    flex-direction: row;
    margin-bottom: 0.5rem;
  }

  section#entrada-contacto .galeria>div {
    padding: 0 0.25rem;
  }

  section#catalogo>header::after {
    background-size: 160% 34rem;
  }

  section#nosotros>header h1 {
    font-size: 3rem;
    line-height: 3.5rem;
  }

  section#nosotros>header>.separator {
    height: 8rem;
  }

  section#nosotros>header>.separator .frame-container {
    right: 1rem;
    width: 12rem;
    height: 12rem;
    margin-top: -2rem;
  }
}

@media (max-width: 768px) {
  h1 {
    font-size: 3rem;
    line-height: 3.5rem;
  }

  h2 {
    font-size: 2.5rem;
    line-height: 2.75rem;
  }

  h3 {
    font-size: 2rem;
    line-height: 2.25rem;
  }

  h4 {
    font-size: 1.5rem;
    line-height: 1.625rem;
  }

  #modal-container {
    min-height: 100vh;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
  }

  #modal-container>.modal__content {
    padding: 2rem 0;
  }

  .modal .header {
    padding: 0 0.5rem;
  }

  #modal-title {
    padding-right: 0.5rem;
    font-size: 1.5rem;
    line-height: 1.625rem;
  }

  .modal .main-pedido {
    padding: 2rem 0.5rem;
    margin-left: 0;
    margin-right: 0;
  }

  #billing-form.row {
    margin: 0;
  }

  #payment-form label>input[type="radio"]+span {
    width: 100%;
    max-width: 24rem;
    margin: 0 auto 1rem;
  }

  #modal-4-step .footer-pedido {
    flex-direction: column;
    max-width: 24rem;
    padding: 0 2rem;
    margin: 2rem auto 0;
  }

  #main-footer>.container {
    padding: 0 1rem;
  }

  #main-footer .bottom {
    flex-direction: column;
  }

  #main-footer .bottom>.left {
    margin-bottom: 4rem;
  }

  section#portada>.top>.banner {
    height: 10rem;
  }

  section#portada>.top>.banner img {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
  }

  section#portada>.top>.banner .mensaje {
    background-size: auto 8rem;
    background-position: center right;
  }

  section#entrada-catalogo h2 {
    font-size: 2rem;
    line-height: 2.25rem;
  }

  section#entrada-catalogo h2>.small {
    font-size: 1rem;
  }

  section#entrada-contacto h2 {
    font-size: 2rem;
    line-height: 2.25rem;
  }

  section#entrada-contacto h2>.small {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  section#entrada-contacto>.info>div {
    padding: 0 0.5rem;
  }

  section#catalogo>header>.title>h1 {
    justify-content: center;
    margin: 0 auto;
    text-align: center;
  }

  section#catalogo>header {
    height: 55vh;
  }

  section#catalogo>header>.image>img {
    height: 100%;
  }

  section#producto>header {
    height: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  section#producto>header>div,
  section#producto>header>div>div {
    height: auto;
  }

  section#producto>header .image {
    height: 33vh;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 3rem;
  }

  section#producto>.info>.description>.uses {
    margin-bottom: 2rem;
  }

  section#contacto header>h1 {
    font-size: 2.5rem;
    line-height: 2.75rem;
  }
}

@media (max-width: 599px) {

  body.error404 section.error-404 .page-content>.links,
  body.page-template-maintenance #main-header>.base {
    flex-direction: column;
  }

  body.error404 section.error-404 .page-content>.links>a.button,
  body.page-template-maintenance #main-header>.base {
    margin-bottom: 0.5rem;
  }

  body.page main.site-main>article>.container>div {
    padding: 1rem;
  }

  .modal .header .go-back {
    padding-left: 0.5rem;
    text-align: left;
  }

  .modal h3 {
    margin: 0 1.5rem 2.5rem 1.5rem;
    text-align: left;
  }

  #modal-woo h3>i {
    margin-right: 2rem;
  }

  #modal-woo h3>span {
    width: 100%;
  }

  #modal-woo .main-pedido .carrito {
    flex-direction: column;
    align-items: baseline;
    margin-top: 2rem;
  }

  #modal-woo .main-pedido .carrito .left {
    max-width: none;
    margin-bottom: 1rem;
  }

  #pedido-uno ul>li {
    padding: 0;
  }

  #pedido-tres form>div {
    margin-bottom: 0.75rem;
  }

  #pedido-tres form>div:last-child {
    margin-bottom: 1.5rem;
  }

  #pedido-tres form>div>label {
    width: auto;
    height: auto;
    margin-bottom: 0.25rem;
    color: #ffffff;
    line-height: 1.25rem;
    text-indent: 0;
    white-space: normal;
  }

  #pedido-tres form input[type="text"]::placeholder,
  #pedido-tres form input[type="tel"]::placeholder,
  #pedido-tres form input[type="email"]::placeholder {
    color: transparent;
  }

  #main-header>.over-header>address>ul>li {
    padding-right: 1rem;
  }

  #main-header>.over-header>address>ul>li::before {
    margin-right: 0.5rem;
  }

  #main-header>.base ul>li {
    font-size: 0.875rem;
  }

  section#portada>.top {
    height: auto;
    min-height: auto;
    max-height: none;
    padding: 0 0.5rem;
    margin-bottom: 0.5rem;
  }

  section#portada>.top>.banner img {
    border-radius: 0.5rem;
  }

  .slider-container {
    overflow-y: hidden;
  }

  section#entrada-catalogo>.big-gas>.square {
    transform: translateY(-10%);
  }

  section#entrada-nosotros {
    padding: 2rem 1rem 12rem;
    border-radius: 0;
    background-position-x: 69%;
  }

  section#entrada-nosotros h2 {
    width: 70%;
    font-size: 2rem;
    line-height: 2.25rem;
  }

  section#entrada-contacto .galeria {
    height: auto;
  }

  section#entrada-contacto .galeria>div {
    height: 10rem;
    margin-bottom: 0.25rem;
  }

  section#catalogo>header>.title>h2 {
    display: block;
    margin: 0;
    text-align: center;
  }

  section#nosotros>header h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .producto.horizontal>.right>h3 {
    display: block;
    margin: 0 0 0.75rem;
    line-height: 1rem;
  }

  .producto.horizontal>.right>h3>span {
    display: inline-block;
    vertical-align: middle;
  }

  .producto.horizontal>.right>h3>span.small {
    margin-right: 0;
  }

  .producto>.right>h3>span.small {
    display: inline-block;
    vertical-align: middle;
  }

  section#producto {
    margin-bottom: 6rem;
  }

  section#producto>header .description>h2 {
    font-size: 2rem;
    line-height: 2.25rem;
  }

  section#producto>.info {
    display: flex;
    flex-direction: column-reverse;
  }

  section#producto>.info>.images {
    margin-bottom: 4rem;
  }

  section#producto>.info>.images>div>div {
    height: 20vh;
    min-height: 10rem;
    margin-bottom: 1rem;
    padding: 0;
    display: flex;
    align-items: center;
  }

  section#producto>.info>.description {
    margin-bottom: 4rem;
  }

  section#producto>.info>.description>.uses {
    margin-bottom: 2rem;
  }

  section#contacto #contact-select {
    width: 100%;
  }

  .producto.horizontal>.left {
    width: 12rem;
  }

  .producto>.left {
    width: 50%;
  }

  .checkout-page .checkout-header h1::before {
    width: 4rem;
    height: 4rem;
  }
}

@media (max-width: 450px) {
  .modal .main-pedido > div {
    padding: 0;
  }

  section#portada>.top>.banner {
    height: 11rem;
  }

  section#portada>.top>.banner .mensaje {
    background-image: url("../media/mensaje-banner_small_4.png");
    background-size: auto 9rem;
  }

  .producto.horizontal {
    flex-direction: column;
    height: auto;
  }

  .producto.horizontal>.left {
    width: 100%;
    height: 12rem;
    margin-right: 0;
    margin-bottom: 1.5rem;
  }

  .producto.horizontal>.right>h3 {
    display: flex;
    flex-direction: row;
    margin-bottom: 0.5rem;
  }

  .producto.horizontal>.right>h3>span.small {
    margin-right: 0.75rem;
  }
}

@media (max-width: 388px) {
  .modal h3 {
    margin: 0 0.5rem 2.5rem 0.5rem;
  }

  #modal-woo h3>i {
    margin-right: 1rem;
  }

  #pedido-uno ul>li {
    padding-right: 0;
    padding-left: 0;
  }

  #pedido-uno ul>li .item {
    flex-direction: column;
    height: auto;
  }

  #pedido-uno ul>li .item>.left {
    margin-bottom: 0.5rem;
  }

  #pedido-uno ul > li .item > .imagen {
    height: 4rem;
    margin-right:0;
  }

  #pedido-uno ul > li .item.extended {
    height: auto;
  }

}

@media (max-width: 320px) {
  #whatsapp-link {
    right: 1rem;
    bottom: 1rem;
    width: 5rem;
    height: 5rem;
  }

  .message-box {
    padding-left: 0.75rem;
  }

  .message-box::before {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin: 0 auto 0.5rem;
  }

  #main-header>.over-header {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  #main-header>.over-header::-webkit-scrollbar {
    display: none;
  }

  #main-header>.base>h1 {
    padding: 0 0.5rem;
  }

  #main-header>.base>h1>a>img {
    width: auto;
    height: 2.5rem;
  }

  #main-header>.base>nav {
    flex-direction: row-reverse;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0 0.5rem;
  }

  #main-header>.base>nav::-webkit-scrollbar {
    display: none;
  }

  #main-header>.base>nav>div {
    width: auto;
  }

  #main-header>.base>nav>button {
    position: relative;
    top: auto;
    right: auto;
    white-space: pre;
  }

  #main-header>.base ul {
    overflow-x: visible;
  }

  #main-footer {
    overflow-x: hidden;
  }

  section#portada>.top {
    padding: 0;
  }

  section#portada>.bottom>.swiffy-slider {
    padding: 0;
    border-radius: 0.5rem;
  }

  section#portada>.bottom>.call-to-action {
    margin: 1rem 0 0;
    padding: 1.5rem 0.5rem 4rem;
  }

  section#catalogo>header>.title>h1 {
    font-size: 2rem;
  }

  section#entrada-nosotros h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  section#otros-productos>h2 {
    font-size: 2rem;
  }

  section#contacto .forms {
    padding: 1.5rem 1rem;
  }

  body.page main.site-main>article>.container>div {
    padding: 0.5rem;
  }
}

@media (min-width: 600px) {
  #main-header>.over-header>address {
    max-width: none;
    padding: 0;
  }

}

@media (min-width: 1550px) {
  section#entrada-catalogo .back {
    justify-content: start;
  }

  section#entrada-catalogo .back img {
    margin-right: 0;
  }
}