.portfolio-item {
    margin-bottom: 25px;
}

.footer-blurb {
    padding: 30px 0;
    text-align: center;
    background-color: lightskyblue;
}

.footer-blurb h3 {
    color: midnightblue;
}
    
.footer-blurb-item {
    padding: 30px 0;
}

.copyright {
    background-color: #fff;
    text-align: center;
    padding: 30px 0;
}

.h3, h3 {
    font-size: 18px;
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.h1, h2 {
    font-size: 20px;
}

body {
    padding-top: 70px; /* Ajuste para el navbar fijo */
}

.navbar-brand {
    font-size: 18px; /* Tamaño de fuente del navbar-brand */
}


.portfolio-item {
    margin-bottom: 30px;
}

.portfolio-item img {
    width: 100%;
    height: auto;
}

.page-header {
    margin: 28px 0 20px;
    color: #333;
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem;
    font-size: 14px;
}

.badge.bg-success {
    font-size: 16px;
    background-color: #007bff !important; /* Asegura que el color de fondo se aplique */
    padding: 6px 12px;
    border-radius: 5px;
    margin-top: 12px;
    color:#fff !important;
}

.scroll-btns-container {
        padding: 10px; /* Espacio alrededor de los botones */
        text-align: center; /* Alineación centrada de los botones */
    }

    .scroll-btns-container .scroll-btn {
        background-color: #ffffff; /* Color de fondo blanco para los botones */
        color: #007bff; /* Color de texto azul */
        border: none; /* Sin borde */
        padding: 10px 20px; /* Padding interno */
        margin: 0 5px; /* Margen entre los botones */
        cursor: pointer; /* Cambia el cursor al pasar sobre los botones */
        border-radius: 5px; /* Bordes redondeados */
        transition: background-color 0.3s, color 0.3s; /* Transición suave de colores */
    }

    .scroll-btns-container .scroll-btn:hover {
        background-color: #0056b3; /* Color de fondo azul más oscuro al pasar el cursor */
        color: #ffffff; /* Color de texto blanco al pasar el cursor */
    }
	
	  .alert-yellow {
            background-color: #fff3cd;
            border-color: #ffeeba;
            color: #856404;
        }