/* styles.css */


body p{
    font-size: 1rem!important; /* Tamaño del texto del cuerpo */
    text-align: justify!important;
    }

#texto{
    padding-top: 1rem;
}


/* Ajuste de fuente para pantallas medianas */
@media (max-width: 768px) {
    body {
        font-size: 0.95rem; /* Reduce ligeramente en tablets */
    }
}

/* Ajuste de fuente para pantallas pequeñas */
@media (max-width: 576px) {
    body {
        font-size: 0.9rem; /* Reduce aún más en móviles */
    }
}


 nav a{
    font-family: cinzel;
 }
   header h1 {
        font-size: 2rem!important; /* Tamaño del encabezado H1 */
        letter-spacing: 1.5px;
        font-family: Dancing Script;
        
        
    }

   header h2{
        margin-bottom: 0!important;
        letter-spacing: 2px;
        font-family: Dancing Script;
    }

    button{
        letter-spacing: 2px;
    }

#fondo{
    width: 100%;
    height: 70vh;
    background-size: cover; /* Asegura que la imagen cubra todo el contenedor */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
     /* Altura completa de la ventana del navegador */
    margin: 0; /* Elimina el margen por defecto */
    background-image: url('../img/img10.webp');
    
}


#fila1{
    height: 20%;
    width: 100%;
}

#fila2{
    height: 45%;
    text-align: right;
    width: 100%;
    align-items: center;
    
    
    
}

#contenedor-fila2{
    padding-top: 2rem;
    padding-right: 2rem;
    
}
#fila3{
    height: 35%;
    width: 100%;
    text-align: right;
    justify-content: end;
    align-items: top;
   
}

/*fin de header, comienza el main*/


#contenedor-conocenos{
    padding: 3rem 1rem 1rem 1rem;
    text-align: center;
}

#contenedor-conocenos h2 {
    margin-bottom: 0!important;
}
#contenedor-servicios{
    padding: 3rem 1rem 1rem 1rem;
    text-align: center;
}

#contenedor-servicios h2 {
    margin-bottom: 0!important;
}
/* Estilos para las tablas */
.table {
    table-layout: fixed; /* Fija el ancho de las columnas */
    width: 100%; /* Asegura que la tabla ocupe todo el ancho del contenedor */
}

/* Ajusta el ancho de las columnas */
.table th:first-child, .table td:first-child {
    width: 65%; /* Primera columna al 70% */
}

.table th:last-child, .table td:last-child {
    width: 35%; /* Segunda columna al 30% */
}

/* Opcional: Alineación de texto */
.table th, .table td {
    text-align: left; /* Alinea el contenido de las celdas a la izquierda */
}



#contenedor-donde{
    height: 40rem;
    width: 100%;
    background-attachment: fixed;
    background-size: cover; /* Asegura que la imagen cubra todo el contenedor */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    background-image: url('../img/img1.webp');
    color: white;
}

#contenedor-donde h2 {
    margin-bottom: 0!important;
}

#donde{
    height: 100%;
    width: 100%;
    padding: 1.5rem;
    text-align: center;
    background-color: rgba(53, 18, 18, 0.596);


}
#donde-int{
    margin: auto;
    justify-content: space-around;
}

#donde-int1{
    padding: 1rem;
    height: 50%;
}
#donde-int2{
    padding: 1rem;
    height: 50%;
}
#mapa{
        border: 2px solid black!important; /* Ajusta el grosor y color del borde */ 
        padding: 1rem;
}


#espacio{
    height: 5rem;
}

#contenedor-carrusel{
    padding: 3rem 1rem 1rem 1rem;
    text-align: center; 

}
#contenedor-carrusel h2 {
    margin-bottom: 0!important;
}



#contenedor-carrusel .carousel-inner img {
    max-width: 80%; /* Ajusta este valor para hacer las imágenes más pequeñas */
    height: auto; /* Mantiene la relación de aspecto */
    margin: 0 auto; /* Centra la imagen */
    display: block; /* Asegura que se trate como un bloque para el centrado */
    padding-top: 0.5rem;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: black!important; /* Cambia el color de fondo de las flechas a negro */
    border-radius: 20%; /* Opción para hacer las flechas más redondeadas */
}

.boton_whatsapp{
    width: 2.5rem;
    height: 2.5rem;
    position: fixed;
    z-index: 1000;
    top:85%;
    right: 8px;   
    
}

/* Estilo para el footer */
.footer {
    background-color: #000; /* Fondo negro */
    color: #fff; /* Texto en blanco */
    bottom: 0;
    width: 100%;
  }
  
  .footer a {
    color: #fff; /* Íconos en blanco */
  }
  
  .footer a:hover {
    color: #ccc; /* Color de íconos al pasar el mouse */
  }

  /* Ajusta el tamaño de texto y asegura que el footer esté en la parte inferior */
.small-text p {
    font-size: 0.8rem; /* Tamaño de texto más pequeño */
    margin: 0; /* Elimina el margen del párrafo */
}

#derechos p {
padding: 1rem 0 0 0;
font-size: 14px!important;
}