/* style.css - Taxi Sant Cugat del Vallès */
:root{
  --bg:#ffffff;
  --text:#222222;
  --accent:#fbc02d;
  --accent-dark:#f5b800;
  --muted:#888888;
  --header-bg:#111111;
}
*{box-sizing:border-box}
body{font-family: 'Segoe UI', Arial, sans-serif; margin:0; color:var(--text); background:var(--bg); line-height:1.6}
.container{width:90%; max-width:1100px; margin:0 auto}
header{background:var(--header-bg); color:#fff; padding:14px 0; position:sticky; top:0; z-index:1000}
header .container{display:flex; align-items:center; justify-content:space-between; gap:10px}
header h1{font-size:1.1rem; margin:0}
nav ul{list-style:none; display:flex; gap:16px; margin:0; padding:0}
nav a{color:#fff; text-decoration:none; font-weight:600}
nav a:hover{color:var(--accent)}
.hero{background:url('taxi-sant-cugat-aeropuerto.webp') center/cover no-repeat; padding:80px 20px; color:#fff; text-align:center; position:relative}
.hero::before{content:''; position:absolute; inset:0; background:linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45))}
.hero .hero-content{position:relative; z-index:2; max-width:820px; margin:0 auto}
.hero h2{font-size:2rem; margin:0 0 8px}
.btn{display:inline-block; background:var(--accent); color:#000; padding:12px 22px; border-radius:8px; text-decoration:none; font-weight:700; margin:8px}
.btn:hover{background:var(--accent-dark)}
.section{padding:48px 0}
h2.section-title{color:var(--text); font-size:1.6rem; margin:0 0 18px; border-left:6px solid var(--accent); padding-left:12px}
.grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px}
.card{background:#fafafa; padding:18px; border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,0.06)}
footer{background:#0b0b0b; color:#cfcfcf; padding:26px 0; text-align:center; font-size:0.95rem}
.cta-bar{position:fixed; left:0; bottom:0; width:100%; background:var(--accent); text-align:center; padding:12px; z-index:1001}
.cta-bar a{color:#000; font-weight:800; text-decoration:none}
@media(max-width:640px){
  header .container{flex-direction:column; gap:8px}
  .hero{padding:56px 12px}
  .hero h2{font-size:1.4rem}
}