/* ==========================================================================
   UPH CONSTRUCCIONES — SISTEMA DE DISEÑO DE ULTRA-LUJO
   Inspirado en la estética, paleta y tipografía de 888 Dolce & Gabbana
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;1,300&display=swap');

:root {
  /* Paleta Cromática Noir & Champagne Gold (888 D&G) */
  --color-bg-primary: #080808;
  --color-bg-secondary: #0f0f0f;
  --color-bg-surface: #141414;
  --color-bg-card: #181818;
  --color-bg-card-hover: #1e1e1e;
  --color-bg-elevated: #222222;

  /* Oro de Alta Costura 888 Dolce & Gabbana */
  --color-gold: #C9A751;
  --color-gold-hover: #d8b866;
  --color-gold-muted: rgba(201, 167, 81, 0.22);
  --color-gold-subtle: rgba(201, 167, 81, 0.08);
  --color-gold-glow: rgba(201, 167, 81, 0.16);
  --color-gold-border: rgba(201, 167, 81, 0.38);

  /* Textos y Jerarquías */
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #E4E4E4;
  --color-text-muted: #9A9A9A;
  --color-text-faint: #666666;

  /* Líneas de Retícula Arquitectónica */
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-subtle: rgba(255, 255, 255, 0.04);
  --color-border-light: rgba(255, 255, 255, 0.15);

  /* Tipografías */
  --font-serif: 'Cinzel', Georgia, 'Times New Roman', serif;
  --font-sans: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Elevaciones y Desenfoques (Glassmorphism) */
  --glass-bg: rgba(12, 12, 12, 0.82);
  --glass-blur: blur(20px);
  --glass-border: 1px solid rgba(201, 167, 81, 0.2);

  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.5);
  --shadow-card: 0 10px 40px rgba(0, 0, 0, 0.7);
  --shadow-elevated: 0 20px 60px rgba(0, 0, 0, 0.85);
  --shadow-gold: 0 0 35px rgba(201, 167, 81, 0.2);

  /* Transiciones y Curvas de Aceleración Cinemáticas */
  --transition-fast: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);

  /* Espaciados y Dimensiones */
  --container-max-width: 1440px;
  --container-gutter: clamp(1.25rem, 5vw, 4rem);
  --header-height: 86px;
  --radius-sm: 2px;
  --radius-md: 4px;
}