/* Soluciones (página 2505, 2026-09-29). Reutiliza las escenas de Inmobiliática, Reservas.Travel,
   Tiendas mayoristas, Taquilla y Logística (MDD_ESCENAS_PAGINA carga sus archivos). */

/* ---------- Hero: la ciudad de nuestras soluciones ----------
   imagenes/hero-soluciones.svg (la genera herramientas/hero-soluciones.mjs): casas en venta, el
   hotel, la noria al centro, el depósito mayorista y el barrio con pines de entrega, con una
   camioneta de reparto que los recorre. Va abajo, detrás del texto y del panel. */
.hero-soluciones { padding-bottom: clamp(150px, 18vw, 310px); }
.hero-soluciones::before {
    background:
        radial-gradient(36% 50% at 10% 16%, rgba(31, 184, 205, .45), transparent 68%),
        radial-gradient(30% 42% at 52% 8%, rgba(142, 117, 178, .40), transparent 70%),
        radial-gradient(32% 44% at 90% 14%, rgba(255, 22, 50, .36), transparent 70%),
        radial-gradient(40% 40% at 50% 100%, rgba(255, 205, 87, .26), transparent 72%);
    animation: so-drift 10s ease-in-out infinite alternate;
}
.hero-soluciones .svc-hero-fx { display: none; }
.hero-soluciones::after { background-image: radial-gradient(rgba(255, 255, 255, .06) 1px, transparent 1.4px); background-size: 22px 22px; }
.mdpd-svc .so-fondo {
    position: absolute; left: 0; right: 0; bottom: 0; z-index: -1;
    width: 100%; max-width: none; height: clamp(220px, 24vw, 390px);
    object-fit: cover; object-position: 50% 100%;
    pointer-events: none; opacity: .85;
    -webkit-mask-image: linear-gradient(to top, #000 45%, transparent 92%);
    mask-image: linear-gradient(to top, #000 45%, transparent 92%);
}
@media (max-width: 880px) { .mdpd-svc .so-fondo { height: 300px; } .hero-soluciones { padding-bottom: 170px; } }
@keyframes so-drift {
    from { transform: translate3d(-5%, -3%, 0) scale(1.04); }
    to   { transform: translate3d(6%, 4%, 0) scale(1.16); }
}
/* El panel: las cinco soluciones, cada una enlazada a su página */
.hero-soluciones a.svc-card { text-decoration: none; transition: border-color .2s, background .2s; }
.hero-soluciones a.svc-card:hover { border-color: rgba(255, 255, 255, .45); background: rgba(8, 12, 24, .6); }
.mdpd-svc .hero-soluciones .svc-card .so-ico { width: 26px; height: 26px; flex: none; margin-top: 1px; border-radius: 6px; }

/* Las tarjetas de los sistemas: la escena, el logo y el texto */
.svc-grid.es-dos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 620px) { .svc-grid.es-dos { grid-template-columns: minmax(0, 1fr); } }
.mdpd-svc .svc-item .so-logo { display: block; width: auto; height: 30px; margin: 10px 0 4px; }