@charset "UTF-8";
@media screen {
  /* RESET PAGE */
  html, body,
  div, span,
  h1, h2, h3, h4, h5, h6, p,
  a, em, font, img, strong,
  dl, dt, dd, ol, ul, li,
  form, label, fieldset, legend, input, select, textarea, button,
  table, caption, tbody, tfoot, thead, tr, th, td,
  header, main, footer,
  article, aside, canvas, embed,
  picture, figure, figcaption, hgroup,
  menu, nav, output, ruby, section, details, summary,
  address, blockquote, cite,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: none;
    box-sizing: border-box;
  }
  header, main, footer,
  article, aside, canvas, embed,
  picture, figure, figcaption, hgroup,
  menu, nav, output, ruby, section, details, summary,
  address, blockquote, cite,
  time, mark, audio, video {
    display: block;
  }
  h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
  }
  ul {
    list-style: none;
  }
  a {
    text-decoration: none !important;
  }
  a, figure, img {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  input, select, textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type=number] {
    -webkit-appearance: textfield;
       -moz-appearance: textfield;
            appearance: textfield;
  }
  table, tr, th, td {
    border-collapse: collapse;
    vertical-align: top;
  }
  address {
    font-style: normal;
  }
  html, body {
    height: 100%;
  }
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem; /*1rem = 16px*/
  }
}
/*PRIMITIVES*/
/*colors*/
/*functional*/
/*rrss*/
/*neutral*/
/*gray*/
/*gradients*/
/*fonts size - ratio 1:20 Custom*/
/*8px*/
/*10px*/
/*12px*/
/*14px*/
/*16px*/
/*19px*/
/*23px*/
/*28px*/
/*33px*/
/*39px*/
/*48px*/
/*57px*/
/*69px*/
/*83px*/
/*font family*/
/*font weight*/
/*normaliza alto de inputs /buttons*/
/*radius*/
/*easing*/
/*icons*/
/*icons special*/
/*FONTS*/
/*variable font*/
@font-face {
  font-family: "Arima";
  src: url("../fonts/Arima-VariableFont_wght.ttf") format("truetype");
  font-weight: 1 999;
  font-display: swap;
}
/*static font*/
@font-face {
  font-family: "Overlock";
  src: url("../fonts/Overlock-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Overlock";
  src: url("../fonts/Overlock-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}
/*
.font-primary {
    p.font-thin {@include font-weight ($font-primary, $font-thin);}
    p.font-light {@include font-weight ($font-primary, $font-light);}
    p.font-regular {@include font-weight ($font-primary, $font-regular);}
    p.font-semi {@include font-weight ($font-primary, $font-semi);}
    p.font-medium {@include font-weight ($font-primary, $font-medium);}
    p.font-bold {@include font-weight ($font-primary, $font-bold);}
    p.font-extra-bold {@include font-weight ($font-primary, $font-extra-bold);}
    p.font-black {@include font-weight ($font-primary, $font-black);}
}
*/
/*IMAGES*/
img {
  max-width: 100%;
  display: block;
}

img[data-src] {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

img[data-state=show] {
  opacity: 1;
}

/*ICONS*/
/*Iconos Standard*/
*[data-icon=menu]::before {
  -webkit-mask-image: url("../img/icons/menu.svg");
          mask-image: url("../img/icons/menu.svg");
}

*[data-icon=close]::before {
  -webkit-mask-image: url("../img/icons/close.svg");
          mask-image: url("../img/icons/close.svg");
}

*[data-icon=list]::before {
  -webkit-mask-image: url("../img/icons/list.svg");
          mask-image: url("../img/icons/list.svg");
}

*[data-icon=grid]::before {
  -webkit-mask-image: url("../img/icons/grid.svg");
          mask-image: url("../img/icons/grid.svg");
}

*[data-icon=clock]::before {
  -webkit-mask-image: url("../img/icons/clock.svg");
          mask-image: url("../img/icons/clock.svg");
}

*[data-icon=mail]::before {
  -webkit-mask-image: url("../img/icons/mail.svg");
          mask-image: url("../img/icons/mail.svg");
}

*[data-icon=plus]::before {
  -webkit-mask-image: url("../img/icons/plus.svg");
          mask-image: url("../img/icons/plus.svg");
}

*[data-icon=minus]::before {
  -webkit-mask-image: url("../img/icons/minus.svg");
          mask-image: url("../img/icons/minus.svg");
}

*[data-icon=magnifying]::before {
  -webkit-mask-image: url("../img/icons/magnifying.svg");
          mask-image: url("../img/icons/magnifying.svg");
}

*[data-icon=calendar]::before {
  -webkit-mask-image: url("../img/icons/calendar.svg");
          mask-image: url("../img/icons/calendar.svg");
}

*[data-icon=eye-close]::before {
  -webkit-mask-image: url("../img/icons/eye-close.svg");
          mask-image: url("../img/icons/eye-close.svg");
}

*[data-icon=eye-open]::before {
  -webkit-mask-image: url("../img/icons/eye-open.svg");
          mask-image: url("../img/icons/eye-open.svg");
}

*[data-icon=paperclip]::before {
  -webkit-mask-image: url("../img/icons/paperclip.svg");
          mask-image: url("../img/icons/paperclip.svg");
}

*[data-icon=heart]::before {
  -webkit-mask-image: url("../img/icons/heart.svg");
          mask-image: url("../img/icons/heart.svg");
}

*[data-icon=heart-fill]::before {
  -webkit-mask-image: url("../img/icons/heart-fill.svg");
          mask-image: url("../img/icons/heart-fill.svg");
}

*[data-icon=currency-pesos]::before {
  -webkit-mask-image: url("../img/icons/currency-pesos.svg");
          mask-image: url("../img/icons/currency-pesos.svg");
}

*[data-icon=help-circle]::before {
  -webkit-mask-image: url("../img/icons/help-circle.svg");
          mask-image: url("../img/icons/help-circle.svg");
}

*[data-icon=info-circle]::before {
  -webkit-mask-image: url("../img/icons/info-circle.svg");
          mask-image: url("../img/icons/info-circle.svg");
}

*[data-icon=check]::before {
  -webkit-mask-image: url("../img/icons/check.svg");
          mask-image: url("../img/icons/check.svg");
}

*[data-icon=chevron-up]::before {
  -webkit-mask-image: url("../img/icons/chevron-up.svg");
          mask-image: url("../img/icons/chevron-up.svg");
}

*[data-icon=chevron-down]::before {
  -webkit-mask-image: url("../img/icons/chevron-down.svg");
          mask-image: url("../img/icons/chevron-down.svg");
}

*[data-icon=chevron-left]::before {
  -webkit-mask-image: url("../img/icons/chevron-left.svg");
          mask-image: url("../img/icons/chevron-left.svg");
}

*[data-icon=chevron-right]::before {
  -webkit-mask-image: url("../img/icons/chevron-right.svg");
          mask-image: url("../img/icons/chevron-right.svg");
}

*[data-icon=arrow-right]::before {
  -webkit-mask-image: url("../img/icons/arrow-right.svg");
          mask-image: url("../img/icons/arrow-right.svg");
}

*[data-icon=facebook]::before {
  -webkit-mask-image: url("../img/icons/facebook.svg");
          mask-image: url("../img/icons/facebook.svg");
}

*[data-icon=ex]::before {
  -webkit-mask-image: url("../img/icons/ex.svg");
          mask-image: url("../img/icons/ex.svg");
}

*[data-icon=instagram]::before {
  -webkit-mask-image: url("../img/icons/instagram.svg");
          mask-image: url("../img/icons/instagram.svg");
}

*[data-icon=linkedin]::before {
  -webkit-mask-image: url("../img/icons/linkedin.svg");
          mask-image: url("../img/icons/linkedin.svg");
}

*[data-icon=youtube]::before {
  -webkit-mask-image: url("../img/icons/youtube.svg");
          mask-image: url("../img/icons/youtube.svg");
}

*[data-icon=linktree]::before {
  -webkit-mask-image: url("../img/icons/linktree.svg");
          mask-image: url("../img/icons/linktree.svg");
}

*[data-icon=wapp]::before {
  -webkit-mask-image: url("../img/icons/wapp.svg");
          mask-image: url("../img/icons/wapp.svg");
}

/*Iconos Especiale*/
*[data-icon-special=play-special]::before {
  background-image: url("../img/icons/play-special.svg");
}

*[data-icon]::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  line-height: 0;
  background-color: #000000;
  transition: all 0.3s ease-in-out;
}

*[data-icon-special]::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  line-height: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  transition: all 0.3s ease-in-out;
}

.icon {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  aspect-ratio: 1/1;
}

/*sizes*/
.icon[data-size=big]::before {
  width: 2em;
  height: 2em;
}

.icon[data-size=medium]::before {
  width: 1.5em;
  height: 1.5em;
}

.icon[data-size=small]::before {
  width: 0.5em;
  height: 0.5em;
}

/*ANIMACIONES*/
@keyframes fav {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes wavessound1 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes wavessound2 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes wavessound3 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
/*EFECTOS*/
@media screen {
  *[data-effect=autoshow] {
    transition: all 0.3s ease-in-out;
  }
  *[data-effect=autoshow][data-state=hide] {
    opacity: 0;
    transform: translateY(2em);
  }
  *[data-effect=autoshow][data-state=show] {
    opacity: 1;
    transform: translateY(0);
  }
}
/*LAYOUT GLOVAL*/
@media screen {
  body {
    margin: 0 auto;
    text-align: left;
    font-family: "Arima", Arial, Helvetica, sans-serif;
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    overflow-x: hidden;
  }
  .SafeZone {
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
  }
  .ViewportLargo {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto; /*border: 1px solid green;*/
    max-width: 110em; /*1760px*/
  }
  .Viewport {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto; /*border: 1px solid red;*/
    max-width: 100em; /*1600px*/
  }
  .ViewportMedio {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto; /*border: 1px solid blue;*/
    max-width: 70em; /*1120px*/
  }
  .ViewportCorto {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto; /*border: 1px solid blue;*/
    max-width: 56em; /*900px*/
  }
}
@media (max-width: 1920px) {
  .Viewport {
    max-width: 85em;
  } /*1360px*/
}
@media (max-width: 1470px) {
  .Viewport {
    max-width: 75em !important;
  } /*1200px*/
}
@media (max-width: 1300px) {
  .Viewport,
  .ViewportLargo,
  .ViewportMedio,
  .ViewportCorto {
    padding: 0 2em;
    max-width: none !important;
  }
}
@media (max-width: 500px) {
  .Viewport,
  .ViewportLargo,
  .ViewportMedio,
  .ViewportCorto {
    padding: 0 1.5em;
  }
}
/*INTERIOR PAGES*/
/*LAYOUT - FORMULARIOS*/
@media screen {
  .form-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 35em;
    margin: 0 auto;
    padding: 2em;
    border-radius: 0.5em;
    border: 0.06em solid #BD9D5A;
  }
  form {
    width: 100%;
  }
  .form-header {
    display: block;
  }
  p.form-title {
    font-size: 1.44em;
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    color: #183E60;
  }
  .form-body {
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 0.75em 0 1.5em 0;
  }
  /*linea con 1 campo*/
  .form-line {
    display: block;
    width: 100%;
  }
  /*linea con 2 o 3 campos*/
  .form-line[data-layout=multiple] {
    display: flex;
    gap: 1.5em;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .form-line[data-layout=multiple] > * {
    flex: 1;
  }
  /*linea con grupo de campos / check - radio*/
  .form-line[data-layout=group] {
    padding-top: 1.5em;
    padding-bottom: 0.5em;
    border-top: 0.06em solid #e5e7eb;
  }
  /*sublinea con grupo de campos*/
  .form-group {
    display: flex;
    gap: 1.5em;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 1em;
  }
  .form-group > * {
    flex: 1;
  }
  .form-item[data-layout=short] {
    flex: 0 0 auto !important;
  }
  .form-footer {
    display: block;
  }
  .form-actionbar {
    display: inline-flex;
    gap: 0.5em;
  }
}
/*CONSTRUCCION*/
@media screen {
  #ModuloContruccion {
    width: 100vw;
    height: 100vh;
    background: url(../img/contruccion/back-contruction.jpg) no-repeat 100% 50%;
    background-size: auto 100%;
    display: flex;
    align-items: center;
    padding: 5em 10em;
  }
  #ContruccionInfo {
    width: 50vw;
  }
  .contruction-logo {
    margin-bottom: 2em;
    width: 100%;
    max-width: 18em;
  }
  p.contruction-title {
    font-size: 2.07em;
    line-height: 1em;
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    color: #183E60;
    margin-bottom: 0.5em;
  }
  p.contruction-txt {
    font-size: 1.2em;
    color: #374151;
    margin-bottom: 1.5em;
  }
  p.contruction-txt a {
    color: inherit;
  }
  p.contruction-slogan {
    font-size: 1.44em;
    color: #BD9D5A;
  }
  /*STAND BY */
  #ModuloStanBy {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
  }
}
@media (max-width: 1220px) {
  #ContruccionInfo {
    width: 45vw;
  }
  #ModuloContruccion {
    padding: 5em;
    background-position: 40vw 0;
  }
}
@media (max-width: 980px) {
  p.contruction-txt br {
    display: none;
  }
}
@media (max-width: 700px) {
  #ModuloContruccion {
    padding: 2em;
    align-items: flex-start;
    background-position: 0 0;
  }
  #ContruccionInfo {
    width: 70vw;
  }
  .contruction-logo {
    max-width: 10em;
  }
  p.contruction-title {
    font-size: 1.73em;
    line-height: 1em;
  }
  p.contruction-txt {
    font-size: 0.9em;
  }
  p.contruction-slogan {
    font-size: 1em;
  }
}
/*HOME*/
@media screen {
  #Introduction {
    position: relative;
    padding: 8em 0 0 0;
    background-color: #EDEEF2;
  }
  #Introduction::after {
    content: " ";
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 7em;
    z-index: 100;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    -webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
            mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    display: none;
  }
  body[data-scroll=on] #Introduction::after {
    display: block;
  }
  #ContentIntroduction {
    display: flex;
    flex-direction: column;
    gap: 3em;
    padding-left: calc((100vw - 85em) / 2);
  }
  #TopIntroduccion {
    flex: 0 0 auto;
    display: block;
    width: 100%;
  }
  p#CopyIntroduccion {
    font-size: 1.44em;
    line-height: 1.4em;
    margin-bottom: 0.25em;
    color: #183E60;
  }
  p#TitleIntroduction {
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 6em;
    line-height: 1em;
    display: inline-block;
    background: linear-gradient(to right, #183E60, #BD9D5A);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
  #BottomIntroduccion {
    flex: 0 0 auto;
    display: flex;
    gap: 2em;
    justify-content: flex-end;
    width: 100%;
    padding-bottom: 3em;
  }
  #TxtIntroduction {
    flex: 0 0 auto;
    width: 30em;
  }
  #TxtIntroduction img {
    width: 3em;
    margin-bottom: 1em;
  }
  #TxtIntroduction strong {
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    color: #183E60;
  }
  #TxtIntroduction .subtitle {
    display: block;
    margin-bottom: 0.5em;
    font-size: 1.73em;
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    color: #183E60;
  }
  #TxtIntroduction .txt {
    display: block;
    margin-bottom: 1em;
    font-size: 1.2em;
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 1.5em;
    color: #111827;
  }
  #PhotoIntroduction {
    flex: 1;
    position: sticky;
    overflow: hidden;
    top: 0; /*height: 100vh;*/
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #SobreLibro {
    background: #F3F2FA url(../img/pattern-blue.jpg) repeat 0 0;
    background-size: 5em 5em;
  }
  #ContentSobreLibro {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
  }
  #PhotoSobreLibro {
    flex: 0 0 auto;
    width: 40em;
    align-self: stretch;
  }
  #PhotoSobreLibro figure {
    width: 100%;
    height: 100%;
  }
  #PhotoSobreLibro img {
    max-width: none;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #InfoSobreLibro {
    flex: 1;
    max-width: 30em;
    padding: 6em 0;
  }
  p#CopySobreLibro {
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 1.2em;
    color: #695D3A;
    margin-bottom: 0.5em;
  }
  p#TitleSobreLibro {
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 3em;
    line-height: 1em;
    display: inline-block;
    margin-bottom: 0.5em;
    background: linear-gradient(to right, #183E60, #BD9D5A);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
  p#TxtSobreLibro {
    font-size: 1.035em;
    color: #4b5563;
  }
  #QuickForm {
    position: relative;
    overflow: hidden;
    padding: 4em 0;
    background-color: #E0E0E8;
  }
  #ContentQuickForm {
    position: relative;
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    gap: 4em;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  #InfoQuickForm {
    flex: 0 1 20em;
  }
  p#TitleQuickForm {
    font-size: 3.58em;
    line-height: 1em;
    margin-bottom: 0.25em;
    background: linear-gradient(to right, #183E60, #BD9D5A);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
  p#SubTitleQuickForm {
    font-size: 1.2em;
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: #1f2937;
  }
  #FullForm {
    flex: 0 1 27em;
  }
  #QuickForm .form-container {
    max-width: none !important;
    background-color: #ffffff;
  }
  #BackQuickForm {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
    max-width: none;
  }
  .access-wapp {
    position: relative;
    width: 100%;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  a.BtnWappSpecial[data-size=big] {
    padding-left: 2.5em !important;
    background: url("../img/icons/wapp-special.svg") no-repeat 0.5em 50%;
    background-size: 1.7em auto;
  }
  .access-wapp .button[data-size=big] {
    position: absolute;
    bottom: 2em;
    left: 50%;
    transform: translateX(-50%);
  }
  .access-wapp-background {
    width: 100%;
  }
}
@media (max-width: 1500px) {
  #ContentIntroduction {
    padding-left: 6em;
  }
  #BottomIntroduccion {
    padding-bottom: 4em;
  }
}
@media (max-width: 1200px) {
  #TxtIntroduction {
    width: 20em;
  }
  #PhotoIntroduction {
    height: 100vh;
  }
  #PhotoSobreLibro {
    width: 27em;
  }
  #InfoSobreLibro {
    max-width: none;
  }
}
@media (max-width: 950px) {
  p#TitleIntroduction {
    font-size: 3.58em;
  }
  p#CopyIntroduccion {
    font-size: 1.44em;
  }
  #ContentSobreLibro {
    flex-direction: column;
  }
  #PhotoSobreLibro {
    flex: 0 0 auto;
    width: 100%;
    text-align: right;
    padding-top: 2em;
  }
  #InfoSobreLibro {
    flex: 0 0 auto;
    width: 100%;
    padding-top: 0;
  }
}
@media (max-width: 800px) {
  #Introduction {
    padding-top: 8em;
  }
  #ContentIntroduction {
    padding-left: 2em;
    padding-right: 2em;
  }
  #BottomIntroduccion {
    flex-direction: column;
  }
  #TxtIntroduction {
    flex: 0 0 auto;
    width: 100%;
    order: 2;
  }
  #PhotoIntroduction {
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    order: 1;
    position: relative;
  }
  p#TitleQuickForm {
    font-size: 2.49em;
  }
}
@media (max-width: 600px) {
  p#CopyIntroduccion {
    margin-bottom: 0.5em;
  }
  p#CopyIntroduccion span {
    display: block;
  }
  #ContentQuickForm {
    gap: 1.5em;
    margin-top: 6.5em;
  }
}
/*SOBRE MI*/
@media screen {
  #SobreMi {
    padding: 3em 0;
    background-color: #ede9e0;
  }
  #ContentSobreMi {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  p.txt-destacado {
    font-size: 1.2em;
    color: #183E60;
  }
  .banner-pie {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    align-items: center;
  }
  .banner-pie figure {
    flex: 0 0 auto;
  }
  .banner-pie p {
    flex: 1;
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 2.07em;
    line-height: 1.1;
    background: linear-gradient(to right, #183E60, #BD9D5A);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
}
@media (max-width: 600px) {
  .banner-pie p {
    font-size: 1.73em;
  }
}
/*DETALLE NIVELS*/
@media screen {
  #Progama {
    width: 100%;
    padding-block: 8em 4em;
    background: linear-gradient(#E0E6E8, #FBFBFB);
  }
  #HeaderPrograma {
    margin-bottom: 2em;
  }
  #HeaderPrograma p {
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 2.07em;
    line-height: 1.33em;
    color: #183E60;
  }
  #RequisitosPrograma {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    margin-bottom: 3em;
  }
  #RequisitosPrograma div {
    flex: 1 0 16em;
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  #RequisitosPrograma figure {
    flex: 0 0 auto;
    width: 2.5em;
  }
  #RequisitosPrograma p {
    flex: 0 0 auto;
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1.2em;
    color: #525252;
  }
  #Temario {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2em;
    width: 100%;
    margin-inline: auto;
  }
  #FotoTemario {
    flex: 0 0 auto;
    width: 25em;
  }
  #TxtTemario {
    flex: 1;
  }
  p#TitleTemario {
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 1.73em;
    color: #183E60;
  }
  ul#ListTemario {
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1.73em;
    color: #183E60;
  }
  ul#ListTemario li {
    margin: 0.5em 0;
  }
  p#NotaTemario {
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1em;
    color: #525252;
  }
  #Propuesta {
    padding-top: 12em;
    background: #F0EEF8 url(../img/internal/background-propuesta.jpg) no-repeat 70% 0;
  }
  #BackPropuesta {
    background: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0));
  }
  #PropuestaDetalle {
    margin-bottom: 3em;
  }
  #PropuestaDetalle > p {
    display: inline-block;
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 2.49em;
    line-height: 1.1;
    background: linear-gradient(to right, #183E60, #BD9D5A);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
  #PropuestaModulos {
    display: flex;
    flex-wrap: wrap;
    gap: 4em;
    padding-block: 1em 3em;
  }
  div[data-id=extra1] #PropuestaModulos {
    padding-bottom: 0;
  }
  #PropuestaModulos div {
    flex: 0 0 auto;
  }
  p.title-propuesta-modulo {
    display: inline-block;
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 3.58em;
    background: linear-gradient(to right, #183E60, #BD9D5A);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
  p.description-propuesta-modulo {
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1.44em;
    line-height: 1.2;
    color: #183E60;
  }
  #PropuestaNotas {
    padding-block: 0 3.5em;
  }
  #ContentPropuestaNotas {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2em;
  }
  #ContentPropuestaNotas figure {
    flex: 0 0 auto;
    width: 12em;
  }
  #PorpuestasNotasTxt {
    flex: 1;
  }
  #PorpuestasNotasTxt ul {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
  }
  #PorpuestasNotasTxt li {
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
  }
  #PropuestaCorta {
    width: 100%;
    max-width: 30em;
    margin-top: 1em;
    padding-bottom: 3em;
  }
  p#PropuestaDescription {
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1.2em;
    line-height: 1.3em;
    color: #171717;
    margin-bottom: 1em;
  }
  p#PropuestaNotaCTA {
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1em;
    margin-top: 1em;
    color: #525252;
  }
  #SeccionReunionPrevia {
    background-color: #F0EEF8;
  }
  #SeccionReunionPrevia p.section-info-title {
    display: inline-block;
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 3.58em;
    line-height: 1.1em;
    background: linear-gradient(to right, #183E60, #BD9D5A);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
    margin: 0;
  }
  #SeccionReunionPrevia p.section-info-text {
    width: 100%;
    max-width: 20em;
    font-size: 1.2em;
    line-height: 1.3em;
    color: #171717;
    margin-bottom: 1em;
  }
  #SeccionReunionPrevia p.section-info-nota {
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1em;
    margin-top: 1em;
    color: #525252;
  }
  #SeccionReunionPrevia a.button[data-size=big] {
    white-space: normal;
    line-height: 1.3;
  }
}
@media (max-width: 1300px) {
  #SeccionReunionPrevia .section-info-block {
    padding-bottom: 3.5em;
  }
}
@media (max-width: 1200px) {
  #Propuesta {
    background-position: 100% 0;
  }
}
@media (max-width: 1000px) {
  #Propuesta {
    background-size: 30em auto;
  }
  #FotoTemario {
    width: 15em;
  }
}
@media (max-width: 740px) {
  #Progama {
    padding-block: 4em;
  }
  #RequisitosPrograma figure {
    width: 1.5em;
  }
  #Temario {
    align-items: flex-start;
    gap: 0.5em;
  }
  #FotoTemario {
    width: 5em;
  }
  #ContentPropuestaNotas {
    flex-direction: column;
    align-items: flex-start;
    gap: 1em;
    padding-inline: 0;
  }
  #ContentPropuestaNotas figure {
    width: 8em;
  }
}
@media (max-width: 600px) {
  #Propuesta {
    padding-top: 6em;
    background-image: none;
  }
  #PropuestaModulos {
    gap: 2em;
  }
  #PropuestaDetalle {
    margin-bottom: 0;
  }
  #PropuestaCorta {
    padding-bottom: 5em;
  }
}
@media (max-width: 500px) {
  #FotoTemario {
    display: none;
  }
  #SeccionReunionPrevia p.section-info-title {
    font-size: 3em;
    line-height: 1em;
    margin-bottom: 0.5em;
  }
}
/*RESPUESTAS OK - FAIL:::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  #RespuestaForm {
    height: 100%;
  }
  #RespuestaForm main {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
  }
  #ContentRespuesta {
    text-align: center;
  }
  #ContentRespuesta figure {
    text-align: center;
    transform: scale(2);
  }
  #ContentRespuesta img {
    margin: 0 auto;
  }
  #ContentRespuesta h1 {
    display: block;
    text-align: center;
    margin: 0.5em 0 0.25em 0;
  }
  #ContentRespuesta h1[data-status=success] {
    color: #3e9900;
  }
  #ContentRespuesta h1[data-status=danger] {
    color: #990000;
  }
  #ContentRespuesta h2 {
    display: block;
    text-align: center;
    margin: 0 0 1em 0;
  }
  #ContentRespuesta a {
    margin: 0 auto;
  }
}
@media (max-width: 500px) {
  #ContentRespuesta h1 span {
    display: block;
  }
}
/*Access LLevels*/
@media screen {
  .access-levels {
    padding: 8em 0;
    background: linear-gradient(#DEE5E7, #ffffff);
  }
  .content-access-levels {
    max-width: 60em;
  }
  .header-access-levels {
    text-align: center;
    margin-bottom: 3em;
  }
  p.title-access-levels {
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 3em;
    line-height: 1em;
    background: linear-gradient(to right, #183E60, #BD9D5A);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
  p.subtitle-access-levels {
    font-size: 1.44em;
    line-height: 1em;
    background: linear-gradient(to right, #183E60, #BD9D5A);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
  .access-levels-nav {
    display: grid;
    gap: 1.5em;
    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
    width: 100%;
  }
  .access-levels-nav > div {
    width: 100%;
  }
  .footer-access-levels {
    display: flex;
    flex-direction: column;
    gap: 3em;
    margin-top: 2em;
  }
  #CardPerdon {
    flex: 0 0 auto;
    background-color: #EDE9DF;
  }
  .banner-zoom {
    flex: 0 0 auto;
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .banner-zoom p {
    flex: 0 1 auto;
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1.44em;
    color: #183E60;
  }
  .banner-zoom figure {
    flex: 0 0 auto;
    width: 7em;
  }
  div[data-id=grupos-estudio] .access-levels {
    padding-top: 3em;
    background: none;
    background-color: #F6F4EF;
  }
  div[data-id=grupos-estudio] .header-access-levels {
    display: none;
  }
}
@media (max-width: 1470px) {
  .content-access-levels {
    max-width: 60em !important;
    padding: 0;
  }
  div[data-id=grupos-estudio] .access-levels {
    padding-top: 0;
  }
}
@media (max-width: 1200px) {
  .content-access-levels {
    max-width: none !important;
    padding: 0 2em;
  }
}
@media (max-width: 800px) {
  div[data-id=grupos-estudio] .access-levels {
    padding-top: 2em;
  }
}
@media (max-width: 700px) {
  .access-levels {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .access-levels-nav {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  .access-levels-nav > div {
    text-align: center;
  }
  .card[data-type=level] {
    flex: 0 0 auto;
    width: 100%;
    max-width: 25em !important;
    margin: 0 auto;
  }
  .banner-zoom p {
    text-align: center;
  }
}
/*BOTONES / <a> / <button>*/
@media screen {
  .button {
    display: inline-flex;
    gap: 0.25em;
    justify-content: center;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    min-height: 2.26em;
    padding: 0.5em 1em;
    border: 0.06em solid transparent;
    border-radius: 0.5em;
    cursor: pointer;
    font-size: 1em;
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 0;
    transition: all 0.3s ease-in-out;
  }
  /*type - styles default*/
  .button[data-type=cta] {
    color: #ffffff;
    border-color: #BD9D5A;
    background-color: #BD9D5A;
  }
  .button[data-type=primary] {
    color: #BD9D5A;
    border-color: transparent;
  }
  .button[data-type=secondary] {
    color: #404040;
    border-color: #9ca3af;
  }
  .button[data-type=tertiary] {
    color: #374151;
    border-color: #e5e7eb;
    background-color: #e5e7eb;
  }
  .button[data-type=link] {
    color: #404040;
  }
  /*icon*/
  .button[data-icon]:empty {
    min-width: 2.26em;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .button[data-size=big][data-icon]:empty,
  .button[data-size=small][data-icon]:empty {
    padding: 0.25em !important;
  }
  .button[data-size=compact][data-icon]:empty {
    min-width: 1.7em;
    padding: 0.13em 0.06em !important;
  }
  .button[data-icon=menu][data-state=open]::before {
    -webkit-mask-image: url("../img/icons/close.svg");
            mask-image: url("../img/icons/close.svg");
  }
  .button[data-icon=heart][data-state=open]::before {
    -webkit-mask-image: url("../img/icons/heart-fill.svg");
            mask-image: url("../img/icons/heart-fill.svg");
  }
  .button[data-icon=eye-close][data-state=open]::before {
    -webkit-mask-image: url("../img/icons/eye-open.svg");
            mask-image: url("../img/icons/eye-open.svg");
  }
  .button[data-icon=chevron-down] {
    padding-right: 0.5em;
  }
  .button[data-icon=chevron-down]:not(:empty)::before {
    margin-left: 1em;
  }
  .button[data-icon=chevron-down][data-state=open][data-text-active]::after {
    content: attr(data-text-active);
  }
  .button[data-icon=chevron-down][data-state=open]::before {
    transform: rotate(180deg);
  }
  .button[data-icon=list][data-state=open]::before {
    background-color: #BD9D5A;
  }
  .button[data-icon=grid][data-state=open]::before {
    background-color: #BD9D5A;
  }
  /*icon position*/
  .button[data-icon-position=left] {
    flex-direction: row;
  }
  .button[data-icon-position=right] {
    flex-direction: row-reverse;
  }
  /*size*/
  .button[data-size=big] {
    font-size: 1.44em !important;
    padding: 0.25em 0.5em !important;
    border-radius: 0.25em;
  }
  .button[data-size=big]::before {
    width: 1em;
    height: 1em;
  }
  .button[data-size=small] {
    font-size: 0.75em !important;
    padding: 0.5em 0.8em !important;
  }
  .button[data-size=compact] {
    font-size: 0.75em !important;
    padding: 0.2em 0.4em !important;
    min-height: 1.7em;
  }
  /*layout*/
  .button[data-layout=compact] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /*state*/
  .button[data-state=disabled] {
    filter: grayscale(100%);
    opacity: 0.5;
    cursor: default;
  }
  .button[data-state=open][data-text-active] span {
    display: none;
  }
  /*variants*/
  /*cta*/
  .button[data-type=cta][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=cta][data-variant=positive] {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
  }
  .button[data-type=cta][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .button[data-type=cta][data-variant=positive][data-icon]::before {
    filter: none;
  }
  .button[data-type=cta][data-variant=negative] {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
  }
  .button[data-type=cta][data-variant=gray] {
    background-color: #6b7280;
    color: #ffffff;
    border-color: #6b7280;
  }
  .button[data-type=cta][data-variant=neutral] {
    background-color: #737373;
    color: #ffffff;
    border-color: #737373;
  }
  .button[data-type=cta][data-variant=tint-secondary] {
    background-color: #183E60;
    color: #ffffff;
    border-color: #183E60;
  }
  .button[data-type=cta][data-variant=tint-tertiary] {
    background-color: transparent;
    color: #ffffff;
    border-color: transparent;
  }
  .button[data-type=cta][data-variant=tint-accent] {
    background-color: transparent;
    color: #ffffff;
    border-color: transparent;
  }
  /*primary*/
  .button[data-type=primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .button[data-type=primary][data-variant=positive] {
    color: #000000;
    border-color: #000000;
  }
  .button[data-type=primary][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .button[data-type=primary][data-variant=negative] {
    color: #ffffff;
    border-color: #ffffff;
  }
  .button[data-type=primary][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=primary][data-variant=gray] {
    color: #6b7280;
    border-color: #6b7280;
  }
  .button[data-type=primary][data-variant=gray][data-icon]::before {
    background-color: #6b7280;
  }
  .button[data-type=primary][data-variant=neutral] {
    color: #737373;
    border-color: #737373;
  }
  .button[data-type=primary][data-variant=neutral][data-icon]::before {
    background-color: #737373;
  }
  .button[data-type=primary][data-variant=tint-secondary] {
    color: #183E60;
    border-color: #183E60;
  }
  .button[data-type=primary][data-variant=tint-secondary][data-icon]::before {
    background-color: #183E60;
  }
  .button[data-type=primary][data-variant=tint-tertiary] {
    color: transparent;
    border-color: transparent;
  }
  .button[data-type=primary][data-variant=tint-tertiary][data-icon]::before {
    background-color: transparent;
  }
  .button[data-type=primary][data-variant=tint-accent] {
    color: transparent;
    border-color: transparent;
  }
  .button[data-type=primary][data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  /*tertiary*/
  .button[data-type=tertiary][data-variant=positive] {
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button[data-type=tertiary][data-variant=negative] {
    color: #ffffff;
    background-color: #111827;
  }
  .button[data-type=tertiary][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=tertiary][data-variant=gray] {
    background-color: #6b7280;
    color: #ffffff;
  }
  .button[data-type=tertiary][data-variant=gray][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=tertiary][data-variant=neutral] {
    background-color: #737373;
    color: #ffffff;
  }
  .button[data-type=tertiary][data-variant=neutral][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=tertiary][data-variant=tint-primary] {
    color: #BD9D5A;
  }
  .button[data-type=tertiary][data-variant=tint-primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .button[data-type=tertiary][data-variant=tint-secondary] {
    color: #183E60;
  }
  .button[data-type=tertiary][data-variant=tint-secondary][data-icon]::before {
    background-color: #183E60;
  }
  .button[data-type=tertiary][data-variant=tint-accent] {
    color: transparent;
  }
  .button[data-type=tertiary][data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  /*link*/
  .button[data-type=link][data-variant=positive] {
    color: #000000;
  }
  .button[data-type=link][data-variant=negative] {
    color: #ffffff;
  }
  .button[data-type=link][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=link][data-variant=gray] {
    color: #6b7280;
  }
  .button[data-type=link][data-variant=gray][data-icon]::before {
    background-color: #6b7280;
  }
  .button[data-type=link][data-variant=neutral] {
    color: #737373;
  }
  .button[data-type=link][data-variant=neutral][data-icon]::before {
    background-color: #737373;
  }
  .button[data-type=link][data-variant=tint-primary] {
    color: #BD9D5A;
  }
  .button[data-type=link][data-variant=tint-primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .button[data-type=link][data-variant=tint-secondary] {
    color: #183E60;
  }
  .button[data-type=link][data-variant=tint-secondary][data-icon]::before {
    background-color: #183E60;
  }
  .button[data-type=link][data-variant=tint-tertiary] {
    color: transparent;
  }
  .button[data-type=link][data-variant=tint-tertiary][data-icon]::before {
    background-color: transparent;
  }
  .button[data-type=link][data-variant=tint-accent] {
    color: transparent;
  }
  .button[data-type=link][data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  /*status*/
  .button[data-type=cta][data-status=danger] {
    background-color: #D91F11;
    color: #ffffff;
    border-color: #D91F11;
  }
  .button[data-type=primary][data-status=danger] {
    border-color: #D91F11;
    color: #D91F11;
  }
  .button[data-type=primary][data-status=danger][data-icon]::before {
    background-color: #D91F11;
  }
  .button[data-type=tertiary][data-status=danger] {
    color: #D91F11;
  }
  .button[data-type=tertiary][data-status=danger][data-icon]::before {
    background-color: #D91F11;
  }
  .button[data-type=link][data-status=danger] {
    color: #D91F11;
  }
  .button[data-type=link][data-status=danger][data-icon]::before {
    background-color: #D91F11;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  .button[data-type=cta]:not([data-state=disabled]):hover {
    background-color: #1f2937;
    border-color: #1f2937;
  }
  .button[data-type=primary]:not([data-state=disabled]):hover,
  .button[data-type=secondary]:not([data-state=disabled]):hover {
    border-color: #1f2937;
    color: #1f2937;
  }
  .button[data-type=tertiary]:not([data-state=disabled]):hover {
    background-color: #d1d5db;
  }
  .button[data-type=link]:not([data-state=disabled]):hover {
    color: #1f2937;
  }
  .button[data-type=cta][data-variant=positive]:hover {
    background-color: #d4d4d4;
    border-color: #d4d4d4;
  }
  .button[data-type=cta][data-variant=negative]:hover {
    background-color: #404040;
    border-color: #404040;
  }
  .button[data-type=primary][data-variant=positive]:hover {
    border-color: #525252;
    color: #525252;
  }
  .button[data-type=primary][data-variant=negative]:hover {
    color: #737373;
    border-color: #737373;
  }
  .button[data-type=tertiary][data-variant=negative]:hover {
    background-color: #374151;
  }
  .button[data-type=link][data-variant=positive]:hover {
    color: #404040;
  }
}
/*CALENDAR*/
@media screen {
  .calendar {
    display: flex;
    flex-direction: column;
    gap: 2em;
    width: 100%;
  }
  .calendar p.calendar-title {
    flex: 0 0 auto;
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1em;
    line-height: 1.3em;
    color: #262626;
  }
  .calendar .calendar-dates {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 4em;
  }
  .calendar .calendar-dates > div {
    flex: 1;
    max-width: 15em;
    border-right-width: 0.12em;
    padding-inline: 2em;
    border-style: solid;
    -o-border-image: linear-gradient(to bottom, #262626, rgba(0, 0, 0, 0)) 1 100%;
       border-image: linear-gradient(to bottom, #262626, rgba(0, 0, 0, 0)) 1 100%;
  }
  .calendar .calendar-dates > div:first-child {
    padding-left: 0;
  }
  .calendar .calendar-dates > div:last-child {
    border: none;
  }
  .calendar p.calendar-day {
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1.2em;
    color: #374151;
    margin-bottom: 0.5em;
  }
  .calendar p.calendar-hour {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
    width: 2.7em;
    aspect-ratio: 1/1;
    border-radius: 50%;
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1.44em;
    color: #ffffff;
    margin-bottom: 0.5em;
  }
  .calendar p.calendar-note {
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1.2em;
    line-height: 1.2em;
  }
  .calendar p.calendar-note strong {
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
  .calendar .select-blue p.calendar-day {
    color: #183E60;
  }
  .calendar .select-blue p.calendar-hour {
    background-color: #183E60;
  }
  .calendar .select-blue p.calendar-note {
    color: #183E60;
  }
  .calendar .select-gold p.calendar-day {
    color: #BD9D5A;
  }
  .calendar .select-gold p.calendar-hour {
    background-color: #BD9D5A;
  }
  .calendar .select-gold p.calendar-note {
    color: #BD9D5A;
  }
}
@media (max-width: 1000px) {
  .calendar .calendar-dates > div:not([class]) {
    display: none;
  }
  .calendar .calendar-dates > div:not(:first-child) {
    border: none;
  }
}
/*CARDS*/
@media screen {
  .card {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    text-align: left;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 20em;
    height: 100%;
    padding: 0.25em;
    border-radius: 1em;
    border: 0.06em solid #d1d5db;
    transition: box-shadow 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .card-header {
    position: relative;
    overflow: hidden;
    z-index: 100;
  }
  .card-header-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 3.75em;
    pointer-events: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0.25em 0.5em;
  }
  .card-header figure {
    width: 100%;
    height: 100%;
  }
  .card-header img {
    max-width: none;
    width: 100%;
    height: 100%;
    max-height: 12em;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 1em;
  }
  .card-header .button {
    pointer-events: auto;
  }
  .card-body {
    position: relative;
    z-index: 200;
    flex: 1;
    padding: 1em;
  }
  .card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25em;
    width: 100%;
    margin-bottom: 0.5em;
  }
  .card-rating {
    display: flex;
    align-items: center;
    margin-bottom: 0.5em;
  }
  .card-rating figure {
    display: flex;
    margin-right: 0.25em;
  }
  .card-rating img {
    flex: 0 0 auto;
    width: 0.9em;
  }
  .card-rating p {
    font-size: 0.69em;
    color: #171717;
  }
  .card-title {
    font-size: 1.44em;
    line-height: 1.2em;
    margin-bottom: 0.25em;
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    color: #000000;
  }
  .card-description {
    font-size: 0.9em;
    color: #000000;
    line-height: 1.5em;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .card-extras {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1em;
  }
  .card-colors {
    flex: 1;
    display: flex;
    gap: 0.25em;
  }
  .card-colors span {
    flex: 0 0 0.85em;
    height: 0.85em;
    aspect-ratio: 1/1;
    border-radius: 50%;
  }
  span[data-color=black] {
    background-color: #000000;
  }
  span[data-color=green] {
    background-color: #009D68;
  }
  span[data-color=baige] {
    background-color: #525252;
  }
  span[data-color=white] {
    background-color: #f5f5f5;
  }
  .card-sizes {
    flex: 1;
    display: flex;
    gap: 1em;
    justify-content: right;
  }
  .card-sizes p {
    font-size: 0.9em;
    color: #000000;
  }
  .card-price {
    display: flex;
    flex-wrap: wrap;
    gap: 0 0.5em;
    align-items: center;
  }
  .card-old-price {
    flex: 1 1 100%;
    font-size: 0.9em;
    color: #6b7280;
    text-decoration: line-through;
  }
  .card-current-price {
    flex: 0 0 auto;
    font-size: 1.44em;
    font-variation-settings: "wght" 300;
    color: #000000;
  }
  .card-alert {
    font-size: 0.75em;
    display: block;
    margin-top: 0.25em;
  }
  .card-alert[data-status=success] {
    color: #009D68;
  }
  .card-alert[data-status=warning] {
    color: #E86427;
  }
  .card-alert[data-status=danger] {
    color: #D91F11;
  }
  .card-alert[data-status=information] {
    color: #3b82f6;
  }
  .card-footer {
    position: relative;
    z-index: 200;
    padding: 0 1em 1.5em 1em;
  }
  .card-background {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
  }
  /*type*/
  .card[data-type=level] {
    max-width: none;
  }
  .card[data-type=level] .card-level {
    font-size: 3em;
    line-height: 1em;
    color: #183E60;
    mix-blend-mode: hard-light;
    writing-mode: tb-rl;
    transform: scale(-1);
  }
  .card[data-type=level] .card-tags {
    margin-top: 1em;
  }
  .card[data-type=level] .tag {
    background: rgba(255, 255, 255, 0.5) !important;
  }
  .card[data-type=level] .card-title {
    font-size: 1.73em;
    color: #111827;
  }
  .card[data-type=extra] {
    max-width: none;
  }
  .card[data-type=extra] .card-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .card[data-type=extra] .card-title {
    font-size: 1.73em;
    color: #111827;
  }
  .card[data-type=material] {
    max-width: none;
    height: auto !important;
  }
  .card[data-type=material] .card-tags {
    margin: 0;
  }
  .card[data-type=material] .tag {
    padding: 0;
  }
  .card[data-type=material] .card-title {
    color: #111827;
    margin: 0;
  }
  .card[data-type=material] .card-footer {
    display: flex;
    gap: 0.5em;
    flex-wrap: wrap;
    width: 100%;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  .card:hover {
    box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.25);
  }
  .card:hover p.card-description {
    -webkit-line-clamp: 6;
  }
}
@media (min-width: 700px) {
  /*layout horizontal*/
  .card[data-layout=horizontal] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    max-width: 40em;
  }
  .card[data-layout=horizontal] .card-header {
    grid-column: 1/span 1;
    grid-row: 1/span 2;
    max-height: none;
  }
  .card[data-layout=horizontal] .card-header img {
    max-height: none;
  }
  .card[data-layout=horizontal] .card-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2em 2em 1em 2em;
  }
  .card[data-layout=horizontal] .card-footer {
    padding-left: 2em;
    padding-bottom: 2em;
  }
  /*type*/
  .card[data-type=level][data-layout=horizontal] {
    max-width: none;
    grid-template-columns: 1fr auto;
  }
  .card[data-type=level][data-layout=horizontal] .card-body {
    padding: 2em 0 2em 12em;
  }
  .card[data-type=level][data-layout=horizontal] .card-title {
    margin-bottom: 0;
  }
  .card[data-type=level][data-layout=horizontal] .card-footer {
    padding: 0 3em 0 0;
    display: flex;
    align-items: center;
  }
  .card[data-type=level][data-layout=horizontal] .card-background {
    max-width: 14em;
  }
}
/*CAROUSEL*/
@media screen {
  /*SPLIDE:::::::::::::::::::::::::::::::::::::::::::*/
  /*custom arrows*/
  .splide__arrow {
    width: 2em !important;
    height: 2em !important;
    background: none !important;
    opacity: 1 !important;
  }
  .splide__arrow::before {
    content: "";
    display: block;
    width: 1.5em;
    height: 1.5em;
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    line-height: 0;
    background-color: #D91F11;
  }
  .splide__arrow svg {
    display: none !important;
  }
  .splide__arrow.splide__arrow--prev::before {
    -webkit-mask-image: url("../img/icons/chevron-left.svg");
            mask-image: url("../img/icons/chevron-left.svg");
  }
  .splide__arrow.splide__arrow--next::before {
    -webkit-mask-image: url("../img/icons/chevron-right.svg");
            mask-image: url("../img/icons/chevron-right.svg");
  }
  /*custom pagination*/
  .splide__pagination__page {
    width: 0.5em !important;
    height: 0.5em !important;
    margin: 0 0.5em !important;
    background-color: #737373 !important;
  }
  .splide__pagination__page.is-active {
    background-color: #183E60 !important;
    opacity: 1;
    transform: scale(1.5) !important;
  }
  /*desactivar carrusel*/
  /*
  .splide.is-active .splide__list { display: flex; justify-content: center; width: 100%;}
  .splide__arrows,
  .splide__pagination { display: none;}
  */
  /*types*/
  .carousel[data-type=video] {
    height: 100%;
  }
  .carousel[data-type=video] {
    /*pagination*/
  }
  .carousel[data-type=video] .splide__track, .carousel[data-type=video] .splide__list {
    height: 100%;
  }
  .carousel[data-type=video] li.splide__slide {
    width: 100%;
    height: 100%;
  }
  .carousel[data-type=video] li.splide__slide a {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
  }
  .carousel[data-type=video] li.splide__slide picture {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
  }
  .carousel[data-type=video] li.splide__slide img {
    max-width: none;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: 100% 0;
       object-position: 100% 0;
  }
  .carousel[data-type=video] .splide__pagination {
    bottom: -4em;
  }
  .carousel[data-type=video] .splide__pagination__page {
    width: 8em !important;
    height: 4em !important;
    border: 0.12em solid #6b7280;
    border-radius: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .carousel[data-type=video] .splide__pagination li:first-child .splide__pagination__page {
    background: url(../img/thumb1.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .carousel[data-type=video] .splide__pagination li:nth-child(2) .splide__pagination__page {
    background: url(../img/thumb2.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .carousel[data-type=video] .splide__pagination li:nth-child(3) .splide__pagination__page {
    background: url(../img/thumb3.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .carousel[data-type=video] .splide__pagination__page.is-active {
    transform: none !important;
    border-color: #183E60;
  }
  .carousel[data-type=video] .splide__pagination__page.is-active::before {
    content: "";
    display: block;
    width: 2em;
    height: 2em;
    background: url("../img/icons/play-special.svg") no-repeat 50% 50%;
    background-size: 100% auto;
  }
  .carousel[data-type=quotes] {
    padding-bottom: 2em;
  }
  .carousel[data-type=quotes] li.splide__slide {
    text-align: center;
  }
  .carousel[data-type=quotes] .quote {
    width: 100%;
    max-width: 60em;
    padding: 4em 2em;
    margin: 0 auto;
    text-align: center;
  }
  .carousel[data-type=quotes] .quote::before,
  .carousel[data-type=quotes] .quote::after {
    content: "";
    display: block;
    width: 4em;
    height: 3em;
    margin: 0 auto;
  }
  .carousel[data-type=quotes] .quote::before {
    background: url(../img/comillas-open.svg);
    background-size: 100% auto;
  }
  .carousel[data-type=quotes] .quote::after {
    background: url(../img/comillas-close.svg);
    background-size: 100% auto;
  }
  .carousel[data-type=quotes] blockquote {
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1.44em;
    text-wrap: balance;
    margin-top: 1em;
    margin-bottom: 0.25em;
  }
  .carousel[data-type=quotes] cite {
    font-style: normal;
    font-size: 0.9em;
    margin-bottom: 1em;
    color: #1f2937;
  }
  .carousel[data-type=quotes] .splide__pagination {
    bottom: 3em;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  .carousel[data-type=video].hovermode li.splide__slide picture {
    transform: scale(1.2);
  }
}
@media (max-width: 1680px) {
  .carousel[data-type=video] li.splide__slide img {
    transform: translateX(10vw);
  }
}
@media (max-width: 799px) {
  .carousel[data-type=video] li.splide__slide img {
    transform: none;
  }
}
@media (max-width: 500px) {
  .carousel[data-type=video] .splide__pagination__page {
    width: 6.5em !important;
    height: 3.5em !important;
  }
}
/*FAV*/
@media screen {
  .fab {
    position: fixed;
    z-index: 8000;
    bottom: 2.5em;
    right: 2em;
    padding: 1em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    transform: translate(20em);
    transition: transform 0.3s ease-in-out;
  }
  /*variants*/
  .fab[data-icon=wapp] {
    background-color: #ffffff;
  }
  .fab[data-icon=wapp]::before {
    width: 2.5em;
    height: 2.5em;
    background-color: #1BD741;
  }
  .fab[data-icon=wapp] span {
    border-color: #1BD741 !important;
  }
  /*.........*/
  /*animacions type*/
  /*waves*/
  .fab[data-animation=waves] span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    border-radius: 50%;
  }
  .fab[data-animation=waves] span:first-child {
    border: 3px solid transparent;
    transform: scale(1.2);
    animation: wavessound1 1s ease-out infinite;
  }
  .fab[data-animation=waves] span:nth-child(2) {
    border: 3px solid transparent;
    transform: scale(1.5);
    animation: wavessound2 1s ease-out infinite;
  }
  .fab[data-animation=waves] span:nth-child(3) {
    border: 3px solid transparent;
    transform: scale(1.8);
    animation: wavessound3 1s ease-out infinite;
  }
  .fab[data-animation=waves] {
    animation: fav 1s ease-in-out infinite;
  }
  body[data-scroll=on] .fab {
    transform: translateX(0);
  }
}
/*FOOTER*/
@media screen {
  footer[data-type=primary] {
    background: url(../img/pattern-white.jpg) repeat 0 0;
    background-size: 5em 5em;
  }
  #FooterTop {
    padding: 5em 0;
    text-align: center;
  }
  #ContentSocialFooter {
    display: flex;
    flex-direction: column;
    gap: 1em;
    align-items: center;
  }
  #TitleSocialFooter {
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 3em;
    line-height: 1em;
    display: inline-block;
    background: linear-gradient(to right, #183E60, #BD9D5A);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
  #SocialFooter .NavSocial {
    display: flex;
    gap: 0.5em;
    flex-wrap: wrap;
  }
  #SocialFooter {
    flex: 0 0 auto;
  }
  #SocialFooter .button::before {
    background: linear-gradient(to right, #183E60, #BD9D5A);
  }
  #AccessMaterial {
    padding: 5em 0 1.5em 0;
  }
  p#TitleAccessMaterial {
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 1.44em;
    color: #183E60;
    margin-bottom: 0.5em;
  }
  #GroupCardsMaterial {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100em;
    padding: 0 2em;
    margin: 0 auto;
  }
  #GroupCardsMaterial .card {
    flex: 1 0 20em;
  }
  #FooterBotton {
    background: linear-gradient(to right, #183E60, #BD9D5A);
  }
  #Legales {
    padding: 1em 0;
  }
  #ContentLegales {
    display: flex;
    flex-wrap: wrap;
  }
  #ContentLegales p {
    flex: 1;
    color: #ffffff;
  }
  #ContentLegales a {
    color: #ffffff;
  }
  p#Copy {
    font-size: 0.75em;
    text-align: left;
  }
  p#CreacionUno {
    font-family: Arial;
    font-size: 0.75em;
    text-align: right;
  }
}
@media (max-width: 600px) {
  #TitleSocialFooter {
    font-size: 2.49em;
  }
  #SocialFooter a.button {
    font-size: 1em !important;
  }
  #ContentLegales {
    display: block;
  }
  p#Copy {
    margin-bottom: 0.5em;
    text-align: center;
  }
  p#CreacionUno {
    text-align: center;
  }
}
/*FORMULARIOS*/
/*elements*/
.form-label {
  display: block;
  margin-bottom: 0.25em;
  font-size: 1em;
  font-weight: 400 !important;
  font-variation-settings: "wght" 400 !important;
  color: #374151;
}

.form-label a {
  color: #000000;
  text-decoration: underline !important;
}

.form-label strong {
  font-variation-settings: "wght" 400;
}

legend {
  font-size: 0.9em;
  font-weight: 600 !important;
  font-variation-settings: "wght" 600 !important;
  color: #374151;
  display: block;
  margin-bottom: 0.5em;
}

p.form-descripcion-text {
  margin: 0.5em 0 0 0.13em;
  font-size: 0.69em;
  color: #737373;
}

p[data-status=success] {
  color: #009D68;
}

p[data-status=warning] {
  color: #E86427;
}

p[data-status=danger] {
  color: #D91F11;
}

/*types natives*/
.form-item input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=reset]):not([type=submit]),
.form-item select,
.form-item textarea {
  font: normal 1em "Arima", Arial, Helvetica, sans-serif;
  min-height: 2.26em;
  text-align: left;
  color: #000000;
  border: 0.06em solid #d4d4d4;
  padding: 0.5em 1em;
  border-radius: 0.5em;
  width: 100%;
  background-color: #ffffff;
}
.form-item select option {
  color: #000000;
}
.form-item input[type=checkbox],
.form-item input[type=radio] {
  width: 1.5em;
  height: 1.5em;
  background-color: #ffffff;
  border: 0.06em solid #d4d4d4;
}
.form-item input[type=checkbox] {
  border-radius: 0.25em;
}
.form-item input[type=checkbox]:checked {
  background: url("../img/icons/check.svg") no-repeat 50% 50%;
  background-size: 1em auto;
  border-color: #BD9D5A;
}
.form-item input[type=checkbox]:checked + .form-label {
  color: #BD9D5A !important;
}
.form-item input[type=radio] {
  border-radius: 50%;
}
.form-item input[type=radio]:checked {
  background: url("../img/icons/check.svg") no-repeat 50% 50%;
  background-size: 1em auto;
  border-color: #BD9D5A;
}
.form-item input[type=radio]:checked + .form-label {
  color: #BD9D5A !important;
}
.form-item input[type=file] {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}
.form-item input::file-selector-button {
  min-height: 2.26em;
  padding: 0.5em 1em;
  border: 0.06em solid transparent;
  color: transparent;
  background-color: #ffffff;
  border-radius: 0.5em;
  cursor: pointer;
  font-size: 1em;
  font-family: "Arima", Arial, Helvetica, sans-serif !important;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 0;
  transition: all 0.3s ease-in-out;
}
.form-item textarea {
  height: 11.25em;
}

/*types custom*/
.form-item[data-type=icon] > span {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #ffffff;
  border: 0.06em solid #d4d4d4;
  border-radius: 0.5em;
  display: flex;
  align-items: center;
}
.form-item[data-type=icon] .icon {
  padding: 0.3em 0 0.3em 0.5em;
}
.form-item[data-type=icon] .icon::before {
  width: 1.5em;
  height: 1.5em;
  background-color: #9ca3af;
}
.form-item[data-type=icon] input {
  border: none !important;
  border-radius: 0 !important;
  padding-left: 0.25em !important;
}

.form-item[data-type=check],
.form-item[data-type=radio] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
}

.form-item[data-type=check] input,
.form-item[data-type=radio] input {
  flex: 0 0 auto;
}

.form-item[data-type=check] .form-label,
.form-item[data-type=radio] .form-label {
  flex: 1;
  margin-bottom: 0;
}

.form-item[data-type=check] p,
.form-item[data-type=radio] p {
  flex: 1 1 100%;
  margin-top: 0;
  margin-left: 2em;
}

.form-item[data-type=date] span {
  position: relative;
  overflow: hidden;
  display: block;
  border: 0.06em solid #d4d4d4;
  border-radius: 0.5em;
}
.form-item[data-type=date] span .button {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  width: 3em !important;
  background-color: #ffffff;
  pointer-events: none;
}
.form-item[data-type=date] input[type=date] {
  border: 0 !important;
  border-radius: 0 !important;
  text-align: left !important;
}

.form-item[data-type=password] span {
  position: relative;
  overflow: hidden;
  display: flex;
  border: 0.06em solid #d4d4d4;
  border-radius: 0.5em;
}
.form-item[data-type=password] input[type=password] {
  border: 0 !important;
  border-radius: 0 !important;
}
.form-item[data-type=password] .button::before {
  transform: scale(1);
}

.form-item[data-type=numeric] span {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  border: 0.06em solid #d4d4d4;
  border-radius: 0.5em;
}
.form-item[data-type=numeric] input[type=number] {
  border: 0 !important;
  border-radius: 0 !important;
  text-align: center !important;
}
.form-item[data-type=numeric] .button {
  border-radius: 0 !important;
}

.form-item[data-type=search] span {
  position: relative;
  overflow: hidden;
  display: flex;
  border: 0.06em solid #d4d4d4;
  border-radius: 0.5em;
}
.form-item[data-type=search] input[type=search] {
  border: 0 !important;
  border-radius: 0 !important;
  text-align: center;
}
.form-item[data-type=search] .button::before {
  transform: scale(1);
}

.form-item[data-type=segmented-control] {
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  min-height: 2.5em;
  border: 0.06em solid #d4d4d4;
  border-radius: 0.5em;
  background-color: #ffffff;
}

.form-item[data-type=segmented-control] input[type=radio] {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
}
.form-item[data-type=segmented-control] .form-label {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25em;
  padding: 0 1em;
  color: #525252;
  border: 0.06em solid transparent;
  margin-bottom: 0;
  cursor: pointer;
}
.form-item[data-type=segmented-control] input[type=radio]:checked + .form-label {
  color: #BD9D5A !important;
  border-color: #BD9D5A;
  border-radius: 0.25em;
}
.form-item[data-type=segmented-control] input[type=radio]:checked + .form-label::before {
  background-color: #BD9D5A !important;
}

.form-item[data-type=switch-control] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  align-items: center;
}

.form-item[data-type=switch-control] input[type=checkbox] {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
}
.form-item[data-type=switch-control] label {
  position: relative;
  cursor: pointer;
  text-indent: -9999px;
  width: 2.5em;
  height: 1.5em;
  background: #a3a3a3;
  display: block;
  margin-bottom: 0;
  border-radius: 2em;
}
.form-item[data-type=switch-control] label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(1.5em - 4px);
  aspect-ratio: 1/1;
  background: #ffffff;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.form-item[data-type=switch-control] input:checked + label {
  background: #BD9D5A;
}
.form-item[data-type=switch-control] input:checked + label:after {
  left: calc(100% - 0.13em);
  transform: translateX(-100%);
}
.form-item[data-type=switch-control] .form-label {
  margin-bottom: 0;
}

.form-item[data-type=file] label {
  display: flex;
  gap: 0.25em;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 2.26em;
  border-radius: 0.5em;
  white-space: nowrap;
  min-height: 2.26em;
  padding: 0.5em 1em;
  border: 0.06em solid transparent;
  cursor: pointer;
  font-family: "Arima", Arial, Helvetica, sans-serif !important;
  font-size: 1em;
  font-family: "Arima", Arial, Helvetica, sans-serif !important;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 0;
  color: transparent;
  transition: all 0.3s ease-in-out;
}
.form-item[data-type=file] label::before {
  background-color: transparent;
}
.form-item[data-type=file] input[type=file] {
  position: absolute;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  visibility: hidden;
  opacity: 0 !important;
}

input[type=submit][data-icon] {
  padding-left: 1.8em !important;
  padding-right: 1em !important;
  background-repeat: no-repeat;
  background-position: 0.5em 50%;
  background-size: 1em auto;
}

/*input[type="submit"][data-icon="mail"] {background-image: url($ic-mail); }*/
/*sizes*/
.form-label[data-size=small] {
  font-size: 0.9em;
  margin-bottom: 0.25em;
}

input[data-size=small],
select[data-size=small] {
  font-size: 0.9em;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
}

input[data-size=short] {
  width: 4.4em !important;
}

.form-item[data-type=segmented-control][data-size=full] {
  display: flex !important;
  width: 100% !important;
}

.form-item[data-type=segmented-control][data-size=full] label {
  flex: 1;
}

/*SELECT*/
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
  select {
    padding-right: 2em;
    background: #ffffff url("../img/icons/chevron-down.svg") no-repeat calc(100% - 0.5em) 50%;
    background-size: 1.2em auto;
  }
}
/*hover*/
@media (hover: hover) and (pointer: fine) {
  input:not([disabled]):hover,
  select:not([disabled]):hover,
  textarea:not([disabled]):hover {
    background-color: #f3f4f6 !important;
  }
}
/*focus*/
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus,
.form-item[data-type=search]:focus-within > span,
.form-item[data-type=icon]:focus-within > span {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #BD9D5A !important;
}

/*...*/
/*disabled*/
input[disabled],
select[disabled],
textarea[disabled] {
  opacity: 1;
  background: none;
  background-color: #e5e5e5;
}

/*HEADER :::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  header[data-type=primary] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9990;
    width: 100%;
    padding: 0 3em;
    text-align: left;
  }
  #ContentHeader {
    display: flex;
  }
  a#BtnMenuMobile {
    display: none;
  }
  #Logo {
    flex: 0 0 auto;
    width: 11em;
    padding: 0.5em;
    display: flex;
  }
  #Logo a {
    display: flex;
    align-items: center;
  }
  #Menus {
    flex: 1;
    display: flex;
    gap: 1.5em;
    justify-content: flex-end;
    align-items: center;
  }
  #MenuGeneral {
    display: flex;
    height: 100%;
    justify-content: flex-end;
  }
  #MenuGeneral > li {
    flex: 0 0 auto;
    position: relative;
    height: 100%;
  }
  li#MenuGeneralIso {
    display: none;
  }
  #MenuGeneral > li a {
    width: 100%;
    height: 100%;
    padding: 0 1em !important;
    font-size: 1.2em !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  /*submenu desktop*/
  #MenuGeneral > li ul {
    position: absolute;
    overflow: hidden;
    top: 100%;
    left: 0;
    text-align: left;
    width: 100%;
    max-height: 0;
    background: rgba(94, 166, 169, 0.8);
    transition: max-height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #MenuGeneral > li ul li {
    display: block;
  }
  #MenuGeneral > li.submenu {
    text-align: left;
    font-size: 1em;
  }
  #MenuGeneral > li.submenu a {
    text-align: left;
    justify-content: flex-start;
  }
  /*open*/
  #MenuGeneral > li[data-state=open] {
    background-color: #000000 !important;
  }
  #MenuGeneral > li[data-state=open] > a {
    color: #BD9D5A !important;
    cursor: default !important;
  }
  #MenuGeneral > li[data-state=open] ul {
    max-height: 10em;
  }
  /*.....*/
  /*select*/
  #MenuGeneral a[data-state=select] {
    color: #183E60;
  }
  /*......*/
  .MenuIdioma {
    display: flex;
    gap: 0.5em;
  }
  /*select*/
  .MenuIdioma a[data-state=select] {
    border-color: #ffffff;
  }
  /*......*/
  div[data-rel=home] li:has(a[data-link=home]) {
    display: none;
  }
  /*effects*/
  header[data-effect=fixed-left] {
    position: absolute;
    width: -moz-fit-content;
    width: fit-content;
    padding: 3em 0;
    left: 10em;
  }
  header[data-effect=fixed-left] #ContentHeader {
    flex-direction: column;
    gap: 2em;
  }
  header[data-effect=fixed-left] #Logo {
    width: 23em;
    flex: 0 0 auto;
    margin-left: 3em;
  }
  header[data-effect=fixed-left] #Menus {
    justify-content: left;
  }
  header[data-effect=fixed-left] #MenuGeneral {
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: left;
  }
  header[data-effect=fixed-left] #MenuGeneral li:not(:last-child) {
    -o-border-image: linear-gradient(to right, #183E60, #BD9D5A) 1;
       border-image: linear-gradient(to right, #183E60, #BD9D5A) 1;
    border-bottom-width: 0.12em;
    border-bottom-style: solid;
  }
  header[data-effect=fixed-left] #MenuGeneral a {
    padding-left: 2em !important;
    font-size: 1.73em !important;
  }
  header[data-effect=scalescroll] {
    z-index: 9990;
    padding-top: 1.5em;
  }
  header[data-effect=scalescroll] #Menus {
    transform-origin: 100% 150%;
  }
  header[data-effect=scalescroll] #Logo {
    transform-origin: 0 100%;
  }
  header[data-effect=scalescroll] #MenuGeneral a {
    padding-left: 2em !important;
    font-size: 1.44em !important;
  }
}
@media (max-width: 1600px) {
  header[data-effect=scalescroll] #MenuGeneral a {
    font-size: 1.44em !important;
  }
}
@media (max-width: 1500px) {
  header[data-effect=fixed-left] {
    left: 0;
  }
}
@media (max-width: 1350px) {
  header[data-type=primary] {
    position: absolute !important;
  }
  a#BtnMenuMobile {
    display: block;
    position: absolute;
    z-index: 9900;
    top: 0.25em;
    left: 1em;
  }
  #Menus {
    position: fixed;
    z-index: 9000;
    overflow: hidden;
    overflow-y: auto;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    height: 0;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    transition: height 0.3s ease-in-out;
  }
  #MenuGeneral {
    flex: 1 1 100%;
    display: flex;
    flex-wrap: wrap;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: flex-start;
    margin: 1.5em;
    background-color: transparent;
  }
  #MenuGeneral > li {
    flex: 1 1 100%;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0.5em 0;
    text-align: center;
    opacity: 0;
    transform: translateY(3em);
    transition: transform 0.3s ease-in-out, opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), padding 0.3s ease-in-out;
  }
  li#MenuGeneralIso {
    display: block;
    flex: 1 1 100%;
  }
  li#MenuGeneralIso figure {
    width: 3em;
    margin-left: 3em;
  }
  #MenuGeneral > li:nth-of-type(1) {
    transition-delay: 0s;
  }
  #MenuGeneral > li:nth-of-type(2) {
    transition-delay: 0.15s;
  }
  #MenuGeneral > li:nth-of-type(3) {
    transition-delay: 0.2s;
  }
  #MenuGeneral > li:nth-of-type(4) {
    transition-delay: 0.25s;
  }
  #MenuGeneral > li:nth-of-type(5) {
    transition-delay: 0.3s;
  }
  #MenuGeneral > li:nth-of-type(6) {
    transition-delay: 0.35s;
  }
  #MenuGeneral > li:nth-of-type(7) {
    transition-delay: 0.4s;
  }
  #MenuGeneral > li > a {
    display: flex;
    justify-content: flex-start;
    width: auto !important;
    height: auto;
    white-space: normal !important;
    line-height: normal !important;
    text-align: left !important;
    font-size: 1.73em !important;
    padding-left: 2em !important;
  }
  /*submenu*/
  #MenuGeneral > li.submenu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #MenuGeneral > li.submenu > a {
    height: auto;
  }
  #MenuGeneral > li.submenu ul {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    background-color: #525252;
  }
  #MenuGeneral > li.submenu ul a {
    white-space: normal;
    text-align: left;
  }
  /*open*/
  #MenuGeneral > li.submenu[data-state=open] {
    background-color: #000000 !important;
  }
  #MenuGeneral > li.submenu[data-state=open] ul {
    max-height: 10em;
  }
  /*.....*/
  /*menumode*/
  .menumode {
    overflow: hidden;
  }
  .menumode a#BtnMenuMobile {
    background-position: 50% -200px, 50% 50%;
  }
  .menumode #Menus {
    height: 100vh;
  }
  .menumode #MenuGeneral > li {
    transform: translateY(-3em);
  }
  /*menumode standby*/
  .menumode.standby #MenuGeneral > li {
    opacity: 1;
    transform: translateY(0);
  }
  /*........*/
  .MenuIdioma {
    flex: 1 1 100%;
    margin: 1.5em;
    padding: 0 1.5em;
  }
  /*effects*/
  header[data-effect=scalescroll] {
    position: absolute;
    z-index: 9990;
  }
  header[data-effect=scalescroll] #BtnMenuMobile {
    top: 1.5em;
  }
  header[data-effect=scalescroll] #Logo {
    margin-left: 1em;
  }
  header[data-effect=fixed-left] {
    padding: 2em 0 0 0;
  }
  header[data-effect=fixed-left] #BtnMenuMobile {
    top: 1.5em;
  }
  header[data-effect=fixed-left] #Logo {
    width: 14em !important;
    margin-left: 3.5em !important;
  }
  header[data-effect=fixed-left] #MenuGeneral li {
    border: none !important;
  }
  /*......*/
}
@media (max-width: 600px) {
  #Logo {
    width: 7em !important;
  }
  #Menus {
    max-width: none;
  }
  #MenuGeneral {
    max-width: none;
  }
  header[data-effect=scalescroll] #MenuGeneral figure {
    margin-left: 2em;
  }
  header[data-effect=scalescroll] #MenuGeneral > li > a {
    padding-left: 1em !important;
  }
  header[data-effect=fixed-left] #Logo {
    width: 7em !important;
  }
  header[data-effect=fixed-left] #MenuGeneral figure {
    margin-left: 2em;
  }
  header[data-effect=fixed-left] #MenuGeneral > li > a {
    padding-left: 1em !important;
  }
}
/*HEADING*/
@media screen {
  strong {
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
}
/*HOME*/
@media screen {
  .hero[data-type=carousel] {
    width: 100%;
    height: 100vh;
    max-height: 50em;
    background-color: #9e9d9d;
  }
  .hero[data-type=image] {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    max-height: 65em;
    display: flex;
    gap: 4em;
    align-items: center;
  }
  .hero[data-type=image] .hero-text {
    flex: 1;
    position: relative;
    z-index: 200;
    margin-left: calc((100vw - 80em) / 2);
    width: 100%;
    max-width: 35em;
  }
  .hero[data-type=image] p.hero-pre-title {
    display: inline-block;
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 2.07em;
    line-height: 1.1em;
    color: #1f2937;
  }
  .hero[data-type=image] p.hero-pre-title[data-size=small] {
    font-size: 1.2em;
  }
  .hero[data-type=image] .hero-content-title {
    display: flex;
    gap: 0.5em;
  }
  .hero[data-type=image] p.hero-title {
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 6.192em;
    line-height: 1.1;
    background: linear-gradient(to right, #183E60, #BD9D5A);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
  .hero[data-type=image] p.hero-level-title {
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 8.256em;
    line-height: 1.1;
    background: linear-gradient(to right, #183E60, #BD9D5A);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
  .hero[data-type=image] .tag.hero-level-mode {
    align-self: flex-start;
    background-color: #ffffff;
  }
  .hero[data-type=image] p.hero-decription {
    font-size: 1.44em;
    text-wrap: balance;
    color: #183E60;
  }
  .hero[data-type=image] p.hero-level-decription {
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 2.07em;
    line-height: 1.1em;
    color: #111827;
  }
  .hero[data-type=image] .hero-text .button {
    display: none !important;
  }
  .hero[data-type=image] .hero-form {
    flex: 1;
    position: relative;
    z-index: 200;
  }
  .hero[data-type=image] .hero-background {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
  }
  #HeroHome #SlideIntro {
    background-color: #EEEEEE;
  }
  #HeroHome #SlideNiveles {
    background-color: #F6F4EF;
  }
  #HeroHome #SlidePerdon {
    background-color: #918F9D;
  }
  #HeroSobreMi {
    background-color: #ede9e0;
  }
  #HeroSobreLibro {
    background-color: #f6f4ef;
  }
  #HeroSobreLibro .hero-background {
    bottom: auto;
    top: 0;
  }
  #HeroGruposEstudio {
    background-color: #f6f4ef;
  }
  #HeroNivel1,
  #HeroNivel2,
  #HeroNivel3,
  #HeroPracticandoPerdon {
    max-height: 43em;
  }
  #HeroNivel1 p.hero-level-title,
  #HeroNivel2 p.hero-level-title,
  #HeroNivel3 p.hero-level-title,
  #HeroPracticandoPerdon p.hero-level-title {
    text-wrap: nowrap;
    background: none !important;
    color: #183E60;
  }
  #HeroNivel1 .hero-background,
  #HeroNivel2 .hero-background,
  #HeroNivel3 .hero-background,
  #HeroPracticandoPerdon .hero-background {
    width: 1920px;
    top: auto;
    bottom: 0;
  }
  #HeroPracticandoPerdon p.hero-level-title {
    font-size: 5.16em;
    margin-bottom: 0.15em;
  }
  #HeroContacto {
    background-color: #DCDBE4;
  }
}
@media (max-width: 1720px) {
  .hero[data-type=carousel] {
    height: auto;
    max-height: none;
  }
}
@media (max-width: 1600px) {
  .hero[data-type=image] .hero-text {
    margin-left: 3em;
  }
}
@media (max-width: 1350px) {
  .hero[data-type=image] .hero-text {
    margin-left: 4.5em;
  }
}
@media (max-width: 1200px) {
  .hero[data-type=image] .hero-text {
    max-width: 30em;
  }
  .hero[data-type=image] p.hero-title {
    font-size: 4.3em;
  }
  .hero[data-type=image] p.hero-decription {
    font-size: 1.2em;
  }
  .hero[data-type=image] .hero-background {
    width: 93em;
    right: -10em;
  }
  .hero[data-type=image] .hero-form {
    padding-right: 6em;
  }
}
@media (max-width: 1020px) {
  .hero[data-type=image] .hero-text {
    margin: 0;
    padding: 0 0 0 4em;
  }
}
@media (max-width: 1000px) {
  #HeroContacto {
    flex-direction: column;
    align-items: flex-start;
    gap: 2em;
    height: auto;
    max-height: none;
    padding-top: 15em;
    padding-bottom: 3em;
  }
  #HeroContacto p.hero-decription {
    display: block !important;
    margin-bottom: 0.5em;
  }
  #HeroContacto .hero-text .button {
    display: inline-flex !important;
  }
  #HeroContacto .hero-form {
    display: none;
  }
}
@media (max-width: 970px) {
  .hero[data-type=image] .hero-background {
    width: 83em;
    right: -15em;
  }
}
@media (max-width: 800px) {
  .hero[data-type=image] p.hero-decription {
    display: none;
  }
  .hero[data-type=image] .hero-background {
    width: 100%;
    right: 0;
  }
  #HeroNivel1,
  #HeroNivel2,
  #HeroNivel3,
  #HeroPracticandoPerdon {
    max-height: 40em;
  }
  #HeroNivel1 .hero-background,
  #HeroNivel2 .hero-background,
  #HeroNivel3 .hero-background,
  #HeroPracticandoPerdon .hero-background {
    width: 100%;
    right: 0;
  }
}
@media (max-width: 600px) {
  .hero[data-type=image] {
    flex-direction: column;
    align-items: flex-start;
    gap: 2em;
    height: auto;
    max-height: none;
    padding-top: 15em;
    padding-bottom: 6em;
  }
  .hero[data-type=image] .hero-text {
    padding: 0 2em !important;
  }
  .hero[data-type=image] p.hero-pre-title {
    font-size: 1.44em;
  }
  .hero[data-type=image] p.hero-title {
    font-size: 2.49em;
    margin-bottom: 0.25em;
  }
  .hero[data-type=image] p.hero-title span {
    display: block;
  }
  .hero[data-type=image] p.hero-decription {
    font-size: 1.2em;
    line-height: 1.35em;
  }
  .hero[data-type=image] p.hero-level-title {
    font-size: 5.16em;
    margin-bottom: 0;
  }
  .hero[data-type=image] p.hero-level-decription {
    font-size: 1.44em;
    line-height: 1.1em;
  }
  #HeroNivel1,
  #HeroNivel2,
  #HeroNivel3,
  #HeroPracticandoPerdon {
    max-height: 28em;
  }
  #HeroNivel1 .hero-level-mode,
  #HeroNivel2 .hero-level-mode,
  #HeroNivel3 .hero-level-mode,
  #HeroPracticandoPerdon .hero-level-mode {
    font-size: 0.9em;
  }
  #HeroPracticandoPerdon p.hero-level-title {
    font-size: 3em;
  }
}
/*LISTS*/
@media screen {
  .list > li {
    display: flex;
    font-size: 1em;
    line-height: 1.5em;
  }
  /*bullets*/
  *[data-bullet] {
    align-items: baseline;
  }
  ul.list[data-bullet] li::before,
  ul.list li[data-bullet]::before {
    flex: 0 0 auto;
    margin-right: 0.5em;
    font-size: 1em;
    color: #BD9D5A;
  }
  /*types bullets*/
  ul.list[data-bullet=dot] li::before,
  ul.list li[data-bullet=dot]::before {
    content: "•";
  }
  ul.list[data-bullet=diamond] li::before,
  ul.list li[data-bullet=diamond]::before {
    content: "◆";
  }
  /*icons*/
  ul.list[data-icon] > li::before,
  ul.list li[data-icon]::before {
    flex: 0 0 auto;
    display: block;
    background-color: #BD9D5A;
  }
  /*icon bullet automatico*/
  ul.list[data-icon]::before {
    display: none;
  }
  /*icon bullet personalizado*/
  ul.list li[data-icon] {
    gap: 0.25em;
    align-items: first baseline;
  }
  /*size*/
  ul.list[data-size=small] li {
    font-size: 0.9em;
    line-height: 1.5em;
  }
  /*type*/
  dl {
    margin: 1em 0;
  }
  dl dt {
    font-size: 1em;
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    line-height: 1.5em;
  }
  dl dd {
    font-size: 1em;
    line-height: 1.5em;
  }
  ol.list {
    counter-reset: section;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 0.75em;
  }
  ol.list[data-bullet=numeral] li {
    flex: 0 0 auto;
    gap: 0.5em;
    align-items: center;
    font-size: 1em;
    line-height: 1.2em;
  }
  ol.list[data-bullet=numeral] li::before {
    counter-increment: section;
    content: counters(section, ": ");
    flex: 0 0 auto;
    align-self: flex-start;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1.5em;
    height: 1.5em;
  }
  /*variants*/
  ol.list[data-variant=steps] li::before {
    font-size: 16px;
    line-height: 0 !important;
    color: #404040;
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #ffffff;
    background-color: #6b7280;
    border-radius: 50%;
  }
}
/*MODALES*/
@media screen {
  .modal {
    position: fixed;
    z-index: 9996;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    width: 100%;
    height: 100%;
    padding: 2.5em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.85);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .modal .button[data-icon=close] {
    position: absolute;
    z-index: 100;
    top: 2em;
    right: 2em;
  }
  .content-modal {
    position: relative;
    overflow: hidden;
    margin: auto;
    max-width: 62em;
    text-align: left;
    background-color: #ffffff;
    border-radius: 0.5em;
    transform: translateY(-1.25em);
    transition: transform 0.3s ease-in-out;
  }
  .modal-header {
    display: block;
    padding: 1.5em 1.5em 0 1.5em;
  }
  .modal-body {
    display: block;
    padding: 1.5em;
  }
  .modal-footer {
    display: block;
    padding: 1.5em;
  }
  /*state*/
  body[data-state=inactive] {
    overflow: hidden;
  }
  .modal[data-state=open] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
  }
  .modal[data-state=open] .content-modal {
    transform: translateY(0);
  }
  /*....*/
  #ModalAlerta {
    text-align: center;
  }
  #ModalAlerta .modal-body p {
    display: block;
    text-align: center;
  }
  #ModalAlerta .modal-footer {
    background-color: #e5e7eb;
  }
  /*Modal Video Hero*/
  .modal[data-modal=video] {
    transition-duration: 1s;
  }
  .modal[data-modal=video] .content-modal {
    background: none;
    max-width: none;
    transform: none;
  }
  .modal[data-modal=video] .modal-body {
    width: 75vw;
    padding: 0 !important;
    background-color: #000000;
    opacity: 0;
    transition: opacity 0.5s ease-in-out 1s;
  }
  .modal[data-modal=video] .modal-video-load {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
  }
  .modal[data-modal=video] .modal-video-load iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .modal[data-modal=video][data-state=open] .modal-body {
    opacity: 1;
  }
}
/*Scroll Bar*/
@media screen {
  .scrollbar {
    scrollbar-color: #a3a3a3 rgba(0, 0, 0, 0.2);
    scrollbar-width: thin;
    scroll-behavior: smooth;
  }
  .smooth {
    overflow-y: scroll;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}
/*SECTION INFO*/
@media screen {
  .section-info-content {
    display: flex;
    gap: 4em;
    flex-wrap: wrap;
    align-items: center;
  }
  .section-info-block {
    flex: 1;
    display: flex;
  }
  .section-info-text-group {
    width: 100%; /*max-width: 42.5em;*/
    max-width: 35em;
  }
  p.section-info-title {
    font-size: 2.07em;
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: #183E60;
    line-height: 1.2em;
    margin-bottom: 0.5em;
  }
  p.section-info-text {
    font-size: 1.2em;
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 1.5em;
    color: #111827;
    margin-bottom: 0.75em;
  }
  .section-info-foto {
    flex: 1;
  }
  .section-info[data-layout=normal] .section-info-block {
    justify-content: flex-start;
    padding-block: 3em;
    padding-right: 4em;
  }
  .section-info[data-layout=reverse] .section-info-block {
    justify-content: flex-end;
    padding-block: 5em;
    padding-left: 4em;
  }
  #SeccionIntroUCDM {
    background-color: #F6F4EF;
    padding-bottom: 4em;
  }
  .section-quote {
    text-align: center;
    background: url(../img/pattern-white.jpg) repeat 0 0;
    background-size: 5em auto;
  }
  .section-quote .quote {
    width: 100%;
    max-width: 60em;
    padding: 4em 2em;
    margin: 0 auto;
    text-align: center;
  }
  .section-quote .quote::before,
  .section-quote .quote::after {
    content: "";
    display: block;
    width: 4em;
    height: 3em;
    margin: 0 auto;
  }
  .section-quote .quote::before {
    background: url(../img/comillas-open.svg);
    background-size: 100% auto;
  }
  .section-quote .quote::after {
    background: url(../img/comillas-close.svg);
    background-size: 100% auto;
  }
  .section-quote blockquote {
    font-family: "Overlock", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1.44em;
    text-wrap: balance;
    margin-top: 1em;
    margin-bottom: 0.25em;
  }
  .section-quote cite {
    font-style: normal;
    font-size: 0.9em;
    margin-bottom: 1em;
    color: #1f2937;
  }
  #IntroStep {
    background-color: #F6F4EF;
  }
}
@media (max-width: 1300px) {
  .section-info-content {
    flex-direction: column;
    gap: 3em;
  }
  .section-info[data-layout=normal] .section-info-block {
    justify-content: flex-start;
    padding-inline: 2em;
    padding-block: 0;
  }
  .section-info[data-layout=reverse] .section-info-block {
    justify-content: flex-start;
    padding-inline: 2em;
    padding-block: 0;
  }
  .section-info-foto {
    flex: 0 0 auto;
    width: 100%;
    max-width: 40em;
  }
  #SeccionPropuestaUCDM {
    padding-bottom: 2em;
  }
  #SeccionIntroUCDM .section-info-foto {
    padding-left: 4em;
  }
  #SeccionPublicoUCDM {
    padding-top: 4em;
    padding-bottom: 3em;
  }
  #SeccionPublicoUCDM .section-info-block {
    order: 2;
  }
  #SeccionPublicoUCDM .section-info-foto {
    order: 1;
    padding-left: 4em;
  }
  #IntroStep .section-info-content {
    gap: 0.5em;
  }
  #IntroStep .section-info-block {
    order: 2;
    padding-bottom: 3em;
  }
  #IntroStep .section-info-foto {
    order: 1;
  }
}
@media (max-width: 600px) {
  p.section-info-title {
    font-size: 1.73em;
  }
}
/*TAGS*/
@media screen {
  .tag {
    display: inline-flex;
    gap: 0.25em;
    justify-content: center;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    padding: 0.25em 0.5em;
    border: 0.06em solid #000000;
    background-color: #000000;
    border-radius: 0.5em;
    font-size: 1em;
    font-family: "Arima", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: #ffffff;
  }
  /*type*/
  .tag[data-type=solid] {
    color: #ffffff;
    background-color: #6b7280;
    border-color: #6b7280;
  }
  .tag[data-type=solid]::before {
    background-color: #ffffff;
  }
  .tag[data-type=outline] {
    color: #6b7280;
    border-color: #6b7280;
    background-color: transparent;
  }
  .tag[data-type=outline]::before {
    background-color: #6b7280;
  }
  .tag[data-type=basic] {
    color: #6b7280;
    border-color: transparent;
    background-color: transparent;
  }
  .tag[data-type=basic]::before {
    background-color: #6b7280;
  }
  /*variant*/
  /*solid*/
  .tag[data-type=solid][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
    background-color: #e5e7eb;
  }
  .tag[data-type=solid][data-variant=gray]::before {
    background-color: #374151;
  }
  .tag[data-type=solid][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
    background-color: #e5e5e5;
  }
  .tag[data-type=solid][data-variant=neutral]::before {
    background-color: #404040;
  }
  .tag[data-type=solid][data-variant=tint-primary] {
    background-color: #BD9D5A;
    color: #ffffff;
    border-color: #BD9D5A;
  }
  .tag[data-type=solid][data-variant=tint-primary][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=solid][data-variant=tint-secondary] {
    background-color: #183E60;
    color: #ffffff;
    border-color: #183E60;
  }
  .tag[data-type=solid][data-variant=tint-secondary][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=solid][data-variant=tint-tertiary] {
    background-color: transparent;
    color: #ffffff;
    border-color: transparent;
  }
  .tag[data-type=solid][data-variant=tint-tertiary][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=solid][data-variant=tint-accent] {
    background-color: transparent;
    color: #ffffff;
    border-color: transparent;
  }
  .tag[data-type=solid][data-variant=tint-accent][data-icon]::before {
    background-color: #ffffff;
  }
  /*outline*/
  .tag[data-type=outline][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
  }
  .tag[data-type=outline][data-variant=gray]::before {
    background-color: #374151;
  }
  .tag[data-type=outline][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
  }
  .tag[data-type=outline][data-variant=neutral]::before {
    background-color: #404040;
  }
  .tag[data-type=outline][data-variant=tint-primary] {
    color: #BD9D5A;
    border-color: #BD9D5A;
  }
  .tag[data-type=outline][data-variant=tint-primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .tag[data-type=outline][data-variant=tint-secondary] {
    color: #183E60;
    border-color: #183E60;
  }
  .tag[data-type=outline][data-variant=tint-secondary][data-icon]::before {
    background-color: #183E60;
  }
  .tag[data-type=outline][data-variant=tint-tertiary] {
    color: transparent;
    border-color: transparent;
  }
  .tag[data-type=outline][data-variant=tint-tertiary][data-icon]::before {
    background-color: transparent;
  }
  .tag[data-type=outline][data-variant=tint-accent] {
    color: transparent;
    border-color: transparent;
  }
  .tag[data-type=outline][data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  /*basic*/
  .tag[data-type=basic][data-variant=gray] {
    color: #374151;
  }
  .tag[data-type=basic][data-variant=gray]::before {
    background-color: #374151;
  }
  .tag[data-type=basic][data-variant=neutral] {
    color: #404040;
  }
  .tag[data-type=basic][data-variant=neutral]::before {
    background-color: #404040;
  }
  .tag[data-type=basic][data-variant=tint-primary] {
    color: #BD9D5A;
  }
  .tag[data-type=basic][data-variant=tint-primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .tag[data-type=basic][data-variant=tint-secondary] {
    color: #183E60;
  }
  .tag[data-type=basic][data-variant=tint-secondary][data-icon]::before {
    background-color: #183E60;
  }
  .tag[data-type=basic][data-variant=tint-tertiary] {
    color: transparent;
  }
  .tag[data-type=basic][data-variant=tint-tertiary][data-icon]::before {
    background-color: transparent;
  }
  .tag[data-type=basic][data-variant=tint-accent] {
    color: transparent;
  }
  .tag[data-type=basic][data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  /*size*/
  .tag[data-size=small] {
    font-size: 0.69em;
    padding: 0.13em 0.5em;
    border-radius: 0.5em;
  }
  /*styles*/
  .tag[data-style=rounded] {
    border-radius: 2em;
  }
  /*status*/
  .tag[data-status] {
    color: #ffffff;
  }
  .tag[data-type=solid][data-status=success] {
    border-color: #009D68;
    background-color: #009D68;
  }
  .tag[data-type=solid][data-status=warning] {
    border-color: #E86427;
    background-color: #E86427;
  }
  .tag[data-type=solid][data-status=danger] {
    border-color: #D91F11;
    background-color: #D91F11;
  }
  .tag[data-type=solid][data-status=information] {
    border-color: #3b82f6;
    background-color: #3b82f6;
  }
  .tag[data-type=solid][data-variant=gray][data-status] {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
  }
  .tag[data-type=solid][data-variant=gray][data-status=success] {
    color: #009D68;
  }
  .tag[data-type=solid][data-variant=gray][data-status=warning] {
    color: #E86427;
  }
  .tag[data-type=solid][data-variant=gray][data-status=danger] {
    color: #D91F11;
  }
  .tag[data-type=solid][data-variant=gray][data-status=information] {
    color: #3b82f6;
  }
  .tag[data-type=outline][data-status=success] {
    color: #009D68;
    border-color: #009D68;
  }
  .tag[data-type=outline][data-status=warning] {
    color: #E86427;
    border-color: #E86427;
  }
  .tag[data-type=outline][data-status=danger] {
    color: #D91F11;
    border-color: #D91F11;
  }
  .tag[data-type=outline][data-status=information] {
    color: #3b82f6;
    border-color: #3b82f6;
  }
  .tag[data-type=basic][data-status=success] {
    color: #009D68;
  }
  .tag[data-type=basic][data-status=success]::before {
    background-color: #009D68;
  }
  .tag[data-type=basic][data-status=warning] {
    color: #E86427;
  }
  .tag[data-type=basic][data-status=warning]::before {
    background-color: #E86427;
  }
  .tag[data-type=basic][data-status=danger] {
    color: #D91F11;
  }
  .tag[data-type=basic][data-status=danger]::before {
    background-color: #D91F11;
  }
  .tag[data-type=basic][data-status=information] {
    color: #3b82f6;
  }
  .tag[data-type=basic][data-status=information]::before {
    background-color: #3b82f6;
  }
}/*# sourceMappingURL=main.css.map */