@charset "UTF-8";
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  /*SLIDER REV*/
  .c-caption-img img {
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 30px !important; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
/*requeridas*/
@font-face {
  font-family: 'FontAwesome';
  src: url(../fonts/fontawesome-webfont.woff2);
  font-display: swap; }
/*Adicionales*/
@font-face {
  font-family: 'Poppins-Bold';
  src: url(../fonts/Poppins-Bold.ttf);
  font-display: swap; }
@font-face {
  font-family: 'Poppins-Regular';
  src: url(../fonts/Poppins-Regular.ttf);
  font-display: swap; }
@font-face {
  font-family: 'Poppins-Medium';
  src: url(../fonts/Poppins-Medium.ttf);
  font-display: swap; }
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url(../fonts/Poppins-SemiBold.ttf);
  font-display: swap; }
@font-face {
  font-family: 'Poppins-Light';
  src: url(../fonts/Poppins-Light.ttf);
  font-display: swap; }
@font-face {
  font-family: 'Retroica';
  src: url(../fonts/Retroica.ttf);
  font-display: swap; }
.color-blanco {
  color: #FFF !important; }

.color-verde {
  color: #a4ff48 !important; }

.color-negro {
  color: #000 !important; }

.color-amarillo {
  color: #ffbb29; }

.c-head {
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%; }
  .c-head .logo {
    padding-top: 7px; }
  .c-head .ctas .cta-tel a,
  .c-head .ctas .cta-wa a {
    margin-top: 10px;
    border: 2px solid #9300ff;
    border-radius: 5px;
    padding: 7px 7px 4px 7px;
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: center;
    transition: 0.5s; }
    .c-head .ctas .cta-tel a span,
    .c-head .ctas .cta-wa a span {
      color: #9300ff;
      font-family: "Poppins-Bold";
      font-size: 0.9rem;
      display: inline-flex;
      /* Flex en línea */
      align-items: center;
      /* Centra verticalmente */
      gap: 8px; }
    .c-head .ctas .cta-tel a:hover,
    .c-head .ctas .cta-wa a:hover {
      transform: translateY(-3px);
      /* mueve 5px hacia arriba */ }
  .c-head .ctas .cta-wa a {
    border: 2px solid #b8b8b8; }
    .c-head .ctas .cta-wa a span {
      color: #000; }
  .c-head .ctas .cta-wa img {
    animation: vibrar_wa 0.4s ease-in-out 0s infinite;
    /* Pausa: 6s para que vibre cada 6.4s aprox (0.4s dura el shake + 6s de espera) */
    animation-iteration-count: infinite;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-direction: normal;
    animation-fill-mode: both;
    /* Usamos steps para que haya tiempo de pausa */
    animation-delay: 0s;
    animation: vibrar_wa 5s ease-in-out infinite; }
  .c-head .ctas .cta-wa:hover a {
    background-color: #dbdbdb; }
  .c-head .ctas .cta-tel img {
    animation: vibrar 0.4s ease-in-out 0s infinite;
    /* Pausa: 6s para que vibre cada 6.4s aprox (0.4s dura el shake + 6s de espera) */
    animation-iteration-count: infinite;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-direction: normal;
    animation-fill-mode: both;
    /* Usamos steps para que haya tiempo de pausa */
    animation-delay: 0s;
    animation: vibrar 5s ease-in-out infinite; }
  .c-head .ctas .cta-tel:hover a {
    background-color: #e1b8ff; }
  .c-head .menu ul {
    margin-top: 15px;
    display: inline-flex;
    list-style: none; }
    .c-head .menu ul li {
      margin-left: 7px;
      margin-right: 7px;
      position: relative; }
      .c-head .menu ul li a {
        text-decoration: none;
        color: #000;
        text-transform: uppercase;
        font-family: "Poppins-Bold";
        font-size: 0.75rem;
        transition: 0.3s; }
        .c-head .menu ul li a:hover {
          color: #9300ff; }
        .c-head .menu ul li a.active {
          color: #9300ff;
          position: relative; }
          .c-head .menu ul li a.active::before {
            content: "";
            height: 2px;
            width: 80%;
            position: absolute;
            background-color: #9300ff;
            position: absolute;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            justify-content: center;
            align-items: center;
            bottom: -7px; }
      .c-head .menu ul li ul {
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        min-width: 210px;
        list-style: none;
        padding: 5px 7px;
        margin: 0;
        display: block;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: all 0.3s ease; }
        .c-head .menu ul li ul li {
          transition: all 0.3s ease; }
          .c-head .menu ul li ul li a.active::before {
            height: 0px; }
      .c-head .menu ul li:hover ul {
        opacity: 1;
        visibility: visible;
        transform: translateY(0); }
        .c-head .menu ul li:hover ul li {
          padding-bottom: 5px; }
          .c-head .menu ul li:hover ul li:hover {
            padding-left: 3px; }
      .c-head .menu ul li.has-children ul {
        padding: 0px; }
        .c-head .menu ul li.has-children ul li {
          border-bottom: 1px solid #cccccc;
          padding: 7px 12px 7px 7px;
          position: relative; }
          .c-head .menu ul li.has-children ul li::after {
            position: absolute;
            font-family: "FontAwesome";
            content: "\f054";
            font-size: 0.8rem;
            right: 5px; }
          .c-head .menu ul li.has-children ul li a {
            text-transform: capitalize; }
  .c-head .btn-menu {
    font-size: 1.3rem;
    display: none;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
    text-decoration: none;
    color: #fff;
    border-radius: 50%;
    background-color: #9300ff;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
    display: block;
    text-align: center;
    font-size: 1rem;
    display: flex !important;
    justify-content: center;
    align-items: center; }
    .c-head .btn-menu span {
      font-size: 0.7rem;
      display: grid;
      margin-top: -5px; }

.menu-xs {
  background-color: #fff;
  border-top-left-radius: 14px;
  width: 100%;
  max-width: 345px;
  position: fixed;
  top: 0;
  right: -100%;
  height: 100%;
  transition: 0.3s;
  overflow-y: auto;
  z-index: 9999;
  padding: 30px; }
  .menu-xs.active {
    right: 0;
    -webkit-box-shadow: -2px 4px 21px -1px rgba(0, 0, 0, 0.67);
    -moz-box-shadow: -2px 4px 21px -1px rgba(0, 0, 0, 0.67);
    box-shadow: -2px 4px 21px -1px rgba(0, 0, 0, 0.67); }
  .menu-xs .cerrar {
    text-align: right; }
    .menu-xs .cerrar .fa-cmln {
      font-size: 1.5rem; }
  .menu-xs ul {
    position: relative;
    list-style: none; }
    .menu-xs ul li {
      position: relative; }
      .menu-xs ul li::before {
        content: "\f054";
        font-family: "FontAwesome";
        font-weight: 900;
        position: absolute;
        left: -20px;
        top: 15px;
        color: #a4ff48; }
  .menu-xs .item {
    padding-top: 15px; }
    .menu-xs .item a {
      margin: 0px;
      text-decoration: none;
      color: #9300ff;
      font-family: "Poppins-Medium";
      text-transform: uppercase; }

.header-title {
  padding-top: 110px;
  padding-bottom: 110px;
  background-color: #9300ff;
  background-image: url("../img/bg-cover.png");
  background-size: cover; }
  .header-title h2,
  .header-title h3,
  .header-title h4 {
    color: #fff; }
  .header-title h2 {
    font-size: 2.5rem; }
  .header-title p {
    color: #fff;
    font-size: 1.2rem; }

.header-title-img {
  padding-top: 70px;
  padding-bottom: 70px;
  background-image: url("../img/bg-header-title-img.png");
  background-size: cover; }
  .header-title-img h2 {
    color: #9300ff; }
  .header-title-img .btn-1 {
    background-color: #9300ff;
    color: #fff; }
    .header-title-img .btn-1:hover {
      color: #000; }

.btns-contact-xs {
  display: none; }

@keyframes vibrar {
  /* --- Fase de vibración (0 s–0.4 s aprox) --- */
  0%,
  1% {
    transform: translate(0, 0) rotate(0deg); }
  2% {
    transform: translate(-2px, 0) rotate(-5deg); }
  4% {
    transform: translate(2px, 0) rotate(5deg); }
  6% {
    transform: translate(-2px, 0) rotate(-5deg); }
  8% {
    transform: translate(2px, 0) rotate(5deg); }
  10% {
    transform: translate(0, 0) rotate(0deg); }
  /* --- Resto del tiempo quieto (0.4 s–5 s) --- */
  100% {
    transform: translate(0, 0) rotate(0deg); } }
@keyframes vibrar_wa {
  /* --- Fase de vibración (0 s–0.4 s aprox) --- */
  0%,
  1% {
    transform: translate(0, 0) rotate(0deg); }
  2% {
    transform: translate(-2px, 0) rotate(-5deg); }
  4% {
    transform: translate(2px, 0) rotate(5deg); }
  6% {
    transform: translate(-2px, 0) rotate(-5deg); }
  8% {
    transform: translate(2px, 0) rotate(5deg); }
  10% {
    transform: translate(0, 0) rotate(0deg); }
  /* --- Resto del tiempo quieto (0.4 s–5 s) --- */
  100% {
    transform: translate(0, 0) rotate(0deg); } }
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .header-title-img {
    background-image: none;
    background-color: #fff;
    padding-top: 90px; }
    .header-title-img .txt {
      padding-top: 30px; }

  .header-title {
    padding-bottom: 50px;
    margin-top: 30px; }

  .btns-contact-xs {
    display: block;
    position: relative;
    display: contents; }
    .btns-contact-xs .c-content .c-btn {
      position: fixed;
      height: 50px;
      width: 50px;
      bottom: 20px;
      right: 20px;
      z-index: 99999999;
      border-radius: 50%;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      box-shadow: 4px 3px 9px -1px rgba(0, 0, 0, 0.39);
      -webkit-box-shadow: 4px 3px 9px -1px rgba(0, 0, 0, 0.39);
      -moz-box-shadow: 4px 3px 9px -1px rgba(0, 0, 0, 0.39); }
      .btns-contact-xs .c-content .c-btn a {
        text-decoration: none; }
        .btns-contact-xs .c-content .c-btn a span {
          color: #fff; }
          .btns-contact-xs .c-content .c-btn a span i {
            font-size: 1.3rem; }
      .btns-contact-xs .c-content .c-btn.btn-wsp {
        background-color: #01bf00; }
      .btns-contact-xs .c-content .c-btn.btn-tel {
        bottom: 75px;
        background-color: #9300ff; }
        .btns-contact-xs .c-content .c-btn.btn-tel span i {
          font-size: 1rem; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .c-head .img-age img {
    max-height: 65px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
.titulo-h2 {
  font-family: "Retroica";
  font-size: 3.3rem;
  color: #000; }
  .titulo-h2 span {
    font-family: "Poppins-Light";
    font-size: 1rem;
    text-transform: uppercase;
    display: block; }
  .titulo-h2 font {
    font-family: "Poppins-SemiBold"; }

.titulo-h3 {
  font-family: "Retroica";
  font-size: 2rem;
  color: #000; }

.titulo-h4 {
  font-family: "Poppins-Bold";
  font-size: 1.4rem;
  color: #000; }

.titulo-h5 {
  font-family: "Poppins-Bold";
  font-size: 1rem;
  color: #000; }

.btn-1,
.hs_submit input {
  background-color: #000;
  font-family: "Retroica";
  text-decoration: none;
  color: #fff;
  padding: 13px 20px;
  border-radius: 5px;
  transition: 0.3s; }
  .btn-1 font,
  .hs_submit input font {
    font-family: "Poppins-SemiBold"; }
  .btn-1:hover,
  .hs_submit input:hover {
    color: #a4ff48; }

p,
ul li {
  font-family: "Poppins-Regular";
  color: #000; }
  p.c-small,
  ul li.c-small {
    font-size: 0.7rem; }

.tag-1 {
  background-color: #a4ff48;
  padding: 7px 10px;
  border-radius: 10px;
  font-family: "Poppins-Medium";
  font-size: 0.9rem; }

.tag-1-lg {
  background-color: #a4ff48;
  padding: 10px 14px 7px 14px;
  border-radius: 10px;
  font-family: "Retroica";
  font-size: 1.5rem; }
  .tag-1-lg font {
    font-family: "Poppins-SemiBold"; }

.c-div-padding {
  padding-top: 70px;
  padding-bottom: 70px; }

.ani_fa_balanceo {
  animation: balanceo 3s ease-in-out infinite; }

.c-hover-1 {
  transition: 0.3s !important; }
  .c-hover-1:hover {
    background-color: #a4ff48 !important;
    color: #000 !important; }

.c-hover-2 {
  transition: 0.3s !important; }
  .c-hover-2:hover {
    background-color: #000 !important;
    color: #fff !important; }

@keyframes balanceo {
  /* Fase de movimiento: primeros ~0.4 s del ciclo */
  0% {
    transform: translateX(-4px); }
  /* hacia la izquierda */
  50% {
    transform: translateX(4px); }
  /* hacia la derecha */
  100% {
    transform: translateX(-4px); }
  /* hacia la izquierda */ }
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .titulo-h2 {
    font-size: 2.1rem; }

  .titulo-h3 {
    font-size: 1.3rem; }

  .c-content-div-center .img {
    padding-top: 170px;
    padding-bottom: 170px; }
  .c-content-div-center .txt {
    padding-top: 20px;
    padding-bottom: 20px; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .margin-menu-principal {
    margin-top: 90px; }

  .c-div-padding-l {
    padding-left: 120px;
    padding-right: 70px; }

  .c-div-padding-r {
    padding-left: 70px;
    padding-right: 120px; }

  .c-content-div-center .txt {
    padding-top: 200px;
    padding-bottom: 200px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
.c-footer {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #000; }
  .c-footer p {
    margin-bottom: 5px; }
    .c-footer p.title {
      color: #a4ff48;
      font-family: "Poppins-Bold";
      font-size: 0.8rem; }
  .c-footer .c-group-1 a {
    text-decoration: none;
    color: #b8b8b8;
    font-size: 0.9rem; }
  .c-footer .c-group-1 ul {
    padding-left: 0px; }
  .c-footer .c-group-2 a,
  .c-footer .c-group-3 a {
    text-decoration: none;
    color: #fff;
    font-size: 0.9rem; }
  .c-footer .c-group-3 ul {
    display: inline-flex;
    list-style: none;
    padding-left: 0px; }
    .c-footer .c-group-3 ul li {
      padding-left: 7px;
      padding-right: 7px; }
      .c-footer .c-group-3 ul li a {
        font-size: 1.2rem; }
  .c-footer.resultados {
    background-color: #fff;
    background-image: url("../img/bg-resultado.png");
    background-size: cover; }
    .c-footer.resultados .img img {
      max-height: 130px; }
      .c-footer.resultados .img img.img-fluid {
        max-height: inherit; }
    .c-footer.resultados .txt .item {
      margin-bottom: 30px; }
      .c-footer.resultados .txt .item .det {
        position: relative;
        padding-left: 90px; }
        .c-footer.resultados .txt .item .det span {
          position: absolute;
          margin-left: -80px;
          color: #a4ff48;
          background-color: #000;
          width: 60px;
          height: 60px;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          /* Centra horizontal */
          align-items: center;
          font-family: "Poppins-Bold";
          font-size: 2.1rem; }
        .c-footer.resultados .txt .item .det h4 {
          color: #000;
          font-family: "Poppins-Bold"; }
  .c-footer.bg-1 {
    background-image: url("../img/bg-exam.png");
    background-size: cover; }
    .c-footer.bg-1 .item .det span {
      font-size: 1.5rem !important; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .c-footer .logo {
    max-height: 70px; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .c-footer.resultados .txt .item {
    margin-top: 40px; } }
.submenu {
  background-color: #f6f6f6;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center; }
  .submenu ul {
    list-style: none;
    display: inline-flex;
    margin-bottom: 0px; }
    .submenu ul li {
      padding-left: 20px;
      padding-right: 20px; }
      .submenu ul li a {
        text-decoration: none; }
        .submenu ul li a span {
          text-transform: uppercase;
          color: #000;
          font-family: "Poppins-Bold";
          font-size: 0.9rem;
          transition: 0.3s; }
      .submenu ul li:hover a span, .submenu ul li.active a span {
        color: #9300ff; }

/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
.cintillo-1 {
  background-color: #a4ff48;
  padding-top: 15px;
  padding-bottom: 15px; }
  .cintillo-1 h3 {
    color: #000;
    font-family: 'Poppins-Bold';
    font-size: 1.3rem; }
    .cintillo-1 h3 span {
      font-family: 'Poppins-Regular';
      font-size: 1rem; }
      .cintillo-1 h3 span.code {
        background-color: #FFF;
        border-radius: 5px;
        padding: 5px 10px;
        margin-left: 10px;
        cursor: pointer; }
        .cintillo-1 h3 span.code a {
          cursor: pointer; }
          .cintillo-1 h3 span.code a i {
            text-decoration: none;
            color: #000; }

/* Estilo base del botón/div */
#btn_code_copy {
  position: relative;
  /* necesario para posicionar el tooltip */
  cursor: pointer; }

/* Tooltip al agregar la clase "copiado" */
#btn_code_copy.copiado::after {
  content: "Copiado";
  /* texto del tooltip */
  position: absolute;
  top: -35px;
  /* ajusta la posición vertical */
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  /* Animación de aparición/desaparición */
  animation: fadeOutTooltip 5s forwards; }

/* Pequeño triángulo inferior del tooltip */
#btn_code_copy.copiado::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  opacity: 0;
  animation: fadeOutTooltip 5s forwards; }

/* Animación: aparece rápido y luego se desvanece */
@keyframes fadeOutTooltip {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
.banner-precio {
  padding-top: 70px;
  background-image: url("../img/bg-banner-precio.png");
  background-size: cover;
  background-repeat: no-repeat; }
  .banner-precio h2 {
    color: #9300ff; }
  .banner-precio .txt {
    text-align: center; }
    .banner-precio .txt .c-block {
      background-color: #fff;
      border-radius: 25px;
      border: 5px solid #a4ff48;
      padding: 30px; }
      .banner-precio .txt .c-block h3 {
        color: #000;
        font-family: "Poppins-Bold";
        font-size: 1.3rem; }
        .banner-precio .txt .c-block h3 span {
          display: block;
          color: #9300ff; }
          .banner-precio .txt .c-block h3 span.small {
            font-size: 1rem;
            font-family: 'Poppins-SemiBold'; }
      .banner-precio .txt .c-block .precio {
        font-size: 6rem;
        position: relative;
        font-family: "Retroica"; }
        .banner-precio .txt .c-block .precio::before {
          content: "$";
          position: absolute;
          font-size: 2.5rem;
          font-family: "Poppins-SemiBold";
          margin-left: -30px; }
      .banner-precio .txt .c-block .fa-ul {
        text-align: left; }
        .banner-precio .txt .c-block .fa-ul li {
          font-family: 'Poppins-Bold';
          color: #000;
          font-size: .9rem;
          margin-bottom: 10px; }
          .banner-precio .txt .c-block .fa-ul li i {
            color: #9300ff; }
  .banner-precio .img {
    padding-top: 90px; }

.banner-1 {
  padding-top: 10px;
  background-color: #9300ff;
  background-image: url("../img/bg-cover.png");
  background-size: cover; }
  .banner-1 h2 {
    color: #FFF;
    margin-top: 30px;
    font-size: 1.9rem; }

.banner-2 {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #9300ff;
  background-image: url("../img/bg-banner-2.png");
  background-size: cover; }
  .banner-2 h3, .banner-2 h4 {
    color: #FFF; }
  .banner-2 h4 {
    font-size: 1.2rem; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .banner-1 {
    padding-bottom: 30px; }
    .banner-1 img {
      display: none; }

  .banner-2 {
    background-image: none; }

  .banner-precio {
    background-image: none;
    background-color: #FFF; }
    .banner-precio .img {
      padding-top: 0px; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
.suscripcion-1 {
  padding-top: 70px;
  padding-bottom: 70px;
  background-image: url("../img/bg-suscripcion-1.png");
  background-size: cover;
  background-color: #fff;
  background-repeat: no-repeat; }
  .suscripcion-1.bg-2 {
    background-image: url("../img/bg-suscripcion-2.png"); }
  .suscripcion-1.bg-3 {
    background-image: url("../img/bg-suscripcion-3.png");
    background-color: #000; }
    .suscripcion-1.bg-3 h2 {
      color: #fff; }
  .suscripcion-1 h2 {
    color: #9300ff; }
  .suscripcion-1 .bloques {
    margin-top: 70px; }
    .suscripcion-1 .bloques .bloque {
      background-color: #fff; }
      .suscripcion-1 .bloques .bloque .item {
        min-height: 80px;
        padding-left: 20px;
        border-bottom: 1px solid #e3e1e1;
        padding-top: 10px;
        padding-bottom: 10px;
        display: flex;
        justify-content: left;
        align-items: center; }
        .suscripcion-1 .bloques .bloque .item.item-head {
          border-bottom: 0px;
          color: #000;
          font-family: "Poppins-Bold";
          font-size: 1.3rem;
          min-height: 80px;
          padding-top: 20px; }
        .suscripcion-1 .bloques .bloque .item.item-title {
          color: #000;
          font-family: "Poppins-Bold"; }
        .suscripcion-1 .bloques .bloque .item.item-footer {
          min-height: 80px;
          border-bottom: 0px;
          text-align: center;
          padding-top: 20px; }
      .suscripcion-1 .bloques .bloque.bloque-2 .item-title, .suscripcion-1 .bloques .bloque.bloque-4 .item-title {
        color: #9300ff; }
      .suscripcion-1 .bloques .bloque.bloque-3 {
        position: relative;
        padding: 0px; }
        .suscripcion-1 .bloques .bloque.bloque-3 .item {
          color: #fff;
          border-bottom: 1px solid #1f1f1f;
          background-color: #000;
          border-left: 5px solid #a4ff48;
          border-right: 5px solid #a4ff48; }
          .suscripcion-1 .bloques .bloque.bloque-3 .item.item-footer .btn-1 {
            background-color: #a4ff48;
            color: #000; }
        .suscripcion-1 .bloques .bloque.bloque-3 .item-title {
          color: #9300ff; }
        .suscripcion-1 .bloques .bloque.bloque-3 .tag-inicio {
          height: 30px;
          background-color: #000;
          margin-top: -30px;
          border: 5px solid #a4ff48;
          border-bottom: 0px;
          border-radius: 20px 20px 0px 0px;
          position: relative; }
          .suscripcion-1 .bloques .bloque.bloque-3 .tag-inicio .tag-content {
            width: 100%;
            position: absolute;
            margin-top: -15px;
            text-align: center; }
            .suscripcion-1 .bloques .bloque.bloque-3 .tag-inicio .tag-content span {
              background-color: #9300ff;
              color: #fff;
              font-family: "Poppins-Bold";
              font-size: 0.8rem;
              padding: 5px 14px;
              border-radius: 50px; }
        .suscripcion-1 .bloques .bloque.bloque-3 .tag-fin {
          height: 30px;
          background-color: #000;
          margin-bottom: -30px;
          border: 5px solid #a4ff48;
          border-top: 0px;
          border-radius: 0px 0px 20px 20px; }
      .suscripcion-1 .bloques .bloque.bloque-1 {
        border-radius: 25px 0px 0px 25px; }
      .suscripcion-1 .bloques .bloque.bloque-4 {
        border-radius: 0px 25px 25px 0px; }
  .suscripcion-1 .bloques-xs {
    margin-top: 30px; }
    .suscripcion-1 .bloques-xs .bloque-head .bloque-1,
    .suscripcion-1 .bloques-xs .bloque-head .bloque-2,
    .suscripcion-1 .bloques-xs .bloque-head .bloque-3 {
      background-color: #a4ff48;
      display: 0;
      justify-content: center;
      align-items: center;
      min-height: 70px;
      padding: 7px;
      text-align: center; }
      .suscripcion-1 .bloques-xs .bloque-head .bloque-1 h4,
      .suscripcion-1 .bloques-xs .bloque-head .bloque-2 h4,
      .suscripcion-1 .bloques-xs .bloque-head .bloque-3 h4 {
        text-align: center;
        font-size: 0.9rem;
        font-family: "Poppins-Bold";
        color: #000;
        margin-bottom: 0px;
        display: block; }
      .suscripcion-1 .bloques-xs .bloque-head .bloque-1 span.precio,
      .suscripcion-1 .bloques-xs .bloque-head .bloque-2 span.precio,
      .suscripcion-1 .bloques-xs .bloque-head .bloque-3 span.precio {
        color: #9300ff;
        font-family: 'Poppins-SemiBold';
        font-size: .8rem;
        padding: 3px 5px;
        border-radius: 5px; }
    .suscripcion-1 .bloques-xs .bloque-head .bloque-2 {
      background-color: #000; }
      .suscripcion-1 .bloques-xs .bloque-head .bloque-2 h4 {
        color: #fff; }
    .suscripcion-1 .bloques-xs .bloque-head.fixed {
      position: fixed;
      width: 100%;
      top: 128px;
      z-index: 9999; }
    .suscripcion-1 .bloques-xs .bloque-body .titulo {
      border-top: 1px solid #bfd3fb;
      background-color: #fff;
      padding: 10px 10px;
      position: relative;
      box-shadow: 1px 8px 24px -7px rgba(0, 0, 0, 0.14);
      -webkit-box-shadow: 1px 8px 24px -7px rgba(0, 0, 0, 0.14);
      -moz-box-shadow: 1px 8px 24px -7px rgba(0, 0, 0, 0.14);
      display: flex !important;
      justify-content: center;
      align-items: center; }
      .suscripcion-1 .bloques-xs .bloque-body .titulo p {
        margin-bottom: 0px;
        font-family: 'Poppins-SemiBold';
        font-size: 0.8rem; }
    .suscripcion-1 .bloques-xs .bloque-body .det .c-block-1,
    .suscripcion-1 .bloques-xs .bloque-body .det .c-block-2 {
      padding: 15px 7px;
      background-color: #e9ffd1;
      text-align: center; }
      .suscripcion-1 .bloques-xs .bloque-body .det .c-block-1 p,
      .suscripcion-1 .bloques-xs .bloque-body .det .c-block-2 p {
        font-size: 0.8rem;
        font-family: "Poppins-Regular";
        margin-bottom: 0px; }
    .suscripcion-1 .bloques-xs .bloque-body .det .c-block-2 {
      background-color: #fff5f7; }
    .suscripcion-1 .bloques-xs .bloque-body .det .btn-1 {
      display: inline-block;
      font-size: .8rem; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .suscripcion-1 .bloques-title {
    padding-top: 15px;
    padding-bottom: 7px; }
    .suscripcion-1 .bloques-title h2 {
      font-size: 1.5rem; }
    .suscripcion-1 .bloques-title.fixed {
      position: fixed;
      width: 100%;
      top: 70px;
      z-index: 99999; }
    .suscripcion-1 .bloques-title.bloques-title-3 {
      background-color: #000; }
  .suscripcion-1 .bloques-xs {
    margin-top: 0px; }
  .suscripcion-1.bg-3 {
    padding-top: 0px; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
.acordeon-1,
.table-1 {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #fff;
  background-image: url("../img/bg-acordeon.png");
  background-size: cover; }
  .acordeon-1 .accordion,
  .table-1 .accordion {
    background-color: transparent; }
    .acordeon-1 .accordion .accordion-button:focus,
    .table-1 .accordion .accordion-button:focus {
      box-shadow: none;
      outline: none; }
    .acordeon-1 .accordion .accordion-item,
    .table-1 .accordion .accordion-item {
      border: 0px;
      background-color: transparent; }
      .acordeon-1 .accordion .accordion-item .accordion-header .accordion-button,
      .table-1 .accordion .accordion-item .accordion-header .accordion-button {
        border: 0px;
        font-family: "Retroica";
        border-bottom: 1px solid #b8b8b8;
        background-color: transparent;
        padding-left: 40px; }
        .acordeon-1 .accordion .accordion-item .accordion-header .accordion-button::before,
        .table-1 .accordion .accordion-item .accordion-header .accordion-button::before {
          content: "";
          position: absolute;
          width: 25px;
          height: 25px;
          border-radius: 50%;
          background-color: #000;
          left: 0px; }
        .acordeon-1 .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed),
        .table-1 .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
          background-color: transparent;
          color: #000; }

.table-1 {
  background-color: #fff;
  background-image: none; }
  .table-1 .c-overflow {
    margin-top: 30px; }
    .table-1 .c-overflow .overflow-auto {
      height: 350px; }
  .table-1 thead tr th {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #F6F6F6; }
  .table-1 .table-responsive {
    height: 200px;
    overflow: scroll; }
  .table-1 .table {
    background-color: #F6F6F6; }

/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
.c-slider-1 .item {
  padding: 50px 20px 20px 20px; }
  .c-slider-1 .item .d-block {
    border: 2px solid #000;
    border-radius: 10px;
    padding: 60px 20px 20px 20px;
    background-color: #fff; }
    .c-slider-1 .item .d-block .nro {
      display: flex;
      justify-content: center;
      align-items: center; }
      .c-slider-1 .item .d-block .nro .content-nro {
        background-color: #000;
        color: #fff;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        display: block;
        position: absolute;
        margin-top: -120px;
        justify-content: center;
        /* centra horizontal */
        align-items: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.9rem;
        color: #a4ff48;
        font-family: "Poppins-Bold"; }
    .c-slider-1 .item .d-block h3 {
      font-family: "Poppins-Bold";
      font-size: 1.1rem;
      color: #000; }
.c-slider-1 .slick-dots {
  bottom: -55px; }
  .c-slider-1 .slick-dots li {
    height: 10px;
    width: 10px; }
    .c-slider-1 .slick-dots li button::before {
      color: #000;
      transition: 0.3s;
      font-size: 10px; }
    .c-slider-1 .slick-dots li.slick-active button::before, .c-slider-1 .slick-dots li:hover button::before {
      color: #a4ff48; }

.c-slider-2 .item {
  padding: 20px; }
  .c-slider-2 .item .d-block {
    border-radius: 27px;
    border: 4px solid #c9c9c9;
    padding: 15px;
    position: relative;
    transition: 0.3s; }
    .c-slider-2 .item .d-block p.nro {
      text-align: right; }
      .c-slider-2 .item .d-block p.nro span {
        font-family: "Retroica";
        font-size: 2.7rem;
        color: transparent;
        /* sin relleno */
        -webkit-text-stroke: 1px #fff;
        /* grosor y color del borde */ }
    .c-slider-2 .item .d-block p.title {
      margin-top: -20px; }
    .c-slider-2 .item .d-block img {
      position: absolute;
      bottom: 15px;
      width: 90%;
      left: 50%;
      transform: translateX(-50%); }
    .c-slider-2 .item .d-block:hover {
      border: 4px solid #a4ff48; }
.c-slider-2 .slick-dots {
  bottom: -55px; }
  .c-slider-2 .slick-dots li {
    height: 10px;
    width: 10px; }
    .c-slider-2 .slick-dots li button::before {
      color: #fff;
      transition: 0.3s;
      font-size: 10px; }
    .c-slider-2 .slick-dots li.slick-active button::before, .c-slider-2 .slick-dots li:hover button::before {
      color: #a4ff48; }

.c-slider-3 .slider {
  margin-top: 50px;
  margin-bottom: 50px; }
  .c-slider-3 .slider .item {
    padding: 45px 25px 25px 25px; }
    .c-slider-3 .slider .item .c-block {
      background-color: #fff;
      transition: 0.3s;
      padding: 25px;
      text-align: center;
      border-radius: 10px;
      position: relative;
      display: grid; }
      .c-slider-3 .slider .item .c-block h4 {
        font-family: "Retroica";
        font-size: 1.2rem; }
        .c-slider-3 .slider .item .c-block h4.precio {
          font-size: 4.5rem;
          position: relative; }
          .c-slider-3 .slider .item .c-block h4.precio::before {
            content: "$";
            position: absolute;
            font-size: 2.5rem;
            font-family: "Poppins-SemiBold";
            margin-left: -30px; }
        .c-slider-3 .slider .item .c-block h4.det {
          font-size: 1rem;
          margin-top: -25px; }
      .c-slider-3 .slider .item .c-block .tag {
        position: absolute;
        width: 100%;
        margin-top: -20px; }
        .c-slider-3 .slider .item .c-block .tag span {
          background-color: #9300ff;
          color: #FFF;
          font-family: 'Poppins-SemiBold';
          padding: 5px 10px;
          border-radius: 5px; }
      .c-slider-3 .slider .item .c-block ul {
        text-align: left;
        font-family: "Poppins-Regular";
        color: #000; }
      .c-slider-3 .slider .item .c-block .fa-bullets {
        list-style: none;
        /* sacamos las viñetas por defecto */
        padding-left: 0; }
      .c-slider-3 .slider .item .c-block .fa-bullets li {
        position: relative;
        padding-left: 25px;
        /* espacio para el icono */
        margin-bottom: 15px; }
      .c-slider-3 .slider .item .c-block .fa-bullets li::before {
        content: "\f058";
        /* código unicode del ícono de Font Awesome (ejemplo: check) */
        font-family: "FontAwesome";
        /* o "Font Awesome 6 Free", según versión */
        font-weight: 900;
        /* necesario para íconos sólidos */
        position: absolute;
        left: 0;
        top: 0;
        color: #a4ff48;
        /* color del icono */ }
    .c-slider-3 .slider .item:hover .c-block, .c-slider-3 .slider .item.active .c-block {
      scale: 1.05;
      background-color: #000;
      border: 5px solid #a4ff48; }
      .c-slider-3 .slider .item:hover .c-block h4,
      .c-slider-3 .slider .item:hover .c-block ul,
      .c-slider-3 .slider .item:hover .c-block ul li,
      .c-slider-3 .slider .item:hover .c-block p, .c-slider-3 .slider .item.active .c-block h4,
      .c-slider-3 .slider .item.active .c-block ul,
      .c-slider-3 .slider .item.active .c-block ul li,
      .c-slider-3 .slider .item.active .c-block p {
        color: #fff; }
      .c-slider-3 .slider .item:hover .c-block .btn-1, .c-slider-3 .slider .item.active .c-block .btn-1 {
        background-color: #a4ff48;
        color: #000; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .c-slider-2 .item .d-block img {
    position: relative;
    width: 100%; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .c-slider-1 .item .d-block {
    min-height: 500px; }

  .c-slider-2 .item .d-block {
    min-height: 330px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .c-slider-1 .item .d-block {
    min-height: 500px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1500px) {
  .c-slider-1 .item .d-block {
    min-height: 400px; } }
.bg-negro {
  background-color: #000; }

.bg-morado {
  background-color: #9300ff; }

.bg-blanco {
  background-color: #fff;
  background-image: none; }

.bg-verde {
  background-color: #a4ff48 !important; }

.bg-amarillo {
  background-color: #ffbb29; }

.bg-10 {
  background-image: url(../img/bg-10.png) !important;
  background-size: cover; }

.bg-11 {
  background-image: url(../img/bg-11.png) !important;
  background-size: cover;
  background-color: #9300ff; }

.bg-12 {
  background-image: url(../img/bg-12.png) !important; }

.bg-13 {
  background-image: url(../img/bg-13.png) !important;
  background-size: cover;
  background-color: #fff; }

.bg-14 {
  background-image: url(../img/bg-14.png) !important;
  background-size: cover;
  background-color: #000; }

.bg-15 {
  background-image: url(../img/bg-15.png) !important;
  background-size: cover;
  background-color: #9300ff; }

.bg-16 {
  background-image: url(../img/bg-16.png) !important;
  background-size: cover;
  background-color: #000; }

.bg-17 {
  background-image: url(../img/bg-17.png) !important;
  background-size: cover;
  background-color: #fff; }

.bg-18 {
  background-image: url(../img/bg-18.png) !important;
  background-size: 100%;
  background-color: #f7f6f7;
  background-repeat: no-repeat; }

.bg-19 {
  background-image: url(../img/bg-19.png) !important;
  background-size: 100%;
  background-color: #000;
  background-repeat: no-repeat; }

.bg-20 {
  background-image: url(../img/bg-20.png) !important;
  background-size: cover;
  background-color: #fff; }

.bg-21 {
  background-image: url(../img/bg-21.png) !important;
  background-size: cover;
  background-color: #fff; }

.bg-22 {
  background-image: url(../img/bg-22.png) !important;
  background-size: cover;
  background-color: #9300ff; }

.bg-23 {
  background-image: url(../img/bg-23.png) !important;
  background-size: cover;
  background-color: #fff; }

.bg-24 {
  background-image: url(../img/bg-24.png) !important;
  background-size: cover;
  background-color: #9300ff; }

.bg-25 {
  background-image: url(../img/bg-25.png) !important;
  background-size: cover;
  background-color: #fff; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .bg-14 {
    background-color: #000;
    background-image: none !important; }

  .bg-15 {
    background-image: none !important; }

  .bg-23, .bg-21, .bg-20, .bg-25 {
    background-image: none !important; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
.checkout iframe {
  width: 100%;
  height: 600px; }

/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .before_1 {
    position: relative; }
    .before_1::before {
      content: "";
      height: 18px;
      border-radius: 50px;
      width: 100px;
      position: absolute;
      background-color: #9300ff;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      justify-content: center;
      align-items: center;
      bottom: -35px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .fade-in {
    opacity: 0;
    transition: opacity 0.8s ease-in-out; }

  .fade-in.active {
    opacity: 1; }

  /* Efecto de arriba a abajo */
  .fade-in-top {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; }

  .fade-in-top.active {
    opacity: 1;
    transform: translateY(0); }

  /* Efecto de abajo a arriba */
  .fade-in-bottom {
    opacity: 0;
    transform: translateY(20px);
    /* Cambiado a un valor positivo para empezar desde abajo */
    transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; }

  .fade-in-bottom.active {
    opacity: 1;
    transform: translateY(0); }

  /* Efecto de izquierda a derecha */
  .fade-in-left {
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; }

  .fade-in-left.active {
    opacity: 1;
    transform: translateX(0); }

  /* Efecto de derecha a izquierda */
  .fade-in-right {
    opacity: 0;
    transform: translateX(20px);
    transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; }

  .fade-in-right.active {
    opacity: 1;
    transform: translateX(0); } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
/*Home*/
#rev_slider_4_1 {
  background-color: #fff; }

.c-slider h1 {
  color: #000;
  font-family: "Retroica";
  font-size: 4rem; }
.c-slider h2 {
  color: #000;
  font-family: "Retroica";
  font-size: 2.5rem; }
.c-slider h3 {
  color: #000;
  font-family: "Retroica";
  font-size: 1.5rem; }
  .c-slider h3 font {
    font-family: "Poppins-SemiBold"; }
  .c-slider h3 span {
    border: 4px solid #a4ff48;
    border-radius: 10px;
    padding: 7px 10px; }
.c-slider .btn {
  background-color: #9300ff;
  padding: 15px 25px;
  color: #fff;
  font-family: "Retroica"; }

.c-slider.caracteristicas {
  background-color: #000;
  padding-top: 50px;
  padding-bottom: 50px; }
  .c-slider.caracteristicas .slider .item {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    text-align: center; }
    .c-slider.caracteristicas .slider .item .c-block {
      text-align: center;
      border: 2px solid #fff;
      border-radius: 15px;
      display: inline-block;
      padding: 0px 20px 15px 20px;
      max-width: 200px;
      min-height: 90px; }
      .c-slider.caracteristicas .slider .item .c-block .img {
        background-color: #000;
        display: inline-block;
        padding-left: 7px;
        padding-right: 7px;
        margin-top: -30px; }
        .c-slider.caracteristicas .slider .item .c-block .img img {
          max-height: 30px; }
      .c-slider.caracteristicas .slider .item .c-block p {
        font-family: "Retroica";
        color: #fff;
        margin-bottom: 0px; }
.c-slider .slick-dots {
  bottom: -55px; }
  .c-slider .slick-dots li {
    height: 10px;
    width: 10px; }
    .c-slider .slick-dots li button::before {
      color: #fff;
      transition: 0.3s;
      font-size: 10px; }
    .c-slider .slick-dots li.slick-active button::before, .c-slider .slick-dots li:hover button::before {
      color: #a4ff48; }

/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .c-slider.caracteristicas .slider .item .c-block {
    min-width: 200px;
    max-width: 200px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
.como-funciona {
  padding-top: 70px;
  padding-bottom: 70px;
  background-image: url("../img/bg-1.png");
  background-size: cover; }
  .como-funciona .titulo-h2 {
    color: #fff; }
  .como-funciona .slider .item {
    padding: 30px;
    text-align: center; }
    .como-funciona .slider .item .img {
      margin-bottom: 20px;
      margin-top: 40px; }
      .como-funciona .slider .item .img img {
        max-height: 60px; }
    .como-funciona .slider .item p {
      font-family: "Retroica";
      color: #000;
      transition: 0.3s; }
    .como-funciona .slider .item .nro {
      text-align: center;
      display: inline-flex;
      position: absolute;
      margin-left: -20px;
      margin-top: -30px; }
      .como-funciona .slider .item .nro span {
        background-color: #000;
        color: #fff;
        display: block;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        /* centra vertical */
        justify-content: center;
        /* centra horizontal */
        font-family: "Retroica";
        font-size: 1.5rem; }
    .como-funciona .slider .item:hover p {
      color: #9300ff; }
    .como-funciona .slider .item:hover .nro span {
      color: #a4ff48; }
  .como-funciona .slider .c-wrapper {
    width: 100%;
    position: relative;
    display: inline-block; }
    .como-funciona .slider .c-wrapper::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 4px solid #a4ff48;
      border-radius: 25px;
      z-index: 0;
      transition: transform 0.3s ease; }
    .como-funciona .slider .c-wrapper:hover::before {
      transform: rotate(-6deg); }
  .como-funciona .slider .c-block {
    position: relative;
    z-index: 1;
    padding: 10px 20px;
    background: white;
    border-radius: 25px;
    min-height: 270px; }
  .como-funciona .slick-dots li {
    height: 10px;
    width: 10px; }
    .como-funciona .slick-dots li button::before {
      color: #fff;
      transition: 0.3s;
      font-size: 10px; }
    .como-funciona .slick-dots li.slick-active button::before, .como-funciona .slick-dots li:hover button::before {
      color: #a4ff48; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .como-funciona {
    background-position: calc(50% - 100px) center; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
.home-ruta {
  padding-top: 70px;
  padding-bottom: 70px;
  background-image: url("../img/bg-2.png");
  background-repeat: no-repeat;
  background-size: cover; }
  .home-ruta .slider {
    margin-top: 30px; }
    .home-ruta .slider .item {
      text-align: center;
      padding: 20px;
      transition: 0.3s; }
      .home-ruta .slider .item .c-block {
        position: relative;
        padding-top: 25px; }
        .home-ruta .slider .item .c-block .tag {
          position: absolute;
          width: 100%;
          margin-top: -15px; }
          .home-ruta .slider .item .c-block .tag span {
            background-color: #d9d9d9;
            padding: 7px 15px;
            border-radius: 25px;
            font-family: "Poppins-Bold";
            font-size: 0.8rem;
            color: #4c4c4c;
            transition: 0.3s; }
        .home-ruta .slider .item .c-block .img {
          height: 180px;
          overflow: hidden;
          border-radius: 45px 45px 0px 0px;
          margin-bottom: 0px; }
        .home-ruta .slider .item .c-block .edad {
          background-color: #d9d9d9;
          font-family: "Poppins-SemiBold";
          font-size: 0.65rem;
          color: #000;
          padding: 5px; }
          .home-ruta .slider .item .c-block .edad .icon {
            background-color: #fff;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            position: absolute;
            margin-top: -12px;
            box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.22);
            -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.22);
            -moz-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.22);
            display: flex;
            justify-content: center;
            align-items: center; }
            .home-ruta .slider .item .c-block .edad .icon i {
              color: #9300ff;
              font-size: 1.2rem;
              transition: 0.3s; }
        .home-ruta .slider .item .c-block .body {
          padding: 40px 20px;
          background-color: #fff;
          border-radius: 0px 0px 45px 45px; }
          .home-ruta .slider .item .c-block .body p {
            font-family: "Poppins-Regular";
            color: #000; }
          .home-ruta .slider .item .c-block .body h3 {
            font-family: "Retroica";
            font-size: 1.3rem;
            color: #000;
            transition: 0.3s; }
          .home-ruta .slider .item .c-block .body .btn-1 {
            transition: 0.3s; }
      .home-ruta .slider .item:hover .tag span {
        background-color: #a4ff48;
        color: #000; }
      .home-ruta .slider .item:hover .edad .icon i {
        color: #000; }
      .home-ruta .slider .item:hover .body h3 {
        color: #9300ff; }
      .home-ruta .slider .item:hover .body .btn-1 {
        background-color: #9300ff; }
  .home-ruta .fa-bullets li::before {
    content: "\f058";
    /* código unicode del ícono de Font Awesome (ejemplo: check) */
    font-family: "FontAwesome";
    /* o "Font Awesome 6 Free", según versión */
    font-weight: 900;
    /* necesario para íconos sólidos */
    position: absolute;
    left: 0;
    top: 0;
    color: #a4ff48;
    /* color del icono */ }

/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
.home_porque {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #000;
  background-image: url("../img/bg-3.png");
  background-size: cover;
  background-repeat: no-repeat;
  /* Desktop */ }
  .home_porque h2 {
    color: #fff; }
  .home_porque .slider {
    margin-top: 50px; }
    .home_porque .slider .item {
      padding-left: 20px;
      padding-right: 20px; }
      .home_porque .slider .item .c-block {
        border: 4px solid #d9d9d9;
        border-radius: 20px;
        padding: 40px 25px;
        transition: 0.3s; }
        .home_porque .slider .item .c-block h4 {
          color: #fff;
          font-family: "Retroica";
          font-size: 1.1rem; }
        .home_porque .slider .item .c-block p {
          color: #fff;
          font-family: "Poppins-Regular"; }
        .home_porque .slider .item .c-block img {
          margin-top: 40px; }
      .home_porque .slider .item:hover .c-block {
        border: 4px solid #a4ff48; }
    .home_porque .slider .slick-dots {
      bottom: -55px; }
      .home_porque .slider .slick-dots li {
        height: 10px;
        width: 10px; }
        .home_porque .slider .slick-dots li button::before {
          color: #fff;
          transition: 0.3s;
          font-size: 10px; }
        .home_porque .slider .slick-dots li.slick-active button::before, .home_porque .slider .slick-dots li:hover button::before {
          color: #a4ff48; }

/* ≤768px */
/* ≤480px */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .home_porque {
    padding-top: 120px; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .c-responsive_center .slick-list {
    padding-left: 0 !important;
    /* oculta el lado izquierdo */
    padding-right: 260px !important;
    /* mantiene el peek derecho */
    overflow: hidden;
    /* por si acaso */ }

  .home_porque .slider .item .c-block {
    min-height: 390px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
.home_testimonios {
  padding-top: 70px;
  padding-bottom: 70px;
  background-image: url("../img/bg-4.png");
  background-size: cover;
  background-repeat: no-repeat; }
  .home_testimonios .slider .item {
    padding: 20px; }
    .home_testimonios .slider .item .d-block {
      padding: 10px;
      background-color: #FFF; }
      .home_testimonios .slider .item .d-block p.txt {
        font-size: .8rem; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .home_testimonios {
    padding-top: 130px; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
.precios {
  padding-top: 70px;
  padding-bottom: 70px;
  background-image: url("../img/bg-5.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #9300ff; }
  .precios h2 {
    color: #fff; }
  .precios.bg-2 {
    background-image: url("../img/bg-suscripcion-3.png");
    background-size: cover; }
  .precios .slider {
    margin-top: 50px;
    margin-bottom: 50px; }
    .precios .slider .item {
      padding: 25px; }
      .precios .slider .item .c-block {
        background-color: #fff;
        transition: 0.3s;
        padding: 25px;
        text-align: center;
        border-radius: 10px; }
        .precios .slider .item .c-block h4 {
          font-family: "Retroica";
          font-size: 1.2rem; }
          .precios .slider .item .c-block h4.precio {
            font-size: 6rem;
            position: relative; }
            .precios .slider .item .c-block h4.precio::before {
              content: "$";
              position: absolute;
              font-size: 2.5rem;
              font-family: "Poppins-SemiBold";
              margin-left: -30px; }
          .precios .slider .item .c-block h4.det {
            font-size: 1rem;
            margin-top: -25px; }
        .precios .slider .item .c-block ul {
          text-align: left;
          font-family: "Poppins-Regular";
          color: #000; }
        .precios .slider .item .c-block .fa-bullets,
        .precios .slider .item .c-block .fa-ul {
          list-style: none;
          /* sacamos las viñetas por defecto */
          padding-left: 0; }
          .precios .slider .item .c-block .fa-bullets li,
          .precios .slider .item .c-block .fa-ul li {
            position: relative;
            margin-bottom: 15px; }
            .precios .slider .item .c-block .fa-bullets li i,
            .precios .slider .item .c-block .fa-ul li i {
              color: #9300ff; }
        .precios .slider .item .c-block .fa-bullets li::before {
          content: "\f058";
          /* código unicode del ícono de Font Awesome (ejemplo: check) */
          font-family: "FontAwesome";
          /* o "Font Awesome 6 Free", según versión */
          font-weight: 900;
          /* necesario para íconos sólidos */
          position: absolute;
          left: 0;
          top: 0;
          color: #a4ff48;
          /* color del icono */ }
      .precios .slider .item:hover .c-block, .precios .slider .item.active .c-block {
        scale: 1.05;
        background-color: #000;
        border: 5px solid #a4ff48; }
        .precios .slider .item:hover .c-block h4,
        .precios .slider .item:hover .c-block ul,
        .precios .slider .item:hover .c-block ul li,
        .precios .slider .item:hover .c-block p, .precios .slider .item.active .c-block h4,
        .precios .slider .item.active .c-block ul,
        .precios .slider .item.active .c-block ul li,
        .precios .slider .item.active .c-block p {
          color: #fff; }
        .precios .slider .item:hover .c-block .btn-1, .precios .slider .item.active .c-block .btn-1 {
          background-color: #a4ff48;
          color: #000; }
        .precios .slider .item:hover .c-block .fa-ul li i, .precios .slider .item.active .c-block .fa-ul li i {
          color: #a4ff48; }
  .precios .slick-dots li {
    height: 10px;
    width: 10px; }
    .precios .slick-dots li button::before {
      color: #fff;
      transition: 0.3s;
      font-size: 10px; }
    .precios .slick-dots li.slick-active button::before, .precios .slick-dots li:hover button::before {
      color: #a4ff48; }

.precios-2 {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #000;
  background-image: url("../img/bg-precio-2.png");
  background-size: cover;
  background-repeat: no-repeat; }
  .precios-2 h3 {
    color: #fff; }
  .precios-2 .block {
    margin-top: 80px; }
    .precios-2 .block .item .c-block {
      padding: 25px;
      padding-top: 50px;
      border-radius: 15px;
      border: 4px solid #a4ff48;
      text-align: center;
      position: relative; }
      .precios-2 .block .item .c-block .img {
        position: absolute;
        left: -130px;
        top: -50px; }
        .precios-2 .block .item .c-block .img img {
          max-width: 210px; }
      .precios-2 .block .item .c-block h4.precio {
        font-size: 6rem;
        position: relative;
        color: #fff;
        font-family: "Retroica"; }
        .precios-2 .block .item .c-block h4.precio::before {
          content: "$";
          position: absolute;
          font-size: 2.5rem;
          font-family: "Poppins-SemiBold";
          margin-left: -30px; }
        .precios-2 .block .item .c-block h4.precio::after {
          content: "/class";
          font-size: 1.2rem;
          font-family: "Poppins-SemiBold";
          position: absolute;
          bottom: 30px; }
      .precios-2 .block .item .c-block .fa-bullets,
      .precios-2 .block .item .c-block .fa-ul {
        list-style: none;
        /* sacamos las viñetas por defecto */
        text-align: left; }
        .precios-2 .block .item .c-block .fa-bullets li,
        .precios-2 .block .item .c-block .fa-ul li {
          position: relative;
          margin-bottom: 15px;
          font-family: "Poppins-Regular";
          color: #fff; }
          .precios-2 .block .item .c-block .fa-bullets li::before,
          .precios-2 .block .item .c-block .fa-ul li::before {
            font-family: "FontAwesome";
            /* o "Font Awesome 6 Free", según versión */
            font-weight: 900;
            /* necesario para íconos sólidos */
            position: absolute;
            left: 0;
            top: 0;
            color: #a4ff48;
            /* color del icono */ }
      .precios-2 .block .item .c-block .btn-1 {
        background-color: #a4ff48;
        color: #000; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .precios-2 {
    background-image: none; }
    .precios-2 .item .img {
      display: none; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .home_precios .slider .item .c-block {
    min-height: 650px; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
.home_form .img {
  background-image: url("../img/bg-form.png");
  background-size: cover;
  background-repeat: no-repeat; }
.home_form .form {
  padding-top: 70px;
  padding-bottom: 70px; }
.home_form .content-form .form-columns-2,
.home_form .content-form .form-columns-1 {
  width: 100%;
  max-width: none; }
.home_form .content-form .hs_firstname label,
.home_form .content-form .hs_lastname label,
.home_form .content-form .hs_cual_es_tu_rango_de_edad_ label,
.home_form .content-form .hs_email label,
.home_form .content-form .hs_mathpal___edad label,
.home_form .content-form .hs_idiomar_preferido_2 label {
  color: #000;
  font-family: "Poppins-Bold";
  font-size: 0.8rem; }
.home_form .content-form .hs_firstname .hs-input,
.home_form .content-form .hs_lastname .hs-input,
.home_form .content-form .hs_cual_es_tu_rango_de_edad_ .hs-input,
.home_form .content-form .hs_email .hs-input,
.home_form .content-form .hs_mathpal___edad .hs-input,
.home_form .content-form .hs_idiomar_preferido_2 .hs-input {
  width: 100% !important;
  background-color: #faf6ff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  padding: 10px 15px;
  min-height: 50px;
  margin-bottom: 15px; }
  .home_form .content-form .hs_firstname .hs-input select,
  .home_form .content-form .hs_lastname .hs-input select,
  .home_form .content-form .hs_cual_es_tu_rango_de_edad_ .hs-input select,
  .home_form .content-form .hs_email .hs-input select,
  .home_form .content-form .hs_mathpal___edad .hs-input select,
  .home_form .content-form .hs_idiomar_preferido_2 .hs-input select {
    width: 100% !important; }
.home_form .content-form .hs_phone input,
.home_form .content-form .hs_phone select {
  background-color: #faf6ff;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  padding: 10px 15px;
  min-height: 50px;
  margin-bottom: 15px; }
.home_form .content-form .hs_phone label {
  color: #000;
  font-family: "Poppins-Bold";
  font-size: 0.8rem; }
.home_form .content-form .hs_tutoria label {
  color: #000;
  font-family: "Poppins-Bold";
  font-size: 0.8rem; }
.home_form .content-form .hs_tutoria ul {
  display: flex;
  list-style: none;
  padding-left: 0px; }
  .home_form .content-form .hs_tutoria ul li {
    text-align: center;
    padding: 5px; }
    .home_form .content-form .hs_tutoria ul li label {
      border: 1px solid #b8b8b8;
      transition: 0.3s;
      padding: 10px;
      border-radius: 5px;
      cursor: pointer;
      min-height: 80px;
      display: flex;
      justify-content: center;
      /* Centra horizontal */
      align-items: center; }
    .home_form .content-form .hs_tutoria ul li input {
      display: none; }
    .home_form .content-form .hs_tutoria ul li.active label, .home_form .content-form .hs_tutoria ul li:hover label {
      border: 1px solid #9300ff;
      background-color: #9300ff;
      color: #fff; }
.home_form .content-form .hs_pe_tyc_1 ul {
  list-style: none; }
  .home_form .content-form .hs_pe_tyc_1 ul li label input {
    position: absolute;
    margin-left: -20px;
    margin-top: 7px; }
.home_form .content-form .hs-error-msgs {
  list-style: none;
  padding-left: 0px; }
  .home_form .content-form .hs-error-msgs .hs-error-msg {
    background-color: red;
    min-height: 23px;
    max-height: 23px;
    color: #fff;
    font-size: 0.6rem;
    padding: 3px;
    border-radius: 3px;
    font-family: "Poppins-Regular"; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .home_form .content-form .hs_tutoria ul {
    display: contents; }
    .home_form .content-form .hs_tutoria ul li {
      width: 50%;
      float: left; }
      .home_form .content-form .hs_tutoria ul li label {
        font-size: .7rem;
        min-height: 60px; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .home_form .content-form {
    padding-right: 70px; } }
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
.home_faqs {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #F6F6F6; }
  .home_faqs .accordion {
    background-color: #F6F6F6; }
    .home_faqs .accordion .accordion-button:focus {
      box-shadow: none;
      outline: none; }
    .home_faqs .accordion .accordion-item {
      border: 0px;
      background-color: #F6F6F6; }
      .home_faqs .accordion .accordion-item .accordion-header .accordion-button {
        border: 0px;
        font-family: 'Poppins-Bold';
        border-bottom: 1px solid #B8B8B8;
        background-color: #F6F6F6; }
        .home_faqs .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
          background-color: transparent;
          color: #000; }

/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
.back-top {
  display: none; }

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