@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
:root {
  --cverdeoscuro: #007956;
  --cverdemedio: #017a5e;
  --cverdeclaro: #00b58c;
  --camarillo: #ffcd00;
  --cazuloscuro: #707070;
  --cgrisclaro: #f5f7f6;
  --verdetexto: #004837;
}

/*fuentes*/
.h1 {
  font-size: 3.5em;
  line-height: 1em;
}

.h1_landing_1 {
  font-size: 3.5em;
}

.h1_shadow {
  text-shadow: black 1px 0 10px;
}



.h2 {
  font-size: 4.5em;
  line-height: 1em;
}

.bg-amarillo .h2,
.bg-gris h2 {
  /*font-size:3em;*/
  font-size: 2.8em;
  margin-bottom: 0;
}
.h3 {
  font-size: em;
  /*font-size: 46px;*/
  line-height: 1em;
  margin-bottom: 0;
}

.h4,
h4 {
  line-height: 1.4em;
}

.h4_shadow {
  text-shadow: black 1px 0 10px;
}

.h5 {
  line-height: 1.5em;
}

.semibold {
  font-weight: 600;
}
.extrabold {
  font-weight: 800;
}
.mochi {
  font-family: "Gochi Hand", cursive;
}
/*colores*/
.verde,
a {
  color: #02ac82;
}

.verde-oscuro {
  color: #008362;
}

.verde-landing-4 {
  color: #02ac82;
}

.verdeclaro {
  color: #25ae87;
}
.verde-lima {
  color: #80c13b;
}
.verdetexto {
  color: #004837;
}
.text-blanco {
  color: #ffffff;
}
.text-blanco a {
  color: #ffffff;
  text-decoration: underline;
}
.bg-verde {
  background-color: #00a377;
}

.bg-verde-claro {
  background-color: #25ae87;
}

.bg-verde-oscuro {
  background-color: #007e60;
}

/*Solo se usa para esconder los espacios blancos*/
.bg-verde-header {
  background-color: #004b3a;
}

.bg-amarillo {
  background-color: #ffcd00;
}
.bg-gris {
  background-color: #dddcdc;
}
.bg-gris-claro {
  background-color: #f5f7f6;
}

.bg-gris-semi-transparente {
/*  background-color: #dddcdcb8; */
  background-color: rgb(221 220 220 / 0.72);
}

/*genral*/
html,
body {
  height: 100%;
  margin: 0 auto;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #004837;
}

a,
a:hover {
  text-decoration: none;
}

a:hover {
  background-color: white;
  color: black !important;
}

.cuerpo {
  max-width: 1370px;
  margin: 0 auto;
}
p {
  color: #5f5b57;
  margin-bottom: 0.3rem;
}

/**********/
/*CABECERA*/
header {
  font-size: 12px;
  border-bottom: 3px solid #00251f;
}

.margin_header {
  margin-top: -16px;
}

.logo_cabecera {
  margin-top: -13px;
  width: 140px;
  height: 45px;
  padding-right: 5%;
}

/*Seguros que forman parte mes ample*/
.seguros_que {
  width: 20%;
}



/****************/
/* @MEDIA MOVIL */
@media (max-width: 445px) {

  /*Titulo landing 1*/
  .titulo {
    font-size: 40px !important;
  }

  .logo_cabecera {
    margin-top: -20px;
    height: 40px;
    width: 140px;
  }

  .navbar-toggler {
    margin-bottom: 10px;
  }

  .seguros_que {
    width: 100%;
  }

  .tercer_div_margin_mobile {
    margin-top: -18% !important;
  }

  .frase_landing_2_mobile {
    font-size: 0.9em;
  }

  .p-landing3 {
    font-size: 1em;
    text-align: center;
  }

  .letra_sub_header_movil {
    padding-top: -1% !important;
    font-size: 0.85em !important;
  }

  #fondo_tarifa_plana {
    min-height: 300px !important;
  }
  #fondo_doctora {
    min-height: 350px !important;
  }

  #fondo_doctora {
    background-image: url(../images/imagen_doctora.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 450px;
  }

  #fondo_agente {
    background-image: url(../images/imagen_agente.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 850px;
  }

  #fondo_gestor {
    min-height: 200px !important;
  }
  #fondo_agente {
    min-height: 350px !important;
  }
  #fondo_familia_feliz,
  #fondo_ninya {
    min-height: 350px !important;
  }


  .p_movil {
    font-size: 0.8em;
    padding-left: 2%;
  }

  .p_movil_mayor_proteccion {
    font-size: 0.6em;
    padding-left: 4%;
  }

  .movil_kid {
    margin-left: 29% !important;
  }

  .movil_billete {
    margin-left: 29% !important;
  }
}

@media (max-width: 608px) {
  .titulo {
    font-size: 40px;
  }

  .letra_ipad_experiencias {
    font-size: 13px;
    padding-left: 3%;
  }

  .margin_ipad_experiencias {
    margin-left: -5% !important;
  }

  .p_orientacion_mediaca_movil {
    font-size: 1rem;
  }
}

/************************/
/* @MEDIA TABLET - IPAD */
@media (max-width: 768px) {
  .titulo {
    font-size: 40px;
  }

  .logo_cabecera {
    margin-top: -20px;
    height: 40px;
    width: 140px;
  }

  .navbar-toggler {
    margin-bottom: 10px;
  }

  .seguros_que {
    width: 100%;
  }

  .tercer_div_margin_tablet {
    margin-top: 1em !important;
  }

  .margin_landing_2_hogar_autos {
    padding-top: 12% !important;
  }

  #fondo_gestor {
    min-height: 450px;
  }

  .padding_tres_tics {
    padding-left: 10%;
  }

  .letra_sub_header {
    margin-top: -1% !important;
    font-size: 0.7em !important;
  }

  #fondo_doctora {
    background-image: url(../images/imagen_doctora.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center !important;
    min-height: 450px;
  }

  #fondo_agente {
    background-image: url(../images/imagen_agente.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center !important;
    min-height: 450px;
  }

  #fondo_familia_feliz {
    background-image: url(../images/background-familia-feliz.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 450px;
  }

  #fondo_ninya {
    background-image: url(../images/fondo_ninya.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 450px;
  }

  .justify-content-center-ipad {
    justify-content: center;
  }

  .padding_globo {
    padding-left: 10% !important;
  }

  .letra_ipad {
    font-size: 0.5em !important;
  }

  .padding_globo_moneda {
    padding-left: 0% !important;
  }

  .p_ipad {
    padding-left: 0.1%;
    font-size: 0.8em;
  }

  .text-programa-center {
    margin-left: -2%;
    text-align: center;
  }

  .landing_3_padding1 {
    padding-top: -50% !important;
  }

  .check_ipad {
    margin-left: -5%;
  }

  .fracciona_movil {
    font-size: 0.8em;
  }

  .padding_globo {
    padding-left: 0% !important;
  }

  .margin_movil {
    margin-left: 35% !important;
  }

  .margin_movil_2 {
    margin-left: 12% !important;
  }

  .movil_mayor_proteccion {
    margin-left: -10% !important;
    justify-content: center;
  }
}

@media (min-width: 1400px) {
  .cuerpo {
    width: 1370px;
  }
}

@media (min-width: 1169px) {
  /*Letra del boton*/
  .nav-b {
    font-size: 10px !important;
  }
}

@media (min-width: 989px) {
  /*Letra del boton*/
  .nav-b {
    margin-top: 9px !important;
    font-size: 10px !important;
  }
}

@media (min-width: 1004px) {
  /*Letra del boton*/
  .nav-b {
    margin-top: 9px im !important;
    font-size: 10px !important;
  }
}

@media (max-width: 1024px) {
  /*Boton redondeado*/
  .circle {
    margin: 0 auto !important;
  }
}

@media (min-width: 1024px) {
  /*Boton redondeado*/
  .active {
    border-bottom: 3px solid white !important;
  }
}

/*contenido secciones*/
#section1 {
  background-image: url(../images/background-nuevo-tarificador.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#section1_pagina2 {
  background-image: url(../images/background-index2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#section3_pagina2 {
  background-image: url(../images/background-section3-index2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#section1_pagina3 {
  background-image: url(../images/background-index3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 35% center;
}

#seccion_tarifa_plana {
  background-image: url(../images/imagen_tarifa_plana.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#seccion_condiciones {
  background-image: url(../images/condiciones-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 60% center;
}

/*contenido secciones*/
#section2 {
  background-image: url(../images/imagen-section-1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 20% center;
}

.borde {
  border: 4px solid #00b58c;
  border-left: none;
  border-radius: 1.8em;
  border-top-left-radius: 0em;
  border-bottom-left-radius: 0em;
}

/*Condiciones*/
.condiciones {
  word-wrap: break-word;
  font-size: 0.75em;
}

.condiciones2 {
  word-wrap: break-word;
  font-size: 0.7em;
}

/*Footer*/
footer {
  background-color: #007956 !important;
  border-top: 3px solid #00251f;
}
footer .container {
  font-family: "Open Sans" !important;
  font-size: 16px !important;
  line-height: 18px !important;
  color: white !important;
  padding: 29px 0px;
  margin: 0 auto;
}
footer .container a {
  color: white !important;
  cursor: pointer;
}
footer a:hover {
  color: white;
  font-weight: 600;
  text-decoration: none;
}
.logo_footer {
  width: 150px;
}
/*to top*/
#toTop {
  padding: 10px 20px 0;
  font-size: 50px;
  line-height: 50px;
  background: #00b58c;
  color: #fff;
  position: fixed;
  bottom: 60px;
  right: 3px;
  cursor: pointer;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  z-index: 1;
}
#toTop:hover {
  background: #007956;
  color: #ffcd00;
}

/********************************************/
/*             Botón Calcular               */
/********************************************/
button.btn {
  position: relative;
  background-image: url(../images/play-button.svg);
  background-color: #032821;
  background-size: 28px;
  font-size: 23px;
  line-height: 1.2;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-position: 85%;
  padding: 20px 110px 20px 60px;
  -webkit-box-shadow: 0px 10px 12px -6px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 12px -6px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 12px -6px rgba(0, 0, 0, 0.75);
  letter-spacing: 2px;
}

/*Boton page ventajas exclusivas*/
button.btn2 {
  position: relative;
  background-image: url(../images/play-button.svg);
  background-color: #032821;
  background-size: 28px;
  font-size: 0.7em;
  line-height: 1.2;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-position: 90%;
  padding: 15px 55px 20px 0px;
  -webkit-box-shadow: 0px 10px 12px -6px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 12px -6px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 12px -6px rgba(0, 0, 0, 0.75);
  letter-spacing: 2px;
  width: 33em;
  height: 4em;
}
.btn2hover:hover {
  background-color: #007e60;
}

.boton-externo:hover {
  cursor: pointer;
}

/*Boton page ventajas exclusivas*/
button.btn3 {
  position: relative;
  background-image: url(../images/play.png);
  background-color: #032821;
  background-size: 28px;
  font-size: 0.9em;
  line-height: 1.2;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-position: 90%;
  padding: 16px 90px 15px 30px;
  -webkit-box-shadow: 0px 10px 12px -6px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 12px -6px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 12px -6px rgba(0, 0, 0, 0.75);
}

svg {
  height: 68px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  border-radius: 50px;
}
rect {
  fill: none;
  stroke: #032821;
  stroke-width: 3;
  stroke-dasharray: 500, 0;
  transition: all 0.35s linear;
  border-radius: 50px;
}
button.btn:hover rect {
  stroke: #00b58c;
  stroke-width: 5;
  stroke-dasharray: 15, 200;
  stroke-dashoffset: 100;
  transition: all 1.35s cubic-bezier(0.5, 1, 0.5, 1);
}

img.picto {
  max-width: 60px;
  margin-right: 10px;
}
span.verde-lima {
  vertical-align: middle;
}

.features {
  border: 2px solid;
  border-radius: 25px;
  color: #000000;
}
.features p {
  font-size: 0.8em;
  color: #000000;
}
.features-item {
  text-align: center;
}
.features-item h3 {
  color: #007853;
  font-weight: bold;
}
.features-item span {
  font-size: 1.2em;
  line-height: 0;
  font-weight: 400;
}

/*------- MOBILE -------- */
@media (max-width: 1024px) {
  .h1 {
    font-size: 3.5em;
  }
  .h4,
  h4 {
    font-size: 1.3rem;
  }
  /*
  p {
    font-size: 0.9em;
  }
  */
}
@media (max-width: 768px) {
  .bg-amarillo .h2,
  .bg-gris h2,
  .bg-gris-claro h2 {
    font-size: 2.8em;
  }
}
@media (max-width: 576px) {
  #section1 {
    background-position: 65%;
  }
  .bg-amarillo .h2,
  .bg-gris h2,
  .bg-gris-claro h2 {
    font-size: 2.8em;
  }
  .h4,
  h4 {
    font-size: 1.1rem;
  }
  .h6,
  h6 {
    font-size: 0.9rem;
  }

  .img-fluid.imgregalo {
    max-width: 100%;
  }
  span.h3 {
    line-height: 1.2rem;
    font-size: 1.5em;
  }
  .features-item img.picto {
    max-width: 80px;
  }
}
@media (max-width: 376px) {
  .flecha1 {
    right: 2%;
    top: 42%;
  }
  .img-fluid.imghorneado {
    max-width: 100%;
  }
  header .logo img {
    width: 130px;
  }
  footer ul a {
    font-size: 14px;
  }
  span.h3 {
    line-height: 1.2rem;
  }
}

/********************************************/
/*             Enlaces Navbar               */
/********************************************/
.enlaces {
  font-size: 1.125em;
}

/********************************************/
/*             Seccion 2 Unifica            */
/********************************************/
#seccion-verde {
  background-image: url(../images/background-segundo-bloque.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#seccion-agrupa {
  background-image: url(../images/plan-disfruta-bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.reune {
  font-size: 1.8em !important;
  line-height: 1.2em;
}

.p_unifica {
  font-size: 1.614em;
}

/**************/
/* LI CHECKS  */
/**************/

.li_check {
  list-style-image: url(../images/landing-1-26x27v2.png);
}

.li_check_blanco {
  list-style-image: url(../images/landing-3-14x14.png);
}
.row ul.li_check_blanco li {
  color: #ffffff;
}

.li_check_blanco_experiencias {
  list-style-image: url(../images/landing-3-26x27.png);
}

.li_check_grueso {
  list-style-image: url(../images/tick.png);
}

.li_check_triangulo {
  list-style-image: url(../images/landing-1-10x18.png);
}

.frase {
  font-size: 0.9em;
}



.letra_seccion_4 {
  font-size: 0.751em;
}

.border-tab-bonificacion2 {
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

.active {
  color: white;
}

.no_active {
  color: #ffffff73 !important;
}

/*Boton redondeado*/
.circle {
  background: white;
  color: #004837 !important;
  font-size: 1em !important;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 138px;
  height: 40px;
  border-radius: 80px;
  border: 1px solid #00aa81;
  line-height: 1.1em;
  margin-top: 2%;
  margin-left: 2%;
}

/*Tamaño sub navbar*/
.sub_nav {
  font-size: small;
}

/*HR gestor personal*/
.hr-gestor {
  border-color: white;
  margin-top: 1.3rem;
}

/*IMAGENES SECCIONES */
#fondo_tarifa_plana {
  background-image: url(../images/imagen_tarifa_plana.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 450px;
}

#fondo_gestor {
  background-image: url(../images/gestor.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#fondo_doctora {
  background-image: url(../images/imagen_doctora.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#fondo_agente {
  background-image: url(../images/imagen_agente.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#fondo_familia_feliz {
  background-image: url(../images/background-familia-feliz.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#fondo_ninya {
  background-image: url(../images/background-solidario.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.padding-extrea {
  padding-bottom: 7% !important;
}

.padding_globo {
  padding-left: 17%;
}

.link_gris {
  color: black;
}

.link_gris:hover {
  background-color: inherit !important;
}

/*NAVBAR*/

.nav-a {
  padding-top: 1.8% !important;
}

.nav-b {
  padding-top: 1% !important;
  margin-bottom: 8px !important;
}

/*Al pasar raton la letra se hace mas blanca*/
.navbar-nav .nav-c:hover {
  color: white !important;
}

/*Footer quitar lo blanco*/
.navbar-brand:hover {
  background: #007956 !important;
}


.nav-d:hover {
  background: #f5f7f6;
  color: black !important;
}
.navbar-brand {
  padding-bottom: 0 !important;
}

.barra {
  padding-right: 5%;
  border-left: 2px solid #004b3a;
  height: 48px;
  margin-top: -11px;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/**********************************************/
/*****              LANDING   1            ****/
/**********************************************/
.margin-seccion-verde {
  margin-top: -4% !important;
}
/*
.cabecera_tabla {
  font-size: 2.262em;
}
*/
.columnas-plan-landing1 {
  margin-top: -8%;
  z-index: 1;
}

.primer-bloques {
  font-size: 2em;
  line-height: 1em;
  min-height: 40px;
}
.central-bloque {
  font-size: 1.2em;
  min-height: 350px;
}


.final-bloque {
  min-height: 90px;
}

/*Margin 3 bloques*/
.margin_bloques {
  margin: -21px;
}

.tercer_div {
  font-size: 0.8rem;
}

.seguros_agrupados {
  line-height: 1.2em;
  font-size: 1rem;
}
.tabla-bonificacion {
  font-size: 1rem;
}

.tres_bloques_bajo {
  padding-top: 2%;
  font-size: 1em;
}

.titulo {
  font-size: 60px;
}

.frase_landing_1 {
  font-size: 1.1em;
}

/**********************************************/
/*****              LANDING   2            ****/
/**********************************************/
.frase_landing_2 {
  font-size: 1.1em;
}

/*Tamaño letra 5 bloques de la segunda pagina*/
.letra_cinco_bloques {
  font-size: 2.7em;
}
@media (min-width: 768px) and (max-width: 992px) {
  .letra_cinco_bloques {
    font-size: 2em;
  }
}

.margin_cinco_bloques {
  /*Anteriormente estaba en 8*/
  margin-top: -5%;
  z-index: 1;
}

.dashed_segundo_div {
  border-left: dashed;
  border-right: dashed;
  border-width: thick;
  border-color: #02ac82;
}

.dashed_tercer_div {
  border-left: dashed;
  border-right: dashed;
  border-bottom: dashed;
  border-width: thick;
  border-color: #02ac82;
}


/**********************************************/
/*****              LANDING   3            ****/
/**********************************************/
.p-landing3 {
  font-size: 1.1em;
}
.landing_3_padding {
  margin-top: -4%;
}

.landing_3_padding1 {
  margin-top: -5%;
}

.border-tab-bonificacion {
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.separador-seccion {
  margin-top: -5rem;
}
.separador-seccion2 {
  padding: 10rem 0 !important;
  margin-top: -20rem;
}

.margin_landing_4 {
  margin-top: -8%;
  z-index: 1;
}

.h2_tarifa_plana {
  font-size: 1.8em;
}

.p_tarifa_plana {
  font-size: 1em;
  /*font-family: Myriad Pro;*/
}

.padding_globo_moneda {
  padding-left: 18%;
}

.margin_landing_4_seccion_6_1 {
  margin-top: -4%;
}

.seccion-amarillo {
  margin-top: -5%;
  z-index: 1;
}

@media (max-width: 575px) {
  .seccion-amarillo {
    margin-top: -20%;
  }
}


.margin_landing_4_seccion_7 {
  margin-top: -5%;
  z-index: 1;
}

.margin_landing_4_seccion_7_1 {
  margin-top: -3%;
}

.aportacion_landing_3 {
  font-size: 1.6em;
}

.p_orientacion_mediaca {
  font-size: 1rem;
}

.div_ninya_feliz {
  margin-top: -5%;
  z-index: 1;
}

.fondo_tarifa_multitranquilidad {
  background: linear-gradient(to top, white 0%, white 30%, #dddcdc 30%, #dddcdc 100% );
}

.fondo_tarifa_multitranquilidad > h2 {
  font-size: 2.8em;
}

.proteccion_h2 {
  font-size: 2.8em;
}

#ocio_y_solidaridad h3 {
  font-size: 2em;
}

.boton_escoge_experiencia {
  margin: 0 auto;
}

/* Botón Mobile */
.imagen_esquina {
  position: absolute;
  top: -60%;
  left: -40px;
  width: 247px;
}


@media (max-width: 1199px) { 
  .imagen_esquina {
    display: none;
  }
}


/*********************************************/
/*****              LANDING   4           ****/
/*********************************************/
.encabezado_condiciones {
  font-size: 3em;
}

.border_bonificacion_landing_4 {
  border: 1px solid #6d6e71;
}

.row ul li { 
  color: #5f5b57;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ styles */
  .navbar .navbar-brand .navbar-nav {
    min-width: 350px;
  }
  .bg-gris-semi-transparente {
    background-color: #dddcdc;
  }
}


/**********************************************************/
/*                                                        */
/*                    HEADER WHITE                        */  
/*                                                        */
/**********************************************************/

#header-white img {
  width: 100%;
}
#header-white h5 {
  font-weight: bold;
  margin-bottom: 0rem;
  line-height: 1.3em;
  color: #007A53;
}

#header-white h5:last-child {
  line-height: 0.7em;
}

#header-white .border-left {
  border-color: #007A53 !important;
  border-width: 2px !important;
}
#header-white button.btn.boton {
  position: relative;
  background-image: url(../images/play-button.svg);
  background-color: #032821;
  background-size: 12px;
  font-size: 1.1em;
  line-height: 1.2;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-position: 95%;
  padding: 10px 25px 10px 25px;
  -webkit-box-shadow: 0px 10px 12px -6px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 12px -6px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 12px -6px rgba(0, 0, 0, 0.75);
  letter-spacing: 2px;
  white-space: normal;
  min-height: 50px;
}

#header-white button.btn.botonlast {
  font-size: 0.8em;
  line-height: 1.2;
  border-radius: 50px;
  border: 1px solid #007956;
  background-color: #00B58C;
  padding: 7px 10px;
  background-image: none;
  min-height: 50px;
}

@media (min-width: 992px ) and (max-width: 1199px) { 
  #header-white h5 {
    font-size: 1.1rem;
  }
  #header-white h5,
  #header-white h5:last-child {
    line-height: 1.1rem;
  }
  #header-white button.btn.boton {
    min-height: 44px;
    font-size: 0.8em;
    padding: 10px 16px;
    background-position: 96%;

  }
  #header-white button.btn.botonlast {
    white-space: normal;
    padding: 5px;
    font-size: 0.5rem;
    min-height: 44px;
  }
}

@media (max-width: 991px) { 
  #header-white button.btn.boton {
    min-height: 44px;
    min-width: 110px;
    background-position: 95%;
    padding: 10px 10px 10px 10px;
    font-size: 0.8em;
  }
  #header-white h5,
  #header-white h5:last-child {
    line-height: 1.1rem;
  }
  #header-white .ultimo-boton {
    text-align: center !important;
  }
}


@media (max-width: 575px) { 
  #header-white button.btn.boton {
    min-height: 44px;
    min-width: 180px;
    padding: 10px 18px;
    background-position: 93%;
  }
  #header-white button.btn.botonlast {
    min-height: inherit;
  }

  #header-white .ultimo-boton {
    text-align: center !important;
  }
}

@media (max-width: 399px) { 

  #header-white button.btn.boton {
    min-height: 33px;
    min-width: 160px;
    padding: 0px 20px;
    background-position: 94%;
  }

  #header-white button.btn.botonlast {
    min-height: inherit;
  }
  #header-white .ultimo-boton {
    text-align: center !important;
  }
}