/* ===================================================================== IDENTIDAD · Casa Zoe v2 — EL ÚNICO LUGAR DE COLORES, LETRAS Y TIEMPOS --------------------------------------------------------------------- 22/10/2026 · Identidad visual oficial de Casa Zoe (PDF de Josue, «Casa_Zoe_Identidad_Visual_Oficial.pdf»), aplicada con el diseño «atrevido» que Brayan aprobó en maquetas (_maqueta-identidad/). · Colores: SOLO los 7 oficiales, más un texto casi negro (#22211E). · Letras: GFS Didot en los títulos e Inter en el texto y los botones. Si cambian, cambia también el enlace marcado «LETRAS» en el de «Casa Zoe v2.html». · Sin curvas: todas las esquinas en 0 (solo los aros de Herederos y los puntos pequeños son círculos). · HEREDEROS conserva su estilo propio (negro, arena dorada, Jost y aros): ver «.her-propio» al final. El logo oficial de Casa Zoe NO se toca: sobre fondo claro va tal cual; sobre fondo oscuro, sobre una placa crema. La versión anterior de este archivo está en _v2-antes-identidad/identidad.css. ===================================================================== */ :root { /* ---------- Los 7 colores oficiales ---------- */ --zc-sweet-corn: #F0EBD8; /* crema: fondo general */ --zc-baby-blue: #B6C8D4; /* azul: Visítanos (duotono) */ --zc-burnt-orange: #C76734; /* naranja: REBORN y sillas donadas */ --zc-sand: #CCA67F; /* arena: acento sobre fondos de color */ --zc-pristine: #F2E8DA; /* papel: fichas y pie */ --zc-chili-oil: #8E3C36; /* rojo arcilla: botones, etiquetas, Rey de Reyes y bloques de color */ --zc-green-olive: #8D8B55; /* verde olivo: sillas («Llena la sede») */ --zc-tinta: #22211E; /* texto casi negro */ /* ---------- Colores con nombre de uso (los usa recursos/casa-zoe-v2.css) ---------- */ --c-fondo: var(--zc-sweet-corn); --c-papel: var(--zc-pristine); --c-tinta: var(--zc-tinta); --c-tinta-suave: rgb(34 33 30 / .74); --c-acento: var(--zc-chili-oil); /* botón lleno y etiquetas sobre fondo claro */ --c-etiqueta: var(--zc-chili-oil); --c-noche: var(--zc-chili-oil); /* bloques de color (antes negros) */ --c-noche-2: rgb(34 33 30 / .16); /* tarjetas sobre bloques de color */ --c-claro-sobre-noche: var(--zc-sweet-corn); --c-suave-sobre-noche: rgb(240 235 216 / .82); --c-arena: var(--zc-sand); --c-arena-clara: var(--zc-pristine); --c-linea: rgb(34 33 30 / .16); --c-linea-noche: rgb(240 235 216 / .24); --c-donada: var(--zc-burnt-orange); /* sillas donadas */ --c-blanco: var(--zc-pristine); /* texto sobre fotos y videos */ --c-negro: var(--zc-tinta); --c-error: var(--c-tinta); /* Los mismos colores en formato «R G B» para sombras y velos con transparencia */ --rgb-sombra: 34 33 30; --rgb-velo: 34 33 30; --rgb-noche: 34 33 30; --rgb-luz: 242 232 218; --rgb-claro: 240 235 216; --rgb-arena: 204 166 127; --rgb-tinta: 34 33 30; --c-vidrio: rgb(240 235 216 / .96); --c-velo: rgb(34 33 30 / .55); /* Un color por evento */ --c-ev-reyes: var(--zc-chili-oil); --c-ev-herederos: var(--zc-green-olive); --c-ev-reborn: var(--zc-burnt-orange); /* ---------- Letras ---------- */ --f-titulo: "GFS Didot", "Didot", "Bodoni 72", Georgia, serif; --f-texto: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --f-etiqueta: var(--f-texto); --f-boton: var(--f-texto); --mayus-titulo: none; /* los títulos van como están escritos (Casa Zoe, Visítanos, Eventos…) */ --etiqueta-raya: none; /* etiquetas sin rayita delante */ --peso-gigante: 400; /* GFS Didot tiene un solo peso */ --peso-titulo: 400; --peso-ligero: 400; --peso-etiqueta: 700; --peso-fuerte: 700; /* botones */ --peso-texto: 400; --peso-texto-fuerte: 700; --espacio-gigante: -.02em; --espacio-titulo: -.01em; --espacio-etiqueta: .28em; --interlinea-gigante: .9; /* ---------- Tamaños ---------- */ --t-gigante: clamp(60px, 15vw, 260px); --t-enorme: clamp(46px, 9vw, 160px); --t-grande: clamp(36px, 5.6vw, 96px); --t-frase: clamp(28px, 4.1vw, 68px); --t-medio: clamp(24px, 2.4vw, 38px); --t-chico: clamp(19px, 1.5vw, 23px); --t-texto: 17px; --t-etiqueta: 11px; --ancho: 1320px; --margen: clamp(16px, 4.4vw, 64px); --aire: clamp(88px, 12vw, 176px); --alto-cab: 84px; /* barra del encabezado */ /* ---------- Formas: SIN CURVAS ---------- */ --radio: 0; --radio-pildora: 0; --radio-galeria: 0; /* ---------- Movimiento ---------- */ --curva: cubic-bezier(.22, 1, .36, 1); --t-aparece: .45s; --sube: 12px; --paso-cascada: 60ms; --t-pagina: .18s; --t-menu: .45s; } @media (max-width: 1023px) { :root { --alto-cab: 68px; } } /* ===================================================================== HEREDEROS · estilo propio (tendrá identidad aparte): negro, arena dorada, Jost/Lato y aros. Es el estilo que tenía hasta hoy; solo se le quitaron las esquinas redondeadas. Se aplica a la página Herederos y al bloque de Herederos del Inicio (clase «her-propio»). ===================================================================== */ .her-propio { --c-fondo: #F2EFE9; --c-papel: #FFFFFF; --c-tinta: #141413; --c-tinta-suave: #5B5852; --c-acento: #141413; --c-etiqueta: #5B5852; --c-noche: #0D0D0C; --c-noche-2: #1B1B19; --c-claro-sobre-noche: #EDE9E1; --c-suave-sobre-noche: #A9A49A; --c-arena: #D8C491; --c-arena-clara: #E8DDC0; --c-linea: rgba(20, 20, 19, .14); --c-linea-noche: rgba(237, 233, 225, .16); --c-blanco: #FFFFFF; --c-negro: #000000; --rgb-sombra: 0 0 0; --rgb-velo: 8 8 7; --rgb-noche: 13 13 12; --rgb-luz: 255 255 255; --rgb-claro: 237 233 225; --rgb-arena: 216 196 145; --rgb-tinta: 20 20 19; --c-ev-herederos: #D8C491; --f-titulo: "Jost", "Futura", "Century Gothic", "Avenir Next", system-ui, sans-serif; --f-texto: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --f-etiqueta: var(--f-titulo); --f-boton: var(--f-titulo); --mayus-titulo: uppercase; --etiqueta-raya: block; --peso-gigante: 500; --peso-titulo: 500; --peso-ligero: 300; --peso-etiqueta: 500; --peso-fuerte: 600; --espacio-gigante: -.035em; --espacio-titulo: -.02em; --espacio-etiqueta: .22em; --interlinea-gigante: .86; --t-etiqueta: 12px; }