/* contact.css — página Review our services + Contact us.
   Formularios oscuros con acento lima, inputs táctiles (>=48px). */

.cr-panel { padding: clamp(24px, 4vw, 40px); border-radius: 16px;
            background: rgba(212,255,61,0.04); border: 1px solid rgba(212,255,61,0.15);
            margin-bottom: clamp(28px, 5vw, 48px); scroll-margin-top: 100px; }
.cr-kicker { font-size: 13px; letter-spacing: 0.04em; color: #D4FF3D; margin-bottom: 14px; }
.cr-title { margin: 0 0 8px; font-family: 'Space Grotesk', ui-sans-serif, sans-serif; font-weight: 600;
            letter-spacing: -0.04em; font-size: clamp(22px, 3vw, 32px); color: #F2F3F0; }
.cr-sub { margin: 0 0 24px; font-size: 14px; color: #6E727A; line-height: 1.55; }

.cr-form { display: grid; gap: 14px; }
.cr-field label { display: block; font-size: 13px; color: #6E727A; margin-bottom: 6px; }
.cr-input, .cr-textarea {
  width: 100%; box-sizing: border-box; min-height: 48px; padding: 13px 16px;
  border-radius: 12px; background: rgba(11,11,12,0.7); color: #F2F3F0;
  border: 1px solid rgba(242,243,240,0.14); font-family: inherit; font-size: 15px;
  transition: border-color .25s ease;
}
.cr-textarea { min-height: 120px; resize: vertical; line-height: 1.5; }
.cr-input:focus, .cr-textarea:focus { outline: none; border-color: #D4FF3D; }
.cr-input::placeholder, .cr-textarea::placeholder { color: #4d5157; }

/* honeypot: fuera de la vista (los bots igual lo completan) */
.cr-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* estrellas */
.cr-stars { display: flex; gap: 6px; }
.cr-star { background: transparent; border: none; cursor: pointer; padding: 6px;
           font-size: 30px; line-height: 1; color: rgba(242,243,240,0.22);
           transition: color .15s ease, transform .15s ease; }
.cr-star.on { color: #D4FF3D; }
.cr-star:hover { transform: scale(1.15); }

.cr-submit { justify-self: start; min-height: 48px; padding: 13px 28px; border-radius: 999px;
             border: none; cursor: pointer; font-family: inherit; font-size: 15px; font-weight: 600;
             background: #D4FF3D; color: #0B0B0C; transition: background .25s ease, transform .25s ease; }
.cr-submit:hover:not(:disabled) { background: #e4ff6b; transform: translateY(-2px); }
.cr-submit:disabled { opacity: 0.55; cursor: default; }

.cr-status { min-height: 20px; font-size: 14px; }
.cr-status.ok { color: #D4FF3D; }
.cr-status.err { color: #FF9900; }

/* bloque publicidad / alianzas, debajo del formulario de contacto.
   Card neutra (no lima) para separarlo de los paneles de review/contacto. */
.cr-partner { padding: clamp(22px, 3.2vw, 30px); border-radius: 16px;
              background: #131417; border: 1px solid rgba(242,243,240,0.08); }
.cr-partner-kicker { font-size: 13px; letter-spacing: 0.04em; color: #D4FF3D; margin-bottom: 10px; }
.cr-partner p { margin: 0; font-size: 14px; color: #A9ADB4; line-height: 1.65; }
.cr-partner a { color: #D4FF3D; text-decoration: none; font-weight: 600; word-break: break-word; }
.cr-partner a:hover { text-decoration: underline; }