:root{
  --bg:#0b1e33;
  --text:#0e0e0e;
  --light:#f5f7fb;
  --accent:#cf2027;
  --white:#fff;
  --gray:#f6f7fb;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;color:var(--text);background:#fff}
.wrap{max-width:1100px;margin:auto;padding:clamp(16px,3vw,40px)}
/* HERO */
.hero{color:#fff;background:linear-gradient(180deg,rgba(11,30,51,.85),rgba(11,30,51,.6)),url('assets/hero-trabajo.webp') center/cover no-repeat;position:relative;min-height:70vh;display:flex;align-items:center}
.hero h1{font-size:clamp(26px,4vw,44px);margin:0 0 12px}
.hero p{font-size:clamp(16px,2vw,20px);opacity:.95}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.btn{padding:12px 18px;border-radius:8px;text-decoration:none;display:inline-block;font-weight:700}
.btn-primary{background:var(--accent);color:#fff}
.btn-outline{border:2px solid #fff;color:#fff}
/* Bullets */
.bullets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none}
/* Sections */
.section{padding:32px 0}
.alt{background:var(--light)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;list-style:none;padding:0;margin:0}
.card{border:1px solid #e9edf3;border-radius:10px;padding:16px;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.05)}
.card h4{margin-top:0;color:var(--accent)}
/* Gallery */
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.gallery img{width:100%;height:auto;border-radius:10px}
/* Facebook */
.facebook-section{background:var(--gray);padding:32px 0}
.fb-embed{max-width:720px;margin:16px auto}
/* Footer */
footer{background:#111;color:#ddd;padding:24px 0;font-size:14px}
footer a{color:#ddd}
/* Floating */
.wa-float,.fb-float{position:fixed;right:16px;bottom:16px;background:#25D366;color:#111;padding:14px;border-radius:50%;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.2);text-decoration:none;z-index:10}
.fb-float{right:auto;left:16px;bottom:86px;background:#1877f2;color:#fff}
/* Badge */
.hero .badge-wrap{position:absolute;right:16px;top:16px}
.guarantee-badge{background:#fff;color:#111;border-radius:999px;padding:10px 14px;box-shadow:0 8px 24px rgba(0,0,0,.15);display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.2px}
.guarantee-badge .seal{width:28px;height:28px;border-radius:50%;background:var(--accent);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:900}
@media (max-width:640px){.guarantee-badge{transform:scale(.95)}}
/* Video grid */
.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
.video-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}
/* Responsive image helper */
.img-responsive img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:10px}
/* Header */
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e9edf3;z-index:5}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px}
.nav .brand{display:flex;align-items:center;gap:10px}
.nav img{width:28px;height:28px}
.nav a{color:#222;text-decoration:none;font-weight:600}
nav .menu{display:flex;gap:14px}
@media (max-width:640px){nav .menu{display:none}}