html body > main > section:is(
    .casa-hero-estilo-restaurante,
    .comercio-hero-estilo-restaurante,
    .edificio-hero-estilo-restaurante,
    .institucion-hero-estilo-restaurante,
    .grifos-hero-estilo-restaurante,
    .oficina-hero-estilo-universidad,
    .almacenes-hero-estilo-universidad,
    .bodega-hero,
    .emprendimiento-hero,
    .centro-comercial-hero,
    .restaurante-hero,
    .consultorio-hero,
    .estacionamiento-hero,
    .hospital-hero,
    .farmacia-hero,
    .mercado-hero
):not(.sector-hero-sin-estilo) {
    display: flex !important;
    align-items: center !important;
    min-height: 560px !important;
    padding: 140px 0 70px !important;
    background-color: #0b1426 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

html body > main > section.casa-hero-estilo-restaurante:not(.sector-hero-sin-estilo) {
    background-image: linear-gradient(90deg, rgba(8, 17, 36, 0.95) 0%, rgba(8, 17, 36, 0.92) 30%, rgba(10, 24, 51, 0.55) 45%, transparent 55%, transparent 100%), url("../img/banner-casas.png") !important;
}

html body > main > section.comercio-hero-estilo-restaurante:not(.sector-hero-sin-estilo) {
    background-image: linear-gradient(90deg, rgba(8, 17, 36, 0.95) 0%, rgba(8, 17, 36, 0.92) 30%, rgba(10, 24, 51, 0.55) 45%, transparent 55%, transparent 100%), url("../img/banner-tiendas-locales.png") !important;
}

html body > main > section.edificio-hero-estilo-restaurante:not(.sector-hero-sin-estilo) {
    background-image: linear-gradient(90deg, rgba(8, 17, 36, 0.95) 0%, rgba(8, 17, 36, 0.92) 30%, rgba(10, 24, 51, 0.55) 45%, transparent 55%, transparent 100%), url("../img/banner-edificios-condominios.png") !important;
}

html body > main > section.institucion-hero-estilo-restaurante:not(.sector-hero-sin-estilo) {
    background-image: linear-gradient(90deg, rgba(8, 17, 36, 0.95) 0%, rgba(8, 17, 36, 0.92) 30%, rgba(10, 24, 51, 0.55) 45%, transparent 55%, transparent 100%), url("../img/banner-universidades.png") !important;
}

html body > main > section.grifos-hero-estilo-restaurante:not(.sector-hero-sin-estilo) {
    background-image: linear-gradient(90deg, rgba(8, 17, 36, 0.95) 0%, rgba(8, 17, 36, 0.92) 30%, rgba(10, 24, 51, 0.55) 45%, transparent 55%, transparent 100%), url("../img/banner-grifos-rubros.png") !important;
}

html body > main > section.oficina-hero-estilo-universidad:not(.sector-hero-sin-estilo) {
    background-image: linear-gradient(90deg, rgba(8, 17, 36, 0.95) 0%, rgba(8, 17, 36, 0.92) 30%, rgba(10, 24, 51, 0.55) 45%, transparent 55%, transparent 100%), url("../img/banner_oficina.jpeg") !important;
}

html body > main > section.almacenes-hero-estilo-universidad:not(.sector-hero-sin-estilo) {
    background-image: linear-gradient(90deg, rgba(8, 17, 36, 0.95) 0%, rgba(8, 17, 36, 0.92) 30%, rgba(10, 24, 51, 0.55) 45%, transparent 55%, transparent 100%), url("../img/banner_almacen.jpeg") !important;
}

html body > main > section.bodega-hero:not(.sector-hero-sin-estilo) {
    background-image: linear-gradient(90deg, rgba(8, 17, 36, 0.95) 0%, rgba(8, 17, 36, 0.92) 30%, rgba(10, 24, 51, 0.55) 45%, transparent 55%, transparent 100%), url("../img/banner_bodega.jpeg") !important;
}

html body > main > section.emprendimiento-hero:not(.sector-hero-sin-estilo) {
    background-image: linear-gradient(90deg, rgba(8, 17, 36, 0.95) 0%, rgba(8, 17, 36, 0.92) 30%, rgba(10, 24, 51, 0.55) 45%, transparent 55%, transparent 100%), url("../img/banner_emprendimiento.jpeg") !important;
}

html body > main > section.centro-comercial-hero:not(.sector-hero-sin-estilo) {
    background-image: linear-gradient(90deg, rgba(8, 17, 36, 0.95) 0%, rgba(8, 17, 36, 0.92) 30%, rgba(10, 24, 51, 0.55) 45%, transparent 55%, transparent 100%), url("../img/banner_centro_comercial.jpeg") !important;
}

html body > main > section.restaurante-hero:not(.sector-hero-sin-estilo) {
    background-image: linear-gradient(90deg, rgba(8, 17, 36, 0.95) 0%, rgba(8, 17, 36, 0.92) 30%, rgba(10, 24, 51, 0.55) 45%, transparent 55%, transparent 100%), url("../img/banner_restaurante.jpeg") !important;
}

html body > main > section.consultorio-hero:not(.sector-hero-sin-estilo) {
    background-image: linear-gradient(90deg, rgba(8, 17, 36, 0.95) 0%, rgba(8, 17, 36, 0.92) 30%, rgba(10, 24, 51, 0.55) 45%, transparent 55%, transparent 100%), url("../img/banner_consultorio.jpeg") !important;
}

html body > main > section.estacionamiento-hero:not(.sector-hero-sin-estilo) {
    background-image: linear-gradient(90deg, rgba(8, 17, 36, 0.95) 0%, rgba(8, 17, 36, 0.92) 30%, rgba(10, 24, 51, 0.55) 45%, transparent 55%, transparent 100%), url("../img/banner_estacionamiento.jpeg") !important;
}

html body > main > section.hospital-hero:not(.sector-hero-sin-estilo) {
    background-image: linear-gradient(90deg, rgba(8, 17, 36, 0.95) 0%, rgba(8, 17, 36, 0.92) 30%, rgba(10, 24, 51, 0.55) 45%, transparent 55%, transparent 100%), url("../img/banner_hospital.jpeg") !important;
}

html body > main > section.farmacia-hero:not(.sector-hero-sin-estilo) {
    background-image: linear-gradient(90deg, rgba(8, 17, 36, 0.95) 0%, rgba(8, 17, 36, 0.92) 30%, rgba(10, 24, 51, 0.55) 45%, transparent 55%, transparent 100%), url("../img/banner_farmacia.jpeg") !important;
}

html body > main > section.mercado-hero:not(.sector-hero-sin-estilo) {
    background-image: linear-gradient(90deg, rgba(8, 17, 36, 0.95) 0%, rgba(8, 17, 36, 0.92) 30%, rgba(10, 24, 51, 0.55) 45%, transparent 55%, transparent 100%), url("../img/banner_mercado.jpeg") !important;
}

html body > main > section:is(
    .casa-hero-estilo-restaurante,
    .comercio-hero-estilo-restaurante,
    .edificio-hero-estilo-restaurante,
    .institucion-hero-estilo-restaurante,
    .grifos-hero-estilo-restaurante,
    .oficina-hero-estilo-universidad,
    .almacenes-hero-estilo-universidad,
    .bodega-hero,
    .emprendimiento-hero,
    .centro-comercial-hero,
    .restaurante-hero,
    .consultorio-hero,
    .estacionamiento-hero,
    .hospital-hero,
    .farmacia-hero,
    .mercado-hero
):not(.sector-hero-sin-estilo) > :first-child {
    width: min(1180px, 92%) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
}

html body > main > section:is(
    .casa-hero-estilo-restaurante,
    .comercio-hero-estilo-restaurante,
    .edificio-hero-estilo-restaurante,
    .institucion-hero-estilo-restaurante,
    .grifos-hero-estilo-restaurante,
    .oficina-hero-estilo-universidad,
    .almacenes-hero-estilo-universidad,
    .bodega-hero,
    .emprendimiento-hero,
    .centro-comercial-hero,
    .restaurante-hero,
    .consultorio-hero,
    .estacionamiento-hero,
    .hospital-hero,
    .farmacia-hero,
    .mercado-hero
):not(.sector-hero-sin-estilo) .breadcrumb span,
html body > main > section:is(
    .casa-hero-estilo-restaurante,
    .comercio-hero-estilo-restaurante,
    .edificio-hero-estilo-restaurante,
    .institucion-hero-estilo-restaurante,
    .grifos-hero-estilo-restaurante,
    .oficina-hero-estilo-universidad,
    .almacenes-hero-estilo-universidad,
    .bodega-hero,
    .emprendimiento-hero,
    .centro-comercial-hero,
    .restaurante-hero,
    .consultorio-hero,
    .estacionamiento-hero,
    .hospital-hero,
    .farmacia-hero,
    .mercado-hero
):not(.sector-hero-sin-estilo) h1 span {
    color: #5b8cff !important;
    -webkit-text-fill-color: #5b8cff !important;
}

html body > main > section:is(
    .casa-hero-estilo-restaurante,
    .comercio-hero-estilo-restaurante,
    .edificio-hero-estilo-restaurante,
    .institucion-hero-estilo-restaurante,
    .grifos-hero-estilo-restaurante,
    .oficina-hero-estilo-universidad,
    .almacenes-hero-estilo-universidad,
    .bodega-hero,
    .emprendimiento-hero,
    .centro-comercial-hero,
    .restaurante-hero,
    .consultorio-hero,
    .estacionamiento-hero,
    .hospital-hero,
    .farmacia-hero,
    .mercado-hero
):not(.sector-hero-sin-estilo) .breadcrumb a:hover {
    color: #5b8cff !important;
}

html body > main > section:is(
    .casa-hero-estilo-restaurante,
    .comercio-hero-estilo-restaurante,
    .edificio-hero-estilo-restaurante,
    .institucion-hero-estilo-restaurante,
    .grifos-hero-estilo-restaurante,
    .oficina-hero-estilo-universidad,
    .almacenes-hero-estilo-universidad,
    .bodega-hero,
    .emprendimiento-hero,
    .centro-comercial-hero,
    .restaurante-hero,
    .consultorio-hero,
    .estacionamiento-hero,
    .hospital-hero,
    .farmacia-hero,
    .mercado-hero
):not(.sector-hero-sin-estilo) :is(
    .casa-badge,
    .comercio-badge,
    .edificio-badge,
    .institucion-badge,
    .grifo-badge,
    .oficina-badge,
    .almacenes-badge,
    .bodega-badge,
    .emprendimiento-badge,
    .centro-comercial-badge,
    .restaurante-badge,
    .farmacia-badge,
    .mercado-badge,
    .etiqueta-seccion
) {
    color: #8ab4ff !important;
    -webkit-text-fill-color: #8ab4ff !important;
    background-color: rgba(31, 94, 255, 0.18) !important;
    border-color: rgba(91, 140, 255, 0.48) !important;
}

html body > main > section:is(
    .casa-hero-estilo-restaurante,
    .comercio-hero-estilo-restaurante,
    .edificio-hero-estilo-restaurante,
    .institucion-hero-estilo-restaurante,
    .grifos-hero-estilo-restaurante,
    .oficina-hero-estilo-universidad,
    .almacenes-hero-estilo-universidad,
    .bodega-hero,
    .emprendimiento-hero,
    .centro-comercial-hero,
    .restaurante-hero,
    .consultorio-hero,
    .estacionamiento-hero,
    .hospital-hero,
    .farmacia-hero,
    .mercado-hero
):not(.sector-hero-sin-estilo) :is(
    .casa-badge,
    .comercio-badge,
    .edificio-badge,
    .institucion-badge,
    .grifo-badge,
    .oficina-badge,
    .almacenes-badge,
    .bodega-badge,
    .emprendimiento-badge,
    .centro-comercial-badge,
    .restaurante-badge,
    .farmacia-badge,
    .mercado-badge,
    .etiqueta-seccion
) i {
    color: #8ab4ff !important;
}

@media (max-width: 768px) {
    html body > main > section:is(
        .casa-hero-estilo-restaurante,
        .comercio-hero-estilo-restaurante,
        .edificio-hero-estilo-restaurante,
        .institucion-hero-estilo-restaurante,
        .grifos-hero-estilo-restaurante,
        .oficina-hero-estilo-universidad,
        .almacenes-hero-estilo-universidad,
        .bodega-hero,
        .emprendimiento-hero,
        .centro-comercial-hero,
        .restaurante-hero,
        .consultorio-hero,
        .estacionamiento-hero,
        .hospital-hero,
        .farmacia-hero,
        .mercado-hero
    ):not(.sector-hero-sin-estilo) {
        min-height: auto !important;
        padding: 110px 0 40px !important;
        background-position: center top !important;
    }

    html body > main > section:is(
        .casa-hero-estilo-restaurante,
        .comercio-hero-estilo-restaurante,
        .edificio-hero-estilo-restaurante,
        .institucion-hero-estilo-restaurante,
        .grifos-hero-estilo-restaurante,
        .oficina-hero-estilo-universidad,
        .almacenes-hero-estilo-universidad,
        .bodega-hero,
        .emprendimiento-hero,
        .centro-comercial-hero,
        .restaurante-hero,
        .consultorio-hero,
        .estacionamiento-hero,
        .hospital-hero,
        .farmacia-hero,
        .mercado-hero
    ):not(.sector-hero-sin-estilo) {
        position: relative !important;
    }

    html body > main > section:is(
        .casa-hero-estilo-restaurante,
        .comercio-hero-estilo-restaurante,
        .edificio-hero-estilo-restaurante,
        .institucion-hero-estilo-restaurante,
        .grifos-hero-estilo-restaurante,
        .oficina-hero-estilo-universidad,
        .almacenes-hero-estilo-universidad,
        .bodega-hero,
        .emprendimiento-hero,
        .centro-comercial-hero,
        .restaurante-hero,
        .consultorio-hero,
        .estacionamiento-hero,
        .hospital-hero,
        .farmacia-hero,
        .mercado-hero
    ):not(.sector-hero-sin-estilo)::before {
        display: block !important;
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 0 !important;
        background: linear-gradient(90deg, rgba(8, 17, 36, 0.72), rgba(10, 24, 51, 0.82)) !important;
        pointer-events: none !important;
    }

    html body > main > section:is(
        .casa-hero-estilo-restaurante,
        .comercio-hero-estilo-restaurante,
        .edificio-hero-estilo-restaurante,
        .institucion-hero-estilo-restaurante,
        .grifos-hero-estilo-restaurante,
        .oficina-hero-estilo-universidad,
        .almacenes-hero-estilo-universidad,
        .bodega-hero,
        .emprendimiento-hero,
        .centro-comercial-hero,
        .restaurante-hero,
        .consultorio-hero,
        .estacionamiento-hero,
        .hospital-hero,
        .farmacia-hero,
        .mercado-hero
    ):not(.sector-hero-sin-estilo) .btn-primario,
    html body > main > section:is(
        .casa-hero-estilo-restaurante,
        .comercio-hero-estilo-restaurante,
        .edificio-hero-estilo-restaurante,
        .institucion-hero-estilo-restaurante,
        .grifos-hero-estilo-restaurante,
        .oficina-hero-estilo-universidad,
        .almacenes-hero-estilo-universidad,
        .bodega-hero,
        .emprendimiento-hero,
        .centro-comercial-hero,
        .restaurante-hero,
        .consultorio-hero,
        .estacionamiento-hero,
        .hospital-hero,
        .farmacia-hero,
        .mercado-hero
    ):not(.sector-hero-sin-estilo) .btn-secundario {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }

    html body > main > section:is(
        .casa-hero-estilo-restaurante,
        .comercio-hero-estilo-restaurante,
        .edificio-hero-estilo-restaurante,
        .institucion-hero-estilo-restaurante,
        .grifos-hero-estilo-restaurante,
        .oficina-hero-estilo-universidad,
        .almacenes-hero-estilo-universidad,
        .bodega-hero,
        .emprendimiento-hero,
        .centro-comercial-hero,
        .restaurante-hero,
        .consultorio-hero,
        .estacionamiento-hero,
        .hospital-hero,
        .farmacia-hero,
        .mercado-hero
    ):not(.sector-hero-sin-estilo) > :first-child {
        position: relative !important;
        z-index: 1 !important;
    }
}

html body > main > section:is(
    .casa-hero-estilo-restaurante,
    .comercio-hero-estilo-restaurante,
    .edificio-hero-estilo-restaurante,
    .institucion-hero-estilo-restaurante,
    .grifos-hero-estilo-restaurante,
    .oficina-hero-estilo-universidad,
    .almacenes-hero-estilo-universidad,
    .bodega-hero,
    .emprendimiento-hero,
    .centro-comercial-hero,
    .restaurante-hero,
    .consultorio-hero,
    .estacionamiento-hero,
    .hospital-hero,
    .farmacia-hero,
    .mercado-hero
):not(.sector-hero-sin-estilo) :is(.btn-primario, .btn-secundario),
html body > main > section:is(
    .casa-hero-estilo-restaurante,
    .comercio-hero-estilo-restaurante,
    .edificio-hero-estilo-restaurante,
    .institucion-hero-estilo-restaurante,
    .grifos-hero-estilo-restaurante,
    .oficina-hero-estilo-universidad,
    .almacenes-hero-estilo-universidad,
    .bodega-hero,
    .emprendimiento-hero,
    .centro-comercial-hero,
    .restaurante-hero,
    .consultorio-hero,
    .estacionamiento-hero,
    .hospital-hero,
    .farmacia-hero,
    .mercado-hero
):not(.sector-hero-sin-estilo) :is(.btn-primario, .btn-secundario) * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

html body > main > section:is(
    .casa-hero-estilo-restaurante,
    .comercio-hero-estilo-restaurante,
    .edificio-hero-estilo-restaurante,
    .institucion-hero-estilo-restaurante,
    .grifos-hero-estilo-restaurante,
    .oficina-hero-estilo-universidad,
    .almacenes-hero-estilo-universidad,
    .bodega-hero,
    .emprendimiento-hero,
    .centro-comercial-hero,
    .restaurante-hero,
    .consultorio-hero,
    .estacionamiento-hero,
    .hospital-hero,
    .farmacia-hero,
    .mercado-hero
):not(.sector-hero-sin-estilo) .btn-secundario {
    background-color: rgba(8, 17, 36, 0.82) !important;
    border-color: rgba(255, 255, 255, 0.72) !important;
}