/* CuentasControl Front V57 SAFE - solo bloque visual derecho */
#cc-v57-front-experience{display:grid;grid-template-rows:minmax(330px,1.12fr) minmax(190px,.88fr);gap:12px;height:100%;min-height:600px}
#cc-v57-front-experience *{box-sizing:border-box}
.cc-v57-top{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(230px,.78fr);gap:12px;min-height:0}
.cc-v57-hologram-zone,.cc-v57-audio-zone,.cc-v57-banner-zone{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(65,181,255,.42);background:linear-gradient(145deg,rgba(1,12,26,.98),rgba(5,30,50,.94));box-shadow:inset 0 0 32px rgba(40,143,255,.08)}
.cc-v57-hologram-zone{display:grid;grid-template-rows:auto 1fr;border-radius:18px 4px 4px 18px}
.cc-v57-audio-zone{display:flex;align-items:stretch;justify-content:stretch;border-radius:4px 18px 18px 4px;padding:10px}
.cc-v57-hologram-zone .cc-ibm-visual-head{position:relative;z-index:8;margin:0;border:0;border-bottom:1px solid rgba(65,181,255,.25);border-radius:0;background:rgba(2,16,31,.92)}
.cc-v57-hologram-zone .cc-v29-hologram{min-height:0!important;height:100%!important;border:0!important}
.cc-v57-audio-placeholder{margin:auto;text-align:center;color:#90aec4;padding:18px;font-size:13px;line-height:1.5}
.cc-v57-audio-placeholder strong{display:block;color:#fff;font-size:16px;margin-bottom:6px}
#cc-v57-audio-slot>.jarvis-auto-panel{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:100%;margin:0!important;padding:14px!important;border:0!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:radial-gradient(circle at 50% 18%,rgba(41,194,255,.20),transparent 32%),linear-gradient(160deg,rgba(5,24,44,.98),rgba(4,16,33,.98))!important;box-shadow:none!important}
#cc-v57-audio-slot .jarvis-auto-orb{width:58px;height:58px;min-width:58px;margin-bottom:10px}
#cc-v57-audio-slot .jarvis-auto-content{width:100%;flex:0}
#cc-v57-audio-slot .jarvis-auto-title-row{justify-content:center;display:grid;gap:7px;margin-bottom:8px}
#cc-v57-audio-slot .jarvis-auto-title{font-size:13px;line-height:1.25}
#cc-v57-audio-slot .jarvis-auto-state{justify-self:center;font-size:10px;padding:4px 8px}
#cc-v57-audio-slot .jarvis-auto-message{font-size:12px;min-height:42px;margin-bottom:10px}
#cc-v57-audio-slot .jarvis-auto-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}
#cc-v57-audio-slot .jarvis-auto-btn{min-width:0!important;padding:8px 6px;font-size:10px;border-radius:9px}
.cc-v57-banner-zone{border-radius:18px;display:grid;grid-template-columns:minmax(160px,35%) 1fr;min-height:190px}
.cc-v57-banner-media{position:relative;min-height:190px;background:radial-gradient(circle at 50% 50%,rgba(33,180,255,.25),transparent 54%),#020e1c;overflow:hidden}
.cc-v57-banner-media img{width:100%;height:100%;object-fit:cover;display:block;opacity:.84;transition:opacity .35s ease,transform 5s ease}.cc-v57-banner-zone.is-changing img{opacity:.25}.cc-v57-banner-zone:hover img{transform:scale(1.035)}
.cc-v57-banner-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(3,18,34,.94))}
.cc-v57-banner-copy{padding:19px 56px 18px 22px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.cc-v57-banner-kicker{margin:0 0 7px;color:#53e4d7;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.cc-v57-banner-title{margin:0 0 8px;color:#fff;font-size:clamp(18px,2vw,27px);line-height:1.05}.cc-v57-banner-message{margin:0 0 13px;color:#b7cee0;font-size:12px;line-height:1.45;max-width:58ch}
.cc-v57-banner-link{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;color:#fff!important;background:linear-gradient(90deg,#146bff,#18c2dc);text-decoration:none!important;font-size:11px;font-weight:800}
.cc-v57-banner-nav{position:absolute;right:13px;top:50%;transform:translateY(-50%);z-index:6;display:grid;gap:7px}.cc-v57-banner-nav button{width:31px;height:31px;padding:0;border-radius:50%;border:1px solid rgba(105,181,255,.38);background:rgba(1,15,30,.82);color:#fff;cursor:pointer}.cc-v57-banner-dots{position:absolute;right:15px;bottom:13px;z-index:6;display:flex;gap:6px}.cc-v57-banner-dot{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.25);cursor:pointer}.cc-v57-banner-dot.active{background:#39dbd4;box-shadow:0 0 10px rgba(57,219,212,.75)}
@media(max-width:1250px){.cc-v57-top{grid-template-columns:1fr}.cc-v57-audio-zone{min-height:220px;border-radius:4px 4px 18px 18px}.cc-v57-hologram-zone{border-radius:18px 18px 4px 4px}#cc-v57-front-experience{height:auto;min-height:980px;grid-template-rows:auto 230px}}
@media(max-width:760px){#cc-v57-front-experience{min-height:0;display:block}.cc-v57-top{display:block}.cc-v57-hologram-zone{min-height:420px;margin-bottom:12px}.cc-v57-audio-zone{min-height:300px;margin-bottom:12px}.cc-v57-banner-zone{grid-template-columns:1fr;min-height:420px}.cc-v57-banner-media{min-height:190px}.cc-v57-banner-copy{padding:18px 48px 22px 18px}.cc-v57-banner-media:after{background:linear-gradient(180deg,transparent 40%,rgba(3,18,34,.95))}}

/* =========================================================
   FRONT V57.2 | Ajuste quirúrgico solicitado
   1) Recorta únicamente la franja inferior incorporada dentro
      del PNG V31 para que el holograma ocupe todo el marco.
   2) Añade accesos discretos en las esquinas del pie de página.
   No modifica rutas, audio, carrusel, dashboard ni backend.
========================================================= */
#cc-v57-front-experience .cc-v57-hologram-zone .cc-v29-hologram-img{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  width:100%!important;
  height:136%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center top!important;
  transform:none!important;
}

.cc-v57-footer-admin-corners{
  position:relative!important;
  min-height:86px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  padding:22px 88px 24px!important;
}
.cc-v57-footer-center{
  display:block;
  text-align:center;
}
.cc-v57-footer-admin-link{
  position:absolute;
  bottom:12px;
  z-index:3;
  color:rgba(255,255,255,.36)!important;
  font-size:9px;
  font-weight:500;
  letter-spacing:.025em;
  line-height:1;
  text-decoration:none!important;
  opacity:.72;
  transition:color .18s ease,opacity .18s ease;
}
.cc-v57-footer-admin-link:hover,
.cc-v57-footer-admin-link:focus-visible{
  color:rgba(95,225,255,.92)!important;
  opacity:1;
}
.cc-v57-footer-admin-left{left:22px}
.cc-v57-footer-admin-right{right:22px}

@media(max-width:760px){
  #cc-v57-front-experience .cc-v57-hologram-zone .cc-v29-hologram-img{height:138%!important}
  .cc-v57-footer-admin-corners{min-height:96px;padding:20px 54px 30px!important}
  .cc-v57-footer-admin-link{bottom:10px;font-size:8px}
  .cc-v57-footer-admin-left{left:14px}
  .cc-v57-footer-admin-right{right:14px}
}