/*
Theme Name: AC Commercial
Author: Angela Clair / Codex
Version: 0.2.0
Text Domain: ac-commercial
Description: Tema comercial Angela Clair. El diseno general esta portado del handoff en assets/styles/ (base.css + home.css + servicio.css). Este style.css solo aporta el estilo de los componentes que genera el plugin ac-commercial-core (formulario de lead, banner CMP, dashboard privado).
*/

/* Glue de componentes del plugin ac-commercial-core.
   El diseno visible (header, hero, secciones) vive en assets/styles/base.css y home.css. */

:root{--ac-wp-line:#dacdae;--ac-wp-ink:#1a1714;--ac-wp-ink3:#675e53;--ac-wp-paper:#fbf6ec;--ac-wp-ok:#2e6e3a;--ac-wp-warn:#8a5a1b;--ac-wp-bad:#8b2a1f}

.section{padding:56px 0}
.grid{display:grid;gap:18px}
.grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{border:1px solid var(--ac-wp-line);background:rgba(255,255,255,.4);border-radius:8px;padding:24px}
.card h3{font-family:Georgia,serif;font-size:23px;margin:0 0 10px;font-weight:500}
.muted{color:var(--ac-wp-ink3)}

/* Formulario [ac_lead_form] */
.form{display:grid;gap:14px;max-width:720px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .field label{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;color:var(--ac-wp-ink3)}
.form input,.form select,.form textarea{width:100%;min-height:46px;border:1px solid var(--ac-wp-line);border-radius:4px;padding:10px 12px;background:#fff;color:var(--ac-wp-ink);font:inherit}
.form textarea{min-height:120px}
.form .check{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#4a423a;margin:4px 0}
.form .check input{width:auto;min-height:0;margin-top:4px}
.notice{border-left:4px solid var(--ac-wp-warn);background:#f4e4c3;padding:14px 16px;margin:18px 0;border-radius:4px}

/* Boton generico del plugin (.btn), alineado con .ac-btn del handoff */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--ac-wp-ink);border-radius:4px;text-decoration:none;font-weight:700;background:transparent;color:var(--ac-wp-ink);cursor:pointer;font:inherit}
.btn.primary{background:var(--ac-wp-ink);color:var(--ac-wp-paper)}

/* CMP — banner de cookies (render_cmp -> .cookie) */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;background:var(--ac-wp-ink);color:var(--ac-wp-paper);padding:18px;border-radius:8px;box-shadow:0 12px 44px rgba(0,0,0,.28);max-width:560px}
.cookie strong{display:block;font-family:Georgia,serif;font-size:18px;margin-bottom:6px}
.cookie p{margin:0;font-size:13px;color:#d6caa8}
.cookie .row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.cookie .btn{border-color:var(--ac-wp-paper);color:var(--ac-wp-paper);min-height:42px}
.cookie .btn.primary{background:#c9a85e;border-color:#c9a85e;color:var(--ac-wp-ink)}

/* Dashboard privado [ac_dashboard] */
.dash-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}
.kpi{border:1px solid var(--ac-wp-line);border-radius:8px;padding:18px;background:#fff}
.kpi strong{font-size:34px;font-family:Georgia,serif;display:block;margin-top:6px}
.traffic{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px}
.traffic.green{background:var(--ac-wp-ok)}
.traffic.yellow{background:var(--ac-wp-warn)}
.traffic.red{background:var(--ac-wp-bad)}

@media(max-width:860px){
  .grid.cards{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .dash-grid{grid-template-columns:1fr}
  .cookie .row{grid-template-columns:1fr}
}