/* --- Bloco Extraido --- */
        /* cyrillic-ext */
    @font-face {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 200 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 200 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
        unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 200 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 200 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
        unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 200 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
/* --- Bloco Extraido --- */
@media (min-width: 0px) {:root { --header-bg: url('/derila-2/media/036f4e697ac33e3aa3ce9c133686feed.jpg');}}@media (min-width: 576px) {:root { --header-bg: url('/derila-2/media/7ce45bf490ad02a389ed11681d0d7dd4.jpg');}}@media (min-width: 768px) {:root { --header-bg: url('/derila-2/media/a94c197b8a8a12ba9e9effa81706a544.jpg');}}@media (min-width: 1023px) {:root { --header-bg: url('/derila-2/media/22bee0155958845f3ce63b383ba39e7f.jpg');}}@media (min-width: 1400px) {:root { --header-bg: url('/derila-2/media/fbfedcb3a4440fb1bd1b0c4ff4a19de0.jpg');}}@media (min-width: 1560px) {:root { --header-bg: url('/derila-2/media/1a011d70560e9bd7d2e60b290e8997a3.jpg');}}@media (min-width: 1870px) {:root { --header-bg: url('/derila-2/media/f943cf0005bcc0390eb509d762ea7031.jpg');}}
/* --- Bloco Extraido --- */
.tw-hidden{display:none;}
/* --- Bloco Extraido --- */
    [wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {
        display: none;
    }
    [wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {
        display: none;
    }
    [wire\:offline][wire\:offline] {
        display: none;
    }
    [wire\:dirty]:not(textarea):not(input):not(select) {
        display: none;
    }
    [x-cloak]:not([x-cloak-pointer-events-none]) {
        display: none !important;
    }
    [x-cloak][x-cloak-pointer-events-none] {
        pointer-events: none;
    }
/* --- Bloco Extraido --- */
        :root {
            --btn-background-primary: #4277F0;
        }
/* --- Bloco Extraido --- */
        @keyframes scalePulse {
            0%, 100% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.2);
            }
        }
        .scale-pulse {
            animation: scalePulse 1500ms ease-in-out;
        }
/* --- Bloco Extraido --- */
        .youtube-video .iframe-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .youtube-video {
            position: relative;
            display: block;
            width: 100%;
            overflow: hidden;
            aspect-ratio: 1511 / 839;
        }
        .youtube-video img {
            width: 100%;
            height: auto;
        }
        .youtube-video .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 64px;
            height: 64px;
            cursor: pointer;
        }

/* --- Section Background Images (converted from srcset on divs) --- */

/* Section 5 - Your opinion */
.section-bg-5 {
    background-image: url('/derila-2/media/f6a20527e1c7b1caee3dd64d82872a18.jpg');
}
@media (min-width: 768px) {
    .section-bg-5 {
        background-image: url('/derila-2/media/072c27622d11195163d71888581a668d.jpg');
    }
}

/* Section 7 - Ultimate deep sleep */
.section-bg-7 {
    background-image: url('/derila-2/media/a03655fa202ccab2c6ed56fbb67d8c41.jpg');
}
@media (min-width: 768px) {
    .section-bg-7 {
        background-image: url('/derila-2/media/ff8ab7d6572588b080cf1168169b974e.jpg');
    }
}

/* Section 9 - Memory foam */
.section-bg-9 {
    background-image: url('/derila-2/media/b102c495ea3935a6258ea77e73613096.jpg');
}
@media (min-width: 768px) {
    .section-bg-9 {
        background-image: url('/derila-2/media/d20cb637923ddf595bb0c146ae500c67.jpg');
    }
}

/* ============================================
   CORREÇÃO 1 — Hero overlay escuro
   Garante legibilidade do texto branco sobre
   imagens de fundo claras na seção header.
   ============================================ */
[data-ga-section="2 - Header"] {
    position: relative;
}
[data-ga-section="2 - Header"]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0) 100%);
    z-index: 0;
}
[data-ga-section="2 - Header"] > * {
    position: relative;
    z-index: 1;
}

/* ============================================
   CORREÇÃO 2 — Responsive display override global
   style.css carrega DEPOIS do CSS da CDN, por isso
   .tw-hidden sobrepõe as classes responsivas da CDN
   (md:tw-block, lg:tw-block, md:tw-flex, etc.).
   Este bloco restaura o comportamento correto do
   Tailwind para TODOS os 13+ elementos afetados.
   ============================================ */
@media (min-width: 576px) {
    .sm\:tw-block  { display: block  !important; }
    .sm\:tw-flex   { display: flex   !important; }
    .sm\:tw-inline { display: inline !important; }
    .sm\:tw-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) {
    .md\:tw-block  { display: block  !important; }
    .md\:tw-flex   { display: flex   !important; }
    .md\:tw-inline { display: inline !important; }
    .md\:tw-inline-block { display: inline-block !important; }
    .md\:tw-grid   { display: grid   !important; }
}
@media (min-width: 1024px) {
    .lg\:tw-block  { display: block  !important; }
    .lg\:tw-flex   { display: flex   !important; }
    .lg\:tw-inline { display: inline !important; }
    .lg\:tw-inline-block { display: inline-block !important; }
    .lg\:tw-grid   { display: grid   !important; }
}
@media (min-width: 1280px) {
    .xl\:tw-block  { display: block  !important; }
    .xl\:tw-flex   { display: flex   !important; }
    .xl\:tw-inline { display: inline !important; }
    .xl\:tw-inline-block { display: inline-block !important; }
    .xl\:tw-grid   { display: grid   !important; }
}

/* ============================================
   CORREÇÃO 3 — Play button visual para vídeo YouTube
   O .play-button original não tinha conteúdo visual.
   Adiciona ícone de play via CSS.
   ============================================ */
.youtube-video .play-button {
    background: rgba(0, 0, 0, 0.65);
    border-radius: 50%;
    border: 3px solid white;
}
.youtube-video .play-button::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 22px;
    border-color: transparent transparent transparent white;
}
.youtube-video:hover .play-button {
    background: rgba(255, 0, 0, 0.8);
    border-color: rgba(255, 0, 0, 0.8);
    transition: background 0.2s ease, border-color 0.2s ease;
}