/**
 * Voltio Core — estilos de los shortcodes (dark premium).
 * Se cargan solo cuando la página usa un shortcode del plugin.
 */

/* Categorías */
.voltio-categorias {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.voltio-categoria {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 180px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 18px;
  overflow: hidden;
  text-decoration: none;
  color: #e8edf5;
  background:
    radial-gradient(300px 160px at 80% 0%, rgba(249, 115, 22, .16), transparent 70%),
    #101828;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.voltio-categoria:hover,
.voltio-categoria:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(249, 115, 22, .5);
  box-shadow: 0 20px 50px rgba(0, 0, 0, .5);
  color: #e8edf5;
}

.voltio-categoria__icono {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(7, 11, 20, .7);
  border: 1px solid rgba(255, 255, 255, .14);
  color: #f97316;
  margin-bottom: auto;
}

.voltio-categoria__icono svg { width: 22px; height: 22px; }
.voltio-categoria__nombre { position: relative; z-index: 1; font-weight: 600; font-size: 15px; color: #e8edf5; margin-top: 14px; }
.voltio-categoria__cuenta { position: relative; z-index: 1; font-size: 12px; color: #94a3b8; }

/* Testimonios */
.voltio-testimonio__estrellas { color: #f97316; letter-spacing: 2px; }
.voltio-testimonio blockquote { margin: 0; color: #e8edf5; }

/* Avisos */
.voltio-aviso { border-radius: 10px; padding: .75rem 1rem; font-size: .875rem; border: 1px solid transparent; }
.voltio-aviso--ok { background: rgba(34, 197, 94, .12); border-color: rgba(34, 197, 94, .3); color: #86efac; }
.voltio-aviso--error { background: rgba(239, 68, 68, .12); border-color: rgba(239, 68, 68, .35); color: #fca5a5; }

/* FAQ */
.voltio-faq details {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  padding: 18px 20px;
  background: #101828;
}

.voltio-faq details + details { margin-top: 12px; }
.voltio-faq summary { cursor: pointer; font-weight: 600; color: #e8edf5; }
.voltio-faq details[open] summary { margin-bottom: 8px; }
.voltio-faq p { color: #94a3b8; }

/* Barra de envío gratis */
.voltio-envio-progreso { background: #101828 !important; border-color: rgba(255, 255, 255, .08) !important; color: #94a3b8; }

/* Newsletter del shortcode */
.voltio-newsletter h2 { color: #e8edf5; }
.voltio-newsletter p { color: #94a3b8; }

@media (max-width: 480px) {
  .voltio-categorias { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .voltio-categoria { min-height: 150px; padding: 14px; }
  .voltio-categoria__nombre { font-size: 13px; }
}