/* Responsive styles */
/* RESET & BASE */
.rcm-container { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; }

/* TOPBAR */
.rcm-topbar { background: #0f172a; color: #94a3b8; font-size: 0.8rem; padding: 8px 0; }
.rcm-topbar-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.rcm-topbar a { color: #cbd5e1; text-decoration: none; margin-right: 15px; }

/* HEADER & NAV RESPONSIVO */
.rcm-header { background: #ffffff; padding: 15px 0; border-bottom: 1px solid #e2e8f0; }
.rcm-header-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }
.rcm-logo { display: flex; align-items: center; gap: 10px; font-size: 1.4rem; font-weight: 900; color: #0f172a; text-decoration: none; }
.rcm-logo i { color: #2563eb; }
.rcm-logo span { font-size: 0.7rem; color: #2563eb; display: block; font-weight: 600; }
.rcm-nav { display: flex; gap: 15px; flex-wrap: wrap; }
.rcm-nav a { color: #334155; text-decoration: none; font-weight: 600; font-size: 0.88rem; }
.rcm-nav a.active, .rcm-nav a:hover { color: #2563eb; }
.rcm-cart-btn { background: #eff6ff; color: #2563eb; padding: 8px 16px; border-radius: 999px; font-weight: 700; text-decoration: none; font-size: 0.85rem; display: flex; align-items: center; gap: 8px; }

/* HERO SECTION */
.rcm-hero { background: linear-gradient(rgba(15,23,42,0.4), rgba(15,23,42,0.6)), url('https://images.unsplash.com/photo-1544829099-b9a0c07fad1a?q=80&w=1920&auto=format&fit=crop') center center / cover no-repeat; padding: 30px 0 50px 0; }

/* BANNER DE PREÇOS */
.rcm-price-banner { background: rgba(15, 23, 42, 0.92); border: 1px solid rgba(255,255,255,0.15); border-radius: 12px; padding: 15px 20px; color: #fff; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; }
.rcm-price-banner p { font-size: 0.8rem; color: #94a3b8; margin: 2px 0 0 0; }
.rcm-badges { display: flex; gap: 8px; flex-wrap: wrap; }
.badge { padding: 5px 10px; border-radius: 6px; font-size: 0.78rem; font-weight: 700; }
.badge-green { background: rgba(74, 222, 128, 0.15); color: #4ade80; }
.badge-blue { background: rgba(96, 165, 250, 0.15); color: #60a5fa; }
.badge-yellow { background: rgba(250, 204, 21, 0.15); color: #facc15; }
.badge-red { background: rgba(248, 113, 113, 0.15); color: #f87171; }

/* GRID PRINCIPAL RESPONSIVO (2/3 + 1/3) */
.rcm-main-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; }
@media (max-width: 900px) { .rcm-main-grid { grid-template-columns: 1fr; } }

/* JANELAS TRANSPARENTES COM CARTÕES CLAROS */
.rcm-window { background: rgba(241, 245, 249, 0.93); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 16px; padding: 25px; border: 1px solid #ffffff; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
.rcm-step-tag { font-size: 0.75rem; font-weight: 800; color: #2563eb; letter-spacing: 0.5px; }
.rcm-win-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 15px; flex-wrap: wrap; gap: 10px; }
.rcm-win-header h2 { font-size: 1.4rem; font-weight: 800; color: #0f172a; margin: 0; }
#rcm-total-display { font-size: 1.6rem; font-weight: 800; color: #2563eb; }

.rcm-group-title { font-weight: 700; font-size: 0.8rem; color: #334155; margin: 15px 0 8px 0; display: block; }

/* STAGES */
.rcm-stage-pills { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.rcm-stage-pill { background: #ffffff; border: 2px solid #e2e8f0; padding: 10px 12px; border-radius: 8px; cursor: pointer; font-size: 0.82rem; font-weight: 600; color: #0f172a; display: flex; align-items: center; gap: 8px; }
.rcm-stage-pill input { accent-color: #2563eb; }

/* CARTÕES SOLUÇÕES */
.rcm-sol-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
.rcm-sol-card { background: #ffffff; border: 2px solid #e2e8f0; border-radius: 12px; padding: 12px; cursor: pointer; transition: all 0.2s; display: flex; flex-direction: column; justify-content: space-between; min-height: 95px; }
.rcm-sol-card:hover { border-color: #2563eb; transform: translateY(-2px); }
.rcm-sol-card.active { border-color: #2563eb; background: #eff6ff; }
.rcm-sol-card-head { display: flex; justify-content: space-between; align-items: center; }
.rcm-sol-icon { width: 32px; height: 32px; border-radius: 8px; background: #eff6ff; color: #2563eb; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; }
.rcm-checkbox-circle { width: 16px; height: 16px; border: 2px solid #cbd5e1; border-radius: 50%; }
.rcm-sol-card.active .rcm-checkbox-circle { border-color: #2563eb; background: #2563eb; }
.rcm-sol-title { font-weight: 700; font-size: 0.85rem; color: #0f172a; margin-top: 8px; }
.rcm-sol-desc { font-size: 0.7rem; color: #64748b; }

/* CAMPOS FORMULÁRIO */
.rcm-field-group { margin-bottom: 12px; }
.rcm-field-group label { display: block; font-size: 0.75rem; font-weight: 700; color: #334155; margin-bottom: 4px; }
.rcm-field-input { width: 100%; padding: 10px 12px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; color: #0f172a; font-size: 0.88rem; box-sizing: border-box; }
.rcm-field-input:focus { border-color: #2563eb; outline: none; }

.rcm-file-box { border: 2px dashed #cbd5e1; background: #ffffff; padding: 18px; border-radius: 12px; text-align: center; cursor: pointer; }
.rcm-file-box i { font-size: 1.8rem; color: #2563eb; margin-bottom: 4px; }
.rcm-file-text { font-weight: 700; font-size: 0.82rem; color: #0f172a; }
.rcm-file-sub { font-size: 0.7rem; color: #64748b; }

.rcm-submit-btn { background: #2563eb; color: #ffffff; width: 100%; padding: 14px; border-radius: 8px; border: none; font-weight: 700; font-size: 1rem; cursor: pointer; margin-top: 10px; transition: background 0.2s; }
.rcm-submit-btn:hover { background: #1d4ed8; }

/* FOOTER BAR */
.rcm-footer-bar { background: #0f172a; color: #94a3b8; font-size: 0.8rem; padding: 20px 0; text-align: center; }
.rcm-footer-bar a { color: #cbd5e1; text-decoration: none; }