.elementor-8021 .elementor-element.elementor-element-6064b9ef{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8021 .elementor-element.elementor-element-414f3656 > .elementor-widget-container{margin:20px 20px 20px 20px;}:root{--page-title-display:none;}body.elementor-page-8021{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS *//* ==================================================
   WEBARRIO NOTITAS
   Solo modifica el contenido del shortcode
   ================================================== */

body #wbn-app {
  --wbn-primary: #f15a3c !important;
  --wbn-primary-dark: #d94a2f !important;
  --wbn-navy: #17324d !important;
  --wbn-accent: #20a99a !important;
  --wbn-highlight: #f4bc3b !important;
  --wbn-green: #20a99a !important;
  --wbn-orange: #cf6b18 !important;
  --wbn-red: #d94a2f !important;

  accent-color: #f15a3c !important;
}

/* Menú de Notitas */
body #wbn-app .wbn-nav-btn {
  background: transparent !important;
  color: #637386 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body #wbn-app .wbn-nav-btn:hover {
  background: #fff0e9 !important;
  color: #f15a3c !important;
}

body #wbn-app .wbn-nav-btn.is-active,
body #wbn-app .wbn-nav-btn.is-active:hover {
  background: #fff1ec !important;
  color: #f15a3c !important;
  border-color: transparent !important;
  box-shadow: 0 1px 4px rgba(23, 50, 77, 0.10) !important;
}

/* Botones principales */
body #wbn-app .wbn-primary-btn {
  background: #f15a3c !important;
  border-color: #f15a3c !important;
  color: #ffffff !important;
}

body #wbn-app .wbn-primary-btn:hover {
  background: #d94a2f !important;
  border-color: #d94a2f !important;
}

body #wbn-app .wbn-link-btn,
body #wbn-app .wbn-plus,
body #wbn-app .wbn-next-btn {
  color: #f15a3c !important;
}

/* Formularios y campos seleccionados */
body #wbn-app input:focus,
body #wbn-app select:focus,
body #wbn-app textarea:focus,
body #wbn-app .wbn-quick-add:focus-within {
  border-color: #f15a3c !important;
  box-shadow: 0 0 0 3px rgba(241, 90, 60, 0.14) !important;
  outline: none !important;
}

body #wbn-app input[type="checkbox"],
body #wbn-app input[type="radio"] {
  accent-color: #f15a3c !important;
}

/* Elimina los restos morados/burdeos */
body #wbn-app .wbn-notification.is-unread {
  background: #eaf8f5 !important;
}

body #wbn-app .wbn-status-dot.waiting {
  background: #f4bc3b !important;
}

body #wbn-app .wbn-gantt-bar {
  background: #6fa8dc !important;
  box-shadow: inset 0 0 0 1px rgba(23, 50, 77, 0.14) !important;
}

body #wbn-app .wbn-gantt-bar.in_progress {
  background: #f4bc3b !important;
}

body #wbn-app .wbn-gantt-bar.executed {
  background: #20a99a !important;
}

body #wbn-app .wbn-task-card:hover {
  border-color: #f5a18f !important;
}

/* Accesibilidad de teclado */
body #wbn-app button:focus-visible,
body #wbn-app a:focus-visible {
  outline: 3px solid #20a99a !important;
  outline-offset: 2px !important;
}
/* Corrige las tarjetas de atención desactivadas por Elementor */
body #wbn-app button.wbn-attention-card,
body #wbn-app button.wbn-attention-card:disabled,
body #wbn-app button.wbn-attention-card[disabled] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #17324d !important;
  opacity: 1 !important;
  box-shadow: none !important;
  cursor: default !important;
}

/* Tarjeta Vencidas: alerta coral, sin fondo burdeo */
body #wbn-app button.wbn-attention-card:first-child {
  --attention-color: #f15a3c !important;
  border-top-color: #f15a3c !important;
}

/* Textos legibles dentro de la tarjeta */
body #wbn-app button.wbn-attention-card span {
  color: #637386 !important;
}

body #wbn-app button.wbn-attention-card strong {
  color: #17324d !important;
}

body #wbn-app button.wbn-attention-card small {
  color: #7a8ba0 !important;
}

/* Hover solo cuando la tarjeta se puede abrir */
body #wbn-app button.wbn-attention-card:not(:disabled):hover {
  background: #fff8f5 !important;
  box-shadow: 0 5px 14px rgba(23, 50, 77, 0.08) !important;
}
/* =========================================
   BLOQUEO DEL HOVER BURDEO DE ELEMENTOR
   Solo dentro de Notitas
   ========================================= */

/* Tarjetas de proyectos */
body #wbn-app button.wbn-project-summary,
body #wbn-app button.wbn-project-summary:hover,
body #wbn-app button.wbn-project-summary:focus,
body #wbn-app button.wbn-project-summary:focus-visible,
body #wbn-app button.wbn-project-summary:active {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #17324d !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* Efecto suave para saber que se puede abrir */
body #wbn-app button.wbn-project-summary:hover {
  border-color: var(--company-color, #f15a3c) !important;
  box-shadow: 0 5px 14px rgba(23, 50, 77, 0.10) !important;
  transform: translateY(-1px);
}

/* Botón Ver inmobiliaria */
body #wbn-app button.wbn-link-btn[data-open-company],
body #wbn-app button.wbn-link-btn[data-open-company]:hover,
body #wbn-app button.wbn-link-btn[data-open-company]:focus,
body #wbn-app button.wbn-link-btn[data-open-company]:focus-visible,
body #wbn-app button.wbn-link-btn[data-open-company]:active {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #f15a3c !important;
  opacity: 1 !important;
}

/* Hover del enlace */
body #wbn-app button.wbn-link-btn[data-open-company]:hover {
  color: #d94a2f !important;
  text-decoration: underline !important;
}

/* Conserva los textos de las tarjetas */
body #wbn-app .wbn-project-summary strong {
  color: #17324d !important;
}

body #wbn-app .wbn-project-summary .wbn-progress-meta {
  color: #637386 !important;
}/* End custom CSS */