@media (max-width: 768px) {
    .position_encima_texto .flex_items:not(.owl-carousel) {
        display: flex;
        flex-wrap: wrap;
    }
}
@media (max-width: 576px) {
    .header_home .buttons_forms ul{
        width: fit-content;
        margin: 32px auto; 
    }
    .buttons_forms{
        display: block !important;
        position: relative !important;
    }
    .header_home .buttons_forms ul li{
        background-color: rgb(0 0 0 / 47%);
    }
    .rotate-slight-left{
        transform: rotate(0deg);
    }
    .rotate-slight-right{
        transform: rotate(0deg);
    }
    .info_matrimonio_steps{
        padding: 40px 0px 50px;
    }
    .efecto_home_1{
        display: none;
    }
    .efecto_home_2{
        display: none;
    }
    .info_matrimonio_steps .center_title h2{
            font-size: 36px;
    }
    .info_matrimonio_steps .center_title p{
        font-size: 16px;
    }
    .position_encima_texto .flex_items{
        display: flex;
        flex-wrap: wrap;
    }
    .info_matrimonio_steps .card_info .redirect_card a{
            font-size: 12px;
    }
    .section_4{
        padding: 50px 0px 50px;

        background-color: #f2f2f2;
    }
    .center_responsive{
        text-align: center;
    }
    .section_4 .objeto_1{
        display: none;
    }
    .section_4 h2{
        /* text-align: center; */
        font-size: 33px;
    }
    .section_4 .ul_tabs{
        border: none;
        padding: 0px 15px;
    }
    .section_4 .ul_tabs li{
        margin: 0px;
    }
.ul_tabs{
display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        justify-items: center;
        margin: auto;
}

.ul_tabs .nav-item{
    width:100%;
}

.section_4 .ul_tabs .nav-link{
        width: 100%;
        background: #ffffff;
        border-radius: 40px;
        padding: 10px 3px !important;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-size: 12px !important;
        color: #7a7a7a !important;
        font-weight: 500;
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
        transition: all .2s ease;
}
.tab_content_alto{
    margin-top: 20px;
}
.ul_tabs .nav-link img{
    width:23px;
    height: auto;
    margin-right: 0px !important;
}

.ul_tabs .nav-link:hover{
    transform:translateY(-2px);
}

.ul_tabs .nav-link.active{
    background:#e8f0ea;
    color:#4f6f5c;
}

.ul_tabs .nav-link.active img{
    filter:brightness(0) saturate(100%) invert(35%) sepia(8%) saturate(1110%) hue-rotate(96deg);
}    
    .section_4 .ul_tabs li button{
        padding: 22px 6px;
    }
    .mat-buscador-wrap--hero .buscador-box{
        padding: 0px 16px;
        overflow: visible;
    }
    .mat-buscador-wrap .buscador-inputs{
        display: block;
        background: none;
        overflow: visible !important;
    }
    .mat-buscador-wrap .buscador-item{
        margin-bottom: 8px;
        border: 0px !important;
        background-color: #ffffff;
        border-radius: 16px;
    }
    .mat-buscador-wrap .btn-buscar{
        width: 100%;
        padding: 16px;
        border-radius: 16px;
    }
    .mat-buscador-wrap .buscador-item--proveedor {
        position: relative;
        overflow: visible !important;
        z-index: 1;
    }
    .mat-buscador-wrap .buscador-item--proveedor.is-open-panel {
        z-index: 50;
    }
    .mat-buscador-wrap .buscador-item.location.is-open-panel {
        z-index: 50;
    }
    .mat-buscador-wrap .panel-categorias{
        width: 100%;
        left: 0;
        right: 0;
        top: calc(100% + 6px);
        max-height: min(52vh, 360px);
        overflow-y: auto;
        padding: 14px 16px 16px;
        border-radius: 12px;
        box-shadow: 0 14px 36px rgba(0, 0, 0, 0.16);
        -webkit-overflow-scrolling: touch;
    }
    .mat-buscador-cat-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .panel-categorias h4{
        font-size: 13px;
    }
    /* Solo la lista principal de departamentos; NO afectar .sub-list (distritos / acordeón) */
    .dropdown-location ul.lista-ubicaciones-root{
        display: block;
        width: 100%;
    }
    .mat-buscador-wrap .dropdown-location{
        width: 100% !important;
        max-width: 100%;
        left: 0 !important;
        right: 0 !important;
        top: calc(100% + 6px) !important;
        margin-top: 0;
        min-height: 0;
        max-height: min(52vh, 360px) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        z-index: 120;
        box-sizing: border-box;
        border-radius: 12px;
        box-shadow: 0 14px 36px rgba(0, 0, 0, 0.16);
    }
    .mat-buscador-wrap .buscador-item.location{
        position: relative;
        overflow: visible !important;
    }
    /* Solo listas legacy de plantillas; no el showcase (.home-inv-features) */
    .section_plantillas ul:not(.home-inv-features):not(.lista-ubicaciones-root):not(.sub-list) {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        width: fit-content;
        margin: auto;
        padding: 28px 50px !important;
    }
    .section_plantillas ul:not(.home-inv-features) li button {
        width: fit-content;
        margin: auto;
    }
    .mat-buscador-wrap .panel-categorias li{
        font-size: 13px;
        line-height: 1.35;
    }
    .flexx_title h1{
        font-size: 30px !important;
    }
    .pie-hormiga img{
        width: 16px;
    }
    .pie-hormiga ul li a{
            font-size: 11px !important;
    }
    .pie-hormiga ul{
            gap: 8px !important;
    }
    .card_intermedio .flex_buttons_empresa button{
            padding: 7px !important;
    }
    #informacion p{
        font-size: 13px;
    }
.alto_list {
    height: 217px !important;
}    
.section_empresas_list .empresas_especializadas ul{
            grid-template-columns: repeat(3, 1fr) !important;
}
}

/* Home: lista de ubicación no recortada por overflow del flex (dropdown position absolute) */
@media (max-width: 991.98px) {
    .mat-buscador-wrap .buscador-inputs {
        overflow: visible !important;
    }
    .mat-buscador-wrap .buscador-item.location {
        overflow: visible !important;
    }
}

/* Carrusel departamentos (recepciones, etc.): evitar decenas de puntos en móvil */
@media (max-width: 991.98px) {
    .owl-departamentos .owl-dots {
        display: none !important;
    }
    .owl-departamentos .owl-dots.disabled {
        display: none !important;
    }
}

/* Home — empresas destacadas: tarjetas cuadradas en tablet/móvil (grid 2–3 cols) */
@media (max-width: 991.98px) {
    .section_4 .tab-content .img_divss {
        aspect-ratio: 1 / 1;
    }

    .section_4 .tab-content .img_divss > a {
        display: block;
        height: 100%;
        position: relative;
    }

    .section_4 .tab-content .img_divss .mat-img-skeleton--home-destacada img,
    .section_4 .tab-content .img_divss img.img-fluid {
        height: 100% !important;
        width: 100%;
        min-height: 0;
        object-fit: cover;
        object-position: center;
    }

    .section_4 .position_titulos_empresa {
        padding: 10px 12px;
        z-index: 2;
    }

    .section_4 .position_titulos_empresa h3 {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
        margin-bottom: 0.15rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .section_4 .position_titulos_empresa p {
        color: #ffffff;
        font-size: 11px;
        line-height: 1.25;
        margin: 0;
    }

    .section_4 .premium,
    .section_4 .fundador {
        font-size: 9px;
        padding: 2px 6px;
        left: 8px;
        top: 8px;
        z-index: 3;
    }
}