/* Contenedor general transparente */
        .shipping-section-wrapper {
            padding: 4rem 0;
            background: transparent;
        }

        /* TARJETA PRINCIPAL GRANDE */
        .main-shipping-container {
            background: #ffffff;
            border: none;
            border-radius: 24px;
            padding: 3rem 2rem;
            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);
        }

        .shipping-title {
            color: #1a1a1a;
            font-weight: 700;
        }

        /* ESTRUCTURA DE LA LISTA LIMPIA */
        .city-group {
            margin-bottom: 1.5rem;
            break-inside: avoid; /* Evita cortes extraños si decides usar columnas CSS en el futuro */
        }

        /* Título de la Ciudad */
        .city-name {
            font-size: 1rem;
            font-weight: 700;
            color: #0d6efd;
            margin-bottom: 0.4rem;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .shipping-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        /* Elemento de zona ultra compacto y limpio */
        .shipping-item {
            padding: 0.5rem 0.8rem;
            background: #f8f9fa;
            border-radius: 8px;
            margin-bottom: 0.4rem;
            font-size: 0.85rem; /* Letra un poco más compacta para maximizar espacio */
            font-weight: 600;
            color: #4a4a4a;
            transition: background-color 0.2s ease, color 0.2s ease;
        }

        .shipping-item:hover {
            background-color: #e9ecef;
            color: #1a1a1a;
        }

        /* CONTENEDOR DEL MAPA */
        .map-wrapper {
            width: 100%;
            height: 100%;
            min-height: 500px; /* Mayor altura para emparejar el bloque de dos columnas */
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
        }

        .map-wrapper iframe {
            width: 100%;
            height: 100%;
            min-height: 500px;
            border: 0;
        }