@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

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

        body {
             font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                 'Helvetica Neue', Arial, sans-serif;
            background-color: #0A2924;
            color: #ffffff;
            min-height: 100vh;
        }

        /* Header Bar */
        .header-bar {
            background: #2CC295;
            padding: 12px 20px;
            text-align: center;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            color:black
        }

        /* Main Section */
        .hero-section {
            display: flex;
            align-items: center;
            min-height: calc(100vh - 40px);
            padding: 60px 40px;
            position: relative;
           overflow: visible !important; 
        }

        /* Container */
        .container {
            max-width: 1400px;
            margin: 0 auto;
            width: 100%;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            align-items: center;
        }
        

        /* Left Content */
        .content-left {
            z-index: 2;
        }

        .logo {
            display: flex;
            align-items: center;
            margin-bottom: 40px;
        }

        .logo-text {
            font-size: 48px;
            font-weight: 300;
            font-style: italic;
            margin-right: 15px;
        }

        .logo-subtitle {
            font-size: 15px;
            font-weight: 600;
            letter-spacing: 4px;
            text-transform: uppercase;
            opacity: 0.8;
        }

        h1 {
            font-size: 32px;
            font-weight: 600;
            line-height: 1.3;
            margin-bottom: 30px;
            max-width: 500px;
        }

        .description {
            font-size: 16px;
            line-height: 1.6;
            opacity: 0.9;
            margin-bottom: 40px;
            max-width: 480px;
        }

        .cta-button {
            display: inline-block;
            background: linear-gradient(90deg, #e8d8a0 0%, #d4c490 100%);
            color: #2a2d3a;
            padding: 16px 40px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            font-size: 18px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }

        .cta-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(232, 216, 160, 0.3);
        }

        /* Right Content - Speaker Grid */
        .speakers-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            position: relative;
        }

        .speaker-card {
            aspect-ratio: 1;
            background: #3a3d4a;
            border-radius: 12px;
            overflow: hidden;
            position: relative;
            transition: transform 0.3s ease;
        }

        .speaker-card:hover {
            transform: scale(1.05);
            z-index: 10;
        }

        .speaker-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Ajustes específicos para Klaus e Mari */
        .speaker-card:nth-child(7) img {
            object-fit: cover;
            object-position: center 20%;
            
        }

        .speaker-card:nth-child(6) img {
            object-fit: cover;
            object-position: center 25%;
            transform: scale(1.25);
        }

        /* Background Decoration */
        .bg-decoration {
            position: absolute;
            bottom: -49%;
            left: 0%;
            width: 100%;
            height: 800px;
            opacity: 0.8;
            z-index: 0;
            pointer-events: none;
            background-image: url('../img/logo-craft-fundo.webp');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        /* Scroll Indicator */
        .scroll-indicator {
            position: absolute;
            bottom: -13px;
            left: 6%;
            transform: translateX(-50%);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: #2CC295;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: bounce 2s infinite;
            z-index: 100;
            box-shadow: 0 4px 15px rgba(44, 194, 149, 0.3);
        }

        .scroll-indicator::after {
            content: '↓';
            color: #ffffff;
            font-size: 24px;
            font-weight: bold;
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateX(-50%) translateY(0);
            }
            40% {
                transform: translateX(-50%) translateY(-10px);
            }
            60% {
                transform: translateX(-50%) translateY(-5px);
            }
        }

        /* Responsive */
        @media (max-width: 1024px) {
            .container {
                    grid-template-columns: 1fr;
                    gap: 60px;
                    display: flex;
                    flex-direction: column-reverse;
                    align-items: center;

            }
            .logo{
                justify-content: center;
            }

            .speakers-grid {
                max-width: 500px;
                margin: 0 auto;
            }
        }

        @media (max-width: 768px) {
            .hero-section {
                padding: 40px 20px;
                position: relative;
                
            }

            h1 {
                font-size: 28px;
                text-align: center;
            }

            .logo-text {
                font-size: 36px;
            }

            .speakers-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (max-width: 480px) {
            h1 {
                font-size: 24px;
                padding-inline: 15px;
            }

            .description {
                font-size: 18px;
                text-align: center;
                padding-inline: 15px;
            }
            .bg-decoration {
                width: 100%;
                bottom: -34%;
                left: -4px;
            }

            .cta-button {
                padding: 15px 40px;
                font-size: 20px;
                white-space: nowrap;     
                overflow: hidden;        
                text-overflow: ellipsis; 
            }
            .scroll-indicator{
                position: absolute;
                bottom: -30px; 
                left: 50%;
                transform: translateX(-50%);
                z-index: 9999; 
                pointer-events: none; 
                width: 6vh;
                height: 6vh;
            }
            .container-location {
                flex-direction: column-reverse;
            }
            .location-images img{
                width: 39vh !important;
                height: 82% !important;
                object-fit: fill !important;
            }
           
        }

        .img-logo{
            width: 150px;
            height: auto;
            margin-right: 15px;
        }

        /* Growth Section - Segunda Dobra */
        .growth-section {
            min-height: 100vh;
            padding: 80px 40px;
            display: flex;
            align-items: center;
            background: #081C19;
            position: relative;
        }

        .container-growth {
            max-width: 1300px;
            margin: 0 auto;
            width: 100%;
        }

        /* Primeira Linha: 2 Colunas */
        .growth-top-row {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 25px;
                align-items: start;
                margin-bottom: 60px;
                justify-content: center;
                justify-items: center;
        }
        @media (max-width: 768px) {
            .growth-top-row {
                margin-bottom: 19px;
            }
        }

        /* Growth Chart */
        .growth-chart {
            width: 100%;
            max-width: 500px;
            position: relative;
        }

        .growth-chart svg {
            width: 100%;
            height: auto;
            filter: drop-shadow(0 0 30px rgba(44, 194, 149, 0.4));
        }

        .growth-path {
            animation: drawPath 2s ease-in-out forwards;
            stroke-dasharray: 1000;
            stroke-dashoffset: 1000;
        }

        @keyframes drawPath {
            to {
                stroke-dashoffset: 0;
            }
        }

        .arrow-head {
            animation: fadeIn 0.5s ease-in 2s forwards;
            opacity: 0;
        }

        @keyframes fadeIn {
            to {
                opacity: 1;
            }
        }

        /* Growth Header (Badge + Título + 3 Parágrafos) */
        .growth-header {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .growth-header .growth-text {
            font-size: 16px;
            line-height: 1.8;
            margin-bottom: 25px;
            color: rgba(255, 255, 255, 0.9);
            text-align: left;
        }

        .badge-ultimo {
            display: inline-block;
            background: #2CC295;
            color: white;
            padding: 10px 24px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 30px;
            text-transform: none;
            letter-spacing: 0.3px;
            width: fit-content;
        }

        .growth-title {
            font-size: 32px;
            font-weight: 700;
            line-height: 1.3;
            color: #ffffff;
        }

        /* Segunda Linha: Content Centralizado */
        .growth-content {
            text-align: center;
            max-width: 900px;
            margin: 0 auto;
        }
        @media (max-width: 768px) {
            .growth-content {
                 text-align: left;
            }
        }

        .growth-text {
            font-size: 18px;
            line-height: 1.8;
            margin-bottom: 25px;
            color: rgba(255, 255, 255, 0.9);
        }

        .growth-highlight {
            font-size: 18px;
            line-height: 1.8;
            margin-bottom: 25px;
            color: #ffffff;
        }

        .growth-highlight strong {
            font-weight: 700;
            color: white;
        }

        .growth-subtext {
            font-size: 17px;
            line-height: 1.7;
            margin-bottom: 45px;
            color: rgba(255, 255, 255, 0.85);
        }
        .grafico{
            width: 95%;
            height: auto;
        }
          @media (max-width: 768px) {
            .grafico {
               width: 51vh;
               margin-left: -152px;
            }
          }

        .cta-button-growth {
            display: inline-block;
            background: linear-gradient(90deg, #e8d8a0 0%, #d4c490 100%);
            color: #0A2924;
            padding: 18px 45px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            font-size: 18px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }

        .cta-button-growth:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(232, 216, 160, 0.4);
        }

        /* Responsive Growth Section */
        @media (max-width: 1024px) {
            .growth-top-row {
                grid-template-columns: 1fr;
                gap: 40px;
                margin-bottom: 19px;
            }

            .growth-header {
                text-align: left;
                top: 11px;
                margin-top: -123px;
            }

            .growth-header .growth-text {
                text-align: left;
            }

            .badge-ultimo {
                margin-left: 0;
                margin-right: auto;
            }

            .growth-chart {
                max-width: 400px;
                margin: 0 auto;
            }
        }

        @media (max-width: 768px) {
            .growth-section {
                padding: 60px 20px;
            }

            .growth-top-row {
                margin-bottom: 19px;
            }

            .growth-chart {
                max-width: 280px;
                margin: 0 auto 30px;
            }

            .growth-header {
                text-align: left;
            }

            .growth-title {
                font-size: 26px;
                text-align: left;
            }

            .growth-header .growth-text {
                font-size: 16px;
                text-align: left;
            }

            .badge-ultimo {
                margin-left: 0;
                margin-right: auto;
            }

            .growth-content .growth-text,
            .growth-highlight,
            .growth-subtext {
                font-size: 16px;
            }
        }

        @media (max-width: 480px) {
            .growth-section {
                padding: 50px 20px;
            }

            .growth-chart {
                max-width: 240px;
                margin-bottom: 25px;
            }

            .growth-header {
                text-align: left;
            }

            .growth-title {
                font-size: 24px;
                line-height: 1.4;
                margin-bottom: 20px;
                text-align: left;
                padding-inline: 15px;
            }

            .badge-ultimo {
                font-size: 13px;
                padding: 8px 18px;
                margin-bottom: 20px;
                margin-left: 15px;
                margin-right: auto;
            }

            .growth-header .growth-text {
                font-size: 18px;
                line-height: 1.7;
                margin-bottom: 20px;
                text-align: left;
                padding-inline: 15px;
            }

            .growth-content .growth-text,
            .growth-highlight,
            .growth-subtext {
                font-size: 18px;
                line-height: 1.7;
                padding-inline: 15px;
            }

            .growth-highlight {
                margin-bottom: 20px;
            }

            .growth-subtext {
                margin-bottom: 35px;
            }

            .cta-button-growth {
                padding: 15px 40px;
                font-size: 20px;
                width: calc(100% - 30px);
                max-width: 100%;
                margin-inline: 15px;
            }
        }

        /* Statistics Section - Terceira Dobra */
        .statistics-section {
            min-height: 100vh;
            padding: 80px 40px;
            display: flex;
            align-items: center;
            background: #0A2924;
            position: relative;
        }

        .container-statistics {
            max-width: 800px;
            margin: 0 auto;
            width: 100%;
        }

        /* Header com notícia */
        .stats-header {
            background: #ffffff;
            border-radius: 12px;
            padding: 30px;
            margin-bottom: 40px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
        }

        .news-badge {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 2px solid #0056B3;
        }

        .news-logo {
            /*height: 30px;*/
            width: 100%;
        }

        /* Mostrar apenas desktop por padrão */
        .news-logo-desktop {
            display: block;
        }

        .news-logo-mobile {
            display: none;
        }

        .news-category {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            text-transform: capitalize;
        }

        .stats-main-title {
            font-size: 28px;
            font-weight: 700;
            line-height: 1.3;
            color: #000;
            margin: 0;
        }

        /* Conteúdo */
        .stats-content {
            text-align: center;
        }

        .stats-highlight {
            font-size: 20px;
            font-weight: 700;
            line-height: 1.6;
            color: #ffffff;
            margin-bottom: 30px;
        }

        .stats-text {
            font-size: 18px;
            line-height: 1.7;
            color: rgba(255, 255, 255, 0.9);
            margin-bottom: 25px;
        }

        /* Cards em destaque */
        .stats-cards {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin: 40px 0;
        }

        .stat-card {
            padding: 25px 20px;
            border-radius: 12px;
            text-align: center;
        }

        .stat-card-red {
            background: linear-gradient(135deg, #D64545 0%, #B83838 100%);
        }

        .stat-card p {
            font-size: 18px;
            font-weight: 600;
            color: #ffffff;
            margin: 0;
            line-height: 1.4;
        }

        .stats-conclusion {
            font-size: 18px;
            line-height: 1.7;
            color: #ffffff;
            margin-bottom: 40px;
            margin-top: 35px;
        }

        .stats-conclusion strong {
            font-weight: 700;
        }

        .cta-button-stats {
            display: inline-block;
            background: linear-gradient(90deg, #e8d8a0 0%, #d4c490 100%);
            color: #0A2924;
            padding: 18px 45px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            font-size: 18px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }

        .cta-button-stats:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(232, 216, 160, 0.4);
        }

        /* Linha divisória */
        .stats-divider {
            width: 100%;
            height: 2px;
            background: linear-gradient(90deg, transparent 0%, #2CC295 50%, transparent 100%);
            margin-top: 60px;
        }

        /* Responsive Statistics Section */
        @media (max-width: 768px) {
            .statistics-section {
                padding: 60px 20px;
            }

            .stats-header {
                padding: 25px 20px;
            }

            .stats-main-title {
                font-size: 22px;
            }

            .stats-highlight {
                font-size: 18px;
            }

            .stats-cards {
                grid-template-columns: 1fr;
                gap: 15px;
                margin: 30px 0;
            }
        }

        @media (max-width: 480px) {
            .statistics-section {
                padding: 50px 20px;
            }

            .stats-header {
                padding: 20px 15px;
                margin-bottom: 30px;
            }

            .news-badge {
                flex-direction: column;
                align-items: flex-start;
                gap: 8px;
            }

            .news-logo {
                width: 100%;
            }

            /* Mostrar apenas mobile */
            .news-logo-desktop {
                display: none;
            }

            .news-logo-mobile {
                display: block;
            }

            .stats-main-title {
                font-size: 20px;
                text-align: left;
            }

            .stats-content {
                text-align: left;
                padding-inline: 15px;
            }

            .stats-highlight {
                font-size: 18px;
                text-align: left;
                padding-inline: 0;
            }

            .stats-text {
                font-size: 18px;
                text-align: left;
                padding-inline: 0;
            }

            .stats-cards {
                margin: 25px 0;
            }

            .stat-card p {
                font-size: 16px;
            }

            .stats-conclusion {
                font-size: 18px;
                text-align: left;
                padding-inline: 0;
                margin-top: 25px;
            }

            .cta-button-stats {
                padding: 15px 40px;
                font-size: 20px;
                width: calc(100% - 30px);
                max-width: 100%;
            }

            .stats-divider {
                margin-top: 40px;
            }
        }

        .deming-section {
    min-height: 100vh;
    padding: 80px 40px;
    display: flex;
    align-items: center;
    background: #161A22;
}

.container-deming {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 80px;
    align-items: center;
}

/* Left Column - Quote Card */
.quote-card {
    background: linear-gradient(135deg, #8b6b47 0%, #6b5537 100%);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    max-width: 500px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.quote-image {
    width: 100%;
    
    object-fit: cover;
    display: block;
}

.quote-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px 30px 30px;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.7) 50%, transparent 100%);
}

.quote-text {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.quote-author {
    font-size: 18px;
    font-weight: 400;
    opacity: 0.9;
}

/* Right Column - Content */
.content-right {
    padding-left: 20px;
}

.content-title {
    font-size: 34px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 40px;
    max-width: 600px;
}

.problems-list {
    list-style: none;
    margin-bottom: 35px;
}

.problems-list li {
    font-size: 20px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    opacity: 0.9;
}

.problems-list li::before {
    content: '✕';
    color: #e74c3c;
    font-size: 24px;
    font-weight: bold;
    margin-right: 15px;
}

.insights-section {
    margin-bottom: 25px;
}

.insight-main {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
    opacity: 0.95;
}

.insight-detail {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
    opacity: 0.85;
}

.highlight-text {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.highlight-text strong {
    font-weight: 800;
    
}

.cta-conclusion {
    font-size: 18px;
    margin-bottom: 40px;
    opacity: 0.9;
}

.cta-conclusion strong {
    font-weight: 600;
}

.cta-button-deming {
    display: inline-block;
    background: linear-gradient(90deg, #e8d8a0 0%, #d4c490 100%);
    color: #2a2d3a;
    padding: 18px 45px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    white-space: nowrap;
}

.cta-button-deming:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(232, 216, 160, 0.3);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .container-deming {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .quote-card {
        width: 100%;
        margin: 0 auto;
    }

    .content-right {
        padding-left: 0;
        text-align: left;
        padding-inline: 10px;
    }

    .problems-list li {
        justify-content: left;
    }

    .content-title {
        margin: 0 auto 40px;
    }
}

@media (max-width: 768px) {
    .deming-section {
        padding: 60px 20px;
    }

    .content-title {
        font-size: 32px;
    }

    .quote-text {
        font-size: 32px;
    }

    .problems-list li {
        font-size: 18px;
    }

    .insight-main {
        font-size: 18px;
    }

    .insight-detail {
        font-size: 18px;
    }

    .quote-image {
        height: 400px;
    }
}

@media (max-width: 480px) {
    .content-title {
        font-size: 28px;
    }

    .quote-text {
        font-size: 32px;
    }

    .quote-content {
        padding: 30px 20px 20px;
    }

    .problems-list li {
        font-size: 18px;
    }

    .cta-button-deming {
        width: 100%;
        text-align: center;
    }
}

.expectations-section {
    min-height: 100vh;
    padding: 100px 40px 80px;
    background: #0A2924;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.container-expectations {
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    overflow: visible !important; 
}

.section-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 60px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.benefits-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 60px;
    align-items: center;
}

.benefit-card {
    background: rgba(8, 20, 18, 0.8);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(44, 194, 149, 0.05);
    border-radius: 16px;
    padding: 30px 35px;
    display: flex;
    align-items: flex-start;
    gap: 25px;
    transition: all 0.3s ease;
    text-align: left;
}

.benefit-card:hover {
    background: rgba(8, 20, 18, 0.95);
    transform: translateY(-2px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    border-color: rgba(44, 194, 149, 0.1);
}

.benefit-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.benefit-icon img {
    width: 100%;
    height: auto;
    filter: brightness(0) saturate(100%) invert(73%) sepia(46%) saturate(562%) hue-rotate(102deg) brightness(93%) contrast(88%);
}

.benefit-content {
    flex: 1;
}

.benefit-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #ffffff;
    line-height: 1.3;
    max-width: 60vh;
}

.benefit-description {
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
    width: 67vh;
}

.benefit-description strong {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
}

.cta-button-expectations {
    display: inline-block;
    background: linear-gradient(90deg, #e8d8a0 0%, #d4c490 100%);
    color: #2a2d3a;
    padding: 18px 50px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    margin-top: 20px;
}

.cta-button-expectations:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(232, 216, 160, 0.3);
}

.scroll-down-indicator {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: bounce-arrow 2s infinite;
    cursor: pointer;
}
.seta{
    position: absolute;
    bottom: -56px;
    left: 50%;
    transform: translateX(-50%);
    width: 306px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
}
@keyframes bounce-arrow {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    40% {
        transform: translateX(-50%) translateY(-10px);
    }
    60% {
        transform: translateX(-50%) translateY(-5px);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .expectations-section {
        padding: 80px 20px 60px;
    }

    .section-title {
        font-size: 36px;
        margin-bottom: 40px;
    }

    .benefit-card {
        padding: 25px;
        gap: 20px;
    }

    .benefit-icon {
        width: 40px;
        height: 40px;
    }

    .benefit-title {
        font-size: 20px;
    }

    .benefit-description {
        font-size: 18px;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .section-title {
        font-size: 28px;
    }

    .benefit-card {
      
        text-align: left;
        padding: 20px;
        width: 100%;
        gap: 32px;
        align-items: center;
    }

    .benefit-icon {
        margin: 0 auto;
    }
    .benefit-icon img{
        width: 45px;
        height: 45px;
    }

    .cta-button-expectations {
        width: 100%;
        padding: 16px 30px;
        font-size: 20px;
    }
}

.situations-section {
    min-height: 100vh;
    padding: 100px 40px;
    background: #0B1F1C;
    display: flex;
    align-items: center;
    position: relative;
}



.container-situations {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 1;
}

.situations-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 80px;
    color: #ffffff;
}

/* Carousel wrapper */
.situations-carousel-wrapper {
    position: relative;
    margin-bottom: 80px;
}

.situations-grid {
     display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    max-width: 1100px;
    margin: 0 auto;
}

/* Carousel Indicators - Hidden by default */
.carousel-indicators {
    display: none;
    justify-content: center;
    gap: 8px;
    margin-top: 30px;
}

.carousel-indicators .indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    transition: all 0.3s ease;
}

.carousel-indicators .indicator.active {
    width: 24px;
    border-radius: 4px;
    background: linear-gradient(90deg, #2CC295 0%, #1a7a5e 100%);
}

.situation-card {
    background: #0F2D28;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(44, 194, 149, 0.08);
    border-radius: 16px;
    padding: 35px 30px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    min-height: 280px;
    max-width: 29vh;
}

.situation-card:hover {
    background: #132F29;
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
    border-color: rgba(44, 194, 149, 0.15);
}

.situation-icon {
    width: 60px;
    height: 60px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
    color: #2CC295;
}

.situation-icon img {
    width: 100%;
    height: auto;
    filter: brightness(0) saturate(100%) invert(73%) sepia(46%) saturate(562%) hue-rotate(102deg) brightness(93%) contrast(88%);
}

.situation-text {
    font-size: 18px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
}

.situation-text strong {
    color: rgba(255, 255, 255, 0.95);
    font-weight: 500;
}

.conclusion-text {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 40px;
    color: #ffffff;
}

.cta-button-situations {
    display: inline-block;
    background: linear-gradient(90deg, #e8d8a0 0%, #d4c490 100%);
    color: #2a2d3a;
    padding: 18px 50px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.cta-button-situations:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(232, 216, 160, 0.3);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .situations-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .situations-section {
        padding: 80px 20px;
    }

    .situations-title {
        font-size: 36px;
        margin-bottom: 60px;
    }

    /* Carousel styles for mobile */
    .situations-carousel-wrapper {
        overflow: hidden;
        position: relative;
        padding: 0 20px;
        margin: 0 -20px 60px -20px;
    }
    
    .situations-grid {
        display: flex;
        gap: 20px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .situations-grid::-webkit-scrollbar {
        display: none;
    }
    
    .situation-card {
        flex: 0 0 85%;
        scroll-snap-align: center;
        padding: 30px 25px;
    }
    
    .carousel-indicators {
        display: flex;
    }
    
    .conclusion-text {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .situations-title {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .situation-icon {
        width: 60px;
        height: 60px;
    }

    .situation-text {
        font-size: 18px;
    }

    .conclusion-text {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .cta-button-situations {
        width: 100%;
        padding: 16px 30px;
        font-size: 18px;
    }
}

.location-section {
    min-height: 100vh;
    padding: 100px 40px;
    background: #0B3F39;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    flex-direction: column; 
}

.container-location {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    position: relative;
    z-index: 2;
}

/* Left Content */
.location-content {
    color: #ffffff;
}

.location-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 50px;
}

.location-info {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 50px;
}

.info-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.info-icon {
    font-size: 20px;
    line-height: 1;
    margin-top: 2px;
    flex-shrink: 0;
}

.info-text {
    flex: 1;
}

.info-text strong {
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    color: #ffffff;
}

.info-text p {
    font-size: 16px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
}

.cta-button-location {
    background: linear-gradient(90deg, #e8d8a0 0%, #d4c490 100%);
    color: #2a2d3a;
    padding: 18px 45px;
    border-radius: 50px;
    border: none;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}
.button-location{
    display: none;
}
.button-location-02{
    display: block;
}
.button-location-03{
   margin-bottom: -126px;
    z-index: 99;
}
.button-location-04{
   margin-bottom: -126px;
    z-index: 99;
}

.cta-button-location:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(232, 216, 160, 0.3);
}

/* Right Images */
.location-images {
    position: relative;
    width: 100%;
    max-width: 600px;
}

.location-images-grid {
    display: block;
    width: 100%;
}

.location-img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 12px;
}

.location-img-1 {
    display: block;
    width: 100%;
    height: auto;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .container-location {
        display: flex;
        flex-direction: column-reverse;
        gap: 60px;
        align-items: flex-start;
    }
    
    .location-images {
        max-width: 600px;
        margin: 0 auto;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .location-section {
        padding: 80px 20px;
    }
    
    .location-title {
        font-size: 36px;
    }
    
    .location-info {
        gap: 20px;
    }
    
    .info-text strong {
        font-size: 18px;
    }
    
    .info-text p {
        font-size: 18px;
    }
    
    .location-images {
        max-width: 100%;
    }

    .location-img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 480px) {
    .location-title {
        font-size: 28px;
        margin-bottom: 30px;
    }
    
    .cta-button-location {
        width: 100%;
        padding: 16px 30px;
        font-size: 20px;
    }

    .location-content {
        padding-inline: 15px;
    }

    .location-images {
        max-width: 100%;
        padding: 0 15px;
    }

    .location-img {
        width: 100%;
        height: auto;
    }

    .button-location{
        display: block;
        width: 100%;
    }
    .button-location-02{
        display: none;
    }
    .button-location-03{
        margin-bottom: -106px;
    }
    .button-location-04{
        margin-bottom: -106px;
        z-index: 99;
    }
}

.team-section {
    min-height: 100vh;
    padding: 35px 40px;
    background: #0D1F1D;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.container-team {
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.team-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    color: #ffffff;
    margin-bottom: 60px;
}

.team-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 50px;
    width: 100%;
}

.team-card-horizontal {
    display: flex;
    gap: 20px;
    background: #152928;
    border-radius: 12px;
    padding: 10px 20px 10px 10px;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.03);
    min-height: 180px;
    align-items: center;
}

.team-card-horizontal:hover {
    background: #1A2F2D;
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border-color: rgba(255, 255, 255, 0.08);
}

.team-image-horizontal {
    width: 140px;
    height: 140px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #0A1817;
}

.team-image-horizontal img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* Ajustes específicos para Klaus Meirose */
.team-card-horizontal:nth-child(6) .team-image-horizontal {
    
}

.team-card-horizontal:nth-child(6) .team-image-horizontal img {
    object-fit: cover;
    object-position: center 30%;
    transform: scale(1.2);
}

/* Ajustes específicos para Mari De Toledo */
.team-card-horizontal:nth-child(7) .team-image-horizontal {

}

.team-card-horizontal:nth-child(7) .team-image-horizontal img {
    object-fit: cover;
    object-position: center 35%;
    transform: scale(1.25);
}

.team-card-horizontal:hover .team-image-horizontal img {
    transform: scale(1.05);
}

.team-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.team-name-horizontal {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}

.team-description-horizontal {
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
}

.cta-button-team {
    display: block;
    background: linear-gradient(90deg, #e8d8a0 0%, #d4c490 100%);
    color: #2a2d3a;
    padding: 18px 50px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    text-align: center;
    position: relative;
    bottom: -66px;
    z-index: 10;
}

.cta-button-team:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(232, 216, 160, 0.3);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .team-section {
        padding: 80px 20px;
    }
    
    .team-title {
        font-size: 36px;
        margin-bottom: 40px;
    }

    .container-team {
        max-width: 100%;
    }

    .team-list {
        gap: 20px;
        margin-bottom: 40px;
    }

    .team-card-horizontal {
        flex-direction: column;
        gap: 15px;
        padding: 15px;
    }

    .team-image-horizontal {
        width: 100%;
        height: 280px;
    }

    .team-name-horizontal {
        font-size: 24px;
    }

    .team-description-horizontal {
        font-size: 18px;
    }

    .cta-button-team {
        width: 100%;
        padding: 16px 30px;
        font-size: 20px;
        bottom: -40px;
    }
}

@media (max-width: 480px) {
    .team-title {
        font-size: 28px;
    }

    .team-image-horizontal {
        height: 250px;
    }

    .team-name-horizontal {
        font-size: 22px;
    }

    .team-description-horizontal {
        font-size: 16px;
    }
}

/* Section Pricing */
.pricing-section {
    min-height: 100vh;
    padding: 100px 40px;
    background: #0D2A25;
    display: flex;
    align-items: center;
    position: relative;
}

.container-pricing {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pricing-title {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    color: #ffffff;
    margin-bottom: 80px;
}

.pricing-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    max-width: 1000px;
    
}

.pricing-card {
    background: rgba(6, 20, 18, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

.pricing-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    border-color: rgba(255, 255, 255, 0.1);
}

.card-badge {
    display: none;
}

.card-header {
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.card-title {
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
    text-align: center;
}

.card-location {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.card-benefits {
    flex-grow: 1;
    margin-bottom: 40px;
}

.benefits-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.benefits-list li {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.9);
    padding: 14px 0;
    padding-left: 30px;
    position: relative;
    line-height: 1.5;
    font-weight: 400;
}

.benefits-list li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: white;
    font-size: 20px;
    font-weight: bold;
}

.card-pricing {
    text-align: center;
    margin-bottom: 30px;
}

.price-installments {
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 8px;
    font-weight: 400;
}

.price-value {
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    display: inline-block;
    margin-left: 5px;
}

.price-cash {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 8px;
}

.cta-button-pricing {
    width: 100%;
    padding: 18px 30px;
    border-radius: 50px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

.cta-button-pricing.primary {
    background: #DCC896;
    color: #0D2A25;
    margin-bottom: -56px;
}

.cta-button-pricing.secondary {
    background: #DCC896;
    color: #0D2A25;
    margin-bottom: -56px;
}

.cta-button-pricing:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(220, 200, 150, 0.4);
    background: #E5D5A1;
}

/* Responsive Design */
@media (max-width: 968px) {
    .pricing-cards {
        grid-template-columns: 1fr;
        gap: 30px;
        max-width: 500px;
    }
}

@media (max-width: 768px) {
    .pricing-section {
        padding: 80px 20px;
    }
    
    .pricing-title {
        font-size: 32px;
        margin-bottom: 60px;
        width: 85%;
    }
    
    .pricing-card {
        padding-inline: 25px;
        width: 43vh;
    }
    
    .card-title {
        font-size: 24px;
    }
    
    .price-value {
        font-size: 30px;
    }
}

@media (max-width: 480px) {
    .pricing-title {
        font-size: 28px;
        margin-bottom: 40px;
        
    }
    .card-header{
        text-align: center;
    }
    
    .card-title {
        font-size: 28px;
    }
    
    .card-location {
        font-size: 18px;
    }
    
    .benefits-list li {
        font-size: 18px;
        line-height: 1.2;
    }
    
    .price-installments {
        font-size: 16px;
    }
    
    .price-value {
        font-size: 28x;
    }
    
    .price-cash {
        font-size: 18px;
    }
    
    .cta-button-pricing {
        font-size: 19px;
        padding: 16px 25px;
        width: 100%;
    }
}

.support-section {
    min-height: 60vh;
    padding: 100px 40px;
    background: #1A3833;
    display: flex;
    align-items: center;
    position: relative;
}

.container-support {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.support-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
}

.support-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    color: #ffffff;
    flex: 1;
}

.whatsapp-button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #6AD88A 0%, #4FB36F 100%);
    color: #ffffff;
    padding: 20px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.whatsapp-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(106, 216, 138, 0.4);
    background: linear-gradient(135deg, #7BE09B 0%, #5EC480 100%);
}

.whatsapp-icon {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

/* Responsive Design */
@media (max-width: 968px) {
    .support-content {
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }
    
    .support-title {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .support-section {
        padding: 80px 20px;
        min-height: 50vh;
    }
    
    .support-title {
        font-size: 36px;
    }
    
    .whatsapp-button {
        font-size: 16px;
        padding: 18px 35px;
    }
    
    .whatsapp-icon {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 480px) {
    .support-section {
        padding: 60px 20px;
    }
    
    .support-title {
        font-size: 28px;
        margin-bottom: 10px;
    }
    
    .whatsapp-button {
        font-size: 15px;
        padding: 16px 30px;
        width: 100%;
        justify-content: center;
    }
    
    .whatsapp-icon {
        width: 20px;
        height: 20px;
    }
}

.site-footer {
    background: #0A1E1B;
    padding: 30px 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.container-footer {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.footer-text {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
    letter-spacing: 0.5px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .site-footer {
        padding: 25px 20px;
    }
    
    .footer-text {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .site-footer {
        padding: 20px 15px;
    }
    
    .footer-text {
        font-size: 12px;
        letter-spacing: 0.3px;
    }
}


.popup:not(.open) {
	display: none !important;
}

.popup {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background-color: rgba(0, 0, 0, 0.85);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	display: flex;
	justify-content: center;
	align-items: flex-start;
	overflow-y: auto;
}

.popup form {
	display: flex;
	flex-direction: column;
	background-color: #0D2A25;
	padding: 25px;
	border-radius: 15px;
	width: 100%;
	max-width: 540px;
	margin-top: 30px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.popup form img {
	width: 200px;
	margin: 0 auto;
}

.popup form>span {
	font-size: 26px;
	font-weight: 500;
	display: block;
	text-align: center;
	margin: 45px 0 15px 0;
	color: black;
}

.popup form label {
	font-size: 18px;
	font-weight: 400;
	margin: 5px 0;
	color: white;
}

.popup form .close {
	display: flex;
	justify-content: flex-end;
}

.popup form .close svg {
	padding: 5px;
	background-color: #2CC295;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.popup form .close svg:hover {
	background-color: #3DD4A8;
	transform: scale(1.1);
}

.popup form input {
	font-size: 18px;
	font-weight: 300;
	padding: 13px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 5px;
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 15px;
	background-color: rgba(255, 255, 255, 0.05);
	color: #ffffff;
}

.popup form input:focus {
	outline: none;
	border-color: #2CC295;
	background-color: rgba(255, 255, 255, 0.08);
}

.popup form input::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.popup form input[type="submit"] {
	font-weight: 600;
	background: #DCC896;
	color: #0D2A25;
	border: none;
	border-radius: 50px;
	padding: 16px;
	margin-bottom: 0;
	margin-top: 10px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 16px;
}

.popup form input[type="submit"]:hover {
	background: #E5D5A1;
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(220, 200, 150, 0.4);
}