/* La Cartoleria — Consulente IA (front) — palette brand ufficiale */
.lcai { --red:#ea4f3b; --ink:#2e3236; --lime:#c0d11f; --sand:#ede8e4; --border:#e4e1dd; --muted:#6b7177; max-width:980px; margin:0 auto; }

.lcai-intro { display:flex; gap:18px; align-items:center; background:var(--ink); color:#fff; border-radius:18px; padding:24px 28px; margin-bottom:24px; }
.lcai-intro__icon { flex:0 0 60px; width:60px; height:60px; border-radius:16px; background:var(--red); display:grid; place-items:center; }
.lcai-intro__icon .material-icons { font-size:30px; color:#fff; }
.lcai-intro__title { font-weight:700; font-size:1.5rem; margin:0 0 6px; color:#fff; }
.lcai-intro__title span { color:var(--lime); }
.lcai-intro__text { margin:0; color:#c9ccce; }

.lcai-form { background:#fff; border:1px solid var(--border); border-radius:16px; padding:22px 24px; box-shadow:0 2px 10px rgba(46,50,54,.06); }
.lcai-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.lcai-form label { display:block; font-weight:600; color:var(--ink); font-size:.9rem; margin-bottom:12px; }
.lcai-form .lcai-full { display:block; }
.lcai-form input, .lcai-form select, .lcai-form textarea { width:100%; margin-top:6px; padding:10px 12px; border:1px solid var(--border); border-radius:10px; font-weight:400; }
.lcai-form input:focus, .lcai-form select:focus, .lcai-form textarea:focus { border-color:var(--red); outline:none; box-shadow:0 0 0 3px rgba(234,79,59,.12); }
.lcai-submit { margin-top:8px; background:var(--red); border-color:var(--red); border-radius:999px; font-weight:600; display:inline-flex; align-items:center; gap:8px; }
.lcai-submit:hover { background:#d33d2a; border-color:#d33d2a; }

.lcai-summary { margin:24px 0 14px; padding:16px 18px; background:var(--sand); border-radius:12px; font-weight:600; color:var(--ink); }

.lcai-results { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.lcai-card { display:flex; flex-direction:column; border:1px solid var(--border); border-radius:14px; overflow:hidden; background:#fff; }
.lcai-card--nomatch { opacity:.7; border-style:dashed; }
.lcai-card__img { display:block; height:140px; background:#f6f3f0; display:grid; place-items:center; }
.lcai-card__img img { max-height:140px; width:auto; }
.lcai-card__body { padding:12px 14px; display:flex; flex-direction:column; gap:6px; flex:1; }
.lcai-card__cat { font-size:.72rem; text-transform:uppercase; letter-spacing:.03em; color:var(--muted); }
.lcai-card__cat b { color:var(--red); }
.lcai-card__name { font-weight:600; color:var(--ink); text-decoration:none; }
.lcai-card__name:hover { color:var(--red); }
.lcai-card__note { font-size:.85rem; color:var(--muted); margin:0; flex:1; }
.lcai-card__foot { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:6px; }
.lcai-card__price { font-weight:700; color:var(--red); font-size:.95rem; }
.lcai-card .btn-outline-primary { color:var(--red); border-color:var(--red); border-radius:999px; }
.lcai-card .btn-outline-primary:hover { background:var(--red); color:#fff; }

.lcai-actions { margin:22px 0; text-align:center; }
.lcai-actions .btn-primary { background:var(--red); border-color:var(--red); border-radius:999px; padding:12px 30px; }

@media (max-width:991px){ .lcai-grid{grid-template-columns:repeat(2,1fr);} .lcai-results{grid-template-columns:repeat(2,1fr);} }
@media (max-width:575px){ .lcai-grid{grid-template-columns:1fr;} .lcai-results{grid-template-columns:1fr;} .lcai-intro{flex-direction:column; text-align:center;} }