/* EasyBiz · temas por sector (22-10-2026). Sin data-tema = general (negro y amarillo de MARCA.md).
   Cada tema solo redefine variables; landing.css y application.css no cambian. */

/* Clínicas: blanco y cian, limpio y sanitario */
html[data-tema="clinicas"]{
  --bg:#FFFFFF;--bg-2:#F6FAFC;--s1:#F3F8FB;--s2:#E8F2F6;--s3:#FFFFFF;
  --ink:#0E2A33;--ink-2:#45606B;--ink-3:#5C7580;
  --l1:rgba(14,42,51,.07);--l2:rgba(14,42,51,.13);--l3:rgba(14,42,51,.24);
  --o1:#8BE6F0;--o2:#4FD3E3;--o4:#14B8CC;--o6:#0C97A9;--o9:#7FD3DE;
  --acc-rgb:20,184,204;--acc-text:#0A7F8F;--sobre-oro:#06262D;--btn-hi:rgba(255,255,255,.45);
  --wash:rgba(20,184,204,.08);--wash-2:rgba(20,184,204,.16);
  --shadow-a:.08;--thumb-fade:rgba(255,255,255,.88);--top-bg:rgba(255,255,255,.88);--corte:#C0392B;
}

/* Estética y belleza: blanco y rosa, suave y cuidado */
html[data-tema="estetica"]{
  --bg:#FFFFFF;--bg-2:#FFF8FA;--s1:#FDF3F6;--s2:#FAE7EE;--s3:#FFFFFF;
  --ink:#3A1F29;--ink-2:#6B5059;--ink-3:#7F6570;
  --l1:rgba(58,31,41,.07);--l2:rgba(58,31,41,.13);--l3:rgba(58,31,41,.24);
  --o1:#F9CADA;--o2:#F3A3BE;--o4:#E8799E;--o6:#D45B83;--o9:#F2B6C9;
  --acc-rgb:232,121,158;--acc-text:#B83A66;--sobre-oro:#3A1F29;--btn-hi:rgba(255,255,255,.5);
  --wash:rgba(232,121,158,.09);--wash-2:rgba(232,121,158,.18);
  --shadow-a:.08;--thumb-fade:rgba(255,255,255,.88);--top-bg:rgba(255,255,255,.88);--corte:#C0392B;
  --font-head:"Playfair Display",Georgia,serif;
}

/* Abogados y asesorías: beige y marrón, serio y elegante */
html[data-tema="abogados-asesorias"]{
  --bg:#F7F2EA;--bg-2:#F2EBE0;--s1:#EFE6D8;--s2:#E6DAC8;--s3:#FBF8F3;
  --ink:#2A1D14;--ink-2:#5A4738;--ink-3:#6E5A4A;
  --l1:rgba(42,29,20,.08);--l2:rgba(42,29,20,.15);--l3:rgba(42,29,20,.26);
  --o1:#B98C66;--o2:#9C6F4A;--o4:#85593A;--o6:#6B452B;--o9:#C9AE90;
  --acc-rgb:133,89,58;--acc-text:#7A4F31;--sobre-oro:#FFFFFF;--btn-hi:rgba(255,255,255,.2);
  --wash:rgba(133,89,58,.08);--wash-2:rgba(133,89,58,.16);
  --shadow-a:.1;--thumb-fade:rgba(247,242,234,.9);--top-bg:rgba(247,242,234,.9);--corte:#A93226;
  --font-head:"Cormorant Garamond",Georgia,serif;
}
html[data-tema="abogados-asesorias"] .h2,
html[data-tema="abogados-asesorias"] .hero-h,
html[data-tema="abogados-asesorias"] .app-title{font-weight:700;letter-spacing:0}
html[data-tema="abogados-asesorias"] .hero-h{font-size:40px;line-height:44px}
html[data-tema="abogados-asesorias"] .h2{font-size:50px}
html[data-tema="abogados-asesorias"] .card h3{text-transform:none;font-size:32px}
html[data-tema="estetica"] .h2,html[data-tema="estetica"] .hero-h,html[data-tema="estetica"] .app-title{font-weight:700;letter-spacing:-.01em}
html[data-tema="estetica"] .card h3{text-transform:none}
@media (max-width:900px){
  html[data-tema="abogados-asesorias"] .hero-h{font-size:34px;line-height:36px}
  html[data-tema="abogados-asesorias"] .h2{font-size:36px}
  html[data-tema="abogados-asesorias"] .card h3{font-size:24px;line-height:26px}
}

/* En los temas claros, el cristal y los bordes del vídeo van en tinta, no en blanco */
html[data-tema="clinicas"] .vid,html[data-tema="estetica"] .vid,html[data-tema="abogados-asesorias"] .vid{border-color:var(--l2)}
html[data-tema="clinicas"] .vid-card,html[data-tema="estetica"] .vid-card,html[data-tema="abogados-asesorias"] .vid-card{border-color:rgba(255,255,255,.95)}