/* Full CSS for Sur Austral */
:root {
  --primary-hue: 200;
  --primary: hsl(var(--primary-hue), 55%, 20%);
  --primary-light: hsl(var(--primary-hue), 45%, 32%);
  --primary-soft: hsl(var(--primary-hue), 30%, 85%);
  --primary-bg: hsl(var(--primary-hue), 20%, 97%);
  --accent-hue: 350;
  --accent: hsl(var(--accent-hue), 55%, 55%);
  --accent-light: hsl(var(--accent-hue), 60%, 65%);
  --accent-soft: hsl(var(--accent-hue), 25%, 90%);
  --secondary: hsl(40, 85%, 52%);
  --tertiary: hsl(170, 40%, 35%);
  --text-dark: hsl(200, 20%, 10%);
  --text-medium: hsl(200, 10%, 35%);
  --text-light: hsl(200, 8%, 55%);
  --bg-light: #F7F8FA;
  --bg-card: #FFFFFF;
  --bg-dark: hsl(200, 30%, 8%);
  --border-color: rgba(23, 62, 82, 0.08);
  --font-sans: 'Plus Jakarta Sans', sans-serif;
  --font-serif: 'Playfair Display', Georgia, serif;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --radius-xs: 6px;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --radius-full: 9999px;
  --shadow-sm: 0 4px 12px rgba(23, 62, 82, 0.04);
  --shadow-md: 0 12px 32px rgba(23, 62, 82, 0.07);
  --shadow-lg: 0 24px 64px rgba(23, 62, 82, 0.1);
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:80px; }
body { font-family:var(--font-sans); color:var(--text-dark); background:var(--bg-light); line-height:1.7; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; height:auto; display:block; }
ul { list-style:none; }
.container { max-width:1200px; margin:0 auto; padding:0 var(--space-md); }
.section { padding:var(--space-xl) 0; }
.section-alt { background:var(--bg-card); }
.section-dark { background:var(--bg-dark); color:white; }
.section-header { text-align:center; margin-bottom:var(--space-xl); }
.section-header.light .section-title { color:white; }
.section-tag { display:inline-block; font-family:var(--font-sans); font-size:0.8rem; font-weight:600; letter-spacing:3px; text-transform:uppercase; color:var(--accent); margin-bottom:var(--space-sm); }
.section-title { font-family:var(--font-serif); font-size:clamp(2rem,4vw,3rem); font-weight:700; color:var(--text-dark); line-height:1.2; margin-bottom:var(--space-sm); }
.text-accent { color:var(--accent); }
.section-divider { width:60px; height:3px; background:linear-gradient(90deg,var(--accent),var(--secondary)); border-radius:2px; margin:var(--space-sm) auto; }
.section-desc { color:var(--text-medium); max-width:600px; margin:0 auto; font-size:1.05rem; }
.btn { display:inline-flex; align-items:center; gap:0.5rem; padding:0.85rem 2rem; border-radius:var(--radius-full); font-family:var(--font-sans); font-size:0.9rem; font-weight:600; letter-spacing:0.3px; transition:var(--transition-normal); cursor:pointer; border:2px solid transparent; }
.btn-primary { background:var(--accent); color:white; }
.btn-primary:hover { background:var(--accent-light); transform:translateY(-2px); box-shadow:0 8px 24px rgba(182,73,97,0.3); }
.btn-outline { background:transparent; color:white; border-color:rgba(255,255,255,0.3); }
.btn-outline:hover { border-color:white; background:rgba(255,255,255,0.1); }
.btn-sm { padding:0.6rem 1.4rem; font-size:0.85rem; }
.navbar { position:fixed; top:0; left:0; right:0; z-index:1000; background:rgba(255,255,255,0.95); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-bottom:1px solid var(--border-color); transition:var(--transition-normal); }
.navbar .container { display:flex; align-items:center; justify-content:space-between; height:75px; }
.logo-img { height:40px; width:auto; }
.nav-links { display:flex; align-items:center; gap:0.2rem; }
.nav-link { padding:0.5rem 0.9rem; font-size:0.85rem; font-weight:500; color:var(--text-medium); border-radius:var(--radius-xs); transition:var(--transition-fast); position:relative; }
.nav-link:hover, .nav-link.active { color:var(--primary); background:var(--primary-bg); }
.nav-toggle { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:5px; }
.nav-toggle span { display:block; width:24px; height:2px; background:var(--text-dark); border-radius:2px; transition:var(--transition-fast); }
.nav-toggle.active span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.nav-toggle.active span:nth-child(2) { opacity:0; }
.nav-toggle.active span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }
.hero { position:relative; min-height:100vh; display:flex; align-items:center; overflow:hidden; padding-top:75px; }
.hero-bg { position:absolute; inset:0; background:linear-gradient(135deg,hsl(200,55%,12%) 0%,hsl(200,45%,20%) 40%,hsl(200,40%,30%) 100%); z-index:0; }
.hero-bg::after { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(182,73,97,0.15) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 80% 20%,rgba(241,185,50,0.08) 0%,transparent 70%); }
.hero-container { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:var(--space-xl); align-items:center; }
.hero-badge { display:inline-block; padding:0.4rem 1.2rem; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.15); border-radius:var(--radius-full); font-size:0.8rem; font-weight:500; color:var(--primary-soft); letter-spacing:1px; margin-bottom:var(--space-md); }
.hero-title { font-family:var(--font-serif); font-size:clamp(2.5rem,5vw,4rem); font-weight:700; color:white; line-height:1.1; margin-bottom:var(--space-md); }
.hero-subtitle { font-size:1.1rem; color:rgba(255,255,255,0.7); line-height:1.7; margin-bottom:var(--space-lg); max-width:540px; }
.hero-actions { display:flex; gap:var(--space-sm); flex-wrap:wrap; }
.hero-visual { display:flex; justify-content:center; }
.hero-card { background:rgba(255,255,255,0.08); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,0.12); border-radius:var(--radius-md); padding:var(--space-lg); display:flex; flex-direction:column; gap:var(--space-md); min-width:240px; }
.stat-item { text-align:center; }
.stat-number { display:block; font-family:var(--font-serif); font-size:2.2rem; font-weight:700; color:white; }
.stat-label { font-size:0.85rem; color:rgba(255,255,255,0.6); }
.stat-divider { height:1px; background:rgba(255,255,255,0.1); }
.hero-wave { position:absolute; bottom:-1px; left:0; right:0; z-index:1; line-height:0; }
.hero-wave svg { width:100%; height:80px; }
.historia-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:var(--space-xl); align-items:start; }
.historia-text { font-size:1.05rem; color:var(--text-medium); line-height:1.8; margin-bottom:var(--space-md); }
.historia-text strong { color:var(--primary); }
.historia-stats { display:flex; flex-direction:column; gap:var(--space-sm); }
.stat-card { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md); background:var(--bg-card); border-radius:var(--radius-sm); box-shadow:var(--shadow-sm); border:1px solid var(--border-color); }
.stat-icon { font-size:1.8rem; width:50px; height:50px; display:flex; align-items:center; justify-content:center; background:var(--primary-bg); border-radius:var(--radius-sm); }
.stat-info { display:flex; flex-direction:column; }
.stat-info strong { font-size:0.95rem; color:var(--text-dark); }
.stat-info span { font-size:0.85rem; color:var(--text-light); }
.timeline { position:relative; max-width:700px; margin:0 auto; padding-left:var(--space-lg); }
.timeline::before { content:''; position:absolute; left:15px; top:0; bottom:0; width:2px; background:linear-gradient(to bottom,var(--accent),var(--primary),var(--secondary)); }
.timeline-item { position:relative; margin-bottom:var(--space-lg); padding-left:var(--space-lg); }
.timeline-year { position:absolute; left:-38px; top:0; width:40px; height:40px; background:var(--accent); color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:700; z-index:1; }
.timeline-content { background:var(--bg-card); padding:var(--space-md); border-radius:var(--radius-sm); box-shadow:var(--shadow-sm); border:1px solid var(--border-color); }
.timeline-content h3 { font-size:1.1rem; color:var(--primary); margin-bottom:0.3rem; }
.timeline-content p { color:var(--text-medium); font-size:0.95rem; }
.mv-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-lg); }
.mv-card { padding:var(--space-lg); border-radius:var(--radius-md); border:1px solid var(--border-color); }
.mv-mision { background:linear-gradient(135deg,var(--primary-bg),white); }
.mv-vision { background:linear-gradient(135deg,hsl(350,20%,97%),white); border-color:var(--accent-soft); }
.mv-icon { font-size:2.5rem; margin-bottom:var(--space-sm); }
.mv-card h3 { font-family:var(--font-serif); font-size:1.6rem; color:var(--primary); margin-bottom:var(--space-sm); }
.mv-card p { color:var(--text-medium); line-height:1.7; margin-bottom:var(--space-md); }
.mv-list { list-style:none; display:flex; flex-direction:column; gap:0.6rem; }
.mv-list li { font-size:0.9rem; color:var(--text-medium); padding-left:1.2rem; position:relative; }
.mv-list li::before { content:'\2726'; position:absolute; left:0; color:var(--accent); }
.valores-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-md); }
.valor-card { text-align:center; padding:var(--space-lg) var(--space-md); background:var(--bg-light); border-radius:var(--radius-sm); transition:var(--transition-normal); border:1px solid transparent; }
.valor-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:var(--border-color); background:var(--bg-card); }
.valor-icon { font-size:2.5rem; margin-bottom:var(--space-sm); }
.valor-card h3 { font-size:1.05rem; color:var(--primary); margin-bottom:0.5rem; }
.valor-card p { font-size:0.9rem; color:var(--text-light); line-height:1.6; }
.proyectos-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-md); }
.proyecto-card { background:var(--bg-card); border-radius:var(--radius-sm); overflow:hidden; box-shadow:var(--shadow-sm); border:1px solid var(--border-color); transition:var(--transition-normal); display:flex; }
.proyecto-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
.proyecto-year { background:var(--accent); color:white; font-weight:700; font-size:1rem; padding:var(--space-md); display:flex; align-items:center; justify-content:center; min-width:70px; writing-mode:vertical-rl; text-orientation:mixed; }
.proyecto-body { padding:var(--space-md); flex:1; }
.proyecto-body h3 { font-size:1.05rem; color:var(--primary); margin-bottom:0.3rem; }
.proyecto-body > p { font-size:0.85rem; color:var(--text-light); margin-bottom:var(--space-sm); }
.proyecto-meta { display:flex; gap:var(--space-md); font-size:0.85rem; color:var(--text-medium); margin-bottom:var(--space-sm); }
.proyecto-docs { display:flex; gap:0.6rem; flex-wrap:wrap; }
.doc-link { font-size:0.8rem; padding:0.3rem 0.8rem; background:var(--primary-bg); color:var(--primary); border-radius:var(--radius-full); transition:var(--transition-fast); }
.doc-link:hover { background:var(--primary); color:white; }
.docs-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-md); }
.doc-category { background:var(--bg-card); border-radius:var(--radius-sm); padding:var(--space-md); border:1px solid var(--border-color); box-shadow:var(--shadow-sm); }
.doc-category h3 { font-size:1rem; color:var(--primary); margin-bottom:var(--space-sm); display:flex; align-items:center; gap:0.5rem; }
.doc-category h3 span { font-size:1.3rem; }
.doc-list { display:flex; flex-direction:column; gap:0.5rem; }
.doc-list a { font-size:0.9rem; color:var(--text-medium); padding:0.4rem 0.6rem; border-radius:var(--radius-xs); transition:var(--transition-fast); display:flex; align-items:center; gap:0.5rem; }
.doc-list a:hover { background:var(--primary-bg); color:var(--primary); }
.galeria-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-sm); }
.galeria-grid img { width:100%; height:220px; object-fit:cover; border-radius:var(--radius-sm); transition:var(--transition-normal); cursor:pointer; }
.galeria-grid img:hover { transform:scale(1.03); box-shadow:var(--shadow-md); }
.contact-grid { max-width:700px; margin:0 auto; }
.contact-info { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-md); }
.contact-item { display:flex; gap:var(--space-sm); align-items:flex-start; padding:var(--space-md); background:rgba(255,255,255,0.06); border-radius:var(--radius-sm); border:1px solid rgba(255,255,255,0.08); }
.contact-icon { font-size:1.5rem; width:44px; height:44px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,0.08); border-radius:var(--radius-sm); flex-shrink:0; }
.contact-item strong { display:block; font-size:0.9rem; margin-bottom:0.2rem; color:white; }
.contact-item span { display:block; font-size:0.85rem; color:rgba(255,255,255,0.6); }
.footer { background:hsl(200,40%,8%); color:rgba(255,255,255,0.7); padding:var(--space-xl) 0 var(--space-md); }
.footer-content { display:grid; grid-template-columns:2fr 1fr 1fr; gap:var(--space-xl); padding-bottom:var(--space-lg); border-bottom:1px solid rgba(255,255,255,0.06); margin-bottom:var(--space-md); }
.footer-brand p { font-size:0.9rem; line-height:1.6; margin-top:var(--space-sm); }
.footer-links h4, .footer-contact h4 { color:white; font-size:0.9rem; font-weight:600; margin-bottom:var(--space-sm); text-transform:uppercase; letter-spacing:1px; }
.footer-links a { display:block; font-size:0.85rem; padding:0.3rem 0; transition:var(--transition-fast); }
.footer-links a:hover { color:var(--accent); }
.footer-contact p { font-size:0.85rem; margin-bottom:0.2rem; }
.footer-bottom { text-align:center; font-size:0.8rem; }
@media (max-width:968px) {
  .hero-container { grid-template-columns:1fr; text-align:center; }
  .hero-subtitle { margin-left:auto; margin-right:auto; }
  .hero-actions { justify-content:center; }
  .hero-visual { display:none; }
  .historia-grid { grid-template-columns:1fr; }
  .mv-grid { grid-template-columns:1fr; }
  .valores-grid { grid-template-columns:repeat(2,1fr); }
  .proyectos-grid { grid-template-columns:1fr; }
  .docs-grid { grid-template-columns:1fr; }
  .contact-info { grid-template-columns:1fr; }
  .footer-content { grid-template-columns:1fr; gap:var(--space-lg); }
  .galeria-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
  .nav-links { position:fixed; top:75px; left:0; right:0; background:rgba(255,255,255,0.98); backdrop-filter:blur(20px); flex-direction:column; padding:var(--space-md); gap:0.3rem; transform:translateY(-100%); opacity:0; transition:var(--transition-normal); border-bottom:1px solid var(--border-color); pointer-events:none; }
  .nav-links.open { transform:translateY(0); opacity:1; pointer-events:all; }
  .nav-toggle { display:flex; }
  .nav-cta { display:none; }
  .hero-title { font-size:2rem; }
  .valores-grid { grid-template-columns:1fr; }
  .galeria-grid { grid-template-columns:1fr; }
}

/* Focus visible para accesibilidad */
:focus-visible {
  outline: 2px solid hsl(var(--accent-hue), 55%, 55%);
  outline-offset: 2px;
}

/* Print styles */
@media print {
  .navbar, .hero-wave, .nav-toggle, .nav-cta { display: none !important; }
  .hero { min-height: auto; padding: 2rem 0; }
  body { background: white; color: black; }
  .section { padding: 1.5rem 0; break-inside: avoid; }
  a[href]::after { content: " (" attr(href) ")"; font-size: 0.75em; }
  .proyecto-card, .doc-category, .valor-card { break-inside: avoid; box-shadow: none; border: 1px solid #ccc; }
}