@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

body {
  font-family: "Montserrat", serif;
  max-width: 1920px;
  margin: 0 auto;
}
/* Estilos para el header */

header {
  background-image: url(../img/pagina2/Recurso_136.svg);
  box-shadow: #15a3c1 0px -23px 25px 0px inset,
    rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
    rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset,
    l rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px,
    rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px,
    rgba(0, 0, 0, 0.09) 0px 32px 16px;
  padding: 10px 20px;
}

/* Estilos para el banner */

.banner-section {
  background-image: url(../img/bg-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Estilos para los inputs */

.input-banner {
  background-image: url(../img/pagina2/Recurso_136.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.input-shadow {
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
}

/* Estilos para la sección de nuestros servicios */

.our-services {
  background-image: url(../img/bg-48.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.text-shadow {
  text-shadow: 2px 2px 4px rgb(0 0 0 / 51%);
}

.search-button {
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.footer-asistencia-medica {
  background-image: url(../img/asistencia_medica/footer_asistencia_medica.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.banner_asistencia_medica {
  background-image: url(../img/asistencia_medica/banner_asistencia_medica.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.planes_asistenciales {
  background-image: url(../img/asistencia_medica/fondo_azul_asistencia_medica.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.cotizar_button-medica {
  box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.25);
}

.llamanos-gratis-button {
  background-image: url(../img/contact2/bg_blue.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}



/* Estilos para el menú hamburguesa */
.hamburger {
  cursor: pointer;
}

.hamburger input {
  display: none;
}

.hamburger svg {
  /* The size of the SVG defines the overall size */
  height: 3em;
  /* Define the transition for transforming the SVG */
  transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line {
  fill: none;
  stroke: white;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
  /* Define the transition for transforming the Stroke */
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line-top-bottom {
  stroke-dasharray: 12 63;
}

.hamburger input:checked + svg {
  transform: rotate(-45deg);
}

.hamburger input:checked + svg .line-top-bottom {
  stroke-dasharray: 20 300;
  stroke-dashoffset: -32.42;
}

/* Estilos para la sección de preguntas frecuentes */

.seguro-viaje {
  background-image: url(../img/map.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Estilso para el footer */

footer {
  background-image: url(../img/bg-footer-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

option {
  color: black;
  text-align: start;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Estilos para la página de asistencia en viajes */

.travel_a_section1 {
  background-image: url(../img/pagina2/bg-banner.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.travel_a_section1:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #015674;
  opacity: 0.6;
}

.technological_assistance {
  background-image: url(../img/pagina5/banner.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.technological_assistance:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #015674;
  opacity: 0.6;
}

/* Estilos para las cartas de la sección de asistencia en viajes */
.cart {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.image-shadow {
  filter: drop-shadow(1px -1px 5px rgb(30, 29, 29)); /* right */
}

.cotiza-container {
  background-image: url(../img/pagina2/Recurso_136.svg);
}

.bg-cart {
  background-image: url(../img/pagina2/Recurso_136.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.porque-elegirnos {
  background-image: url(../img/pagina2/Recurso_136.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.footer-asistencia {
  background-image: url(../img/pagina2/fondo-footer.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home_asistance {
  background-image: url(../img/pagina3/footer2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home_asistance:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 84, 114);
  opacity: 0.6;
}

.footer-asistencia-2 {
  background-image: url(../img/pagina3/Recurso154.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.footer-educational-assistance {
  background-image: url(../img/pagina4/Recurso155.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.footer-tecnological-assistance {
  background-image: url(../img/pagina5/Recurso158.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.apoyo-educativo {
  background-image: url(../img/pagina4/medium-shot-smiley-teacher-with-laptopggjhjhj.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.edu_assistance {
  background-image: url(../img/pagina4/fondo-edu.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.edu_assistance:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 84, 114);
  opacity: 0.6;
}

.asistencias_eucativas {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* Estilos para la página de asistencia tecnológica */

.algunos-servicios {
  background-image: url(../img/pagina5/Recurso171.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.servicios-cart {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* Estilos para la página de asistencia mascotas */
.assitencia-card {
  background-image: url(../img/pagina2/Recurso_136.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.pets_assistance_banner {
  background-image: url(../img/pagina6/banner.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.pets_assistance_banner {
  background-position: center top;
  background-size: cover;
}
.pets_assistance_banner:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 84, 114);
  opacity: 0.6;
}

.pets_footer {
  background-image: url(../img/pagina6/footer_pets.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.cotizar-button-pets {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* Estilos para la página de asistencia adulto mayor y embarazadas */

.pets_adult {
  background-image: url(../img/pagina6/footer_pets.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.adults_assistance_banner {
  background-image: url(../img/pagina7/smiling-nurse-looking-book-hold-by-female-senior-patient-sitting-wheel-chair.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.adults_assistance_banner:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 84, 114);
  opacity: 0.6;
}

.cotiza-button-adults {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.bg-adult-services {
  background-color: rgba(5, 115, 142, 0.785);
}

.adults_footer {
  background-image: url(../img/pagina7/adults_footer.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Estilos para la página de asistencia especializada */

.specialized_footer {
  background-image: url(../img/pagina8/Recurso190.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.specialized_assistance_banner {
  background-image: url(../img/pagina8/Recurso164.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Estilos para la página de contacto */

.bg-contact {
  background-image: url(../img/bg-contact.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-contact-2 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 100;
  background: rgba(24, 165, 193, 0.646);

  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
    rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
    rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.bg-contact-2:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.send-contact {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.telemedicina-banner {
  background-image: url(/static/img/telemedicina_general/telemedicina_banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.info {
  background-image: url(../img/pagina2/Recurso_136.svg);
}

.degradado_telemedicina {
  background-image: url(/static/img/telemedicina_general/degradado.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.banner_medica {
  background-image: url(/static/img/asistencia_accidente/banner_medica.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_gastos_medicos {
  background-image: url(/static/img/gastos_medicos/banner_gastos_medicos.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_gastos_medicos_medicamentos {
  background-image: url(/static/img/gastos_medicos/banner_gastos_medicamentos.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_hospedaje {
  background-image: url(/static/img/gastos_hospedaje/banner_gastos_hospedaje.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_demora_equipaje {
  background-image: url(/static/img/demora_equipaje/demora_equipaje.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_perdida_equipaje {
  background-image: url(/static/img/perdida_equipaje/banner_perdida_equipaje.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_retraso_vuelo {
  background-image: url(/static/img/retraso_vuelo/banner_retraso_vuelo.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* Responsive */

@media (min-width: 1535px) and (max-width: 1585px) {
  .seguro-viaje {
    padding: 0 15rem;
  }
}

@media (min-width: 320px) and (max-width: 1070px) {
  .bg-people-travel {
    margin-right: -160px;
  }
}

@media (min-width: 1024px) and (max-width: 1536px) {
  .bg-blue-travel {
    margin-right: -500px;
  }

  .bg-people-travel {
    margin-right: -50px;
  }

  .travel-service {
    padding: 0;
  }
}

@media (min-width: 1536px) and (max-width: 1920px) {
  .bg-blue-travel {
    margin-right: -620px;
  }

  .bg-people-travel {
    margin-right: -50px;
  }
}

@media (min-width: 1536px) and (max-width: 1760px) {
  .travel-service {
    padding: 40px 0;
  }

  .travel-assist {
    padding: 0 20px;
  }
}

@media (min-width: 1060px) and (max-width: 1536px) {
  .bg-people-travel {
    margin-right: 150px;
  }

  .bg-blue-travel {
    margin-right: -255px;
  }
}

@media (min-width: 1024px) and (max-width: 1220px) {
  .image-man {
    margin-top: -50px;
  }
}

@media (min-width: 1280px) and (max-width: 1470px) {
  .image-man {
    margin-top: -50px;
  }
}

@media (min-width: 1480px) and (max-width: 1536px) {
  .image-man {
    margin-top: -400px;
  }
}

@media (min-width: 1536px) and (max-width: 1920px) {
  .image-man {
    margin-top: 100px;
  }
}

@media (min-width: 1800px) and (max-width: 1920px) {
  .image-man {
    margin-top: -250px;
  }
}

@media (min-width: 1570px) and (max-width: 1920px) {
  .bg-people-travel {
    margin-right: 350px;
  }

  .bg-blue-travel {
    margin-right: -150px;
  }
}

@media (min-width: 1536px) and (max-width: 1760px) {
  .your-assistance-container {
    padding: 30px 200px;
  }
}

/* Asistencia hogar */

@media (min-width: 1024px) and (max-width: 1236px) {
  .bg-blue-home {
    margin-right: -500px;
  }

  .bg-home {
    margin-top: 50px;
    margin-right: -50px;
  }
}

@media (min-width: 1500px) and (max-width: 1860px) {
  .home-assist-container {
    padding: 50px 170px;
  }
}

@media (min-width: 1540px) and (max-width: 1865px) {
  .bg-blue-home {
    margin-right: -500px;
  }

  .bg-home {
    margin-right: 80px;
    margin-top: 50px;
  }
}

/* Asistencia educativa */

@media (min-width: 1034px) and (max-width: 1190px) {
  .educational-services {
    gap: 50px;
    padding: 50px 50px;
  }
}

@media (min-width: 320px) and (max-width: 1020px) {
  .banner-edu {
    margin-right: 200px;
  }
}

@media (min-width: 1024px) and (max-width: 1300px) {
  .bg-blue {
    margin-right: -310px;
  }

  .teacher {
    margin-right: 140px;
    margin-top: 0px;
  }
}

@media (min-width: 1538px) and (max-width: 1858px) {
  .bg-blue {
    margin-right: -500px;
  }

  .teacher {
    margin-right: 100px;
    margin-top: 40px;
  }
}

/* Asistencia tecnológica */
@media (min-width: 1024px) and (max-width: 1216px) {
  .bg-blue {
    margin-right: -520px;
  }

  .mam-tech {
    margin-right: -50px;
    margin-top: 20px;
  }
}

@media (min-width: 1536px) and (max-width: 1810px) {
  .bg-blue {
    margin-right: -540px;
  }

  .mam-tech {
    margin-right: 150px;
    margin-top: 20px;
  }
}

/* Asistencia mascotas */

@media (min-width: 1035px) and (max-width: 1230px) {
  .pets {
    margin-right: 100px;
  }

  .bg-blue {
    margin-right: -450px;
  }
}
@media (min-width: 1530px) and (max-width: 1770px) {
  .pets {
    margin-right: 300px;
  }

  .bg-blue {
    margin-right: -500px;
  }
}

@media (min-width: 320px) and (max-width: 1024px) {
  .text-container {
    margin-left: -100px;
  }
}