.index-div2-div4-div1-div2 span {
      font-size: 19.5px;
  }

  @media (max-width: 1300px) {

      .index_text1,
      .index_text2 {
          padding-right: 30px;
      }

      .index_text3,
      .index_text4 {
          padding-right: 40px;
      }

      .index-div2-div4-div1,
      .index-div2-div4-div2 {
          padding-left: 0;
          align-items: center;
          width: 100px;

      }

      .right {
          display: flex;
          justify-content: flex-start;
          gap: 0px;

      }

      .index-div2-div4-div1 {
          display: flex;
          width: 100%;
      }

      .index-div2-span1 {
          font-size: 20px;
      }

      .index-div2-div1 {
          padding-top: 20px;
          padding-right: 30px;
      }

      .index-div2-div4-div2 {
          padding-top: 50px;
          width: auto;

      }

      .index-div2-div4-div1 {
          width: auto;
      }

      .index-div2-div1-div2 {
          padding-top: 18px;


      }


      .index-div2-div4-div1-div1-img,
      .index-div2-div4-div2-div1-img,
      .index-div2-div4-div2-div2-img {
          width: 50px;
          margin-left: 10px;
      }

      .index-div2-div4-div1-div3-img {
          width: 40px;
          margin-top: 20px;

      }

      .index-div2-div4-div1-div1,
      .index-div2-div4-div1-div3,
      .index-div2-div4-div2-div1,
      .index-div2-div4-div2-div2 {
          width: 200px;

          height: 100px;
      }

      .index-div2-div3 {
          width: 300px;
          margin-top: 30px;
      }

      .left_index {
          padding-right: 30px;
          padding-left: 20px;
      }

      .index-div2-div4-div1-div2 {
          width: 200px;
          height: fit-content !important;
          padding-bottom: 10px;
      }

      .index-div2-div4-div1-div2 span {
          font-size: 14.5px;
      }

      .index-div2-div4-div1-div2-span {
          margin-top: 10px;
          margin-left: 10px;
      }

      .index-div2-div4-div1-div1-span,
      .index-div2-div4-div1-div3-span,
      .index-div2-div4-div2-div1-span,
      .index-div2-div4-div2-div2-span {
          font-size: 15px;
          margin-left: 5px;
          display: flex;
      }


      .index_titulos_contadores {
          gap: 120px;
          text-align: center;
          flex-wrap: wrap;
          margin-bottom: -100px;

      }

      .index_contadores {
          font-size: 60px;
          gap: 120px;
          flex-wrap: wrap;
          padding-inline: 0;
      }

      .tablet_purecounter {
          margin-left: -40px;

      }


      .tablet_no_display {
          display: none
      }

      .index_div3 {
          background-image: url("../../img/index_3_background.png");
          background-position: center top;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 50px 0 30px 0;
          margin-top: 30px;
      }

      .index_div3_texts {
          text-align: center;
          margin-bottom: 30px;
      }

      .carousel_container a {
          text-decoration: none;
          color: inherit;
          cursor: pointer;
          -webkit-user-drag: none;
          user-drag: none;
          pointer-events: auto;
      }

      .index-div3-title {
          font-family: "Conthrax", Sans-serif;
          color: white;
          font-size: 30px;
          user-select: none;
      }

      .index-div3-subtitle {
          font-family: "Raleway", Sans-serif;
          color: white;
          font-size: 16px;
          line-height: 2em;
          padding: 0 20px;
          user-select: none;
      }

      /* ================= CAROUSEL ================= */
      .carousel_container {
          overflow: hidden;
          width: 100%;
          position: relative;
      }

      .carousel_track {
          display: flex;
          transition: transform 0.5s ease;
          cursor: grab;
      }

      /* Cada slide completa */
      .carousel_slide {
          min-width: 100%;
      }

      /* Bloque de items dentro de cada slide */
      .index_carousel_items {
          display: flex;
          justify-content: center;
          gap: 240px;
          padding-top: 20px;
      }

      /* Contenedor de imagen + texto */
      .index_carousel_item {
          flex-direction: column;
          align-items: center;
          transition: transform 0.4s ease, box-shadow 0.4s ease;
          user-select: none;
          width: 100px;
      }

      /* Imagen */
      .index_carousel_item img {
          max-width: 260px;
          object-fit: cover;
          border-radius: 15px;
          transition: transform 0.4s ease, filter 0.4s ease;
          -webkit-user-drag: none;
          user-drag: none;
          pointer-events: auto;
      }

      /* Texto */
      .index_carousel_span {
          width: 230px;
          background-color: white;
          border-radius: 25px;
          padding: 50px 30px;
          text-align: center;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          line-height: 1.6;
          transition: transform 0.4s ease, box-shadow 0.4s ease;
          user-select: none;
          margin-top: -30px;
      }

      /* Hover animado */
      .index_carousel_item:hover img {
          transform: scale(1.05);
          filter: brightness(1.1);
      }

      .index_carousel_item:hover .index_carousel_span {
          transform: translateY(-10px);
          box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
      }

      /* Títulos y textos */
      .index3_carousel_title {
          font-family: "Raleway", Sans-serif;
          font-weight: bold;
          font-size: 22px;
          color: black;
          display: block;
          text-align: center;
          user-select: none;
      }

      .index3_carousel_subtitle {
          font-family: "Raleway", Sans-serif;
          font-weight: bold;
          font-size: 20px;
          color: #3dbaeb;
          text-align: center;
          display: block;
          margin-top: 5px;
          user-select: none;
      }

      .index3_carousel_text {
          font-family: "Raleway", Sans-serif;
          font-size: 14px;
          color: #c5c5c5;
          margin-top: 10px;
          user-select: none;
      }

      /* ================= DOTS ================= */
      .carousel_dots {
          display: flex;
          justify-content: center;
          gap: 12px;
          margin-top: 40px;
          z-index: 1000;
      }

      .carousel_dot {
          width: 12px;
          height: 12px;
          background: #c5c5c5;
          border-radius: 50%;
          cursor: pointer;
          transition: 0.3s;
      }

      .carousel_dot.active {
          background: #3dbaeb;
          transform: scale(1.2);
      }

      /* ================= BOTONES ================= */
      .carousel_btn {
          position: absolute;
          top: 40%;
          transform: translateY(-50%);
          background: white;
          border: none;
          font-size: 25px;
          padding: 15px 20px;
          cursor: pointer;
          border-radius: 12px;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
          z-index: 100;
      }




      /* Contenedor de imagen + texto */
      .index_carousel_item {
          display: flex;
          flex-direction: column;
          align-items: center;
          transition: transform 0.4s ease, box-shadow 0.4s ease;
      }

      /* Imagen: efecto hover */
      .index_carousel_item img {
          height: 300px;
          width: 290px;
          object-fit: cover;
          border-radius: 15px;
          transition: transform 0.4s ease, filter 0.4s ease;
          z-index: 2;
          pointer-events: auto;
          /* permitimos hover */
          overflow: hidden;
      }

      /* Texto: efecto hover */
      .index_carousel_item .index_carousel_span {
          transition: transform 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
      }

      /* Animación al pasar el cursor por el contenedor completo */
      .index_carousel_item:hover img {
          transform: scale(1.05) translateY(-5px);
          filter: brightness(1.05);
          transition: transform 0.3s ease, filter 0.3s ease;
      }

      .index_carousel_item:hover .index_carousel_span {
          transform: translateY(-10px);
          /* sube el texto ligeramente */
          box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
      }

      .quienes_izquierda {
          width: auto;

      }

      .quienes_derecha {
          width: auto !important;
          height: auto;
          padding-top: 180px;
          display: flex;
          flex-direction: column !important;
          justify-content: center !important;
      }

      .left_quienes {
          display: flex !important;
          align-items: center !important;
          /* 👈 centra verticalmente */

      }

      .quienes-div2-div1 {
          margin-top: -150px !important;
      }

      .quienes-div2-div3 {
          width: 250px;
          margin-right: 40px;
      }

      .quienes-div2-div2 {
          width: 250px;
          padding-top: 0;
      }

      .quienes-div2-div2 img {
          width: 250px;
      }


  }


  @media (max-width: 900px) {

      .left_index {
          display: none;
      }


      .index-div2-div1_mobile {
          max-width: 220px;
          height: 150px;
          background-color: #123352;
          border-radius: 15px;
          padding: 40px 0 40px 20px;
          position: relative;
          display: block;
          z-index: 3;
          font-family: "Conthrax", Sans-serif;
          color: white;
      }

      .left_index_mobile {
          display: flex;
          flex-wrap: wrap;
          width: 50%;
          padding-top: 100px;
      }

      .index-div2-div1_mobile {
          padding-top: 10px;
          padding-top: 24px;
          margin-left: 20px;
          padding-right: 20px;
          overflow: visible;
          width: 250px;

      }

      .index-div2-span1_mobile {
          font-size: 19px;
      }

      .index-div2-div1-div2_mobile {
          padding: 0;
          padding-left: 0;
          padding-top: 20px;
          font-family: "Raleway", Sans-serif;
      }

      .index-div2-div1-div2_mobile span {

          font-size: 15px;
      }

      .index-div2-span2_mobile {
          font-size: 13px;


      }

      .index-div2-div2_mobile {
          margin-top: -150px;
          position: relative;
          max-width: 200px;
          margin-left: 120px;

      }

      .index-div2-div2_mobile img {
          max-width: 250px;
          border-radius: 25px;


      }

      .index-div2-div3_mobile {
          width: 200px;
          margin: 0;
          position: relative;
          margin-left: 150px;
          margin-bottom: -350px;

      }

      .index-div2-div3_mobile img {
          min-width: 230px;
          margin: 0;
          position: relative;
          margin-top: -20px;
          border-radius: 25px;

      }

      .index-div2-div4-div1-div1-span,
      .index-div2-div4-div1-div3-span,
      .index-div2-div4-div2-div1-span,
      .index-div2-div4-div2-div2-span {
          font-size: 14px;
          margin-left: 5px;
          display: flex;
      }

      .index-div2-div4-div1-div1,
      .index-div2-div4-div1-div3,
      .index-div2-div4-div2-div1,
      .index-div2-div4-div2-div2 {
          width: auto;
          height: 100px;
      }



      .index-div2-div4-div2 {
          padding-top: 80px;

      }


      .index-div2-div4-div1-div2 {
          padding-inline: 0;
          width: auto;
      }

      .index-div2-div4-div1-div2-span {
          margin-left: 8%;
          margin-top: 7px;
          font-size: 12.5px;

      }

      .right {
          padding-right: 10px ! important;
          display: flex;
          justify-content: flex-start;
          gap: 10px;
      }


      .index-div2-div4-div3-div1-button {
          padding: 10px;
          width: auto;
          margin-top: 40px;
          font-size: 13px;
      }



      .index_titulos_contadores {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 200px;
          font-size: 14px;
          position: relative;
          font-family: "Raleway", Sans-serif;
          font-weight: bold;
          color: #2536b4;
          margin-top: 50px;
          margin-bottom: -120px;
          ;
      }

      .index_titulo1_contadores {
          display: flex;
          z-index: 2;

      }

      .index_titulo2_contadores {
          display: flex;
          z-index: 2;
      }

      .index_titulo3_contadores {
          display: flex;
          z-index: 2;
      }

      .index_titulo4_contadores {
          display: flex;
          z-index: 2;
      }

      /* Contador-----------------------------------------------------------------------------------------------------------------------------------------*/

      .index_titulos_contadores {
          gap: 50px;
          font-size: 22px;
          margin-bottom: -85px;
          justify-content: center;
      }

      .index_contadores {
          gap: 80px;
          padding-inline: 20px;
          flex-wrap: wrap;
      }

      /* Números dentro de los contadores */
      .purecounter {
          font-size: 50px !important;
      }

      /* Títulos de cada contador */
      .index_titulo1_contadores,
      .index_titulo2_contadores,
      .index_titulo3_contadores,
      .index_titulo4_contadores {
          font-size: 12px;
          margin: 0;
      }

      /* Separadores entre números */
      .separator {
          height: 0.6em;
          width: 2px;
      }


      /* ================= GENERAL ================= */
      .index_div3 {
          background-image: url("../../img/index_3_background.png");
          background-position: center top;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 50px 0 30px 0;
          margin-top: 30px;
      }

      .index_div3_texts {
          text-align: center;
          margin-bottom: 30px;
      }

      .carousel_container a {
          text-decoration: none;
          color: inherit;
          cursor: pointer;
          -webkit-user-drag: none;
          user-drag: none;
          pointer-events: auto;
      }

      .index-div3-title {
          font-family: "Conthrax", Sans-serif;
          color: white;
          font-size: 30px;
          user-select: none;
      }

      .index-div3-subtitle {
          font-family: "Raleway", Sans-serif;
          color: white;
          font-size: 16px;
          line-height: 2em;
          padding: 0 20px;
          user-select: none;
      }

      /* ================= CAROUSEL ================= */
      .carousel_container {
          overflow: hidden;
          width: 100%;
          position: relative;
      }

      .carousel_track {
          display: flex;
          transition: transform 0.5s ease;
          cursor: grab;
      }

      /* Cada slide completa */
      .carousel_slide {
          min-width: 100%;
      }

      /* Bloque de items dentro de cada slide */
      .index_carousel_items {
          display: flex;
          justify-content: center;
          gap: 140px;
          padding-top: 20px;
      }

      /* Contenedor de imagen + texto */
      .index_carousel_item {
          flex-direction: column;
          align-items: center;
          transition: transform 0.4s ease, box-shadow 0.4s ease;
          user-select: none;
          width: 100px;
      }

      /* Imagen */
      .index_carousel_item img {
          max-width: 200px;
          max-height: 220px;
          object-fit: cover;
          border-radius: 15px;
          transition: transform 0.4s ease, filter 0.4s ease;
          -webkit-user-drag: none;
          user-drag: none;
          pointer-events: auto;
      }

      /* Texto */
      .index_carousel_span {
          width: 170px;
          background-color: white;
          border-radius: 25px;
          padding: 50px 30px;
          text-align: center;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          line-height: 1.6;
          transition: transform 0.4s ease, box-shadow 0.4s ease;
          user-select: none;
          margin-top: -30px;
      }

      /* Hover animado */
      .index_carousel_item:hover img {
          transform: scale(1.05);
          filter: brightness(1.1);
      }

      .index_carousel_item:hover .index_carousel_span {
          transform: translateY(-10px);
          box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
      }

      /* Títulos y textos */
      .index3_carousel_title {
          font-family: "Raleway", Sans-serif;
          font-weight: bold;
          font-size: 22px;
          color: black;
          display: block;
          text-align: center;
          user-select: none;
      }

      .index3_carousel_subtitle {
          font-family: "Raleway", Sans-serif;
          font-weight: bold;
          font-size: 20px;
          color: #3dbaeb;
          text-align: center;
          display: block;
          margin-top: 5px;
          user-select: none;
      }

      .index3_carousel_text {
          font-family: "Raleway", Sans-serif;
          font-size: 14px;
          color: #c5c5c5;
          margin-top: 10px;
          user-select: none;
      }

      /* ================= DOTS ================= */
      .carousel_dots {
          display: flex;
          justify-content: center;
          gap: 12px;
          margin-top: 40px;
          z-index: 1000;
      }

      .carousel_dot {
          width: 12px;
          height: 12px;
          background: #c5c5c5;
          border-radius: 50%;
          cursor: pointer;
          transition: 0.3s;
      }

      .carousel_dot.active {
          background: #3dbaeb;
          transform: scale(1.2);
      }

      /* ================= BOTONES ================= */
      .carousel_btn {
          position: absolute;
          top: 40%;
          transform: translateY(-50%);
          background: white;
          border: none;
          font-size: 25px;
          padding: 15px 20px;
          cursor: pointer;
          border-radius: 12px;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
          z-index: 100;
      }




      /* Contenedor de imagen + texto */
      .index_carousel_item {
          display: flex;
          flex-direction: column;
          align-items: center;
          transition: transform 0.4s ease, box-shadow 0.4s ease;
      }

      /* Imagen: efecto hover */
      .index_carousel_item img {
          height: 300px;
          width: 290px;
          object-fit: cover;
          border-radius: 15px;
          transition: transform 0.4s ease, filter 0.4s ease;
          z-index: 2;
          pointer-events: auto;
          /* permitimos hover */
          overflow: hidden;
      }

      /* Texto: efecto hover */
      .index_carousel_item .index_carousel_span {
          transition: transform 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
      }

      /* Animación al pasar el cursor por el contenedor completo */
      .index_carousel_item:hover img {
          transform: scale(1.05) translateY(-5px);
          filter: brightness(1.05);
          transition: transform 0.3s ease, filter 0.3s ease;
      }

      .index_carousel_item:hover .index_carousel_span {
          transform: translateY(-10px);
          /* sube el texto ligeramente */
          box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
      }


  }

  @media (max-width: 850px) {


      .method_card {
          position: relative;
          /* referencia para el hijo absoluto */
          min-width: 360px;
          width: 750px;
          height: 500px;
          border-radius: 30px;
          color: #fff;
          opacity: 0.4;
          transform: scale(0.9);
          transition: all 0.5s ease;
          text-align: center;
          line-height: 2;
          overflow: hidden;
          /* Muy importante para que la imagen no se corte */
      }

      .method_card img {
          width: 100px;

      }
  }




  /* ================== MEDIA QUERY 768px ================== */
  @media (max-width: 768px) {

      /* Contenedores de los contadores */
      .index_titulos_contadores {
          gap: 50px;
          font-size: 12px;
          margin-bottom: -92px;
          justify-content: center;
      }

      .index_contadores {
          font-size: 60px;
          gap: 60px;
          padding-inline: 20px;
          flex-wrap: wrap;
      }

      /* Números dentro de los contadores */
      .purecounter {
          font-size: 50px !important;
      }

      /* Títulos de cada contador */
      .index_titulo1_contadores,
      .index_titulo2_contadores,
      .index_titulo3_contadores,
      .index_titulo4_contadores {
          font-size: 12px;
          margin: 0;
      }

      /* Separadores entre números */
      .separator {
          height: 0.6em;
          width: 2px;
      }
  }

  @media (max-width: 671px) {
      .index_titulos_contadores {
          gap: 50px;
          font-size: 12px;
          margin-bottom: -85px;
          justify-content: center;
      }

      .index_contadores {
          font-size: 60px;
          gap: 60px;
          padding-inline: 20px;
          flex-wrap: wrap;
      }

      /* Números dentro de los contadores */
      .purecounter {
          font-size: 40px !important;
      }
  }

  /* ================== MEDIA QUERY 600px ================== */
  @media (max-width: 634px) {
      .index_titulos_contadores {
          gap: 20px;
          font-size: 11px;
          margin-bottom: -80px;
          justify-content: center;
          text-align: center;
      }

      .index_contadores {
          font-size: 55px;
          gap: 55px;
          padding-inline: 10px;
          flex-wrap: wrap;
      }

      .purecounter {
          font-size: 35px;
      }

      .index_titulo1_contadores,
      .index_titulo2_contadores,
      .index_titulo3_contadores,
      .index_titulo4_contadores {
          font-size: 11px;
      }

      .separator {
          height: 0.5em;
          width: 2px;
      }
  }

  @media (max-width: 480px) {

      .index_text1 {
          font-size: 36px;
          padding-top: 120px;
      }

      .index-div2-div3_mobile {
          display: none;
      }

      .index-div2-div2_mobile {
          display: none;
      }

      .index_text3,
      .index_text4 {
          padding-left: 20%;
      }

      .index_titulos_contadores {
          gap: 80px;
          text-align: center;
          flex-wrap: wrap;
      }

      .index_contadores {
          font-size: 60px;
          gap: 40px;
          padding-inline: 40px;
          flex-wrap: wrap;
      }

      .index_text1,
      .index_text2,
      .index_text3,
      .index_text4 {
          text-align: center;
          padding: 0 20px;
      }

      .index_text1 {
          font-size: 28px;
          padding-top: 100px;
      }

      .index-div2-div2,
      .index-div2-div3 {
          margin-left: 0;
          margin-top: 20px;
      }

      .index-div2-div1 {
          margin-top: 40px;
      }

      .index-div2-div4-div1,
      .index-div2-div4-div2 {
          padding-left: 0;
          align-items: center;
      }

      .index-div2 {
          flex-direction: column;
          align-items: center;
          height: auto;
          padding: 60px 0;
      }

      .left_index_mobile {
          display: none;
      }

      .left_index {
          width: 100%;
          justify-content: center;
          flex-wrap: wrap;
          gap: 40px;
      }

      .right {
          padding-inline: 20px;
          width: 100%;
      }

      .index_text1 {
          font-size: 22px;
      }

      .index-div2-div4-div1,
      .index-div2-div4-div2 {
          max-width: 48%;
          /* un poco más estrechas */
      }

      .index-div2-div4-div2 {
          padding-top: 80px;
          height: auto;
          padding-left: 10px;

      }

      .index-div2-div4-div1-div1,
      .index-div2-div4-div1-div2,
      .index-div2-div4-div1-div3,
      .index-div2-div4-div2-div1,
      .index-div2-div4-div2-div2,
      .index-div2-div4-div2-div3 {
          height: 100px;
      }

      .index-div2-div4-div1-div2 {
          padding-inline: 0;
          width: auto;
      }


      .card {
          max-width: 5%;
          height: auto;
          padding: 30px;
          padding-top: 0;
      }

      .card p {
          font-size: 13.5px;
      }

      .author img {
          width: 70px;
          height: 70px;
      }

      .index-div2-div2 {
          display: none;
      }

      .index-div2-div3 {
          display: none;
      }

      .index-div2-div4-div1-div1-span,
      .index-div2-div4-div1-div3-span,
      .index-div2-div4-div2-div1-span,
      .index-div2-div4-div2-div2-span {
          font-size: 14px;
      }

      .index-div2-div4-div1-div2-span {
          margin-top: 10px;
          margin-bottom: 10px;
          font-size: 13.5px;

      }

      .index_titulos_contadores {
          display: grid;
          position: relative;
          grid-template-columns: repeat(2, 1fr);
          /* 2 columnas */
          grid-auto-rows: auto;
          gap: 52px 0px;
          /* fila x columna */
          justify-items: center;
          align-items: center;
          text-align: center;
          width: 100%;
          padding: 20px;
          padding-inline: 0;
          margin-bottom: -195px;
          margin-top: 0;
      }


      .index_contadores {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          /* 2 columnas */
          grid-auto-rows: auto;
          gap: 20px 0px;
          /* fila x columna */
          justify-items: center;
          align-items: center;
          text-align: center;
          width: 100%;
          padding: 20px;
          padding-inline: 0;
      }

      /* Centrar títulos */
      .index_titulo1_contadores,
      .index_titulo2_contadores,
      .index_titulo3_contadores,
      .index_titulo4_contadores {
          margin: 0;
          font-size: 14px;
      }

      /* Contadores más pequeños */
      .purecounter {
          font-size: 50px;
      }

      /* Separadores opcionales: podemos ocultarlos */
      .index_contadores>div[style] {
          display: none;
      }

      .index-div3-title {
          font-size: 25px;
      }

      /* ================= RESPONSIVE 480px ================= */


      .index_div3 {
          display: none;
      }

      .index_div3_mobile {
          background-image: url("../../img/index_3_background.png");
          background-position: center top;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 50px 0 30px 0;
          margin-top: 30px;
      }

      .index_div3_texts_mobile {
          padding-inline: 10px;
          display: flex;
          flex-direction: column;
          width: auto;
          justify-content: center;
          text-align: center;
      }

      .carousel_container_mobile a {
          text-decoration: none;
          color: inherit;
          cursor: pointer;
          -webkit-user-drag: none;
          user-drag: none;
          pointer-events: auto;
      }

      .index-div3-title_mobile {
          font-family: "Conthrax", Sans-serif;
          color: white;
          font-size: 30px;
          user-select: none;
      }

      .index-div3-subtitle_mobile {
          font-family: "Raleway", Sans-serif;
          color: white;
          font-size: 16px;
          line-height: 2em;
          padding: 0 20px;
          user-select: none;
      }

      /* ================= CAROUSEL ================= */
      .carousel_container_mobile {
          overflow: hidden;
          width: 100%;
          position: relative;
      }

      .carousel_track_mobile {
          display: flex;
          transition: transform 0.5s ease;
          cursor: grab;
      }

      /* Cada slide completa */
      .carousel_slide_mobile {
          min-width: 100%;
          /* Slide ocupa exactamente 100% */
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          /* 2 columnas */
          gap: 10px;
          /* gap dentro del slide */
          box-sizing: border-box;
          /* importante para que gap no sobrepase el ancho */
          padding: 0 5px;
          /* opcional para evitar desbordes */
          justify-content: center;
      }

      /* Bloque de items dentro de cada slide */
      .index_carousel_items_mobile {
          display: flex;
          flex-wrap: nowrap;
          /* clave para que no se pongan en columna */
          justify-content: center;
          gap: 20px;
          /* separación entre los 2 items */
          width: 100%;
          padding-top: 20px;
          padding-left: 16px;
          gap: 40px;

      }

      /* Cada item ocupa la mitad del ancho del slide */
      .index_carousel_item_mobile {
          width: 90%;
          /* cada item ocupa su columna */
          display: flex;
          flex-direction: column;
          align-items: center;
          transition: transform 0.4s ease,
              box-shadow 0.4s ease;
          user-select: none;
      }

      /* Imagen */
      .index_carousel_item_mobile img {
          height: 300px;
          width: 100%;
          /* ocupa todo el ancho del item */
          object-fit: cover;
          border-radius: 15px;
          transition: transform 0.4s ease, filter 0.4s ease;
          -webkit-user-drag: none;
          user-drag: none;
          pointer-events: auto;
          overflow: hidden;
      }

      /* Texto */
      .index_carousel_span_mobile {
          width: 150px;
          /* ocupa todo el ancho del item */
          background-color: white;
          border-radius: 25px;
          padding: 20px 10px;
          text-align: center;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          line-height: 1.6;
          transition: transform 0.4s ease, box-shadow 0.4s ease;
          user-select: none;
          margin-top: -20px;
      }

      /* Hover animado */
      .index_carousel_item_mobile:hover img {
          transform: scale(1.05) translateY(-5px);
          filter: brightness(1.05);
      }

      .index_carousel_item_mobile:hover .index_carousel_span_mobile {
          transform: translateY(-10px);
          box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
      }

      /* Títulos y textos */
      .index3_carousel_title_mobile {
          font-family: "Raleway", Sans-serif;
          font-weight: bold;
          font-size: 22px;
          color: black;
          display: block;
          text-align: center;
          user-select: none;
      }

      .index3_carousel_subtitle_mobile {
          font-family: "Raleway", Sans-serif;
          font-weight: bold;
          font-size: 20px;
          color: #3dbaeb;
          text-align: center;
          display: block;
          margin-top: 5px;
          user-select: none;
      }

      .index3_carousel_text_mobile {
          font-family: "Raleway", Sans-serif;
          font-size: 14px;
          color: #c5c5c5;
          margin-top: 10px;
          user-select: none;
      }

      /* ================= DOTS ================= */
      .carousel_dots_mobile {
          display: flex;
          justify-content: center;
          gap: 12px;
          margin-top: 40px;
          z-index: 1000;
      }

      .carousel_dot_mobile {
          width: 12px;
          height: 12px;
          background: #c5c5c5;
          border-radius: 50%;
          cursor: pointer;
          transition: 0.3s;
      }

      .carousel_dot_mobile.active {
          background: #3dbaeb;
          transform: scale(1.2);
      }

      /* ================= BOTONES ================= */
      .carousel_btn_mobile {
          position: absolute;
          top: 40%;
          transform: translateY(-50%);
          background: white;
          border: none;
          font-size: 25px;
          padding: 15px 20px;
          cursor: pointer;
          border-radius: 12px;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
          z-index: 100;
      }

      .card {
          position: relative;
          /* referencia para el hijo absoluto */
          min-width: 300px;
          height: 250px;
          border-radius: 20px;
          background: rgba(13, 45, 75, 0.85);
          color: #fff;
          opacity: 0.4;
          transform: scale(0.9);
          transition: all 0.5s ease;
          text-align: center;
          line-height: 2;
          overflow: visible;
          /* Muy importante para que la imagen no se corte */
      }

      .card p {
          font-family: "Raleway", Sans-serif;
          padding-inline: 20px;


      }

      .author span {
          font-size: 14px;
          padding-top: 24px;
          white-space: nowrap;
          /* evita que el texto se divida en varias líneas */

      }

      .index_div4_title {
          padding-top: 40px;
          text-align: center;
          /* centra todo el texto dentro del div */
      }

      .index_div4_title span {
          font-size: 32px;
          font-family: "Conthrax", Sans-serif;
          color: white;
          display: inline-block;
          /* importante para que text-align funcione correctamente */
          /* si quieres que el texto no haga salto de línea */
      }



      .left_index_mobile {
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          justify-content: center;
          padding-top: 0;

      }



      .index-div2-div1_mobile {
          max-width: 620px;
          width: auto !important;
          height: 150px;
          background-color: #123352;
          border-radius: 15px;
          padding: 40px 0 40px 20px;
          position: relative;
          display: block;
          z-index: 3;
          font-family: "Conthrax", Sans-serif;
          color: white;
          margin-right: 20px;
      }

      .index-div2-div1_mobile {
          padding-top: 10px;
          padding-top: 24px;
          margin-left: 20px;
          padding-right: 20px;
          overflow: visible;
      }

  }

  @media (max-width: 425px) {

      .index_text1 {
          font-size: 36px;
          padding-top: 120px;
      }

      .index-div2-div1_mobile {
          max-width: 220px;
          height: 150px;
          background-color: #123352;
          border-radius: 15px;
          padding: 40px 0 40px 20px;
          position: relative;
          display: block;
          z-index: 3;
          font-family: "Conthrax", Sans-serif;
          color: white;
          margin-right: 20px;
      }

      .index-div2-div1_mobile {
          padding-top: 10px;
          padding-top: 24px;
          margin-left: 20px;
          padding-right: 20px;
          overflow: visible;
          width: 100% !important;
      }


      .index_text3,
      .index_text4 {
          padding-left: 20%;
      }

      .index_titulos_contadores {
          gap: 68px !important;
          text-align: center;
          flex-wrap: wrap;
          margin-bottom: -220px !important;

      }

      .index_contadores {
          font-size: 60px;
          gap: 40px;
          padding-inline: 40px;
          flex-wrap: wrap;
      }

      .index_text1,
      .index_text2,
      .index_text3,
      .index_text4 {
          text-align: center;
          padding: 0 20px;
      }

      .index_text1 {
          font-size: 28px;
          padding-top: 100px;
      }

      .index-div2-div2,
      .index-div2-div3 {
          margin-left: 0;
          margin-top: 20px;
      }

      .index-div2-div1 {
          margin-top: 40px;
      }

      .index-div2-div4-div1,
      .index-div2-div4-div2 {
          padding-left: 0;
          align-items: center;
      }

      .index-div2 {
          flex-direction: column;
          align-items: center;
          height: auto;
          padding: 60px 0;
      }

      .left_index {
          width: 100%;
          justify-content: center;
          flex-wrap: wrap;
          gap: 40px;
      }

      .right {
          padding-inline: 20px;
          width: 100%;
      }

      .index_text1 {
          font-size: 22px;
      }

      .index-div2-div4-div1,
      .index-div2-div4-div2 {
          max-width: 48%;
          /* un poco más estrechas */
      }

      .index-div2-div4-div2 {
          padding-top: 80px;
          height: auto;
          padding-left: 10px;

      }



      .index-div2-div4-div1-div2 {
          padding-inline: 0;
          width: auto;
          height: fit-content !important;

      }

      .index-div2-div4-div1-div2 span {

          font-size: 15px;

      }



      .card {
          max-width: 5%;
          height: auto;
          padding: 30px;
          padding-top: 0;
      }

      .card p {
          font-size: 13.5px;
      }

      .author img {
          width: 70px;
          height: 70px;
      }

      .index-div2-div2 {
          display: none;
      }

      .index-div2-div3 {
          display: none;
      }

      .index-div2-div4-div1-div1-span,
      .index-div2-div4-div1-div3-span,
      .index-div2-div4-div2-div1-span,
      .index-div2-div4-div2-div2-span {
          font-size: 13px;
          margin-left: 10px;
      }

      .index-div2-div4-div3-div1-button {
          padding: 10px;
          width: auto;
          margin-top: 40px;
          font-size: 13px;
      }


      .index_titulos_contadores {
          display: grid;
          position: relative;
          grid-template-columns: repeat(2, 1fr);
          /* 2 columnas */
          grid-auto-rows: auto;
          gap: 60px 0px;
          column-gap: 0px !important;
          /* fila x columna */
          justify-items: center;
          align-items: center;
          text-align: center;
          width: 100%;
          padding: 20px;
          padding-inline: 0;
          margin-bottom: -210px;
      }


      .index_contadores {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          /* 2 columnas */
          grid-auto-rows: auto;
          gap: 20px 0px;
          /* fila x columna */
          justify-items: center;
          align-items: center;
          text-align: center;
          width: 100%;
          padding: 20px;
          padding-inline: 0;
      }

      /* Centrar títulos */
      .index_titulo1_contadores,
      .index_titulo2_contadores,
      .index_titulo3_contadores,
      .index_titulo4_contadores {
          margin: 0;
          font-size: 14px;
      }

      /* Contadores más pequeños */
      .purecounter {
          font-size: 55px !important;
      }

      /* Separadores opcionales: podemos ocultarlos */
      .index_contadores>div[style] {
          display: none;
      }

      .index-div3-title {
          font-size: 25px;
      }

      /* ================= RESPONSIVE 480px ================= */


      .index_div3 {
          display: none;
      }

      .index_div3_mobile {
          background-image: url("../../img/index_3_background.png");
          background-position: center top;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 50px 0 30px 0;
          margin-top: 30px;
      }

      .index_div3_texts_mobile {
          padding-inline: 10px;
          display: flex;
          flex-direction: column;
          width: auto;
          justify-content: center;
          text-align: center;
      }

      .carousel_container_mobile a {
          text-decoration: none;
          color: inherit;
          cursor: pointer;
          -webkit-user-drag: none;
          user-drag: none;
          pointer-events: auto;
      }

      .index-div3-title_mobile {
          font-family: "Conthrax", Sans-serif;
          color: white;
          font-size: 30px;
          user-select: none;
      }

      .index-div3-subtitle_mobile {
          font-family: "Raleway", Sans-serif;
          color: white;
          font-size: 16px;
          line-height: 2em;
          padding: 0 20px;
          user-select: none;
      }

      /* ================= CAROUSEL ================= */
      .carousel_container_mobile {
          overflow: hidden;
          width: 100%;
          position: relative;
      }

      .carousel_track_mobile {
          display: flex;
          transition: transform 0.5s ease;
          cursor: grab;
      }

      /* Cada slide completa */
      .carousel_slide_mobile {
          min-width: 100%;
          /* Slide ocupa exactamente 100% */
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          /* 2 columnas */
          gap: 10px;
          /* gap dentro del slide */
          box-sizing: border-box;
          /* importante para que gap no sobrepase el ancho */
          padding: 0 5px;
          /* opcional para evitar desbordes */
          justify-content: center;
      }

      /* Bloque de items dentro de cada slide */
      .index_carousel_items_mobile {
          display: flex;
          flex-wrap: nowrap;
          /* clave para que no se pongan en columna */
          justify-content: center;
          gap: 20px;
          /* separación entre los 2 items */
          width: 110%;
          padding-top: 20px;
          padding-left: 24px;
          gap: 15px;

      }

      /* Cada item ocupa la mitad del ancho del slide */
      .index_carousel_item_mobile {
          width: 80%;
          /* cada item ocupa su columna */
          display: flex;
          flex-direction: column;
          align-items: center;
          transition: transform 0.4s ease,
              box-shadow 0.4s ease;
          user-select: none;
      }

      /* Imagen */
      .index_carousel_item_mobile img {
          height: 300px;
          width: 100%;
          /* ocupa todo el ancho del item */
          object-fit: cover;
          border-radius: 15px;
          transition: transform 0.4s ease, filter 0.4s ease;
          -webkit-user-drag: none;
          user-drag: none;
          pointer-events: auto;
          overflow: hidden;
      }

      /* Texto */
      .index_carousel_span_mobile {
          width: 100%;
          /* ocupa todo el ancho del item */
          background-color: white;
          border-radius: 25px;
          padding: 20px 10px;
          text-align: center;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          line-height: 1.6;
          transition: transform 0.4s ease, box-shadow 0.4s ease;
          user-select: none;
          margin-top: -20px;
      }

      /* Hover animado */
      .index_carousel_item_mobile:hover img {
          transform: scale(1.05) translateY(-5px);
          filter: brightness(1.05);
      }

      .index_carousel_item_mobile:hover .index_carousel_span_mobile {
          transform: translateY(-10px);
          box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
      }

      /* Títulos y textos */
      .index3_carousel_title_mobile {
          font-family: "Raleway", Sans-serif;
          font-weight: bold;
          font-size: 22px;
          color: black;
          display: block;
          text-align: center;
          user-select: none;
      }

      .index3_carousel_subtitle_mobile {
          font-family: "Raleway", Sans-serif;
          font-weight: bold;
          font-size: 20px;
          color: #3dbaeb;
          text-align: center;
          display: block;
          margin-top: 5px;
          user-select: none;
      }

      .index3_carousel_text_mobile {
          font-family: "Raleway", Sans-serif;
          font-size: 14px;
          color: #c5c5c5;
          margin-top: 10px;
          user-select: none;
      }

      /* ================= DOTS ================= */
      .carousel_dots_mobile {
          display: flex;
          justify-content: center;
          gap: 12px;
          margin-top: 40px;
          z-index: 1000;
      }

      .carousel_dot_mobile {
          width: 12px;
          height: 12px;
          background: #c5c5c5;
          border-radius: 50%;
          cursor: pointer;
          transition: 0.3s;
      }

      .carousel_dot_mobile.active {
          background: #3dbaeb;
          transform: scale(1.2);
      }

      /* ================= BOTONES ================= */
      .carousel_btn_mobile {
          position: absolute;
          top: 40%;
          transform: translateY(-50%);
          background: white;
          border: none;
          font-size: 25px;
          padding: 15px 20px;
          cursor: pointer;
          border-radius: 12px;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
          z-index: 100;
      }

      .card {
          position: relative;
          /* referencia para el hijo absoluto */
          min-width: 300px;
          height: 250px;
          border-radius: 20px;
          background: rgba(13, 45, 75, 0.85);
          color: #fff;
          opacity: 0.4;
          transform: scale(0.9);
          transition: all 0.5s ease;
          text-align: center;
          line-height: 2;
          overflow: visible;
          /* Muy importante para que la imagen no se corte */
      }

      .card p {
          font-family: "Raleway", Sans-serif;
          padding-inline: 20px;


      }

      .author span {
          font-size: 14px;
          padding-top: 24px;
          white-space: nowrap;
          /* evita que el texto se divida en varias líneas */

      }

      .index_div4_title {
          padding-top: 40px;
          text-align: center;
          /* centra todo el texto dentro del div */
      }

      .index_div4_title span {
          font-size: 32px;
          font-family: "Conthrax", Sans-serif;
          color: white;
          display: inline-block;
          /* importante para que text-align funcione correctamente */
          /* si quieres que el texto no haga salto de línea */
      }



      .left_index_mobile {
          display: flex;
          flex-wrap: wrap;
          width: auto;
          padding-top: 0;
      }




      .index-div2-div3_mobile {
          display: none;
      }

      .index-div2-div2_mobile {
          display: none;
      }



      .index-div2-div1_mobile {
          max-width: 520px !important;
          height: 150px;
          background-color: #123352;
          border-radius: 15px;
          padding: 0px 0 40px 20px;
          position: relative;
          display: block;
          z-index: 3;
          font-family: "Conthrax", Sans-serif;
          color: white;

      }

      .index-div2-div1_mobile {
          padding-top: 10px;
          padding-top: 24px;
          margin-left: 20px;
          padding-right: 20px;
          overflow: visible;
      }
  }

  @media (max-width: 369px) {

      .index_text1 {
          font-size: 36px;
          padding-top: 120px;
      }

      .index_text3,
      .index_text4 {
          padding-left: 20%;
      }

      .index_titulos_contadores {
          gap: 80px;
          text-align: center;
          flex-wrap: wrap;
      }

      .index_contadores {
          font-size: 60px;
          gap: 40px;
          padding-inline: 40px;
          flex-wrap: wrap;
      }

      .index_text1,
      .index_text2,
      .index_text3,
      .index_text4 {
          text-align: center;
          padding: 0 20px;
      }

      .index_text1 {
          font-size: 28px;
          padding-top: 100px;
      }

      .index-div2-div2,
      .index-div2-div3 {
          margin-left: 0;
          margin-top: 20px;
      }

      .index-div2-div1 {
          margin-top: 10px;
          padding-top: 20px;
          padding-bottom: 20px;
          height: auto;
      }

      .index-div2-div4-div1,
      .index-div2-div4-div2 {
          padding-left: 0;
          align-items: center;
      }

      .index-div2 {
          flex-direction: column;
          align-items: center;
          height: auto;
          padding: 60px 0;
      }

      .left_index {
          width: 100%;
          justify-content: center;
          flex-wrap: wrap;
          gap: 40px;
          padding-inline: 20px;
      }

      .right {
          padding-inline: 20px;
          width: 100%;
      }

      .right img {
          width: 40px;
          margin-left: 10px;

      }

      .index-div2-div4-div1-div3-img {
          margin-top: 15px;
      }

      .index-div2-div4-div1-div1 {
          padding-left: 4px;

      }



      .index_text1 {
          font-size: 22px;
      }

      .index-div2-div4-div1,
      .index-div2-div4-div2 {
          max-width: 48%;
          /* un poco más estrechas */
      }

      .index-div2-div4-div2 {
          padding-top: 80px;
          height: auto;
          padding-left: 10px;
      }

      .index-div2-div4-div1-div2 {
          padding-inline: 0;
          width: auto;

      }

      .index-div2-div4-div1-div2 span {

          font-size: 11.5px;
          margin-left: 14px;

      }

      .left_index_mobile {
          display: flex;
          width: auto;
          padding: 0;
      }

      .index-div2-div2_mobile {
          display: none;
      }

      .index-div2-div3_mobile {
          display: none;
      }

      .card {
          max-width: 5%;
          height: auto;
          padding: 30px;
          padding-top: 0;
      }

      .card p {
          font-size: 13.5px;
      }

      .author img {
          width: 70px;
          height: 70px;
      }

      .index-div2-div2 {
          display: none;
      }

      .index-div2-div3 {
          display: none;
      }

      .index-div2-div4-div1-div1-span,
      .index-div2-div4-div1-div3-span,
      .index-div2-div4-div2-div1-span,
      .index-div2-div4-div2-div2-span {
          font-size: 13px;
          margin-left: 10px;
      }

      .index-div2-div4-div3-div1-button {
          padding: 8px;
          padding-inline: 8px;
          width: auto;
          margin-top: 40px;
          font-size: 11px;
      }


      .index_titulos_contadores {
          display: grid;
          position: relative;
          grid-template-columns: repeat(2, 1fr);
          /* 2 columnas */
          grid-auto-rows: auto;
          gap: 60px 0px;
          /* fila x columna */
          justify-items: center;
          align-items: center;
          text-align: center;
          width: 100%;
          padding: 20px;
          padding-inline: 0;
          margin-bottom: -210px;
      }


      .index_contadores {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          /* 2 columnas */
          grid-auto-rows: auto;
          gap: 20px 0px;
          /* fila x columna */
          justify-items: center;
          align-items: center;
          text-align: center;
          width: 100%;
          padding: 20px;
          padding-inline: 0;
      }

      /* Centrar títulos */
      .index_titulo1_contadores,
      .index_titulo2_contadores,
      .index_titulo3_contadores,
      .index_titulo4_contadores {
          margin: 0;
          font-size: 14px;
      }

      /* Contadores más pequeños */
      .purecounter {
          font-size: 50px;
      }

      /* Separadores opcionales: podemos ocultarlos */
      .index_contadores>div[style] {
          display: none;
      }

      .index-div3-title {
          font-size: 25px;
      }

      /* ================= RESPONSIVE 480px ================= */


      .index_div3 {
          display: none;
      }

      .index_div3_mobile {
          background-image: url("../../img/index_3_background.png");
          background-position: center top;
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 50px 0 30px 0;
          margin-top: 30px;
      }

      .index_div3_texts_mobile {
          padding-inline: 10px;
          display: flex;
          flex-direction: column;
          width: auto;
          justify-content: center;
          text-align: center;
      }

      .carousel_container_mobile a {
          text-decoration: none;
          color: inherit;
          cursor: pointer;
          -webkit-user-drag: none;
          user-drag: none;
          pointer-events: auto;
      }

      .index-div3-title_mobile {
          font-family: "Conthrax", Sans-serif;
          color: white;
          font-size: 30px;
          user-select: none;
      }

      .index-div3-subtitle_mobile {
          font-family: "Raleway", Sans-serif;
          color: white;
          font-size: 16px;
          line-height: 2em;
          padding: 0 20px;
          user-select: none;
      }

      /* ================= CAROUSEL ================= */
      .carousel_container_mobile {
          overflow: hidden;
          width: 100%;
          position: relative;
      }

      .carousel_track_mobile {
          display: flex;
          transition: transform 0.5s ease;
          cursor: grab;
      }

      /* Cada slide completa */
      .carousel_slide_mobile {
          min-width: 100%;
          /* Slide ocupa exactamente 100% */
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          /* 2 columnas */
          gap: 15px;
          /* gap dentro del slide */
          box-sizing: border-box;
          /* importante para que gap no sobrepase el ancho */
          padding: 0 5px;
          /* opcional para evitar desbordes */
          justify-content: center;
      }

      /* Bloque de items dentro de cada slide */
      .index_carousel_items_mobile {
          display: flex;
          flex-wrap: nowrap;
          /* clave para que no se pongan en columna */
          justify-content: center;
          gap: 40px;
          /* separación entre los 2 items */
          width: 100%;
          padding-top: 20px;
          padding-inline: auto;
          padding-left: 10px;

      }

      /* Cada item ocupa la mitad del ancho del slide */
      .index_carousel_item_mobile {
          width: 120px;
          /* cada item ocupa su columna */
          display: flex;
          flex-direction: column;
          align-items: center;
          transition: transform 0.4s ease,
              box-shadow 0.4s ease;
          user-select: none;
      }

      /* Imagen */
      .index_carousel_item_mobile img {
          height: 300px;
          width: 100%;
          /* ocupa todo el ancho del item */
          object-fit: cover;
          border-radius: 15px;
          transition: transform 0.4s ease, filter 0.4s ease;
          -webkit-user-drag: none;
          user-drag: none;
          pointer-events: auto;
          overflow: hidden;
      }

      /* Texto */
      .index_carousel_span_mobile {
          width: 100%;
          /* ocupa todo el ancho del item */
          background-color: white;
          border-radius: 25px;
          padding: 20px 10px;
          text-align: center;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          line-height: 1.6;
          transition: transform 0.4s ease, box-shadow 0.4s ease;
          user-select: none;
          margin-top: -20px;
      }

      /* Hover animado */
      .index_carousel_item_mobile:hover img {
          transform: scale(1.05) translateY(-5px);
          filter: brightness(1.05);
      }

      .index_carousel_item_mobile:hover .index_carousel_span_mobile {
          transform: translateY(-10px);
          box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
      }

      /* Títulos y textos */
      .index3_carousel_title_mobile {
          font-family: "Raleway", Sans-serif;
          font-weight: bold;
          font-size: 20px;
          color: black;
          display: block;
          text-align: center;
          user-select: none;
      }

      .index3_carousel_subtitle_mobile {
          font-family: "Raleway", Sans-serif;
          font-weight: bold;
          font-size: 18px;
          color: #3dbaeb;
          text-align: center;
          display: block;
          margin-top: 5px;
          user-select: none;
      }

      .index3_carousel_text_mobile {
          font-family: "Raleway", Sans-serif;
          font-size: 12px;
          color: #c5c5c5;
          margin-top: 10px;
          user-select: none;
      }

      /* ================= DOTS ================= */
      .carousel_dots_mobile {
          display: flex;
          justify-content: center;
          gap: 12px;
          margin-top: 40px;
          z-index: 1000;
      }

      .carousel_dot_mobile {
          width: 12px;
          height: 12px;
          background: #c5c5c5;
          border-radius: 50%;
          cursor: pointer;
          transition: 0.3s;
      }

      .carousel_dot_mobile.active {
          background: #3dbaeb;
          transform: scale(1.2);
      }

      /* ================= BOTONES ================= */
      .carousel_btn_mobile {
          position: absolute;
          top: 40%;
          transform: translateY(-50%);
          background: white;
          border: none;
          font-size: 25px;
          padding: 15px 20px;
          cursor: pointer;
          border-radius: 12px;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
          z-index: 100;
      }

      .card {
          position: relative;
          /* referencia para el hijo absoluto */
          min-width: 300px;
          height: 250px;
          border-radius: 20px;
          background: rgba(13, 45, 75, 0.85);
          color: #fff;
          opacity: 0.4;
          transform: scale(0.9);
          transition: all 0.5s ease;
          text-align: center;
          line-height: 2;
          overflow: visible;
          /* Muy importante para que la imagen no se corte */
      }

      .card p {
          font-family: "Raleway", Sans-serif;
          padding-inline: 20px;


      }

      .author span {
          font-size: 14px;
          padding-top: 24px;
          white-space: nowrap;
          /* evita que el texto se divida en varias líneas */

      }



      .index_div4_title {
          padding-top: 40px;
          text-align: center;
          /* centra todo el texto dentro del div */
      }

      .index_div4_title span {
          font-size: 32px;
          font-family: "Conthrax", Sans-serif;
          color: white;
          display: inline-block;
          /* importante para que text-align funcione correctamente */
          /* si quieres que el texto no haga salto de línea */
      }


      .card {
          position: relative;
          /* referencia para el hijo absoluto */
          min-width: 220px;
          width: 550px;
          height: 250px;
          padding: 30px;
          padding-top: 5px;
          border-radius: 20px;
          background: rgba(13, 45, 75, 0.85);
          color: #fff;
          opacity: 0.4;
          transform: scale(0.9);
          transition: all 0.5s ease;
          text-align: center;
          line-height: 2;
          overflow: visible;
          /* Muy importante para que la imagen no se corte */
      }

      .card p {
          font-family: "Raleway", Sans-serif;

          padding-inline: 0px;
          font-size: 12.5px;

      }

      .card span {

          font-family: "Raleway", Sans-serif;
          font-weight: bold;
          font-size: 20px;
          padding-bottom: 30px;

      }

      .card.active {
          opacity: 1;
          transform: scale(1);
      }

      .author {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 12px;

          position: absolute;
          left: 50%;
          bottom: calc(-1 * 41px);
          transform: translateX(-50%);
      }

      .author img {
          width: 60px;
          height: 60px;
      }

      .author span {
          font-size: 15px;
      }

      .index-div2-div1_mobile {
          max-width: 220px;
          height: 150px;
          background-color: #123352;
          border-radius: 15px;
          padding: 40px 0 40px 20px;
          position: relative;
          display: block;
          z-index: 3;
          font-family: "Conthrax", Sans-serif;
          color: white;
      }

      .index-div2-div1_mobile {
          padding-top: 10px;
          padding-top: 24px;
          margin-left: 20px;
          padding-right: 20px;
          overflow: visible;
          width: 100% !important;
      }

  }