/*
Theme Name: Hello Elementor Child
Template: hello-elementor
*/

:root {
  --ajustes_web_color_principal: #1a1a1a; /* ejemplo: negro profundo */
  --ajustes_web_color_secundario: #f5f5f5; /* ejemplo: gris claro */
}

/* Estilos para WP Ultimo (Estilos flujo) */
.wu-styling :is(.wu-text-gray-600) {
  line-height: 1.4 !important;
}

.wu-styling :is(.wu-bg-blue-500) {
  background-color: #000 !important;
}

.wu-styling :is(.wu-text-blue-600) {
  --tw-text-opacity: 1;
  color: #000 !important;
}

.wu-styling :is(.hover\:wu-border-gray-400:hover) {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / var(--tw-border-opacity)) !important;
}

.wu-styling :is(.wu-text-gray-900) {
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity)) !important;
  line-height: 2.5;
}

/* Botón base */
[type=button],
[type=submit],
button {
  background-color: transparent;
  border: 1px solid #7a8091;
  border-radius: 5px;
  color: #7f7f7f;
  font-size: 1rem;
  font-weight: 400;
  padding: 0.5rem 1rem;
  text-align: center;
  transition: all 0.3s ease;
  white-space: nowrap;
  user-select: none;
  cursor: pointer;
}

/* Hover y focus */
[type=button]:hover,
[type=submit]:hover,
button:hover,
[type=button]:focus,
[type=submit]:focus,
button:focus {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

/* Enlaces en Elementor */
.elementor a {
  box-shadow: none;
  text-decoration: none;
}

.elementor *,
.elementor :after,
.elementor :before {
  box-sizing: border-box;
}

/* Enlaces generales */
a {
  background-color: transparent;
  color: #7a8091;
  text-decoration: none;
}

.btn {
  padding: 12px 20px;
  font-weight: 500;
  transition: all 0.3s ease;
  text-decoration: none;
  display: block;
}

.menu-item {
  background-color: var(--ajustes_web_color_secundario);
  color: var(--ajustes_web_color_principal);
  border-bottom: 1px solid var(--ajustes_web_color_secundario);
}

.menu-item:hover,
.menu-item:active {
  background-color: var(--ajustes_web_color_principal);
  color: var(--ajustes_web_color_secundario);
}

.btn-danger {
  background-color: var(--ajustes_web_color_secundario);
  color: var(--ajustes_web_color_principal);
  border-bottom: 1px solid var(--ajustes_web_color_secundario);
}

.btn-danger:hover,
.btn-danger:active {
  background-color: var(--ajustes_web_color_principal);
  color: var(--ajustes_web_color_secundario);
}