/*
Theme Name: Maccam Studio
Theme URI: https://maccamstudio.com
Author: Maccam Network
Author URI: https://maccamnetwork.com
Description: Tema oficial de Maccam Studio — Plataforma de líneas de negocio de Maccam Network
Version: 1.2.0
Text Domain: maccam-studio
*/

/* ============================================
   CSS VARIABLES
============================================ */
:root {
  /* Maccam Studio — Dark Theme */
  --studio-bg:        #06060A;
  --studio-bg-card:   #0E0E18;
  --studio-bg-hover:  #14141F;
  --studio-text:      #FFFFFF;
  --studio-text-muted:#8888A0;
  --studio-border:    rgba(255,255,255,0.07);
  --studio-accent:    #FFFFFF;

  /* Venta y Renta USA */
  --vyr-red:          #CC1F28;
  --vyr-red-dark:     #A8181F;
  --vyr-navy:         #1E2868;
  --vyr-navy-dark:    #161E50;
  --vyr-white:        #FFFFFF;
  --vyr-light:        #F7F7FA;
  --vyr-light2:       #EDEDF2;
  --vyr-text:         #1A1A2E;
  --vyr-text-muted:   #66667A;
  --vyr-border:       #E2E2EC;

  /* Typography */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Layout */
  --max-w:     1200px;
  --max-w-sm:  760px;
  --pad-x:     clamp(20px, 5vw, 64px);
  --section-y: clamp(64px, 10vw, 120px);

  /* Transitions */
  --t: 0.25s ease;
  --t-slow: 0.5s ease;
}

/* ============================================
   RESET
============================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body { font-family: var(--font); -webkit-font-smoothing: antialiased; line-height: 1.65; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
button { cursor: pointer; border: none; background: none; font-family: var(--font); }
input, select, textarea, button { font-family: var(--font); font-size: 1rem; }
ul, ol { list-style: none; }

/* ============================================
   UTILITIES
============================================ */
.container {
  width: 100%;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 var(--pad-x);
}
.container--sm {
  max-width: var(--max-w-sm);
}
.sr-only {
  position: absolute; width: 1px; height: 1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap;
}