/* ===================================================================
   Temas de los sitios de clientes: Cálido / Moderno / Audaz
   ÚNICA fuente de verdad. La usan:
     - sitios-web.html  (vista previa del configurador, a escala reducida)
     - sitio.html       (sitio público del cliente + vista previa del editor)
     - mi-sitio.html    (muestras de color del selector de tema)
   Aquí va todo lo que define la IDENTIDAD de cada tema (colores, fuentes,
   radios, sombras y los ajustes de estilo propios de cada tema). Los TAMAÑOS
   (px) viven en cada página, porque la vista previa es más pequeña que el
   sitio real. Cada página debe cargar este archivo ANTES de su <style>.

   Para mostrar muestras de color de un tema fuera de un sitio:
     <span data-tema-muestra="calido"><i style="background:var(--c-bg)"></i>…</span>
=================================================================== */

.pv-site[data-theme="calido"], [data-tema-muestra="calido"]{
  --c-bg:#faf4ea; --c-surface:#ffffff; --c-ink:#3b2d20; --c-muted:#6b5741;
  --c-accent:#94601f; --c-accent-2:#c08a2e; --c-on-accent:#fffaf2;
  --c-line:rgba(59,45,32,0.14); --c-radius:6px; --c-btn-radius:4px;
  --c-display:'Playfair Display', Georgia, serif; --c-body:'Manrope', sans-serif;
  --c-track:0px; --c-dw:600; --c-shadow:0 10px 26px rgba(90,64,36,0.10);
  --c-media:linear-gradient(150deg,#e8cba1,#a86a26 55%,#6f4520);
}
.pv-site[data-theme="moderno"], [data-tema-muestra="moderno"]{
  --c-bg:#ffffff; --c-surface:#f2f7fd; --c-ink:#0f1c30; --c-muted:#5c6c85;
  --c-accent:#2563eb; --c-accent-2:#60a5fa; --c-on-accent:#ffffff;
  --c-line:rgba(15,28,48,0.12); --c-radius:12px; --c-btn-radius:9px;
  --c-display:'Manrope', sans-serif; --c-body:'Manrope', sans-serif;
  --c-track:-0.2px; --c-dw:800; --c-shadow:0 12px 30px rgba(37,99,235,0.12);
  --c-media:linear-gradient(150deg,#bfdbfe,#2563eb 60%,#1e3a8a);
}
.pv-site[data-theme="audaz"], [data-tema-muestra="audaz"]{
  --c-bg:#0d0d0d; --c-surface:#181818; --c-ink:#ffffff; --c-muted:#a3a3a3;
  --c-accent:#d4ff3f; --c-accent-2:#ff4d2e; --c-on-accent:#0d0d0d;
  --c-line:rgba(255,255,255,0.18); --c-radius:0px; --c-btn-radius:0px;
  --c-display:'Poppins', sans-serif; --c-body:'Poppins', sans-serif;
  --c-track:-0.6px; --c-dw:800; --c-shadow:none;
  --c-media:linear-gradient(150deg,#2e2e2e,#0d0d0d 52%,#8aa82a);
}

/* ---- Ajustes de estilo propios de cada tema (sin tamaños) ---- */
.pv-site[data-theme="audaz"] h1, .pv-site[data-theme="audaz"] h2{ text-transform:uppercase; }

.pv-site[data-theme="audaz"] .pv-logo{ text-transform:uppercase; letter-spacing:0.5px; }
.pv-site[data-theme="calido"] .pv-logo{ font-style:italic; }
.pv-site[data-theme="audaz"] .pv-links{ text-transform:uppercase; font-weight:600; letter-spacing:0.5px; }

.pv-site[data-theme="audaz"] .pv-btn{ text-transform:uppercase; letter-spacing:0.7px; }
.pv-site[data-theme="audaz"] .pv-btn.ghost{ border-color: var(--c-accent); color: var(--c-accent); }

.pv-site[data-theme="calido"] .pv-eyebrow{ font-family: var(--c-display); font-style:italic; text-transform:none; letter-spacing:0.3px; font-weight:600; }

.pv-site[data-theme="audaz"] .pv-card{ border-width:2px; }
.pv-site[data-theme="audaz"] .pv-card:first-child{ border-color: var(--c-accent); }
.pv-site[data-theme="calido"] .pv-ico{ border-radius:50%; background: rgba(148,96,31,0.14); color: var(--c-accent); }

.pv-site[data-theme="audaz"] .pv-quote{ border-left:4px solid var(--c-accent); }
.pv-site[data-theme="calido"] .pv-quote{ border:none; border-left:3px solid var(--c-accent-2); background:transparent; border-radius:0; }
.pv-site[data-theme="calido"] .pv-quote p{ font-family: var(--c-display); font-style:italic; }
.pv-site[data-theme="audaz"] .pv-avatar{ border-radius:0; }