.elementor-999 .elementor-element.elementor-element-a76f110{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-999 .elementor-element.elementor-element-a76f110:not(.elementor-motion-effects-element-type-background), .elementor-999 .elementor-element.elementor-element-a76f110 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8F2F8;}.elementor-999 .elementor-element.elementor-element-6c45c94{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-999 .elementor-element.elementor-element-46fac6d{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:start;}.elementor-999 .elementor-element.elementor-element-46fac6d.elementor-element{--align-self:center;}.elementor-999 .elementor-element.elementor-element-46fac6d .elementor-heading-title{font-family:"Archivo Black", Sans-serif;font-size:30px;font-weight:400;text-transform:uppercase;line-height:35px;color:var( --e-global-color-67e9ead );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-999 .elementor-element.elementor-element-bb55673{width:var( --container-widget-width, 46% );max-width:46%;--container-widget-width:46%;--container-widget-flex-grow:0;font-family:"Archivo", Sans-serif;font-weight:400;}.elementor-999 .elementor-element.elementor-element-bb55673.elementor-element{--align-self:flex-end;}.elementor-999 .elementor-element.elementor-element-66882464{--display:flex;--padding-top:20px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}body.elementor-page-999:not(.elementor-motion-effects-element-type-background), body.elementor-page-999 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8F2F8;}@media(min-width:768px){.elementor-999 .elementor-element.elementor-element-66882464{--content-width:1330px;}}@media(max-width:767px){.elementor-999 .elementor-element.elementor-element-a76f110{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-999 .elementor-element.elementor-element-46fac6d{width:100%;max-width:100%;}.elementor-999 .elementor-element.elementor-element-46fac6d .elementor-heading-title{font-size:27px;line-height:30px;}.elementor-999 .elementor-element.elementor-element-bb55673{width:100%;max-width:100%;text-align:start;font-size:15px;}.elementor-999 .elementor-element.elementor-element-bb55673 p{margin-block-end:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-a98e4bb *//* ==========================================
   AGILE STORE LOCATOR - SAN PEDRO CARGO
   Diseño personalizado
========================================== */


/* CONTENEDOR GENERAL */

#asl-storelocator.asl-cont {

    background:#E8F2F8 !important;
    padding:20px !important;

}


/* Separación entre listado y mapa */

#asl-storelocator .sl-main-row {

    display:flex !important;
    gap:25px !important;

}


/* ==========================================
   PANEL IZQUIERDO
========================================== */


#asl-storelocator .asl_locator-panel {

    width:38% !important;
    flex:0 0 38% !important;
    background:transparent !important;

}



/* MAPA */

#asl-storelocator .asl-map {

    width:62% !important;
    flex:0 0 calc(62% - 25px) !important;

    border-radius:20px;
    overflow:hidden;

}


/* altura mapa */

#asl-storelocator .asl-map-canv {

    height:650px !important;

}



/* ==========================================
   BUSCADOR
========================================== */


#asl-storelocator .search_filter label {

    color:#004aac !important;
    font-size:16px;
    font-weight:700;

}


#asl-storelocator .asl-store-search {

    border-radius:30px !important;
    overflow:hidden;
    border:1px solid #004aac !important;
    background:#fff;

}


#asl-storelocator .asl-search-address {

    height:50px !important;
    border:none !important;
    font-size:15px;

}


#asl-storelocator .asl-search-event {

    background:#004aac !important;
    color:white !important;

    width:55px;

}



/* ==========================================
   CONTADOR
========================================== */


#asl-storelocator .Num_of_store {

    background:#004aac !important;
    color:white !important;

    padding:18px 25px !important;

    font-size:16px;
    font-weight:700;

}



/* ==========================================
   CARDS SUCURSALES
========================================== */


#asl-storelocator .sl-item {

    background:white !important;

    border-radius:16px !important;

    padding:20px !important;

    margin-bottom:18px !important;

    box-shadow:0 5px 15px rgba(0,0,0,.08);

}



/* Hover */

#asl-storelocator .sl-item:hover {

    transform:translateY(-3px);
    transition:.3s;

}



/* titulo */

#asl-storelocator .sl-addr-list-title {

    color:#001855 !important;

    font-size:18px !important;

    font-weight:800 !important;

}



/* textos */

#asl-storelocator .sl-addr li {

    color:#555 !important;

    font-size:14px;

}


/* iconos */

#asl-storelocator .sl-addr i,
#asl-storelocator .sl-phone i,
#asl-storelocator .sl-categories i {

    color:#004aac !important;

}



/* ==========================================
   LOGO DE SUCURSAL (CORRECCIÓN APLASTADO)
========================================== */


#asl-storelocator .sl-logo-cont {

    display:flex;
    justify-content:center;
    align-items:center;

}


#asl-storelocator .sl-logo-box {

    width:90px !important;
    height:90px !important;

    border-radius:12px !important;

    display:flex !important;
    justify-content:center;
    align-items:center;

    overflow:hidden;

}


#asl-storelocator .sl-logo-box img {

    width:100% !important;
    height:100% !important;

    object-fit:contain !important;

}



/* ==========================================
   BOTÓN DIRECCIONES
========================================== */


#asl-storelocator .btn-asl {

    background:#004aac !important;

    color:white !important;

    border-radius:8px !important;

    padding:12px 25px !important;

    font-weight:700;

}


#asl-storelocator .btn-asl:hover {

    background:#00347d !important;

}



/* ==========================================
   MARCADORES DEL MAPA
========================================== */


/* Evita que Agile deforme el marker */

#asl-storelocator .asl-maplibre-marker-image {

    width:55px !important;

    height:55px !important;

    object-fit:contain !important;

}



/* ==========================================
   OCULTAR ELEMENTOS NO NECESARIOS
========================================== */


#asl-storelocator .sl-desc {

    display:none !important;

}



/* ==========================================
   MOBILE
========================================== */


@media(max-width:768px){


#asl-storelocator .sl-main-row {

    display:block !important;

}


#asl-storelocator .asl_locator-panel,
#asl-storelocator .asl-map {

    width:100% !important;

    flex:100% !important;

}


#asl-storelocator .asl-map {

    margin-top:20px;

}


}


#asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box {
    max-height: 100%;
    overflow: auto;
    overflow-x: hidden;
    background-color: #E8F2F8!important;
    position: relative;
    padding: 5%!important;
    
}

/* ==========================================
   SEPARACIÓN ENTRE CARDS DE SUCURSALES
========================================== */


/* Contenedor de listado */
#asl-storelocator .sl-main-cont-box {
    padding: 15px !important;
}


/* Lista */
#asl-storelocator .sl-list {
    display:flex !important;
    flex-direction:column;
    gap:18px !important;
}


/* Card sucursal */
#asl-storelocator .sl-item {

    margin:0 !important;

    background:#ffffff !important;

    border-radius:18px !important;

    padding:20px !important;

    box-shadow:
    0 4px 12px rgba(0,0,0,0.08);

}


/* Evita que el contenido interno genere espacios raros */
#asl-storelocator .sl-addr-sec {
    padding:0 !important;
}



/* Separación del botón */
#asl-storelocator .sl-act-btns {

    margin-top:18px !important;

}


/* Ajustar scroll del panel */
#asl-storelocator .sl-main-cont-box {

    max-height:650px !important;

    overflow-y:auto !important;

    scrollbar-width:thin;

}/* End custom CSS */