/* Simple responsive styles inspired by modern agency layouts */
:root{
  --bg:#ffffff;
  --bg2:#0080f8;
  --titles:#0080f8;
  --muted:#2c96fa;
  --bgtext:#ffffff;
  --brand:#0080f8;
  --max-width:1100px;
}
*{box-sizing:border-box}
body{font-family:Inter,sans-serif; /* Removed unused fonts */line-height:1.5;color:#0080f8;background:var(--bg);margin:0}
.container{max-width:var(--max-width);margin:0 auto;padding:1rem 60px}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 0}
.logo{display:flex;align-items:center;gap:0.5rem;text-decoration:none;color:inherit}
.logo .brand{font-family:"Evolventa Bold",sans-serif;font-weight:700;font-size:26px;color:#0080f8}
.nav-toggle{display:none;background:none;border:0;font-size:1.25rem}
.main-nav a{margin-left:1.25rem;text-decoration:none;color:var(--muted)}
.main-nav a.cta{background:var(--brand);color:#fff;padding:0.5rem 0.9rem;border-radius:6px}
.hero{background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);padding:3rem 0}
.hero-inner{display:flex;gap:2rem;align-items:center}
.hero-copy{flex:1}
.hero-copy h1{font-size:2rem;margin:0 0 0.5rem}
.hero-copy p{margin:0 0 1rem;color:var(--muted)}
.btn{background:var(--brand);color:#fff;padding:0.6rem 1rem;border-radius:6px;text-decoration:none}
.hero-media{flex:1;display:flex;justify-content:center}
.section.alt{background:#fbfcfe}
.section-title{font-size:1.25rem;margin-bottom:1rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.card{background:#fff;border:1px solid #eef2f6;padding:1rem;border-radius:8px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}
.thumb{background:#eaf4ff;border-radius:8px;padding:2rem;text-align:center}
#nosotros{background:var(--bg2)}
.split{display:flex;gap:1rem;align-items:center}
.split img{max-width:100%;border-radius:8px}
.contact-form{max-width:600px}
.form-row{display:flex;gap:0.75rem}
.form-row input{flex:1;padding:0.6rem;border:1px solid #dfe7f3;border-radius:6px}
textarea{width:100%;min-height:110px;padding:0.6rem;border:1px solid #dfe7f3;border-radius:6px}
.site-footer{background:#0f1724;color:#fff;padding:1rem 60px}
.site-footer a{
  color: inherit;
  text-decoration: none;
}
.site-footer a:visited,
.site-footer a:active,
.site-footer a:hover,
.site-footer a:focus{
  color: inherit;
  text-decoration: none;
}

@media (max-width:800px){
  .hero-inner{flex-direction:column}
  .nav-toggle{display:block}
  .main-nav{position:absolute;top:64px;right:1rem;background:#fff;border:1px solid #e6eefc;padding:0.5rem;border-radius:8px;display:none;flex-direction:column}
  .main-nav a{margin:0.25rem 0}
  .split{flex-direction:column}
  .container{padding:1rem}
  .site-footer{padding:1rem}
}
.main-nav.show{display:flex}