/* CSS Custom Properties - Sistema de Diseño */
:root {
	/* Colores originales (backup para revertir) */
	--color-primary-original: #d6812c;
	--color-primary-light-original: #e7b123;
	--color-primary-dark-original: #de9827;
	
	/* Colores WCAG AA compliant */
	--color-primary: #b85a00;  /* Más oscuro para mejor contraste */
	--color-primary-light: #e7b123;
	--color-primary-dark: #8a4500;  /* Aún más oscuro */
	--color-white: #ffffff;
	--color-gray-light: #f5f5f5;  /* Menos brillante */
	--color-black: #000000;
	--color-gray-dark: #2a2a2a;  /* Más oscuro */
	
	/* Text colors accesibles */
	--color-text-primary: #1a1a1a;    /* Negro suave */
	--color-text-secondary: #4a4a4a;  /* Gris medio */
	--color-text-light: #ffffff;      /* Blanco */
	--color-text-muted: #6a6a6a;      /* Gris claro */
	
	/* Fondos accesibles */
	--color-bg-primary: #ffffff;
	--color-bg-secondary: #f5f5f5;
	--color-bg-accent: #fef5e7;        /* Amarillo muy claro */
	
	/* Gradientes */
	--gradient-primary: linear-gradient(135deg, #e7b123 0%, #de9827 50%, #d6812c 100%);
	--gradient-dark: linear-gradient(135deg, #000000 0%, #333333 100%);
	
	/* Espaciado */
	--spacing-xs: 5px;
	--spacing-sm: 8px;
	--spacing-md: 10px;
	--spacing-lg: 20px;
	--spacing-xl: 30px;
	--spacing-xxl: 40px;
	
	/* Bordes */
	--border-radius-sm: 8px;
	--border-radius-md: 10px;
	--border-radius-lg: 15px;
	--border-radius-xl: 20px;
	--border-radius-full: 50px;
	--border-width-thin: 2px;
	--border-width-medium: 3px;
	--border-width-thick: 5px;
	
	/* Sombras */
	--shadow-sm: 0 5px 15px rgba(0, 0, 0, 0.1);
	--shadow-md: 0 10px 25px rgba(0, 0, 0, 0.15);
	--shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.15);
	--shadow-xl: 0 10px 30px rgba(0, 0, 0, 0.3);
	
	/* Tipografía */
	--font-family: 'Quicksand', sans-serif;
	--font-size-xs: 0.85rem;
	--font-size-sm: 0.9rem;
	--font-size-md: 1.1rem;
	--font-size-lg: 1.3rem;
	--font-size-xl: 1.4rem;
	--font-size-xxl: 2rem;
	--font-size-logo: 8rem;
	
	/* Transiciones y opacidades */
	--transition-fast: 0.3s ease;
	--transition-slow: 0.6s ease;
	--opacity-light: 0.95;
	--opacity-medium: 0.9;
}

/* Reset y base */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font-family);font-weight:400;line-height:1.6;color:var(--color-text-secondary);background:var(--gradient-primary);min-height:100vh}
.container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}
header{text-align:center;padding:var(--spacing-sm)0;color:var(--color-text-light)}

/* Tipografía */
.tagline{font-size:var(--font-size-xl);font-weight:600;opacity:var(--opacity-light);margin-bottom:var(--spacing-xxl);text-shadow:none;letter-spacing:.5px;color:var(--color-primary-dark);text-align:center}
.section-title{font-size:var(--font-size-xxl);color:var(--color-primary);margin-bottom:var(--spacing-lg);text-align:center;font-weight:600}
.subtitle-large{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-lg);text-align:center;font-weight:600;color:var(--color-white);max-width:800px;margin-left:auto;margin-right:auto}

/* Secciones */
.main-content{background:var(--color-bg-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xxl);border:var(--border-width-thin)solid var(--color-bg-accent)}
.video-section,.form-section,.restaurant-section,.cta-section{margin:var(--spacing-xxl)0;text-align:center}
.form-section{background:var(--gradient-primary);padding:var(--spacing-xxl);border-radius:var(--border-radius-xl);color:var(--color-white)}
.restaurant-section{background:var(--gradient-dark);padding:var(--spacing-xxl);border-radius:var(--border-radius-xl);color:var(--color-white);border:var(--border-width-thin)solid var(--color-primary-light)}
.cta-section{padding:var(--spacing-xxl)0}
footer{text-align:center;padding:var(--spacing-xxl)0;color:var(--color-white);opacity:var(--opacity-medium)}

/* Formularios */
label{display:block;margin-bottom:var(--spacing-sm);font-weight:500}
input,textarea,select{width:100%;padding:12px;border:none;border-radius:var(--border-radius-sm);font-size:16px;background:rgba(255,255,255,.9);color:var(--color-gray-dark);font-family:var(--font-family)}
textarea{resize:vertical;min-height:100px}
.form-container{width:100%;margin:0 auto}
.form-group{margin-bottom:var(--spacing-lg)}
.contact-info{margin:var(--spacing-lg)0}

/* CSS Grid Layouts Complejos */

/* Page Layout Grid */
.page-layout{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;gap:0}

/* Benefits Grid - Mejorado con alineación */
.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin:var(--spacing-xl)0;align-items:start}

/* Restaurant Features Grid - Stretch para altura uniforme */
.restaurant-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin:var(--spacing-xl)0;align-items:stretch}

/* Features Grid - Consistente */
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin:var(--spacing-xl)0;align-items:start}

/* Checkbox Group Grid - Form layout */
.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg)0}

/* CTA Buttons Grid - Layout complejo */
.cta-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl);justify-items:center}
.opinion-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-sm);justify-items:center}

/* Form Layout Grid */
.form-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}
.form-group{display:grid;gap:var(--spacing-sm)}

/* Complex Card Layout Grid */
.complex-card{display:grid;grid-template-areas:"image title" "image description" "image actions";grid-template-columns:80px 1fr;grid-template-rows:auto 1fr auto;gap:var(--spacing-md);align-items:start}
.card-image{grid-area:image}
.card-title{grid-area:title}
.card-description{grid-area:description}
.card-actions{grid-area:actions}

/* Video */
.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);border:var(--border-width-medium)solid var(--color-primary-dark);margin-bottom:var(--spacing-lg)}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius-lg)}
.video-description{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-gray-light);border-radius:var(--border-radius-md);border-left:var(--border-width-thick)solid var(--color-primary-light)}

/* Encuesta */
iframe[src*="quieres.jalar.es"]{display:none!important}
#mobile-survey-btn{display:block!important}
#survey-iframe{display:none!important}
#survey-container{background:none!important;box-shadow:none!important}