/* ============================================================
   ÉGIDA — marca.css
   ============================================================ */

/* ---------- La Marca ---------- */
.marca{ background:var(--grey); }
.marca__grid{
  display:grid; grid-template-columns:1.05fr .95fr;
  gap:clamp(2.5rem,6vw,5rem); align-items:center;
}
.marca__text p + p{ margin-top:1.2rem; }
.marca__text strong{ font-weight:600; }
.marca__values{ list-style:none; margin-top:2.2rem; display:grid; gap:.9rem; }
.marca__values li{
  display:flex; align-items:center; gap:1rem; font-weight:400;
  padding:.75rem 1.1rem; border-radius:12px; background:var(--white);
  box-shadow:0 8px 24px -14px rgba(17,17,36,.18);
  transition:transform .35s var(--ease), box-shadow .35s;
}
.marca__values li:hover{ transform:translateX(8px); }
.marca__values span{
  font-family:var(--font-display); font-weight:700; color:var(--orange);
}
.marca__card{
  position:relative; border-radius:var(--radius-lg);
  background:var(--grad-dark);
  aspect-ratio:4/3; overflow:hidden;
  display:grid; place-content:center;
  box-shadow:0 40px 80px -30px rgba(17,17,36,.5);
  transform-style:preserve-3d; will-change:transform;
}
.marca__card-bg{
  position:absolute; inset:0;
  background:radial-gradient(120% 120% at 20% 10%, rgba(235,117,27,.22) 0%, transparent 45%);
  pointer-events:none;
}
.marca__card-logo{
  width:72%; filter:drop-shadow(0 20px 40px rgba(0,0,0,.45));
  transform:translateZ(40px);
}
.marca__card-watermark{
  position:absolute; right:-12%; bottom:-18%; width:70%;
  opacity:.14; filter:grayscale(1) brightness(2);
  pointer-events:none;
}
.stats{
  margin-top:clamp(3rem,7vw,5rem);
  display:grid; grid-template-columns:repeat(4,1fr); gap:1.4rem;
}
.stat{
  background:var(--white); border-radius:var(--radius);
  padding:1.8rem 1.4rem; text-align:center;
  box-shadow:0 10px 30px -18px rgba(17,17,36,.2);
  border-top:3px solid var(--orange);
  transition:transform .35s var(--ease);
}
.stat:hover{ transform:translateY(-6px); }
.stat__num{
  display:block; font-family:var(--font-display); font-weight:700;
  font-size:clamp(1.9rem,3.5vw,2.6rem); color:var(--blue);
}
.stat__label{ font-size:.85rem; font-weight:400; opacity:.7; }