.smdp-guia-comercial {
    margin-top: 1.5rem;
}

.smdp-guia-categoria {
    margin: 0 0 2.75rem;
}

.smdp-guia-categoria-titulo {
    margin: 0 0 1.25rem;
    padding-bottom: .45rem;
    border-bottom: 2px solid #5574a1;
    color: #5574a1;
    font-size: 1.75rem;
    line-height: 1.25;
}

/* DOS COMERCIOS POR FILA */
.smdp-guia-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: stretch;
}

/* TARJETA */
.smdp-comercio {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 1.5rem 1.6rem;
    border: 1px solid #d7dde5;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
}

/* LOGOTIPO */
.smdp-comercio-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 230px;
    margin: 0 0 .7rem;
}

.smdp-comercio-logo img {
    display: block;
    width: auto;
    height: auto;
    max-width: 82%;
    max-height: 205px;
    object-fit: contain;
}

/* CONTENIDO */
.smdp-comercio-contenido {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

/* NOMBRE: MÁS GRANDE Y EN NEGRITA */
.smdp-comercio-nombre {
    margin: 0 0 1rem;
    padding: 0 0 .9rem;
    border-bottom: 1px solid #dfe4ea;
    color: #252525;
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

/* DATOS */
.smdp-comercio-linea {
    position: relative;
    margin: .42rem 0;
    padding-left: 2rem;
    min-height: 1.45rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.smdp-comercio a {
    color: #5574a1;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.smdp-comercio a:hover,
.smdp-comercio a:focus {
    color: #3e5e8c;
}


/*
 * ICONOS SVG
 *
 * Usamos background-image para que todos tengan exactamente
 * el mismo tamaño y color.
 */

.smdp-comercio-linea::before {
    content: "";
    position: absolute;
    left: 0;
    top: .15rem;
    width: 1.25rem;
    height: 1.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* UBICACIÓN */
.smdp-comercio-direccion::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235574a1'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E");
}

/* TELÉFONO */
.smdp-comercio-telefono::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235574a1'%3E%3Cpath d='M6.6 10.8a15.7 15.7 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.24 11.5 11.5 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.6 21 3 13.4 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.5 11.5 0 0 0 .57 3.6 1 1 0 0 1-.24 1z'/%3E%3C/svg%3E");
}

/* EMAIL */
.smdp-comercio-email::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235574a1'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E");
}

/* WEB */
.smdp-comercio-web::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235574a1'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm6.9 6h-3.1a15.7 15.7 0 0 0-1.4-3.2A8.1 8.1 0 0 1 18.9 8zM12 4c.9 1.1 1.6 2.5 2 4h-4c.4-1.5 1.1-2.9 2-4zM4.3 14A8.3 8.3 0 0 1 4 12c0-.7.1-1.4.3-2h3.4a16.3 16.3 0 0 0 0 4zm.8 2h3.1a15.7 15.7 0 0 0 1.4 3.2A8.1 8.1 0 0 1 5.1 16zM8.2 8H5.1a8.1 8.1 0 0 1 4.5-3.2A15.7 15.7 0 0 0 8.2 8zM12 20c-.9-1.1-1.6-2.5-2-4h4c-.4 1.5-1.1 2.9-2 4zm2.5-6h-5a14.2 14.2 0 0 1 0-4h5a14.2 14.2 0 0 1 0 4zm-.1 5.2a15.7 15.7 0 0 0 1.4-3.2h3.1a8.1 8.1 0 0 1-4.5 3.2zM16.3 14a16.3 16.3 0 0 0 0-4h3.4c.2.6.3 1.3.3 2s-.1 1.4-.3 2z'/%3E%3C/svg%3E");
}


/* REDES SOCIALES */
.smdp-comercio-social {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.15rem;
    margin-top: auto;
    padding-top: 1.1rem;
    border-top: 1px solid #dfe4ea;
}

.smdp-comercio-social a {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    color: #5574a1;
    text-decoration: none;
}

.smdp-comercio-social a:hover,
.smdp-comercio-social a:focus {
    opacity: .8;
}

.smdp-comercio-social svg {
    display: block;
    width: 32px;
    height: 32px;
}


/* SIN COMERCIOS */
.smdp-guia-vacia {
    margin: 1.5rem 0;
    padding: 1rem;
    border: 1px solid #d9dee5;
    border-radius: 6px;
    background: #fff;
}


/* TABLET Y MÓVIL: UN COMERCIO POR FILA */
@media (max-width: 760px) {

    .smdp-guia-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .smdp-comercio {
        padding: 1.25rem;
    }

    .smdp-comercio-logo {
        height: 190px;
    }

    .smdp-comercio-logo img {
        max-height: 175px;
    }
}


/* MÓVILES PEQUEÑOS */
@media (max-width: 480px) {

    .smdp-guia-categoria-titulo {
        font-size: 1.45rem;
    }

    .smdp-comercio {
        padding: 1rem;
    }

    .smdp-comercio-logo {
        height: 155px;
    }

    .smdp-comercio-logo img {
        max-width: 90%;
        max-height: 145px;
    }

    .smdp-comercio-nombre {
        font-size: 1.35rem;
    }

    .smdp-comercio-linea {
        padding-left: 1.8rem;
    }
}

/* Dirección en dos líneas */
.smdp-direccion-calle,
.smdp-direccion-localidad {
    display: block;
}

.smdp-direccion-localidad {
    margin-top: .08rem;
}