@import url("https://fonts.googleapis.com/css2?family=Antonio:wght@700&family=Bebas+Neue&family=Inter:wght@500;600;700&display=swap");
@font-face {
  font-family: "kalamaya";
  src: url("./kamalaya/kalamaya-Regular.otf") format("truetype");
  src: url("./kamalaya/kalamaya-Regular.ttf") format("truetype");
}
body {
  font-family: "Inter";
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  background: #FDF2E8;
  overflow-x: hidden;
}

p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
}
@media (min-width: 1024px) {
  p {
    font-size: 16px;
    line-height: 19.36px;
  }
}

h1 {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  h1 {
    font-family: "Antonio";
    font-weight: 700;
    font-size: 64px;
    line-height: 83px;
    /* identical to box height */
  }
}
h1.kalamaya {
  font-family: "kalamaya";
  font-style: italic;
  font-weight: 400;
  font-size: 64px;
  line-height: 100%;
  color: #FFFFFF;
}
@media (min-width: 1024px) {
  h1.kalamaya {
    font-size: 96px;
  }
}
h1.kalamaya-title {
  font-family: "kalamaya";
  font-style: italic;
  font-weight: 400;
  font-size: 64px;
  line-height: 20px;
  color: #141414;
  text-transform: lowercase;
  line-height: 100%;
}
@media (min-width: 1024px) {
  h1.kalamaya-title {
    font-size: 120px;
    line-height: 100%;
  }
}

h2 {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 12px;
}
@media (min-width: 1024px) {
  h2 {
    font-family: "Antonio";
    font-weight: 700;
    font-size: 48px;
    line-height: 62px;
    /* identical to box height */
  }
}
h2.kalamaya {
  font-family: "kalamaya";
  font-style: italic;
  text-transform: none;
  color: #EA8215;
  font-weight: 400;
  font-size: 36px;
  line-height: 100%;
}
@media (min-width: 1024px) {
  h2.kalamaya {
    font-style: normal;
    font-weight: 400;
    font-size: 80px;
    line-height: 100%;
  }
}

h3 {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
}
@media (min-width: 1024px) {
  h3 {
    font-family: "Antonio";
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 47px;
  }
}

h4 {
  font-family: "Antonio";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  h4 {
    font-family: "Antonio";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 41px;
  }
}

h5 {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  h5 {
    font-family: "Antonio";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 31px;
  }
}

.bg-light2 {
  background-color: #FDF2E8;
  border-radius: 8px;
  color: #141414;
  padding: 0.75rem;
}

p.name {
  display: none;
}
p.code {
  display: flex;
}
@media (min-width: 768px) {
  p.name {
    display: flex;
  }
  p.code {
    display: none;
  }
}

.title-cont,
.title {
  text-align: center;
  margin-bottom: 48px;
}
.title-cont .title,
.title .title {
  @apply text-center;
}
.title-cont .title > p,
.title .title > p {
  @apply text-xl;
}
.title-cont p,
.title p {
  margin: 0px auto;
}
@media (min-width: 1024px) {
  .title-cont p,
  .title p {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

h1.title-box {
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
}
h1.title-box.slider {
  margin: 0;
}
h1.title-box.slider div {
  font-size: 2rem;
}
@media (min-width: 1024px) {
  h1.title-box.slider div {
    font-size: 4rem;
  }
  h1.title-box.slider div.second {
    margin-top: -0.5rem;
    font-size: 7rem;
    margin-left: auto;
  }
}
h1.title-box:first-child {
  font-weight: 500;
  font-size: 3rem;
  color: #141414;
}
h1.title-box.calculadora:first-child div {
  font-size: 5rem;
}
h1.title-box.calculadora:last-child div.second {
  margin-top: 0rem;
  text-align: center;
  font-size: 7rem;
}
h1.title-box.h1-primary {
  font-size: 32px;
  line-height: 32px;
}
@media (min-width: 1000px) {
  h1.title-box.h1-primary {
    font-size: 42px;
    line-height: 42px;
  }
}
h1.title-box.h1-primary > div {
  color: #EA8215;
  font-family: "Antonio";
  font-style: normal;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.header-title {
  text-align: center;
  padding-bottom: 8rem;
  padding-top: 150px;
}
.header-title h1 {
  /* antonio 64 */
  font-family: "Antonio";
  font-style: normal;
  font-weight: 700;
  /* identical to box height */
  text-align: center;
  text-transform: uppercase;
  /* BLANCO */
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
@media (min-width: 750px) {
  .header-title h1 {
    font-size: 64px;
    line-height: 83px;
  }
}
.header-title p {
  width: 80%;
  margin: 0px auto;
  font-size: 12px;
  line-height: 24.2px;
  margin-top: 10px;
}
@media (min-width: 750px) {
  .header-title p {
    font-size: 1.2rem;
    width: 40%;
  }
}

.text-white {
  color: white;
}

.text-primary {
  color: #EA8215;
}

.flex-center, footer span, nav .right, .empresa-ft > div, .pagination .control {
  display: flex;
  justify-content: center;
  align-items: center;
}

.glow {
  background: #D9D9D9;
  box-shadow: 0px 8px 24px -3px rgba(234, 130, 21, 0.36);
}

.shawdow1 {
  background: #D9D9D9;
  box-shadow: 0px 12px 48px rgba(234, 130, 21, 0.12);
}

.shawdow2 {
  background: #D9D9D9;
  box-shadow: 0px 0px 48px -3px rgba(156, 56, 0, 0.08);
}

.card, .empresa-ft > div {
  background-color: white;
  border-radius: 12px;
  z-index: 100;
}
@media (min-width: 408px) {
  .card.map > div.flex, .empresa-ft > div.map > div.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 48px 56px;
  }
  .card.map > div.flex h2, .empresa-ft > div.map > div.flex h2 {
    margin: 0px;
    margin-right: 20%;
  }
  .card.map > div.flex .info, .empresa-ft > div.map > div.flex .info {
    padding: 0px auto;
  }
}
.card.map iframe, .empresa-ft > div.map iframe {
  object-fit: contain;
  width: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.card.map > div, .empresa-ft > div.map > div {
  padding: 20px;
}
@media (min-width: 768px) {
  .card.map > div, .empresa-ft > div.map > div {
    padding: 39px;
  }
}
.card.map > div .info, .empresa-ft > div.map > div .info {
  display: flex;
  flex-direction: column;
  gap: 21px;
}
.card.map > div .info > div, .empresa-ft > div.map > div .info > div {
  display: flex;
  gap: 15px;
}

img {
  max-width: 100%;
  height: auto;
}

.bg1 {
  position: relative;
  background-repeat: repeat;
  background-color: #EA8215;
  color: #ffffff;
  height: auto;
}
.bg1.white {
  background-color: white;
  color: black;
}
.bg1.white::before {
  mix-blend-mode: multiply;
  opacity: 0.8;
}
.bg1::before {
  z-index: 0;
  content: "";
  background-image: url("/static/imgs/header-texture.png");
  background-repeat: repeat;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 1.2;
  mix-blend-mode: overlay;
}

@media (max-width: 1128px) {
  .bg1-movil {
    position: relative;
    background-repeat: repeat;
    background-color: #EA8215;
    color: #ffffff;
    height: auto;
  }
  .bg1-movil.white {
    background-color: white;
    color: black;
  }
  .bg1-movil.white::before {
    mix-blend-mode: multiply;
    opacity: 0.8;
  }
  .bg1-movil::before {
    z-index: 0;
    content: "";
    background-image: url("/static/imgs/header-texture.png");
    background-repeat: repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 1.2;
    mix-blend-mode: overlay;
  }
}

.bg-shadow-img {
  height: 350px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.bg-shadow-img::after {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  border-radius: 50%;
  background-image: url("/static/imgs/header-texture2.png");
  box-shadow: 0 0 30px 30px rgba(245, 245, 245, 0.336) inset;
  opacity: 0.8;
}
.bg-shadow-img::before {
  content: "";
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  mix-blend-mode: overlay;
}

.btn,
button {
  cursor: pointer;
  width: 100%;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  padding: 16px 24px;
  border-radius: 8px;
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}
.btn.rounded-full,
button.rounded-full {
  border-radius: 50%;
}
.btn.primary, .btn.btn-primary,
button.primary,
button.btn-primary {
  color: white;
  background-color: #0B9839;
}
.btn.btn-primary-light,
button.btn-primary-light {
  color: #EA8215;
  background-color: #FAE0C9;
}
.btn.secondary, .btn.btn-secondary,
button.secondary,
button.btn-secondary {
  color: white;
  background-color: #EA8215;
}
.btn.secondary.white, .btn.btn-secondary.white,
button.secondary.white,
button.btn-secondary.white {
  background-color: #FAE0C9;
  color: #EA8215;
}
.btn.secondary.white2, .btn.btn-secondary.white2,
button.secondary.white2,
button.btn-secondary.white2 {
  background-color: #FDF2E8;
  color: #EA8215;
}
.btn.carrusel-control,
button.carrusel-control {
  padding: 16px;
  border-radius: 50%;
  background-color: #EF974A;
}
@media (min-width: 1024px) {
  .btn,
  button {
    width: auto;
  }
}
.btn.with_svg,
button.with_svg {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
@media (min-width: 1024px) {
  .btn,
  button {
    width: auto;
  }
}

hr {
  border-color: transparent;
}

input,
textarea,
select {
  background-color: transparent;
  outline: none;
  border-radius: 8px;
}
input::selection, input:active, input:focus,
textarea::selection,
textarea:active,
textarea:focus,
select::selection,
select:active,
select:focus {
  background-color: transparent;
  outline: none;
}

input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  min-width: 1.15em;
  min-height: 1.15em;
  border: 0.15em solid #F3B177;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: white;
}
input[type=checkbox]:checked {
  background-color: #EA8215;
}
input[type=checkbox]:checked::before {
  transform: scale(1);
}

input[type=number] {
  text-align: center;
  width: 60px;
}

article {
  /* source	None.	
  span	None.	 */
  /* time	None.	 */
  /* track	None.	 */
}
article a:link {
  color: internal value;
  text-decoration: underline;
  cursor: auto;
}
article a:visited {
  color: internal value;
  text-decoration: underline;
  cursor: auto;
}
article a:link:active {
  color: internal value;
}
article a:visited:active {
  color: internal value;
}
article address {
  display: block;
  font-style: italic;
}
article area {
  display: none;
}
article article {
  display: block;
}
article aside {
  display: block;
}
article b {
  font-weight: bold;
}
article bdo {
  unicode-bidi: bidi-override;
}
article blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}
article body {
  display: block;
  margin: 8px;
}
article body:focus {
  outline: none;
}
article caption {
  display: table-caption;
  text-align: center;
}
article cite {
  font-style: italic;
}
article code {
  font-family: monospace;
}
article col {
  display: table-column;
}
article colgroup {
  display: table-column-group;
}
article datalist {
  display: none;
}
article dd {
  display: block;
  margin-left: 40px;
}
article del {
  text-decoration: line-through;
}
article details {
  display: block;
}
article dfn {
  font-style: italic;
}
article dl {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}
article dt {
  display: block;
}
article em {
  font-style: italic;
}
article embed:focus {
  outline: none;
}
article fieldset {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 2px groove internal value;
}
article figcaption {
  display: block;
}
article figure {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}
article footer {
  display: block;
}
article form {
  display: block;
  margin-top: 0em;
}
article head {
  display: none;
}
article header {
  display: block;
}
article hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}
article html {
  display: block;
}
article html:focus {
  outline: none;
}
article i {
  font-style: italic;
}
article iframe:focus {
  outline: none;
}
article iframe[seamless] {
  display: block;
}
article ins {
  text-decoration: underline;
}
article kbd {
  font-family: monospace;
}
article label {
  cursor: default;
}
article legend {
  display: block;
  padding-left: 2px;
  padding-right: 2px;
  border: none;
}
article li {
  display: list-item;
}
article link {
  display: none;
}
article map {
  display: inline;
}
article mark {
  background-color: yellow;
  color: black;
}
article menu {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}
article nav {
  display: block;
}
article object:focus {
  outline: none;
}
article ol {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}
article output {
  display: inline;
}
article p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}
article param {
  display: none;
}
article pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}
article q {
  display: inline;
}
article q::before {
  content: open-quote;
}
article q::after {
  content: close-quote;
}
article rt {
  line-height: normal;
}
article s {
  text-decoration: line-through;
}
article samp {
  font-family: monospace;
}
article script {
  display: none;
}
article section {
  display: block;
}
article small {
  font-size: smaller;
}
article strike {
  text-decoration: line-through;
}
article strong {
  font-weight: bold;
}
article style {
  display: none;
}
article sub {
  vertical-align: sub;
  font-size: smaller;
}
article summary {
  display: block;
}
article sup {
  vertical-align: super;
  font-size: smaller;
}
article table {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: gray;
}
article tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}
article td {
  display: table-cell;
  vertical-align: inherit;
}
article tfoot {
  display: table-footer-group;
  vertical-align: middle;
  border-color: inherit;
}
article th {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  text-align: center;
}
article thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}
article title {
  display: none;
}
article tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
article u {
  text-decoration: underline;
}
article ul {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1 em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}
article var {
  font-style: italic;
}
article img,
article svg,
article video,
article canvas,
article audio,
article iframe,
article embed,
article object {
  display: inline-block;
  vertical-align: middle;
}
article h1 {
  font-family: "Antonio";
  font-weight: 700;
  font-size: 32px;
  line-height: 41px;
}
article h2 {
  font-family: "Antonio";
  font-weight: 700;
  font-size: 24px;
  line-height: 31px;
}
article h3 {
  font-family: "Antonio";
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
}
article h4 {
  font-family: "Antonio";
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
}
article h5 {
  font-family: "Antonio";
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
}
article h6 {
  font-family: "Antonio";
  font-weight: 700;
  font-size: 12px;
  line-height: 21px;
}
article p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}

.parent_tooltip_options {
  position: relative;
  gap: 0.75rem;
  cursor: pointer;
}
.parent_tooltip_options .clicker {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.parent_tooltip_options .tooltip_options {
  position: absolute;
  z-index: 400;
  top: 100%;
  left: 0;
  display: flex;
  flex-direction: column;
  padding: 0.75rem 0;
  border: 2px #FAE0C9 solid;
  border-radius: 0.75rem;
  background-color: #ffffff;
  color: black;
}
.parent_tooltip_options .tooltip_options.hidden {
  display: none;
}
.parent_tooltip_options .tooltip_options .option {
  text-transform: uppercase;
  padding: 12px 24px;
  font-weight: 700;
  gap: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.parent_tooltip_options .tooltip_options .option:hover {
  font-weight: 700;
  color: #EA8215;
}

.pagination {
  display: flex;
  justify-content: center;
  padding-top: 36px;
}
@media (min-width: 1024px) {
  .pagination a {
    padding: 12px 20px;
  }
  .pagination .control {
    padding: 16px;
  }
}
.pagination a {
  padding: 12px 16px;
  border-radius: 8px;
}
.pagination a.current {
  background-color: #FAE0C9;
  color: #EA8215;
  font-weight: 700;
}
.pagination .control {
  padding: 12px;
  border-radius: 50%;
  margin: 0px 46px;
}
.pagination .control.able {
  background-color: #EA8215;
}

.carrusel-slider {
  position: relative;
}
.carrusel-slider .slider {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  z-index: 10;
  --grid: 1;
  --grid-md: 1;
}
.carrusel-slider .slider.slider-grid {
  /*visible items */
  --n: attr(data-grid number);
  --g: 0px;
  z-index: 100;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (var(--grid) - 1) * var(--g)) / var(--grid));
  grid-gap: var(--g);
  overflow: hidden;
}
@media (min-width: 768px) {
  .carrusel-slider .slider.slider-grid {
    grid-auto-columns: calc((100% - (var(--grid-md) - 1) * var(--g)) / var(--grid-md));
  }
}
.carrusel-slider .slider.slider-grid:nth-child(0) {
  height: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.carrusel-slider .slider.slider-grid img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.carrusel-slider .slider .item-slider {
  flex-shrink: 0;
  scroll-snap-align: start;
  width: 100%;
}
.carrusel-slider .slider .item-slider img {
  background: radial-gradient(rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0) 0%);
}
.carrusel-slider .dot-control {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.carrusel-slider .dot-control div {
  z-index: 50;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #F3B177;
}
.carrusel-slider .dot-control div:hover, .carrusel-slider .dot-control div.active {
  background-color: #FAE0C9;
}
@media (min-width: 768px) {
  .carrusel-slider .dot-control {
    padding-top: 0px;
  }
  .carrusel-slider .dot-control div {
    width: 12px;
    height: 12px;
  }
}

.controls-side {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -100px;
  left: -100px;
  display: none;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1024px) {
  .controls-side {
    display: flex;
  }
}
.controls-side button {
  padding: 16px;
  border-radius: 50%;
  background-color: #EF974A;
}

.item-home-carrusel-slider {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.item-home-carrusel-slider .img-cont {
  height: 50%;
  margin: 10px 0px;
}
.item-home-carrusel-slider .img-cont img {
  object-fit: cover;
  object-position: center;
  height: 100%;
}
.item-home-carrusel-slider h1 {
  text-align: left;
  z-index: 2;
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 110%;
}
.item-home-carrusel-slider p {
  margin: 0.75rem 0px 1.25rem;
}

.carrusel {
  display: flex;
  flex-direction: column;
}
.carrusel .main {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background-color: white;
  overflow: hidden;
}
.carrusel .main img {
  width: 100%;
  height: 800px;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}
.carrusel .control-contain {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.carrusel .control-contain .control {
  cursor: pointer;
  margin: 1rem auto;
  justify-content: start;
  gap: 1rem;
  overflow: auto;
  display: flex;
}
.carrusel .control-contain .control img {
  border-radius: 8px;
  width: 66px;
  height: 66px;
  object-fit: cover;
  background-color: white;
}
.carrusel .control-contain .control img.selected, .carrusel .control-contain .control img:hover {
  border: 2px solid #EA8215;
  box-shadow: 0px 8px 24px -3px rgba(234, 130, 21, 0.36);
}

.calculadora {
  font-size: 12px;
}
.calculadora h3 {
  font-size: 20px;
}
@media (min-width: 750px) {
  .calculadora {
    font-size: 16px;
  }
  .calculadora h3 {
    font-size: 32px;
  }
}
.calculadora .calculadora-title {
  padding: 1rem;
}
.calculadora .calculadora-title .cal-title-cont {
  height: 100%;
  width: 100%;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.calculadora .calculadora-script .steps-form {
  margin: 4rem 0px;
  color: black;
  overflow: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  --grid: 1;
  --g: 5px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (var(--grid) - 1) * var(--g)) / var(--grid));
  grid-gap: var(--g);
}
.calculadora .calculadora-script .steps-form > div {
  flex-shrink: 0;
  width: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.calculadora .calculadora-script #table-personas {
  border-collapse: separate;
  border-spacing: 0rem 2rem;
  width: 100%;
  margin-top: 2.25rem;
  margin-bottom: 1rem;
  @apply border-separate border-spacing-y-2 w-full mt-9 mb-12;
}
.calculadora .calculadora-script #step_2 > div label,
.calculadora .calculadora-script #step_3 > div label {
  padding: 0.82rem 0px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.calculadora .calculadora-script input[type=checkbox] {
  width: 4px;
  height: 4px;
}
.calculadora .calculadora-script #step_4 h2 {
  margin: 0px;
}
.calculadora .calculadora-script .content_input_number_calculadora {
  display: flex;
  gap: 0.5rem;
}
.calculadora .calculadora-script .content_input_number_calculadora .input_number_calculadora {
  width: 20%;
  border: #FAE0C9 1px solid;
  text-align: center;
  border-radius: 0.5rem;
}
.calculadora .calculadora-script .content_input_number_calculadora .number_control {
  width: 2rem;
  height: 2rem;
  background-color: #EA8215;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.calculadora .calculadora-script .content_input_number_calculadora .number_control svg {
  width: 50%;
  height: 50%;
}
.calculadora .calculadora-script .content_input_number_calculadora .number_control.disable {
  background-color: red;
  pointer-events: none;
  cursor: not-allowed;
}
@media (min-width: 750px) {
  .calculadora .calculadora-script .content_input_number_calculadora .number_control {
    width: 2.75rem;
    height: 2.75rem;
  }
}
.calculadora .calculadora-script .noarrow {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.calculadora .calculadora-script .noarrow::-webkit-outer-spin-button, .calculadora .calculadora-script .noarrow::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.progres-form .progres-bar {
  width: 100%;
  position: relative;
}
.progres-form .progres-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3%;
}
.progres-form .progres-items .progres-item {
  z-index: 50;
  border: solid 2px #FAE0C9;
  background-color: #FDF2E8;
  border-radius: 80px;
  overflow: hidden;
  padding: 0px 22px;
  gap: 8px;
  height: 8px;
  color: transparent;
  font-weight: 500;
  font-size: 12px;
}
@media (min-width: 768px) {
  .progres-form .progres-items .progres-item {
    padding: 12px 22px;
    display: flex;
    justify-content: center;
    color: #FAE0C9;
    height: auto;
    gap: 0px;
    font-size: 14px;
  }
  .progres-form .progres-items .progres-item.active {
    color: white;
  }
}
.progres-form .progres-items .progres-item.active {
  background-color: #0B9839;
  border: none;
}
.progres-form progress {
  position: absolute;
  transition: 1s;
  height: 3px;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 50%;
  appearance: none;
  background: none;
  -webkit-appearance: none;
  will-change: contents;
}
.progres-form progress::-webkit-progress-bar {
  background-color: #FAE0C9;
}
.progres-form progress::-webkit-progress-value {
  background-color: #0B9839;
  transition: all 0.5s ease-in-out;
}
.progres-form .controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 0;
}
.progres-form .controls .btn {
  width: auto;
}

.certificaciones {
  margin-top: 1.25rem;
  display: flex;
  gap: 1rem;
  color: black;
  grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
}
.certificaciones .certificaciones-item {
  background-color: white;
  border-radius: 1rem;
  padding: 2rem;
}
.certificaciones .certificaciones-item .img-cont {
  height: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.certificaciones .certificaciones-item .img-cont img {
  height: auto;
  width: auto;
}
.certificaciones .certificaciones-item .text-cont {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: black;
}
.certificaciones .certificaciones-item .text-cont h3 {
  text-align: center;
}
@media (min-width: 540px) {
  .certificaciones {
    --grid-cols: 3;
  }
}

#contact_form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#contact_form p {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-radius: 8px;
}
#contact_form p input,
#contact_form p textarea {
  border: 2px solid #FAE0C9;
  padding: 16px 14px;
  max-height: 160px;
}
#contact_form p input:hover, #contact_form p input:focus, #contact_form p input:target, #contact_form p input:active,
#contact_form p textarea:hover,
#contact_form p textarea:focus,
#contact_form p textarea:target,
#contact_form p textarea:active {
  border-color: #EA8215;
}

.empresa-ft {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.empresa-ft > div {
  gap: 1.75rem;
  padding: 2rem 1.75rem;
  justify-content: start;
}
.empresa-ft > div p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}
@media (min-width: 1024px) {
  .empresa-ft {
    flex-direction: row;
  }
  .empresa-ft > div {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    text-align: center;
    padding: 36px;
  }
  .empresa-ft > div p {
    font-size: 20px;
    line-height: 24px;
  }
}

.header {
  position: relative;
  background-repeat: repeat;
  background-color: #EA8215;
  color: #ffffff;
  height: auto;
}
.header.white {
  background-color: white;
  color: black;
}
.header.white::before {
  mix-blend-mode: multiply;
  opacity: 0.8;
}
.header.calculadora {
  background-color: white;
  color: black;
}
.header.calculadora::before {
  mix-blend-mode: multiply;
  opacity: 0.8;
  border-radius: 100%;
  border: solid 1.5rem transparent;
}
.header.calculadora:first-child {
  font-size: 5rem;
}
.header.calculadora:last-child {
  margin-right: -5rem;
  font-size: 5rem;
}
.header::before {
  z-index: 0;
  content: "";
  background-image: url("/static/imgs/header-texture.png");
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  mix-blend-mode: overlay;
}
.header .carrusel-slider .dot-control div {
  background-color: #EF974A;
}
.header .carrusel-slider .dot-control div:hover, .header .carrusel-slider .dot-control div.active {
  background-color: white;
}

nav {
  z-index: 100;
  position: relative;
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 600;
  font-size: 15px;
  line-height: 100%;
  text-transform: uppercase;
}
nav .btn-nav {
  order: 0;
  width: 100%;
  list-style-type: none;
  text-align: center;
  justify-content: center;
  border-radius: 8px;
  border: solid 2px transparent;
  padding: 1rem;
  cursor: pointer;
}
nav .btn-nav:hover {
  border-color: #F3B177;
}
nav .left {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
  pointer-events: all;
  z-index: 10;
}
nav .center {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  height: 50px;
}
nav .right {
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  padding: auto 0px;
}
@media (min-width: 1024px) {
  nav {
    padding-top: 0px;
    flex-direction: row;
    justify-content: space-between;
  }
  nav .btn-nav {
    display: flex;
  }
  nav .left {
    display: none;
  }
  nav .center {
    position: static;
    order: 0;
    min-width: 136px;
    height: 80px;
  }
  nav .right {
    position: inherit;
    width: auto;
  }
}
nav .hidden-responsive {
  display: none;
}
@media (min-width: 1024px) {
  nav .hidden-responsive {
    display: inherit;
  }
}

.navbar {
  --bp: 750px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
}
.navbar .container, .navbar ul, .navbar nav {
  position: relative;
}
@media (max-width: 1128px) {
  .navbar ul {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .navbar ul a {
    width: 100%;
    text-align: center;
  }
  .navbar ul a.logo {
    width: auto;
    display: flex;
    order: -1;
    position: absolute;
    top: 10%;
    right: 0;
    bottom: 0;
    left: 0;
    margin-bottom: 2rem;
  }
  .navbar ul .left {
    display: inherit;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: 0;
  }
  .navbar ul .right {
    position: absolute;
    top: auto;
    right: 0;
    bottom: auto;
    left: auto;
  }
}
.navbar ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
  padding: 1.5rem 0;
}
.navbar ul .left {
  padding: 16px;
}
.navbar ul .left:hover {
  outline: 2px solid #F3B177;
  border-radius: 8px;
}
@media (min-width: 1128px) {
  .navbar ul .left {
    display: none;
  }
}
.navbar ul > a {
  text-transform: uppercase;
  cursor: pointer;
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: -0.02em;
  padding: 16px;
  color: #FDF2E8;
  white-space: nowrap;
}
.navbar ul > a:hover {
  outline: 2px solid #F3B177;
  border-radius: 8px;
}
.navbar ul > a.logo {
  min-width: 90px;
  position: relative;
  height: 50px;
}
.navbar ul > a.logo img {
  transform: scale(1.5);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  min-width: 90px;
}
.navbar ul .right {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: min-content;
}
.navbar ul .right i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.navbar ul .right .code {
  display: none;
}
.navbar ul .right .name {
  display: flex;
}
@media (max-width: 1128px) {
  .navbar ul .right .code {
    display: flex;
  }
  .navbar ul .right .name {
    display: none;
  }
}
.navbar ul .hidden-movil {
  display: none;
}
@media (min-width: 1128px) {
  .navbar ul .hidden-movil {
    display: flex;
  }
}

footer {
  margin-top: auto;
  text-align: left;
  color: white;
}
footer h2 {
  text-align: left;
}
footer li {
  margin: 12px 0px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  gap: 0.9rem;
}
@media (min-width: 1024px) {
  footer li {
    margin: 16px 0px;
    font-size: 15px;
  }
}
footer span {
  height: 80px;
  text-align: center;
}
footer span.left {
  background-color: #0B9839;
}
footer span.right {
  background-color: #4688C3;
}
footer .feed {
  display: hidden;
  border-radius: 12px;
}
footer .feed iframe {
  overflow-y: scroll;
  border-radius: 12px;
  max-height: 500px;
  max-width: 160px;
}
footer svg {
  transform: scale(1.5);
}

.tabla-nutricional thead {
  color: white;
  font-weight: 700;
}
.tabla-nutricional thead th {
  background-color: #EA8215;
  padding: 16px;
}
.tabla-nutricional thead th:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.tabla-nutricional thead th:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.tabla-nutricional tbody {
  font-weight: 500;
  font-size: 12px;
}
.tabla-nutricional tbody tr:nth-child(even) {
  background-color: #FAE0C9;
}
.tabla-nutricional tbody tr td {
  padding: 16px;
}
.tabla-nutricional tbody tr td:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.tabla-nutricional tbody tr td:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.filters {
  display: flex;
  text-transform: uppercase;
  font-weight: 600;
  gap: 4rem;
}
.filters .filter {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FAE0C9;
  color: #EA8215;
  border-radius: 8px;
  padding: 12px 16px;
}
.filters .filter svg path {
  fill: #EA8215;
}

.categories {
  margin: 76px 0px 60px;
  font-size: 14px;
  display: flex;
  justify-content: start;
  overflow-x: auto;
}
.categories ul {
  display: flex;
  gap: 12px;
}
.categories ul li {
  display: inline-block;
  width: max-content;
  text-transform: uppercase;
  border: 2px #EA8215 solid;
  border-radius: 80px;
  cursor: pointer;
  padding: 16px 16px;
}
@media (min-width: 768px) {
  .categories ul li {
    padding: 16px 24px;
  }
}
.categories ul li.active, .categories ul li:hover {
  background-color: #EA8215;
  color: white;
  text-shadow: 0 0 0.9px #ffffff, 0 0 0.9px #ffffff, 0 0 0.9px #ffffff;
  box-shadow: 0px 8px 24px -3px rgba(234, 130, 21, 0.36);
}

*,
html {
  box-sizing: border-box;
  transition: all 0.5s ease;
}
*::before, *::after,
html::before,
html::after {
  box-sizing: inherit;
}

html,
body {
  overflow-x: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

body::before {
  z-index: -1;
  content: "";
  background-image: url("/static/imgs/header-texture.png");
  background-size: auto;
  background-repeat: repeat;
  position: absolute;
  inset: 0 0 0 0;
  opacity: 0.6;
}

.fb-page > span {
  transform: scale(1);
}
@media (min-width: 770px) {
  .fb-page > span {
    transform: scale(1);
  }
}

.boxes3 {
  height: 175px;
  width: 153px;
}

#n img {
  max-height: none !important;
  max-width: none !important;
  background: none !important;
}

#inst i {
  max-height: none !important;
  max-width: none !important;
  background: none !important;
}

.iframe-container2 {
  min-height: inherit;
  min-height: 100vh;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
}
@media (min-width: 1024px) {
  .iframe-container2 {
    min-height: 104vh;
  }
}
@media (min-width: 1303px) {
  .iframe-container2 {
    min-height: 100vh;
  }
}
.iframe-container2 iframe:first-child {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  --value: 0.6;
  translate: 35% 25%;
  scale: calc(1 + var(--value));
}
@media (min-width: 1024px) {
  .iframe-container2 iframe:first-child {
    translate: 90% 55%;
    --value: 1.1;
    scale: calc(1 + var(--value));
  }
}
@media (min-width: 1303px) {
  .iframe-container2 iframe:first-child {
    --value: 0.2;
    scale: calc(1 + var(--value));
    translate: calc(var(--value) * 50%) calc(var(--value) * 50%);
    left: 0;
    right: auto !important;
    top: 0;
    bottom: 0;
  }
}
.iframe-container2 .instagram-media {
  translate: 40% -30%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  --value: 0.5;
  scale: calc(1 + var(--value));
}
@media (min-width: 1024px) {
  .iframe-container2 .instagram-media {
    --value: 1.2;
    translate: 120% 10%;
    scale: calc(1 + var(--value));
  }
}
@media (min-width: 1303px) {
  .iframe-container2 .instagram-media {
    --value: 0.7;
    scale: calc(1 + var(--value));
    translate: calc(var(--value) * -50%) calc(var(--value) * 50%);
    right: 0;
    left: auto !important;
    top: 0;
    bottom: 0;
  }
}

.text-black .text-white {
  color: black;
}

/*# sourceMappingURL=style.css.map */