/* *****************************************************
    ** Ilimitado CLOUD — Custom Stylesheet **
    Fixes layout: inner pages use .sec-inner instead of
    .sec-uping so content appears in the WHITE zone below
    the dark hero, not overlapping into it.
***************************************************** */

/* ============================================================
   1. INNER PAGES — Content below the hero (no overlap)
   .sec-inner replaces .sec-uping for all inner pages.
   The dark hero remains compact. Content flows naturally below.
   ============================================================ */
.sec-inner {
    position: relative;
    z-index: 1;
    padding-top: 60px;
    padding-bottom: 80px;
    /* NO negative margin — content stays in the white area */
}

/* ============================================================
   2. HERO (TOP-HEADER) — Inner pages: compact height
   Just enough for the title + subheading with normal padding.
   No need for extra bottom padding since there's no overlap.
   ============================================================ */
.top-header {
    padding-top: 160px !important;
    padding-bottom: 90px !important;
}

/* ============================================================
   3. PRICING SECTION on inner pages
   Remove the scrollme animation overflow issue
   ============================================================ */
.pricing.special.sec-inner {
    background-color: #ffffff;
}

.pricing.special.sec-inner .container {
    padding-top: 0;
}

/* Animated pricing cards: allow overflow for shadow effects */
.pricing .row.scrollme {
    overflow: visible !important;
}

.pricing .animateme {
    overflow: visible !important;
}

/* ============================================================
   4. CONTACT PAGE — Card sits in white zone, proper padding
   ============================================================ */
.sec-normal.sec-inner {
    background-color: #ffffff;
}

/* ============================================================
   5. KEEP .sec-uping ONLY for homepage (slider = full height)
   The index.html keeps sec-up-slider, not sec-uping.
   ============================================================ */

/* ============================================================
   6. PREVENT HORIZONTAL OVERFLOW
   ============================================================ */
body {
    overflow-x: hidden;
}

/* ============================================================
   7. RESPONSIVE — Mobile (already worked, keep same behavior)
   ============================================================ */
@media (max-width: 991px) {
    .top-header {
        padding-top: 120px !important;
        padding-bottom: 60px !important;
    }

    .sec-inner {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

/* ============================================================
   8. VIDEO RESPONSIVE
   ============================================================ */
video {
    max-width: 100%;
    height: auto;
    display: block;
}

/* About page: video placeholder background */
video:not([src]):not(:has(source)) {
    background: #1d262f;
    min-height: 200px;
    border-radius: 12px;
}