/*====================================
 TARJETAS DEL MERCADO - RESPONSIVO
=====================================*/
@media (max-width:768px){

.mercado-imagen{

    border-radius:22px;

}

.mercado-info{

    left:18px;
    right:18px;
    bottom:18px;
    z-index:5;

}

/* Etiqueta superior */

.mercado-tag{

    font-size:.72rem;
    padding:8px 16px;
    letter-spacing:1px;
    margin-bottom:12px;

}

/* Título */

.mercado-info h2{

    font-size:1.5rem !important;
    line-height:1.05;
    margin-bottom:15px;
    color:#fff !important;
    text-shadow:0 4px 18px rgba(0,0,0,.95);

}

/* Iconos */

.mercado-icons{

    gap:12px;
    margin-top:12px;

}

.mercado-icons span{

    font-size:.95rem;
    color:#fff !important;
    text-shadow:0 3px 12px rgba(0,0,0,.95);

}

.mercado-icons i{

    font-size:18px;
    color:#fff !important;

}

}

@media (max-width:768px){

.mercado-imagen{

    width:90%;
    max-width:360px;

    height:400px;      /* ← controla la altura */

    margin:35px auto 20px;

    border-radius:22px;

    overflow:hidden;

}

.mercado-imagen img{

    width:100%;
    height:100%;

    object-fit:cover;      /* llena el espacio */
    object-position:center; /* centra la imagen */

}

}

.mercado-info{

    left:22px;
    right:22px;
    bottom:22px;

}

.mercado-info h2{

    font-size:2.2rem;

}

.mercado-icons span{

    font-size:.95rem;

}



/*====================================
 TÍTULO DE SECCIÓN RESPONSIVO
=====================================*/

@media (max-width:768px){

    .info-title{

        padding:0 12px;
        margin-bottom:15px;

    }

    .info-title h2{

        font-size:1.9rem !important;
        line-height:1.8;
        letter-spacing:0;

        margin-bottom:12px;

    }

    .info-title p{

        font-size:1rem;

        line-height:1.7;

        max-width:320px;

        margin:0 auto;

        color:#666;

    }

}

/*====================================
 TARJETA TRASERA RESPONSIVA
=====================================*/
@media (max-width:768px){

.feature-card{

    height:240px;

}

.feature-back{

    padding:22px 18px 55px;

    justify-content:flex-start;

    align-items:center;

}

.feature-back p{

    font-size:1rem !important;

    line-height:1.75;

    max-width:92%;

    margin:0 auto;

    text-align:center;

}

/* Icono inferior */

.feature-icon{

    position:absolute;

    left:50%;

top:180px;    /* Súbelo más */

    transform:translateX(-50%);

}
.feature-icon i{

    font-size:42px;

}

}