/* Banner de Compra & Venta en el home — 200px de alto (la mitad del de GachaMID). */
.dim-cv-home-banner{--black:#0a0a0a;--pink:#ff10f0;--pink-soft:#ffe6fc;--fd:'Montserrat',-apple-system,sans-serif;--fm:'IBM Plex Mono','Courier New',monospace;
  display:block;position:relative;height:200px;background:var(--black);color:#fff;text-decoration:none!important;overflow:hidden;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;}
.dim-cv-home-banner *{box-sizing:border-box;}
.dim-cv-home-banner::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-160px;top:-200px;background:radial-gradient(circle,rgba(255,16,240,.3),transparent 62%);pointer-events:none;}
.dim-cv-home-banner::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 75%,transparent);}
.dim-cv-home-banner .cvb-inner{position:relative;z-index:1;max-width:1240px;height:100%;margin:0 auto;padding:0 400px 0 28px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;}
/* Cabeza de la pieza, grande y cortada por el borde derecho */
.dim-cv-home-banner .cvb-face{position:absolute;right:-20px;top:-64px;width:400px;pointer-events:none;filter:drop-shadow(0 10px 30px rgba(0,0,0,.6));animation:cvb-float 6s ease-in-out infinite;}
.dim-cv-home-banner .cvb-face img{width:100%;height:auto;display:block;}
.dim-cv-home-banner .cvb-face span{display:none;}
@keyframes cvb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
/* Texto */
.dim-cv-home-banner .cvb-text{display:flex;flex-direction:column;gap:6px;min-width:0;}
.dim-cv-home-banner .cvb-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--fm);font-size:10.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#bdbdc2;}
.dim-cv-home-banner .cvb-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--pink);animation:cvb-pulse 1.6s ease-in-out infinite;}
@keyframes cvb-pulse{0%,100%{opacity:1}50%{opacity:.25}}
.dim-cv-home-banner h2{margin:0;font-family:var(--fd);font-weight:900;font-size:clamp(20px,2.6vw,32px);line-height:1.05;text-transform:uppercase;color:#fff;letter-spacing:.2px;text-wrap:balance;}
.dim-cv-home-banner p{margin:0;font-size:13.5px;color:#bdbdc2;max-width:58ch;line-height:1.5;}
/* Botón flotante a la derecha */
.dim-cv-home-banner .cvb-btn{display:inline-flex;align-items:center;gap:10px;justify-self:end;margin-right:-40px;background:#fff;color:var(--black);font-family:var(--fd);font-weight:800;font-size:14px;padding:15px 24px;border-radius:999px;white-space:nowrap;box-shadow:0 18px 40px -14px rgba(255,16,240,.6),0 10px 24px -12px rgba(0,0,0,.6);animation:cvb-float 5s ease-in-out infinite;animation-delay:-2.5s;transition:box-shadow .15s;}
.dim-cv-home-banner .cvb-btn svg{width:18px;height:18px;color:var(--pink);}
.dim-cv-home-banner:hover .cvb-btn{box-shadow:0 22px 46px -12px rgba(255,16,240,.85),0 10px 24px -12px rgba(0,0,0,.6);}
.dim-cv-home-banner .cvb-test{position:absolute;top:8px;right:12px;font-family:var(--fm);font-size:9.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--black);background:#f59e0b;padding:3px 8px;border-radius:4px;}
/* Tablet */
@media (max-width:1100px){
  .dim-cv-home-banner .cvb-inner{padding-right:300px;}
  .dim-cv-home-banner .cvb-face{width:260px;top:-18px;}
  .dim-cv-home-banner .cvb-btn{margin-right:-20px;}
}
@media (max-width:900px){
  .dim-cv-home-banner{height:auto;}
  .dim-cv-home-banner .cvb-inner{grid-template-columns:1fr;padding:30px 190px 32px 20px;gap:18px;}
  .dim-cv-home-banner .cvb-face{width:220px;right:-30px;top:-10px;}
  .dim-cv-home-banner .cvb-btn{justify-self:start;margin-right:0;animation:none;}
}
/* Móvil: cabeza arriba, texto y botón con aire */
@media (max-width:560px){
  .dim-cv-home-banner .cvb-inner{grid-template-columns:1fr;justify-items:center;text-align:center;gap:20px;padding:0 20px 34px;}
  .dim-cv-home-banner .cvb-face{position:relative;right:auto;top:auto;width:100%;height:170px;overflow:hidden;animation:none;filter:none;}
  .dim-cv-home-banner .cvb-face img{width:220px;height:auto;margin:0 auto;}
  .dim-cv-home-banner .cvb-text{gap:10px;}
  .dim-cv-home-banner .cvb-eyebrow{justify-content:center;}
  .dim-cv-home-banner h2{font-size:24px;line-height:1.15;}
  .dim-cv-home-banner p{font-size:14px;line-height:1.6;}
  .dim-cv-home-banner .cvb-btn{justify-self:stretch;justify-content:center;width:100%;max-width:340px;padding:16px 24px;}
  .dim-cv-home-banner .cvb-test{top:6px;right:8px;}
}
@media (prefers-reduced-motion:reduce){.dim-cv-home-banner *{animation:none!important;}}
