* {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            html,
            body {
                overflow-x: clip;
            }

            html {
                scroll-behavior: smooth;
            }

            .page-wrapper {
                font-family: "Urbanist", sans-serif;
                background-color: transparent;
                overflow-x: clip;
            }

            /* =============================================
               SEO SECTION
               ============================================= */
            .seo-section {
                background-color: transparent;
                width: 100%;
                border-bottom: 1px solid #e0e0e0;
                padding: 20px 0;
                position: relative;
                z-index: 10;
            }

            .seo-container {
                max-width: 1500px;
                margin: 0 auto;
                padding: 0 20px;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 10px;
            }
            .lojagoldentec-enhanced-description-0-x-wrapper--description-ids .lojagoldentec-enhanced-description-0-x-container--description-ids .lojagoldentec-enhanced-description-0-x-contentContainer .lojagoldentec-enhanced-description-0-x-contentItem .lojagoldentec-enhanced-description-0-x-contentWrapper {
            max-width: 100% !important;
            }

            .stacking-header-badge2 {
                display: inline-block;
                padding: 10px 24px;
                border: 1.5px solid #101010;
                border-radius: 50px;
                font-size: 12px;
                font-weight: 700;
                letter-spacing: 1.8px;
                color: #101010;
                white-space: nowrap;
                text-align: center;
            }

            .seo-text {
                font-family: "Urbanist", sans-serif;
                font-size: 14px;
                font-weight: 400;
                color: #525252;
                text-align: center;
                line-height: 1.6;
                margin: 0;
                max-width: 1500px;
            }

            @media (max-width: 768px) {
                .seo-container {
                    padding: 0 24px;
                }
                .stacking-header-badge2 {
                    font-size: 11px;
                    padding: 8px 18px;
                    white-space: normal;
                }
                .seo-text {
                    font-size: 13px;
                }
            }

            .hero-section {
                display: flex;
                align-items: flex-end;
                justify-content: center;
                position: relative;
                height: 100vh;
                min-height: 700px;
                background-image: url("https://lojagoldentec.vteximg.com.br/arquivos/PG 1.webp");
                background-size: cover;
                background-position: top;
                color: #ffffff;
            }

            .hero-overlay {
                width: 100%;
                background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
                padding: 80px 0 60px;
                display: flex;
                justify-content: center;
            }

            .hero-container {
                max-width: 1440px;
                width: 100%;
                margin: 0 auto;
                padding: 0 40px;
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
                flex-wrap: wrap;
                gap: 30px;
                position: relative;
                z-index: 1;
            }

            .hero-content {
                text-align: left;
                max-width: 900px;
            }

            .product-name-hero {
                font-size: 24px;
                font-weight: 600;
                letter-spacing: 1px;
                color: #e0e0e0;
                display: block;
                margin-bottom: -10px;
            }

            .slogan-hero {
                font-size: 85px;
                font-weight: 600;
                line-height: 1;
                color: #ffffff;
                margin: 0;
            }

            .content-section-black {
                position: relative;
                z-index: 2;
            }

            .card-title {
                font-size: 1.25rem;
                font-weight: 700;
                color: #111827;
                margin: 0 0 0.5rem 0;
            }

            .resistencia-section {
                padding: 80px 0 80px;
            }

            .resistencia-section--reversed .resistencia-inner {
                direction: rtl;
            }

            .resistencia-section--reversed .resistencia-col-left,
            .resistencia-section--reversed .resistencia-col-right {
                direction: ltr;
            }

            .resistencia-section--reversed .resistencia-col-left {
                text-align: right;
                padding-left: 40px;
            }

            .resistencia-section--reversed .resistencia-top-row {
                flex-direction: row-reverse;
            }

            .resistencia-section--reversed .resistencia-subtitle {
                margin-left: auto;
                margin-right: 0;
            }

            .resistencia-section--reversed .resistencia-features-outer {
                justify-content: flex-end;
            }

            .resistencia-section--reversed .resistencia-feature {
                text-align: right;
            }

            .resistencia-section--reversed .resistencia-feature-icon {
                display: flex;
                justify-content: flex-end;
            }

            .resistencia-col-right video {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
                transition: transform 0.6s ease;
            }

            .resistencia-col-right:hover video {
                transform: scale(1.05);
            }

            .resistencia-inner {
                max-width: 1440px;
                margin: 0 auto;
                padding: 0 24px;
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: 1fr auto;
                gap: 0 60px;
            }

            .resistencia-col-left {
                grid-column: 1;
                grid-row: 1;
                display: flex;
                flex-direction: column;
                min-height: 160px;
                padding-right: 40px;
            }

            .resistencia-features-outer {
                grid-column: 1;
                grid-row: 2;
                display: flex;
                gap: 40px;
                padding-bottom: 0;
                margin-top: 0;
                align-items: flex-start;
            }

            .resistencia-col-right {
                grid-column: 2;
                grid-row: 1 / 3;
                position: relative;
                border-radius: 16px;
                overflow: hidden;
                height: 660px;
                transition: border-radius 0.5s ease;
            }

            .resistencia-top {
                margin-bottom: 0;
            }

            .resistencia-top-row {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                margin-bottom: 20px;
            }

            .resistencia-badge {
                display: inline-block;
                padding: 12px 28px;
                border: 1.5px solid #101010;
                border-radius: 50px;
                font-size: 12px;
                font-weight: 700;
                letter-spacing: 1.8px;
                color: #101010;
                white-space: nowrap;
            }

            .resistencia-counter {
                font-size: 14px;
                font-weight: 500;
                color: #101010;
                letter-spacing: 0.5px;
            }

            .resistencia-title {
                font-size: 72px;
                font-weight: 700;
                line-height: 0.9;
                color: #101010;
                margin: 0 0 24px 0;
                letter-spacing: -1px;
            }

            .resistencia-subtitle {
                font-size: 20px;
                font-weight: 400;
                color: #525252;
                line-height: 1.6;
                margin: 0 0 24px 0;
                padding-bottom: 24px;
                border-bottom: 1px solid #e0e0e0;
                max-width: 500px;
            }

            .resistencia-feature {
                flex: 1;
            }

            .resistencia-feature-title {
                font-size: 26px;
                font-weight: 700;
                color: #101010;
                margin: 0 0 10px;
            }

            .resistencia-feature-desc {
                font-size: 18px;
                color: #525252;
                line-height: 1.6;
                margin: 0;
            }

            .resistencia-col-right img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
                transition: transform 0.6s ease;
            }

            .resistencia-col-right:hover {
                border-radius: 80px;
            }

            .resistencia-col-right:hover img {
                transform: scale(1.05);
            }

            .perf-hero-image-wrapper {
                position: relative;
                width: 100%;
                overflow: hidden;
                border-radius: 12px;
                transition: border-radius 0.5s ease;
            }

            .perf-hero-image-wrapper:hover {
                border-radius: 80px;
            }

            .perf-hero-image-wrapper:hover .perf-hero-image {
                transform: scale(1.05);
            }

            .perf-hero-image {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
                transition: transform 0.6s ease;
            }

            /* Ajuste específico para a última imagem */
            .perf-hero-image-wrapper-final {
                position: relative;
                width: 100%;
                overflow: hidden;
                aspect-ratio: 16/5;
                border-radius: 12px;
                transition: border-radius 0.5s ease;
            }

            .perf-hero-image-wrapper-final:hover {
                border-radius: 80px;
            }

            .perf-hero-image-wrapper-final:hover .perf-hero-image {
                transform: scale(1.05);
            }

            @media (max-width: 768px) {
                .hero-section {
                    min-height: 500px;
                    background-image: url("https://lojagoldentec.vteximg.com.br/arquivos/PG1MOBILE_.jpg");
                    background-position: center;
                }
                .slogan-hero {
                    font-size: 52px;
                }
                .hero-container {
                    padding: 0 24px;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 20px;
                }
                .resistencia-inner {
                    display: flex;
                    flex-direction: column;
                    gap: 24px;
                    padding: 0 16px;
                }
                .resistencia-col-left {
                    min-height: unset;
                    order: 1;
                    padding-right: 0 !important;
                }
                .resistencia-section--reversed .resistencia-col-left {
                    padding-left: 0 !important;
                }
                .resistencia-top {
                    margin-bottom: 0;
                }
                .resistencia-top-row {
                    display: flex;
                    justify-content: space-between;
                    width: 100%;
                    align-items: center;
                    margin-bottom: 12px;
                }
                .resistencia-title {
                    font-size: 40px;
                    margin-bottom: 16px;
                }
                .resistencia-col-right {
                    order: 3;
                    grid-column: unset !important;
                    grid-row: unset !important;
                    height: auto;
                    aspect-ratio: 3/4;
                    width: 100%;
                    border-radius: 16px;
                }
                .resistencia-features-outer {
                    order: 4;
                    flex-direction: column;
                    gap: 24px;
                }
                .perf-hero-image-wrapper {
                    aspect-ratio: 4/3;
                    border-radius: 16px;
                }
                .perf-hero-image-wrapper-final {
                    aspect-ratio: 4/3;
                    border-radius: 16px;
                }
                .perf-headline-col .resistencia-badge {
                    grid-column: 1;
                    grid-row: 1;
                    justify-self: start;
                    margin-bottom: 12px;
                }
            }

            /* =============================================
               STACKING CARDS SECTION
               ============================================= */
            :root {
                --sc-card-height: 70vh;
                --sc-card-top-offset: 1em;
            }

            .stacking-section {
                background: #ffffff;
                padding: 0;
                position: relative;
            }

            .stacking-header {
                max-width: 1440px;
                margin: 0 auto;
                padding: 100px 40px 60px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-wrap: wrap;
                gap: 24px;
            }

            .stacking-header-left h2 {
                font-family: "Urbanist", sans-serif;
                font-size: clamp(2.5rem, 6vw, 5rem);
                font-weight: 700;
                color: #2c2c2c;
                margin: 0;
                line-height: 0.9;
                letter-spacing: -1px;
            }

            .stacking-header-left p {
                font-family: "Urbanist", sans-serif;
                font-size: 18px;
                font-weight: 400;
                color: #2c2c2c;
                margin: 16px 0 0;
            }

            .stacking-header-badge {
                display: inline-block;
                padding: 10px 24px;
                border: 1.5px solid #101010;
                border-radius: 50px;
                font-size: 12px;
                font-weight: 700;
                letter-spacing: 1.8px;
                color: #101010;
                white-space: nowrap;
                margin-top: 25px;
            }

            .stacking-header-right {
                display: flex;
                align-items: flex-end;
            }

            .stacking-badge-disclaimer {
                font-size: 20px;
                font-weight: 400;
                color: #2c2c2c;
                line-height: 1.5;
                max-width: 450px;
                text-align: right;
            }

            #sc-cards {
                list-style: none;
                padding: 0 24px;
                display: grid;
                grid-template-columns: 1fr;
                grid-template-rows: repeat(4, var(--sc-card-height));
                gap: 2vw;
                padding-bottom: calc(4 * 2vw);
                max-width: 1440px;
                margin: 0 auto;
                box-sizing: border-box;
            }

            .sc-card {
                position: sticky;
                top: 10vh;
                height: var(--sc-card-height);
                padding-top: calc(var(--sc-index) * var(--sc-card-top-offset));
                perspective: 1000px;
            }

            .sc-card__content {
                box-sizing: border-box;
                width: 100%;
                height: 100%;
                border-radius: 24px;
                overflow: hidden;
                position: relative;
                display: flex;
                align-items: flex-end;
                border: 1px solid rgba(255, 255, 255, 0.08);
                transform-origin: 50% 0%;
                will-change: transform, filter;
                transform-style: preserve-3d;
                animation: sc-scale-card linear forwards;
                animation-timeline: view();
                animation-range: exit-crossing 0% exit-crossing 100%;
                transition: border-radius 0.5s ease;
            }

            .sc-card__content:hover {
                border-radius: 48px;
            }

            .sc-card__bg-img {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                transition: transform 0.6s ease;
                z-index: 0;
            }

            .sc-card__content:hover .sc-card__bg-img {
                transform: scale(1.04);
            }

            .sc-card__overlay {
                position: absolute;
                inset: 0;
                z-index: 1;
                background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.1) 55%, rgba(0, 0, 0, 0) 100%);
            }

            .sc-card__body {
                position: relative;
                z-index: 2;
                padding: 40px 48px;
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
                flex-wrap: wrap;
                gap: 16px;
            }

            .sc-card__text h3 {
                font-family: "Urbanist", sans-serif;
                font-size: clamp(1.8rem, 3.5vw, 3rem);
                font-weight: 700;
                color: #ffffff;
                margin: 0 0 8px;
                line-height: 1.1;
            }

            .sc-card__text p {
                font-family: "Urbanist", sans-serif;
                font-size: 16px;
                font-weight: 400;
                color: rgba(255, 255, 255, 0.7);
                margin: 0;
                max-width: 700px;
                line-height: 1.5;
            }

            .sc-card__tag {
                display: inline-block;
                padding: 8px 20px;
                border: 1.5px solid rgba(188, 207, 0, 0.5);
                background: rgba(188, 207, 0, 0.12);
                border-radius: 50px;
                font-family: "Urbanist", sans-serif;
                font-size: 15px;
                font-weight: 700;
                letter-spacing: 1.5px;
                color: #bccf00;
                white-space: nowrap;
                flex-shrink: 0;
            }

            .sc-card:nth-child(1) {
                --sc-index: 1;
            }
            .sc-card:nth-child(2) {
                --sc-index: 2;
            }
            .sc-card:nth-child(3) {
                --sc-index: 3;
            }
            .sc-card:nth-child(4) {
                --sc-index: 4;
            }
            .sc-card:nth-child(5) {
                --sc-index: 5;
            }

            #sc-cards {
                padding: 0 12px;
                padding-bottom: 40px;
            }

            .sc-card__body {
                padding: 24px;
            }

            #wrapper {
                margin: auto;
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 100%;
                max-width: 100%;
                position: relative;
                z-index: 2;
            }

            #info {
                font-family: "Urbanist", sans-serif;
                font-size: 14px;
                font-weight: 500;
                color: #7c7c8a;
                margin-top: 10px;
                text-align: center;
                user-select: none;
                letter-spacing: 0.2px;
            }

            /* =============================================
               THERMOMETER - COM PARTÍCULAS AO REDOR DA BOX
               ============================================= */
            
            /* Esconde os radio buttons */
            .thermo-radio {
                position: absolute;
                opacity: 0;
                width: 0;
                height: 0;
                pointer-events: none;
            }

            /* CONTAINER PRINCIPAL - Tudo dentro dele */
            .thermo-control-wrapper {
                position: relative;
                width: 100%;
            }

            /* =============================================
               PARTÍCULAS - AO REDOR DA thermo-control-wrapper
               ============================================= */

            /* Container das partículas - posicionado sobre a wrapper */
            .particles-around-wrapper {
                position: absolute;
                top: -60px;
                left: -60px;
                right: -60px;
                bottom: -60px;
                pointer-events: none;
                z-index: 0;
                overflow: hidden;
                border-radius: 80px;
            }

            /* Partículas de FRIO */
            .thermo-particle-cold {
                position: absolute;
                pointer-events: none;
                animation: float-cold-around linear infinite;
                color: rgba(0, 113, 227, 0.2);
                filter: drop-shadow(0 0 8px rgba(186, 230, 253, 0.5));
                opacity: 0;
                transition: opacity 1.2s ease;
            }

            .thermo-particle-cold svg {
                width: 100%;
                height: 100%;
                display: block;
            }

            /* Partículas de QUENTE */
            .thermo-particle-hot {
                position: absolute;
                pointer-events: none;
                animation: float-hot-around linear infinite;
                color: rgba(249, 115, 22, 0.25);
                fill: rgba(249, 115, 22, 0.12);
                filter: drop-shadow(0 0 10px rgba(249, 115, 22, 0.4));
                opacity: 0;
                transition: opacity 1.2s ease;
            }

            .thermo-particle-hot svg {
                width: 100%;
                height: 100%;
                display: block;
            }

            /* Estados - controle de visibilidade */
            #thermo-cold:checked ~ .thermo-control-wrapper .particles-around-wrapper .thermo-particle-cold {
                opacity: 1;
            }

            #thermo-cold:checked ~ .thermo-control-wrapper .particles-around-wrapper .thermo-particle-hot {
                opacity: 0;
            }

            #thermo-hot:checked ~ .thermo-control-wrapper .particles-around-wrapper .thermo-particle-cold {
                opacity: 0;
            }

            #thermo-hot:checked ~ .thermo-control-wrapper .particles-around-wrapper .thermo-particle-hot {
                opacity: 1;
            }

            /* Animações ao redor da box */
            @keyframes float-cold-around {
                0% {
                    transform: translateY(-40px) translateX(0) rotate(0deg) scale(0.6);
                    opacity: 0;
                }
                15% {
                    opacity: 0.7;
                }
                85% {
                    opacity: 0.7;
                }
                100% {
                    transform: translateY(calc(100% + 60px)) translateX(var(--drift, 30px)) rotate(360deg) scale(1);
                    opacity: 0;
                }
            }

            @keyframes float-hot-around {
                0% {
                    transform: translateY(40px) translateX(0) rotate(0deg) scale(0.6);
                    opacity: 0;
                }
                15% {
                    opacity: 0.7;
                }
                50% {
                    transform: translateY(calc(50% - 20px)) translateX(calc(var(--drift, -30px) * 0.5)) rotate(180deg) scale(1.1);
                }
                85% {
                    opacity: 0.7;
                }
                100% {
                    transform: translateY(calc(-100% - 60px)) translateX(var(--drift, -30px)) rotate(360deg) scale(0.8);
                    opacity: 0;
                }
            }

            /* Posições das partículas ao redor da box */
            .thermo-particle-cold.p1 { left: 5%; top: 5%; width: 32px; height: 32px; animation-duration: 12s; animation-delay: -1s; --drift: 50px; }
            .thermo-particle-cold.p2 { left: 20%; top: 10%; width: 45px; height: 45px; animation-duration: 16s; animation-delay: -4s; --drift: -60px; color: rgba(0, 113, 227, 0.25); }
            .thermo-particle-cold.p3 { left: 40%; top: 5%; width: 36px; height: 36px; animation-duration: 14s; animation-delay: -7s; --drift: 40px; }
            .thermo-particle-cold.p4 { left: 60%; top: 8%; width: 28px; height: 28px; animation-duration: 11s; animation-delay: -2s; --drift: -45px; }
            .thermo-particle-cold.p5 { left: 78%; top: 3%; width: 50px; height: 50px; animation-duration: 18s; animation-delay: -10s; --drift: 70px; color: rgba(0, 113, 227, 0.25); }
            .thermo-particle-cold.p6 { left: 92%; top: 12%; width: 34px; height: 34px; animation-duration: 13s; animation-delay: -5s; --drift: -55px; }
            .thermo-particle-cold.p7 { left: 10%; bottom: 5%; width: 40px; height: 40px; animation-duration: 15s; animation-delay: -8s; --drift: 45px; }
            .thermo-particle-cold.p8 { left: 85%; bottom: 8%; width: 30px; height: 30px; animation-duration: 12s; animation-delay: -3s; --drift: -35px; }

            .thermo-particle-hot.p1 { left: 8%; top: 15%; width: 30px; height: 30px; animation-duration: 10s; animation-delay: -1.5s; --drift: 55px; }
            .thermo-particle-hot.p2 { left: 25%; top: 3%; width: 42px; height: 42px; animation-duration: 13s; animation-delay: -4.5s; --drift: -50px; }
            .thermo-particle-hot.p3 { left: 45%; top: 12%; width: 26px; height: 26px; animation-duration: 9s; animation-delay: -2.5s; --drift: 40px; }
            .thermo-particle-hot.p4 { left: 65%; top: 6%; width: 48px; height: 48px; animation-duration: 15s; animation-delay: -6.5s; --drift: -65px; }
            .thermo-particle-hot.p5 { left: 82%; top: 15%; width: 34px; height: 34px; animation-duration: 11s; animation-delay: -4s; --drift: 50px; }
            .thermo-particle-hot.p6 { left: 95%; top: 5%; width: 38px; height: 38px; animation-duration: 14s; animation-delay: -8s; --drift: -45px; }
            .thermo-particle-hot.p7 { left: 15%; bottom: 10%; width: 28px; height: 28px; animation-duration: 10s; animation-delay: -3s; --drift: 35px; }
            .thermo-particle-hot.p8 { left: 75%; bottom: 3%; width: 44px; height: 44px; animation-duration: 12s; animation-delay: -5.5s; --drift: -60px; }

            /* =============================================
               TERMÔMETRO - ESTILOS
               ============================================= */

            /* Barra do termômetro */
            .thermo-bar-container {
                width: 100%;
                max-width: 100%;
                margin: 60px auto 30px;
                box-sizing: border-box;
                position: relative;
                z-index: 2;
            }

            #thermo-bar-tube {
                width: 100%;
                background: #e5e7eb;
                height: 32px;
                position: relative;
                border: 6px solid #d1d5db;
                border-radius: 16px;
                z-index: 1;
                box-sizing: border-box;
            }

            #thermo-bar-fills-wrapper {
                position: absolute;
                inset: 0;
                overflow: hidden;
                border-radius: 10px;
                z-index: 1;
            }

            #thermo-bar-fill-blue {
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                background: linear-gradient(to right, #70c5ff, #004fd6);
                width: 100%;
                z-index: 1;
            }

            #thermo-bar-fill-orange {
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                background: linear-gradient(to right, #ffa834, #ff2000);
                width: 0%;
                z-index: 2;
                transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
            }

            /* Slider Thumb */
            #thermo-slider-thumb {
                width: 36px;
                height: 36px;
                border-radius: 50%;
                background: #ffffff;
                border: 4px solid #004fd6;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
                position: absolute;
                top: 50%;
                left: 0%;
                transform: translate(-50%, -50%);
                z-index: 6;
                transition: left 0.8s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.4s ease;
                pointer-events: none;
                display: flex;
                align-items: center;
                justify-content: center;
                box-sizing: border-box;
            }

            #thermo-slider-thumb svg {
                width: 20px;
                height: 20px;
                position: absolute;
                top: 50%;
                left: 50%;
                transition: opacity 0.4s ease, transform 0.4s ease, color 0.4s ease;
            }

            .icon-cold {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1);
                color: #004fd6;
            }

            .icon-hot {
                opacity: 0;
                transform: translate(-50%, -50%) scale(0.6);
                color: #ff2000;
            }

            /* Tooltip */
            #thermo-tooltip {
                position: absolute;
                background: rgba(16, 16, 16, 0.9);
                color: white;
                z-index: 99;
                padding: 6px 14px;
                border-radius: 6px;
                font-size: 14px;
                line-height: 1;
                bottom: calc(100% + 14px);
                left: 0%;
                transform: translateX(-50%);
                font-weight: 850;
                font-family: "Urbanist", sans-serif;
                white-space: nowrap;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
                pointer-events: none;
                display: grid;
                grid-template-areas: "stack";
                transition: left 0.8s cubic-bezier(0.4, 0, 0.2, 1);
            }

            .tooltip-text-cold,
            .tooltip-text-hot {
                grid-area: stack;
            }

            .tooltip-text-cold {
                opacity: 1;
                transition: opacity 0.4s ease;
            }

            .tooltip-text-hot {
                opacity: 0;
                transition: opacity 0.4s ease;
            }

            #thermo-tooltip::after {
                position: absolute;
                content: "";
                border-top: 6px solid rgba(16, 16, 16, 0.9);
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                bottom: -6px;
                left: 50%;
                transform: translateX(-50%);
                z-index: 99;
            }

            /* =============================================
               MARKERS - COM EFEITO PULSANTE (PUSSY EFFECT)
               ============================================= */
            
            .thermometer-markers {
                display: flex;
                justify-content: space-between;
                width: 100%;
                margin-top: 16px;
                padding: 0 10px;
                box-sizing: border-box;
            }

            .marker-item {
                font-family: "Urbanist", sans-serif;
                font-size: 15px;
                font-weight: 700;
                color: #9ca3af;
                cursor: pointer;
                user-select: none;
                padding: 8px 20px;
                border-radius: 30px;
                display: inline-block;
                position: relative;
                transition: all 0.3s ease;
                background: transparent;
                border: 2px solid transparent;
            }

            /* Efeito pulsante - animação de "pulse" */
            .marker-item::before {
                content: '';
                position: absolute;
                inset: -4px;
                border-radius: 32px;
                padding: 2px;
                background: linear-gradient(135deg, transparent 40%, #cbd6da 50%, transparent 60%);
                background-size: 200% 200%;
                -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
                -webkit-mask-composite: xor;
                mask-composite: exclude;
                opacity: 0;
                transition: opacity 0.5s ease;
                animation: borderPulse 2.5s ease-in-out infinite;
            }

            .marker-item:hover::before {
                opacity: 1;
            }

            .marker-item:hover {
                transform: translateY(-2px) scale(1.02);
                background: rgba(0, 0, 0, 0.03);
                border-color: rgba(0, 0, 0, 0.08);
            }

            /* Efeito de "pussy" - clique suave */
            .marker-item:active {
                transform: scale(0.95);
                transition-duration: 0.1s;
            }

            @keyframes borderPulse {
                0%, 100% {
                    background-position: 0% 50%;
                    opacity: 0.3;
                }
                50% {
                    background-position: 100% 50%;
                    opacity: 1;
                }
            }

            /* Estado FRIO - marker gelado ativo com pulso mais forte */
            #thermo-cold:checked ~ .thermo-control-wrapper .marker-cold {
                color: #004fd6;
                transform: scale(1.08);
                border-color: rgba(0, 79, 214, 0.3);
                background: rgba(0, 79, 214, 0.06);
            }

            #thermo-cold:checked ~ .thermo-control-wrapper .marker-cold::before {
                opacity: 1;
                background: linear-gradient(135deg, transparent 30%, rgba(0, 79, 214, 0.4) 50%, transparent 70%);
                animation-duration: 1.8s;
            }

            #thermo-cold:checked ~ .thermo-control-wrapper .marker-hot {
                color: #9ca3af;
                transform: scale(1);
                border-color: transparent;
                background: transparent;
            }

            #thermo-cold:checked ~ .thermo-control-wrapper .marker-hot::before {
                opacity: 0;
            }

            /* Estado QUENTE - marker quente ativo com pulso mais forte */
            #thermo-hot:checked ~ .thermo-control-wrapper .marker-hot {
                color: #ff2000;
                transform: scale(1.08);
                border-color: rgba(255, 32, 0, 0.3);
                background: rgba(255, 32, 0, 0.06);
            }

            #thermo-hot:checked ~ .thermo-control-wrapper .marker-hot::before {
                opacity: 1;
                background: linear-gradient(135deg, transparent 30%, rgba(255, 32, 0, 0.4) 50%, transparent 70%);
                animation-duration: 1.8s;
            }

            #thermo-hot:checked ~ .thermo-control-wrapper .marker-cold {
                color: #9ca3af;
                transform: scale(1);
                border-color: transparent;
                background: transparent;
            }

            #thermo-hot:checked ~ .thermo-control-wrapper .marker-cold::before {
                opacity: 0;
            }

            /* Info Cards */
            .thermometer-info-cards {
                position: relative;
                width: 850px;
                height: 180px;
                margin-top: 30px;
                z-index: 2;
            }

            .info-card {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                padding: 10px 20px;
                box-sizing: border-box;
                pointer-events: none;
                transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
            }

            .info-card.card-cold {
                opacity: 1;
                transform: translateY(0px);
            }

            .info-card.card-hot {
                opacity: 0;
                transform: translateY(20px);
            }

            .card-time-badge {
                display: inline-block;
                padding: 6px 16px;
                background-color: #004fd6;
                color: #ffffff;
                font-weight: 800;
                border-radius: 20px;
                font-size: 14px;
                letter-spacing: 0.5px;
                margin-bottom: 12px;
                font-family: "Urbanist", sans-serif;
                transition: background-color 0.4s ease;
            }

            .card-title {
                font-family: "Urbanist", sans-serif;
                font-size: 24px;
                font-weight: 700;
                color: #101010;
                margin: 0 0 10px 0;
            }

            .card-desc {
                font-family: "Urbanist", sans-serif;
                font-size: 16px;
                color: #525252;
                line-height: 1.6;
                max-width: 80%;
                margin: 0;
            }

            /* Backdrops */
            .thermo-backdrop-cold,
            .thermo-backdrop-hot {
                position: absolute;
                inset: 0;
                pointer-events: none;
                z-index: 0;
                border-radius: inherit;
                transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1);
                box-sizing: border-box;
            }

            .thermo-backdrop-cold {
                background: linear-gradient(135deg, rgba(224, 242, 254, 0.35) 0%, rgba(255, 255, 255, 0.15) 100%);
                border: 1px solid rgba(186, 230, 253, 0.45);
                box-shadow: inset 0 0 24px rgba(186, 230, 253, 0.2), 0 10px 30px rgba(186, 230, 253, 0.08);
                opacity: 1;
            }

            .thermo-backdrop-hot {
                background: linear-gradient(135deg, rgba(254, 215, 170, 0.35) 0%, rgba(255, 255, 255, 0.15) 100%);
                border: 1px solid rgba(253, 186, 116, 0.45);
                box-shadow: inset 0 0 24px rgba(253, 186, 116, 0.2), 0 10px 30px rgba(253, 186, 116, 0.08);
                opacity: 0;
            }

            /* Estados do termômetro */
            #thermo-hot:checked ~ .thermo-control-wrapper .thermo-backdrop-cold {
                opacity: 0;
            }

            #thermo-hot:checked ~ .thermo-control-wrapper .thermo-backdrop-hot {
                opacity: 1;
            }

            #thermo-hot:checked ~ .thermo-control-wrapper #thermo-bar-fill-orange {
                width: 100%;
            }

            #thermo-hot:checked ~ .thermo-control-wrapper #thermo-slider-thumb {
                left: 100%;
                border-color: #ff2000;
            }

            #thermo-hot:checked ~ .thermo-control-wrapper #thermo-slider-thumb .icon-cold {
                opacity: 0;
                transform: translate(-50%, -50%) scale(0.6);
            }

            #thermo-hot:checked ~ .thermo-control-wrapper #thermo-slider-thumb .icon-hot {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1);
                color: #ff2000;
            }

            #thermo-hot:checked ~ .thermo-control-wrapper #thermo-tooltip {
                left: 100%;
            }

            #thermo-hot:checked ~ .thermo-control-wrapper #thermo-tooltip .tooltip-text-cold {
                opacity: 0;
            }

            #thermo-hot:checked ~ .thermo-control-wrapper #thermo-tooltip .tooltip-text-hot {
                opacity: 1;
            }

            #thermo-hot:checked ~ .thermo-control-wrapper .info-card.card-cold {
                opacity: 0;
                transform: translateY(-20px);
            }

            #thermo-hot:checked ~ .thermo-control-wrapper .info-card.card-hot {
                opacity: 1;
                transform: translateY(0px);
            }

            #thermo-hot:checked ~ .thermo-control-wrapper .card-hot .card-time-badge {
                background-color: #ff2000;
            }

            #thermo-cold:checked ~ .thermo-control-wrapper .thermo-backdrop-cold {
                opacity: 1;
            }

            #thermo-cold:checked ~ .thermo-control-wrapper .thermo-backdrop-hot {
                opacity: 0;
            }

            #thermo-cold:checked ~ .thermo-control-wrapper #thermo-bar-fill-orange {
                width: 0%;
            }

            #thermo-cold:checked ~ .thermo-control-wrapper #thermo-slider-thumb {
                left: 0%;
                border-color: #004fd6;
            }

            #thermo-cold:checked ~ .thermo-control-wrapper #thermo-slider-thumb .icon-cold {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1);
                color: #004fd6;
            }

            #thermo-cold:checked ~ .thermo-control-wrapper #thermo-slider-thumb .icon-hot {
                opacity: 0;
                transform: translate(-50%, -50%) scale(0.6);
            }

            #thermo-cold:checked ~ .thermo-control-wrapper #thermo-tooltip {
                left: 0%;
            }

            #thermo-cold:checked ~ .thermo-control-wrapper #thermo-tooltip .tooltip-text-cold {
                opacity: 1;
            }

            #thermo-cold:checked ~ .thermo-control-wrapper #thermo-tooltip .tooltip-text-hot {
                opacity: 0;
            }

            #thermo-cold:checked ~ .thermo-control-wrapper .info-card.card-cold {
                opacity: 1;
                transform: translateY(0px);
            }

            #thermo-cold:checked ~ .thermo-control-wrapper .info-card.card-hot {
                opacity: 0;
                transform: translateY(20px);
            }

            #thermo-cold:checked ~ .thermo-control-wrapper .card-cold .card-time-badge {
                background-color: #004fd6;
            }

            /* =============================================
               THERMOMETER SECTION WRAPPER
               ============================================= */
            .thermometer-section {
                background-color: #ffffff;
                padding: 50px 0;
                width: 100%;
                position: relative;
                z-index: 2;
            }

            .thermometer-container {
                max-width: 1440px;
                margin: 0 auto;
                padding: 0 24px;
                position: relative;
            }

            .thermometer-header {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                margin-bottom: 60px;
                flex-wrap: wrap;
                gap: 30px;
            }

            .thermometer-badge-section {
                flex: 1;
                text-align: left;
            }

            .thermometer-badge {
                display: inline-block;
                padding: 12px 28px;
                border: 1.5px solid #101010;
                border-radius: 50px;
                font-size: 12px;
                font-weight: 700;
                letter-spacing: 1.8px;
                color: #101010;
                margin-bottom: 15px;
                white-space: nowrap;
            }

            .thermometer-main-title {
                font-size: 72px;
                font-weight: 700;
                line-height: 0.8;
                color: #101010;
                margin: 0;
                max-width: 700px;
                text-align: left;
            }

            .thermometer-title-section {
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                text-align: right;
            }

            .thermometer-counter {
                font-size: 14px;
                font-weight: 500;
                color: #101010;
                margin-bottom: 15px;
                letter-spacing: 0.5px;
            }

            .thermometer-counter2 {
                font-size: 14px;
                font-weight: 500;
                color: #101010;
                margin-bottom: 15px;
                letter-spacing: 0.5px;
                text-align: center;
            }

            .thermometer-interactive-wrapper {
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: transparent;
                padding: 25px 22px;
                border-radius: 24px;
                width: 100%;
                box-sizing: border-box;
                transition: border-radius 0.5s ease;
                position: relative;
                min-height: 400px;
            }

            .thermometer-interactive-wrapper:hover {
                border-radius: 48px;
            }

            @media (max-width: 768px) {
                .thermometer-header {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    grid-template-rows: auto auto auto;
                    gap: 0;
                    margin-bottom: 32px;
                }
                #thermo-bar-tube {
                width: 100%;
                background: #e5e7eb;
                height: 28px;
                position: relative;
                border: 6px solid #d1d5db;
                border-radius: 16px;
                z-index: 1;
                box-sizing: border-box;
            }
                /* Info Cards */
            .thermometer-info-cards {
                position: relative;
                width: 850px;
                height: 180px;
                margin-top: 30px;
                z-index: 2;
            }
                .thermometer-markers {
                justify-content: center;
                width: 50px;
                gap: 16px;
                margin-top: 16px;
                padding: 0 8px;
                box-sizing: border-box;
                }
                .thermo-bar-container {
                    width: 35%;
                }

                .card-desc {
                    max-width: 80%;
                }

                .thermometer-badge-section {
                    display: contents;
                }

                .thermometer-title-section {
                    display: contents;
                }

                .thermometer-badge {
                    grid-column: 1;
                    grid-row: 1;
                    justify-self: start;
                    margin-bottom: 12px;
                }

                .thermometer-counter {
                    grid-column: 2;
                    grid-row: 1;
                    justify-self: end;
                    padding-top: 14px;
                    text-align: right;
                    margin-bottom: 0;
                }

                .thermometer-main-title {
                    grid-column: 1 / -1;
                    grid-row: 2;
                    font-size: 40px;
                }

                .thermometer-interactive-wrapper {
                    padding: 30px 16px;
                }

                .thermometer-info-cards {
                    width: 100%;
                    height: 220px;
                }

                .particles-around-wrapper {
                    display: none;
                }

                .marker-item {
                    padding: 6px 14px;
                    font-size: 13px;
                }
            }