/* Responsive compartido para páginas individuales de comercios. */
.detalle-horarios {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.horarios-bermudez-responsive {
    display: none !important;
}

@media (max-width: 1000px) {
    .horarios-bermudez-escritorio {
        display: none !important;
    }

    .contacto-comercio .horarios-bermudez-responsive {
        display: flex !important;
    }

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .banner,
    .banner img {
        width: 100%;
        height: clamp(150px, 45vw, 280px);
    }

    .banner img {
        object-fit: cover;
    }

    .menu-superior {
        box-sizing: border-box;
        width: 100%;
        flex-direction: column;
        gap: 11px;
        padding: 11px 16px 13px;
    }

    .links-menu {
        width: 100%;
        display: flex;
        justify-content: center;
        gap: clamp(14px, 5vw, 30px);
    }

    .links-menu a {
        margin: 0;
        font-size: 13px;
        white-space: nowrap;
    }

    .buscador {
        width: min(100%, 560px);
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 7px;
    }

    .buscador input {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
    }

    .buscador button {
        padding: 0 15px;
    }

    .cabecera-comercio {
        box-sizing: border-box;
        width: 100%;
        margin-top: 0;
        padding: 14px clamp(16px, 4vw, 28px);
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px 28px;
    }

    .logo-comercio {
        display: flex;
        justify-content: center;
    }

    .logo-comercio img[src*="imagenes/Andres/logo.png"] {
        height: 28px;
        width: auto;
    }

    .logo-comercio img[src*="imagenes/Bautista/logo.png"] {
        height: 33px;
        width: auto;
    }

    .logo-comercio img[src*="imagenes/Chichi/logo.png"] {
        height: 32px;
        width: auto;
    }

    .logo-comercio img[src*="imagenes/Circular/logo.png"] {
        height: 37px;
        width: auto;
    }

    .logo-comercio img[src*="imagenes/El-Angel/logo.png"] {
        height: 38px;
        width: auto;
    }

    .logo-comercio img[src*="imagenes/El-Pinguino/logo.jpg"] {
        height: 38px;
        width: auto;
    }
    .logo-comercio img[src*="imagenes/F1-Suspensiones/logo.png"] {
    height: 37px;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/FBT-equipamientos/logo.png"] {
    height: 30px;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Xenon-hid-LP/logo.png"] {
    height: 29px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Fiat-137/logo final.png"] {
    height: 37px !important;
    width: auto;
}
    .logo-comercio img[src*="imagenes/Encendido-Olmos/logo2.png"] {
    height: 35px;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/JC-Escapes/logo.png"] {
    height: 35px;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Embragues-La-Loma/logo.png"] {
    height: 25px;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Los-Pali´s/logo.png"] {
    height: 35px;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Lubricentro-Hector/logo.png"] {
    height: 31px;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Suspension-MG/logo.png"] {
    height: 33px;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/M-J-M/logo.png"] {
    height: 30px;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Mainetti/logo.png"] {
    height: 30px;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Mas-Repuestos/logo.png"] {
    height: 32px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Mecanica-Leite/loto.png"] {
    height: 35px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Neumaticos-137/logo.png"] {
    height: 30px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Nico-Repuestos/logo.png"] {
    height: 32px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Radiadores-La-Plata/logo.jpg"] {
    height: 33px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/galaxi/logo.png"] {
    height: 30px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Vw-122/logo2.png"] {
    height: 30px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Peugeot-Guillermo/logo.png"] {
    height: 25px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/C&M-72/logo.png"] {
    height: 30px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Cerrajeria-San-Jorge/logo.png"] {
    height: 37px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/La-clinica-del-paragolpe/logo.png"] {
    height: 35px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Ruta-66/logo.png"] {
    height: 39px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Te-lo-resuelvo-Ya/logo.png"] {
    height: 37px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Auto-Club/logo.png"] {
    height: 35px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/MV-Frenos/logo.png"] {
    height: 35px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Autogas/logo.png"] {
    height: 30px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Circular/logo.png"] {
    height: 29px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Lubricentro-38/logo.png"] {
    height: 35px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Mussari/logo2.png"] {
    height: 33px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Lubricentro-Morales/logo.png"] {
    height: 30px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Center-lub/logo 2.png"] {
    height: 30px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Lubricentro-Monasterio/logo.png"] {
    height: 35px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Lubritato/logo.png"] {
    height: 35px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/7-Oil/logo.png"] {
    height: 33px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Tapas-el-martin/logo.png"] {
    height: 30px !important;
    width: auto;
    }
    .logo-comercio img[src*="imagenes/Autocenter/logo.png"] {
    height: 34px !important;
    width: auto;
    }

    


    .menu-comercio {
        order: 3;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px 22px;
    }

    .menu-comercio a {
        font-size: 13px;
    }

    .redes-cabecera {
        justify-content: center;
    }

    .redes-cabecera img {
        width: 36px;
        height: 36px;
    }

    .portada-comercio {
        width: 100%;
        height: clamp(280px, 56vw, 390px);
        margin-bottom: 20px;
        border-radius: 0;
    }

    .texto-portada {
        box-sizing: border-box;
        width: 100%;
        padding: 20px;
    }

    .texto-portada h1 {
        font-size: clamp(34px, 7vw, 42px);
    }

    .texto-portada p {
        font-size: clamp(16px, 3vw, 20px);
    }

    .descripcion-comercio,
    .servicios-comercio,
    .galeria-comercio,
    .contacto-comercio,
    .quienes-somos,
    .marcas-promos {
        box-sizing: border-box;
        width: auto;
        margin-left: clamp(14px, 3vw, 24px);
        margin-right: clamp(14px, 3vw, 24px);
    }

    .quienes-somos {
        padding: clamp(22px, 4vw, 32px);
        flex-direction: column;
        gap: 24px;
    }

    .quienes-imagen,
    .quienes-texto {
        width: 100%;
    }

    .quienes-imagen img {
        max-height: 430px;
        object-fit: cover;
    }

    .quienes-texto h2 {
        margin-bottom: 15px;
    }

    .quienes-texto p {
        font-size: 17px;
        line-height: 1.65;
    }

    .marcas-promos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .servicios-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .galeria-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .galeria-grid img {
        height: clamp(160px, 30vw, 230px);
    }

    .contacto-comercio {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .mapa-comercio,
    .mapa-comercio iframe {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .bajada-andres > span {
        display: block;
        white-space: nowrap;
    }

    .bajada-lospalis > span {
        display: block;
        white-space: nowrap;
    }

    .titulo-vw122 > span:first-child,
    .titulo-vw122 > span:last-child {
        display: block;
    }
    .titulo-mas-autopartes > span {
    display: block;
}

    .titulo-vw122 .separador-vw122 {
        display: none;
    }
    .titulo-cajasloshornos .separador-vw122 {
        display: none;
    }
    

    .bajada-ram > span {
    display: block;
}
.bajada-peugeot-guillermo > span {
    display: block;
}
.bajada-cr-repuestos > span {
    display: block;
}
.bajada-el-pinguino > span {
    display: block;
}
.bajada-cajasloshornos > span {
    display: block;
}
.bajada-jc-escapes > span {
    display: block;
}
.bajada-sanjorge > span {
    display: block;
}
.bajada-laclinica > span {
    display: block;
}
.bajada-ruta66 > span {
    display: block;
}
.bajada-autoclub > span {
    display: block;
}
.bajada-mvfrenos > span {
    display: block;
}
.bajada-autogas > span {
    display: block;
}
.bajada-lubricentro38 > span {
    display: block;
}
.bajada-centerlub > span {
    display: block;
}
.bajada-monasterio > span {
    display: block;
}
.bajada-panchoalonso > span {
    display: block;
}
.bajada-dvr > span {
    display: block;
}
.bajada-bermudez > span {
    display: block;
}
.bajada-neumaticos137 > span,
.bajada-autopartesvillaelisa > span,
.bajada-fbt > span,
.bajada-circular > span {
    display: block;
}
.bajada-nicorepuestos > span,
.bajada-baterplat > span,
.bajada-mainetti > span,
.bajada-bautista > span {
    display: block;
}
.bajada-galaxi > span,
.bajada-jorgito > span,
.bajada-chichi > span,
.bajada-mg-suspension > span {
    display: block;
}
.bajada-cym72 > span,
.bajada-la-loma > span,
.bajada-teloresuelvoya > span,
.bajada-mussari > span {
    display: block;
}
.bajada-morales > span,
.bajada-repuestos-la-cumbre > span,
.bajada-v8 > span,
.bajada-mecanica-leite > span {
    display: block;
}

    .menu-superior {
        padding-bottom: 8px;
    }

    .cabecera-comercio {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px 14px;
        padding: 8px 16px 12px;
    }

    .logo-comercio {
        grid-column: 1;
        grid-row: 1;
        justify-content: flex-start;
        min-width: 0;
    }

    .logo-comercio img {
        max-width: 100%;
        object-fit: contain;
    }

    .redes-cabecera {
        grid-column: 2;
        grid-row: 1;
        justify-content: flex-end;
        gap: 8px;
    }

    .redes-cabecera img {
        width: 32px;
        height: 32px;
    }

    .menu-comercio {
        grid-column: 1 / -1;
        grid-row: 2;
        order: initial;
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 6px;
        text-align: center;
    }

    .menu-comercio a {
        font-size: 10.5px;
        white-space: nowrap;
    }

    .portada-comercio {
        height: 285px;
    }

    .descripcion-comercio,
    .servicios-comercio,
    .galeria-comercio,
    .contacto-comercio,
    .quienes-somos {
        padding: 20px;
    }

    .servicios-grid {
        grid-template-columns: 1fr;
    }

    .galeria-grid {
        grid-template-columns: 1fr;
    }

    .galeria-grid img {
        height: auto;
        aspect-ratio: 4 / 3;
    }

    .contacto-comercio p {
        align-items: flex-start;
        overflow-wrap: anywhere;
    }

    .contacto-comercio .horarios-comercio {
        flex-direction: column;
        gap: 4px;
        line-height: 1.45;
    }

    .mapa-comercio iframe {
        height: 300px;
    }
}