#fy-wrapper{
  max-width: 640px;
  margin: 20px auto;
  padding: 0 12px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.fy-logo{ text-align:center; margin: 10px 0 14px; }
.fy-logo img{ width: 140px; height:auto; }

#fy-form{
  background:#fff;
  border-radius:14px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
  padding: 18px 18px 10px;
}
#fy-form h3{
  font-size:16px;
  color:#0b6fa4;
  margin:16px 0 10px;
  padding-bottom:6px;
  border-bottom:1px solid #eef2f6;
}
#fy-form label{ display:block; font-weight:600; margin-bottom:6px; }
#fy-form input, #fy-form select, #fy-form textarea{
  width:100%; padding:11px 12px; margin-bottom:14px;
  border:1px solid #cfd7df; border-radius:10px; background:#fff;
  font-size:14px; box-sizing:border-box;
}
#fy-form textarea{ resize:vertical; min-height:80px; }
.fy-row{ display:flex; gap:12px; }
.fy-col{ flex:1; }
@media (max-width:560px){ .fy-row{ flex-direction:column; } }

.fy-comision{
  border-radius:14px;
  padding:14px;
  margin: 2px 0 14px;
  text-align:center;
  border:2px solid transparent;
}
.fy-comision-title{
  font-size:14px; font-weight:700; letter-spacing:.2px; opacity:.9; margin-bottom:6px;
}
.fy-comision-value{
  font-size:22px; font-weight:800; margin-bottom:6px;
}
.fy-comision-sub{
  font-size:13px; opacity:.85;
}

/* Ajusta el tamaño de fuente para el valor de “Depositar en oficinas”.  Se
   aplicará únicamente al span que muestra el monto calculado, de modo que
   destaque respecto al resto de la información dentro del recuadro de
   comisión. */
#fy-dep-oficina{
  font-size:20px;
  font-weight:700;
}
.fy-verde{ background:#ecfbef; border-color:#b9edc6; color:#095f23; }
.fy-naranja{ background:#fff5ea; border-color:#ffd7ae; color:#7a3e00; }

.fy-submit{
  width:100%; padding:13px; background:#0b6fa4; color:#fff; font-weight:700;
  border:none; border-radius:12px; cursor:pointer; font-size:16px;
}
.fy-submit:hover{ background:#085a86; }
.fy-foot{ text-align:center; font-size:12px; color:#6b7280; margin:12px 0 6px; }
.fy-foot a{ color:#6b7280; text-decoration:underline; }
