/* =====================================================
 *  Formulario Bitrix Avanzado Seguro – estilos frontend
 * ===================================================== */

.fbavs-inline-form{
    background:#ffffffe3;
    border-radius:1rem;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
    padding:2rem;
  
    margin:1.5rem auto;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}

.fbavs-field{
    margin-bottom:10px;
}

.fbavs-field-producto{
    text-align:center;
    background:#f5f7ff;
    padding:.75rem 1rem;
    border-radius:.75rem;
    font-weight:600;
}

.fbavs-inline-form label{
    display: block;
    margin-bottom: .35rem;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #3b3b3b;

}

.fbavs-inline-form input[type="text"],
.fbavs-inline-form input[type="email"],
.fbavs-inline-form input[type="tel"]{
    width:100%;
    padding:.6rem .85rem;
    border:1px solid #d5d7de;
    border-radius:.7rem;
    font-size:1rem;
    transition:border-color .2s,box-shadow .2s;
}

.fbavs-inline-form input:focus{
    outline:none;
    border-color:#C30180;
    box-shadow:0 0 0 .12rem rgba(53,93,237,.25);
}

.fbavs-inline-form button{
    width:100%;
    padding:.85rem 1rem;
    border:none;
    border-radius:9999px;
    background:#C30180;
    color:#fff;
    
    font-size:.9rem;
    text-transform:uppercase;
    cursor:pointer;
    transition:background .2s,box-shadow .2s;
}

.fbavs-inline-form button:hover{
    background:#264bdc;
    box-shadow:0 6px 14px rgba(53,93,237,.35);
}

/* ---------- checkboxes elegantes ---------- */
.fbavs-field-legal,
.fbavs-field-newsletter{
    position:relative;
    padding-left:2rem;
    line-height:1.4;
}

.fbavs-field-legal input[type="checkbox"],
.fbavs-field-newsletter input[type="checkbox"]{
    position:absolute;
    left:0;
    top:.1rem;
    width:1.25rem;
    height:1.25rem;
    opacity:0;
    cursor:pointer;
}

.fbavs-field-legal label,
.fbavs-field-newsletter label{
cursor: pointer;
    display: inline-block;
    font-size: 11px;
    line-height: 1.2;
}

.fbavs-field-legal label::before,
.fbavs-field-newsletter label::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:1.25rem;
    height:1.25rem;
    border:2px solid #c3c7d4;
    border-radius:.35rem;
    background:#fff;
    transition:all .2s;
}

.fbavs-field-legal input:checked + label::before,
.fbavs-field-newsletter input:checked + label::before{
    background:#C30180;
    border-color:#C30180;
}

.fbavs-field-legal label::after,
.fbavs-field-newsletter label::after{
    content:'';
    position:absolute;
    left:.38rem;
    top:.15rem;
    width:.4rem;
    height:.8rem;
    border:solid #fff;
    border-width:0 .2rem .2rem 0;
    transform:rotate(45deg) scale(0);
    transition:transform .15s ease-out;
}

.fbavs-field-legal input:checked + label::after,
.fbavs-field-newsletter input:checked + label::after{
    transform:rotate(45deg) scale(1);
}

/* ---------- mensajes ---------- */
.fbavs-msg{
    margin-top:1rem;
    text-align:center;
    font-weight:600;
}
.fbavs-success{color:#2e7d32;}
.fbavs-error{color:#d32f2f;}