.elementor-8301 .elementor-element.elementor-element-7e64678{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8301 .elementor-element.elementor-element-60f397b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-8cf8ac4 */html,
body{
    margin:0;
    padding:0;
    overflow-x:hidden;
}

.sprint-header{
    position:fixed;
    top:0;
    left:0;

    width:100%;
    height:95px;

    background:#14004f;

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:0 60px;
    box-sizing:border-box;

    z-index:9999;
}

.logo{
    display:flex;
    align-items:center;
}

.logo img{
    height:70px;
    width:auto;
    display:block;
}

.menu{
    flex:1;
    display:flex;
    justify-content:center;
}

.menu ul{
    display:flex;
    align-items:center;
    gap:35px;

    list-style:none;
    margin:0;
    padding:0;
}

.menu li{
    position:relative;
}

.menu a{
    color:#ffffff;
    text-decoration:none;
    font-size:15px;
    font-weight:500;
    transition:0.3s;
}

.menu a:hover{
    color:#d65cff;
}

.dropdown ul{
    display:none;

    position:absolute;
    top:100%;
    left:0;

    min-width:260px;

    background:#ffffff;

    padding:10px 0;
    margin:0;

    list-style:none;

    border-radius:6px;

    box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.dropdown:hover ul{
    display:block;
}

.dropdown ul li{
    width:100%;
}

.dropdown ul a{
    color:#222;
    display:block;
    padding:12px 20px;
}

.dropdown ul a:hover{
    background:#f5f5f5;
    color:#14004f;
}

.header-actions{
    display:flex;
    align-items:center;
}

.whatsapp-btn{
    color:#fff;
    text-decoration:none;

    border:1px solid rgba(255,255,255,.5);

    padding:14px 28px;

    border-radius:4px;

    font-weight:600;

    transition:.3s;
}

.whatsapp-btn:hover{
    background:rgba(255,255,255,.1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cbdfd0c */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');

.acesso-container{
  display:flex !important;
  justify-content:center !important;
  padding:100px 20px !important;
  background:linear-gradient(180deg,#f8f9ff, #ffffff) !important;
  font-family:'Inter', Arial, sans-serif !important;
}

.acesso-box{
  width:100%;
  max-width:900px;
  text-align:center;
  padding:50px 40px;
  border-radius:18px;
  background:rgba(255,255,255,0.9);
  backdrop-filter:blur(10px);
  box-shadow:0 20px 60px rgba(0,0,0,0.06);
}

/* TÍTULO PRINCIPAL */
.acesso-titulo{
  font-size:34px;
  color:#090950 !important;
  margin-bottom:10px;
  font-weight:600;
  letter-spacing:-0.5px;
}

.acesso-subtitulo{
  color:#666 !important;
  margin-bottom:50px;
  font-size:15px;
}

/* GRID */
.acesso-opcoes{
  display:flex !important;
  gap:25px;
  justify-content:center;
  flex-wrap:wrap;
}

/* CARD */
.acesso-card{
  flex:1 1 260px;
  max-width:320px;
  padding:30px;
  border-radius:16px;
  text-decoration:none !important;
  color:#090950 !important;
  background:#ffffff;
  border:1px solid rgba(0,0,0,0.05);
  transition:all 0.3s ease;
  position:relative;
}

/* HOVER */
.acesso-card:hover{
  transform:translateY(-6px);
  box-shadow:0 15px 40px rgba(0,0,0,0.10);
  border-color:rgba(201,0,185,0.3);
}

/* 🔥 CORREÇÃO PRINCIPAL (TÍTULO DOS CARDS) */
.acesso-card h3{
  display:block !important;
  font-size:20px !important;
  margin-bottom:12px !important;
  font-weight:600 !important;
  color:#090950 !important;
}

/* TEXTO */
.acesso-card p{
  font-size:14px;
  color:#666 !important;
  line-height:1.5;
}

/* LINK */
.acesso-card span{
  display:inline-block;
  margin-top:18px;
  font-size:13px;
  font-weight:600;
  color:#c900b9 !important;
  letter-spacing:0.3px;
}

/* LINHA ANIMADA */
.acesso-card::after{
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  width:0%;
  height:2px;
  background:#c900b9;
  transition:0.3s;
  transform:translateX(-50%);
}

.acesso-card:hover::after{
  width:40%;
}

/* RESPONSIVO */
@media(max-width:600px){

.acesso-box{
  padding:35px 20px;
}

.acesso-titulo{
  font-size:26px;
}

}/* End custom CSS */