/* Estilos generales */
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
}

/* Colores principales */
:root {
    --principal: rgb(233, 57, 44);
    --secundario: rgb(200, 50, 40);
}

.bg-principal {
    background-color: var(--principal) !important;
}

.text-principal {
    color: var(--principal) !important;
}

/* Navbar */
.navbar {
    padding: 1rem;
}

.navbar-brand {
    font-size: 28px;
    font-weight: bold;
}

/* Botones */
.btn-danger, .btn-primary {
    padding: 10px 20px;
    font-size: 1.2rem;
    border-radius: 5px;
}

/* Servicios */
#servicios {
    text-align: center;
}

#servicios a {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 15px;
    font-size: 1.2rem;
    background-color: var(--principal);
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

#servicios a:hover {
    background-color: var(--secundario);
}

/* Footer */
footer {
    padding: 20px 0;
    text-align: center;
    margin-top: 20px;
}

.navbar-nav .nav-link {
    text-shadow: 1px 1px 0 black;
}

/* Ajuste del tamaño del logo */
.logo {
    height: 200px; /* Tamaño por defecto */
}

/* Ajuste del texto en la navbar */
.brand-text {
    font-size: 3.5rem; /* Tamaño normal */
    font-weight: bold;

}

/* Ajustes para móviles */
@media (max-width: 768px) {
    .logo {
        height: 90px; /* Reduce el tamaño en móviles */
    }
    .brand-text {
        font-size: 3.0rem; /* Reduce el tamaño del texto en móviles */
        font-weight: bold;

    }
}

h3 {
    font-size: 1.5rem;  /* Tamaño de la fuente */
    color: rgb(233, 57, 44);     /* Color del texto */
    font-weight: bold;  /* Negrita */
}