/**
 * Estilos para el componente Grilla
 * Componente de tarjetas personalizables con ACF
 */

.ttl-features .card-grilla .general-cards {
    padding: 0;
    color: var(--ttl-color);
    border: 1px solid var(--border-color);
}

/* Los backgrounds se aplican inline desde PHP */
.ttl-features .card-grilla .general-cards[style*="background-color"] {
    /* Asegura que los estilos inline tengan prioridad */
}

/* Header del card */
.card-header {
    height: 150px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.card-header img {
    height: 80px;
    margin: auto;
    filter: drop-shadow(4px 4px 2px black);
}

/* Ocultar bullets en listas dentro de cards */
.ttl-features .general-cards ul li::after {
    display: none;
}

.general-cards ul li{
    font-size: 24px;
}

/* Destacado block */
.destacado-block {
    padding: 16px 20px 0 20px;
    /*border-top: 1px solid currentColor;*/
}

.destacado-title {
    font-weight: 600;
    margin-bottom: 10px;
}

.destacado-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.destacado-item {
    display: flex;
    gap: 20px;
    margin-bottom: 20px!important;
    padding-left: 0!important; 
}
.destacado-txt p{
    font-family: "Andes Rounded", sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: #222;
}
.destacado-txt small{
    font-size: 20px;
    color: #7A7A7A;
}
.destacado-txt small:nth-child(2){
    font-size: 18px;
}
.destacado-item img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/* Contenido de texto */
.card-content {
    padding: 1rem;
}

.card-paragraph {
    margin-bottom: 1rem;
    font-family: "Andes Rounded", sans-serif;
}

.card-paragraph:last-child {
    margin-bottom: 0;
}

/* Footer del card */
.card-footer {
    padding: 16px 20px 16px 20px;
    color: #fff;
    margin-top: auto;
}

/* estilos de los benefinios destacados para el componente que se repite */
.ttl-features:first-of-type .card-grilla .general-cards,
.page-id-4222 .general-cards{
    align-items: center;
    justify-content: center;
}
.ttl-features:first-of-type .card-grilla .general-cards .card-paragraph,
.page-id-4222 .general-cards .card-paragraph{
    text-align: center;
}
@media(max-width: 1080px){
    .ttl-features:first-of-type .card-grilla .general-cards,
    .page-id-4222 .general-cards{
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        padding: 20px;
    }
    .ttl-features:first-of-type .card-grilla .general-cards .card-paragraph,
    .page-id-4222 .general-cards .card-paragraph{
        text-align: start;
    }
}
.ttl-features:first-of-type .card-grilla .general-cards img,
.page-id-4222 .general-cards .image-card{
    height: 56px;
    width: 56px;
    object-fit: contain;
}