/* styles.css - Minimal y funcional para PC Service */

/* Variables */
:root{
  --primary: #0b5ed7;
  --accent: #198754;
  --muted: #6c757d;
  --bg: #ffffff;
  --text: #0f172a;
  --container-max: 1100px;
}

/* Reset básico */
*{box-sizing:border-box;}
html,body{height:100%;margin:0;font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color:var(--text); background:#f7f8fa; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
img{max-width:100%;height:auto;display:block;}

/* Contenedor */
.container{max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;}

/* Header */
.site-header{background:var(--bg);}
.site-header .logo{width:56px;height:56px;object-fit:contain;border-radius:6px;}
.brand h1{font-size:1rem;margin:0;}
.brand p{margin:0;font-size:.85rem;color:var(--muted);}

/* Nav */
.nav .nav-link{color:var(--text);padding:.5rem .75rem;text-decoration:none;}
.nav .nav-link.active{font-weight:600;color:var(--primary);}

/* Hero */
.hero{background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);}
.hero .display-6{font-weight:600;color:var(--text);}

/* Service cards */
.service-card{border:1px solid rgba(15,23,42,0.06);border-radius:10px;background:#fff;transition:transform .12s ease,box-shadow .12s ease;}
.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(2,6,23,0.06);}
.service-card .card-body{padding:1rem;}
.service-card h4{font-size:1rem;margin-bottom:.25rem;color:var(--text);}
.service-card p{margin:0;color:var(--muted);font-size:.9rem;}
.service-card.border-warning{border-left:4px solid #ffc107;}

/* Info box */
#info-text{min-height:48px;background:#fff;border:1px solid rgba(15,23,42,0.04);border-radius:8px;padding:.75rem;color:var(--muted);}

/* Contact form */
#contact-form .form-control{font-size:.9rem;}
#contact-form .btn{font-size:.9rem;}

/* Footer */
footer{background:var(--bg);}

/* CTA sticky (opcional) */
.cta-sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:1200;display:flex;gap:.5rem;justify-content:center;pointer-events:auto;}
@media (min-width:576px){ .cta-sticky{display:none;} }

/* Utilities */
.text-muted{color:var(--muted) !important;}
.small{font-size:.85rem;}

/* Scoped rules para no afectar otras páginas */
.site-pcservice .container{max-width:var(--container-max);}
.site-pcservice header, .site-pcservice footer, .site-pcservice main{width:100%;}

/* Accesibilidad y foco */
a:focus, button:focus, input:focus, textarea:focus{outline:3px solid rgba(11,94,215,0.12);outline-offset:2px;}

/* Responsive tweaks */
@media (max-width:768px){
  .brand h1{font-size:.95rem;}
  .site-header .contact-quick{gap:.5rem;}
  .hero .lead{font-size:.95rem;}
}