/* ===== PALETAS (RGB) · se elige con EMPRESA_TEMA en .env ===== 1 Cristal · 2 Cobre · 3 Azul · 4 Obra */
:root,[data-tema="1"]{--ink:13 22 27;--ink2:20 34 42;--glass:217 236 231;--edge:29 138 117;--edge2:43 177 150;--onedge:255 255 255;--paper:245 248 247;--g1:#e3f1ed;--g2:#bcd9d2;--g3:#a4cbc2;--fh:'Archivo',sans-serif;--fb:'DM Sans',sans-serif;--hcase:none;--hls:-.02em}
[data-tema="2"]{--ink:28 26 25;--ink2:42 38 35;--glass:241 228 213;--edge:168 98 50;--edge2:214 137 79;--onedge:255 255 255;--paper:248 245 241;--g1:#f3e9df;--g2:#dcc6b0;--g3:#c9ab8f;--fh:'Fraunces',serif;--fb:'DM Sans',sans-serif;--hcase:none;--hls:-.01em}
[data-tema="3"]{--ink:10 31 61;--ink2:17 45 84;--glass:220 234 250;--edge:26 109 214;--edge2:92 172 255;--onedge:255 255 255;--paper:245 248 252;--g1:#e6f0fb;--g2:#bed6f2;--g3:#a3c3ea;--fh:'Manrope',sans-serif;--fb:'Manrope',sans-serif;--hcase:none;--hls:-.03em}
[data-tema="4"]{--ink:20 20 20;--ink2:34 34 34;--glass:252 241 205;--edge:201 148 0;--edge2:255 196 0;--onedge:20 20 20;--paper:243 242 238;--g1:#efeee8;--g2:#d9d7cd;--g3:#c6c3b6;--fh:'Barlow Condensed',sans-serif;--fb:'Barlow',sans-serif;--hcase:uppercase;--hls:0}

html{scroll-behavior:smooth;scroll-padding-top:72px}
body{font-family:var(--fb);color:rgb(var(--ink))}
h1,h2,h3,.head{font-family:var(--fh);letter-spacing:var(--hls)}
h1,h2,h3{text-transform:var(--hcase)}

/* Foto / placeholder */
.slot{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--g1) 0%,var(--g2) 55%,var(--g3) 100%);border-radius:12px}
.slot::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0 46px,rgba(255,255,255,.35) 46px 52px,transparent 52px 120px);pointer-events:none}
.slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.slot .tag{position:absolute;right:10px;top:10px;z-index:2;font-size:11px;font-weight:700;background:rgb(var(--ink) / .7);color:#fff;padding:4px 9px;border-radius:999px;font-family:var(--fb)}
.slot.dark{background:linear-gradient(135deg,rgb(var(--ink2)) 0%,rgb(var(--ink)) 100%)}
.slot.dark::before{background:repeating-linear-gradient(118deg,transparent 0 46px,rgba(255,255,255,.06) 46px 52px,transparent 52px 120px)}
.slot .cap{position:absolute;inset:auto 0 0 0;z-index:3;padding:40px 14px 12px;background:linear-gradient(transparent,rgb(var(--ink) / .8));color:#fff;font-family:var(--fh);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
#inicio .slot .tag{top:auto;bottom:16px;right:16px}

.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:rgb(var(--edge));font-family:var(--fb)}
.fld{display:block;width:100%;margin-top:6px;border:1px solid rgb(var(--ink) / .14);background:#fff;border-radius:8px;padding:10px 13px;outline:none;font-weight:400}
.fld:focus{border-color:rgb(var(--edge));box-shadow:0 0 0 3px rgb(var(--edge) / .15)}
.fld.err{border-color:#dc2626}
#header.solid{background:rgb(var(--ink));box-shadow:0 8px 24px rgba(0,0,0,.18)}
.dot.on{background:#fff;width:22px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}