/* CSS específico para las experiencias de comunidad con timing optimizado para 6 tarjetas */

/* Remover animation-delay para dejar que GSAP maneje las animaciones */
/* Las animaciones CSS pueden interferir con GSAP */

/* Grid personalizado para las proporciones específicas */
@media (min-width: 768px) {
    /* Primera fila: 2/5 + 2/5 + 1/5 */
    .experiences-row-1 {
        display: grid;
        grid-template-columns: 2fr 2fr 1fr;
        gap: 1.5rem;
    }
    
    /* Segunda fila: 2/5 + 1/5 + 2/5 */
    .experiences-row-2 {
        display: grid;
        grid-template-columns: 2fr 1fr 2fr;
        gap: 1.5rem;
    }
}

/* Asegurar que las tarjetas más pequeñas tengan contenido centrado */
.property-card.col-span-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* Ajustes para tarjetas más grandes */
.property-card.md\:col-span-2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
}

/* Responsive para móviles */
@media (max-width: 767px) {
    .property-card {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}