:root {
    --bg-color-card-time: #a6a09c;
    --bg-color-gris: #f3f5f7;
}

.navbar.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    background: linear-gradient(to right,
            rgba(0, 0, 0, 0) 20%,
            /* Negro semitransparente */
            rgba(187, 187, 187, 0) 35%,
            /* Gris semitransparente */
            rgba(255, 255, 255, 0) 60%,
            /* Blanco más transparente */
            rgba(255, 255, 255, 0) 100%
            /* Blanco completamente transparente */
        ) !important;
    pointer-events: none;
}

.navbar .navbar-toggler {
    background-color: white;

    pointer-events: auto;
}



#menu-principal {
    background: linear-gradient(to right, black 0%, #555555 60%, rgb(110, 110, 110) 70%, white 100%);
}

#offcanvasNavegacion .offcanvas-header {
    background: linear-gradient(to right, black 0%, #555555 60%, rgb(110, 110, 110) 70%, white 100%);
}

.navbar.sticky .navbar-brand {
    opacity: 0;
}

.navbar-brand>img {
    height: 2.5rem !important;
}

#navbarSupportedContent>ul>li {
    font-size: 14px;
}

.carousel-item>img {
    height: calc(100vw / 2.4) !important;
    object-position: center;
    filter: brightness(95%);
}

.carousel-caption>p {
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    text-align: center;
}

.carousel-control-prev,
.carousel-control-next {
    opacity: 1 !important;

}

.carousel-control-prev>.carousel-control-prev-icon,
.carousel-control-next>.carousel-control-next-icon {

    width: 2.5rem;
    height: 2.5rem;

}

.container header h2 {
    display: inline-block;
    position: relative;
    padding-bottom: 0.5rem;
    line-height: .75;
}

.container header h2::after {
    content: "";
    display: block;
    width: 5.5rem;
    height: 0.15rem;
    background-color: var(--bs-danger);
    margin: 0 auto;
    margin-top: 1.65rem;
}

#nosotros,
#productos,
#servicios,
#clientes,
#proyectos {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 700px;
}

#nosotros .card {
    min-height: 10rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

#nosotros .card .card-body {}

#nosotros .card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#linea-tiempo .card-body {
    min-height: 15rem;
}

#linea-tiempo .card-body img {
    object-fit: cover;
    object-position: center;
    /*filter: brightness(0.6);*/
}

#linea-tiempo .card-body p {
    bottom: 0;
    width: 100%;
    font-size: .9rem;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    text-shadow: .0px .0px 2px rgba(0, 0, 0, 0.527);
    font-weight: bold;
}

#productos,
#productos .card,
#galeria {
    background-color: var(--bg-color-gris);
}



#productos .card,
#servicios .card,
#galeria .row .col {
    cursor: pointer;
    transition: box-shadow 0.2s ease-in-out;
}



#productos .card:hover,
#servicios .card:hover,
#galeria .row .col:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    filter: brightness(1.05);
}

#productos .card .card-img-top,
#servicios .card .card-img-top {
    width: 7rem;
    height: auto;
}

#productos .producto img {
    height: 8rem !important;
    width: auto !important;
    object-fit: contain;

}

#lista-bienes img {
    height: 7rem !important;
    object-fit: cover;
    width: auto !important;
    border-radius: 0rem;
}

#offcanvasNavegacion ul li>a {
    color: rgba(0, 0, 0, 0.65) !important;
}

#offcanvasNavegacion ul li>a.active {

    color: rgba(0, 0, 0, 1) !important;
}

/* Scroll personalizado para #clientes */

#clientes .card-container.bg-dark {
    --bs-bg-opacity: .31;
}

#clientes {
    background-color: black;
}

#clientes>section>header>h2 {
    color: white;
}

.scroll-container {
    position: relative;
    display: flex;
    width: 100%;
    height: 300px;

    /* Fondo negro */
    color: white;
    /* Texto blanco */
    align-items: center;
}

/* Contenido desplazable */
.scroll-content {
    flex: 1;
    height: 100%;
    overflow-y: hidden;
    /* Habilitar scroll en eje Y */
    padding: 5px;

    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: center;
}

.scroll-content>p {
    margin: 0rem;
    margin-bottom: 1rem;
}

.scroll-content>p:first-child {

    margin-top: .5rem;
}

.scroll-content>p:last-child {

    margin-bottom: .5rem;
}

/* Flechas (Botones) */
.scroll-buttons {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    /* Fondo igual que el contenedor */
    height: 100%;
    width: 40px;
    /* Ancho fijo para las flechas */
}

.scroll-buttons button {
    background: inherit;
    border: none;
    color: yellow;
    /* Flechas amarillas */
    font-size: 1.3rem;
    cursor: pointer;
    width: 100%;
    /* Ancho completo */


    /* Dividir espacio entre las flechas */
    display: flex;

    justify-content: center;
}

.scroll-buttons button svg {
    width: 2rem !important;
    height: auto;
}

.scroll-buttons button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

#proyectos .col {
    cursor: pointer;
}

#contactanos {
    background-color: red;
    background-repeat: no-repeat;
}


#contactanos .puntero-circulo {
    width: 3.8rem;
    height: 3.8rem;
    top: 12.2rem;
    left: 2.5rem;
}

#contactanos .puntero-circulo>div {
    width: 1.65rem;
    height: 1.65rem;
}

.project-card {
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s linear;
    background: #ffffff;

}

.project-card:hover {
    transform: scale(1.05);

}

.project-card .card-title {
    transition: color 0.3s ease;
}



.col .project-card.cartas-proyecto-imagen {
    min-height: 15rem;
}

.col .project-card.cartas-color-fondo {
    background-color: #ffe100;
}

.col .project-card.cartas-proyecto-imagen img {
    object-fit: cover;
    filter: brightness(.785);

}

.col .project-card.cartas-proyecto-imagen h5 {
    text-shadow: .0px .0px 2px rgb(0, 0, 0);

}

.project-card:hover .card-text {
    color: #495057;
}

.gallery img {
    width: 100%;
    height: auto;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.gallery img:hover {
    transform: scale(1.05);
}



.modal-content img {
    max-width: 100%;
    height: auto;
}

@counter-style custom-symbol {
    system: cyclic;
    /* Asegura que el mismo símbolo se use en todos los elementos */
    symbols: "-";
    /* Define el símbolo deseado */
    suffix: " ";
    /* Agrega un espacio después del símbolo */
}

#modalProducto ul li {
    list-style-type: custom-symbol !important;
}

@media (min-width: 370px) {
    #contactanos .puntero-circulo {

        top: 13.5rem;
        left: 2.95rem;
    }
}

@media (min-width: 420px) {
    #contactanos .puntero-circulo {

        top: 14.5rem;
        left: 3.5rem;
    }
}

@media (min-width: 440px) {
    #contactanos .puntero-circulo {

        top: 17rem;
        left: 4.2rem;
    }
}

@media (min-width: 480px) {
    #contactanos .puntero-circulo {
        top: 18rem;
        left: 4.8rem;
    }
}

@media (min-width: 540px) {
    #contactanos .puntero-circulo {
        top: 19rem;
        left: 5rem;
    }
}

@media (min-width: 576px) {
    #contactanos .puntero-circulo {
        width: 3rem;
        height: 3rem;
        top: 15rem;
        left: 2rem;
    }

    #contactanos .puntero-circulo>div {
        width: 1.1rem;
        height: 1.1rem;
    }
}

@media (min-width: 576px) {
    #contactanos .puntero-circulo {
        width: 3rem;
        height: 3rem;
        top: 15rem;
        left: 2rem;
    }

    #contactanos .puntero-circulo>div {
        width: 1.1rem;
        height: 1.1rem;
    }
}

@media (min-width: 620px) {
    #contactanos .puntero-circulo {
        top: 16.5rem;
        left: 2rem;
    }
}

@media (min-width: 676px) {
    #contactanos .puntero-circulo {
        top: 18rem;
        left: 2rem;
    }
}

@media (min-width: 720px) {
    #contactanos .puntero-circulo {
        top: 19rem;
        left: 2.2rem;
    }
}

@media (min-width: 768px) {
    #contactanos .puntero-circulo {
        top: 20rem;
        left: 2.2rem;
    }
}

@media (min-width: 820px) {
    #contactanos .puntero-circulo {
        top: 22rem;
        left: 2.5rem;
    }
}

@media (min-width: 868px) {
    #contactanos .puntero-circulo {
        top: 23rem;
        left: 3rem;
    }
}

@media (min-width: 920px) {
    #contactanos .puntero-circulo {
        top: 24rem;
        left: 3.5rem;
    }
}

@media (min-width: 968px) {
    #contactanos .puntero-circulo {
        top: 24rem;
        left: 3rem;
    }
}

@media (min-width: 992px) {
    #contactanos .puntero-circulo {
        width: 2.5rem;
        height: 2.5rem;
        top: 21.5rem;
        left: 14rem;

    }

    #contactanos .puntero-circulo>div {
        width: .65rem;
        height: .65rem;
    }



    #menu-principal {
        background: linear-gradient(to right, black 0%, black 10%, #474747 20%, rgb(206, 206, 206) 40%, rgb(233, 233, 233) 50%, white 100%);
    }

}

@media (min-width: 1020px) {
    #contactanos .puntero-circulo {
        top: 22.5rem;
        left: 15rem;
    }
}

@media (min-width: 1092px) {
    #contactanos .puntero-circulo {
        top: 23.5rem;
        left: 15.5rem;
    }
}

@media (min-width: 1120px) {
    #contactanos .puntero-circulo {
        top: 24.5rem;
        left: 16rem;
    }
}

@media (min-width: 1192px) {
    #contactanos .puntero-circulo {
        top: 25.5rem;
        left: 16.5rem;
    }
}

@media (min-width: 1200px) {
    #menu-principal {
        background: linear-gradient(to right, black 20%, #7e7e7e 35%, #d1d1d1 45%, white 60%, white 100%);
    }
}

@media (min-width: 1220px) {
    #contactanos .puntero-circulo {
        top: 26.5rem;
        left: 17.5rem;
    }
}

@media (min-width: 1292px) {
    #contactanos .puntero-circulo {
        top: 27.5rem;
        left: 18.5rem;
    }
}

@media (min-width: 1320px) {
    #contactanos .puntero-circulo {
        top: 28.5rem;
        left: 18.5rem;
    }
}

@media (min-width: 1392px) {
    #contactanos .puntero-circulo {
        top: 29.5rem;
        left: 19.5rem;
    }
}

@media (min-width: 1420px) {
    #contactanos .puntero-circulo {
        top: 30.5rem;
        left: 20rem;
    }
}

@media (min-width: 1492px) {
    #contactanos .puntero-circulo {
        top: 31.5rem;
        left: 21rem;
    }
}

@media (min-width: 1520px) {
    #contactanos .puntero-circulo {
        top: 32.5rem;
        left: 21.5rem;
    }
}

@media (min-width: 1592px) {
    #contactanos .puntero-circulo {
        top: 33.5rem;
        left: 22rem;
    }
}

@media (min-width: 1620px) {

    #contactanos .puntero-circulo {
        top: 34.5rem;
        left: 23rem;
    }
}

@media (min-width: 1692px) {
    #contactanos .puntero-circulo {
        top: 35.5rem;
        left: 24rem;
    }
}

@media (min-width: 1720px) {
    #contactanos .puntero-circulo {
        top: 36.5rem;
        left: 25rem;
    }
}

@media (min-width: 1792px) {
    #contactanos .puntero-circulo {
        top: 37.5rem;
        left: 26rem;
    }
}

@media (min-width: 1820px) {

    #contactanos .puntero-circulo {
        top: 38.5rem;
        left: 26.5rem;
    }
}

@media (min-width: 1892px) {
    #contactanos .puntero-circulo {
        top: 39.5rem;
        left: 27rem;
    }
}

@media (min-width: 1920px) {
    #contactanos .puntero-circulo {
        top: 40rem;
        left: 27rem;
    }
}

@media (min-width: 1992px) {
    #contactanos .puntero-circulo {
        top: 41.5rem;
        left: 27.5rem;
    }
}

@media (min-width: 2020px) {
    #contactanos .puntero-circulo {
        top: 42.5rem;
        left: 28.5rem;
    }
}

@media (min-width: 2092px) {
    #contactanos {
        width: 2092px !important;
    }

    #contactanos .puntero-circulo {
        top: 43rem;
        left: 29rem;
    }
}

.img-galeria-proyectos {
    max-height: 15rem;
    height: 15rem !important;
    width: auto;
    object-fit: cover;
}

#cartas-galeria .col {
    height: 20rem;

}

.img-galeria-general {
    max-height: 20rem;
    height: 20rem !important;
    width: 100%;
    object-fit: cover;
}

.img-completa {
    object-fit: contain;
}

.texto-contactanos-nav {
    color: white !important;
}

/* === GALERÍA PRINCIPAL (galleryModal) === */

/* Miniaturas */
#galleryModal .img-galeria-proyectos {
    width: 100%;
    height: auto;
    border-radius: 0.75rem;
    border: 2px solid #e0e0e0;
    box-shadow: 0 0 0.5rem #2b2a2a40;
    /* SOMBRA VISIBLE DESDE EL INICIO */
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

#galleryModal .img-galeria-proyectos:hover {
    transform: scale(0.97);
    border-color: #bbb;
    box-shadow: 0 10px 24px #2b2a2a40;
    /* SOMBRA MÁS FUERTE EN HOVER */
}


/* === MODAL INDIVIDUAL (imageModalGaleria) === */

/* Imagen ampliada */



#galleryModal .descripcion {
    color: #555;
    /* gris suave */
    background: rgba(255, 223, 128, 0.085);
    /* amarillo translúcido suave */
    padding-top: 0.5rem;
    /* solo arriba */
    padding-bottom: 0.5rem;
    /* solo abajo */
    border-radius: 0.25rem;
    /* bordes suaves */
    margin-bottom: 1rem;
    text-align: left;
}



/* Superficie oscura translúcida detrás de la imagen */
#imageModal .viewer-surface {
    background-color: rgba(0, 0, 0, 0.05) !important;
    min-height: 100vh;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

/* Imagen adaptada al viewport (sin deformar) */
#imageModal #modalImage {
    max-height: 90vh;
    max-width: 100%;
    object-fit: contain;
    border-radius: 0.75rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}

/* Botones de navegación */
#imageModal .btn-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    border-radius: 999px;
    padding: 0.6rem 0.9rem;
    background: rgba(255, 255, 255, 0.4);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
    z-index: 10;
    transition: background 0.2s ease, transform 0.2s ease;
}

#imageModal .btn-nav:hover {
    background: rgba(255, 255, 255, 0.95);
    transform: translateY(-50%) scale(1.05);
}

#imageModal .btn-nav.prev {
    left: 20px;
}

#imageModal .btn-nav.next {
    right: 20px;
}

#imageModal .btn-nav i {
    font-size: 1.6rem;
    line-height: 1;
}

/* Imagen adaptada al viewport */
#imageModal #modalImage {
    max-height: 90vh;
    max-width: 100%;
    object-fit: contain;
    border-radius: .75rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .6);
}

/* Flechas flotantes */
#imageModal .btn-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    border-radius: 999px;
    width: 48px;
    height: 48px;
    /* área clickeable grande */
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .8) !important;
    color: #111;
    /* color del trazo del SVG */
    box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
    z-index: 1060;
    /* por encima de todo */
    transition: background .2s ease, transform .2s ease;
    cursor: pointer;
}

#imageModal .btn-nav:hover {
    background: #fff;
    transform: translateY(-50%) scale(1.05);
}

#imageModal .btn-nav.prev {
    left: 20px;
}

#imageModal .btn-nav.next {
    right: 20px;
}

/* Botones de navegación: círculo perfecto */
#imageModal .btn-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1060;

    /* círculo perfecto */
    width: 2.5rem;
    height: 2.5rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    padding: 0;

    /* estilo */
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.9);
    color: #111;
    /* el SVG usa currentColor */
    border: none;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
    cursor: pointer;

    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

#imageModal .btn-nav:hover {
    background: #fff;
    transform: translateY(-50%) scale(1.05);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}



/* tamaño del ícono dentro del botón */
#imageModal .btn-nav svg {
    width: 1.6rem;
    height: 1.6rem;
}

/* accesibilidad: foco visible con teclado */
#imageModal .btn-nav:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.9);
    outline-offset: 2px;
}

/* opcional: un poco más compacto en móviles */
@media (max-width: 576px) {
    #imageModal .btn-nav {
        width: 48px;
        height: 48px;
    }

    #imageModal .btn-nav svg {
        width: 22px;
        height: 22px;
    }
}

/* Superficie oscura translúcida */
#imageModalGaleria .viewer-surface {
    background-color: rgba(0, 0, 0, 0.05) !important;
    min-height: 100vh;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

/* Imagen adaptada al viewport */
#imageModalGaleria #modalImageGaleria {
    max-height: 90vh;
    max-width: 100%;
    object-fit: contain;
    border-radius: .75rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .6);
}

/* Botones de navegación: círculo perfecto */
#imageModalGaleria .btn-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1060;

    /* círculo perfecto */
    width: 2.5rem;
    height: 2.5rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    padding: 0;

    /* estilo */
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.9);
    color: #111;
    /* el SVG usa currentColor */
    border: none;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
    cursor: pointer;

    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

#imageModalGaleria .btn-nav:hover {
    background: #fff;
    transform: translateY(-50%) scale(1.05);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}

#imageModalGaleria .btn-nav.prev {
    left: 20px;
}

#imageModalGaleria .btn-nav.next {
    right: 20px;
}

#imageModalGaleria .btn-nav svg {
    width: 26px;
    height: 26px;
}

/* Título superior con degradado sutil para legibilidad */
#imageModalGaleria #overlayTituloGaleria {
    background: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
}

/* Descripción inferior con degradado sutil (respeta tu font-size) */
#imageModalGaleria #overlayDescripcionGaleria {
    background: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
}

/* Garantiza el stacking */
#imageModalGaleria .modal-content {
    position: relative;
}

#imageModalGaleria .btn-close {
    z-index: 2002;
}

/* X arriba de todo */
#imageModalGaleria .btn-nav {
    z-index: 2001;
}

.social-float {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 999;
}

.social-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: none;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s, opacity 0.3s;
}

.social-btn:hover {
    transform: scale(1.1);
}

.main-btn {
    background-color: red;
    box-shadow: 0 0 .35rem rgba(0, 0, 0, 0.45),
        0 0 2rem rgba(0, 0, 0, 0.35);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.main-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 0px 8rem rgba(0, 0, 0, 0.3),
        0 .3rem .6rem rgba(0, 0, 0, 0.2);
}


.fb {
    background-color: #1877f2;
}

.ig {
    background-color: #e4405f;
}

.wa {
    background-color: #25d366;
}

.li {
    background-color: #0077b5;
}

.phone {
    background-color: #0dcaf0;
}

.mail {
    background-color: #ffb703;
}

.social-icons {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 60px;
    right: 0;
    gap: 10px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
    transition: all 0.3s ease;
}

.social-icons.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.bi {
    font-size: 1.4rem;
}

/* ===== Sombra suave tipo Material Design ===== */
.shadow-soft {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.shadow-soft:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
}

/* ===== Íconos de redes sociales ===== */
.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    color: white;
    font-size: 1.3rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.social-icon:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

.wa {
    background-color: #25d366;
}

.li {
    background-color: #0077b5;
}

.ig {
    background-color: #e4405f;
}

.fb {
    background-color: #1877f2;
}

/* 🖼️ Ajuste general de las tarjetas */
#linea-tiempo .card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#linea-tiempo .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* 📸 Contenedor de imagen: ancho completo y altura fija */
.card-img-container {
    width: 100%;
    height: 230px;
    /* 🔧 puedes ajustar esta altura manualmente */
    overflow: hidden;
    position: relative;
}

/* 🧩 Imagen interna: nunca deformar ni recortar */
.imagen-evento {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    background-color: white;
    /* Fondo neutro para imágenes con transparencia */
    padding: 8px;
}

/* 🕓 Texto del año */
#linea-tiempo p.fw-bold {
    font-size: 1.1rem;
    color: #444;
}

/* 📜 Descripción */
#linea-tiempo .card-footer p {
    color: #666;
    line-height: 1.4;
}