:root{
  --camlex-primary: #0A3D62; /* azul petróleo */
  --camlex-accent: #E9B44C;  /* dorado */
  --ccrepame-primary: #2ECC71; /* verde esmeralda */
  --ccrepame-accent: #F39C12;  /* naranja coral */
  --muted: #6b7280;
  --radius: 12px;
}

/* Reglas globales */
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; color:#0f172a; margin:0; padding:0; -webkit-font-smoothing:antialiased}
a{color:inherit;}

/* Landing styles */
.card-landing{border-radius:var(--radius); overflow:hidden; position:relative}
.badge-identity{font-weight:700; padding:8px 12px; border-radius:8px; color:white; font-size:12px}

/* CAMLEX card */
.camlex-card{background:linear-gradient(90deg, rgba(10,61,98,0.06), rgba(233,180,76,0.02)); border:1px solid rgba(10,61,98,0.06)}
.camlex-badge{background:linear-gradient(90deg,var(--camlex-primary),var(--camlex-accent))}
.camlex-card .img-box{width:140px; height:90px; object-fit:cover; border-radius:8px}

/* CCREPAME card */
.ccrepame-card{background:linear-gradient(90deg, rgba(46,204,113,0.06), rgba(243,156,18,0.02)); border:1px solid rgba(46,204,113,0.06)}
.ccrepame-badge{background:linear-gradient(90deg,var(--ccrepame-primary),var(--ccrepame-accent))}
.ccrepame-card .img-box{width:140px; height:90px; object-fit:cover; border-radius:8px}

/* Hero images */
.header img{max-width:100%}

/* Image box large */
.img-box-large{width:100%; height:260px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:linear-gradient(180deg, rgba(0,0,0,0.03), rgba(255,255,255,0.02))}
.img-box-large img{width:100%; height:100%; object-fit:cover}

/* Timeline */
.timeline{display:flex; flex-direction:column; gap:12px}
.timeline .step{display:flex; gap:12px; align-items:flex-start}
.timeline .step span{background:#fff; border-radius:50%; width:44px; height:44px; display:flex; align-items:center; justify-content:center; font-weight:700; box-shadow:0 6px 18px rgba(2,6,23,0.06)}

/* Buttons */
.btn-camlex{background:var(--camlex-primary); color:white; border:none}
.btn-camlex:hover{background:var(--camlex-accent); color:#0b1220}
.btn-ccrepame{background:var(--ccrepame-primary); color:white; border:none}
.btn-ccrepame:hover{background:var(--ccrepame-accent); color:#0b1220}

/* Themed pages */
.theme-camlex{--primary:var(--camlex-primary); --accent:var(--camlex-accent)}
.theme-ccrepame{--primary:var(--ccrepame-primary); --accent:var(--ccrepame-accent)}

/* Camlex hero */
.bg-camlex-hero{background:linear-gradient(180deg,var(--camlex-primary), rgba(10,61,98,0.8)); padding:48px 0}
.bg-camlex-hero h1{color:white}
.btn-light{background:rgba(255,255,255,0.95)}

/* Ccrepame hero */
.bg-ccrepame-hero{background:linear-gradient(180deg,var(--ccrepame-primary), rgba(46,204,113,0.85)); padding:48px 0}
.bg-ccrepame-hero h1{color:white}

/* Cards and hover */
.card{border-radius:12px}
.card .card-body{padding:1.25rem}

/* Responsive tweaks */
@media (max-width:767px){
  .img-box-large{height:180px}
}

/* small utilities */
.text-muted{color:var(--muted)}