/* Estilos para el navbar principal */
.main-header {
    background-color: #343a40; /* Color de fondo oscuro */
    color: #ffffff; /* Color del texto */
    padding: 0.5rem 1rem; /* Espaciado interno */
    border-bottom: 1px solid #495057; /* Borde inferior */
}

/* Estilos para los enlaces del navbar */
.main-header .navbar-nav .nav-link {
    color: #ffffff; /* Color del texto del menú */
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
}

.main-header .navbar-nav .nav-link:hover,
.main-header .navbar-nav .nav-link.active {
    background-color: #818181; /* Color de fondo al pasar el ratón o activo */
    color: #ffffff; /* Color del texto al pasar el ratón o activo */
    font-weight: bold;
}

/* Estilos para los iconos del navbar */
.main-header .navbar-nav .nav-link i {
    margin-right: 0.5rem;
}

/* Estilos para los botones del navbar */
.main-header .navbar-nav .nav-link[data-widget="fullscreen"],
.main-header .navbar-nav .nav-link[data-widget="control-sidebar"],
.main-header .navbar-nav .nav-link[data-widget="pushmenu"] {
    font-size: 1.25rem;
}

/* Estilos para el carrusel */
.carousel-inner img {
    height: 400px; /* Ajusta la altura del carrusel */
    object-fit: cover; /* Asegura que la imagen cubra todo el espacio */
}

/* Estilos para las tarjetas */
.card {
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
}

.card:hover {
    transform: translateY(-10px);
}

.card-body {
    background-color: transparent;
}

.card-title {
    font-size: 1.5rem;
    font-weight: bold;
}

.card-text {
    font-size: 1rem;
    color: #6c757d;
}

/* Estilos para el acordeón */
.accordion {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}

.accordion-item {
    background-size: cover;
    background-position: center;
    width: 33.33%;
    height: 300px;
    transition: width 0.5s;
    overflow: hidden;
    position: relative;
    color: white;
    text-align: center;
}

.accordion-item:hover {
    width: 50%;
}

.accordion-title {
    position: absolute;
    bottom: 50px;
    width: 100%;
    opacity: 0;
    transition: opacity 0.5s;
    font-size: 1.25rem;
    font-weight: bold;
}

.accordion-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.5s;
    font-size: 1rem;
}

.accordion-item:hover .accordion-title,
.accordion-item:hover .accordion-content {
    opacity: 1;
}

/* Estilos para el footer principal */
.main-footer {
    background-color: #343a40; /* Color de fondo oscuro */
    color: #ffffff; /* Color del texto */
    padding: 1rem 1.5rem; /* Espaciado interno */
    border-top: 1px solid #495057; /* Borde superior */
    text-align: left; /* Alineación del texto por defecto */
    position: relative; /* Posición relativa para el float-right */
}

/* Estilos para el texto a la derecha */
.main-footer .float-right {
    float: right;
    color: #ffffff; /* Color del texto */
    font-size: 0.9rem; /* Tamaño del texto */
}

/* Estilos para el enlace en el footer */
.main-footer a {
    color: #007bff; /* Color del enlace */
    text-decoration: none; /* Sin subrayado */
}

.main-footer a:hover {
    text-decoration: underline; /* Subrayado al pasar el ratón */
}

/* Estilos para el texto fuerte */
.main-footer strong {
    font-weight: bold; /* Texto en negrita */
}

/* Estilos para el texto por defecto */
.main-footer {
    font-size: 0.9rem; /* Tamaño del texto */
}