/*
Theme Name: Luxe Florida Estate
Theme URI: https://tusitio.com
Author: Sebastian & Esteban
Description: Tema premium a medida para Real Estate de Lujo en Florida.
Version: 1.0
*/

:root {
    /* Design System Luxe Florida */
    --primary: #0077B6;
    --secondary: #2A9D8F;
    --tertiary: #F4A261;
    --neutral: #F8F9FA;
    --text-dark: #1F2937;
    --text-light: #6B7280;
    --border: #E5E7EB;
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Inter', sans-serif;
}

body { margin: 0; padding: 0; font-family: var(--font-body); background-color: var(--neutral); color: var(--text-dark); }
* { box-sizing: border-box; }
h1, h2, h3, h4, h5, .playfair { font-family: var(--font-heading); font-weight: 600; margin: 0; }
a { text-decoration: none; transition: 0.3s; }

/* Botones base */
.btn-primary { background: var(--primary); color: #fff; padding: 12px 24px; border-radius: 4px; font-weight: 500; font-family: var(--font-body); border: none; cursor: pointer; }
.btn-primary:hover { background: #005f92; }
.btn-outlined { background: transparent; color: var(--primary); padding: 10px 0; border-radius: 4px; font-weight: 500; border: 1px solid var(--primary); text-align: center; display: block; width: 100%; }
.btn-outlined:hover { background: var(--primary); color: #fff; }

/* Utilities */
.luxe-container { max-width: 1280px; margin: 0 auto; padding: 80px 5%; }