/*Bootstrap override*/

body {
  font-family: "Poppins-Regular";
}

.jumbotron {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-color: #4a545a;
  margin-bottom: 0px;
  padding: 15px 0;
  min-height: 500px;
  display: flex;
  align-items: center;
}

.text-white {
  color: white !important;
}

.bg-darkgreen {
  background: linear-gradient(180deg, rgba(17,140,179,1) 0%, rgba(0,148,148,1) 100%);
}

#onetrust-consent-sdk #onetrust-banner-sdk {
  border: 3px solid #009494 !important;
}

#onetrust-consent-sdk #onetrust-pc-btn-handler,
#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
  color: #009494 !important;
  border-color: #009494 !important;
}

#onetrust-consent-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler {
  background-color: #009494 !important;
  border-color: #009494 !important;
  color: #ffffff;
}

#onetrust-banner-sdk #onetrust-policy-text a {
  color: rgb(0, 111, 229) !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk::before {
  width: 160px !important;
  top: calc(30px + 0px) !important;
}

.img-responsive {
  margin: auto;
}

.form-control {
  background: #f2f2f2;
  border: 0px;
  margin-bottom: 10px;
  color: #555 !important;
  text-align: center;
}

.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.inline {
  display: inline-block;
  float: left;
}

/*Buttons*/
.btn-mapfre {
  background-color: white;
  text-align: center;

  text-decoration: none;
  font-family: "Poppins-Regular";
  font-size: 18px;
}

.no-margin-top {
  margin-top: 10px;
}

/* Cookies */

.cookienator {
  width: 100%;
  color: black;
  text-align: center !important;
  position: fixed;
  background-color: #e0e0e0;
  bottom: 0;
  left: 0;
  padding: 10px 0;
  z-index: 99999 !important;
  display: block;
}

.cookienator p {
  color: #4f4f4f !important;
  text-align: center !important;
  font-size: 12px !important;
}

.avisocookies {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background: white;
  color: white;
  text-align: center;
  font-size: 11px;
  padding: 10px 0px;
  background-color: #021e2e;
}

.avisocookies p {
  margin: 0px;
}

.avisocookies p a {
  color: white;
  text-decoration: underline;
}

.darkGreen-box.infoAdic p strong {
  font-family: "Poppins-Bold";
}


.infoAdic{
  box-shadow: none;
}

.cookienator .cerrar {
  background-color: black;
  color: white;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  padding: 10px 5px;
}

.visible-lg-slider{
  display: none;
}

.hidden-lg-slider{
  display: flex;
}

.row-slider{
  justify-content: center;
}


/* Header */
div.header {
  min-height: 60px;
  background: white;
  -webkit-box-shadow: 0px 2px 3px 1px rgba(85, 85, 85, 0.55);
  -moz-box-shadow: 0px 2px 3px 1px rgba(85, 85, 85, 0.55);
  box-shadow: 0px 2px 3px 1px rgba(85, 85, 85, 0.55);
}

div.header img.logo {
  padding: 15px 0;
  margin-left: 0;
  width: 150px;
}

div.header .phone-number {
  font-weight: bold;
  text-align: right;
  padding: 0 15px;
}

div.header .phone-number a {
  color: black;
  font-size: 18px;
  line-height: 12px;
  vertical-align: middle;
  border-radius: 50px;
}

div.header .phone-number img {
  padding-left: 40px;
}

.icono_familia {
  position: relative;
  top: -25px;
  left: 0;
}

.grey-band {
  padding: 20px 15px 10px;
  background: #f4f6fa;
  text-align: center;
  font-size: 16px;
}

.grey-band h3 strong {
  color: #000;
  font-family: "Poppins-Bold";
}

.grey-band p {
  font-size: 16px;
  line-height: 22px;
  font-family: "Poppins-Regular";
}

.footer-list .col-sm-8 .col-sm-3,
.footer-list .col-sm-4 {
  border-right: 2px dotted #009494;
  min-height: 95px;
  font-size: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-bottom: 15px;
}

.footer-list .col-sm-4 {
  border-right: none;
}

span.mas {
  position: absolute;
  font-size: 20px;
  background: #f1f1f1;
  line-height: 20px;
  top: 30px;
  right: -7px;
  color: #009494;
  font-family: "Poppins-Bold";
}

.white-band {
  margin-bottom: 25px;
}

.white-band h1 {
  color: #009494;
  font-family: "Poppins-bold";
  font-size: 30px;
  line-height: 40px;
}

.white-band h2 {
  font-size: 20px;
  margin-bottom: 30px;
}

.jumbotron p {
  margin-bottom: 0;
}

.lista-garantias {
  text-align: left;

}


.lista-garantias ul {
  list-style-image: none;
  list-style-type: none;
  margin-right: 5px;
  text-align: center;
}

.promotion {
  margin-top: 0px;
  text-align: left;
  padding: 0 0px;
  position: relative;
}

.promotion h3 {
  color: white;
  font-size: 25px;
}

.promotion h2 {
  color: white;
  font-family: "Poppins-SemiBold";
  /*font-size: 48px; */
  font-size: 39px;
}

.promotion-subtitulo p{
  font-size: 20px;
  color: white;
  font-family: "Poppins-Regular";
}

.promotion-subtitulo-2{
  margin-bottom: 1rem!important;
}

.precio2{
  margin-top: .5rem;
}

.promotion p.precioSmall {
  font-size: 16px;
  color: white;
}

.promotion p.precioSmall span {
  font-size: 19px;
}

.promotion p.precioSmall2 {
  color: white !important;
  font-weight: bold;
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 40px !important;
}

.promotion p.precioSmall2 span {
  font-size: 19px;
  line-height: normal;
}

.text_red {
  color: #009494;
}

img.molecula_renta {
  position: absolute;
  left: -60px;
  width: 250px;
}

.ventajas{
  padding-top: 3rem;
}
.ventajas h3{
  text-align: center;
   font-family: "Poppins-Bold";
   font-size: 28px;
}

.ventajas .subtitulo{
  font-size: 18px;
  margin-bottom: 4rem;
  text-align: center;
}

.ventajas .ventaja-img{
  margin-bottom: 1rem;
}

.ventajas .ventaja-title{
  font-family: "Poppins-Bold";
  font-size: 18px;

}

.ventajas .ventaja-text{
  font-size: 16px;
}

.ventajas .img-container{
  height: 70px;
}

.bola_roja {
  background-color: #009494;
  width: 135px;
  height: 135px;
  border-radius: 150px;
  position: relative;
  top: 50px;
  right: 0px;
  font-size: 18px;
  color: white;
  text-align: center;
  padding: 10px 10px;
  margin: 0;
}

.bola_roja big {
  display: block;
  font-size: 44px;
  line-height: 35px;
}

.bola_roja p.discount {
  font-size: 30px;
  line-height: 20px;
  position: relative;
  display: inline-block;
  color: white;
}

.bola_roja span.dto {
  position: absolute;
  font-size: 20px;
  line-height: 20px;
  top: 40px;
  font-size: 14px;
  left: 70px;
}

.bola_roja p.duracion {
  font-size: 11px;
  position: relative;
  top: 10px;
  margin-bottom: 0;
}

.bola_roja p.discount strong {
  font-size: 30px;
}

.bola_roja p.discount strong {
  font-size: 60px;
  line-height: 35px;
  position: relative;
  top: 20px;
  left: -5px;
}

.bola_roja p.gigas {
  padding: 15px 0;
  line-height: 20px;
  font-weight: bold;
}

.red-band {
  background-color: rgb(244, 246, 250);
  color: black;
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
}

.red-band h3 {
  font-family: "Poppins-Bold";
  margin-bottom: 20px;
  font-size: 28px;
}

.red-band .img-responsive {
  margin: 0 5px;
  width: 20px;
  display: inline-block;
}

.autonomos-band {
  background-color: #ffffff;
  color: black;
  text-align: center;
  padding: 10px 0;
  font-size: 17px;
}

.autonomos-band h3 {
  font-family: "Poppins-Bold";
  font-size: 20px;
  line-height: 22px;
  margin: 15px 0 5px 0;
}

.autonomos-band p.box-btn {
  display: block;
  width: 250px;
  margin: 0 auto;
}

.autonomos-band .img-responsive {
  margin: 0 5px;
  width: 20px;
  display: inline-block;
}

.lista-garantias li {
  padding: 0 6px;
}

.col-caja-peque {
  width: 300px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.col-caja-grande {
  width: 390px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.box-price-premium {
  position: relative;
}

.carousel-inner .box-price-promo {
  padding: 1rem 1rem 0rem 1rem !important;
}

.box-price-promo {
  background-color: #016fe5;
  max-width: fit-content;
  padding: 0.1rem 1rem;
  color: #fff;
  position: absolute;
  top: -30px;
  right: 45px;
}

.box-price-promo h5 {
  font-family: "Poppins-Bold";
  font-size: 18px;
}

.box-price {
  background-color: white;
  -webkit-box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.1);
box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.1);
  position: relative;
  margin: 20px 0px;
  text-align: left;
  min-height: 520px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: .5rem;
}

.box-price .bola_roja {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 110px;
  height: 110px;
  padding: 0;
}

.box-price .bola_roja p.discount {
  font-size: 25px;
}

.box-price .pad {
  padding: 0 15px;
}

.box-price .footer {
  padding: 0 20px;
}

.box-price .pad .bloque_dark {
  background-color: #2c3649;
  width: fit-content;
  padding: 5px 10px;
  color: #fff;
  line-height: 20px;
  margin-top: 15px;
  font-size: 16px;
  font-family: "Poppins-Bold";
  font-size: 18px;
  margin-bottom: 1rem;
}

.box-price .bola_roja p.discount strong {
  font-size: 45px;
  line-height: 30px;
  position: relative;
  top: 15px;
  left: -5px;
}

.box-price .bola_roja span.dto {
  position: absolute;
  line-height: 20px;
  top: 30px;
  font-size: 13px;
  left: 55px;
}

.box-price .head{
  padding: 20px 15px 5px 20px;
}

.box-price .body{
 
}

.modulo-planes h3{
  font-size: 28px;
}
.modulo-planes .susbtitle{
  font-size: 18px!important;
}

.favorito{
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 2.5rem;
  margin-right: 2rem;
  background-color: #2C3649;
  color: white;
  font-size: 12px;
  font-family: "Poppins-Bold";
  border-radius: 4px;
  padding: .5rem .9rem .5rem .9rem;

}

.box-price .head {
  position: relative;
}

.box-price .head h4 {
  color: #000;
  font-family: "Poppins-Bold";
  font-size: 12px;
}

.box-price .head p{
  font-size: 28px;
  margin-top: 3.5rem;
  font-family: "Poppins-Bold";
  margin-bottom: 14px;
}

.box-price h4 span {
  font-size: 28px;
  margin-top: 3rem;
}

.box-price .servicio_base {
  height: 50px;
  padding: 0 19px;
  text-align: left;
  margin: 0px 0 0px;
  font-family: "Poppins-Bold";
  font-size: 16px;
}

.altura-lista{
  height: 380px;
}

.box-price .lista-garantias {
  padding-top: 5px;
  display: flex;
}

.box-price .lista-garantias ul {
  text-align: left;
  padding: 0 15px;
}

.box-price .lista-garantias ul img {
  display: inline-flex;
  margin: 5px;
  width: 15px;
}

.box-price .foot p.precio {
  font-size: 16px;
  margin-bottom: 0rem;
}

.box-price .foot p.precio strong {
  font-family: "Poppins-Bold";
  font-size: 16px;
}

.box-price .foot p.precio strong span{
  font-size: 24px;
}

.box-price .foot .nota{
  font-size: 15px!important;
  font-family: "Poppins-Regular"!important;
}

.box-price .lista-garantias li {
  padding: 5px 0px;
  font-size: 16px;
  align-items: flex-start;
  display: flex;
}

.box-price .lista-garantias li p {
  font-size: 16px;
}

.btn-formulario-white {
  background-color: white!important;
  color: #009494;
  padding: 10px 15px;
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 230px;
  height: 50px;
  text-align: center;
  font-size: 14px;
  font-family: "Poppins-SemiBold";
  border-radius: 2px;
  transition: 0.5 ease-in-out;
  border-radius: 4px;
}

.btn-formulario-white:hover {
  background-color: #2c3649!important;
  text-decoration: none;
  color: white;
}

a.btn-formulario.btn-informate {
  padding: 10px 15px;
  margin-top: 30px;
  width: 230px;
  height: 50px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  font-size: 14px;
  font-family: "Poppins-SemiBold";
  transition: 0.5 ease-in-out;
  background-color: #009494!important;
  margin-left: unset;
}

a.btn-formulario.btn-informate:hover {
  text-decoration: none;
  background-color: #278187;
}

a.btn-formulario.btn-informate:visited,
a.btn-formulario.btn-informate:focus {
  color: white;
  text-decoration: none !important;
}

/* Modales */

.modal-body {
  font-family: "Poppins-Regular";
}

.btn-info,
.btn-info:hover {
  background: #98a92a;
  border: none;
}

div#modal-llamar .modal-dialog {
  max-width: 400px;
  margin: 0 auto;
}

div#modal-llamar .modal-body {
  max-width: 400px;
  margin: 0 auto;
  padding-top: 0;
  /*padding: 0rem;*/
}

div#modal-llamar .modal-body .telefono-mobile {
  color: #ffffff;
  text-align: center;
  font-family: "Poppins-Bold";
  background-color: #009494;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 20px;
}

div#modal-llamar .modal-body .telefono-mobile img {
  width: 115px;
  padding: 0;
}

div#modal-llamar .modal-body .telefono-mobile a {
  color: white;
}

/*div#modal-llamar .darkGreen-box {
    width: 100%;
}

div#modal-llamar .modal-header{
  padding: 0rem;
}*/

.modal#ModalTellamamosForm a {
    color: rgb(0, 111, 229);
    font-size: 12px;
}

#error-note .error,
#error-note_pop .error,
#error-note_top .error,
#error-note_bottom .error {
  font-size: 11px;
  margin-bottom: 0;
  color: red;
}

#error-note p,
#error-note_pop p,
#error-note_top p,
#error-note_bottom p {
  padding: 0;
  margin-bottom: 0;
}

.atencionClientes {
  color: #009494;
  text-decoration: none;
  text-align: center;
  padding: 5px;
  display: block;
  margin: 10px auto;
  font-size: 18px;
  text-decoration: underline;
}

.cont_politica {
  padding-top: 25px;
}

select::-ms-expand {
  display: none;
}

.gurrumino {
  position: fixed;
  right: 0;
  top: 47%;
  z-index: 99;
  line-height: 15px;
}

.gurrumino a{
  text-decoration: none;
}

.bloqueCers{
  padding: 50px 0 50px!important;
}

.bloques-verdes-hero {
  display: flex !important;
  gap: 1rem !important;
 margin-top: 1rem;
}

.contenedor-cajas-verdes {
  display: flex;
  gap: 1rem;
}

.bloque_verde_nuevo {
  display: flex;
  border-radius: 10px;
  justify-content: center;

  background-color: #019393;
  padding: 15px 15px;
  color: #fff;
  line-height: 20px;

  font-size: 16px;
  width: max-content;
  flex-direction: column;
}



.bloque_verde_15dto img{
 transform: translateY(-10px);
}

.bloque_verde_nuevo_1 {
  font-size: 16px;
  margin-bottom: .4rem;
}

.bloque_verde_nuevo_2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: .4rem;
}

.bloque_verde_nuevo_3 {
  font-size: 14px;
}

.bloque_verde_nuevo_4 {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: .4rem;
  line-height: 1;
}

.bloque_verde_nuevo_5 {
  font-size: 12px;
  line-height: 1;
}

.bloque_verde {
 
  width: fit-content;
  padding: 5px 10px;
  color: #fff;
  line-height: 20px;
  margin-top: 15px;
  font-size: 16px;

}

.bloque_verde big {
  font-size: 120%;
  font-family: "Poppins-SemiBold";
}

.block-1{
  background-color: #009494;
  border-radius: 7px;
  color: white;
  margin-top: 1rem;
  padding: 1.3rem;
}

.block-1 .block-1-big{
  font-size: 28px;
  font-family: "Poppins-Bold";
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}

.block-1 .block-1-big span{
  font-size: 21px;
  font-family: "Poppins-Regular";
}

.block-2{
  background-color: #006FE5;
  border-radius: 50%;
  height: 14rem;
  width: 14rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /*transform: translateY(-10px);*/
  transform: rotate(15deg);
  padding: 0.5rem 0 0 0.2rem;
}

.block-2 .block-2-1{
  
    display: flex;
    gap: .4rem;
    align-items: center;
}

.block-2 .block-2-1-big{
  font-size: 27px;
  font-family: "Poppins-Bold";
}

.block-2 .block-2-1-mid{
  font-size: 25px;
  font-family: "Poppins-Bold";
}

.block-2 .block-2-1-small{
  font-size: 18px;
  font-family: "Poppins-Bold";
}

.block-2 .block-2-2 p{
  font-size: 14px;
  text-align: center;
}

/* Bloque descuento*/
.bloque_descuento span {
  font-size: 20px;
  font-family: "Poppins-Bold";
  line-height: 0;
}

.bloque_descuento {
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bloque_descuento font {
  color: #009494;
  font-size: 32px;
  line-height: 1.2;
  margin-top: 1rem;
}

.bloque_descuento p {
  font-size: 11px;
  line-height: normal;
  margin-top: 1rem;
}

.bloque_descuento strong {
  font-family: "Poppins-Bold";
}

.bloque_descuento big {
  font-size: 140%;
}

.abogados {
  background-color: #009494;
}



.abogados-left{
  background-image: url("../img/abogados-left.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  height: 300px;
}

.abogados-right {
  padding:7rem 5rem 5rem 5rem;
  background-color: #009494;
}

.abogados-right .subtitulo{
  color: white;
}

.abogados-right h3{
  color: white;
  font-size: 28px;
  font-family: "Poppins-Bold";
}


.cifras{
  background-color: #F8F9FA;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.cifras .row-centered{
 
  display: flex;
      justify-content: center;
}
.cifras .dato{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.cifras .titulo{
  color: #009494;
  font-size: 44px;
  font-family: "Poppins-Bold";
}

.cifras .texto{
  color: #000000;
  font-size: 18px;
  font-family: "Poppins-Bold";
}

.block-1 .block-1-small{
  font-size: 15px;
}

@media (max-width: 1280px) {
  #datosform {
    margin-right: 50px;
  }

  .jumbotron {
    background-size: cover;
  }

}
@media (max-width: 1200px) {
  .promotion h2{
    font-size: 34px;
  }
  .altura-lista{
    height: 400px;
  }
}

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

  .white-band span {
    font-size: 12px;
  }
  
  .abogados-right br {
    display: none;
  }
}

@media (max-width: 992px) {

  .block-2{
    margin-top: 1rem;
    height: 13rem;
    width: 13rem;
  }
  .visible-lg-slider{
    display: flex;
  }

  .hidden-lg-slider{
    display: none;
  }

  body {
  
    overflow-x: hidden;
  }

  .item {
    max-width: 38rem;
    padding: 1.5rem;
  }

  .carousel {
    margin-bottom: 7rem;
  }

  .carousel-indicators{
    bottom: -41px;
  }

  .carousel-indicators .active {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    margin: 0;
    background-color: #009494;
  }

  .carousel-indicators li {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #009494;
  }

  .jumbotron {
    background-size: cover;
  }

  .container {
    width: 100%;
  }

  .margin-top {
    margin-top: 0px;
  }

  .promotion h2 {
    font-size: 30px;
  }

  .promotion-subtitulo p{
    font-size: 17px;
    color: white;
    font-family: "Poppins-Regular";
  }

  .bloque_verde_nuevo_2 {
    font-size: 22px;
  }

  .bloque_verde_nuevo_4 {
    font-size: 32px;
  }

  


  .margin-top {
    margin-top: 0px;
  }

  .molecula {
    top: auto;
    right: 200px;
    bottom: 0px;
  }

  .box-price {
    min-height: 620px;
  }

  .white-band .price {
    font-size: 16px;
    line-height: 40px;
  }

  .white-band .price span {
    font-size: 55px;
  }

  .white-band .price.price_bf span {
    font-size: 33px;
  }

  .white-band .price sup {
    font-size: 15px;
  }

  .white-band .price.price_bf sup {
    top: -15px;
  }

  .white-band .price.price_bf::after {
    width: 80px;
    bottom: 35px;
  }

  .bola_roja {
    left: 0px;
    top: 20px;
  }
  .block-1 .block-1-big{
    font-size: 21px;
    margin-top: .5rem;
    margin-bottom: .3rem;
  }
  .block-1 .block-1-big span{
    font-size: 16px;
  }
  .jumbotron p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 200;
  }
}

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

@media (max-width: 768px) {
  .block-1{
    height: max-content;
    padding:1rem .7rem 1rem .7rem
  }
  .block-2{
    margin-top: 0rem;
  }

  .block-1 .block-1-small{
    font-size: 14px;
  }
  
  
  .block-1 .block-1-big{
    font-size: 18px;
  }
  .block-1 .block-1-big span{
    font-size: 14px;
  }
  
  
  
  .block-2 .block-2-1-mid{
    font-size: 23px;
    font-family: "Poppins-Bold";
  }
  
  .block-2 .block-2-1-small{
    font-size: 16px;
    font-family: "Poppins-Bold";
  }
  
  .block-2 .block-2-2 p{
    font-size: 12px;
    text-align: center;
    line-height: 1.4;
  }

  .servicio_base{
    font-size: 13px!important;
    height: 40px!important;
  }
  .altura-lista{
    
  }
  .abogados-left{
    background-image: url("../img/abogados-left.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 180px;
  }

  .abogados-right {
    padding:2rem 2rem 4rem 2rem;
    background-color: #009494;
  }

  .abogados-right h3{
    font-size: 18px;
    text-align: center;
  }
  .abogados-right .subtitulo{
  
    text-align: center;
  }

  .cifras .row-centered{
    flex-direction: column;
   }

   .cifras .titulo {
    text-align: center;
  }
  .cifras .texto {
    text-align: center;
  }

  .dato-container{
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  
   
  .cifras .texto br{
    
    display: none;
   }

   .box-price .foot p.precio strong {
    font-size: 13px;
  }
  
  .box-price .foot p.precio strong span{
    font-size: 19px;
  }

  .box-price .foot .nota{
    font-size: 11px;
  }

  .contenedor-cajas-verdes {
    margin-bottom: 5rem;
  }

  .bola_roja {
    left: 0px;
    top: 20px;
  }

  .box-price {
    min-height: 670px;
  }
}

@media (max-width: 767px) {
  h2.monday {
    font-size: 20px;
    line-height: 27px;
    margin: 0;
    padding-left: 10px;
  }

  h2.monday2 {
    font-size: 20px;
    line-height: 27px;
    margin: 10px 0;
    max-width: 160px;
  }

  .ventajas h3{
   font-size: 18px;
}

.ventajas .subtitulo{
  font-size: 16px;

}

.modulo-planes h3{
  font-size: 18px!important;
}
.modulo-planes .susbtitle{
  font-size: 16px!important;
}

  .box-price {
    min-height: auto;
  }

  .col-caja-peque {
    width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-caja-grande {
    width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .bola_roja {
    position: relative;
    width: 95px;
    height: 95px;
    padding: 0;
    left: auto;
    margin: 0 auto 20px;
    top: 10px;
    left: -30px;
  }

  .bola_roja p.discount {
    font-size: 20px;
    top: 5px;
  }

  .bola_roja p.discount strong {
    font-size: 40px;
    line-height: 20px;
    position: relative;
    top: 15px;
    left: -3px;
  }

  .bola_roja span.dto {
    position: absolute;
    line-height: 20px;
    top: 25px;
    font-size: 12px;
    left: 45px;
  }

  div.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: white;
    z-index: 999;
    padding: 15px 0px 15px;
    box-shadow: 2px 2px 10px #606060;
  }

  .jumbotron {
    background: url("../img/Asesoramiento-legal-movil.png");
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #68635f;
    margin-bottom: 10px;
    background-position: top 101px left 0;
    -webkit-box-shadow: 0px 9px 14px -10px rgba(0, 0, 0, 0.61);
    -moz-box-shadow: 0px 9px 14px -10px rgba(0, 0, 0, 0.61);
    box-shadow: 0px 9px 14px -10px rgba(0, 0, 0, 0.61);
  }

  .icono_familia {
    position: relative;
    top: 0;
    margin: 0 auto;
    left: 0;
  }

  .gurrumino {
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
    width: 100%;
    border-radius: 0;
    height: auto;
    font-size: 30px;
    background-color: #009494;
    padding: 20px;
    text-align: center;
  }

  .gurrumino span {
    color: #fff;
  }

  img.visible-xs.mainMB {
    /* margin: -30px; */
    width: 100%;
  }

  .main-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  .jumbotron h1 {
    color: #009494;
    font-family: "Poppins-bold";
    font-size: 19px;
    text-align: center;
  }


  .jumbotron h2 {
    font-size: 26px;
    text-align: left;
    line-height: 28px;
    margin-top: 18rem;
    margin-bottom: 10px;
  }

  .jumbotron h3 {
    font-size: 18px;
    text-align: left;
    margin-bottom: 20px;
  }

  

  .bloques-verdes-hero {
    display: flex !important;
    gap: 1rem !important;
    margin-top: 0rem;
    padding-bottom: 1rem;
  }

  .bloque_verde {
    padding: unset;
    text-align: unset;
    margin-top: unset;
    width: unset;
    color: #fff;
    line-height: unset;
    font-size: 16px;

    display: flex;
    justify-content: center;
  }

  .jumbotron .price {
    font-size: 15px;
    line-height: 30px;
    color: #009494;
  }

  .jumbotron .price span {
    font-size: 55px;
    line-height: 30px;
    font-family: "Poppins-bold";
  }

  .jumbotron .price.price_bf span {
    font-size: 40px;
    line-height: 30px;
    font-family: "Poppins-bold";
  }

  .jumbotron .price.price_bf {
    float: right;
  }

  .jumbotron .price.price_bf::after {
    content: "";
    width: 90px;
    height: 2px;
    background-color: #1d1d1b;
    position: absolute;
    bottom: 40px;
    z-index: 10;
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    right: 10px;
  }

  .jumbotron .price sup {
    font-size: 24px;
    font-family: "Poppins-bold";
  }

  .jumbotron fieldset {
    max-width: 320px;
    margin: 25px auto;
    border-top: 1px solid #009494;
  }

  .jumbotron fieldset legend {
    display: inline-block;
    width: 220px;
    text-align: center;
    font-family: "Poppins-light";
    margin-bottom: 20px;
    font-size: 16px;
    color: #fff;
    background: #009494;
    position: relative;
    top: 0px;
    margin: 0 auto;
    border-radius: 10px;
  }

  .jumbotron fieldset p {
    text-align: center;
    font-size: 14px;
    margin: 5px 0;
    font-family: "Poppins-light";
  }

  .destacado_lista {
    margin-left: 0px;
    border-bottom: 2px dotted grey;
  }

  .destacado_lista>.col-xs-6:first-child {
    border-right: 2px dotted grey;
  }

  .destacado_lista p {
    font-size: 14px;
    line-height: 18px;
  }

  .destacado_lista>.col-xs-6 {
    padding: 10px 0;
  }

  .destacado_lista .col-xs-4,
  .destacado_lista .col-xs-8 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .destacado_lista.last {
    border-bottom: none;
  }

  .navbar ul li {
    padding-right: 10px;
    font-size: 13px;
  }


  div.header .phone-number span {
    font-size: 10px;
    position: absolute;
  }

  .btn-mobile {
    display: block;
    max-width: 300px;
    margin: 0 auto;
    background: #009ddf;
    font-family: "Poppins-Regular";
    padding: 15px 10px 10px;
    border-radius: 8px;
  }

  .btn-mobile a {
    font-size: 31px;
    font-weight: bold;
    color: white;
    line-height: 24px;
  }

  .btn-mobile a img {
    vertical-align: top;
  }

  .promotion {
    position: relative;
    z-index: 9;
    top: 0px;
    left: 0;
    margin-top: 0;
    width: 100%;
    padding-top: 20px;
  }

  .top {
    top: 318px;
  }

  .footer-list .col-sm-8 .col-sm-3,
  .footer-list .col-sm-4 {
    border-right: none;
    min-height: auto;
    font-size: 15px;
    display: block;
    margin-bottom: 0px;
  }

  .footer-list p {
    border-bottom: 1px solid #009494;
    padding-bottom: 11px;
    margin-bottom: -10px;
  }

  .footer-list .last p {
    border-bottom: none;
  }

  .footer-list span.mas {
    position: relative;
    top: -2px;
    background: #f1f1f1;
    padding: 0 3px;
    font-family: "Poppins-Bold";
    color: #009494;
    font-size: 16px;
    display: inline-block !important;
  }

  .footer-list h3 {
    margin-bottom: 50px;
  }

  .grey-band h3 {
    font-size: 20px;
  }

  .red-band h3 {
    padding: 10px 15px;
    margin-top: 0;
    font-size: 18px;
  }

  .red-band {
    background-color: #f4f6fa;
    color: #333333;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    padding-top: 10px;
  }

  .autonomos-band h3 {
    padding: 10px 15px;
    margin-top: 0;
    font-size: 19px;
  }

  .autonomos-band {
    background-color: #f4f6fa;
    color: #333333;
    text-align: center;
    padding: 10px 0;
    font-size: 17px;
    padding-top: 10px;
  }


  .lista-garantias ul {
    padding: 0 22px;
    text-align: left;

  }

  .lista-garantias li {
    padding: 5px 0px;
    display: flex;
    align-items: flex-start;
  }

  .lista-garantias li img {
    margin-top: 2px;
  }


  .contact-band .darkGreen-box p.llama {
    font-size: 24px;
  }

  .contact-band .darkGreen-box p a.numeroGoogle {
    font-size: 30px;
    color: black;
  }

  div.header .phone-number {
    position: relative;
    background-color: #009494;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    width: fit-content;
    margin: auto;
  }

  div.header .phone-number img {
    width: 32px;
    padding-left: 0;
    margin: 0 0 0 -6px;
  }

  div.header .phone-number a {
    font-family: "Poppins-Bold";
    color: white;
    font-size: 20px;
    line-height: 25px;
    display: block;
    margin: 15px 0 0 7px;
    background-color: transparent;
    padding: 5px 0;
    text-align: left;
  }

  .box-price .bola_roja {
    left: 10px;
    margin-left: 0;
  }

  div.header img.logo {
    margin: 0 auto;
    text-align: center;
  }

  img.molecula_renta {
    position: relative;
    margin: 10px auto;
    width: 185px;
    right: auto;
    left: auto;
    top: auto;
  }

  .panel-heading {
    background-image: none !important;
    background-color: transparent !important;
  }

  .carousel-control {
    background-image: none !important;
  }

  
  .carousel {
    margin-bottom: 1rem;
  }

  .carousel-indicators {
    bottom: -40px;
  }

  .bloque_text {
    margin-top: 60px;
  }

  .panel-title>a {
    color: inherit;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    font-family: "Poppins-Bold";
    text-decoration: none;
  }

  .bloque1 {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }

  .item {
    width: 90%;
    margin: auto;
  }

  .grey-band {
    padding: 20px 0px 10px;
  }

  .white-band .img-responsive {
    width: 60px;
    padding-bottom: 5px;
    margin-right: 10px;
  }

  .bloque_descuento {
    margin: 70px 0 20px;
  }

  font.suma_mb {
    font-size: 3rem;
  }

  footer {
    background-color: #fff;
  }
}

@media (max-width: 434px) {
  
   .bloques-verdes-hero {
    justify-content: space-between;
  }
  .bloque_descuento font {
   line-height: 1.2;
  }

  .bloque_descuento span {
   font-size: 18px;
   margin-bottom: 1rem;
  }

}

@media (max-width: 393px) {
 

  .lista-garantias ul {
    padding: 0px 0px;
  }

  div#modal-llamar .modal-body .telefono-mobile a {
    font-size: 26px;
  }
}

@media (max-width: 386px) {
  .bloques-verdes-hero {
    margin-bottom: 20rem;
  }
}

@media (max-width: 376px) {
  .bloques-verdes-hero {
    margin-bottom: 19rem;
  }
}

@media (max-width: 370px) {
  .bloques-verdes-hero {
    margin-bottom: 18rem;
  }
}

@media (max-width: 362px) {
  .bloques-verdes-hero {
    margin-bottom: 14rem;
  }
}

@media (max-width: 380px) {
  div.header .phone-number img {}

  .contact-band .darkGreen-box p a.numeroGoogle {
    font-size: 25px;
  }

  div.header .phone-number span {
    display: none;
  }

  .promotion {
    margin-top: 0;
    padding-top: 15px;
  }

  img.molecula_renta {
    position: relative;
    margin: 10px auto;
    width: 160px;
    right: auto;
    left: auto;
    top: auto;
  }

  .bloque_descuento font {
    font-size: 1.8rem;
  }

  .bloque_descuento span {
    font-size: 110%;
  }
}

@media (max-width: 350px) {
  div.header .phone-number a.numeroGoogle {
    font-size: 20px;
    color: white;
  }

  .jumbotron p {
    font-size: 14px;
    line-height: 18px;
  }

  .bola_roja {
    width: 100px;
    height: 100px;
  }

  .bola_roja p.duracion {
    font-size: 12px;
  }
}

@media (max-width: 280px) {
  .jumbotron {
    background-position: top 75px right -124px;
  }

  div.header .phone-number a.numeroGoogle {
    font-size: 15px;
    color: white;
    margin: 6px 0 0 4px;
  }

  .jumbotron h2 {
    font-size: 16px;
    text-align: left;
    line-height: 20px;
    margin-top: 46%;
  }

  .promotion p.precioSmall {
    font-size: 13px;
    color: white;
  }

  div#modal-llamar .modal-body .telefono-mobile a {
    font-size: 20px;
  }

  .box-price .foot p.precio strong {
    font-size: 16px;
  }

  .darkGreen-box p {
    font-size: 20px;
    line-height: 24px;
  }

  .gurrumino span {
    font-size: 20px;
  }

  .contact-band .darkGreen-box p.llama {
    font-size: 16px;
  }

  .contact-band .darkGreen-box p a.numeroGoogle {
    font-size: 19px;
  }

  .white-band p {
    margin-bottom: 20px;
    font-size: 11px;
    line-height: 7px;
  }

  .bloque_descuento font {
    font-size: 1.4rem;
  }

  .bloque_descuento span {
    font-size: 90%;
  }
}