/* Cotizador Form (DJ Andrés Gonzalez) — estilos con espacio de nombres propio
   (dag-) para no chocar con las clases del tema comprado. */

.dag-section{
  --dag-ink:#030303;
  --dag-surface:#0D0D0D;
  --dag-surface-2:#1A1A1A;
  --dag-white:#FFFFFF;
  --dag-grey:#9A9A9E;
  --dag-red:#E8232A;
  --dag-glow:#FF4B4B;
  --dag-line: rgba(255,255,255,0.09);

  box-sizing:border-box;
  padding:80px 0;
  background:var(--dag-surface);
  border-top:1px solid var(--dag-line);
  border-bottom:1px solid var(--dag-line);
}
.dag-section *{ box-sizing:border-box; }
.dag-wrap{ max-width:1180px; margin:0 auto; padding:0 40px; }

.dag-container{
  max-width:700px; margin:0 auto;
  background:var(--dag-ink);
  border:1px solid var(--dag-line);
  border-radius:16px;
  padding:40px;
}
.dag-group{ margin-bottom:20px; }
.dag-group label{
  display:block;
  font-family:'IBM Plex Mono',monospace;
  font-size:11px; letter-spacing:0.1em; text-transform:uppercase;
  color:var(--dag-grey); margin-bottom:8px;
}
.dag-group input, .dag-group select, .dag-group textarea{
  width:100%; padding:14px;
  background:var(--dag-surface-2);
  border:1px solid var(--dag-line);
  border-radius:8px;
  color:var(--dag-white);
  font-family:'Inter',sans-serif; font-size:14px;
  appearance:auto;
  color-scheme: dark;
}
.dag-group input:focus, .dag-group select:focus, .dag-group textarea:focus{
  outline:none; border-color:var(--dag-red);
}
.dag-hp{ position:absolute; left:-9999px; top:-9999px; }

.dag-notice{
  font-family:'Inter',sans-serif; font-size:13.5px; padding:14px 16px;
  border-radius:8px; margin-bottom:20px;
}
.dag-notice.dag-ok{ background:rgba(60,180,90,0.12); border:1px solid rgba(60,180,90,0.35); color:#8fe0a8; }
.dag-notice.dag-error{ background:rgba(220,70,60,0.12); border:1px solid rgba(220,70,60,0.35); color:#f5a19a; }

.dag-btn{
  width:100%;
  font-family:'Inter',sans-serif; font-weight:600; font-size:14.5px;
  background:var(--dag-red); color:var(--dag-white);
  padding:15px 26px; border-radius:9px; border:none;
  cursor:pointer; text-align:center;
  transition:background .2s ease;
}
.dag-btn:hover{ background:var(--dag-glow); }

@media (max-width:640px){
  .dag-wrap{ padding:0 20px; }
  .dag-section{ padding:56px 0; }
  .dag-container{ padding:24px; }
}
@media (max-width:380px){
  .dag-container{ padding:18px; }
}