/* --- Estilos para Ghost Loading / Skeleton Screens --- */

/* Contenedor que está cargando */
.is-loading {
    /* Puedes añadir estilos al contenedor si es necesario */
}

/* Elementos fantasma base */
.is-loading .ghost-image,
.is-loading .ghost-text,
.is-loading .ghost-button {
    background: linear-gradient(75deg, #0000001A 25%, #f0f0f01A 50%, #0000001A 75%);
    background-size: 200% 100%;
    border-radius: 4px;
    animation: shimmer 1.5s infinite linear;
}

@keyframes shimmer {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: -100% 0;
    }
}

/* Formas específicas de los fantasmas */
.is-loading .ghost-image {
    width: 100%;
    height: 200px;
    margin-bottom: 15px;
}

.is-loading .ghost-text {
    height: 1em;
    margin-bottom: 10px;
}

/* Modificadores de ancho para el texto fantasma */
.is-loading .ghost-text.short { width: 40%; }
.is-loading .ghost-text.medium { width: 80%; }
.is-loading .ghost-text.long { width: 100%; }

.is-loading .ghost-button {
    width: 120px;
    height: 38px;
    border-radius: 3px;
    margin-top: 15px;
}

.hero-content-ghost{
    /*height: 50vh;*/
    width: 90%;
    max-width: 850px;
}

.hero-content-ghost .ghost-image{
    width: 50%;
    max-width: 300px;
    height:225px ;
    margin: 0 auto 1rem;
}


/* --- Estilos específicos para la TARJETA FANTASMA de TEAM --- */

.team-member-card.is-loading {
    padding: 1rem;
    margin: 3rem auto;
    flex: 0 0 25%;
    max-width: 300px;
    height: 600px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
    background: rgba(255, 255, 255, .5);
}

/* Estilos para los elementos internos del esqueleto del equipo */
.is-loading .ghost-image {
    width: 100%;
    height: 400px;
}

.is-loading .ghost-text.medium {
    width: 80%;
    margin: 0 auto 10px auto; /* Centrar textos */
}

.is-loading .ghost-text.short {
    width: 60%;
    margin: 0 auto; /* Centrar textos */
}


.titleBig{
    height: 5rem !important;
    width: 50%;
    margin: 0 auto;
}