@import url('../../css/espo/hazyblue.css');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --isg-red: #be1622;
  --isg-red-2: #e6332a;
  --isg-red-dark: #8f111b;
  --isg-black: #1d1d1b;
  --isg-gray: #4a4a49;
  --isg-mid-gray: #777776;
  --isg-soft: #f6f7f9;
  --isg-line: rgba(29,29,27,.08);
  --isg-shadow: 0 12px 34px rgba(29,29,27,.07);
  --isg-radius: 18px;
}

body, input, select, textarea, button, .btn { font-family: 'Poppins', sans-serif; }
body { background: var(--isg-soft); color: var(--isg-black); }
a { color: var(--isg-red); }
a:hover, a:focus { color: var(--isg-red-dark); }

#content { background: radial-gradient(circle at 92% 92%, rgba(190,22,34,.045), transparent 34%), var(--isg-soft); }
.panel, .panel-default, .record .panel, .dashlet, .list, .modal-content, .well, .record-container, .calendar-container {
  border-color: var(--isg-line) !important;
  border-radius: var(--isg-radius) !important;
  box-shadow: var(--isg-shadow);
}
.panel > .panel-heading, .dashlet .dashlet-header, .modal-header {
  border-color: var(--isg-line) !important;
  background: rgba(255,255,255,.82) !important;
  border-radius: var(--isg-radius) var(--isg-radius) 0 0 !important;
}
.page-header, .header-breadcrumbs, .list-container > .header { border-color: var(--isg-line) !important; }

.btn, .button, button, .btn-default, .btn-primary, .btn-success, .btn-danger, .btn-warning {
  border-radius: 999px !important;
  font-weight: 700;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
}
.btn:hover, button:hover { transform: translateY(-1px); }
.btn-primary, .btn-danger, .btn-success, .btn-warning, .btn-primary:focus, .btn-primary:hover {
  background: linear-gradient(135deg, var(--isg-red), var(--isg-red-2)) !important;
  border-color: var(--isg-red) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(190,22,34,.18);
}
.btn-default { background: #fff !important; border-color: var(--isg-line) !important; color: var(--isg-black) !important; }

.form-control, input.form-control, select.form-control, textarea.form-control,
.selectize-input, .select2-choice, .chosen-container-single .chosen-single {
  border-radius: 14px !important;
  border-color: rgba(29,29,27,.12) !important;
  box-shadow: none !important;
}
.form-control:focus, .selectize-input.focus {
  border-color: rgba(190,22,34,.55) !important;
  box-shadow: 0 0 0 3px rgba(190,22,34,.08) !important;
}

.table > thead > tr > th, .list-table > thead > tr > th {
  border-bottom-color: var(--isg-line) !important;
  color: var(--isg-gray);
  font-weight: 800;
}
.table > tbody > tr > td, .list-table > tbody > tr > td { border-top-color: var(--isg-line) !important; }
.table-hover > tbody > tr:hover, .list-table > tbody > tr:hover { background: rgba(190,22,34,.035) !important; }

.label, .badge { border-radius: 10px; font-weight: 700; }
.label-primary, .badge-primary { background: var(--isg-red) !important; }

.nav-tabs { border-bottom-color: var(--isg-line) !important; }
.nav-tabs > li > a { border-radius: 14px 14px 0 0 !important; font-weight: 700; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: var(--isg-red) !important; border-color: var(--isg-line) var(--isg-line) #fff !important;
}
.dropdown-menu {
  border: 1px solid var(--isg-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 38px rgba(29,29,27,.12) !important;
  padding: 8px !important;
}
.dropdown-menu > li > a { border-radius: 12px; font-weight: 600; }
.dropdown-menu > li > a:hover { background: rgba(190,22,34,.06) !important; color: var(--isg-red) !important; }

/* Vistas de módulos externos ISG */
.isg-external-module-page { margin: -15px; min-height: calc(100vh - 58px); background: transparent; }
.isg-external-frame-wrap { height: calc(100vh - 64px); min-height: 640px; border: 0; background: transparent; overflow: hidden; border-radius: 0; }
.isg-external-frame { width: 100%; height: 100%; border: 0; outline: 0; display: block; background: transparent; }
.isg-external-frame-fallback { padding: 18px 22px; background: #fff; border: 1px solid var(--isg-line); border-radius: 18px; }
@media (max-width: 768px) {
  .isg-external-module-page { margin: -10px; }
  .isg-external-frame-wrap { height: calc(100vh - 58px); min-height: 620px; }
}

/* Placeholder funcional para Voiceflow. Reemplazar el comentario desde client/custom/src/views/site/navbar-isg.js */
#isg-voiceflow-placeholder { position: fixed; right: 24px; bottom: 24px; z-index: 2050; pointer-events: none; }
#isg-voiceflow-placeholder .isg-voiceflow-comment { display:none; }

#navbar { background: rgba(255,255,255,.96) !important; border-bottom: 1px solid var(--isg-line) !important; box-shadow: 0 8px 26px rgba(29,29,27,.06); }
#navbar .navbar-brand, #navbar .navbar-nav > li > a { color: var(--isg-black) !important; font-weight: 700; }
#navbar .navbar-nav > li.active > a, #navbar .navbar-nav > li > a:hover, #navbar .navbar-nav > li.open > a { color: var(--isg-red) !important; background: rgba(190,22,34,.06) !important; }
#navbar .navbar-brand img { max-height: 31px; }