body{
    background-color: #FFFFFF;
    padding-top: 110px; /* Ajusta este valor según la altura de tu navbar */
}
html {
    scroll-behavior: smooth;
  }
   
.container-fluid {
    padding: 0 !important;
    margin: 0 !important;
}

h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #12293d;    
}
h2 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #00ace4;
    font-weight: bolder;
    text-align: center;
}

h3 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #00ace4;
    font-weight: bold;
    text-align: center;
}
h1 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #12293d;
    font-size: 30px;
    text-align: center;
    font-weight: bolder;
    padding-top: 15px;
   
}
h5 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #12293d;
    font-size: 15px;
    text-align: center;
    font-weight: bolder;
    padding-top: 15px;
   
}

p {
    font-family: 'Source Sans Pro', sans-serif;
    padding-left: 15px;
    padding-right: 15px; 
}

header{
    background-color: #FFFFFF;
    margin-left: 30px;
}
#barra_superior {
    background-color: #12293d;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px; 
    display: flex; /* Usa Flexbox para distribuir los elementos */
    flex-wrap: wrap; /* Permite que los elementos salten a una nueva línea en pantallas pequeñas */
    align-items: center; /* Centra verticalmente los elementos */
    padding: 5px 0; /* Espacio adicional dentro del contenedor */
    gap: 10px; /* Espacio entre las columnas para evitar que se amontonen */
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1040; /* Asegúrate de que esté por encima de la navbar */
        
}


.p_barra_superior {
    margin-bottom: 0; /* Elimina el margen inferior del párrafo */
    white-space: nowrap; /* Evita que el texto se divida en palabras individuales */
    overflow: hidden; /* Previene el desbordamiento de texto */
    text-overflow: ellipsis; /* Muestra puntos suspensivos si el texto es demasiado largo */
    max-width: 100%; /* Asegura que el texto no exceda el ancho de su contenedor */
    font-family: 'Source Sans Pro', sans-serif;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: lighter;
    padding-left: 15px;
}

#barra_inferior{
    background-color: #3a9ecf;
    height: auto;
    margin-top: 20px;
    padding-top: 5px;
    
}
.p_barra_inferior {
    
    font-family: 'Source Sans Pro', sans-serif;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: lighter;
    text-align: center;
}

#nav_logo{
    height: auto;
    margin-left: 20px; /* Ajusta este valor según sea necesario */
}
@media (max-width: 768px) {
    #nav_logo {
        margin-left: 10px; /* Reduce el margen en pantallas más pequeñas */
    }
}

@media (max-width: 576px) {
    #nav_logo {
        margin-left: 5px; /* Aún más pequeño en dispositivos móviles */
    }
}
.navbar{
    z-index: 1030; /* Asegúrate de que la navbar esté sobre el contenido */
    top: 50px;
    padding-left: 15px; /* Añade un poco de padding al contenedor de la navbar */

}
.navbar.bg-light {
    background-color: #f8f9fa !important; /* Color claro */
}

#navbar ul li a:hover{	
	color:#12293d;
}
header .navbar {
	background-color: transparent !important;
}


#nav_links .nav-link {
    margin-right: 40px; /* Ajusta el valor según la cantidad de espacio deseado */
}

#nav_links .nav-link{
    color: #12293d;
}
#nav_links .nav-link:hover {

    color:#00ace4;   
    transition-property: color;
    transition-duration: 1s;
    transition-timing-function: ease-out;
}
.recuadro{
    border: 1px solid #e0e0e0;
    border-radius: 10px;    
    margin-bottom: 15px;
    padding-top: 15px;
}

#quienes_somos{
    margin-top: 70px;
    height: auto;
    margin-bottom: 15px;
   

}
#companias{
    margin-top: 15px;
    height: auto;
    margin-bottom: 15px;

}
#coberturas{
    margin-top: 15px;
    height: auto;
    margin-bottom: 15px;

}
#siniestros{
    margin-top: 15px;
    height: auto;
    margin-bottom: 15px;

}

.linea_separadora{
    height: 1px;
	background-color:#00ace4;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	margin-bottom: 20px;

}
  #siniestros_fondo{
    background-image: url(img/siniestro_autos_1.png);
    height: auto;
    background-repeat: no-repeat;
	background-size: cover;

  }
 .siniestros_txt{
    color: #FFFFFF;
    text-align: center;
    font-weight: bolder;
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);

    
  }
  .siniestros_tit{
    color: #FFFFFF;
    text-align: center;
    font-weight: bolder;
    font-size: 40px;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
   
  }
  #contenido_denuncia_siniestro{
    padding-top: 20px;
    padding-bottom: 20px;
    
  }
  a.btn_siniestros{

    font-family: 'Source Sans Pro', sans-serif;
    width: 200px;
    text-decoration: none;
    margin-bottom: 22px;
    height: auto;
    color: #12293d;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    display: block;
    background-color: #00ace4;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);


}
#coberturas .flex-grow-1 {
    text-align: center;
    padding: 20px;
    background-color: #f8f9fa; 
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: box-shadow 0.3s ease; /* Transición suave para el efecto de sombra */
    margin: 10px; /* Espacio adicional para separar los divs */

}


#coberturas .flex-grow-1:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.35); /* Sombra gris suave al hacer hover */
   
}
.lista_coberturas{
	list-style-type: circle;    
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}
.coberturas_tit{
    font-family: 'Source Sans Pro', sans-serif;
    color: #12293d;
    font-size: 20px;
    font-weight: bold;

}
.item {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
}

/* SOLO para los links */
.item-link {
  text-decoration: none;
  color: inherit;
}

.item-link:visited,
.item-link:hover,
.item-link:active {
  text-decoration: none;
  color: inherit;
}

/* opcional: indicar que es clickeable */
.item-link:hover {
  cursor: pointer;
  background-color: #f7f7f7;
}

.item:last-child {
    border-bottom: none; /* Elimina la línea divisoria del último ítem de cada sección */
}

a.btn_cotizacion {
    font-family: 'Source Sans Pro', sans-serif;
    max-width: 300px; /* Asegura que el botón no exceda este ancho */
    text-decoration: none;
    margin: 0 auto 5px auto; /* Centra y ajusta el margen inferior */
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    display: block;
    background-color: #12293d;
    padding-left: 20px; 
    padding-right: 20px;
    padding-top: 10px; 
    padding-bottom: 10px;
    border-radius: 10px;
}

.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000; /* Para asegurarse de que esté por encima de otros elementos */
    cursor: pointer;
    transition: transform 0.3s;
}

.whatsapp-float img {
    width: 80px; /* Ajusta el tamaño según tus necesidades */
    height: 80px;
    border-radius: 50%;
}

.whatsapp-float:hover {
    transform: scale(1.1); /* Efecto de agrandamiento al pasar el cursor */
}
@media (max-width: 576px) {
    .navbar-toggler {
        margin-right: 10px; /* Cambia este valor según el espacio que necesites */
    }
}
#contenido_enviado{

    height: 400px;
  }
  #txt_enviado{
    font-family: 'Source Sans Pro', sans-serif;
    color: #212934;
    font-size: 30px;
    text-align: center; 
    padding-top: 30px;
    
  }
  a.link_pie{
    margin-bottom: 0; /* Elimina el margen inferior del párrafo */
    white-space: nowrap; /* Evita que el texto se divida en palabras individuales */
    overflow: hidden; /* Previene el desbordamiento de texto */
    text-overflow: ellipsis; /* Muestra puntos suspensivos si el texto es demasiado largo */
    max-width: 100%; /* Asegura que el texto no exceda el ancho de su contenedor */
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: lighter;
    padding-left: 15px;
    text-decoration: none;

  }
  .txt_pie_grupo_sinergia{
    
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 11px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px; 
}
a.link_redes{
    margin-bottom: 0; /* Elimina el margen inferior del párrafo */
    white-space: nowrap; /* Evita que el texto se divida en palabras individuales */
    overflow: hidden; /* Previene el desbordamiento de texto */
    text-overflow: ellipsis; /* Muestra puntos suspensivos si el texto es demasiado largo */
    max-width: 100%; /* Asegura que el texto no exceda el ancho de su contenedor */
    font-family: 'Source Sans Pro', sans-serif;
    color: #00ace4;
    font-size: 15px;
    font-weight: lighter;
    padding-left: 15px;
    text-decoration: none;

}
.btn-primary {
  background-color: #12293d; 
   
}

.btn-primary:hover {
  background-color: #00ace4;
  border-color: #00ace4;
}
.btn-cotizar {
    background-color: #00AEEF;
    color: #fff !important;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
  }

  .btn-cotizar:hover {
    background-color: #008FC1;
  }