:root{--primary-green:#27ae60;--vibrant-green:#2ecc71;--soft-green:#d5f5e3;--light-green:#eafaf1;--dark-green:#229954;--white:#fff;--off-white:#FAFAFA;--black:#2C2C2C;--gray-text:#4A4A4A;--shadow-green:rgba(39,174,96,.4)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Poppins',sans-serif;background:#f2d0d1;color:var(--gray-text);line-height:1.6;min-height:100vh;position:relative}
body::before{content:"";position:absolute;inset:0;opacity:.15;pointer-events:none;z-index:-1}
.container{max-width:100%;overflow-x:hidden}
header{background:linear-gradient(135deg, #ef709b 0%, #a31887 100%);color:var(--white);padding:2rem 0rem 0rem 1rem;text-align:center;position:relative;overflow:hidden;border-radius:0 0 30px 30px;box-shadow:0 10px 30px #f2d0d1}
header::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 6s ease-in-out infinite;z-index:0}
@keyframes float{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-20px,-20px) rotate(180deg)}}
.header-content{position:relative;z-index:1;max-width:800px;margin:0 auto}
h1{font-size:2.8rem;margin-bottom:1rem;text-shadow:2px 2px 10px rgba(0,0,0,.2);font-weight:700;letter-spacing:-.5px;font-family:'Poppins',sans-serif}
.subtitle{font-size:1.3rem;margin-bottom:1.5rem;font-weight:400;opacity:.95}
.cta-section{text-align:center;margin:4rem auto 0;padding:3rem 2rem;background:var(--white);border-radius:25px;box-shadow:0 15px 40px rgba(0,0,0,.1);position:relative;overflow:hidden;max-width:900px;animation:fadeIn .8s ease-out .5s forwards;opacity:0}
.cta-section::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:#ab2189}
.cta-title{font-size:1.4rem;margin-bottom:0rem;color:var(--black);font-weight:600;font-family:'Poppins',sans-serif}

.achados-countdown {
            margin: 1.5rem 0;
            padding: 1.2rem;
            background: linear-gradient(135deg, #FFF8FB, #FFF0F5);
            border-radius: 15px;
            border: 2px dashed var(--primary-rose);
            box-shadow: 0 5px 15px rgba(232, 62, 140, 0.15);
        }
        
        .achados-countdown-title {
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--deep-berry);
            margin-bottom: 0.8rem;
            text-align: center;
        }
        
        .achados-countdown-timer {
            font-size: 2.2rem;
            font-weight: 700;
            color: #b83591;
            text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
            margin: 0.8rem 0;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 0.5rem;
        }
        
        .achados-countdown-warning {
            font-size: 1rem;
            color: var(--vibrant-magenta);
            font-weight: 500;
            margin-top: 0.5rem;
            text-align: center;
        }
        .countdown-section {
        text-align: center;
    margin: 2rem auto 0;
    padding: 0rem 2rem;
    background: var(--white);
    border-radius: 25px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .1);
    position: relative;
    overflow: hidden;
    max-width: 900px;
    animation: fadeIn .8s 
ease-out .5s forwards;
    opacity: 0;
        }
    
.whatsapp-icon {
    width: 24px;
    height: 24px;
    fill: currentColor;
}
.box-pulse{display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: white;
    padding: 1.2rem 3rem;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3);
    transition: all 0.3s 
cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: none;
    cursor: pointer;
    margin-top: 1rem;
    position: relative;
    overflow: hidden;
    min-width: 280px;
    gap: 10px;
    animation: pulse 2s infinite;}
.box-pulse::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}
.box-pulse:hover::before{left:100%}
.box-pulse:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px var(--shadow-green)}
.box-pulse:active{transform:translateY(-1px) scale(1.02)}
.box-pulse:focus{outline:3px solid var(--soft-green);outline-offset:2px}
.loading{display:none;margin:2rem 0;text-align:center}
.spinner{border:4px solid var(--soft-green);border-top:4px solid var(--vibrant-green);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1.5rem}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.loading p{color:var(--gray-text);font-size:1.1rem;font-weight:500}
.content{padding:4rem 1rem;max-width:900px;margin:0 auto}
.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}
.benefit-card{background:var(--white);border-radius:20px;padding:2rem;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent;position:relative;overflow:hidden;animation:slideUp .6s ease-out forwards;opacity:0;transform:translateY(30px)}
.benefit-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--soft-green),var(--light-green));opacity:0;transition:opacity .3s ease;z-index:0}
.benefit-card:nth-child(1),
.benefit-card:nth-child(2),
.benefit-card:nth-child(3),
.benefit-card:nth-child(4){box-shadow:0 10px 30px rgba(155,65,98,.2)}
.benefit-card:hover{transform:translateY(-10px) scale(1.02);border-color:#a23f62}
.benefit-card:hover::before{opacity:.05}
.benefit-card>*{position:relative;z-index:1}
.benefit-icon{font-size:3rem;margin-bottom:1.5rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}
.benefit-title{font-size:1.2rem;margin-bottom:1rem;color:var(--black);font-weight:600}
.benefit-card p{color:var(--gray-text);font-size:.95rem;line-height:1.5}
@keyframes slideUp{to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{to{opacity:1}}
footer{text-align:center;padding:3rem 1rem;    background: linear-gradient(135deg, #ef709b 0%, #a31887 100%);color:var(--white);font-size:.95rem;margin-top:2rem}
.signature{font-style:italic;margin-top:1.5rem;opacity:.8;font-size:.9rem}
.spinner span{font-family:'Poppins',sans-serif;font-size:12px;font-weight:400}
@media (max-width:768px){
  header{padding:2rem 1rem;border-radius:0 0 20px 20px}
  h1{font-size:2.2rem}
  .subtitle{font-size:1.1rem; margin-bottom: 0;}
  .content{padding:2rem 1rem}
  .benefits-grid{grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}
  .benefit-card{padding:1.5rem}
  .cta-section{padding:2rem 1rem;margin:2rem auto}
  .cta-title{font-size:1.5rem}
  .box-pulse{padding:1rem 2rem;font-size:1rem;min-width:250px}
}
@media (max-width:480px){
  h1{font-size:1.8rem}
  .benefit-icon{font-size:2.5rem}
  .box-pulse{min-width:200px;padding:.9rem 1.5rem}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/*Botão Pulsa*/
/*.box-pulse { 

    width:100%; 
    width:250px; 
    margin:0 auto; padding:0 30px;
}*/

/*.box-pulse a {
  
  text-decoration:none;
  display: inline-block;
  font-size: 1.1em;
  font-family:Verdana, Geneva, sans-serif;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;

}*/

.botao-pulse {
  padding: 20px 30px;
  color: #fff;
  background-color: #d20000;
  border-radius:3px; 
  -webkit-animation: pulse 1s ease infinite;
  -moz-animation: pulse 1s ease infinite;
  -ms-animation: pulse 1s ease infinite;
  -o-animation: pulse 1s ease infinite;
  animation: pulse 1s ease infinite;
}

.botao-pulse:hover {
  color: #fff;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }

  25% {
    -webkit-transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }

  25% {
    -moz-transform: scale(1.1);
  }

  50% {
    -moz-transform: scale(1);
  }

  100% {
    -moz-transform: scale(1);
  }
}

@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1);
  }

  25% {
    -ms-transform: scale(1.1);
  }

  50% {
    -ms-transform: scale(1);
  }

  100% {
    -ms-transform: scale(1);
  }
}

@-o-keyframes pulse {
  
  0% { -o-transform: scale(1); }
  25% { -o-transform: scale(1.1); }
  50% { -o-transform: scale(1); }
  100% { -o-transform: scale(1); } 

}

@keyframes pulse { 

  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}

/*Botão Pulsa*/