/* Branding shared CSS for Cvmanufacturas */
:root{
  --bg-gradient: linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);
  --accent-color:#f97316;
  --accent-gradient:linear-gradient(135deg,#fb923c 0%,#f97316 100%);
  --card-bg:rgba(30,41,59,0.7);
  --card-border:rgba(255,255,255,0.08);
  --text-main:#f8fafc;
  --text-muted:#94a3b8;
}
html,body{height:100%;margin:0;font-family:Outfit,Arial,Helvetica,sans-serif;background:var(--bg-gradient);color:var(--text-main)}
/* Header */
.site-header{background:rgba(15,23,42,0.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);padding:1rem 1.5rem;position:sticky;top:0;z-index:120;display:flex;flex-direction:column;gap:1rem}
.logo-container{display:flex;align-items:center;gap:0.75rem}
.logo-badge{background:var(--accent-gradient);width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;box-shadow:0 6px 22px rgba(249,115,22,0.18)}
.logo-text h1{font-size:1.1rem;margin:0;font-weight:700}
.logo-text p{margin:0;font-size:0.75rem;color:var(--text-muted)}
/* Nav */
.site-nav{display:flex;gap:0.5rem;align-items:center}
.site-nav a{background:#fff;color:var(--accent-color);text-decoration:none;padding:0.5rem 0.8rem;border-radius:8px;font-weight:600;font-size:0.92rem;box-shadow:0 6px 18px rgba(15,23,42,0.08);border:1px solid rgba(255,255,255,0.6)}
.site-nav a:hover{background:rgba(249,115,22,0.08);color:#0f172a}
.site-nav a.brand{background:#fff;color:var(--accent-color);box-shadow:0 6px 18px rgba(249,115,22,0.18);border:1px solid rgba(249,115,22,0.2)}
/* Adjust logo/text alignment for centered nav */
.logo-text{line-height:1;}
.logo-text h1{margin:0;font-size:1.05rem}

/* Floating WhatsApp button: ancho y alto iguales (antes el padding 12px/14px asimétrico
   sobre un ícono cuadrado daba una caja de 48x44px -> ovalo, no un circulo). */
.whatsapp-float{position:fixed;right:18px;bottom:18px;width:56px;height:56px;background:var(--accent-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px rgba(15,23,42,0.5);z-index:140;text-decoration:none;transition:transform 0.2s ease,box-shadow 0.2s ease}
.whatsapp-float svg{display:block}
.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(15,23,42,0.6)}
/* Utilities */
.container{max-width:1400px;margin:0 auto;padding:1rem 2rem}
.btn-primary{background:var(--accent-gradient);color:#fff;border:none;padding:0.6rem 1rem;border-radius:10px;cursor:pointer}
@media(max-width:880px){.site-nav{display:none}.logo-text h1{font-size:1rem}}