/* Ajustes exclusivos de /hosting-web. Se carga después de amil29.css. */
.route-hosting-web .service-hero {
    background-image:
        linear-gradient(90deg, color-mix(in srgb, var(--brand-night) 97%, transparent) 0%, color-mix(in srgb, var(--brand-night) 84%, transparent) 48%, color-mix(in srgb, var(--brand-night) 28%, transparent) 78%),
        var(--page-hero-image);
}

.route-hosting-web .plans-section {
    background:
        radial-gradient(circle at 8% 10%, color-mix(in srgb, var(--brand-primary) 12%, transparent) 0, transparent 30rem),
        var(--brand-sand);
    border-block: 1px solid color-mix(in srgb, var(--brand-primary) 18%, transparent);
}

.route-hosting-web .plans-heading::after {
    width: 4.5rem;
    height: 3px;
    position: absolute;
    right: 0;
    bottom: -1.2rem;
    content: "";
    background: linear-gradient(90deg, var(--brand-primary), var(--brand-accent));
}

@media (max-width: 760px) {
    .route-hosting-web .plans-heading::after { right: auto; left: 0; }
}