/** Suprimir titulos de Wordpress */
.page-header{
  visibility: hidden !important;
  }
  

/** footer_anterior_001.php */

.contenedor_descargate_nimbo_grande {
  background: radial-gradient(circle, #2c5e8c 50%, #012241 100%);
  padding: 0px !important;
}

.contenedor_descargate_nimbo {
  display: flex;
  flex-direction: row;
  color: white;
  text-align: right;
  height: 488px;
  overflow: hidden;
  width: 1440px;
}

.contenedor_descargate_nimbo_parrafo_101 {
  display: flex;
  font-size: 56px;
  font-weight: 500;
  line-height: 100%;
  padding-left: 42px;
}

.contenedor_descargate_nimbo_parrafo_201 {
  display: none;
}

.contenedor_descargate_nimbo_parrafo_102 {
  display: flex;
  color: #a7d4fe;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.contenedor_descargate_nimbo_parrafo_202 {
  display: none;
}

.contenedor_descargate_nimbo_caja_001 {
  width: 50%;
  margin-top: 100px;
  margin-left: 180px;
}

.contenedor_descargate_nimbo_caja_002 {
  width: 50%;
  display: flex;
  align-items: flex-start;
}

.imagen_mov {
  margin-top: 60px;
  width: 80%;
}

#botones_tiendas_apps {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 500px;
  margin-top: 28px;
}

.boton_tienda_app {
  width: 120px;
  height: 40px;
}

.boton_tienda_google {
  width: 135px;
  height: 40px;
}

@media (max-width: 620px) {
  .contenedor_descargate_nimbo_grande {
    height: 840px;
    width: 100%;
  }

  .contenedor_descargate_nimbo {
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
    overflow: inherit;
    width: 100%;
  }

  .contenedor_descargate_nimbo_parrafo_101 {
    display: none;
  }

  .contenedor_descargate_nimbo_parrafo_201 {
    display: flex;
    font-size: 44px;
    line-height: 110%;
    text-align: center;
  }

  .contenedor_descargate_nimbo_parrafo_102 {
    display: none;
  }

  .contenedor_descargate_nimbo_parrafo_202 {
    color: #a7d4fe;
    display: flex;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
  }

  .contenedor_descargate_nimbo_caja_001 {
    width: 100%;
    margin-top: -50px;
    margin-left: 0px;
    margin-bottom: -300px;
    text-align: center;
    padding: 0px 18px;
  }

  .contenedor_descargate_nimbo_caja_002 {
    display: flex;
    align-items: flex-end;
    width: 418px;
    height: 464px;
  }

  .imagen_mov {
    margin-top: 60px;
    width: 100%;
  }

  #botones_tiendas_apps {
    width: 100%;
    justify-content: center;
  }

  .boton_tienda_app {
    width: 129.4px;
    height: 38.38px;
  }
}


/** carrusel_nubes.php */

.fondo3 {
  background: radial-gradient(
    ellipse farthest-corner,
    #e2f1ff 70%,
    #8ac6fd 90%,
    #579ad7 100%
  );
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 100vh;
}

.carrusel-container {
  width: 100%;
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: auto;
}

.carrusel {
  display: flex;
  width: max-content;
  height: max-content !important;
  animation: moverCarrusel 300s linear infinite;
  margin-bottom: 24px;
  overflow-x: hidden;
}

.carrusel div {
  padding: 22px 36px !important;
  width: auto;
  height: auto;
  margin-right: 20px;
  background-color: white;
  color: #579ad7;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-family: Outfit;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

/* Animación para mover los divs hacia la izquierda */
@keyframes moverCarrusel {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-30%);
    /* Desplaza todo hacia la izquierda */
  }
}

.fondo3 .carrusel-container-derecha {
  width: 100%;
  /* Asegura que los elementos se muevan dentro del contenedor */
  margin-bottom: 40px;
  overflow-x: hidden; /* Oculta el desplazamiento horizontal */
}

/* Contenedor del carrusel con la animación */
.fondo3 .carrusel-derecha {
  display: flex;
  /* Para alinear los divs en una fila */
  width: max-content;
  height: max-content !important;
  /* Ajusta el tamaño al contenido */
  animation: moverCarruselDerecha 300s linear infinite;
  margin-bottom: 24px;
  /* Animación para mover los divs */
}

/* Estilo de los divs dentro del carrusel */
.fondo3 .carrusel-derecha div {
  margin-top: 0px !important;
  padding: 22px 36px !important;
  width: auto;
  height: auto;
  margin-right: 20px;
  background-color: white;
  color: #579ad7;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-family: Outfit;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

/* Animación para mover los divs hacia la derecha */
@keyframes moverCarruselDerecha {
  0% {
    transform: translateX(-30%);
  }

  100% {
    transform: translateX(0);
    /* Desplaza todo hacia la derecha */
  }
}

.mensaje-azul {
  color: #2c5e8c;
  width: 1440px;
  margin-right: 10px;
  text-align: center;
  font-family: Outfit;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-top: 48px;
  margin-bottom: 48px;
}

.info-azul {
  width: 376px;
  margin-bottom: 10px;
  text-align: center;
  color: #579ad7;
  font-family: Outfit;
  font-size: 28px;
  font-weight: bold;
}

.info-azul > h1 {
  color: #2c5e8c;
  text-align: left;
  font-family: Outfit;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  margin: 0;
}

.info-azul > h1 {
  color: #2c5e8c;
  text-align: left;
  font-family: Outfit;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
}

.info-azul img {
  margin-right: 15px;
  vertical-align: middle;
  height: 24px;
}

.info-azul > p {
  text-align: left;
  color: #627480;
  font-family: Outfit;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin-left: 10%;
}

.contenedor-azul {
  width: 1312px;
  display: flex;
  padding: 40px 0px 48px 0px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 32px;
  align-self: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contenedor-contenedor-azul {
  width: 1440px;
  display: flex;
  padding: 0px 64px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}
.contenedor-carruseles {
  overflow-x: hidden; /* Oculta el desplazamiento horizontal */
}

hr {
  border: none;
  border-top: 2px solid #d3eafe;
  height: 0.8px;
  width: 80%;
  overflow: visible;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 0px;
}

/* .cambio {
  padding: 20px;
  color: #012241;
  text-align: center;
  font-family: Outfit;
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 64px;
  padding-top: 112px;
}

.flecha {
  color: gray;
  margin-right: 15px;
  margin-left: 15px;
}

.numero-icono {
  display: flex;
  flex-direction: row;
  padding: 8px 24px 8px 16px;
  width: 120px;
  height: 56px;
  border-radius: 50px;
  background-color: #effebe;
  text-align: center;
  justify-content: space-between;
  color: #2c5e8c;
  font-size: 28px;
  align-items: anchor-center;
  font-weight: 500;
  line-height: 120%;
}

.numero-icono img {
  margin-left: 10px;
  width: 32px;
  height: 32px;
  vertical-align: middle;
}

.bloque-cambios-movil {
  display: none;
}

.bloque-cambios h1 {
  color: #012241;
  text-align: center;
  font-family: Outfit;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  width: 100%;
}

.bloque-cambios p {
  color: #627480;
  text-align: center;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.cambio-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 56px;
}

.container-cambio-2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 100px;
}

.flecha-movil {
  display: none;
}

.container-cajas {
  display: none;
} */

.carrusel div:nth-child(1) {
  color: #6db8fd !important;
}

.carrusel div:nth-child(3) {
  color: #579ad7 !important;
}
.carrusel div:nth-child(6) {
  color: #579ad7 !important;
}
.carrusel div:nth-child(9) {
  color: #6db8fd !important;
}

.carrusel div:nth-child(12) {
  color: #8ac6fd !important;
}

.carrusel div:nth-child(15) {
  color: #579ad7 !important;
}
.carrusel div:nth-child(18) {
  color: #6db8fd !important;
}
.carrusel div:nth-child(21) {
  color: #8ac6fd !important;
}
.carrusel div:nth-child(24) {
  color: #8ac6fd !important;
}

.carrusel div:nth-child(27) {
  color: #579ad7 !important;
}

.carrusel div:nth-child(30) {
  color: #6db8fd !important;
}

.carrusel div:nth-child(33) {
  color: #8ac6fd !important;
}

.carrusel div:nth-child(35) {
  color: #579ad7 !important;
}

.carrusel div:nth-child(38) {
  color: #6db8fd !important;
}

.carrusel div:nth-child(40) {
  color: #8ac6fd !important;
}

.carrusel-derecha div:nth-child(1) {
  color: #6db8fd !important;
}

.carrusel-derecha div:nth-child(3) {
  color: #579ad7 !important;
}
.carrusel-derecha div:nth-child(6) {
  color: #6db8fd !important;
}
.carrusel-derecha div:nth-child(9) {
  color: #6db8fd !important;
}

.carrusel-derecha div:nth-child(12) {
  color: #8ac6fd !important;
}

.carrusel-derecha div:nth-child(15) {
  color: #6db8fd !important;
}
.carrusel-derecha div:nth-child(18) {
  color: #6db8fd !important;
}
.carrusel-derecha div:nth-child(21) {
  color: #8ac6fd !important;
}
.carrusel-derecha div:nth-child(24) {
  color: #8ac6fd !important;
}

.carrusel-derecha div:nth-child(27) {
  color: #579ad7 !important;
}

.carrusel-derecha div:nth-child(30) {
  color: #6db8fd !important;
}

.carrusel-derecha div:nth-child(33) {
  color: #6db8fd !important;
}

.carrusel-derecha div:nth-child(35) {
  color: #579ad7 !important;
}

.carrusel-derecha div:nth-child(38) {
  color: #6db8fd !important;
}

.carrusel-derecha div:nth-child(40) {
  color: #6db8fd !important;
}

@media (max-width: 620px) {

  .fondo3 {
    background: radial-gradient(#F0F8FF, transparent);
    background-color: #F0F8FF;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: fit-content;
  }

  .contenedor-azul{
    width: 100%;
    padding: 16px;
  }

}

/** footer_001.php */

#footer_personalizado {
  display: flex;
  flex-direction: row !important;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;

  gap: 32px;
  padding: 40px 64px 32px 64px;
  z-index: 10000;

  width: 100%;
  height: 372.81px;
}

.caja_footer {
  width: 304px;
  color: white;
  gap: 10.5px;
}

.footer_encabezado {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 22px;
}

.footer_letra,
#footer_personalizado_caja_105 {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.footer_logo {
  width: 16px;
  height: 16px;
  vertical-align: text-top;
  margin-right: 5px;
} 

.footer_letra a{
  color: white !important;
  text-decoration: none !important;
}

.logo_nimbo_footer {
  width: 124.98px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 200px;
  margin-bottom:24px;
}

.logo_nimbo_footer_002 {
  width: 104.15px;
  height: 20px;
}

#footer_personalizado_caja_105 {
  width: 100%;
  color: white !important;
  margin-bottom: 0px;
  height: 20px;
}

#social_advisor {
  color: #6db8fd !important;
}

@media (max-width: 620px) {
  #footer_personalizado {
    flex-direction: column !important;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 48px 16px 24.8px 16px;
    width: 100%;
    height: auto;
    gap: 40px;
  }

  .footer_contratacion{
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 32px 16px !important;
  }

  .caja_footer {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    gap: 0px;
    height: 190, 01px;
  }

  #caja_footer_104 {
    height: 98.5px;
  }

  .footer_encabezado {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 22px;
    /* margin-top: 40px;  */
  }

  .footer_letra,
  #footer_personalizado_caja_105 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
  }

  .footer_logo {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
  }


  #footer_personalizado_caja_105 {
    width: 100%;
    color: white !important;
    margin-bottom: 0px;
    height: 20px;
    margin-top: 24px;
  }


  .logo_nimbo_footer_002 {
    width: 150px;
    height: 34.03px;

    margin-bottom: 24px;
  }

  .contenedor_footer_contratacion,
  .footer_contratacion_caja_002{
    display: flex;
    justify-content: center;
    flex-direction: column !important;
    align-items: center;
    gap: 8px !important; /* Espacio entre los enlaces */
    width: auto; /* Asegura que no ocupe todo el ancho */
  }

  .logo_wpp {
    display: none !important;
  }

  .footer_contratacion_caja_003{
    margin-top: 48px !important;
  }

}

/** footer_002.php */

/* Estilo del contenedor principal */
.footer_contratacion {
  height: 889x;
  background-color: #012241; /* Color de fondo */
  color: white;
  display: flex;
  flex-direction: row; /* Para organizar los elementos en una sola línea (horizontal) */
  justify-content: flex-start; /* Los elementos se alinean al inicio de la fila */
  padding: 32px 64px;
  align-items: center; /* Centra los elementos verticalmente */
  width: 100%;
}

/* Estilo del contenedor interno */
.contenedor_footer_contratacion {
  display: flex;
  flex-direction: row; /* Los elementos se organizan en una fila horizontal */
  justify-content: space-between; /* Distribuye los elementos con espacio entre ellos */
  align-items: center; /* Centra los elementos verticalmente */
  width: 100%;
}

/* Estilo para el logo Nimbo */
.logo_nimbo {
  width: 105.784px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 150px;
}

/* Estilo para los enlaces legales */
.footer_contratacion_caja_002 {
  display: flex;
  justify-content: flex-end; /* Los enlaces se alinean a la derecha */
  align-items: center;
  gap: 32px; /* Espacio entre los enlaces */
  width: auto; /* Asegura que no ocupe todo el ancho */
}

.footer_contratacion_caja_002 > a {
  text-decoration: none !important;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
}

/* Estilo para la frase con enlace */
.footer_contratacion_caja_003 > p > a {
  text-decoration: none;
  color: #6db8fd;
}

.footer_contratacion_caja_003 {
  color: #fff;
  margin-top: 13px;
  font-family: Outfit;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  text-align: right;
  margin-right: 0; /* Elimina el margen izquierdo, para que se acerque al logo de WhatsApp */
  display: flex; /* Asegura que el contenido de la caja se mantenga en línea */
  align-items: center; /* Centra verticalmente el texto */
}

/* Estilo para el logo de WhatsApp */
.logo_wpp {
  display: flex;
  justify-content: center; /* Alinea el logo de WhatsApp al final */
  align-items: center;
  flex-shrink: 0; /* Evita que el logo de WhatsApp se reduzca */
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #25d366;
}

.logo_wpp img{
  width: 40px;
  height: 40px;
}

/** caracteristicas_fibra_movil.php */

.contenedor_grande_intermedia{
  background-color: #fbffef;
  height: fit-content;
  display: flex;
  flex-direction: row;
  width: 1440px;
  margin: 0 auto;
}

.fondo-2 {
  height: max-content;
  background: #fbffef;
  width: 100% !important; 
}

.contenedor-amarillo {
  border-top: 1px solid #e0e3e6;
  display: flex;
  padding: 40px !important;
  align-items: flex-start;
  align-content: flex-start;
  gap: 32px;
  align-self: stretch;
  flex-wrap: wrap;
}

.info-amarilla {
  width: 48.8%;
}

.info-amarilla h1 {
  color: #2c5e8c;
  /* body/lg/semibold */
  font-family: Outfit;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  /* 173.333% */
  margin: 0;
}

.info-amarilla p {
  color: #627480;
  /* body/lg/regular */
  font-family: Outfit;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 173.333% */
  margin-left: 5.5%;
}

.titulo-caracteristicas {
  color: #012241;
  /* body/xxl/medium */
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  /* 163.636% */
  padding-top: 112px;
  padding-bottom: 32px;
}

.titulo-caracteristicas-2 {
  color: #012241;
  /* body/xxl/medium */
  font-family: Outfit;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  /* 163.636% */
  padding-top: 52px;
  padding-bottom: 32px;
}

.info-amarilla img {
  margin-right: 16px;
  width: 24px;
  vertical-align: middle;
}

#dos {
  background: #fbffef;
}

@media (max-width: 620px) {

  .contenedor_grande_intermedia{
    background-color: #fbffef;
    height: fit-content;
    display: flex;
    flex-direction: column;
    width: 100% !important;
    margin: 0 auto;
  }

  .fondo-2{
    height: fit-content !important;
  }

  .titulo-caracteristicas {
    padding: 72px 0px 32px 0px;
    margin: 0px 16px 0px 16px;
  }

  .titulo-caracteristicas-2 {
    padding: 52px 0px 32px 16px;
  }

  .contenedor-amarillo {
    margin: 0px 16px 0px 16px!important;
    padding: 40px 0px 0px 0px!important;
    height: fit-content !important;
  }

  .info-amarilla {
    width: 100% !important;
  }

  .info-amarilla p {
    margin-left: 40px;
  }

}




/** modal_llamadme.php */

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.modal-content {
  border-radius: 12px;
  background: #012241;
  position: fixed;
  top: 30%;
  right: 41%;
  margin: auto !important;
  display: flex;
  height: 408px;
  width: 339px;
  padding: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

#closeModal {
  position: absolute;
  right: 16.5px;
  top: 16px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

#titulo_modal {
  color: white;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 32px !important;
}

.input_modal {
  width: 275px !important;
  height: 48px !important;
  border: 1px solid #c0c7cc !important;
  border-radius: 6px !important;
  padding: 20px 14px;
  gap: 16px;
}

#llamadme_modal {
  margin-top: 32px !important;
  margin-bottom: 16px !important;
}

#checkbox_acepto_pd_modal {
  appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 3px !important;
  border: 1px solid white !important;
  background: none;
  position: relative;
  top: 3px;
  margin-right: 8px !important;
}

/* Estilo cuando el checkbox está seleccionado y se coloca un checkmark */
#checkbox_acepto_pd_modal:checked::after {
  content: "✔" !important;
  position: absolute;
  color: white;
  font-size: 10px;
  top: -2px;
  left: 2px;
}

#prot_datos_modal {
  color: white;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

#prot_datos_modal a,
#parrafo_modal a {
  color: white !important;
  text-decoration-line: underline !important;
}

#parrafo_modal {
  color: white;
  text-align: center;
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  line-height: 12.6px;
}

.boton_sele,
.boton_sele:hover {
  display: flex;
  height: 54px;
  padding: 17px 28px !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 48px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  border: none;
  background: var(--color-verde-claro);
  color: var(--color-azul-menos-oscuro);
  width: 100%;
}

.modal-content a {
  text-decoration: none !important;
  color: #2c5e8c !important;
}

@media (max-width: 620px) {
  .modal {
    width: 100%;
    height: 100%;
  }

  .modal-content {
    position: fixed;
    /* Fijar el modal en la pantalla */
    top: 0;
    left: 0;
    border-radius: 0px !important;
    display: flex;
    height: 100%;
    width: 100%;
  }

  #closeModal {
    position: absolute;
    right: 16.5px;
    top: 16px;
    width: 24px;
    height: 24px;
    cursor: pointer;
  }

  #titulo_modal {
    margin-bottom: 132.5px !important;
  }

  .input_modal {
    width: 100% !important;
  }

  #llamadme_modal {
    margin-bottom: 119.5px !important;
  }
}

/** carrusel_img.php */

/* .fondo-3 {
  height: max-content;
  background-color: #012241;
  padding-top: 115px;
  padding-left: 40px;
} */

/* .fondo-3 h1 {
  color: #fff;
  font-size: 80px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  border: 1px solid white;
  width: 35%;
} */

#contenedor_007 {
  background: #012241;
  color: white;
  display: flex;
  padding: 128px 64px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 56px;
  align-self: stretch;
  overflow: hidden !important;
}

#carrusel_007_1 {
  animation: moverCarrusel_007 60s linear infinite;
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-left: 0px;
}

#titulo_007 {
  font-size: 80px;
  font-weight: 500;
  font-style: normal;
  line-height: 100%;
}

#img_001 {
  background: radial-gradient(circle at bottom left, #6db8fd, transparent 50%);
  background-size: 110% !important;
  border-radius: 10px !important;
  margin-right: 25px;
}

#img_002 {
  background: radial-gradient(circle at bottom left, #6db8fd, transparent 50%);
  background-size: 110% !important;
  border-radius: 10px !important;
  margin-right: 25px;
}

#img_003 {
  background: radial-gradient(circle at bottom left, #6db8fd, transparent 50%);
  background-size: 110% !important;
  border-radius: 10px !important;
  margin-right: 25px;
}

#img_004 {
  background: radial-gradient(circle at bottom left, #6db8fd, transparent 50%);
  background-size: 110% !important;
  border-radius: 10px !important;
  margin-right: 25px;
}

.img_carrusel_007 {
  width: 550px !important;
  height: 480px;
  border-radius: 10px;
}

#titulo_007_movil {
  display: none;
}

.titulo_img_007 {
  font-size: 44px;
  font-weight: 500;
  line-height: 110%;
  padding: 300px 40px 0px 40px;
  margin-bottom: 3px;
}

.texto_img_007 {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  padding: 0px 40px 0px 40px !important;
}

.boton_carrusel_007,
.boton_carrusel_007:hover {
    text-align: center; 
    padding: 17px 28px !important;
    border-radius: 56px !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 26px !important;
    border: none !important;
    margin-bottom: 20px !important;
    background: var(--bg-default, #FFF) !important;
    color: var(--color-azul-menos-oscuro) !important;
    margin-left: 70% !important;
    width: max-content !important;
}

.boton_carrusel_007_movil,
.boton_carrusel_007_movil:hover {
    display: none;
}

@keyframes moverCarrusel_007 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.contenedor-amarillo {
  padding-top: 200px;
}




@media (max-width: 620px) {

  #contenedor_007 {
    display: flex;
    padding: 56px 0px 56px 16px!important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  #titulo_007 {
      display: none;
  }

  #titulo_007_movil {
      display: flex;
      width: 100%;
      font-size: 44px;
      font-style: normal;
      font-weight: 500;
      line-height: 110%;
  }

  .img_carrusel_007 {
      width: 400px !important;
      height: 320px;
      border-radius: 10px;
  }

  #img_001 {
    background-size: 100% !important;
  }
  
  #img_002 {
    background-size: 100% !important;
  }
  
  #img_003 {
    background-size: 100% !important;
  }
  
  #img_004 {
    background-size: 100% !important;
  }

  .titulo_img_007 {
      font-size: 28px;
      font-weight: 500;
      line-height: 120%;
      padding: 190px 40px 0px 40px;
      margin-bottom: 3px;
  }

  .texto_img_007 {
      font-size: 13px;
      font-weight: 400;
      line-height: 20px;
      padding: 0px 40px 0px 40px !important;
  }

  .boton_carrusel_007,
  .boton_carrusel_007:hover {
      display: none !important;
  }

  .boton_carrusel_007_movil,
  .boton_carrusel_007_movil:hover {
      display: flex !important;
      text-align: center !important;
      padding: 17px 22px !important;
      border-radius: 56px !important;
      align-self: self-end !important;
      border: none !important;
      background: var(--bg-default, #FFF) !important;
      margin-right: 16px !important;
  }

  .boton_carrusel_007_movil a{
    color: var(--color-azul-menos-oscuro) !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 26px !important;
  }


}

/** ayuda.php   */

.site-footer {
  padding-block-start: 0 !important;
  padding-block-end: 0 !important;
  position: relative;
}

.contenedor_grande {
  background-color: #fbffef;
  height: fit-content;
  display: flex;
  flex-direction: row;
  width: 1440px;
  margin: 0 auto;
}

.linea-preguntas {
  width: 64%;
}

.titulo-dudas {
  color: #2c5e8c;
  /* heading/h3 */
  font-family: Outfit;
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 56px */
  width: 800px;
}

.dudas {
  width: 62%;
  display: flex;
  padding: 72px 112px 72px 64px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 72px;
  flex: 1 0 0;
}

.ayudarte {
  width: 38%;
  display: flex;

  padding: 96px 64px 96px 32px;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  align-self: stretch;
  background: #fff;
}

.img-ayudarte {
  height: 32px;
  width: 34px;
  border-radius: 18.286px;
  background: #c5e3fe;

  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: 6px 6px;
}

.container-img-a {
  display: flex;
  gap: 16px;
}

p.texto-ayuda {
  width: 100%;
}

p.texto-ayuda2 {
  margin-bottom: 32px;
}

.podemos-ayudarte {
  color: #2c5e8c;
  font-family: Outfit;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
}

.texto-ayuda {
  color: #2c5e8c;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.caja-botones p {
  color: #2c5e8c;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin-left: 10%;
}

.btn-ayuda {
  display: flex;
  height: 54px;
  padding: 17px 20px 17px 24px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  border-radius: 48px;
  border: 2px solid #8ac6fd;
  background: #fff;
  margin-bottom: 24px;
  color: #2c5e8c;
  text-align: center;
  font-family: Outfit;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  margin-left: 10%;
}

.contenedor-botones {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
  width: 800px;
}

.botones.texto {
  margin-top: 5px;
}

.botones {
  padding: 10px;
  margin: 5px;
  cursor: pointer;
  display: flex;
  height: 60px;
  padding: 10px 32px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  border-radius: 56px;
  width: max-content;
  background: #f3fece;
  backdrop-filter: blur(10px);
  color: #2c5e8c;
  text-align: center;
  font-family: Outfit;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  text-transform: uppercase;
}

.botones img {
  width: 24px;
  height: 24px;
  vertical-align: bottom;
}

.btn-ayuda img {
  width: 24px;
  height: 24px;
  vertical-align: bottom;
  margin-left: 6px;
}

.contenedor-preguntas {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 800px;
}

.preguntas,
.respuestas {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding-top: 24px;
}

.preguntas {
  border-top: 1px solid #e0e3e6;
  width: 100%;
  justify-content: space-between;
  color: #012241;
  /* body/xl/regular */
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 144.444% */
}

.preguntas div {
  width: 3%;
}

.respuestas {
  color: #2c5e8c;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.mases,
.menos {
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
}

.respuestas {
  display: none;
  /* Las respuestas están ocultas inicialmente */
}

.categoria {
  display: none;
  /* Inicialmente todas las categorías están ocultas */
}

.categoria-activa {
  display: flex;
  margin: 0px;
  /* Solo se muestra la categoría activa */
}

.botones p {
  margin: 0 auto;
}