:root { --teal:#0E7D83; --hi:#12313B; --lo:#7A8B93; --bg:#F2F6F7; }
  * { box-sizing:border-box; }
  body { margin:0; font-family:-apple-system,'Segoe UI',Roboto,sans-serif; background:var(--bg); color:var(--hi); }
  .wrap { max-width:460px; margin:0 auto; padding:22px 16px 40px; }
  .card { background:#fff; border-radius:16px; padding:22px 20px; box-shadow:0 4px 24px rgba(18,49,59,.08); }
  h1 { font-size:19px; margin:0 0 2px; }
  .sub { font-size:13px; color:var(--lo); margin-bottom:18px; }
  .stars { display:flex; gap:8px; justify-content:center; margin:14px 0 4px; }
  .stars button { font-size:38px; background:none; border:none; cursor:pointer; color:#D5DEE2; padding:2px; line-height:1; transition:transform .08s; }
  .stars button.on { color:#F5A623; }
  .stars button:active { transform:scale(1.15); }
  .stars-label { text-align:center; font-size:13px; color:var(--lo); min-height:18px; margin-bottom:14px; }
  .rec { display:flex; gap:10px; margin:8px 0 16px; }
  .rec button { flex:1; padding:11px; border-radius:10px; border:1.5px solid #D5DEE2; background:#fff; font-size:14px; font-family:inherit; cursor:pointer; color:var(--hi); }
  .rec button.on { border-color:var(--teal); background:#E3F2F3; color:var(--teal); font-weight:700; }
  label { font-size:12.5px; font-weight:600; color:var(--hi); display:block; margin:12px 0 5px; }
  textarea, input[type=text], input[type=tel] { width:100%; border:1.5px solid #D5DEE2; border-radius:10px; padding:10px 12px; font-size:14px; font-family:inherit; color:var(--hi); outline:none; }
  textarea:focus, input:focus { border-color:var(--teal); }
  .opc { font-weight:400; color:var(--lo); }
  .enviar { width:100%; margin-top:18px; padding:13px; border:none; border-radius:12px; background:var(--teal); color:#fff; font-size:15px; font-weight:700; font-family:inherit; cursor:pointer; }
  .enviar:disabled { background:#B9CDD0; cursor:not-allowed; }
  .centro { text-align:center; padding:30px 10px; }
  .centro .big { font-size:46px; margin-bottom:10px; }
  .err { background:#FDECEC; color:#B42318; border-radius:10px; padding:10px 12px; font-size:13px; margin-top:12px; display:none; }
  .hp { position:absolute; left:-9999px; opacity:0; height:0; overflow:hidden; }
  .pie { text-align:center; font-size:11px; color:var(--lo); margin-top:16px; }
  .oculto { display:none; }