html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Queries */
/*@font-face {
    font-display: swap;
    font-family: 'Mic32';
    font-style: normal;
    font-weight: 400;
    src: local(''), url('../../fonts/mic32-regular.woff2') format('woff2'),
      url('../../fonts/mic32-regular.woff') format('woff');
  }
  @font-face {
    font-display: swap;
    font-family: 'Mic32';
    font-style: normal;
    font-weight: 700;
    src: local(''), url('../../fonts/mic32-bold.woff2') format('woff2'),
      url('../../fonts/mic32-bold.woff') format('woff');
  }

  @font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local(''),
      url('../../fonts/montserrat-v15-latin-regular.woff2') format('woff2'),
      url('../../fonts/montserrat-v15-latin-regular.woff') format('woff');
  }

  @font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: local(''),
      url('../../fonts/montserrat-v15-latin-500.woff2') format('woff2'),
      url('../../fonts/montserrat-v15-latin-500.woff') format('woff');
  }

  @font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local(''),
      url('../../fonts/montserrat-v15-latin-600.woff2') format('woff2'),
      url('../../fonts/montserrat-v15-latin-600.woff') format('woff');
  }

  @font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local(''),
      url('../../fonts/montserrat-v15-latin-700.woff2') format('woff2'),
      url('../../fonts/montserrat-v15-latin-700.woff') format('woff');
  }*/
@font-face {
  font-display: swap;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 300;
  src: url("../../fonts/nunito-v25-latin-300.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/nunito-v25-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  src: url("../../fonts/nunito-v25-latin-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  src: url("../../fonts/nunito-v25-latin-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  src: url("../../fonts/nunito-v25-latin-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 800;
  src: url("../../fonts/nunito-v25-latin-800.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 900;
  src: url("../../fonts/nunito-v25-latin-900.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/raleway-v28-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  src: url("../../fonts/raleway-v28-latin-700.woff2") format("woff2");
}
:root {
  /* --primary: #f56600;
    --primary-light: #ff9346;
    --primary-title: #bf8924;
    --primary-dark: #d35700;
    --primary-banner: #f56600bd;
    --secondary: #3a3a3a;
    --secondary-med: #707070;
    --cuaternary: #427fed;
    --cuaternary-light: #427fed9c;
    --cuaternary-dark: #2355b3;
    --section-secondary: #f6f6f6;
    --grape: #7e0a3d;
    --red-implika: #A60000;
    --red-implika-dark: #6b0000;
    --general: #f56600;
    --gris-07: rgba(112, 112, 112, 0.7);
    --black: #1b1b1b;
    --black-text: #3b3b3b;
    --grey-card: #2B2B2B;
    --grey-text: #707070;
    --lightgrey: #EEEEEE;
    --grey-background: #E6E6E6;
    --lightorange: #E56400;

    --primary-bomberos: #df044b;
    --primary-bomberos-dark: #720024;*/
  --primary-dark: #002782;
  --secondary: #3c3a3a;
  --lightgrey: #c8c8c8;
  --primary-light: #0070bd;
  --animal: #3f9905;
  --beauty: #ce4589;
  --corsicef: #0070bd;
  --corsicef-dark: #00548b;
  --food: #cc061e;
  --health: #15b798;
  --text: #3c3a3a;
  --turismo: #d96226;
  --assistente: #d87305;
  --marketing: #f07f3c;
  --bg: #f8f9fd;
  --bg-light: #e9e9e9;
  --bg-faq: #edf1ff;
  --info: #427fed;
  --info-light: #70a2ff;
  --light-blue: #6d7d8b;
  /*Estilos cupon general modal*/
  --bk-cupon-general: linear-gradient(
    to bottom,
    var(--primary),
    var(--primary-title)
  );
  --border-cupon-general: 2px solid white;
  --border-radius-cupon-general: 20px 20px 40px 40px;
  --btn-cupon-general: var(--cuaternary);
  --btn-hover-cupon-general: #3a75df;
  --btn-color-cupon-general: #fff;
  --border-radius-inputs-cupon-general: 6px;
  --alert-start-color-cupon-general: #d9edf7;
  --alert-end-color-cupon-general: #b9def0;
  --alert-border-color-cupon-general: #9acfea;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none !important;
}

main.animal-care {
  --primary: #3f9905;
}
main.beauty {
  --primary: #ce4589;
}
main.turismo {
  --primary: #d96226;
}
main.health-and-care {
  --primary: #15b798;
}
main.food {
  --primary: #cc061e;
}
main.marketing {
  --primary: #f07f3c;
}
main.default {
  --primary: #0234ab;
}

html,
body {
  line-height: 1.5;
  position: relative;
}
html .overlay,
html .overlay-modal,
body .overlay,
body .overlay-modal {
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 50%;
  display: none;
  height: 200vh;
  left: 50%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 200%;
}
html .overlay,
body .overlay {
  z-index: 15;
}
html .overlay-modal,
body .overlay-modal {
  z-index: 9999;
}
html.blocked,
body.blocked {
  overflow-y: hidden;
}

html {
  font-family: "Nunito", sans-serif;
  font-size: 62.5%;
}

body.blocked {
  overflow: hidden;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: var(--black-text);
  font-weight: 700;
}
body h1.section-title, body h1.pseudotitle,
body h2.section-title,
body h2.pseudotitle,
body h3.section-title,
body h3.pseudotitle,
body h4.section-title,
body h4.pseudotitle,
body h5.section-title,
body h5.pseudotitle,
body h6.section-title,
body h6.pseudotitle {
  color: var(--black-text);
  font-weight: 500;
}
body h1.section-title ~ p, body h1.pseudotitle ~ p,
body h2.section-title ~ p,
body h2.pseudotitle ~ p,
body h3.section-title ~ p,
body h3.pseudotitle ~ p,
body h4.section-title ~ p,
body h4.pseudotitle ~ p,
body h5.section-title ~ p,
body h5.pseudotitle ~ p,
body h6.section-title ~ p,
body h6.pseudotitle ~ p {
  margin-top: 1.5rem;
}
@media (min-width: 992px) {
  body h1.section-title ~ p, body h1.pseudotitle ~ p,
  body h2.section-title ~ p,
  body h2.pseudotitle ~ p,
  body h3.section-title ~ p,
  body h3.pseudotitle ~ p,
  body h4.section-title ~ p,
  body h4.pseudotitle ~ p,
  body h5.section-title ~ p,
  body h5.pseudotitle ~ p,
  body h6.section-title ~ p,
  body h6.pseudotitle ~ p {
    margin-top: 2.5rem;
  }
}
body h2,
body h3.pseudotitle,
body h1.pseudotitle,
body span.pseudotitle {
  color: var(--primary);
  font-size: 2.5rem;
}
@media (min-width: 992px) {
  body h2,
  body h3.pseudotitle,
  body h1.pseudotitle,
  body span.pseudotitle {
    font-size: 3rem;
    line-height: 3.6rem;
  }
}
@media (min-width: 1600px) {
  body h2,
  body h3.pseudotitle,
  body h1.pseudotitle,
  body span.pseudotitle {
    font-size: 4rem;
    line-height: 5rem;
  }
}
body span.pseudotitle {
  font-weight: 500;
}
body h2.cuadrico,
body h3.cuadrico,
body h1.cuadrico {
  background-color: var(--primary);
  color: white;
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 2.5rem;
  padding: 0.75rem 1.5rem;
}
@media (min-width: 992px) {
  body h2.cuadrico,
  body h3.cuadrico,
  body h1.cuadrico {
    padding: 1rem 2rem;
    font-size: 2.9rem;
    line-height: 3.5rem;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
body .subtitulo {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3.2rem;
}
@media only screen and (min-width: 768px) {
  body .subtitulo {
    font-size: 3rem;
    line-height: 3.8rem;
  }
}
@media only screen and (min-width: 992px) {
  body .subtitulo {
    font-size: 3rem;
    line-height: 3.8rem;
  }
}
@media only screen and (min-width: 1025px) {
  body .subtitulo {
    font-size: 3.5rem;
    line-height: 4rem;
  }
}
@media only screen and (min-width: 1281px) {
  body .subtitulo {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}
@media screen and (min-width: 1600px) {
  body .subtitulo {
    font-size: 4.7rem;
    line-height: 5.8rem;
  }
}
body .subtitulo-large-margin {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  body .subtitulo-large-margin {
    margin-bottom: 5.5rem;
  }
}
@media only screen and (min-width: 1281px) {
  body .subtitulo-large-margin {
    margin-bottom: 5.5rem;
  }
}
body .subtitulo-short-margin {
  margin-bottom: 2rem;
}
body .subtitulo-imagen {
  font-size: 2rem;
  line-height: 3rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
  body .subtitulo-imagen {
    font-size: 3.6rem;
    line-height: 4.5rem;
    margin-bottom: 3.5rem;
  }
}
@media screen and (min-width: 1200px) {
  body .subtitulo-imagen {
    font-size: 3.6rem;
    line-height: 4.5rem;
    margin-bottom: 6rem;
  }
}
@media screen and (min-width: 1400px) {
  body .subtitulo-imagen {
    font-size: 4.4rem;
    line-height: 5rem;
    margin-bottom: 6rem;
  }
}
@media screen and (min-width: 1600px) {
  body .subtitulo-imagen {
    font-size: 4.7rem;
    line-height: 5.3rem;
    margin-bottom: 5rem;
  }
}
body .position-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
body .position-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
body .position-1-mobileonly {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media only screen and (min-width: 992px) {
  body .position-1-mobileonly {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
body .position-2-mobileonly {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (min-width: 992px) {
  body .position-2-mobileonly {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
body .position-1-desktop-only {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (min-width: 992px) {
  body .position-1-desktop-only {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
body .position-2-desktop-only {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media only screen and (min-width: 992px) {
  body .position-2-desktop-only {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
body .strong-text {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 3.6rem;
}
body p,
body .parrafo {
  color: var(--black-text);
  font-size: 1.6rem;
  line-height: 2.4rem;
  /*
  @include min-desktop-2{
    font-size: 2rem;
    line-height: 3.4rem;
  }
  @include min-desktop-3{
    font-size: 2.2rem;
    line-height: 3.8rem;
  }*/
}
@media (min-width: 992px) {
  body p,
  body .parrafo {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}
body p + p,
body .parrafo + p {
  margin-top: 2.3rem;
}
@media (min-width: 992px) {
  body p + p,
  body .parrafo + p {
    margin-top: 2rem;
  }
}
body a {
  color: var(--cuaternary);
  text-decoration: none;
}
body strong {
  color: inherit;
  font-weight: 700;
}
body .span-naranja {
  color: var(--primary);
}
body .separator-yellow-header {
  background-image: url("../../images/separator-yellow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 0.413rem;
  width: 17.65rem;
  margin-top: 1rem;
}
@media (min-width: 992px) {
  body .separator-yellow-header {
    height: 0.871rem;
    width: 33.7rem;
  }
}
@media (min-width: 992px) {
  body .separator-yellow-header {
    margin-top: 1.5rem;
  }
}
body .separator-yellow-paragraph {
  background-image: url("../../images/separator-yellow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 0.413rem;
  width: 17.65rem;
  margin-top: 2rem;
}
@media (min-width: 992px) {
  body .separator-yellow-paragraph {
    height: 0.871rem;
    width: 33.7rem;
  }
}
@media (min-width: 992px) {
  body .separator-yellow-paragraph {
    margin-top: 4rem;
  }
}
body header {
  /*box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 300;*/
}
body section.grey {
  background-color: var(--section-secondary);
}
body section.primary {
  background-color: var(--primary);
}
body section.first-section {
  margin-top: 3.5rem;
}
@media only screen and (min-width: 992px) {
  body section.first-section {
    margin-top: 5.5rem;
  }
}
@media only screen and (min-width: 992px) {
  body section.hero-centrado {
    margin-bottom: 6.75rem;
  }
}
body section.hero-centrado .container-texto {
  margin-top: 6rem;
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 768px) {
  body section.hero-centrado .container-texto {
    margin-top: 13rem;
    margin-bottom: 5rem;
  }
}
body section.hero-centrado .container-texto h1,
body section.hero-centrado .container-texto h2,
body section.hero-centrado .container-texto h3,
body section.hero-centrado .container-texto h4,
body section.hero-centrado .container-texto h5,
body section.hero-centrado .container-texto h6 {
  font-size: 3rem;
  font-weight: 600;
  line-height: 3.3rem;
  text-align: center;
  margin-bottom: 1rem;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  body section.hero-centrado .container-texto h1,
  body section.hero-centrado .container-texto h2,
  body section.hero-centrado .container-texto h3,
  body section.hero-centrado .container-texto h4,
  body section.hero-centrado .container-texto h5,
  body section.hero-centrado .container-texto h6 {
    font-size: 4.5rem;
    line-height: 5.5rem;
  }
}
@media only screen and (min-width: 1025px) {
  body section.hero-centrado .container-texto h1,
  body section.hero-centrado .container-texto h2,
  body section.hero-centrado .container-texto h3,
  body section.hero-centrado .container-texto h4,
  body section.hero-centrado .container-texto h5,
  body section.hero-centrado .container-texto h6 {
    max-width: 90%;
    font-size: 5.7rem;
    line-height: 6.8rem;
  }
}
@media only screen and (min-width: 1281px) {
  body section.hero-centrado .container-texto h1,
  body section.hero-centrado .container-texto h2,
  body section.hero-centrado .container-texto h3,
  body section.hero-centrado .container-texto h4,
  body section.hero-centrado .container-texto h5,
  body section.hero-centrado .container-texto h6 {
    font-size: 6rem;
    line-height: 7rem;
  }
}
body section.hero-centrado .container-texto p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: var(--grey-text);
  text-align: center;
  max-width: 90%;
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  body section.hero-centrado .container-texto p {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
}
@media only screen and (min-width: 1501px) {
  body section.hero-centrado .container-texto p {
    max-width: 70%;
  }
}
body section.hero-centrado .container-imagen-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body section.hero-centrado .container-imagen-1 img {
  max-width: 100%;
  justify-self: flex-start;
}
@media only screen and (min-width: 1501px) {
  body section.hero-centrado .container-imagen-1 img {
    max-width: 100%;
  }
}
body section.hero-centrado .container-imagen-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 1501px) {
  body section.hero-centrado .container-imagen-2 {
    gap: 1rem;
  }
}
body section.hero-centrado .container-imagen-2 img {
  max-width: 49%;
  justify-self: start;
}
@media only screen and (min-width: 1501px) {
  body section.hero-centrado .container-imagen-2 img {
    max-width: 50%;
  }
}
body section.hero-centrado .boxes-caracteristicas {
  display: grid;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 5rem;
  grid-row-gap: 3rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
@media only screen and (min-width: 768px) {
  body section.hero-centrado .boxes-caracteristicas {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 5rem;
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
@media only screen and (min-width: 992px) {
  body section.hero-centrado .boxes-caracteristicas {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 5rem;
    grid-column-gap: 3rem;
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
@media only screen and (min-width: 1025px) {
  body section.hero-centrado .boxes-caracteristicas {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
body section.hero-centrado .boxes-caracteristicas .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 4px solid var(--primary);
  border-radius: 15px;
  text-align: center;
  padding: 20px 30px;
}
@media only screen and (min-width: 768px) {
  body section.hero-centrado .boxes-caracteristicas .box {
    border: 4px solid var(--primary);
  }
}
body section.hero-centrado .boxes-caracteristicas .box h5 {
  font-size: 3rem;
}
@media only screen and (min-width: 768px) {
  body section.hero-centrado .boxes-caracteristicas .box h5 {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 992px) {
  body section.hero-centrado .boxes-caracteristicas .box h5 {
    font-size: 4rem;
  }
}
@media only screen and (min-width: 1025px) {
  body section.hero-centrado .boxes-caracteristicas .box h5 {
    font-size: 5rem;
  }
}
body section.hero-centrado .boxes-caracteristicas .box p {
  font-size: 1.6rem;
  font-weight: 600;
}
@media only screen and (min-width: 1281px) {
  body section.hero-centrado .boxes-caracteristicas .box p {
    font-size: 2rem;
  }
}
body section.hero-lateral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
@media only screen and (min-width: 992px) {
  body section.hero-lateral {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 6.75rem;
    margin-bottom: 6.75rem;
    gap: 5rem;
  }
}
@media only screen and (min-width: 1025px) {
  body section.hero-lateral {
    gap: 5rem;
    margin-top: 5rem;
    margin-bottom: 6.75rem;
  }
}
@media only screen and (min-width: 1281px) {
  body section.hero-lateral {
    gap: 10rem;
  }
}
body section.hero-lateral .container-texto {
  margin-top: 2rem;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (min-width: 992px) {
  body section.hero-lateral .container-texto {
    margin-top: 0;
    margin-bottom: 5rem;
    width: 50%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media only screen and (min-width: 1025px) {
  body section.hero-lateral .container-texto {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1281px) {
  body section.hero-lateral .container-texto {
    padding-right: 6rem;
  }
}
body section.hero-lateral .container-texto h1,
body section.hero-lateral .container-texto h2 {
  font-size: 3rem;
  font-weight: 600;
  line-height: 3.7rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  body section.hero-lateral .container-texto h1,
  body section.hero-lateral .container-texto h2 {
    font-size: 4.5rem;
    line-height: 5.5rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width: 1025px) {
  body section.hero-lateral .container-texto h1,
  body section.hero-lateral .container-texto h2 {
    font-size: 5.7rem;
    line-height: 6.8rem;
  }
}
body section.hero-lateral .container-texto p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: var(--grey-text);
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  body section.hero-lateral .container-texto p {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
}
@media only screen and (min-width: 1501px) {
  body section.hero-lateral .container-texto p {
    font-size: 2rem;
    line-height: 3.7rem;
  }
}
body section.hero-lateral .container-texto .seccion-iconos-caracteristicas {
  display: grid;
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
  align-self: flex-start;
  margin-top: 3rem;
}
@media only screen and (min-width: 768px) {
  body section.hero-lateral .container-texto .seccion-iconos-caracteristicas {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1025px) {
  body section.hero-lateral .container-texto .seccion-iconos-caracteristicas {
    grid-column-gap: 5rem;
    grid-row-gap: 2rem;
  }
}
@media only screen and (min-width: 1281px) {
  body section.hero-lateral .container-texto .seccion-iconos-caracteristicas {
    grid-column-gap: 5rem;
    grid-row-gap: 2rem;
  }
}
@media only screen and (min-width: 1501px) {
  body section.hero-lateral .container-texto .seccion-iconos-caracteristicas {
    grid-column-gap: 10rem;
    grid-row-gap: 2rem;
  }
}
body section.hero-lateral .container-texto .seccion-iconos-caracteristicas .box-iconos-caracteristicas p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: var(--black-text);
}
@media only screen and (min-width: 1025px) {
  body section.hero-lateral .container-texto .seccion-iconos-caracteristicas .box-iconos-caracteristicas p {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
@media only screen and (min-width: 1281px) {
  body section.hero-lateral .container-texto .seccion-iconos-caracteristicas .box-iconos-caracteristicas p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}
body section.hero-lateral .container-texto .seccion-iconos-caracteristicas .box-iconos-caracteristicas p .icon {
  height: 2rem;
  width: 2rem;
  margin-right: 1rem;
}
body section.hero-lateral .container-texto .container-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 2rem;
}
body section.hero-lateral .container-texto .container-buttons button {
  font-size: 1.5rem;
  min-width: 15rem;
  width: auto;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  body section.hero-lateral .container-texto .container-buttons button {
    min-width: 19rem;
  }
}
@media only screen and (min-width: 768px) {
  body section.hero-lateral .container-texto .container-buttons button {
    font-size: 1.6rem;
    padding: 2rem 2.5rem;
  }
}
body section.hero-lateral .container-texto .container-buttons button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
body section.hero-lateral .container-imagen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 992px) {
  body section.hero-lateral .container-imagen {
    width: 50%;
  }
}
body section.hero-lateral .container-imagen img {
  width: 100%;
  -ms-flex-item-align: center;
      align-self: center;
  justify-self: start;
}
body section.section-text-image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
  padding: 5rem 0;
}
@media only screen and (min-width: 992px) {
  body section.section-text-image {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 3rem 0;
    gap: 3rem;
  }
}
@media only screen and (min-width: 992px) {
  body section.section-text-image {
    padding: 6.75rem 0;
    gap: 5rem;
  }
}
@media only screen and (min-width: 1025px) {
  body section.section-text-image {
    gap: 4rem;
  }
}
@media only screen and (min-width: 1281px) {
  body section.section-text-image {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 6.75rem 0;
    gap: 6rem;
  }
}
@media only screen and (min-width: 1281px) {
  body section.section-text-image {
    gap: 10rem;
  }
}
body section.section-text-image .subsection-image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 992px) {
  body section.section-text-image .subsection-image {
    width: 50%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 1025px) {
  body section.section-text-image .subsection-image {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
body section.section-text-image .subsection-image.jc-top {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
body section.section-text-image .subsection-image.jc-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body section.section-text-image .subsection-image img {
  max-width: 100%;
}
@media only screen and (min-width: 992px) {
  body section.section-text-image .subsection-image img {
    max-width: 100%;
    margin: 0;
  }
}
body section.section-text-image .subsection-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 3rem;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  body section.section-text-image .subsection-text {
    width: 50%;
  }
}
@media only screen and (min-width: 1281px) {
  body section.section-text-image .subsection-text {
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 1501px) {
  body section.section-text-image .subsection-text {
    padding-right: 4rem;
  }
}
body section.section-text-image .subsection-text p {
  color: var(--black-text);
  font-size: 1.6rem;
  line-height: 2.4rem;
}
@media screen and (min-width: 1400px) {
  body section.section-text-image .subsection-text p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}
@media screen and (min-width: 1600px) {
  body section.section-text-image .subsection-text p {
    font-size: 1.8rem;
    line-height: 3.2rem;
  }
}
@media screen and (min-width: 1400px) {
  body section.section-text-image .subsection-text .parrafo-espaciado {
    line-height: 3.7rem;
  }
}
body section.section-text-image .subsection-text ul {
  max-width: 96%;
}
@media only screen and (min-width: 1025px) {
  body section.section-text-image .subsection-text ul {
    max-width: 85%;
  }
}
body section.section-text-image .subsection-text ul li {
  color: var(--black-text);
  font-size: 1.6rem;
  line-height: 2.7rem;
  font-weight: 300;
  margin-top: 1.6rem;
}
@media only screen and (min-width: 1281px) {
  body section.section-text-image .subsection-text ul li {
    font-size: 1.8rem;
    line-height: 3rem;
    margin-top: 4rem;
  }
}
body section.section-text-image .subsection-text ul li .icon {
  height: 4rem;
  width: 4rem;
  padding-right: 1rem;
  fill: var(--primary);
}
body section.section-text-image .subsection-text button {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.7px;
  margin-top: 3.5rem;
  padding: 1.5rem 1.5rem;
}
@media only screen and (min-width: 1281px) {
  body section.section-text-image .subsection-text button {
    margin-top: 5.5rem;
    padding: 2rem 2.5rem;
  }
}
body section.section-text-image .subsection-text .seccion-iconos-caracteristicas {
  display: grid;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 10rem;
  grid-row-gap: 3rem;
  padding: 5rem 0 0;
}
@media only screen and (min-width: 768px) {
  body section.section-text-image .subsection-text .seccion-iconos-caracteristicas {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 3rem;
  }
}
@media only screen and (min-width: 992px) {
  body section.section-text-image .subsection-text .seccion-iconos-caracteristicas {
    padding: 2rem 0 0;
    grid-row-gap: 1rem;
  }
}
@media only screen and (min-width: 1025px) {
  body section.section-text-image .subsection-text .seccion-iconos-caracteristicas {
    grid-row-gap: 3rem;
    padding: 5rem 0 0;
  }
}
body section.section-text-image .subsection-text .seccion-iconos-caracteristicas .box-iconos-caracteristicas p {
  font-weight: 700;
}
body section.section-text-image .subsection-text .seccion-iconos-caracteristicas .box-iconos-caracteristicas p::before {
  content: url("/web/images/punto.jpg");
  padding-right: 0.5rem;
}
body section.section-text-image .subsection-text .seccion-iconos-caracteristicas .box-icono-titulo-parrafo svg {
  height: 2rem;
  width: 2rem;
  fill: var(--primary);
  margin-bottom: 0.7rem;
}
@media only screen and (min-width: 768px) {
  body section.section-text-image .subsection-text .seccion-iconos-caracteristicas .box-icono-titulo-parrafo svg {
    height: 3.5rem;
    width: 3.5rem;
  }
}
body section.section-text-image .subsection-text .seccion-iconos-caracteristicas .box-icono-titulo-parrafo .titulo {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) {
  body section.section-text-image .subsection-text .seccion-iconos-caracteristicas .box-icono-titulo-parrafo .titulo {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 992px) {
  body section.section-text-image .subsection-text .seccion-iconos-caracteristicas .box-icono-titulo-parrafo .titulo {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  body section.section-text-image .subsection-text .seccion-iconos-caracteristicas .box-icono-titulo-parrafo .titulo {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 1600px) {
  body section.section-text-image .subsection-text .seccion-iconos-caracteristicas .box-icono-titulo-parrafo .titulo {
    font-size: 2.6rem;
  }
}
body section.section-text-image .subsection-text .seccion-iconos-caracteristicas .box-icono-titulo-parrafo .parrafo {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
@media screen and (min-width: 1600px) {
  body section.section-text-image .subsection-text .seccion-iconos-caracteristicas .box-icono-titulo-parrafo .parrafo {
    line-height: 2.4rem;
  }
}
body section.section-text-image .jc-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
body section + footer {
  margin-top: 6.75rem;
}
body section.banner-naranja {
  height: auto;
  background-color: var(--primary-banner);
  position: relative;
  margin-top: 5rem;
  margin-bottom: 0;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media only screen and (min-width: 992px) {
  body section.banner-naranja {
    margin-top: 6.75rem;
  }
}
@media only screen and (min-width: 1025px) {
  body section.banner-naranja {
    height: 56rem;
    margin-top: 12.5rem;
  }
}
@media only screen and (min-width: 1281px) {
  body section.banner-naranja {
    height: 45rem;
  }
}
body section.banner-naranja .container-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 992px) {
  body section.banner-naranja .container-banner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
body section.banner-naranja .container-banner .box-banner-text {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: center;
      align-self: center;
}
@media only screen and (min-width: 992px) {
  body section.banner-naranja .container-banner .box-banner-text {
    width: 50%;
  }
}
body section.banner-naranja .container-banner .box-banner-text h5 {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  body section.banner-naranja .container-banner .box-banner-text h5 {
    font-size: 2.8rem;
    line-height: 3.5rem;
  }
}
@media only screen and (min-width: 992px) {
  body section.banner-naranja .container-banner .box-banner-text h5 {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}
@media only screen and (min-width: 992px) {
  body section.banner-naranja .container-banner .box-banner-text h5 {
    font-size: 4rem;
    line-height: 4.5rem;
  }
}
body section.banner-naranja .container-banner .box-banner-text p {
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #fff;
  margin-top: 2rem;
}
body section.banner-naranja .container-banner .box-banner-text .enlace-subrayado {
  color: #fff;
  text-decoration: underline;
  font-weight: 700;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
body section.banner-naranja .container-banner .box-banner-text .enlace-subrayado:hover {
  color: var(--black);
}
body section.banner-naranja .container-banner .box-banner-image {
  width: 0;
}
@media only screen and (min-width: 992px) {
  body section.banner-naranja .container-banner .box-banner-image {
    width: 50%;
  }
}
body section.banner-naranja .container-banner .box-banner-image img {
  display: none;
  position: absolute;
  bottom: 0;
  width: auto;
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
  /* @include min-tablet-1{
      display: block;
      height: 280px;
      bottom: 128px;
    }*/
}
@media only screen and (min-width: 992px) {
  body section.banner-naranja .container-banner .box-banner-image img {
    display: block;
    height: 470px;
    margin-left: 3%;
    bottom: 0;
  }
}
@media only screen and (min-width: 1501px) {
  body section.banner-naranja .container-banner .box-banner-image img {
    height: 605px;
    margin-left: 5%;
  }
}
body section.banner-naranja .d-row-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 768px) {
  body section.banner-naranja .d-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
body section.container-video {
  background-color: var(--lightgrey);
  padding: 4rem 0;
}
@media only screen and (min-width: 992px) {
  body section.container-video {
    padding: 12.5rem 0;
    margin-top: 14rem;
  }
}
body section.container-video .container .titulo-video {
  font-size: 2.5rem;
  line-height: 3.2rem;
  font-weight: 600;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  body section.container-video .container .titulo-video {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}
@media screen and (min-width: 1600px) {
  body section.container-video .container .titulo-video {
    font-size: 5.3rem;
    line-height: 6rem;
  }
}
body section.skewed {
  position: relative;
  margin-top: 8rem;
}
@media (min-width: 768px) {
  body section.skewed {
    margin-top: 12rem;
  }
}
@media (min-width: 1600px) {
  body section.skewed {
    margin-top: 21rem;
  }
}
body section.skewed > .container {
  position: relative;
  z-index: 3;
}
body section .skew-grey {
  height: 6rem;
  top: -3.5rem;
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
  position: absolute;
  width: 100%;
  -webkit-box-shadow: 0 -2.5px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2.5px 5px rgba(0, 0, 0, 0.1);
  background-color: var(--section-secondary);
}
@media (min-width: 768px) {
  body section .skew-grey {
    height: 8rem;
    top: -4rem;
  }
}
@media (min-width: 1600px) {
  body section .skew-grey {
    height: 14rem;
    top: -7rem;
  }
}
body section .skew-grey-inverse {
  height: 6rem;
  top: -3.5rem;
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
  position: absolute;
  width: 100%;
  -webkit-box-shadow: 0 -2.5px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2.5px 5px rgba(0, 0, 0, 0.1);
  background-color: var(--section-secondary);
  -webkit-transform: skewY(-3deg);
          transform: skewY(-3deg);
}
@media (min-width: 768px) {
  body section .skew-grey-inverse {
    height: 8rem;
    top: -4rem;
  }
}
@media (min-width: 1600px) {
  body section .skew-grey-inverse {
    height: 14rem;
    top: -7rem;
  }
}
body section .skew-primary {
  height: 6rem;
  top: -3.5rem;
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
  position: absolute;
  width: 100%;
  -webkit-box-shadow: 0 -2.5px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2.5px 5px rgba(0, 0, 0, 0.1);
  background-color: var(--primary);
}
@media (min-width: 768px) {
  body section .skew-primary {
    height: 8rem;
    top: -4rem;
  }
}
@media (min-width: 1600px) {
  body section .skew-primary {
    height: 14rem;
    top: -7rem;
  }
}
body section .skew-primary-inverse {
  height: 6rem;
  top: -3.5rem;
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
  position: absolute;
  width: 100%;
  -webkit-box-shadow: 0 -2.5px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2.5px 5px rgba(0, 0, 0, 0.1);
  background-color: var(--primary);
  -webkit-transform: skewY(-3deg);
          transform: skewY(-3deg);
}
@media (min-width: 768px) {
  body section .skew-primary-inverse {
    height: 8rem;
    top: -4rem;
  }
}
@media (min-width: 1600px) {
  body section .skew-primary-inverse {
    height: 14rem;
    top: -7rem;
  }
}
body section .skew-white {
  height: 6rem;
  top: -3.5rem;
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
  position: absolute;
  width: 100%;
  -webkit-box-shadow: 0 -2.5px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2.5px 5px rgba(0, 0, 0, 0.1);
  background-color: white;
}
@media (min-width: 768px) {
  body section .skew-white {
    height: 8rem;
    top: -4rem;
  }
}
@media (min-width: 1600px) {
  body section .skew-white {
    height: 14rem;
    top: -7rem;
  }
}
body section .skew-white-inverse {
  height: 6rem;
  top: -3.5rem;
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
  position: absolute;
  width: 100%;
  -webkit-box-shadow: 0 -2.5px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2.5px 5px rgba(0, 0, 0, 0.1);
  background-color: white;
  -webkit-transform: skewY(-3deg);
          transform: skewY(-3deg);
}
@media (min-width: 768px) {
  body section .skew-white-inverse {
    height: 8rem;
    top: -4rem;
  }
}
@media (min-width: 1600px) {
  body section .skew-white-inverse {
    height: 14rem;
    top: -7rem;
  }
}
body section .white-fill,
body section .green-fill {
  position: absolute;
  background-color: var(--primary);
  display: block;
  height: 12rem;
  top: -12rem;
  width: 100%;
  z-index: -2;
}
@media (min-width: 1600px) {
  body section .white-fill,
  body section .green-fill {
    height: 21rem;
    top: -21rem;
  }
}
body section .white-fill {
  background-color: var(--section-secondary);
}
body section .green-fill {
  background-color: var(--primary);
}
body section .main-area {
  margin-top: 3.5rem;
}
@media (min-width: 992px) {
  body section .main-area {
    margin-top: 5.5rem;
  }
}
body section ~ .breadcrumbs {
  margin-top: 2.5rem;
}
@media (min-width: 992px) {
  body section ~ .breadcrumbs {
    margin-top: 6.5rem;
  }
}
body .btn {
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.7rem;
  margin-top: 4.5rem;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 1.5rem 1rem;
  text-align: center;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
@media (max-width: 767px) {
  body .btn {
    min-width: 100%;
  }
}
@media (min-width: 768px) {
  body .btn {
    padding: 2rem 2.5rem;
  }
}
@media (min-width: 992px) {
  body .btn {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media (min-width: 768px) {
  body .btn.btn-center {
    margin: 4.5rem auto 0;
  }
}
body .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--cuaternary);
  font-size: 2rem;
  font-weight: 700;
  margin: 2.5rem auto 0;
  text-transform: uppercase;
}
body .link:after {
  content: "";
  display: block;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: bounce;
          animation-name: bounce;
  background-image: url("../../images/chev-blue.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 0.75rem;
  margin-left: 1.12rem;
  width: 1.5rem;
}
body .link:hover:after {
  -webkit-animation-name: unset;
          animation-name: unset;
}
@media (min-width: 992px) {
  body .link {
    margin: 4.5rem auto 0;
  }
}
body #btnInfoGeneralCupon {
  background-color: var(--cuaternary);
  -webkit-box-shadow: 0 -0.2rem 0.5rem rgba(0, 0, 0, 0.1098039216);
          box-shadow: 0 -0.2rem 0.5rem rgba(0, 0, 0, 0.1098039216);
  border: 0.2rem solid white;
  border-radius: 0.8rem;
  color: white;
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1 !important;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 1rem 2rem;
  text-align: center;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
@media (min-width: 768px) and (max-width: 1023px) {
  body #btnInfoGeneralCupon {
    font-size: 1.6rem;
  }
}
@media (min-width: 1024px) and (max-width: 1100px) {
  body #btnInfoGeneralCupon {
    font-size: 1.6rem;
  }
}
body #btnInfoGeneralCupon:hover {
  background-color: white;
  border: 0.2rem solid var(--cuaternary);
  color: var(--cuaternary) !important;
}

#modal-cupon-general .txt-modal h4 {
  background-color: initial;
  color: white;
  font-family: "Nunito";
  line-height: 1.5rem;
}
#modal-cupon-general .txt-modal h4 span {
  font-weight: 500;
}
#modal-cupon-general .txt-modal h4 span.titulo-cupon-1 {
  font-size: 2.6rem;
  font-weight: 600;
}
#modal-cupon-general .txt-modal h4 span.titulo-cupon-2 {
  font-size: 1.9rem;
  font-weight: 700;
}
#modal-cupon-general button[type=submit] {
  cursor: pointer;
  background: var(--btn-cupon-general);
  fill: #fff;
  color: #fff;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid rgba(255, 255, 255, 0.4509803922);
  border-radius: 1rem;
}
#modal-cupon-general button[type=submit]:hover {
  background: #fff;
  fill: var(--btn-cupon-general);
  border: 2px solid var(--btn-cupon-general);
  color: var(--btn-cupon-general);
}
#modal-cupon-general .telefono input {
  border-radius: 0 5px 5px 0;
  margin-top: 0;
  border-left: none;
}
#modal-cupon-general .telefono span {
  height: 3.4rem;
  width: 7.5rem;
  font-size: 1.5rem;
  line-height: 3.2rem;
  font-family: "Nunito";
  font-weight: 600;
  padding: 0 12px;
  margin: 0;
  display: block;
  background-color: #e9e9e9;
  border-radius: 5px 0 0 5px;
  color: var(--secondary);
  border: var(--border-cupon-general);
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
/* CHAT Oct8ne*/
chat-oct8ne#livechat-wrapper {
  background-color: #e3ad49 !important;
}

/* CHAT Oct8ne*/
#btnCustomInfoGeneralCupon {
  background-color: var(--cuaternary);
  -webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1098039216);
          box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1098039216);
  border: 3px solid white;
  border-radius: 0.6rem;
  color: white;
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  max-height: 5rem;
  padding: 0.5rem 1rem;
  text-align: center;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
#btnCustomInfoGeneralCupon.solicitar-conjunto {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  position: fixed !important;
  right: 1rem;
  bottom: 1.5rem;
  z-index: 999;
}
@media only screen and (min-width: 1025px) {
  #btnCustomInfoGeneralCupon.solicitar-conjunto {
    display: none !important;
  }
}
@media only screen and (min-width: 1281px) {
  #btnCustomInfoGeneralCupon {
    font-size: 1.8rem;
  }
}
#btnCustomInfoGeneralCupon:not(.solicitar-conjunto):hover {
  background-color: white;
  border-color: var(--info);
  color: var(--info) !important;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  width: 100%;
}
@media (min-width: 576px) {
  .container {
    max-width: 54rem;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 72rem;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 96rem;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 114rem;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 132rem;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 150rem;
  }
}

/* Queries */
.headerPagina .container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 8.6rem;
  position: absolute;
  width: 100%;
}
.headerPagina .container .navbar-logo img {
  max-width: 140px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .headerPagina .container .navbar-logo img {
    max-width: 200px;
  }
}
.headerPagina .container .navbar-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.headerPagina .container .navbar-phone button {
  background-color: var(--red-implika);
  display: inline-block;
  justify-self: center;
  padding: 1.5rem 3rem;
  font-size: 1.8rem;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  border: none;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.headerPagina .container .navbar-phone button:hover {
  background-color: var(--red-implika-dark);
}
@media only screen and (max-width: 767px) {
  .headerPagina .container .navbar-phone button {
    font-size: 1.2rem;
    white-space: nowrap;
    padding: 1.5rem 1.5rem;
  }
}
.headerPagina .container .navbar-phone button.btn-azul {
  background-color: var(--cuaternary);
}
.headerPagina .container .navbar-phone button.btn-azul:hover {
  background-color: var(--cuaternary-dark);
}
.headerPagina .container .navbar-phone #icono-llamada {
  cursor: pointer;
}
.headerPagina .container .navbar-phone #enlace-llamada {
  display: none;
}
@media only screen and (min-width: 992px) {
  .headerPagina .container .navbar-phone #enlace-llamada {
    display: inline-block;
    color: #fff;
    font-size: 2.4rem;
  }
}

footer {
  background-color: var(--primary-dark);
  font-size: 1.4rem;
  padding: 10rem 0;
}
footer * {
  color: white !important;
}
footer .container-footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  max-width: 60rem;
  width: 100%;
}
footer .container-footer #logotipo {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 18rem;
}
@media (min-width: 768px) {
  footer .container-footer #logotipo {
    width: 28rem;
  }
}
footer .container-footer #logotipo + p {
  color: #fff;
  font-size: 2.2rem;
  line-height: 1.2;
  text-align: center;
}
footer .container-footer .box-politicas {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  footer .container-footer .box-politicas {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: auto;
    gap: 0.5rem;
  }
}
@media only screen and (min-width: 992px) {
  footer .container-footer .box-politicas {
    gap: 2rem;
  }
}
footer .container-footer .box-politicas a {
  font-size: 1.6rem;
  width: auto;
}
footer .container-footer .box-politicas .ot-sdk-show-settings {
  text-decoration: none !important;
  color: white !important;
  font-size: 1.6rem !important;
}
footer.footer-c {
  padding: 2.5rem 0;
}
footer.footer-c .container-footer {
  margin-inline: auto;
  max-width: initial;
  padding-inline: 1.75rem;
}
@media (min-width: 576px) {
  footer.footer-c .container-footer {
    max-width: 54rem;
  }
}
@media (min-width: 768px) {
  footer.footer-c .container-footer {
    max-width: 72rem;
  }
}
@media (min-width: 992px) {
  footer.footer-c .container-footer {
    max-width: 96rem;
  }
}
@media (min-width: 1200px) {
  footer.footer-c .container-footer {
    max-width: 114rem;
  }
}
@media (min-width: 1400px) {
  footer.footer-c .container-footer {
    max-width: 132rem;
  }
}
@media (min-width: 1600px) {
  footer.footer-c .container-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 150rem;
  }
}
footer.footer-c .container-footer img#logotipo + p {
  display: none;
}

#ot-sdk-cookie-policy {
  display: none;
}

#header-c {
  padding-block: 2.5rem;
  position: relative;
  z-index: 0;
}
@media (min-width: 1200px) {
  #header-c {
    min-height: 76.5rem;
  }
}
#header-c:after {
  left: 0;
  position: absolute;
  top: 0;
  content: "";
  display: block;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}
#header-c .img-back {
  left: 0;
  position: absolute;
  top: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  -o-object-position: center top;
     object-position: center top;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  #header-c .img-back {
    -o-object-position: center top;
       object-position: center top;
  }
}

@media (min-width: 1200px) {
  .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 71.5rem;
  }
}
.container .header-nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.container .header-nav .navbar-logo {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.container .header-nav .navbar-logo img {
  width: 16rem;
}
@media (min-width: 768px) {
  .container .header-nav .navbar-logo img {
    width: 28rem;
  }
}
.container .header-nav .tlf {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.1rem solid white;
  border-radius: 0.5rem;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font: 700 1.4rem/1 "Nunito";
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 1.5rem;
  padding: 0.45rem 1rem;
  -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}
.container .header-nav .tlf:hover {
  background-color: white;
  color: var(--corsicef);
}
.container .header-nav .tlf:hover svg {
  fill: var(--corsicef);
}
@media only screen and (min-width: 768px) {
  .container .header-nav .tlf {
    font-size: 2.1rem;
  }
}
.container .header-nav .tlf svg {
  fill: white;
  height: 1.8rem;
  -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  width: 1.8rem;
}
@media only screen and (min-width: 768px) {
  .container .header-nav .tlf svg {
    height: 2.5rem;
    width: 2.5rem;
  }
}
.container .header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4.5rem;
  margin-top: 4.5rem;
}
@media (min-width: 1200px) {
  .container .header-content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-top: 0;
    -webkit-transform: translateY(-3rem);
            transform: translateY(-3rem);
  }
}
.container .header-content h1 {
  color: #fff;
  font: 700 3rem/1.2 "Nunito";
  text-align: center;
  text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.61);
}
@media only screen and (min-width: 768px) {
  .container .header-content h1 {
    font-size: 4rem;
    text-align: left;
  }
}
@media only screen and (min-width: 1025px) {
  .container .header-content h1 {
    font-size: 5rem;
    max-width: 45dvw;
  }
}
@media only screen and (min-width: 1281px) {
  .container .header-content h1 {
    font-size: 6rem;
  }
}
.container .header-content .boton-informacion {
  background-color: var(--corsicef);
  border: 0;
  color: white;
  cursor: pointer;
  font: 700 1.8rem/1 "Nunito";
  display: block;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 1.5rem 3rem;
  -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  width: 100%;
}
.container .header-content .boton-informacion:hover {
  background-color: rgb(21.9130434783, 96.1739130435, 230.0869565217);
}
@media (max-width: 767px) {
  .container .header-content .boton-informacion {
    max-width: initial;
  }
}
@media (min-width: 1200px) {
  .container .header-content .boton-informacion {
    display: none;
  }
}

.overlay-cupon {
  left: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.85);
  display: none;
  z-index: 999;
}

.hidden {
  display: none;
}

main.landing-c {
  position: relative;
}
main.landing-c .section-main section {
  padding: 4.5rem 0;
}
@media (min-width: 1200px) {
  main.landing-c .section-main section {
    padding: 6.5rem 0;
  }
}
main.landing-c .section-main section ul {
  margin-top: 2.5rem;
  padding-left: 1.5rem;
}
@media (min-width: 992px) {
  main.landing-c .section-main section ul {
    padding-left: 3rem;
  }
}
@media (min-width: 992px) {
  main.landing-c .section-main section ul {
    margin-top: 4.5rem;
  }
}
main.landing-c .section-main section ul li {
  font-size: 1.6rem;
  padding-left: 2rem;
  position: relative;
}
@media (min-width: 992px) {
  main.landing-c .section-main section ul li {
    font-size: 1.8rem;
  }
}
main.landing-c .section-main section ul li + p {
  margin-top: 2.3rem;
}
@media (min-width: 992px) {
  main.landing-c .section-main section ul li + p {
    margin-top: 3rem;
  }
}
main.landing-c .section-main section ul li:before {
  content: "";
  display: block;
  background-color: var(--primary);
  border-radius: 50%;
  height: 1rem;
  left: 0;
  margin-right: 2.5rem;
  position: absolute;
  top: 0.8rem;
  width: 1rem;
}
main.landing-c .section-main section ul li + li {
  margin-top: 1.5rem;
}
main.landing-c .section-main section.regular-red *, main.landing-c .section-main section.regular-red-light *, main.landing-c .section-main section.regular-blue-light * {
  color: white;
}
main.landing-c .section-main section ul + *,
main.landing-c .section-main section ol + * {
  margin-top: 2.5rem;
}
main.landing-c .section-main section ul a,
main.landing-c .section-main section ol a {
  color: var(--cuaternary);
  font-weight: 600;
}
main.landing-c .section-main section.regular-red {
  background-color: var(--primary-light);
}
main.landing-c .section-main section.regular-red-light {
  background-color: var(--primary);
}
main.landing-c .section-main section.regular-blue-light {
  background-color: var(--cuaternary-light);
}
main.landing-c .section-main section.regular-grey {
  background-color: var(--lightgrey);
}
@media (min-width: 1200px) {
  main.landing-c .section-main section .section-content {
    max-width: calc(100% - 45rem);
  }
}
main.landing-c .section-main section .section-content h2 {
  margin-bottom: 2.5rem;
}
main.landing-c .section-main section .section-content p {
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1200px) {
  main.landing-c .section-main section .section-content p {
    font-size: 1.8rem;
  }
}
main.landing-c .section-main section .section-content .listado-requisitos {
  display: grid;
  gap: 2.5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 4.5rem;
}
main.landing-c .section-main section .section-content .listado-requisitos li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  border-radius: 1rem;
  color: var(--secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.1rem;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.12;
  padding: 1.5rem;
  text-align: center;
}
main.landing-c .section-main section .section-content .listado-requisitos li span {
  color: var(--secondary);
}
main.landing-c .section-main section .section-content .listado-requisitos li span strong {
  color: var(--primary-dark);
}
main.landing-c .section-main section .section-content .division2 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media only screen and (min-width: 1501px) {
  main.landing-c .section-main section .section-content .division2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
main.landing-c .section-main section .section-content .areas {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: grid;
  gap: 6.5rem;
  margin-top: 4.5rem;
}
@media (max-width: 1399px) {
  main.landing-c .section-main section .section-content .areas .section-izq {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  main.landing-c .section-main section .section-content .areas .section-der {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 1400px) {
  main.landing-c .section-main section .section-content .areas {
    grid-template-columns: 1fr 35rem;
  }
}
main.landing-c .section-main section .section-content .areas ul,
main.landing-c .section-main section .section-content .areas ol {
  margin-top: 2.5rem;
}
main.landing-c .section-main section .section-content .areas .section-izq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1400px) {
  main.landing-c .section-main section .section-content .areas .section-izq {
    min-height: 45rem;
  }
}
main.landing-c .section-main section .section-content .areas .section-der {
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}
@media (max-width: 1399px) {
  main.landing-c .section-main section .section-content .areas .section-der {
    margin: 0 auto;
  }
}
@media (min-width: 1400px) {
  main.landing-c .section-main section .section-content .areas .section-der {
    position: relative;
  }
  main.landing-c .section-main section .section-content .areas .section-der:before, main.landing-c .section-main section .section-content .areas .section-der:after {
    content: "";
    display: block;
    background-color: var(--primary);
    height: 9rem;
    position: absolute;
    width: 7.5rem;
    z-index: -1;
  }
  main.landing-c .section-main section .section-content .areas .section-der:before {
    left: -1.25rem;
    top: -1.5rem;
  }
  main.landing-c .section-main section .section-content .areas .section-der:after {
    bottom: -1.5rem;
    right: -1.25rem;
  }
}
main.landing-c .section-main section .section-content .areas .section-der img {
  height: auto;
  max-width: 100%;
  width: 100%;
  border-radius: 0.5rem;
  outline: 0.5rem solid var(--primary) !important;
}
@media (max-width: 767px) {
  main.landing-c .section-main section .section-content .areas .section-der img {
    margin: 0 auto;
    width: 85%;
  }
}
@media (max-width: 1399px) {
  main.landing-c .section-main section .section-content .areas .section-der img {
    max-width: 35rem;
  }
}
@media (min-width: 1400px) {
  main.landing-c .section-main section .section-content .areas.areas-invert {
    grid-template-columns: 35rem 1fr;
  }
  main.landing-c .section-main section .section-content .areas.areas-invert .section-izq {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  main.landing-c .section-main section .section-content .areas.areas-invert .section-der {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
main.landing-c .section-main section .section-content .areas ol {
  counter-reset: listNumbering;
  margin-bottom: 4.5rem;
}
main.landing-c .section-main section .section-content .areas ol li {
  counter-increment: listNumbering;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  min-height: 3.5rem;
  padding-left: 5rem;
  position: relative;
}
@media (min-width: 1200px) {
  main.landing-c .section-main section .section-content .areas ol li {
    font-size: 1.8rem;
    min-height: 4.5rem;
    padding-left: 6rem;
  }
}
main.landing-c .section-main section .section-content .areas ol li:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.2rem solid var(--primary);
  border-radius: 100%;
  content: counter(listNumbering);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 2.4rem;
  font-weight: 700;
  height: 3.5rem;
  left: 0;
  margin-right: 1rem;
  position: absolute;
  width: 3.5rem;
}
@media (min-width: 1200px) {
  main.landing-c .section-main section .section-content .areas ol li:before {
    font-size: 2.8rem;
    height: 4.5rem;
    margin-right: 1.5rem;
    width: 4.5rem;
  }
}
main.landing-c .section-main section .section-content .areas ol li + li {
  margin-top: 1.5rem;
}
main.landing-c .section-main section .section-content button {
  background-color: var(--corsicef);
  border: 0;
  color: white;
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: 700;
  display: block;
  margin-top: 4.5rem;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 1.5rem 3rem;
  -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  width: 100%;
}
@media (max-width: 767px) {
  main.landing-c .section-main section .section-content button {
    max-width: initial;
  }
}
@media (min-width: 1200px) {
  main.landing-c .section-main section .section-content button {
    display: none;
    font-size: 2.1rem;
  }
}
main.landing-c .section-main section .section-content button:hover {
  background-color: var(--corsicef-dark);
}
main.landing-c .section-main section .section-content .section-cards {
  display: grid;
  gap: 1.5rem;
  margin-top: 4.5rem;
}
@media (min-width: 768px) {
  main.landing-c .section-main section .section-content .section-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
main.landing-c .section-main section .section-content .section-cards .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: white;
  border-radius: 0.5rem;
  padding: 1.5rem;
}
main.landing-c .section-main section .section-content .section-cards .card ul,
main.landing-c .section-main section .section-content .section-cards .card ol {
  margin-top: 1.5rem;
  padding-left: 1.5rem;
}
main.landing-c .section-main section .section-content .section-cards .card ul li,
main.landing-c .section-main section .section-content .section-cards .card ol li {
  color: var(--secondary);
}
main.landing-c .section-main section .section-content .section-cards .card ul li + li,
main.landing-c .section-main section .section-content .section-cards .card ol li + li {
  margin-top: 1.5rem;
}
main.landing-c .section-main section .section-content .section-cards .card ol {
  counter-reset: listNumbering;
}
main.landing-c .section-main section .section-content .section-cards .card ol li {
  counter-increment: listNumbering;
  font-size: 1.6rem;
  line-height: 1.5;
  padding-left: 2rem;
  position: relative;
}
main.landing-c .section-main section .section-content .section-cards .card ol li:before {
  content: counter(listNumbering) ".";
  color: var(--primary);
  font-size: 1.6rem;
  font-weight: 700;
  left: 0;
  position: absolute;
  width: 1.5rem;
}
main.landing-c .section-main section .section-content .section-cards .card h2 {
  color: var(--primary-dark);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.12;
  margin: 1.5rem 0;
}
@media (min-width: 768px) {
  main.landing-c .section-main section .section-content .section-cards .card h2 {
    font-size: 2.8rem;
  }
}
main.landing-c .section-main section .section-content .section-cards .card p {
  color: var(--secondary);
  font-size: 1.6rem;
}
main.landing-c .section-main section .section-content .section-cards .card p strong {
  color: var(--primary-dark);
}
main.landing-c .section-main section .section-content .section-cards .card img {
  height: auto;
  max-width: 100%;
  width: 100%;
  position: relative;
}
main.landing-c .section-main section .section-content .section-cards .card img:after {
  left: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  display: block;
  background-color: var(--primary-dark);
}
main.landing-c .section-main section .section-content .section-cards .card2 {
  outline: 0.2rem solid var(--primary) !important;
}
main.landing-c .form-main {
  display: none;
  position: absolute;
  height: 100%;
  z-index: 998;
}
main.landing-c .form-main.beat {
  -webkit-animation-name: beat;
          animation-name: beat;
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
  -webkit-animation-iteration-count: 3;
          animation-iteration-count: 3;
}
main.landing-c .form-main.modal-on {
  display: block;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  right: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}
main.landing-c .form-main.modal-on .form-wrapper {
  top: unset !important;
}
@media (max-width: 1199px) {
  main.landing-c .form-main {
    left: 50%;
    max-width: 38rem;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    -webkit-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
    width: 95%;
    z-index: 1000;
  }
}
@media (min-width: 1200px) {
  main.landing-c .form-main {
    top: 8rem;
  }
}
main.landing-c .form-main .form-wrapper {
  position: sticky;
  top: 3rem;
  max-width: 432px;
}
main.landing-c .form-main .form-wrapper h2 {
  color: var(--secondary);
}
main.landing-c .form-main .form-wrapper h2 + h3 {
  color: var(--primary);
}
main.landing-c .form-main .form-wrapper button {
  background-color: var(--cuaternary);
  border: 0;
  color: white;
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: 700;
  display: block;
  margin-top: 4.5rem;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 1.5rem 3rem;
  -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  width: 100%;
}
@media (max-width: 767px) {
  main.landing-c .form-main .form-wrapper button {
    max-width: initial;
  }
}
@media (min-width: 1200px) {
  main.landing-c .form-main .form-wrapper button {
    font-size: 2.1rem;
  }
}
main.landing-c .form-main .form-wrapper button:hover {
  background-color: var(--cuaternary);
}

@-webkit-keyframes beat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  1000% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes beat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  1000% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.lds-default {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
}
.lds-default div {
  position: absolute;
  width: 2.25px;
  height: 2.25px;
  background: #ffffff;
  border-radius: 50%;
  -webkit-animation: lds-default 1.2s linear infinite;
          animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  top: 13.875px;
  left: 24.75px;
}
.lds-default div:nth-child(2) {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
  top: 8.25px;
  left: 23.25px;
}
.lds-default div:nth-child(3) {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
  top: 4.125px;
  left: 19.5px;
}
.lds-default div:nth-child(4) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
  top: 2.625px;
  left: 13.875px;
}
.lds-default div:nth-child(5) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
  top: 4.125px;
  left: 8.25px;
}
.lds-default div:nth-child(6) {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
  top: 8.25px;
  left: 4.125px;
}
.lds-default div:nth-child(7) {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
  top: 13.875px;
  left: 2.625px;
}
.lds-default div:nth-child(8) {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
  top: 19.5px;
  left: 4.125px;
}
.lds-default div:nth-child(9) {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
  top: 23.25px;
  left: 8.25px;
}
.lds-default div:nth-child(10) {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
  top: 24.75px;
  left: 13.875px;
}
.lds-default div:nth-child(11) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
  top: 23.25px;
  left: 19.5px;
}
.lds-default div:nth-child(12) {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
  top: 19.5px;
  left: 23.25px;
}

@-webkit-keyframes lds-default {
  0%, 20%, 80%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.375);
            transform: scale(1.375);
  }
}

@keyframes lds-default {
  0%, 20%, 80%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.375);
            transform: scale(1.375);
  }
}
.form-wrapper {
  background-color: white;
  border-radius: 1rem;
  border: 0.1rem solid #dedede;
  padding: 2.5rem;
}
.form-wrapper #icono-cerrar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.1rem solid var(--black);
  border-radius: 50%;
  cursor: pointer;
  height: 2.5rem;
  position: absolute;
  right: 2rem;
  top: 1.5rem;
  width: 2.5rem;
}
@media (min-width: 1200px) {
  .form-wrapper #icono-cerrar {
    display: none;
  }
}
.form-wrapper h2 {
  font-size: 2.2rem;
  line-height: 1.2;
}
@media (max-width: 1199px) {
  .form-wrapper h2 {
    margin-top: 3.5rem;
  }
}
.form-wrapper h2 + h3 {
  color: var(--primary-bomberos);
  font-size: 1.9rem;
  margin-top: 0.75rem;
}
.form-wrapper #form_cupon {
  max-width: 38rem;
  position: relative;
  -webkit-transition: 0.35s ease-in;
  transition: 0.35s ease-in;
  width: 100%;
  z-index: 9999;
}
@media (min-width: 1200px) {
  .form-wrapper #form_cupon {
    display: block;
  }
}
.form-wrapper #form_cupon .alert {
  border: 0.2rem solid white;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1rem;
  padding: 1rem 2rem;
}
.form-wrapper #form_cupon .alert.alert-info {
  background-color: #fb6169;
}
.form-wrapper #form_cupon .alert.alert-success {
  background-color: mediumseagreen;
}
.form-wrapper #form_cupon .form-container {
  margin-top: 2.5rem;
}
.form-wrapper #form_cupon .form-container > input,
.form-wrapper #form_cupon .form-container select {
  border: 0.1rem solid var(--primary-dark);
  border-radius: 0.5rem;
  display: block;
  font-size: 1.6rem;
  min-height: 3rem;
  padding: 0.5rem;
  width: 100%;
}
@media (min-width: 768px) {
  .form-wrapper #form_cupon .form-container > input,
  .form-wrapper #form_cupon .form-container select {
    height: 4rem;
  }
}
.form-wrapper #form_cupon .form-container > input:focus,
.form-wrapper #form_cupon .form-container select:focus {
  border: 0.2rem solid var(--primary);
  -webkit-box-shadow: 0 0 0.5rem rgba(107, 0, 0, 0.6);
          box-shadow: 0 0 0.5rem rgba(107, 0, 0, 0.6);
}
.form-wrapper #form_cupon .form-container > input + *,
.form-wrapper #form_cupon .form-container select + * {
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  .form-wrapper #form_cupon .form-container > input + *,
  .form-wrapper #form_cupon .form-container select + * {
    margin-top: 1.5rem;
  }
}
.form-wrapper #form_cupon .form-container .telefono {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  .form-wrapper #form_cupon .form-container .telefono {
    margin-top: 1.5rem;
  }
}
.form-wrapper #form_cupon .form-container .telefono > input,
.form-wrapper #form_cupon .form-container .telefono select,
.form-wrapper #form_cupon .form-container .telefono .input-group-addon {
  border: 0.1rem solid var(--primary-dark);
  display: block;
  font-size: 1.6rem;
  min-height: 3rem;
  padding: 0.5rem;
  width: auto;
}
@media (min-width: 768px) {
  .form-wrapper #form_cupon .form-container .telefono > input,
  .form-wrapper #form_cupon .form-container .telefono select,
  .form-wrapper #form_cupon .form-container .telefono .input-group-addon {
    height: 4rem;
  }
}
.form-wrapper #form_cupon .form-container .telefono > input:focus,
.form-wrapper #form_cupon .form-container .telefono select:focus,
.form-wrapper #form_cupon .form-container .telefono .input-group-addon:focus {
  border: 0.2rem solid var(--primary);
  -webkit-box-shadow: 0 0 0.5rem rgba(107, 0, 0, 0.6);
          box-shadow: 0 0 0.5rem rgba(107, 0, 0, 0.6);
}
.form-wrapper #form_cupon .form-container .telefono .input-group-addon {
  background-color: var(--bg-light);
  border-right: none;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2rem;
  min-width: 6.5rem;
}
@media (min-width: 768px) {
  .form-wrapper #form_cupon .form-container .telefono .input-group-addon {
    line-height: 3rem;
  }
}
.form-wrapper #form_cupon .form-container .telefono #form_cupon_cupon_telefono {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  width: 100%;
}
.form-wrapper #form_cupon .form-container .checkbox {
  cursor: pointer;
  display: block;
  margin-top: 2.5rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.form-wrapper #form_cupon .form-container .checkbox + .checkbox {
  margin-top: 1.5rem;
}
.form-wrapper #form_cupon .form-container .checkbox input,
.form-wrapper #form_cupon .form-container .checkbox .checkout-box label input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.form-wrapper #form_cupon .form-container .checkbox input + span, .form-wrapper #form_cupon .form-container .checkbox input + p,
.form-wrapper #form_cupon .form-container .checkbox .checkout-box label input + span,
.form-wrapper #form_cupon .form-container .checkbox .checkout-box label input + p {
  cursor: pointer;
  display: inline-block;
  font: 400 1.2rem/1.12 "Raleway";
  height: 2.5rem;
  padding-left: 3.5rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.form-wrapper #form_cupon .form-container .checkbox input + span a, .form-wrapper #form_cupon .form-container .checkbox input + p a,
.form-wrapper #form_cupon .form-container .checkbox .checkout-box label input + span a,
.form-wrapper #form_cupon .form-container .checkbox .checkout-box label input + p a {
  font-weight: 700;
  text-decoration: underline;
}
.form-wrapper #form_cupon .form-container .checkbox input + span:before, .form-wrapper #form_cupon .form-container .checkbox input + span:after, .form-wrapper #form_cupon .form-container .checkbox input + p:before, .form-wrapper #form_cupon .form-container .checkbox input + p:after,
.form-wrapper #form_cupon .form-container .checkbox .checkout-box label input + span:before,
.form-wrapper #form_cupon .form-container .checkbox .checkout-box label input + span:after,
.form-wrapper #form_cupon .form-container .checkbox .checkout-box label input + p:before,
.form-wrapper #form_cupon .form-container .checkbox .checkout-box label input + p:after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  z-index: 1;
}
.form-wrapper #form_cupon .form-container .checkbox input + span:before, .form-wrapper #form_cupon .form-container .checkbox input + p:before,
.form-wrapper #form_cupon .form-container .checkbox .checkout-box label input + span:before,
.form-wrapper #form_cupon .form-container .checkbox .checkout-box label input + p:before {
  border: white;
  left: 0.2rem;
  top: 0;
  z-index: 2;
}
.form-wrapper #form_cupon .form-container .checkbox input + span:after, .form-wrapper #form_cupon .form-container .checkbox input + p:after,
.form-wrapper #form_cupon .form-container .checkbox .checkout-box label input + span:after,
.form-wrapper #form_cupon .form-container .checkbox .checkout-box label input + p:after {
  border: 0.2rem solid #3c3a3a;
  height: 2.35rem;
  left: 0;
  top: 0;
  width: 2.35rem;
}
.form-wrapper #form_cupon .form-container .checkbox input:checked + span:before, .form-wrapper #form_cupon .form-container .checkbox input:checked + p:before,
.form-wrapper #form_cupon .form-container .checkbox .checkout-box label input:checked + span:before,
.form-wrapper #form_cupon .form-container .checkbox .checkout-box label input:checked + p:before {
  width: 0.9rem;
  height: 1.5rem;
  border-top: 0.2rem solid transparent;
  border-left: 0.2rem solid transparent;
  border-right: 0.3rem solid var(--primary);
  border-bottom: 0.3rem solid var(--primary);
  -webkit-transform: rotateZ(37deg);
          transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.form-wrapper #form_cupon .form-container #btnInformacion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--primary);
  cursor: pointer;
  font-size: 2.1rem;
  font-weight: bold;
  gap: 2rem;
  margin-top: 2.5rem;
  min-width: 100%;
  text-transform: uppercase;
  width: 100%;
}
/*# sourceMappingURL=landing-sermas.css.map */