/* ================================
   BUSCADOR DE REGALOS (inc/regalos.php)
   ================================ */
.cf-regalos { margin: 24px 0; }
.cf-rg-paso { border: 0; padding: 0; margin: 0 0 22px; min-width: 0; }
.cf-rg-paso legend { font-size: 18px; font-weight: 700; color: #1a1a2e; margin-bottom: 10px; padding: 0; }
.cf-rg-paso legend span { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-right: 6px; border-radius: 50%; background: #c0392b; color: #fff; font-size: 14px; }
.cf-rg-paso legend small { font-weight: 400; font-size: 13px; color: #777; margin-left: 4px; }
.cf-rg-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.cf-rg-chip { cursor: pointer; margin: 0; }
.cf-rg-chip input { position: absolute; opacity: 0; pointer-events: none; }
.cf-rg-chip span { display: inline-block; padding: 8px 14px; border: 1px solid #d8d8d8; border-radius: 999px; background: #fff; color: #333; font-size: 15px; line-height: 1.3; transition: background .15s, border-color .15s; }
.cf-rg-chip:hover span { border-color: #c0392b; }
.cf-rg-chip input:checked + span { background: #c0392b; border-color: #c0392b; color: #fff; font-weight: 600; }
.cf-rg-chip input:focus-visible + span { outline: 2px solid #1a1a2e; outline-offset: 2px; }

.cf-rg-resultados { margin-top: 8px; padding-top: 16px; border-top: 1px solid #eee; }
.cf-rg-aviso { background: #f8f9fa; border-radius: 10px; padding: 14px 16px; color: #555; }
.cf-rg-titulo { font-size: 20px !important; margin: 8px 0 14px !important; }
.cf-rg-rejilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; margin-bottom: 18px; }
.cf-rg-tarjeta { display: flex; flex-direction: column; background: #fff; border: 1px solid #e8e8e8; border-radius: 10px; padding: 14px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); }
.cf-rg-tarjeta p { margin: 0 0 8px !important; }
.cf-rg-foto { display: block; height: 150px; margin: 0 0 10px; }
.cf-rg-foto img { display: block; width: 100%; height: 100%; object-fit: contain; }
.cf-rg-guia { font-size: 12px; text-transform: uppercase; letter-spacing: .4px; color: #888; }
.cf-rg-nombre { font-size: 17px !important; line-height: 1.3 !important; margin: 0 0 4px !important; color: #1a1a2e; }
.cf-rg-etiq { font-size: 14px; color: #c0392b; font-weight: 600; }
.cf-rg-motivo { font-size: 14px; color: #555; flex: 1; }
.cf-rg-precio { font-weight: 700; color: #1a1a2e; }
.cf-rg-precio small { font-weight: 400; font-size: 12px; color: #888; }
.cf-rg-boton { display: block; text-align: center; padding: 10px 12px; border-radius: 8px; background: #c0392b; color: #fff !important; font-weight: 600; text-decoration: none !important; }
.cf-rg-boton:hover { background: #a93226; }
.cf-rg-mas { display: block; text-align: center; margin-top: 8px; font-size: 14px; color: #555 !important; }
.cf-rg-amazon { text-align: center; font-weight: 600; }
.cf-rg-nota { font-size: 13px; color: #888; margin-top: 18px; }
.cf-rg-vermas { text-align: center; }
.cf-rg-vermas button { padding: 10px 18px; border: 1px solid #c0392b; border-radius: 8px; background: #fff; color: #c0392b; font-weight: 600; cursor: pointer; }
.cf-rg-vermas button:hover { background: #fdf2f1; }