:root{--page-title-display:none;}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Roboto:wght@400;500&display=swap');
/* ===== CONFIGURACION GLOBAL HOME BANDA ===== */

body.elementor-page-21,
body,
html {
  background: #0B0F1A;
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
}

/* Fondo general del contenedor */
body {
  background-color: #0B0F1A !important;
}

/* Tipografias */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: 'Poppins', sans-serif !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
}

p,
span,
div,
li,
a,
.elementor-widget-text-editor,
.elementor-text-editor {
  font-family: 'Roboto', sans-serif !important;
  color: #D1D5DB;
}

/* Links */
a {
  color: #FFFFFF;
  text-decoration: none;
}

a:hover {
  color: #7C3AED;
}

/* Botones */
.elementor-button,
button,
input[type="button"],
input[type="submit"] {
  background: #7C3AED !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 14px 30px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 24px rgba(124, 58, 237, 0.25);
  transition: all 0.3s ease;
}

.elementor-button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  background: #6D28D9 !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(124, 58, 237, 0.35);
}

/* Secciones generales */
.elementor-section {
  background-color: #0B0F1A;
}

/* Contenedores internos oscuros */
.elementor-container,
.elementor-column,
.elementor-widget-wrap {
  position: relative;
}

/* Tarjetas o cajas */
.dark-card,
.elementor-widget-image-box,
.elementor-icon-box-wrapper {
  background: #111827;
  border-radius: 16px;
  padding: 20px;
}

/* Formularios */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #FFFFFF !important;
  border-radius: 10px !important;
  padding: 14px !important;
  font-family: 'Roboto', sans-serif !important;
}

input::placeholder,
textarea::placeholder {
  color: #9CA3AF !important;
}

/* Menus */
.elementor-nav-menu a,
.elementor-nav-menu--main a {
  color: #FFFFFF !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
}

.elementor-nav-menu a:hover,
.elementor-nav-menu--main a:hover {
  color: #7C3AED !important;
}

/* Titulo principal hero */
.hero-title h1,
.hero-title .elementor-heading-title {
  font-size: 68px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
}

/* Subtitulo hero */
.hero-subtitle,
.hero-subtitle p,
.hero-subtitle .elementor-text-editor {
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: #9CA3AF !important;
}

/* Secciones con fondo secundario */
.section-dark {
  background: #111827 !important;
}

/* Overlay oscuro util */
.overlay-dark::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(11, 15, 26, 0.92) 0%,
    rgba(11, 15, 26, 0.72) 45%,
    rgba(11, 15, 26, 0.55) 100%
  );
  z-index: 1;
}

.overlay-dark > * {
  position: relative;
  z-index: 2;
}

/* Espaciados recomendados */
.section-padding {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

/* Imagenes */
img {
  border-radius: 0;
}

.rounded-img img,
.rounded-img .elementor-image img {
  border-radius: 18px !important;
}

/* Footer */
footer,
.site-footer {
  background: #0B0F1A !important;
  color: #9CA3AF !important;
}

/* Ocultar titulo molesto si aparece */
.entry-title,
.page-title,
.site-title,
h1.entry-title {
  display: none !important;
}

/* Ocultar footer/encabezado del tema cuando estorben */
.site-header,
.site-footer {
  display: none !important;
}/* End custom CSS */