@import "../media_multiple.css";

@import "../media_multiple.css";

@media (min-width: 1600px) {}

@media (min-width: 1400px) {}

@media (min-width:  1200px) {}

@media (min-width: 995px) {}

@media (max-width: 2000px) {}

@media (max-width: 1900px) {}

@media (max-width: 1650px) {}

@media (max-width: 1400px) {
  /* TELEFONOS 1400 */
  .telefonosSection .cardsContainer .cardTelefonos {
    width: 49%;
  }
  /* OTROS TELEFONOS 1400 */
  .otrosTelefonosSection .cardsContainer {
    gap: 12px;
  }
  .otrosTelefonosSection .cardsContainer .cardOtrosTelefonos {
    width: 24%;
  }
  .otrosTelefonosSection .cardsContainer .cardOtrosTelefonos .telTitle {
    font-size: 21px;
  }
}

@media (max-width: 1300px){
}

@media (max-width: 1250px){}

@media (max-width: 1200px) {
  /* BANNER 1200 */
  .banner-central .firstInfo .claimBanner {
    max-width: 389px;
  }
  .banner-central .firstInfo .claimBanner {
    font-size: 38px;
  }
  /* TELEFONOS 1200 */
  .telefonosSection .cardsContainer .cardTelefonos .telTitle {
    font-size: 20px;
  }
  .telefonosSection .cardsContainer .cardTelefonos .text {
    font-size: 16px;
  }
  /* OTROS TELEFONOS 1200 */
  .otrosTelefonosSection .cardsContainer .cardOtrosTelefonos {
    width: 47%;
  }
  .otrosTelefonosSection .cardsContainer .cardOtrosTelefonos .telTitle {
    font-size: 24px;
  }
}




/* ----------- MOBILE LADSCAPE ----------- */
@media only screen and (min-device-width: 480px) 
                   and (max-device-width: 640px) 
                   and (orientation: landscape) {

  
}
/* ----------- FIN MOBILE LADSCAPE ----------- */


@media (max-width: 1130px) {}

@media (max-width: 1024px) {
}

@media (max-width: 991px) {
  /* BANNER 991 */
  .banner-central{
    height: 450px;
  }
  .banner-central .firstInfo {
    justify-content: flex-start;
  }
  .banner-central .firstInfo .titleBanner {
    font-size: 18px;
  }
  .banner-central .firstInfo .claimBanner {
    max-width: unset;
  }
  .banner-central .mainForm {
    display: none;
  }
  /* TELEFONOS 991 */
  .telefonosSection .cardsContainer {
    flex-direction: column;
  }
  .telefonosSection .cardsContainer .cardTelefonos {
    width: 100%;
  }
  .telefonosSection .cardsContainer .cardTelefonos .telTitle {
    font-size: 24px;
    text-align: center;
  }
  .telefonosSection .cardsContainer .cardTelefonos a {
    width: 100%;
    padding: 19px 18px;
    text-align: center;
    border-radius: 6px;
  }
  .telefonosSection .cardsContainer .cardTelefonos.contratacion a {
    background-color: var(--action-color);
    color: white;
    font-size: 24px;
  }
  .telefonosSection .cardsContainer .cardTelefonos.atencion a {
    background-color: #1C4A8D;
    color: white;
    font-size: 24px;
  }
}

@media(max-width: 820px) {}

@media(max-width: 767px) { 
  section h2.title {
    margin-bottom: 32px;
  } 
  /* TELEFONOS 767 */
  .telefonosSection {
    padding: 72px 0 0;
  }
  /* OTROS TELEFONOS 767 */
  .otrosTelefonosSection {
    padding: 72px 0 0;
  }
  .otrosTelefonosSection.isEmail {
    padding: 72px 0;
  }
  .otrosTelefonosSection .cardsContainer {
    gap: 32px;
  }
  .otrosTelefonosSection .cardsContainer .cardOtrosTelefonos {
    width: 100%;
    max-width: unset;
  }
  .otrosTelefonosSection .cardsContainer .cardOtrosTelefonos a {
    padding: 19px 18px;
    border: 1px solid #1C4A8D;
    border-radius: 6px;
    color: #1C4A8D;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
  }
}

@media(max-width: 675px) {
}

@media(max-width: 575px) {
  /* BANNER 575 */
  .banner-central{
    background: linear-gradient(90deg, #081426 0%, rgba(8, 20, 39, 0.00) 100%), url(../../img/portada-contacto-movil.webp);
    background-position: 41% 61%;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .banner-central .firstInfo {
    max-width: 300px;
  }
  .banner-central .firstInfo .titleBanner {
    font-size: 16px;
  }
  .banner-central .firstInfo .claimBanner {
    font-size: 28px;
  }
}

@media(max-width: 500px) {
}

@media(max-width: 450px) {
}

@media(max-width: 430px) {
}

@media(max-width: 400px) {
}

@media(max-width: 380px) {
}

@media(max-width: 376px) {
  /* BANNER 376 */
  .banner-central {
    background-position: 43% 7%;
    height: 375px;
  }
  .banner-central .firstInfo {
    max-width: 271px;
  }
  .banner-central .firstInfo .titleBanner {
    font-size: 14px;
  }
  .banner-central .firstInfo .claimBanner {
    font-size: 24px;
  }
}

@media(max-width: 360px) {
  .banner-central {
    background-size: 106%;
  }
}

@media(max-width: 350px) {
}

@media(max-width: 330px) {
}

@media(max-width: 300px){}


/* ----------- TABLET ----------- */

@media (min-width: 768px) and (max-width: 1024px) {
}

/* ----------- FIN TABLET ----------- */