.islc-section {
    padding: 28px 0;
    transform: translateY(var(--islc-block-offset-y-desktop, 0px));
}

.islc-shell {
    width: min(1200px, calc(100% - 32px));
    margin: 0 auto;
}

.islc-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.95fr);
    gap: 28px;
    align-items: stretch;
}

.islc-card {
    position: relative;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbf8 100%);
    border-radius: 34px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(7, 26, 75, 0.08);
    border: 1px solid rgba(8, 26, 75, 0.06);
    z-index: 0;
}

.islc-card::after {
    content: "";
    position: absolute;
    inset: -8px;
    z-index: 1;
    border-radius: 42px;
    background: transparent;
}

.islc-card > * {
    position: relative;
    z-index: 2;
}

/* ── Wrapper de hover: extiende la zona activa más allá del borde
       para evitar el parpadeo al mover la tarjeta con translateY ── */
.islc-card-wrap {
    display: flex;
    flex-direction: column;
    padding: 4px 4px 14px;
    margin: -4px -4px -14px;
}

.islc-card-wrap > .islc-card {
    flex: 1;
}

.islc-card-photo,
.islc-card-map {
    transition:
        transform 0.48s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.48s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.34s ease;
    will-change: transform, box-shadow;
    transform: translateZ(0);
    backface-visibility: hidden;
}


.islc-card-photo {
    min-height: var(--islc-photo-card-height, 580px);
}

.islc-card-wrap:hover > .islc-card-photo,
.islc-card-wrap.is-mobile-active > .islc-card-photo {
    transform: translateY(-5px);
    box-shadow: 0 26px 50px rgba(7, 26, 75, 0.13);
    border-color: rgba(94, 163, 59, 0.18);
}

.islc-photo,
.islc-map-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.islc-card-photo picture {
    display: block;
    width: 100%;
    height: 100%;
}

.islc-photo {
    min-height: var(--islc-photo-card-height, 580px);
}

.islc-photo-glow {
    position: absolute;
    inset: auto -10% -20% auto;
    width: 240px;
    height: 240px;
    background: radial-gradient(circle, rgba(75, 171, 98, 0.16) 0%, rgba(75, 171, 98, 0) 68%);
    pointer-events: none;
}

.islc-photo-placeholder,
.islc-map-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    text-align: center;
    padding: 24px;
    color: #5f6783;
    font-size: 16px;
}

.islc-card-map {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    min-height: 580px;
}

.islc-card-wrap:hover > .islc-card-map,
.islc-card-wrap.is-mobile-active > .islc-card-map,
.islc-card-map:focus-visible {
    transform: translateY(-5px);
    box-shadow: 0 26px 50px rgba(7, 26, 75, 0.13);
    border-color: rgba(94, 163, 59, 0.18);
}

.islc-map-content {
    display: flex;
    flex-direction: column;
    gap: var(--islc-content-gap, 22px);
    padding: 24px;
    height: 100%;
    background:
        radial-gradient(circle at 100% 100%, rgba(74, 171, 98, 0.13) 0%, rgba(74, 171, 98, 0) 33%),
        linear-gradient(180deg, #ffffff 0%, #fbfcfb 100%);
}

.islc-map-visual-shell {
    padding: 0;
    border-radius: 24px;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
}

.islc-map-visual {
    position: relative;
    min-height: 240px;
    overflow: hidden;
    border-radius: 24px;
}

.islc-map-visual.has-image {
    min-height: clamp(220px, 24vw, 300px);
    background: #eef1f4;
}

.islc-map-visual > .islc-map-image {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    object-fit: cover;
    object-position: center;
    display: block;
}

.islc-map-visual.is-placeholder {
    background:
        linear-gradient(0deg, rgba(255,255,255,0.72), rgba(255,255,255,0.72)),
        linear-gradient(90deg, rgba(205,210,220,0.4) 1px, transparent 1px),
        linear-gradient(rgba(205,210,220,0.4) 1px, transparent 1px),
        linear-gradient(180deg, #eef1f4 0%, #f8f9fb 100%);
    background-size: auto, 34px 34px, 34px 34px, auto;
    background-position: center;
}

.islc-map-placeholder::before {
    content: "";
    position: absolute;
    left: 52%;
    top: 0;
    transform: translateX(-50%);
    width: 16px;
    height: 100%;
    background: linear-gradient(180deg, #f0d56c 0%, #e1b530 100%);
    border-left: 4px solid rgba(255,255,255,0.65);
    border-right: 4px solid rgba(255,255,255,0.65);
    opacity: 0.9;
}

.islc-pin {
    position: relative;
    z-index: 2;
}

.islc-title-row {
    transform: translate(var(--islc-title-offset-x, 0px), var(--islc-title-offset-y, 0px));
}

.islc-title-wrap {
    display: flex;
    align-items: center;
    gap: var(--islc-title-gap, 14px);
    min-width: 0;
}

.islc-flag {
    font-size: var(--islc-emoji-size, 30px);
    line-height: 1;
    flex-shrink: 0;
    transform: translateY(var(--islc-emoji-offset-y, 0px));
}

.islc-title-wrap h3 {
    margin: 0;
    color: #081a4b;
    font-size: clamp(24px, 3vw, var(--islc-title-size, 38px));
    line-height: 1.05;
    font-weight: 800;
}

.islc-address-row {
    display: grid;
    grid-template-columns: var(--islc-location-box-size, 76px) 1fr;
    gap: 16px;
    align-items: start;
}

.islc-location-icon {
    line-height: 1;
    align-self: start;
    transform: translate(var(--islc-location-box-offset-x, 0px), var(--islc-location-box-offset-y, 0px));
}

.islc-location-icon-box {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--islc-location-box-size, 76px);
    height: var(--islc-location-box-size, 76px);
    border-radius: var(--islc-location-box-radius, 22px);
    background: var(--islc-location-box-bg, #eaf4e3);
    overflow: hidden;
    transition: background-color 0.28s ease;
}

.islc-card-wrap:hover .islc-location-icon-box,
.islc-card-wrap.is-mobile-active .islc-location-icon-box,
.islc-card-map:focus-visible .islc-location-icon-box {
    background: var(--islc-location-box-bg-hover, #5ea33b);
}

.islc-location-icon-layer {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 0.28s ease;
}

.islc-location-icon-layer--default {
    opacity: 1;
}

.islc-location-icon-layer--hover {
    opacity: 0;
}

.islc-card-wrap:hover .islc-location-icon-layer--default,
.islc-card-wrap.is-mobile-active .islc-location-icon-layer--default,
.islc-card-map:focus-visible .islc-location-icon-layer--default {
    opacity: 0;
}

.islc-card-wrap:hover .islc-location-icon-layer--hover,
.islc-card-wrap.is-mobile-active .islc-location-icon-layer--hover,
.islc-card-map:focus-visible .islc-location-icon-layer--hover {
    opacity: 1;
}

.islc-location-icon-image,
.islc-location-icon-layer svg {
    width: var(--islc-location-icon-size, 48px);
    height: var(--islc-location-icon-size, 48px);
    max-width: calc(100% - 12px);
    max-height: calc(100% - 12px);
    object-fit: contain;
    display: block;
}

.islc-address-text {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.islc-branch-name {
    display: inline-block;
    margin: 0;
    color: #1d2b53;
    font-size: clamp(22px, 2.8vw, var(--islc-title-size, 38px));
    line-height: 1.05;
    font-weight: 800;
    transform: translate(var(--islc-title-offset-x, 0px), var(--islc-title-offset-y, 0px));
    transform-origin: left top;
}

.islc-address-row p {
    margin: 0;
    color: #3f536e;
    font-size: clamp(16px, 1.8vw, var(--islc-address-size, 22px));
    line-height: 1.55;
    font-weight: 500;
}

.islc-address-copy {
    transform: translate(var(--islc-address-offset-x, 0px), var(--islc-address-offset-y, 0px));
}

.islc-button-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: auto;
    transform: translate(var(--islc-button-offset-x, 0px), var(--islc-button-offset-y, 0px));
}

.islc-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: min(var(--islc-button-width, 100%), 100%);
    min-height: var(--islc-button-height, 102px);
    padding: 18px 28px;
    border-radius: var(--islc-button-radius, 28px);
    background: #5ea33b;
    color: #ffffff;
    font-size: clamp(18px, 2.5vw, var(--islc-button-font-size, 34px));
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.01em;
    text-align: center;
    box-shadow: 0 18px 36px rgba(94, 163, 59, 0.24);
    transform: scale(1);
    transform-origin: center;
    transition:
        transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.44s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.34s ease;
    will-change: transform, box-shadow;
}

.islc-button:hover,
.islc-button:focus-visible {
    transform: scale(var(--islc-button-hover-scale, 1.06));
    filter: brightness(1.035);
    box-shadow: 0 22px 42px rgba(94, 163, 59, 0.27);
}

@media (prefers-reduced-motion: reduce) {
    .islc-card-photo,
    .islc-card-map,
    .islc-button,
    .islc-location-icon-box,
    .islc-location-icon-layer {
        transition-duration: 0.01ms !important;
    }

    .islc-card-wrap:hover > .islc-card-photo,
    .islc-card-wrap:hover > .islc-card-map,
    .islc-card-map:focus-visible {
        transform: translateZ(0);
    }

    .islc-button:hover,
    .islc-button:focus-visible {
        transform: scale(1);
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .islc-section {
        transform: translateY(var(--islc-block-offset-y-tablet, 0px));
    }
}

@media (max-width: 1024px) {
    .islc-grid {
        grid-template-columns: 1fr;
    }

    .islc-card-photo,
    .islc-photo {
        min-height: var(--islc-photo-card-height, 580px);
    }

    .islc-card-map {
        min-height: 420px;
    }

    .islc-map-visual {
        min-height: 220px;
    }

    .islc-map-visual.has-image {
        min-height: 260px;
    }
}

@media (max-width: 767px) {
    .islc-section {
        padding: 10px 0;
        transform: translateY(var(--islc-block-offset-y-mobile, 0px));
    }

    .islc-shell {
        width: min(100%, calc(100% - 12px));
    }

    .islc-grid {
        grid-template-columns: 1fr;
        gap: 10px;
        align-items: stretch;
    }

    .islc-card-wrap {
        padding: 2px 2px 6px;
        margin: -2px -2px -6px;
        min-width: 0;
    }

    .islc-card {
        border-radius: 18px;
        box-shadow: 0 10px 22px rgba(7, 26, 75, 0.08);
    }

    .islc-card-wrap--mobile-link {
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    .islc-card::after {
        border-radius: 22px;
    }

    .islc-card-photo,
    .islc-photo,
    .islc-card-photo picture {
        min-height: var(--islc-photo-card-height-mobile, 228px);
        height: 100%;
    }

    .islc-card-map {
        min-height: var(--islc-map-card-height-mobile, 228px);
        height: var(--islc-map-card-height-mobile, 228px);
        max-height: var(--islc-map-card-height-mobile, 228px);
    }

    .islc-photo {
        object-position: center;
    }

    .islc-map-content {
        padding: 10px;
        gap: 10px;
    }

    .islc-map-visual-shell {
        border-radius: 12px;
    }

    .islc-map-visual {
        min-height: 82px;
        border-radius: 12px;
    }

    .islc-map-visual.has-image {
        min-height: 82px;
    }

    .islc-address-row {
        grid-template-columns: var(--islc-location-box-size-mobile, 38px) 1fr;
        gap: 9px;
    }

    .islc-location-icon {
        transform: translate(var(--islc-location-box-offset-x-mobile, 0px), var(--islc-location-box-offset-y-mobile, 0px));
    }

    .islc-location-icon-box {
        width: var(--islc-location-box-size-mobile, 38px);
        height: var(--islc-location-box-size-mobile, 38px);
        border-radius: var(--islc-location-box-radius-mobile, 11px);
    }

    .islc-location-icon-image,
    .islc-location-icon-layer svg {
        width: var(--islc-location-icon-size-mobile, 22px);
        height: var(--islc-location-icon-size-mobile, 22px);
        max-width: calc(100% - 10px);
        max-height: calc(100% - 10px);
    }

    .islc-address-text {
        gap: 4px;
    }

    .islc-branch-name {
        font-size: var(--islc-branch-size-mobile, 15px);
        line-height: 1.03;
        transform: translate(var(--islc-branch-offset-x-mobile, 0px), var(--islc-branch-offset-y-mobile, 0px));
    }

    .islc-address-row p {
        font-size: var(--islc-address-size-mobile, 10px);
        line-height: 1.36;
        font-weight: 500;
    }

    .islc-address-copy {
        transform: translate(var(--islc-address-offset-x-mobile, 0px), var(--islc-address-offset-y-mobile, 0px));
    }

    .islc-button-wrap {
        margin-top: auto;
        transform: translate(var(--islc-button-offset-x-mobile, 0px), var(--islc-button-offset-y-mobile, 0px));
    }

    .islc-button {
        width: 100%;
        min-width: 0;
        min-height: 40px;
        padding: 9px 12px;
        border-radius: 13px;
        font-size: var(--islc-button-font-size-mobile, 14px);
        box-shadow: 0 10px 18px rgba(94, 163, 59, 0.2);
    }

    .islc-photo-glow {
        width: 110px;
        height: 110px;
    }
}

@media (max-width: 420px) {
    .islc-grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .islc-card-photo,
    .islc-photo,
    .islc-card-photo picture {
        min-height: var(--islc-photo-card-height-mobile, 214px);
    }

    .islc-card-map {
        min-height: var(--islc-map-card-height-mobile, 214px);
        height: var(--islc-map-card-height-mobile, 214px);
        max-height: var(--islc-map-card-height-mobile, 214px);
    }

    .islc-map-content {
        padding: 9px;
        gap: 9px;
    }

    .islc-map-visual,
    .islc-map-visual.has-image {
        min-height: 74px;
    }

    .islc-address-row {
        grid-template-columns: var(--islc-location-box-size-mobile, 38px) 1fr;
        gap: 8px;
    }

    .islc-location-icon-box {
        width: var(--islc-location-box-size-mobile, 38px);
        height: var(--islc-location-box-size-mobile, 38px);
        border-radius: var(--islc-location-box-radius-mobile, 11px);
    }

    .islc-location-icon-image,
    .islc-location-icon-layer svg {
        width: var(--islc-location-icon-size-mobile, 22px);
        height: var(--islc-location-icon-size-mobile, 22px);
    }

    .islc-branch-name {
        font-size: var(--islc-branch-size-mobile, 15px);
    }

    .islc-address-row p {
        font-size: var(--islc-address-size-mobile, 10px);
        line-height: 1.34;
    }

    .islc-button {
        min-height: 37px;
        padding: 8px 10px;
        font-size: var(--islc-button-font-size-mobile, 14px);
        border-radius: 12px;
    }
}

/* v1.7.6: fuerza que el alto móvil guardado se aplique realmente a la tarjeta de foto */
@media (max-width: 767px) {
    .islc-card-photo {
        min-height: 0 !important;
        height: var(--islc-photo-card-height-mobile, 228px) !important;
        max-height: var(--islc-photo-card-height-mobile, 228px) !important;
    }

    .islc-card-photo picture,
    .islc-photo {
        min-height: 0 !important;
        height: var(--islc-photo-card-height-mobile, 228px) !important;
        max-height: var(--islc-photo-card-height-mobile, 228px) !important;
    }
}


/* v1.7.7: permite controlar desde WordPress el alto real de la tarjeta de ubicación solo en celular */
@media (max-width: 767px) {
    .islc-card-map {
        min-height: var(--islc-map-card-height-mobile, 228px) !important;
        height: var(--islc-map-card-height-mobile, 228px) !important;
        max-height: var(--islc-map-card-height-mobile, 228px) !important;
    }
}

/* v1.7.9: ancho, alto y posición Y configurable de la imagen/captura del mapa solo en celular */
@media (max-width: 767px) {
    .islc-map-visual-shell {
        display: flex;
        justify-content: center;
        width: 100%;
        transform: translateY(var(--islc-map-visual-offset-y-mobile, 0px));
    }

    .islc-map-visual,
    .islc-map-visual.has-image {
        width: min(var(--islc-map-visual-width-mobile, 100%), 100%) !important;
        min-height: var(--islc-map-visual-height-mobile, 82px) !important;
        height: var(--islc-map-visual-height-mobile, 82px) !important;
        max-height: var(--islc-map-visual-height-mobile, 82px) !important;
    }
}

/* v1.8.0: ancho configurable de ambas tarjetas solo en celular */
@media (max-width: 767px) {
    .islc-grid {
        justify-items: center;
    }

    .islc-grid > .islc-card-wrap:nth-child(1) {
        width: min(var(--islc-photo-card-width-mobile, 100%), 100%) !important;
    }

    .islc-grid > .islc-card-wrap:nth-child(2) {
        width: min(var(--islc-map-card-width-mobile, 100%), 100%) !important;
    }
}

/* v1.8.3: en celular se evita que el :hover táctil del navegador deje la tarjeta arriba.
   El efecto móvil queda controlado únicamente por .is-mobile-active y su temporizador. */
@media (max-width: 767px) {
    .islc-card-wrap:not(.is-mobile-active):hover > .islc-card-photo,
    .islc-card-wrap:not(.is-mobile-active):hover > .islc-card-map {
        transform: translateZ(0) !important;
        box-shadow: 0 10px 22px rgba(7, 26, 75, 0.08) !important;
        border-color: rgba(8, 26, 75, 0.06) !important;
    }

    .islc-card-wrap:not(.is-mobile-active):hover .islc-location-icon-box {
        background: var(--islc-location-box-bg, #eaf4e3) !important;
    }

    .islc-card-wrap:not(.is-mobile-active):hover .islc-location-icon-layer--default {
        opacity: 1 !important;
    }

    .islc-card-wrap:not(.is-mobile-active):hover .islc-location-icon-layer--hover {
        opacity: 0 !important;
    }

    .islc-card-wrap:not(.is-mobile-active):hover .islc-button {
        transform: scale(1) !important;
        filter: none !important;
        box-shadow: 0 10px 18px rgba(94, 163, 59, 0.2) !important;
    }
}

/* v1.8.4: contorno completo para la imagen/captura del mapa en celular.
   Se dibuja como capa interna para que el borde inferior no se corte aunque la
   imagen sea absoluta o la tarjeta tenga alto fijo. */
@media (max-width: 767px) {
    .islc-map-visual-shell,
    .islc-map-visual {
        box-sizing: border-box;
        overflow-wrap: anywhere;
    }

    .islc-map-visual {
        isolation: isolate;
        background-clip: padding-box;
    }

    .islc-map-visual::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 3;
        pointer-events: none;
        border: 2px solid rgba(8, 26, 75, 0.16);
        border-radius: inherit;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
        box-sizing: border-box;
    }

    .islc-map-visual > .islc-map-image {
        z-index: 1;
    }
}

/* v1.8.5: corrige el corte inferior de la imagen/captura del mapa en celular.
   La tarjeta derecha conserva el redondeo, pero deja de forzar max-height fijo
   para que el mapa, dirección y botón no se corten en pantallas pequeñas. */
@media (max-width: 767px) {
    .islc-card-map {
        min-height: var(--islc-map-card-height-mobile, 228px) !important;
        height: auto !important;
        max-height: none !important;
        overflow: hidden;
        border-radius: 18px;
    }

    .islc-card-map > .islc-map-content {
        height: auto !important;
        min-height: var(--islc-map-card-height-mobile, 228px);
        overflow: visible;
        padding-bottom: max(12px, env(safe-area-inset-bottom));
    }

    .islc-map-visual-shell {
        flex: 0 0 auto;
        overflow: visible !important;
        margin-top: var(--islc-map-visual-offset-y-mobile, 0px);
        margin-bottom: 2px;
        transform: none !important;
    }

    .islc-map-visual,
    .islc-map-visual.has-image {
        overflow: hidden !important;
        border-radius: 14px !important;
        -webkit-mask-image: -webkit-radial-gradient(white, black);
        clip-path: inset(0 round 14px);
    }

    .islc-map-visual > .islc-map-image {
        border-radius: inherit;
        -webkit-mask-image: -webkit-radial-gradient(white, black);
    }

    .islc-map-visual::after {
        border-radius: inherit;
        inset: 0;
    }
}

/* v1.8.6: quita el contorno gris de la captura del mapa en celular,
   manteniendo el recorte y redondeo inferior corregidos. */
@media (max-width: 767px) {
    .islc-map-visual::after {
        content: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* v1.8.7: controles independientes para textos e icono solo en celular mediante variables del panel de WordPress. */

/* v1.8.8: ancho configurable del espacio del texto de la dirección solo en celular.
   100% usa todo el ancho disponible; valores menores hacen que la dirección
   se parta antes sin afectar escritorio ni el nombre de la sucursal. */
@media (max-width: 767px) {
    .islc-address-copy {
        width: min(var(--islc-address-text-width-mobile, 100%), 100%) !important;
        max-width: 100%;
        box-sizing: border-box;
    }
}


/* v1.8.9: posición vertical configurable del bloque completo por dispositivo desde WordPress. */

/* v1.9.0: alineación de escritorio para el bloque de ubicación.
   El nombre de la sucursal y la dirección empiezan en la misma línea izquierda.
   El icono queda centrado verticalmente entre el título y la dirección sin cambiar
   la separación visual entre esos dos textos. */
@media (min-width: 768px) {
    .islc-address-row {
        align-items: center;
    }

    .islc-location-icon {
        align-self: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transform: translate(var(--islc-location-box-offset-x, 0px), var(--islc-location-box-offset-y, 0px));
    }

    .islc-address-text {
        align-items: flex-start;
    }

    .islc-branch-name {
        display: block;
        align-self: flex-start;
        transform: translate(0, var(--islc-title-offset-y, 0px));
    }

    .islc-address-copy {
        align-self: flex-start;
        transform: translate(0, var(--islc-address-offset-y, 0px));
    }
}


/* v1.9.2: separación configurable entre el título y la dirección en computadora.
   Valor positivo separa la dirección del título; valor negativo los junta. */
@media (min-width: 768px) {
    .islc-address-text {
        gap: 0;
    }

    .islc-branch-name {
        line-height: 0.98;
    }

    .islc-address-copy {
        margin-top: var(--islc-title-address-gap-desktop, 10px) !important;
    }
}


/* v1.9.3: permite mover en computadora el icono completo de ubicación en eje Y.
   Antes el bloque de escritorio forzaba Y a 0, por eso el control del panel no respondía. */
@media (min-width: 768px) {
    .islc-location-icon {
        transform: translate(var(--islc-location-box-offset-x, 0px), var(--islc-location-box-offset-y, 0px));
    }
}


/* v1.9.4: corrige alineación móvil del título y dirección junto al icono.
   En celular, el nombre de la sucursal y la dirección quedan alineados a la
   izquierda, se mueven como un solo bloque y se colocan más cerca/arriba del icono.
   Esto evita que los offsets individuales guardados de versiones anteriores dejen
   el texto chueco o separado. */
@media (max-width: 767px) {
    .islc-address-row {
        align-items: flex-start !important;
        text-align: left !important;
        gap: 7px !important;
    }

    .islc-location-icon {
        align-self: flex-start !important;
    }

    .islc-address-text {
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: left !important;
        gap: 2px !important;
        margin-left: -6px !important;
        margin-top: -7px !important;
        width: 100%;
        min-width: 0;
    }

    .islc-branch-name,
    .islc-address-copy {
        display: block !important;
        align-self: flex-start !important;
        text-align: left !important;
        transform: none !important;
        transform-origin: left top !important;
    }

    .islc-branch-name {
        width: 100%;
        line-height: 1.02;
    }

    .islc-address-copy {
        width: min(var(--islc-address-text-width-mobile, 100%), 100%) !important;
        max-width: 100%;
        line-height: 1.32 !important;
    }

    .islc-address-row p {
        text-align: left !important;
    }
}

@media (max-width: 420px) {
    .islc-address-text {
        margin-left: -5px !important;
        margin-top: -6px !important;
    }
}


/* v1.9.6: centra visualmente el icono con el título y la dirección en móvil.
   Reduce al mínimo la separación entre "Chetumal" y la dirección, y mueve
   el bloque de texto ligeramente a la derecha para que no se encime con el icono. */
@media (max-width: 767px) {
    .islc-address-row {
        grid-template-columns: var(--islc-location-box-size-mobile, 38px) minmax(0, 1fr) !important;
        column-gap: 12px !important;
        row-gap: 0 !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    .islc-address-text {
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: left !important;
        gap: 0 !important;
        row-gap: 0 !important;
        margin-left: 4px !important;
        margin-top: 3px !important;
        padding-left: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .islc-branch-name,
    .islc-address-copy {
        display: block !important;
        align-self: flex-start !important;
        text-align: left !important;
        transform: none !important;
        transform-origin: left top !important;
        padding: 0 !important;
    }

    .islc-branch-name {
        margin: 0 !important;
        line-height: 1 !important;
        width: 100% !important;
    }

    .islc-address-copy,
    .islc-address-row p.islc-address-copy {
        margin: 1px 0 0 0 !important;
        line-height: 1.28 !important;
        width: min(var(--islc-address-text-width-mobile, 100%), 100%) !important;
        max-width: 100% !important;
    }

    .islc-address-row p {
        margin: 0 !important;
        text-align: left !important;
    }
}

@media (max-width: 420px) {
    .islc-address-row {
        column-gap: 11px !important;
    }

    .islc-address-text {
        margin-left: 3px !important;
        margin-top: 3px !important;
    }

    .islc-address-copy,
    .islc-address-row p.islc-address-copy {
        margin-top: 1px !important;
    }
}