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;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #004fa5;
}
h1 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #004fa5;
    font-size: 30px;
    text-align: center;
    font-weight: bolder;
    padding-top: 15px;
   
}
h5 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #004fa5;
    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: #004fa5;
    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:#004fa5;
}
a.enlace_wp {
	text-decoration: none;
	color: #39B6CD;
	
}
a:hover.enlace_wp {
	text-decoration: none;
	color: #13293D;
	
}
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: #004fa5;
}
#nav_links .nav-link:hover {

    color:grey;   
    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:#39B6CD;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	margin-bottom: 20px;

}
  #siniestros_fondo{
    background-image: url(img/siniestro_autos_4.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;
    
  }
  .siniestros_tit{
    color: #FFFFFF;
    text-align: center;
    font-weight: bolder;
    font-size: 40px;
   
  }
  #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: #ffffff;
    font-size: 16px;
    text-align: center;
    display: block;
    background-color: #004fa5;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px;
}
#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: #004fa5;
    font-size: 20px;
    font-weight: bold;

}
.item {
    padding: 10px 0; /* Espaciado interno arriba y abajo */
    border-bottom: 1px solid #e0e0e0; /* Línea divisoria fina y gris clara */
}

.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: #004fa5;
    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;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: lighter;
    padding-left: 15px;
    text-decoration: none;

  }