/* ══════════════════════════════════════════════════════════════
   HOOK MARKETPLACE — banner ancho, fondo oscuro con ilustración.
   Deliberadamente distinto del hero principal (claro, con carrusel).
   Añadido: 24/08/2026.
══════════════════════════════════════════════════════════════ */
.mp-hook{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#1A2E5A,#0F1F42);
  padding:64px 24px;margin:0;
}
.mp-hook-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35;pointer-events:none;}
.mp-hook-glow-1{width:340px;height:340px;background:#0095FF;top:-120px;left:-80px;}
.mp-hook-glow-2{width:300px;height:300px;background:#39C700;bottom:-140px;right:-60px;}

.mp-hook-inner{
  position:relative;max-width:1100px;margin:0 auto;
  display:flex;align-items:center;gap:56px;
}
.mp-hook-ilustratie{flex:0 0 320px;}
.mp-hook-ilustratie svg{width:100%;height:auto;}

.mp-hook-tekst{flex:1;color:#fff;}
.mp-hook-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#39C700;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;}
.mp-hook-dot{width:7px;height:7px;border-radius:50%;background:#39C700;animation:mp-hook-pulse 1.8s infinite;}
@keyframes mp-hook-pulse{0%,100%{opacity:1;}50%{opacity:.3;}}

.mp-hook-titel{font-family:'Righteous',cursive;font-size:clamp(24px,3vw,34px);line-height:1.25;margin:0 0 16px;}
.mp-hook-sub{font-size:14.5px;color:rgba(255,255,255,.8);line-height:1.7;max-width:520px;margin:0 0 26px;}
.mp-hook-cta{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,#39C700,#2EA800);color:#fff;
  padding:15px 30px;border-radius:999px;font-weight:900;font-size:14px;
  text-decoration:none;box-shadow:0 12px 28px rgba(57,199,0,.3);transition:.2s;
}
.mp-hook-cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(57,199,0,.4);}

@media (max-width:820px){
  .mp-hook-inner{flex-direction:column;text-align:center;gap:32px;}
  .mp-hook-ilustratie{flex:0 0 auto;max-width:240px;}
  .mp-hook-sub{margin-left:auto;margin-right:auto;}
}