/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./styles/app.scss ***!
  \****************************************************************************************************************************************************/

  @charset "UTF-8";
  @font-face {
      font-family: "Reckless Neue Regular";
      src: url(../fonts/RecklessNeue-Regular.269637a80b138ac99f18..woff2) format("woff2"), url(../fonts/RecklessNeue-Regular.0cc59494cd997a1bdadf..woff) format("woff"), url(../fonts/RecklessNeue-Regular.ttf) format("truetype");
      font-weight: 400;
      font-display: swap;
  }
  
  @font-face {
      font-family: "Reckless Neue Thin";
      src: url(../fonts/RecklessNeue-Thin.14db312e13981b9d76f3..woff2) format("woff2"), url(../fonts/RecklessNeue-Thin.e1bb7f5613423e9a5dde..woff) format("woff"), url(../fonts/RecklessNeue-Thin.ttf) format("truetype");
      font-weight: 100;
      font-display: swap;
  }
  
  @font-face {
      font-family: "Reckless Neue Medium";
      src: url(../fonts/RecklessNeue-Medium.93459d9f356ba361033a..woff2) format("woff2"), url(../fonts/RecklessNeue-Medium.50d6a7f452902e63ff94..woff) format("woff"), url(../fonts/RecklessNeue-Medium.ttf) format("truetype");
      font-display: swap;
  }
  
  @font-face {
      font-family: "Reckless Neue Light";
      src: url(../fonts/RecklessNeue-Light.dc5081b15cff09afa407..woff2) format("woff2"), url(../fonts/RecklessNeue-Light.485dbce758270fe02da4..woff) format("woff"), url(../fonts/RecklessNeue-Light.ttf) format("truetype");
      font-weight: 300;
      font-display: swap;
  }
  
  @font-face {
      font-family: "Rand Regular";
      src: url(../fonts/Rand-Regular.d64b493a39d119942678..woff2) format("woff2"), url(../fonts/Rand-Regular.e2bbfd13511f48555a3d..woff) format("woff");
      font-weight: 400;
      font-display: swap;
  }
  
  @font-face {
      font-family: "Rand Medium";
      src: url(../fonts/Rand-Medium.1d846d93e1fa1be93964..woff2) format("woff2"), url(../fonts/Rand-Medium.f6be94e77c9903507602..woff) format("woff"), url(../fonts/Rand-Medium.ttf) format("truetype");
      font-weight: 500;
      font-display: swap;
  }
  
  @font-face {
      font-family: "Rand Light";
      src: url(../fonts/Rand-Light.e0907ac74a2fb623e169..woff2) format("woff2"), url(../fonts/Rand-Light.843a52e4970592269a83..woff) format("woff"), url(../fonts/Rand-Light.ttf) format("truetype");
      font-weight: 300;
      font-display: swap;
  }
  
  html {
      font-size: 62.5%;
      box-sizing: border-box;
  }
  
  *,
  *:before,
  *:after {
      box-sizing: inherit;
  }
  
  body {
      font-size: 1.6rem;
      background-color: #2E3A4C;
      left: 0;
      height: 100%;
      top: 0;
      width: 100%;
      -webkit-font-smoothing: antialiased;
  }
  
  p {
      font-size: 2rem;
      line-height: 1.5;
  }
  
  .emba {
      background-color: #2E3A4C;
  }
  
  .contenedor {
      width: 95%;
      max-width: 100%;
      margin: 0 auto;
  }
  
  .wrapper {
      z-index: 9;
      padding-top: 10rem;
  }
  
  .wrapper-slider {
      width: 100%;
  }
  
  a {
      text-decoration: none;
  }
  
  h1,
  h2,
  h3 {
      margin: 0 0 1rem 0;
  }
  
  h1 {
      font-size: 4rem;
  }
  
  h2 {
      font-size: 3.6rem;
  }
  
  h3 {
      font-size: 3rem;
  }
  
  img {
      max-width: 70%;
      display: block;
  }
  
  
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  
  
  /* Document
       ========================================================================== */
  
  
  /**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in iOS.
     */
  
  html {
      line-height: 1.15;
      /* 1 */
      -webkit-text-size-adjust: 100%;
      /* 2 */
  }
  
  
  /* Sections
         ========================================================================== */
  
  
  /**
       * Remove the margin in all browsers.
       */
  
  body {
      margin: 0;
  }
  
  
  /**
       * Render the `main` element consistently in IE.
       */
  
  main {
      display: block;
  }
  
  
  /**
       * Correct the font size and margin on `h1` elements within `section` and
       * `article` contexts in Chrome, Firefox, and Safari.
       */
  
  h1 {
      font-size: 2em;
      margin: 0.67em 0;
  }
  
  
  /* Grouping content
         ========================================================================== */
  
  
  /**
       * 1. Add the correct box sizing in Firefox.
       * 2. Show the overflow in Edge and IE.
       */
  
  hr {
      box-sizing: content-box;
      /* 1 */
      height: 0;
      /* 1 */
      overflow: visible;
      /* 2 */
  }
  
  
  /**
       * 1. Correct the inheritance and scaling of font size in all browsers.
       * 2. Correct the odd `em` font sizing in all browsers.
       */
  
  pre {
      font-family: monospace, monospace;
      /* 1 */
      font-size: 1em;
      /* 2 */
  }
  
  
  /* Text-level semantics
         ========================================================================== */
  
  
  /**
       * Remove the gray background on active links in IE 10.
       */
  
  a {
      background-color: transparent;
  }
  
  
  /**
       * 1. Remove the bottom border in Chrome 57-
       * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
       */
  
  abbr[title] {
      border-bottom: none;
      /* 1 */
      text-decoration: underline;
      /* 2 */
      text-decoration: underline dotted;
      /* 2 */
  }
  
  
  /**
       * Add the correct font weight in Chrome, Edge, and Safari.
       */
  
  b,
  strong {
      font-weight: bolder;
  }
  
  
  /**
       * 1. Correct the inheritance and scaling of font size in all browsers.
       * 2. Correct the odd `em` font sizing in all browsers.
       */
  
  code,
  kbd,
  samp {
      font-family: monospace, monospace;
      /* 1 */
      font-size: 1em;
      /* 2 */
  }
  
  
  /**
       * Add the correct font size in all browsers.
       */
  
  small {
      font-size: 80%;
  }
  
  
  /**
       * Prevent `sub` and `sup` elements from affecting the line height in
       * all browsers.
       */
  
  sub,
  sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
  }
  
  sub {
      bottom: -0.25em;
  }
  
  sup {
      top: -0.5em;
  }
  
  
  /* Embedded content
         ========================================================================== */
  
  
  /**
       * Remove the border on images inside links in IE 10.
       */
  
  img {
      border-style: none;
  }
  
  
  /* Forms
         ========================================================================== */
  
  
  /**
       * 1. Change the font styles in all browsers.
       * 2. Remove the margin in Firefox and Safari.
       */
  
  button,
  input,
  optgroup,
  select,
  textarea {
      font-family: inherit;
      /* 1 */
      font-size: 100%;
      /* 1 */
      line-height: 1.15;
      /* 1 */
      margin: 0;
      /* 2 */
  }
  
  
  /**
       * Show the overflow in IE.
       * 1. Show the overflow in Edge.
       */
  
  button,
  input {
      /* 1 */
      overflow: visible;
  }
  
  
  /**
       * Remove the inheritance of text transform in Edge, Firefox, and IE.
       * 1. Remove the inheritance of text transform in Firefox.
       */
  
  button,
  select {
      /* 1 */
      text-transform: none;
  }
  
  
  /**
       * Correct the inability to style clickable types in iOS and Safari.
       */
  
  button,
  [type=button],
  [type=reset],
  [type=submit] {
      -webkit-appearance: button;
  }
  
  
  /**
       * Remove the inner border and padding in Firefox.
       */
  
  button::-moz-focus-inner,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {
      border-style: none;
      padding: 0;
  }
  
  
  /**
       * Restore the focus styles unset by the previous rule.
       */
  
  button:-moz-focusring,
  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring {
      outline: 1px dotted ButtonText;
  }
  
  
  /**
       * Correct the padding in Firefox.
       */
  
  fieldset {
      padding: 0.35em 0.75em 0.625em;
  }
  
  
  /**
       * 1. Correct the text wrapping in Edge and IE.
       * 2. Correct the color inheritance from `fieldset` elements in IE.
       * 3. Remove the padding so developers are not caught out when they zero out
       *    `fieldset` elements in all browsers.
       */
  
  legend {
      box-sizing: border-box;
      /* 1 */
      color: inherit;
      /* 2 */
      display: table;
      /* 1 */
      max-width: 100%;
      /* 1 */
      padding: 0;
      /* 3 */
      white-space: normal;
      /* 1 */
  }
  
  
  /**
       * Add the correct vertical alignment in Chrome, Firefox, and Opera.
       */
  
  progress {
      vertical-align: baseline;
  }
  
  
  /**
       * Remove the default vertical scrollbar in IE 10+.
       */
  
  textarea {
      overflow: auto;
  }
  
  
  /**
       * 1. Add the correct box sizing in IE 10.
       * 2. Remove the padding in IE 10.
       */
  
  [type=checkbox],
  [type=radio] {
      box-sizing: border-box;
      /* 1 */
      padding: 0;
      /* 2 */
  }
  
  
  /**
       * Correct the cursor style of increment and decrement buttons in Chrome.
       */
  
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
      height: auto;
  }
  
  
  /**
       * 1. Correct the odd appearance in Chrome and Safari.
       * 2. Correct the outline style in Safari.
       */
  
  [type=search] {
      -webkit-appearance: textfield;
      /* 1 */
      outline-offset: -2px;
      /* 2 */
  }
  
  
  /**
       * Remove the inner padding in Chrome and Safari on macOS.
       */
  
  [type=search]::-webkit-search-decoration {
      -webkit-appearance: none;
  }
  
  
  /**
       * 1. Correct the inability to style clickable types in iOS and Safari.
       * 2. Change font properties to `inherit` in Safari.
       */
  
   ::-webkit-file-upload-button {
      -webkit-appearance: button;
      /* 1 */
      font: inherit;
      /* 2 */
  }
  
  
  /* Interactive
         ========================================================================== */
  
  
  /*
       * Add the correct display in Edge, IE 10+, and Firefox.
       */
  
  details {
      display: block;
  }
  
  
  /*
       * Add the correct display in all browsers.
       */
  
  summary {
      display: list-item;
  }
  
  
  /* Misc
         ========================================================================== */
  
  
  /**
       * Add the correct display in IE 10+.
       */
  
  template {
      display: none;
  }
  
  
  /**
       * Add the correct display in IE 10.
       */
  
  [hidden] {
      display: none;
  }
  
  .no-margin {
      margin: 0;
  }
  
  .no-padding {
      padding: 0;
  }
  
  .centrar-texto {
      text-align: center;
  }
  
  .preloader {
      height: 100%;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      background: #F5F4E7;
      z-index: 999;
      overflow: hidden;
  }
  
  .preloader .titulo__preloader {
      color: #2E3A4C;
      margin: 0;
      padding-top: 10rem;
  }
  
  @media (min-width: 768px) {
      .preloader .titulo__preloader {
          margin: 0 2rem;
          padding-top: 10rem;
      }
  }
  
  .preloader .titulo__preloader h1 {
      margin-top: 0;
      margin-bottom: 2rem;
      font-family: "Reckless Neue Regular", Times;
      color: #2E3A4C;
      font-size: 6rem;
      line-height: 1;
      letter-spacing: -0.03em;
      font-weight: normal;
      font-feature-settings: "ss02" on, "ss05" on, "ss08" on, "ss11" on, "ss12" on, "ss13" on, "ss14" on, "ss07" on, "ss01" 0, "salt" 0, "calt";
  }
  
  @media (min-width: 768px) {
      .preloader .titulo__preloader h1 {
          font-size: 7rem;
          margin-bottom: 6rem;
      }
  }
  
  @media (min-width: 1024px) {
      .preloader .titulo__preloader h1 {
          font-size: 10rem;
      }
  }
  
  @media (min-width: 1440px) {
      .preloader .titulo__preloader h1 {
          font-size: 11rem;
      }
  }
  
  @media (min-width: 2560px) {
      .preloader .titulo__preloader h1 {
          font-size: 20rem;
      }
  }
  
  .preloader .titulo__preloader span {
      display: inline-block;
  }
  
  
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  
  
  /* Document
       ========================================================================== */
  
  
  /**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in iOS.
     */
  
  html {
      line-height: 1.15;
      /* 1 */
      -webkit-text-size-adjust: 100%;
      /* 2 */
  }
  
  
  /* Sections
       ========================================================================== */
  
  
  /**
     * Remove the margin in all browsers.
     */
  
  body {
      margin: 0;
  }
  
  
  /**
     * Render the `main` element consistently in IE.
     */
  
  main {
      display: block;
  }
  
  
  /**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
  
  h1 {
      font-size: 2em;
      margin: 0.67em 0;
  }
  
  
  /* Grouping content
       ========================================================================== */
  
  
  /**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
  
  hr {
      box-sizing: content-box;
      /* 1 */
      height: 0;
      /* 1 */
      overflow: visible;
      /* 2 */
  }
  
  
  /**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
  
  pre {
      font-family: monospace, monospace;
      /* 1 */
      font-size: 1em;
      /* 2 */
  }
  
  
  /* Text-level semantics
       ========================================================================== */
  
  
  /**
     * Remove the gray background on active links in IE 10.
     */
  
  a {
      background-color: transparent;
  }
  
  
  /**
     * 1. Remove the bottom border in Chrome 57-
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
  
  abbr[title] {
      border-bottom: none;
      /* 1 */
      text-decoration: underline;
      /* 2 */
      text-decoration: underline dotted;
      /* 2 */
  }
  
  
  /**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
  
  b,
  strong {
      font-weight: bolder;
  }
  
  
  /**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
  
  code,
  kbd,
  samp {
      font-family: monospace, monospace;
      /* 1 */
      font-size: 1em;
      /* 2 */
  }
  
  
  /**
     * Add the correct font size in all browsers.
     */
  
  small {
      font-size: 80%;
  }
  
  
  /**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     */
  
  sub,
  sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
  }
  
  sub {
      bottom: -0.25em;
  }
  
  sup {
      top: -0.5em;
  }
  
  
  /* Embedded content
       ========================================================================== */
  
  
  /**
     * Remove the border on images inside links in IE 10.
     */
  
  img {
      border-style: none;
  }
  
  
  /* Forms
       ========================================================================== */
  
  
  /**
     * 1. Change the font styles in all browsers.
     * 2. Remove the margin in Firefox and Safari.
     */
  
  button,
  input,
  optgroup,
  select,
  textarea {
      font-family: inherit;
      /* 1 */
      font-size: 100%;
      /* 1 */
      line-height: 1.15;
      /* 1 */
      margin: 0;
      /* 2 */
  }
  
  
  /**
     * Show the overflow in IE.
     * 1. Show the overflow in Edge.
     */
  
  button,
  input {
      /* 1 */
      overflow: visible;
  }
  
  
  /**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
  
  button,
  select {
      /* 1 */
      text-transform: none;
  }
  
  
  /**
     * Correct the inability to style clickable types in iOS and Safari.
     */
  
  button,
  [type=button],
  [type=reset],
  [type=submit] {
      -webkit-appearance: button;
  }
  
  
  /**
     * Remove the inner border and padding in Firefox.
     */
  
  button::-moz-focus-inner,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {
      border-style: none;
      padding: 0;
  }
  
  
  /**
     * Restore the focus styles unset by the previous rule.
     */
  
  button:-moz-focusring,
  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring {
      outline: 1px dotted ButtonText;
  }
  
  
  /**
     * Correct the padding in Firefox.
     */
  
  fieldset {
      padding: 0.35em 0.75em 0.625em;
  }
  
  
  /**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */
  
  legend {
      box-sizing: border-box;
      /* 1 */
      color: inherit;
      /* 2 */
      display: table;
      /* 1 */
      max-width: 100%;
      /* 1 */
      padding: 0;
      /* 3 */
      white-space: normal;
      /* 1 */
  }
  
  
  /**
     * Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
  
  progress {
      vertical-align: baseline;
  }
  
  
  /**
     * Remove the default vertical scrollbar in IE 10+.
     */
  
  textarea {
      overflow: auto;
  }
  
  
  /**
     * 1. Add the correct box sizing in IE 10.
     * 2. Remove the padding in IE 10.
     */
  
  [type=checkbox],
  [type=radio] {
      box-sizing: border-box;
      /* 1 */
      padding: 0;
      /* 2 */
  }
  
  
  /**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
  
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
      height: auto;
  }
  
  
  /**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
  
  [type=search] {
      -webkit-appearance: textfield;
      /* 1 */
      outline-offset: -2px;
      /* 2 */
  }
  
  
  /**
     * Remove the inner padding in Chrome and Safari on macOS.
     */
  
  [type=search]::-webkit-search-decoration {
      -webkit-appearance: none;
  }
  
  
  /**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
  
   ::-webkit-file-upload-button {
      -webkit-appearance: button;
      /* 1 */
      font: inherit;
      /* 2 */
  }
  
  
  /* Interactive
       ========================================================================== */
  
  
  /*
     * Add the correct display in Edge, IE 10+, and Firefox.
     */
  
  details {
      display: block;
  }
  
  
  /*
     * Add the correct display in all browsers.
     */
  
  summary {
      display: list-item;
  }
  
  
  /* Misc
       ========================================================================== */
  
  
  /**
     * Add the correct display in IE 10+.
     */
  
  template {
      display: none;
  }
  
  
  /**
     * Add the correct display in IE 10.
     */
  
  [hidden] {
      display: none;
  }
  
  .footer {
      z-index: z("content");
      height: 100%;
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      background-color: #F5F4E7;
  }
  
  .contenido-footer {
      padding: 2rem;
  }
  
  .contenido-footer .copyright p {
      font-size: 1rem;
  }
  
  .contenido-footer p {
      font-family: "Rand Regular", Arial;
      font-size: 1.5rem;
      line-height: 1;
      margin: 0;
  }
  
  @media (min-width: 1280px) {
      .contenido-footer .copyright {
          padding-right: 2rem;
      }
  }
  
  .navegacion-principal {
      display: flex;
      flex-direction: column;
      padding: 2rem 0;
  }
  
  .navegacion-principal .bloque {
      margin: 2rem 0 2rem 0;
  }
  
  .navegacion-principal .bloque svg {
      margin-bottom: 1rem;
  }
  
  .navegacion-principal .bloque p {
      font-family: "Rand Regular", Arial;
      color: #2E3A4C;
      font-size: 1.3rem;
      line-height: 1.5;
  }
  
  .navegacion-principal .bloque .eula {
      font-family: "Rand Regular", Arial;
      color: #2E3A4C;
      font-size: 1rem;
      line-height: 1.2;
  }
  
  @media (min-width: 768px) {
      .navegacion-principal {
          flex-direction: row;
          justify-content: space-between;
          flex-wrap: wrap;
      }
      .navegacion-principal .bloque:last-of-type {
          padding-right: 30rem;
      }
  }
  
  @media (min-width: 1024px) {
      .navegacion-principal .bloque:last-of-type {
          padding-right: 50rem;
      }
  }
  
  @media (min-width: 1280px) {
      .navegacion-principal {
          flex-direction: row;
          justify-content: space-between;
          flex-wrap: nowrap;
      }
      .navegacion-principal .bloque {
          padding: 0 15rem 0 0;
      }
      .navegacion-principal .bloque:last-of-type {
          padding-right: 0rem;
      }
  }
  
  @media (min-width: 2560px) {
      .navegacion-principal {
          flex-direction: row;
          justify-content: space-between;
          flex-wrap: nowrap;
      }
      .navegacion-principal .bloque {
          padding: 0 5rem 0 0;
      }
  }
  
  .contenido-formulario {
      margin-top: 6rem;
      margin-bottom: 6rem;
      padding: 0 2rem;
  }
  
  .contenido-formulario p {
      font-family: "Rand Light", Arial;
      color: #FFF;
      font-size: 1.5rem;
      line-height: 1.4;
      letter-spacing: -0.1%;
      margin: 2rem 4rem;
  }
  
  .contenido-formulario p span {
      color: #F63F45;
  }
  
  input {
      transition: border-color 0.5s ease-out;
      transition: background-color 0.5s ease-out;
      padding: 0.1rem 0.1rem 0.1rem 1rem;
  }
  
  input::placeholder {
      color: #F4F6F9;
      opacity: 1;
      font-size: 2.4rem;
      line-height: 1;
      font-family: "Reckless Neue Thin", Times;
      letter-spacing: -0.03em;
      padding: 0.1rem 0.1rem 0.1rem 1rem;
  }
  
  input[type=text]:focus,
  input[type=email]:focus,
  input[type=tel]:focus {
      background-color: #FFF;
      color: #2E3A4C;
      font-family: "Reckless Neue Thin", Times;
      font-size: 2.4rem;
      border: #2E3A4C 1px solid;
      padding: 1rem;
  }
  
  input:focus:invalid {
      background: #F63F45;
  }
  
  @media (min-width: 768px) {
      .contenido-formulario p {
          font-size: 2rem;
          margin: 0rem 9rem 3rem 9rem;
      }
      .contenido-formulario input::placeholder {
          font-size: 2.4rem;
      }
      .contenido-formulario input[type=text]:focus,
      .contenido-formulario input[type=email]:focus,
      .contenido-formulario input[type=tel]:focus {
          font-size: 2rem;
      }
  }
  
  .formulario .campo {
      display: flex;
      margin-bottom: 1.5rem;
  }
  
  .formulario .campo__label {
      text-align: right;
  }
  
  .formulario .campo__field {
      flex: 1;
      padding: 1.5rem 1rem;
      border: 1px solid #F4F6F9;
      background-color: transparent;
      font-family: "Reckless Neue Thin", Times;
      color: #FFF;
      font-size: 2rem;
  }
  
  input.boton.boton--primario {
      padding: 1rem;
  }
  
  .boton--primario {
      display: block;
      height: 12rem;
      width: 12rem;
      border-radius: 50%;
      border: none;
      background-color: #F5F4E7;
      font-family: "Rand Medium", Arial;
      text-transform: uppercase;
      color: #2E3A4C;
      text-align: center;
  }
  
  .boton:hover {
      cursor: pointer;
      background-color: #F63F45;
  }
  
  @media (min-width: 768px) {
      .formulario {
          display: grid;
          grid-template-columns: repeat(6, 1fr);
          grid-auto-rows: unset;
          column-gap: 0.5rem;
      }
      .formulario .campo__field {
          padding: 0.5rem;
      }
      .formulario .campo {
          grid-column: auto/span 2;
          margin-bottom: 1rem;
      }
      .campo:nth-child(4),
      .campo:nth-child(5) {
          grid-column: auto/span 3;
      }
      .campo__field {
          padding: 1rem 1rem;
          font-size: 2.4rem;
      }
      .boton--primario {
          margin-top: 1.4rem;
      }
  }
  
  @media (min-width: 1024px) {
      .formulario {
          column-gap: 1rem;
      }
      .formulario .campo__field {
          padding: 2rem;
          font-size: 2.4rem;
      }
      .contenido-formulario p {
          font-size: 2.4rem;
          margin: 0rem 13rem 3rem 13rem;
      }
      .contenido-formulario input::placeholder {
          font-size: 3.4rem;
      }
      .contenido-formulario input[type=text]:focus,
      .contenido-formulario input[type=email]:focus,
      .contenido-formulario input[type=tel]:focus {
          font-size: 2.4rem;
      }
      .boton--primario {
          margin-top: 2rem;
          height: 16rem;
          width: 16rem;
          font-size: 2rem;
      }
  }
  
  @media (min-width: 1280px) {
      .formulario {
          column-gap: 2rem;
      }
      .formulario .campo {
          margin-bottom: 2rem;
      }
      .formulario .campo__field {
          padding: 3rem;
          font-size: 2.4rem;
      }
      .contenido-formulario p {
          font-size: 3rem;
          margin: 0rem 13rem 3rem 13rem;
      }
      .contenido-formulario input::placeholder {
          font-size: 4rem;
      }
      .contenido-formulario input[type=text]:focus,
      .contenido-formulario input[type=email]:focus,
      .contenido-formulario input[type=tel]:focus {
          font-size: 2.4rem;
      }
      .boton--primario {
          margin-top: 2rem;
          height: 18rem;
          width: 18rem;
          font-size: 2rem;
      }
  }
  
  @media (min-width: 1280px) {
      .formulario {
          column-gap: 2rem;
      }
      .formulario .campo {
          margin-bottom: 2rem;
      }
      .formulario .campo__field {
          padding: 3rem;
          font-size: 2.4rem;
      }
      .contenido-formulario p {
          font-size: 3rem;
          margin: 0rem 13rem 3rem 13rem;
      }
      .contenido-formulario input::placeholder {
          font-size: 4rem;
      }
      .contenido-formulario input[type=text]:focus,
      .contenido-formulario input[type=email]:focus,
      .contenido-formulario input[type=tel]:focus {
          font-size: 2.4rem;
      }
      .boton--primario {
          margin-top: 2rem;
          height: 16rem;
          width: 16rem;
          font-size: 2.4rem;
      }
  }
  
  @media (min-width: 1440px) {
      .formulario {
          column-gap: 2rem;
      }
      .formulario .campo {
          margin-bottom: 2rem;
      }
      .formulario .campo__field {
          padding: 5rem;
          font-size: 2.4rem;
      }
      .contenido-formulario p {
          font-size: 3rem;
          margin: 0rem 15rem 3rem 15rem;
      }
      .contenido-formulario input::placeholder {
          font-size: 5rem;
      }
      .contenido-formulario input[type=text]:focus,
      .contenido-formulario input[type=email]:focus,
      .contenido-formulario input[type=tel]:focus {
          font-size: 2.4rem;
      }
      .boton--primario {
          margin-top: 2rem;
          height: 16rem;
          width: 16rem;
          font-size: 2.4rem;
      }
  }
  
  @media (min-width: 2560px) {
      .formulario {
          column-gap: 2rem;
      }
      .formulario .campo {
          margin-bottom: 2rem;
      }
      .formulario .campo__field {
          padding: 9rem;
          font-size: 4rem;
      }
      .contenido-formulario p {
          font-size: 5rem;
          margin: 0rem 22rem 3rem 22rem;
      }
      .contenido-formulario input::placeholder {
          font-size: 8rem;
      }
      .contenido-formulario input[type=text]:focus,
      .contenido-formulario input[type=email]:focus,
      .contenido-formulario input[type=tel]:focus {
          font-size: 6rem;
      }
      .boton--primario {
          margin-top: 2rem;
          height: 24rem;
          width: 24rem;
          font-size: 3.4rem;
      }
  }
  
  .error {
      background-color: #F63F45;
      text-align: center;
      padding: 3rem;
      color: #FFF;
      text-transform: uppercase;
      margin-top: 4rem;
      font-family: "Rand Medium", Arial;
  }
  
  .correcto {
      margin-top: 4rem;
      background-color: #31d64c;
      text-align: center;
      padding: 3rem;
      color: #FFF;
      text-transform: uppercase;
      font-family: "Rand Medium", Arial;
  }
  
  .header {
      background-color: #F5F4E7;
      width: 100%;
      position: fixed;
      z-index: 99;
  }
  
  .header .contenido-header {
      padding: 0 2rem;
      margin: 0 auto;
  }
  
  @media (min-width: 768px) {
      .header .contenido-header {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          margin: 0 2rem;
          padding: 1rem 2rem;
      }
  }
  
  @media (min-width: 1280px) {
      .header .contenido-header {
          padding: 1rem 4rem;
      }
  }
  
  @media (min-width: 2560px) {
      .header .contenido-header {
          padding: 1rem 6rem;
      }
  }
  
  @media (min-width: 768px) {
      .header .navegacion-principal {
          display: flex;
          gap: 4rem;
          margin: 0;
      }
  }
  
  .header .navegacion-principal svg {
      text-align: left;
      margin-bottom: 2rem;
      width: 80%;
  }
  
  @media (min-width: 768px) {
      .header .navegacion-principal svg {
          width: auto;
          margin: 0;
      }
  }
  
  .header .navegacion-principal__items {
      font-family: "Rand Regular", Arial;
      padding: 2rem 0;
  }
  
  .header .navegacion-principal__items a {
      text-decoration: none;
      color: #2E3A4C;
      padding: 0 1rem;
  }
  
  .header .navegacion-principal__items a:hover {
      color: #F63F45;
  }
  
  .hero {
      z-index: 9;
  }
  
  .contenido-hero {
      padding: 10rem 1rem 1rem 1rem;
  }
  
  @media (min-width: 768px) {
      .contenido-hero {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          column-gap: 7rem;
          padding: 10rem 1rem 1rem 1rem;
          margin: 0 auto;
      }
  }
  
  @media (min-width: 1024px) {
      .contenido-hero {
          column-gap: 7rem;
          padding: 5rem 0;
      }
  }
  
  .titulo {
      margin: 0;
  }
  
  @media (min-width: 768px) {
      .titulo {
          margin: 0 2rem;
          padding: 0;
      }
  }
  
  .titulo h1 {
      margin-top: 0;
      margin-bottom: 2rem;
      font-family: "Reckless Neue Regular", Times;
      color: #F63F45;
      font-size: 6rem;
      line-height: 1;
      letter-spacing: -0.03em;
      font-weight: normal;
      font-feature-settings: "ss02" on, "ss05" on, "ss08" on, "ss11" on, "ss12" on, "ss13" on, "ss14" on, "ss07" on, "ss01" 0, "salt" 0, "calt";
  }
  
  @media (min-width: 768px) {
      .titulo h1 {
          font-size: 7rem;
          margin-bottom: 6rem;
      }
  }
  
  @media (min-width: 1024px) {
      .titulo h1 {
          font-size: 10rem;
      }
  }
  
  @media (min-width: 1440px) {
      .titulo h1 {
          font-size: 11rem;
      }
  }
  
  @media (min-width: 2560px) {
      .titulo h1 {
          font-size: 20rem;
      }
  }
  
  .titulo .lista {
      z-index: z("content");
  }
  
  .titulo .imagen {
      margin: 0;
      max-width: 70%;
  }
  
  @media (min-width: 1280px) {
      .titulo .imagen {
          max-width: 70%;
      }
  }
  
  .titulo ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      color: #FFF;
      padding: 0;
      font-family: "Rand Light", Arial;
      padding: 2rem 0;
      margin: 0;
  }
  
  @media (min-width: 1280px) {
      .titulo ul {
          margin-top: 15rem;
      }
  }
  
  @media (min-width: 2560px) {
      .titulo ul {
          margin-top: 35rem;
      }
  }
  
  .titulo li {
      list-style: none;
      font-size: 1.2rem;
  }
  
  @media (min-width: 768px) {
      .titulo li {
          font-size: 1.5rem;
      }
  }
  
  @media (min-width: 1024px) {
      .titulo li {
          font-size: 2rem;
      }
  }
  
  @media (min-width: 1280px) {
      .titulo li {
          font-size: 2rem;
      }
  }
  
  @media (min-width: 1440px) {
      .titulo li {
          font-size: 2.4rem;
      }
  }
  
  @media (min-width: 2560px) {
      .titulo li {
          font-size: 4rem;
      }
  }
  
  .titulo li span {
      position: relative;
      left: -1rem;
  }
  
  @media (min-width: 768px) {
      .titulo li span {
          left: -1rem;
      }
  }
  
  @media (min-width: 1024px) {
      .titulo li span {
          left: -1.5rem;
      }
  }
  
  @media (min-width: 1280px) {
      .titulo li span {
          left: -2rem;
      }
  }
  
  @media (min-width: 1440px) {
      .titulo li span {
          left: -2rem;
      }
  }
  
  @media (min-width: 2560px) {
      .titulo li span {
          left: -4rem;
      }
  }
  
  .titulo li::before {
      content: "·";
      margin-right: 0;
      font-family: "Times New Roman", Times, serif;
      line-height: 0.2;
      font-size: 10rem;
      vertical-align: middle;
      color: #F63F45;
      padding: 0;
  }
  
  @media (min-width: 768px) {
      .titulo li::before {
          font-size: 10rem;
          line-height: 0.25;
      }
  }
  
  @media (min-width: 1024px) {
      .titulo li::before {
          font-size: 12.5rem;
      }
  }
  
  @media (min-width: 1280px) {
      .titulo li::before {
          font-size: 15rem;
          line-height: 0.18;
      }
  }
  
  @media (min-width: 1440px) {
      .titulo li::before {
          font-size: 20rem;
          line-height: 0.18;
      }
  }
  
  @media (min-width: 2560px) {
      .titulo li::before {
          font-size: 35rem;
      }
  }
  
  .contenido-learning {
      background-color: #F63F45;
      
  }
  
  .contenido-learning .contenido__learning__titulo {
      color: #FFF;
      text-align: center;
      font-size: 3rem;
      padding: 2rem 0 1rem 0;
      margin: 0;
      font-family: "Reckless Neue Medium", Times;
      font-weight: 100;
      font-style: normal;
      font-feature-settings: "ss02" on, "ss05" on, "ss08" on, "ss11" on, "ss12" on, "ss13" on, "ss14" on, "ss07" on;
  }
  
  .contenido-learning p {
      font-family: "Rand Light", Arial;
      color: #2E3A4C;
      text-align: center;
  }
  
  .contenido-learning .texto-trazado {
      margin: 0 3rem;
      text-align: center;
  }
  
  .contenido-learning path {
      fill: transparent;
  }
  
  .contenido-learning text {
      font-family: "Rand Light", Arial;
      fill: #2E3A4C;
      text-align: center;
      font-size: 1.3rem;
  }
  
  @media (min-width: 768px) {
      .contenido-learning .contenido__learning__titulo {
          font-size: 5rem;
      }
      .contenido-learning text {
          font-size: 1.3rem;
      }
      .contenido-learning .texto-trazado {
          margin: 0 11rem;
          text-align: center;
      }
      .contenido-learning svg {
          margin: 2rem 0;
          width: 50rem;
      }
  }
  
  @media (min-width: 1024px) {
      .contenido-learning .contenido__learning__titulo {
          font-size: 6rem;
      }
      .contenido-learning text {
          font-size: 1.3rem;
          text-align: center;
      }
      .contenido-learning .texto-trazado {
          margin: 0 15rem;
      }
      .contenido-learning svg {
          margin: 2rem 0;
          width: 60rem;
      }
  }
  
  @media (min-width: 1280px) {
      .contenido-learning .contenido__learning__titulo {
          font-size: 8rem;
      }
      .contenido-learning text {
          font-size: 1.3rem;
          text-align: center;
      }
      .contenido-learning svg {
          margin: 2rem 0;
          width: 70rem;
      }
  }
  
  @media (min-width: 1440px) {
      .contenido-learning .contenido__learning__titulo {
          font-size: 8.4rem;
          letter-spacing: -0.03em;
      }
      .contenido-learning text {
          font-size: 1.3rem;
          text-align: center;
      }
      .contenido-learning svg {
          margin: 2rem 0;
          width: 80rem;
      }
  }
  
  @media (min-width: 2560px) {
      .contenido-learning .contenido__learning__titulo {
          font-size: 15rem;
      }
      .contenido-learning p {
          font-size: 5rem;
      }
      .contenido-learning text {
          font-size: 1.3rem;
          text-align: center;
      }
      .contenido-learning svg {
          margin: 2rem 0;
          width: 150rem;
      }
  }
  
.bloque__holder {
      display: flex;
      justify-content: space-between;
  }
  
.bloque__holder .bloque-imagen {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      padding: 1rem;
      flex: 0 0 calc(25% - 1rem)
  }

  .bloque__holder .bloque-imagen p {
      text-align: center;
      width: 20ch;
      font-size: 1rem;
      color: #FFF;
      margin: 0;
      line-height: 1.2;
  }
  
.bloque__holder .bloque-imagen span {
      color: #F4F6F9;
      opacity: 0.6;
  }
  
.bloque__holder .bloque-imagen img {
      /* width: 100%;
    min-width: 25rem;
    height: 350px;*/
    border: 1px #000 solid;
    /*margin-bottom: 1rem; */
  }
  
  @media (min-width: 768px) {
     .bloque__holder .bloque-imagen img {
          min-width: 30rem;
          height: 100%;
      }
  }
  
  @media (min-width: 1024px) {
      .bloque__holder .bloque-imagen img {
          min-width: 30rem;
          height: 100%;
      }
  }
  
 .bloque__holder .bloque-imagen .circle {
      border-radius: 50%;
  }
  
.bloque__holder .bloque-imagen:last-child {
      padding-right: 3.4rem;
  }
  
  .contenido-texto {
      margin-top: 5rem;
      margin-bottom: 5rem;
      padding: 0 2rem;
  }
  
  .contenido-texto article.highlight {
      padding: 0.5rem;
      font-family: "Reckless Neue Light", Times;
      -webkit-font-smoothing: antialiased;
      font-weight: normal;
      color: #FFF;
      font-size: 1.3rem;
      line-height: 1.3;
      text-align: center;
      letter-spacing: -0.03em;
      font-feature-settings: "ss02" on, "ss05" on, "ss08" on, "ss11" on, "ss12" on, "ss13" on, "ss14" on, "ss07" on, "ss01" 0, "salt" 0, "calt";
  }
  
  .contenido-texto article.highlight * {
      transition: color 0.1s linear;
  }
  
  .contenido-texto article.highlight span:hover,
  .contenido-texto article.highlight span.hover {
      color: #F63F45;
  }
  
  .contenido-texto article.highlight h1 {
      font-weight: normal;
  }
  
  .contenido-texto article.highlight p {
      margin: 0;
  }
  
  @media (min-width: 768px) {
      .contenido-texto article.highlight {
          font-size: 2.3rem;
          line-height: 1.2;
      }
  }
  
  @media (min-width: 1024px) {
      .contenido-texto article.highlight {
          font-size: 3.1rem;
      }
  }
  
  @media (min-width: 1280px) {
      .contenido-texto article.highlight {
          font-size: 4rem;
          line-height: 1.1;
      }
  }
  
  @media (min-width: 1440px) {
      .contenido-texto article.highlight {
          font-size: 4.5rem;
          line-height: 1.1;
      }
  }
  
  @media (min-width: 2560px) {
      .contenido-texto article.highlight {
          font-size: 8rem;
          line-height: 1.1;
      }
  }
  
  .bloque-learning{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 5rem;
    align-items: baseline;
  }

  @media (max-width: 756px) {
    .bloque-learning{
        display: flex;
        flex-direction: column;
        align-items: center;
      }
    }

  .bloque-learning__card{
    display: flex;
    flex-direction: column;
    justify-content: baseline;
    align-items: center;
    flex: 0 0 calc(25% - 1rem);
    gap: 2rem;
    padding: 2rem;
  }

  .bloque-learning__card img{
    min-width: 100%;
    border: 1px #000 solid;
  }

  .bloque-learning__card p{
    width: 20ch;
    font-size: 2rem;
    color: #FFF;
    margin: 0;
    line-height: 1.2;
  }

  .bloque-learning__card p span{
    color: #F4F6F9;
    opacity: 0.6;
  }


  .bloque-learning__card .circle {
    border-radius: 50%;
    }

    .testimonials p{
        width:25ch;
        font-size: 1.5rem;
    }

    .testimonials img{
        max-width: 3rem;

    }

  /* prettier-ignore */
  
  -dg-ac {
      z-index: 999999 !important;
  }