/* ========== Agencia Antü – custom.css ========== */
/* Paleta base */
:root{
  --antu-primary: #002d74;   /* azul corporativo */
  --antu-primary-700: #00235a;
  --antu-accent:  #80bc00;   /* verde acento */
  --antu-accent-700: #6aa100;
  --antu-text:    #333333;
  --antu-muted:   #6b7280;
  --antu-border:  #e5e7eb;
  --antu-bg:      #ffffff;
  --antu-radius:  12px;
  --antu-font:    "Poppins",system-ui,-apple-system,Segoe UI,sans-serif;
}

/* Tipografía y colores globales */
html, body{
  font-family: var(--antu-font);
  color: var(--antu-text);
  background: var(--antu-bg);
}
a{ color: var(--antu-primary); text-decoration: none; }
a:hover{ opacity: .9; }
::selection{ background: rgba(128,188,0,.25); }

/* ========= Material UI (MUI) Overrides ========= */
/* Botones */
.MuiButton-root{ border-radius: var(--antu-radius) !important; text-transform: none; }
.MuiButton-containedPrimary{
  background-color: var(--antu-primary) !important;
  color: #fff !important;
}
.MuiButton-containedPrimary:hover{
  background-color: var(--antu-primary-700) !important;
}
.MuiButton-outlinedPrimary{
  border-color: var(--antu-primary) !important;
  color: var(--antu-primary) !important;
}
.MuiButton-outlinedPrimary:hover{
  border-color: var(--antu-primary-700) !important;
  background: rgba(0,45,116,.06) !important;
}
.MuiButton-textPrimary{ color: var(--antu-primary) !important; }

/* Botón secundario en verde acento (si se usa) */
.MuiButton-containedSecondary{
  background-color: var(--antu-accent) !important;
  color: #0b1b00 !important;
}
.MuiButton-containedSecondary:hover{
  background-color: var(--antu-accent-700) !important;
}

/* Inputs */
.MuiOutlinedInput-root{
  border-radius: var(--antu-radius) !important;
}
.MuiOutlinedInput-notchedOutline{ border-color: var(--antu-border) !important; }
.Mui-focused .MuiOutlinedInput-notchedOutline{ border-color: var(--antu-primary) !important; }
.MuiInputLabel-root.Mui-focused{ color: var(--antu-primary) !important; }

/* Checkbox / Radio / Switch */
.Mui-checked.MuiCheckbox-colorPrimary,
.Mui-checked.MuiRadio-colorPrimary,
.MuiSwitch-colorPrimary.Mui-checked{
  color: var(--antu-primary) !important;
}
.MuiSwitch-colorPrimary.Mui-checked + .MuiSwitch-track{
  background-color: var(--antu-primary) !important;
}

/* Chips, Badges */
.MuiChip-root{ border-radius: calc(var(--antu-radius) - 6px) !important; }
.MuiChip-colorPrimary{ background: var(--antu-primary) !important; color:#fff !important; }
.MuiBadge-colorPrimary{ background: var(--antu-accent) !important; color:#0b1b00 !important; }

/* Cards/Papers y diálogos */
.MuiPaper-root, .MuiCard-root, .MuiDialog-paper{
  border-radius: var(--antu-radius) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.06) !important;
}

/* Tabs */
.MuiTabs-indicator{ background-color: var(--antu-primary) !important; }
.MuiTab-textColorPrimary.Mui-selected{ color: var(--antu-primary) !important; }

/* Tabla */
.MuiTableRow-root:hover{ background: rgba(0,45,116,.03) !important; }
.MuiTableCell-root{ border-bottom: 1px solid var(--antu-border) !important; }

/* Focus ring accesible */
.Mui-focusVisible, :focus-visible{
  outline: 3px solid rgba(0,45,116,.35);
  outline-offset: 2px;
}

/* ========= Toastify (notificaciones) ========= */
/* Usa variables expuestas por la librería */
:root{
  --toastify-font-family: var(--antu-font);
  --toastify-color-success: var(--antu-accent);
  --toastify-color-error:   #d14343;
  --toastify-color-info:    var(--antu-primary);
  --toastify-color-warning: #f59e0b;
  --toastify-text-color-light: var(--antu-text);
}
.Toastify__toast{ border-radius: var(--antu-radius) !important; }
.Toastify__close-button{ color: var(--antu-text) !important; }

/* ========= React Big Calendar (rbc-*) ========= */
.rbc-toolbar button{
  border-radius: 10px !important;
  border: 1px solid var(--antu-border) !important;
}
.rbc-toolbar button:hover{ background: rgba(0,45,116,.06) !important; }
.rbc-today{ background-color: rgba(128,188,0,.06) !important; }
.rbc-event{
  background-color: var(--antu-primary) !important;
  border: none !important;
  color:#fff !important;
}
.rbc-off-range-bg{ background: #f7f7f7 !important; }

/* ========= Emoji-mart ========= */
.emoji-mart{ border-color: var(--antu-border) !important; }
.emoji-mart-anchor-selected,
.emoji-mart-anchor:hover{ color: var(--antu-primary) !important; }
.emoji-mart-category .emoji-mart-emoji:hover:before{
  background-color: rgba(0,45,116,.08) !important;
}

/* ========= Elementos genéricos de la app ========= */
/* Botón “hover” detectado en tu build */
.MuiButtonBase-root.buttonHover{
  background: var(--antu-primary) !important;
  color:#fff !important;
  border-radius: var(--antu-radius) !important;
}
.MuiButtonBase-root.buttonHover:hover{
  background: var(--antu-primary-700) !important;
}

/* Burbujas / contenedores interactivos */
.event-container{ transition: transform .15s ease; }
.event-container:hover{ transform: translateY(-1px); }

/* Formularios */
input, textarea, select{
  font-family: var(--antu-font);
}

/* Pequeños detalles */
hr{ border: 0; border-top: 1px solid var(--antu-border); }
kbd{ background:#f3f4f6; border:1px solid #e5e7eb; border-radius:6px; padding:2px 6px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }

/* ========= Modo oscuro opcional (si la app lo detecta) ========= */
@media (prefers-color-scheme: dark){
  :root{
    --antu-bg: #0f1115;
    --antu-text: #e5e7eb;
    --antu-border: #20232a;
  }
  body{ background: var(--antu-bg); color: var(--antu-text); }
  .MuiPaper-root, .MuiCard-root, .MuiDialog-paper{
    background: #12141a !important;
    color: var(--antu-text) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
  }
  .MuiOutlinedInput-notchedOutline{ border-color: #2a2f38 !important; }
  .MuiTableCell-root{ border-bottom-color: #1e2128 !important; }
  .rbc-off-range-bg{ background: #0f1115 !important; }
}

/* Forzar modo claro y fondos blancos */
@media (prefers-color-scheme: dark){
  /* Neutraliza el bloque dark anterior */
  :root{
    --antu-bg: #ffffff !important;
    --antu-text: #333333 !important;
    --antu-border: #e5e7eb !important;
  }
  body{ background: #ffffff !important; color: #333333 !important; }

  /* Material UI */
  .MuiPaper-root, .MuiCard-root, .MuiDialog-paper{
    background: #ffffff !important;
    color: #333333 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.06) !important;
  }
  .MuiOutlinedInput-notchedOutline{ border-color: #e5e7eb !important; }
  .MuiTableCell-root{ border-bottom-color: #e5e7eb !important; }

  /* Calendario */
  .rbc-off-range-bg{ background: #f7f7f7 !important; }
}

/* Por si el sistema activa dark, bloqueamos de todos modos */
html, body { background: #ffffff !important; color: #333333 !important; }