/* Estilos básicos para el sitio MasMovil (sencillo y responsivo) */
:root{
  --bg:#f7fafc; --card:#ffffff; --accent:#2563eb; --accent-2:#10b981; --text:#0f1724; --muted:#64748b;
  --container:1100px;
  --radius:8px;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
.container{max-width:var(--container);margin:0 auto;padding:20px}
.header-inner{display:flex;align-items:center;gap:20px;justify-content:space-between}
.site-header{background:#0b1220;color:#fff;padding:14px 0;box-shadow:0 2px 8px rgba(2,6,23,.12)}
.logo{font-weight:700;font-size:1.25rem;color:#fff;text-decoration:none}
.main-nav a{color:#c7d2fe;margin-right:14px;text-decoration:none;font-size:0.95rem}
.btn{display:inline-block;padding:10px 14px;border-radius:8px;text-decoration:none;color:#fff;background:var(--muted);font-weight:600}
.btn.primary{background:var(--accent)}
.btn.secondary{background:var(--accent-2)}
.lead{font-size:1.1rem;color:#0b1220}
.muted{color:var(--muted)}

.hero{padding:36px 0;background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent)}
.hero-grid{display:grid;grid-template-columns:1fr 480px;gap:28px;align-items:center}
.hero-media img{width:100%;border-radius:10px;display:block}
.highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:18px}
.card{background:var(--card);padding:14px;border-radius:var(--radius);box-shadow:0 6px 20px rgba(2,6,23,.06);text-align:center}
.card img{width:100%;height:160px;object-fit:cover;border-radius:6px;margin-bottom:10px}

.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:12px}
.product{background:var(--card);padding:12px;border-radius:10px;box-shadow:0 4px 12px rgba(2,6,23,.06)}
.product img{width:100%;height:180px;object-fit:cover;border-radius:6px}

.grid{display:grid;gap:16px}
.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}
.grid-two.reverse{grid-auto-flow: dense; grid-template-columns:1fr 1fr}
.product-hero-grid{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}
.product-hero-grid img{width:100%;border-radius:8px}
.product-info{background:var(--card);padding:16px;border-radius:8px;box-shadow:0 4px 12px rgba(2,6,23,.05)}

.spec-table{width:100%;border-collapse:collapse;margin-top:12px}
.spec-table th, .spec-table td{padding:8px;border:1px solid #eef2f7;text-align:left}

.testimonials-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.testimonial{background:var(--card);padding:12px;border-radius:8px;box-shadow:0 4px 12px rgba(2,6,23,.04)}

.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start}
.site-footer{background:#071026;color:#cbd5e1;padding:28px 0;margin-top:26px}
.site-footer a{color:#cbd5e1;text-decoration:none}
.credits{margin-top:10px}

.product-list .product-detail{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start;margin-bottom:18px}
.product-list img{width:100%;height:220px;object-fit:cover;border-radius:8px}

.contact-form input, .contact-form textarea, .search-distribuidores input{width:100%;padding:10px;border-radius:8px;border:1px solid #e6eef6;margin-bottom:10px}
.contact-form label{font-weight:600}

@media (max-width:1000px){
  .hero-grid{grid-template-columns:1fr}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .highlights{grid-template-columns:repeat(1,1fr)}
  .grid-two{grid-template-columns:1fr}
  .product-hero-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .product-list .product-detail{grid-template-columns:1fr}
}