/* ============================================================
Sistema de leads WhatsApp - Tejados y Cubiertas
Estilos del modal de captacion.
Color de marca: #d97f0e
Vincular en el :
============================================================ */
.dbrlm-overlay{
position:fixed; inset:0;
background:rgba(0,0,0,.55);
display:none;
align-items:center; justify-content:center;
z-index:2147483000;
padding:16px;
}
.dbrlm-overlay.dbrlm-open{ display:flex; }
.dbrlm-card{
background:#fff;
width:100%; max-width:400px;
max-height:92vh; overflow:auto;
border-radius:16px;
box-shadow:0 14px 50px rgba(0,0,0,.35);
font-family:Arial,Helvetica,sans-serif;
animation:dbrlm-in .22s ease;
}
@keyframes dbrlm-in{ from{ transform:translateY(24px); opacity:0; } to{ transform:none; opacity:1; } }
.dbrlm-head{
background:#d97f0e; color:#fff;
padding:16px 18px;
display:flex; align-items:flex-start; justify-content:space-between;
gap:10px;
}
.dbrlm-head h3{ margin:0; font-size:17px; font-weight:800; line-height:1.25; }
.dbrlm-head p{ margin:4px 0 0; font-size:12.5px; opacity:.95; line-height:1.35; }
.dbrlm-close{
background:none; border:0; color:#fff;
font-size:26px; line-height:1; cursor:pointer; padding:0 2px;
flex:0 0 auto;
}
.dbrlm-body{ padding:16px 18px 18px; }
.dbrlm-body label{
display:block; font-size:13px; color:#333;
margin:11px 0 4px; font-weight:700;
}
.dbrlm-body input,
.dbrlm-body select,
.dbrlm-body textarea{
width:100%; padding:11px 12px;
border:1px solid #ccc; border-radius:9px;
font-size:14px; box-sizing:border-box;
background:#fff; color:#222;
-webkit-appearance:none; appearance:none;
font-family:inherit;
}
.dbrlm-body select{
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat; background-position:right 12px center;
padding-right:34px;
}
.dbrlm-body textarea{ resize:vertical; min-height:64px; }
.dbrlm-body input:focus,
.dbrlm-body select:focus,
.dbrlm-body textarea:focus{
outline:none; border-color:#d97f0e;
box-shadow:0 0 0 3px rgba(217,127,14,.18);
}
/* honeypot anti-spam (oculto) */
.dbrlm-hp{
position:absolute !important; left:-9999px !important;
width:1px; height:1px; overflow:hidden;
}
.dbrlm-submit{
width:100%; margin-top:16px;
background:#25D366; color:#fff; border:0;
padding:14px; border-radius:10px;
font-size:15px; font-weight:800; cursor:pointer;
display:flex; align-items:center; justify-content:center; gap:8px;
transition:background .15s ease;
}
.dbrlm-submit:hover{ background:#1ebe5b; }
.dbrlm-submit:disabled{ opacity:.6; cursor:default; }
.dbrlm-submit svg{ width:20px; height:20px; fill:#fff; flex:0 0 auto; }
.dbrlm-status{
font-size:13px; color:#555; margin-top:10px;
min-height:18px; text-align:center;
}
.dbrlm-note{ font-size:11.5px; color:#888; margin-top:10px; text-align:center; line-height:1.4; }