.elementor-9 .elementor-element.elementor-element-c6a0125{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-9 .elementor-element.elementor-element-c6a0125:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-c6a0125 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-c6a0125, .elementor-9 .elementor-element.elementor-element-c6a0125::before{--border-transition:0.3s;}.elementor-9 .elementor-element.elementor-element-a61f6db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-9 .elementor-element.elementor-element-a61f6db:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-a61f6db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-a61f6db, .elementor-9 .elementor-element.elementor-element-a61f6db::before{--border-transition:0.3s;}.elementor-9 .elementor-element.elementor-element-3ccea9c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-9 .elementor-element.elementor-element-44aff36{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-9 .elementor-element.elementor-element-44aff36:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-44aff36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-9 .elementor-element.elementor-element-44aff36, .elementor-9 .elementor-element.elementor-element-44aff36::before{--border-transition:0.3s;}.elementor-9 .elementor-element.elementor-element-c873099{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:60px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-9 .elementor-element.elementor-element-ec69ca7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-4c949ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-9 .elementor-element.elementor-element-4c949ec:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-4c949ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020202;}.elementor-9 .elementor-element.elementor-element-4c949ec, .elementor-9 .elementor-element.elementor-element-4c949ec::before{--border-transition:0.3s;}.elementor-9 .elementor-element.elementor-element-f2e7840{text-align:center;}.elementor-9 .elementor-element.elementor-element-f2e7840 .elementor-heading-title{color:#FFFFFF;font-family:"Open Sans", Sans-serif;font-size:15px;font-weight:600;}.elementor-9 .elementor-element.elementor-element-f2e7840 > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-f2e7840 .elementor-heading-title{font-size:14px;}}/* Start custom CSS for html, class: .elementor-element-fec1e7f *//* ===== BASE (seguro p/ Elementor) ===== */

/* Mantém conteúdo acima do overlay */
.hero { position: relative; }
.hero > * { position: relative; z-index: 1; }

/* Overlay padrão (leve) — desktop/tablet */
.hero::after{
  content:"";
  position:absolute; left:0; top:0; right:0; bottom:0;
  z-index:0; pointer-events:none;
  background: linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.35) 36%, rgba(0,0,0,.10) 70%, rgba(0,0,0,0) 90%);
}

/* Centralização do botão (todas as telas) */
.hero__cta{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:10px;
}

/* Mais respiro entre texto e botão */
.hero__cta-wrap{ margin-top:16px; }

/* ===== MOBILE (até 767px) ===== */
@media (max-width: 767px){

  /* Overlay forte para contraste da tipografia */
  .hero::after{
    background:
      linear-gradient(0deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.90) 35%, rgba(0,0,0,.65) 65%, rgba(0,0,0,.35) 100%),
      radial-gradient(100% 55% at 50% 100%, rgba(0,0,0,.50) 0%, rgba(0,0,0,0) 60%);
  }

  /* Sobe a foto (reposiciona somente a imagem) */
  .hero{
    background-image: url("http://dramariaclaudiaskrobot.com.br/wp-content/uploads/2024/03/skrobot-mobile.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center -18vh !important; /* ajuste fino: -16 ~ -22vh */
  }

  /* Logo um pouco maior no mobile */
  .hero__logo{ width:96px; }

  /* Texto começa mais cedo (sem matar o logo) */
  .hero__buffer{ height: 24vh; } /* ajuste: 20–28vh conforme a foto */

  /* Botão ocupando a largura útil e centralizado */
  .hero__cta-wrap{
    display:flex;
    justify-content:center;
    padding-left:16px; padding-right:16px;
    padding-bottom:18px;
  }
  .hero__cta{
    width:100%;
    max-width:640px;
    padding:14px 22px;
    font-size:17px;
  }
}
@media (max-width: 767px){

  /* Reduz o título no mobile */
  .hero__title{
    font-size: 24px !important;   /* ajuste fino: tente 20px ou 24px */
    line-height: 1.3em !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f3a96ac */.cta-final{
  display: flex;
  justify-content: center;
  margin-top: clamp(40px, 6vw, 80px);
}

.cta-final__btn{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: clamp(16px, 1.4vw, 20px);
  font-weight: 700;
  padding: 16px 34px;
  border-radius: 999px;
  text-decoration: none;

  /* --- Cores no mesmo padrão dos cards --- */
  background: linear-gradient(135deg, #E7C37A, #D4AF37); /* dourado sofisticado */
  color: #111; /* texto escuro para contraste */
  box-shadow: 0 6px 20px rgba(231,195,122,0.35);
  transition: all 0.3s ease;
}

.cta-final__btn img{
  width: 22px;
  height: 22px;
  filter: contrast(.65) saturate(.3) brightness(.4);
}

.cta-final__btn:hover{
  transform: translateY(-3px) scale(1.03);
  background: linear-gradient(135deg, #FFD700, #E7C37A);
  box-shadow: 0 10px 28px rgba(231,195,122,0.55);
}/* End custom CSS */