/* ==========================================================================
   Markad Publicidad Estudio — Home
   ========================================================================== */

.mk-home-placeholder {
    position: relative;
    display: flex;
    min-height: 100vh;
    min-height: 100svh;
    align-items: center;
    padding-top: var(--mk-header-height);
    overflow: hidden;
    background:
        radial-gradient(
            circle at 75% 30%,
            rgba(163, 44, 204, 0.3),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            var(--mk-indigo-950) 0%,
            var(--mk-indigo-900) 100%
        );
    color: var(--mk-white);
}

.mk-home-placeholder::before {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(8, 13, 38, 0.2),
            transparent
        );
    content: '';
    pointer-events: none;
}

.mk-home-placeholder .mk-container {
    position: relative;
    z-index: 1;
}

.mk-home-placeholder .mk-display {
    max-width: 950px;
    color: var(--mk-white);
}

.mk-home-placeholder .mk-display strong {
    display: block;
    color: var(--mk-magenta-400);
}


/* --------------------------------------------------------------------------
   Móvil
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {

    .mk-home-placeholder {
        padding-top:
            var(--mk-header-height-mobile);
    }

}