/* Estilos simples, responsive y limpios */
:root{
  --bg:#ffffff; --fg:#0b2f25; --accent:#0b6b4f; --muted:#666;
  --maxw:1100px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
.container{max-width:var(--maxw);margin:20px auto;padding:16px}
.header-inner, .footer-inner{max-width:var(--maxw);margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.site-header{position:sticky;top:30px;z-index:60;background:transparent;padding-top:12px}
.site-header.small{position:sticky;top:0;background:rgba(255,255,255,0.98);border-bottom:1px solid #eee}
.brand{display:flex;align-items:center;gap:10px}
.logo-img{width:44px;height:44px;object-fit:contain}
.brand-text{font-weight:700}
.main-nav{display:flex;gap:10px;align-items:center}
.main-nav .nav-link{padding:8px 12px;border-radius:6px}
.main-nav .nav-link:hover,.main-nav .nav-link.active{background:rgba(11,107,79,0.08)}
.nav-dropdown{position:relative}
.dropdown-btn{background:transparent;border:none;cursor:pointer;padding:8px 12px}
.dropdown-menu{display:none;position:absolute;right:0;top:36px;background:#fff;border:1px solid #eee;padding:8px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.nav-dropdown:hover .dropdown-menu{display:block}
.socials{display:flex;gap:8px}
.social-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background:#f1f1f1;color:#333}

.top-ticker{position:fixed;top:0;left:0;right:0;height:30px;background:linear-gradient(90deg,#0b6b4f,#0b4f6b);color:#fff;display:flex;align-items:center;overflow:hidden;z-index:80}
.ticker-inner{white-space:nowrap;padding-left:100%;animation:move 18s linear infinite}
@keyframes move{from{transform:translateX(0)}to{transform:translateX(-100%)}}

.hero{display:flex;flex-direction:column;gap:14px;align-items:center;background:#fcfdfb;padding:18px;border-radius:10px;overflow:hidden}
.hero-img{width:100%;max-height:260px;object-fit:cover;border-radius:8px}
.hero-content{text-align:center}
.hero-cta{display:flex;gap:8px;justify-content:center;margin-top:8px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:600}
.btn.primary{background:var(--accent);color:#fff}
.btn.outline{background:transparent;border-color:var(--accent);color:var(--accent)}

.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px}
.features article{background:#fff;padding:12px;border-radius:8px;border:1px solid #f0f0f0}

.gallery .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:8px}
.gallery img{width:100%;height:120px;object-fit:cover;border-radius:6px;border:1px solid #eee}

.seo-box{background:#fff;padding:12px;border-radius:8px;border:1px solid #f0f0f0;margin-top:12px}

.site-footer{background:#f8faf8;padding:16px;border-top:1px solid #eee;margin-top:24px}
.site-footer.small{margin-top:12px}
.footer-bottom{max-width:var(--maxw);margin:8px auto;padding:8px;color:var(--muted);font-size:13px}

.cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;background:#fff;border:1px solid #eee;padding:12px;border-radius:10px;display:flex;gap:12px;align-items:center;justify-content:space-between;z-index:120;box-shadow:0 8px 30px rgba(0,0,0,0.06)}
.cookie-bar .cookie-text{flex:1;margin-right:8px;font-size:14px}
.cookie-actions{display:flex;gap:8px}

.whatsapp-float{position:fixed;right:16px;bottom:90px;width:56px;height:56px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;z-index:120}
.whatsapp-float img{width:56px;height:56px;border-radius:50%}

.contact-grid{display:grid;grid-template-columns:1fr 320px;gap:16px}
.contact-form label{display:block;margin-bottom:8px;font-size:14px}
.contact-form input,.contact-form textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #ddd;margin-top:6px}
.form-actions{display:flex;gap:8px;margin-top:8px}
.contact-info{background:#fff;padding:12px;border-radius:8px;border:1px solid #eee}

.map iframe{width:100%;height:320px;border:0;border-radius:8px;margin-top:8px}

.legal-page ul{margin-left:18px}

@media(max-width:900px){
  .header-inner{padding:8px}
  .top-ticker{top:0}
  .site-header{top:30px}
  .contact-grid{grid-template-columns:1fr}
  .hero-img{max-height:180px}
  .brand-text{display:none}
  .ticker-inner{animation-duration:22s}
  .main-nav{gap:6px}
}