/* Fuentes generales */
body {
    font-family: 'Lora', serif;
    font-size: 16px;
    color: #333;
}

/* Encabezados */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #222;
}

/* Subtítulos o descripciones */
h3.section-subheading {
    font-family: 'Lora', serif;
    font-style: italic;
    font-weight: 400;
    color: #666;
}

/* Botones */
.btn {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    color: #ffffff;
    background-color: #F29F05;
    border: transparent;
}

#bienvenido {
    text-align: center;
    top: 50%;
    position: relative;
    font-size: 80px;
    color: #5588aa;
    animation: tenue 1s alternate infinite;
}

@keyframes tenue {
    from { opacity: 1; }
    to { opacity: 0.5; }
}

.seccion-inicial {
    height: 50vh;
}

footer {
    height: 15vh;
    background-color: #555555;
    color: #eeeeee;
    text-align: center;
    font-size: 24px;
}

.fa-stack {
    width: 6em;
    height: 6em;
    line-height: 6em;
}

.fa-stack-1x {
    font-size: 4em !important; /* Ajusta según necesidad */
}


.icon-container {
    width: 150px;
    height: 150px;
    background-color: #F29F05; /* Color del círculo */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 auto 15px;
}

.icon-container i {
    color: white;
    font-size: 60px; /* Tamaño del ícono */
}

.contenedor-catalogo {
    min-height: 85vh;
}

.titulo-tabla {
    text-align: center;
    font-size: 24px;
}

.texto-tabla {
    text-align: center;
    font-size: 20px;
}

.tabla-angosta {
    width: 70%;
    margin: auto;
}

.boton-mas {
    font-size: 30px;
}

.form-inline {
    display: inline-block;
}

.float-right {
    float: right;
}
/*************** BOOTSTRAP ***************/
.navbar {
    position: fixed;
    width: 100%;
    background-color: aliceblue;
    box-shadow: 5px 5px 15px #777777;
}