.elementor-742 .elementor-element.elementor-element-ce121d8{--display:flex;--min-height:100vh;--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;--justify-content:center;--padding-top:7%;--padding-bottom:6%;--padding-left:3%;--padding-right:3%;}.elementor-742 .elementor-element.elementor-element-ce121d8:not(.elementor-motion-effects-element-type-background), .elementor-742 .elementor-element.elementor-element-ce121d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#04050F;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-713a9ee */.add-listing-section {
    padding: 36px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.15), rgba(37, 99, 235, 0.05)) !important;
    border: 0.5px solid rgba(37, 99, 235, 0.25) !important;
    box-shadow: 0 0 60px rgba(37, 99, 235, 0.12) !important;
}

.add-listing-headline,
.listing-manager-form .add-listing-headline h3 {
    background-color: transparent !important;
        border-color: none !important;
        border: 0 !important;
        margin: 0;
}

select, textarea, input[type=text] {
    margin: 8px .5em 0 0 !important;
    color: #ddd ! Important;
    padding: 0px 15px !important;
        outline: none;
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06) !important;
    font-weight: 500 !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px !important;
    padding: 13px 16px !important;
}

 label {
    font-size: 12px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce121d8 */.elementor-742 .elementor-element.elementor-element-ce121d8 {
  background: 
    radial-gradient(ellipse 80% 70% at 50% -10%, rgba(37,99,235,0.30) 0%, transparent 65%),
    radial-gradient(ellipse 40% 30% at 88% 85%, rgba(37,99,235,0.10) 0%, transparent 65%),
    #070D18 !important;
}/* End custom CSS */
/* Start custom CSS *//* ============================================
   ENGNEAR — Choose Listing Type (Listeo)
   Escopo: página de cadastro/edição de perfil
   ADICIONAR
   ============================================ */

/* Seção inteira como glass card sobre navy */
.listing-manager-form .add-listing-section.type-selection{
  background:#090F1C;
  border:0.5px solid rgba(255,255,255,0.10);
  border-radius:18px;
  padding:32px 36px 40px;
  box-shadow:0 24px 60px rgba(0,0,0,0.35);
}

/* Headline "Choose Listing Type" (texto via Loco depois) */
.listing-manager-form .add-listing-headline h3{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  font-weight:800;
  font-size:22px;
  letter-spacing:-0.03em;
  color:#EEF2FF;
  padding-bottom:18px;
  margin-bottom:28px;
  border-bottom:0.5px solid rgba(255,255,255,0.10);
}

/* Grid dos cards */
.listing-manager-form .listing-type-container{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
@media(max-width:680px){
  .listing-manager-form .listing-type-container{grid-template-columns:1fr;}
}

/* Card base (glass) */
.listing-manager-form a.listing-type{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:16px;
  min-height:230px;
  padding:32px 24px;
  background:rgba(255,255,255,0.055);
  border:0.5px solid rgba(255,255,255,0.10);
  border-radius:14px;
  text-align:center;
  transition:transform .25s ease, background .25s ease,
             border-color .25s ease, box-shadow .25s ease;
}
.listing-manager-form a.listing-type:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,0.085);
  border-color:rgba(37,99,235,0.45);
  box-shadow:0 16px 40px rgba(37,99,235,0.20);
}

/* Card selecionado (Listeo adiciona .clicked) */
.listing-manager-form a.listing-type.clicked{
  background:rgba(37,99,235,0.10);
  border:1px solid #2563EB;
  box-shadow:0 0 0 1px rgba(37,99,235,0.25),
             0 16px 44px rgba(37,99,235,0.28);
}

/* Label do card */
.listing-manager-form a.listing-type h3{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  font-weight:700;
  font-size:18px;
  color:#EEF2FF;
  margin:0;
}

/* Imagem (logo Engenheiro) */
.listing-manager-form a.listing-type img{
  width:96px;height:96px;
  border-radius:16px;
  object-fit:cover;
}

/* Ícone SVG (Service e afins) */
.listing-manager-form a.listing-type .listing-type-icon{
  width:64px;height:64px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,0.06);
  border:0.5px solid rgba(255,255,255,0.10);
}
.listing-manager-form a.listing-type .listing-type-icon svg{
  width:30px;height:30px;
  fill:rgba(238,242,255,0.55);
  transition:fill .25s ease;
}
.listing-manager-form a.listing-type:hover .listing-type-icon svg,
.listing-manager-form a.listing-type.clicked .listing-type-icon svg{
  fill:#3B82F6;
}

/* Botão "Submit Listing" (quando aparece) */
.listing-manager-form .submit-page .button{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  font-weight:700;font-size:15px;
  background:#2563EB;color:#EEF2FF;
  border:none;border-radius:8px;
  padding:15px 40px;
  transition:background .2s ease;
}
.listing-manager-form .submit-page .button:hover{background:#3B82F6;}


/* Remove respiro/divisória extra do Listeo entre headline e cards */
.listing-manager-form .add-listing-section.type-selection .row > .col-lg-12{
  padding:0;
}
.listing-manager-form .add-listing-section.type-selection > .row{
  border:none;
  margin-top:0;
}

/* Mata a divisória + respiro nativo do Listeo entre headline e cards
   SUBSTITUI o ajuste anterior do .row */
.listing-manager-form .add-listing-section.type-selection .add-listing-headline{
  border-bottom:none !important;
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}
.listing-manager-form .add-listing-section.type-selection .add-listing-headline h3{
  margin-bottom:0 !important;
}
.listing-manager-form .add-listing-section.type-selection .row,
.listing-manager-form .add-listing-section.type-selection .row > .col-lg-12{
  padding-top:0 !important;
  margin-top:0 !important;
  border:none !important;
}




body#dark-mode .listing-manager-form {
    background-color: transparent !important;
}/* End custom CSS */