/* CSV28 — refinamiento integral: profundidad = interacción; plano = información. */
:root{
  --csv28-shadow:0 14px 28px rgba(4,20,38,.18),0 5px 10px rgba(4,20,38,.12);
  --csv28-shadow-hover:0 20px 40px rgba(4,20,38,.22),0 8px 16px rgba(4,20,38,.14);
  --csv28-press:inset 0 4px 9px rgba(4,20,38,.22),0 3px 7px rgba(4,20,38,.12);
}

/* Eliminar la raya móvil del logotipo. Conserva un halo premium sin barrido lineal. */
.hero-card.csv-brand-plaque::before{
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  z-index:3!important;
  border-radius:inherit!important;
  background:radial-gradient(circle at 50% 18%,rgba(255,244,194,.26),transparent 38%)!important;
  opacity:.72!important;
  transform:none!important;
  animation:csv28PlaqueAura 7s ease-in-out infinite!important;
  pointer-events:none!important;
  mix-blend-mode:screen;
}
@keyframes csv28PlaqueAura{0%,100%{opacity:.48}50%{opacity:.82}}
.hero-card.csv-brand-plaque{
  overflow:hidden!important;
  box-shadow:0 0 0 4px rgba(255,248,232,.16),0 0 0 5px rgba(215,154,32,.54),0 32px 72px rgba(0,0,0,.34),inset 0 1px 0 #fff!important;
}

/* Lenguaje táctil uniforme. Solo los controles y enlaces de acción reciben volumen. */
.is-interactive,
a.btn,button.btn,.station-tab,.contact-card,.social a,.card-actions a,.station-action,.wa-open{
  position:relative;
  isolation:isolate;
  -webkit-tap-highlight-color:transparent;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.72),inset 0 -3px 6px rgba(4,20,38,.14),var(--csv28-shadow)!important;
  transition:transform .17s cubic-bezier(.2,.8,.2,1),box-shadow .17s ease,filter .17s ease!important;
}
.is-interactive::after,
a.btn::after,button.btn::after,.station-tab::after,.contact-card::after,.social a::after,.card-actions a::after,.station-action::after,.wa-open::after{
  content:"";
  position:absolute;
  left:10%;right:10%;top:5%;height:34%;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0));
  opacity:.55;
  pointer-events:none;
  z-index:-1;
}
.is-interactive:hover,a.btn:hover,button.btn:hover,.station-tab:hover,.contact-card:hover,.social a:hover,.card-actions a:hover,.station-action:hover,.wa-open:hover{
  transform:translateY(-3px)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.82),inset 0 -3px 6px rgba(4,20,38,.12),var(--csv28-shadow-hover)!important;
  filter:saturate(1.04) brightness(1.01);
}
.is-interactive:active,a.btn:active,button.btn:active,.station-tab:active,.contact-card:active,.social a:active,.card-actions a:active,.station-action:active,.wa-open:active{
  transform:translateY(2px) scale(.985)!important;
  box-shadow:var(--csv28-press)!important;
}

/* Elementos informativos: sin falsa apariencia de botón. */
.is-informational{
  transform:none!important;
}
.is-informational:not(.panel){
  cursor:default;
}
.alliance-card,.feature,.service-card:not(a),.story-metric{
  box-shadow:0 8px 24px rgba(6,23,43,.07)!important;
}

/* Menú: relieve discreto, no botones gigantes. */
.menu a.is-interactive{
  padding:9px 12px;
  border-radius:999px;
  background:linear-gradient(180deg,#fff,#f4f6f8);
  border:1px solid rgba(6,23,43,.08);
  box-shadow:inset 0 1px 0 #fff,0 5px 12px rgba(6,23,43,.09)!important;
}
.menu a.is-interactive:hover{transform:translateY(-2px)!important}
.brand.is-interactive{border-radius:18px;box-shadow:none!important}
.brand.is-interactive::after{display:none}

/* Más aire tras eliminar bloques redundantes. */
.brand-alliance{padding-top:76px!important}
#promocion{padding-top:72px!important}
section+section{scroll-margin-top:92px}

/* WhatsApp arrastrable: no se bloquea en una esquina y conserva la posición. */
.floatbar{
  touch-action:none!important;
  cursor:grab!important;
  transition:filter .18s ease!important;
  will-change:left,top;
}
.floatbar.is-dragging{cursor:grabbing!important;filter:drop-shadow(0 18px 24px rgba(6,23,43,.28))}
.floatbar.is-dragging .wa-premium{animation:none!important;transform:scale(1.04)!important}
.floatbar[data-side="left"] .wa-bubble{left:0!important;right:auto!important}
.floatbar[data-side="left"] .wa-bubble::after{left:24px!important;right:auto!important}
.wa-premium{box-shadow:inset 0 3px 4px rgba(255,255,255,.72),inset 0 -8px 14px rgba(0,82,35,.3),0 16px 30px rgba(4,83,36,.4),0 6px 11px rgba(6,23,43,.2)!important}

@media(max-width:980px){
  .menu a.is-interactive{border-radius:14px;padding:12px 14px}
}
@media(max-width:650px){
  .hero-card.csv-brand-plaque{padding:8px!important;border-radius:25px!important}
  .hero-card.csv-brand-plaque>img{border-radius:18px!important}
  .hero-proof{margin-top:10px!important}
  section{padding-top:60px!important;padding-bottom:60px!important}
  #promocion{padding-top:56px!important}
  .floatbar{max-width:calc(100vw - 20px)}
}
@media(prefers-reduced-motion:reduce){
  .hero-card.csv-brand-plaque::before{animation:none!important}
  .is-interactive,a.btn,button.btn,.station-tab,.contact-card,.social a,.card-actions a,.station-action,.wa-open{transition:none!important}
}