.mwef-wrap{max-width:980px;margin:24px auto;padding:0 12px;}
.mwef-card{
  background: radial-gradient(1200px 400px at 10% 10%, rgba(160,40,255,.18), transparent 55%),
              radial-gradient(900px 300px at 90% 30%, rgba(255,196,37,.10), transparent 60%),
              rgba(8, 5, 12, .92);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:22px 18px 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  color:#fff;
}

.mwef-title{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 900;
  letter-spacing: .2px;
  margin: 0 0 14px;
  font-size: 26px;
}

.mwef-form label{
  display:block;
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: 13px;
  margin: 0 0 6px;
  color: rgba(255,255,255,.92);
}

.mwef-req{color:#f4c025;margin-left:2px;font-weight:700;}

.mwef-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 14px;
}
.mwef-span-2{grid-column: span 2;}

.mwef-field input,
.mwef-field select,
.mwef-field textarea{
  width:100%;
  border-radius: 10px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color:#fff;
  padding: 11px 12px;
  outline:none;
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

/* Keep dropdown menu dark (browser support varies, but helps a lot) */
.mwef-field select{
  background-color: rgba(255,255,255,.06);
  color:#fff;
}
.mwef-field select option,
.mwef-field select optgroup{
  background-color: #0b0610;
  color:#fff;
}

.mwef-field textarea{resize:vertical; min-height: 110px;}

.mwef-field input:focus,
.mwef-field select:focus,
.mwef-field textarea:focus{
  border-color: rgba(244,192,37,.65);
  box-shadow: 0 0 0 3px rgba(244,192,37,.20);
  background: rgba(255,255,255,.08);
}

.mwef-section{margin-top: 12px;}
.mwef-section-title{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 900;
  font-size: 14px;
  margin: 8px 0 10px;
}

.mwef-service-grid{
  display:grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.mwef-service{
  cursor:pointer;
  user-select:none;
}
.mwef-service input{position:absolute;opacity:0;pointer-events:none;}
.mwef-service-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 10px 8px;
  border-radius: 12px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease, background .12s ease;
  min-height: 120px;
}
.mwef-service-inner img{
  width:64px;
  height:64px;
  object-fit:contain;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.35));
}
.mwef-service-name{
  text-align:center;
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  color: rgba(255,255,255,.92);
}

.mwef-service input:checked + .mwef-service-inner{
  border-color: rgba(244,192,37,.75);
  box-shadow: 0 0 0 3px rgba(244,192,37,.18);
  background: rgba(244,192,37,.08);
  transform: translateY(-1px);
}

.mwef-actions{
  display:flex;
  gap: 12px;
  flex-wrap:wrap;
  margin-top: 12px;
}

.mwef-btn{
  border:none;
  border-radius: 12px;
  padding: 12px 16px;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 900;
  cursor:pointer;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, opacity .12s ease;
}
.mwef-btn:active{transform: translateY(1px);}

.mwef-btn-primary{
  background: #f4c025;
  color:#120a00;
  box-shadow: 0 14px 32px rgba(244,192,37,.18);
}
.mwef-btn-primary:hover{opacity:.95;}

.mwef-btn-ghost{
  background: rgba(255,255,255,.08);
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
}
.mwef-btn-ghost:hover{background: rgba(255,255,255,.10);}

.mwef-note{
  margin-top:10px;
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 13px;
  color: rgba(255,255,255,.86);
}

@media (max-width: 860px){
  .mwef-service-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (max-width: 640px){
  .mwef-grid{grid-template-columns:1fr;}
  .mwef-span-2{grid-column: span 1;}
  .mwef-service-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .mwef-title{font-size:22px;}
}


/* Servicios a cotizar (checkboxes visibles) */
.mwef-quote-list{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:10px;
}
.mwef-quote-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  cursor:pointer;
  user-select:none;
}
.mwef-quote-item input{
  width:18px;
  height:18px;
  accent-color:#f4c025;
}
.mwef-quote-item span{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:600;
  font-size:14px;
  color:#fff;
}