/* appintREasso */
html {
width: 100%;
}
body {
width: 100%;
overflow-x: hidden;
}
:root,
[data-bs-theme=light] {
--bs-blue: #001538;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #001538;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 9, 38, 96;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-primary-text-emphasis: #052c65;
--bs-secondary-text-emphasis: #2b2f32;
--bs-success-text-emphasis: #0a3622;
--bs-info-text-emphasis: #055160;
--bs-warning-text-emphasis: #664d03;
--bs-danger-text-emphasis: #58151c;
--bs-light-text-emphasis: #495057;
--bs-dark-text-emphasis: #495057;
--bs-primary-bg-subtle: #cfe2ff;
--bs-secondary-bg-subtle: #e2e3e5;
--bs-success-bg-subtle: #d1e7dd;
--bs-info-bg-subtle: #cff4fc;
--bs-warning-bg-subtle: #fff3cd;
--bs-danger-bg-subtle: #f8d7da;
--bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #9ec5fe;
--bs-secondary-border-subtle: #c4c8cb;
--bs-success-border-subtle: #a3cfbb;
--bs-info-border-subtle: #9eeaf9;
--bs-warning-border-subtle: #ffe69c;
--bs-danger-border-subtle: #f1aeb5;
--bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: rgba(33, 37, 41, 0.75);
--bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250;
--bs-heading-color: inherit;
--bs-link-color: #092660;
--bs-link-color-rgb: 9, 38, 96;
--bs-link-decoration: underline;
--bs-link-hover-color: #0a58ca;
--bs-link-hover-color-rgb: 10, 88, 202;
--bs-code-color: #d63384;
--bs-highlight-color: #212529;
--bs-highlight-bg: #fff3cd;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(255, 255, 255, 0.469);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-xxl: 2rem;
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-box-shadow-sm: 0 0.125rem 0.25rem 5px rgba(0, 0, 0, 0.075);
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-focus-ring-width: 0.25rem;
--bs-focus-ring-opacity: 0.25;
--bs-focus-ring-color: rgba(13, 110, 253, 0.25);
--bs-form-valid-color: #198754;
--bs-form-valid-border-color: #198754;
--bs-form-invalid-color: #dc3545;
--bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
color-scheme: dark;
--bs-black: #fff;
--bs-body-color: #dee2e6;
--bs-body-color-rgb: 222, 226, 230;
--bs-body-bg: #212529;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: rgba(222, 226, 230, 0.75);
--bs-secondary-color-rgb: 222, 226, 230;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: rgba(222, 226, 230, 0.5);
--bs-tertiary-color-rgb: 222, 226, 230;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: #6ea8fe;
--bs-secondary-text-emphasis: #a7acb1;
--bs-success-text-emphasis: #75b798;
--bs-info-text-emphasis: #6edff6;
--bs-warning-text-emphasis: #ffda6a;
--bs-danger-text-emphasis: #ea868f;
--bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #031633;
--bs-secondary-bg-subtle: #161719;
--bs-success-bg-subtle: #051b11;
--bs-info-bg-subtle: #032830;
--bs-warning-bg-subtle: #332701;
--bs-danger-bg-subtle: #2c0b0e;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #1a1d20;
--bs-primary-border-subtle: #084298;
--bs-secondary-border-subtle: #41464b;
--bs-success-border-subtle: #0f5132;
--bs-info-border-subtle: #087990;
--bs-warning-border-subtle: #997404;
--bs-danger-border-subtle: #842029;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: inherit;
--bs-link-color: #6ea8fe;
--bs-link-hover-color: #8bb9fe;
--bs-link-color-rgb: 110, 168, 254;
--bs-link-hover-color-rgb: 139, 185, 254;
--bs-code-color: #e685b5;
--bs-highlight-color: #dee2e6;
--bs-highlight-bg: #664d03;
--bs-border-color: #495057;
--bs-form-valid-color: #75b798;
--bs-form-valid-border-color: #75b798;
--bs-form-invalid-color: #ea868f;
--bs-form-invalid-border-color: #ea868f;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
margin: 1rem 0;
color: inherit;
border: 0;
border-top: var(--bs-border-width) solid;
opacity: 0.25;
}
/* BOOTSTRAP 4 -------------------------------------------------------------------------------------*/
/* Imputs pegados */
.input-group-prepend,
.input-group-append {
display: flex;
}
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group.has-validation>.input-group-append:nth-last-child(n + 3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n + 3)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-block {
width: 100%;
}
/* Selects */
.custom-select {
display: inline-block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #6e707e;
vertical-align: middle;
background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
border: 1px solid #d1d3e2;
border-radius: 0.35rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#wrapper {
display: flex;
}
.bg-gray-100 {
background-color: #f8f9fc !important;
}
.bg-gray-200 {
background-color: #eaecf4 !important;
}
.bg-gray-300 {
background-color: #dddfeb !important;
}
.bg-gray-400 {
background-color: #d1d3e2 !important;
}
.bg-gray-500 {
background-color: #b7b9cc !important;
}
.bg-gray-600 {
background-color: #858796 !important;
}
.bg-gray-700 {
background-color: #6e707e !important;
}
.bg-gray-800 {
background-color: #5a5c69 !important;
}
.bg-gray-900 {
background-color: #001538 !important;
}
.dropdown .dropdown-menu {
font-size: 0.85rem;
}
.dropdown .dropdown-menu .dropdown-header {
font-weight: 800;
font-size: 0.65rem;
color: #fff !important;
}
.dropdown.no-arrow .dropdown-toggle::after {
display: none;
}
.sidebar .nav-item.dropdown .dropdown-toggle::after,
.topbar .nav-item.dropdown .dropdown-toggle::after {
width: 1rem;
text-align: center;
float: right;
vertical-align: 0;
border: 0;
font-weight: 900;
content: '\f105';
font-family: 'Font Awesome 5 Free';
}
.sidebar .nav-item.dropdown.show .dropdown-toggle::after,
.topbar .nav-item.dropdown.show .dropdown-toggle::after {
content: '\f107';
}
.sidebar .nav-item .nav-link,
.topbar .nav-item .nav-link {
position: relative;
}
.sidebar .nav-item .nav-link .badge-counter,
.topbar .nav-item .nav-link .badge-counter {
position: absolute;
transform: scale(0.7);
transform-origin: top right;
right: .25rem;
margin-top: -.25rem;
}
.sidebar .nav-item .nav-link .img-profile,
.topbar .nav-item .nav-link .img-profile {
height: 2rem;
width: 2rem;
}
.topbar #sidebarToggleTop {
height: 2.5rem;
width: 2.5rem;
}
.topbar #sidebarToggleTop:hover {
background-color: #eaecf4;
}
.topbar #sidebarToggleTop:active {
background-color: #dddfeb;
}
.topbar .navbar-search {
width: 25rem;
}
.topbar .navbar-search input {
font-size: 0.85rem;
height: auto;
}
.topbar .topbar-divider {
width: 0;
border-right: 1px solid #e3e6f0;
height: calc(4.375rem - 2rem);
margin: auto 1rem;
}
.topbar .nav-item .nav-link {
height: 4.375rem;
display: flex;
align-items: center;
padding: 0 0.75rem;
}
.topbar .nav-item .nav-link:focus {
outline: none;
}
.topbar .nav-item:focus {
outline: none;
}
.topbar .dropdown {
position: static;
}
.topbar .dropdown .dropdown-menu {
width: calc(100% - 1.5rem);
right: 0.75rem;
background-color: #001538 !important;
color: #fff !important;
}
.topbar .dropdown-list {
padding: 0;
border: none;
overflow: hidden;
}
.topbar .dropdown-list .dropdown-header {
background-color: #001538;
border: 1px solid #001538;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #fff;
}
.topbar .dropdown-list .dropdown-item {
white-space: normal;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
border-left: 1px solid #e3e6f0;
border-right: 1px solid #e3e6f0;
border-bottom: 1px solid #e3e6f0;
line-height: 1.3rem;
background-color: #001538 !important;
color: #fff !important;
}
.topbar .dropdown-list .dropdown-item .dropdown-list-image {
position: relative;
height: 2.5rem;
width: 2.5rem;
}
.topbar .dropdown-list .dropdown-item .dropdown-list-image img {
height: 2.5rem;
width: 2.5rem;
}
.topbar .dropdown-list .dropdown-item .dropdown-list-image .status-indicator {
background-color: #eaecf4;
height: 0.75rem;
width: 0.75rem;
border-radius: 100%;
position: absolute;
bottom: 0;
right: 0;
border: 0.125rem solid #fff;
}
.topbar .dropdown-list .dropdown-item .text-truncate {
max-width: 10rem;
}
.topbar .dropdown-list .dropdown-item:active {
background-color: #000 !important;
color: #fff;
}
.topbar .dropdown-list .dropdown-item:hover {
background-color: #092660 !important;
color: #fff !important;
}
.dropdown-menu {
background-color: #001538 !important;
color: #fff !important;
}
.dropdown-item {
color: #fff !important;
}
.dropdown-item:hover,
.dropdown-item:focus {
background-color: #092660 !important;
color: #fff !important;
}
.sidebar {
position: fixed;
z-index: 5;
width: 6.5rem;
min-height: 100vh;
background-color: #001538 !important;
color: #fff !important;
}
.sidebar .nav-item {
position: relative;
font-weight: 500;
}
.sidebar .nav-item:last-child {
margin-bottom: 1rem;
}
.sidebar .nav-item .nav-link {
text-align: center;
padding: 0.75rem 1rem;
width: 6.5rem;
color: #fff !important;
}
.sidebar .nav-item .nav-link span {
font-size: 0.65rem;
display: block;
color: #fff !important;
text-transform: uppercase;
}
.sidebar .nav-item.active .nav-link {
font-weight: 700;
color: #fff !important;
}
.sidebar .nav-item .nav-link i {
color: #fff !important;
}
.sidebar .nav-item .collapse {
position: absolute;
left: calc(6.5rem + 1.5rem / 2);
z-index: 1;
top: 2px;
}
.sidebar .nav-item .collapse .collapse-inner {
border-radius: 0.35rem;
box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
}
.sidebar .nav-item .collapsing {
display: none;
transition: none;
}
.sidebar .nav-item .collapse .collapse-inner,
.sidebar .nav-item .collapsing .collapse-inner {
padding: .5rem 0;
min-width: 10rem;
font-size: 0.85rem;
margin: 0 0 1rem 0;
background-color: #001538 !important;
color: #fff !important;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-header,
.sidebar .nav-item .collapsing .collapse-inner .collapse-header {
margin: 0;
white-space: nowrap;
padding: .5rem 1.5rem;
text-transform: uppercase;
font-weight: 800;
font-size: 0.65rem;
color: #b7b9cc;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item {
padding: 0.5rem 1rem;
margin: 0 0.5rem;
display: block;
color: #fff !important;
text-decoration: none;
border-radius: 0.35rem;
white-space: nowrap;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
background-color: #092660 !important;
color: #fff !important;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item:active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:active {
background-color: #dddfeb;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
color: #4e73df;
font-weight: 700;
}
.sidebar #sidebarToggle {
width: 2.5rem;
height: 2.5rem;
text-align: center;
margin-bottom: 1rem;
cursor: pointer;
}
.sidebar #sidebarToggle::after {
font-weight: 900;
content: '\f104';
font-family: 'Font Awesome 5 Free';
margin-right: 0.1rem;
}
.sidebar #sidebarToggle:hover {
text-decoration: none;
}
.sidebar #sidebarToggle:focus {
outline: none;
}
.sidebar.toggled {
width: 0 !important;
overflow: hidden;
}
.sidebar.toggled #sidebarToggle::after {
content: '\f105';
font-family: 'Font Awesome 5 Free';
margin-left: 0.25rem;
}
.sidebar.toggled .sidebar-card {
display: none;
}
.sidebar-brand {
margin-left: 40px !important;
}
.sidebar .sidebar-brand {
height: 2.375rem;
text-decoration: none;
font-size: 1rem;
font-weight: 800;
padding: 1.5rem 1rem;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.05rem;
letter-spacing: 0.05rem;
z-index: 1;
color: #fff !important;
}
.sidebar .sidebar-brand .sidebar-brand-icon i {
font-size: 2rem;
}
.sidebar .sidebar-brand .sidebar-brand-text {
display: none;
}
.sidebar hr.sidebar-divider {
margin: 0 1rem 1rem;
}
.sidebar .sidebar-heading {
text-align: center;
padding: 0 1rem;
font-weight: 800;
font-size: 0.65rem;
color: #fff !important;
}
.sidebar .sidebar-card {
display: flex;
flex-direction: column;
align-items: center;
font-size: 0.875rem;
border-radius: 0.35rem;
color: rgba(255, 255, 255, 0.8);
margin-left: 1rem;
margin-right: 1rem;
margin-bottom: 1rem;
padding: 1rem;
background-color: rgba(0, 0, 0, 0.1);
}
.sidebar .sidebar-card .sidebar-card-illustration {
height: 3rem;
display: block;
}
.sidebar .sidebar-card .sidebar-card-title {
font-weight: bold;
}
/* Navbar Text Color Override */
.navbar,
.navbar .text-dark {
color: #fff !important;
}
/* Navbar Toggler (Hamburger) White */
#sidebarToggleTop i {
color: #fff !important;
}
.navbar-toggler-icon {
filter: invert(1) grayscale(100%) brightness(200%);
}
.navbar .nav-link,
.navbar .nav-link i,
.navbar .dropdown-toggle {
color: #fff !important;
}
.navbar {
background-color: #001538 !important;
color: #fff !important;
}
/*HOME*/
#back-arrow-button {
color: #fff !important;
}
.derecha {
margin-left: auto;
}
/* Fondo MenΓΊ */
.fa-2x {
font-size: 1.5em;
}
a {
text-decoration: none;
color: blue;
}
li {
list-style: none;
}
.text-gray-100 {
color: #fff !important;
}
.text-gray-800 {
color: #5a5c69 !important;
}
.text-gray-900 {
color: #000 !important;
}
.text-black {
--bs-text-opacity: 1;
color: var(--bs-black) !important;
}
.text-muted {
--bs-text-opacity: 1;
color: var(--bs-body-color) !important;
}
.toast {
z-index: 999;
}
.btn {
box-shadow: var(--bs-box-shadow) !important;
border-radius: 100px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
font-weight: 600;
}
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: #092660;
--bs-btn-border-color: #092660;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #061940;
--bs-btn-hover-border-color: #061940;
--bs-btn-focus-shadow-rgb: 9, 38, 96;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #061940;
--bs-btn-active-border-color: #051638;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #092660;
--bs-btn-disabled-border-color: #092660;
margin: 0;
border-radius: 100px;
transition: transform 0.2s ease, border-color 0.2s ease, all 0.4s ease !important;
padding: 0.375rem 0.75rem;
background: linear-gradient(180deg, #092660, #000000) !important;
border: 2px solid transparent !important;
box-shadow: 0 8px 20px rgba(130, 130, 130, 0.6) !important;
}
.btn-primary:hover,
[data-bs-theme="dark"] .btn-primary:hover {
border-color: red !important;
}
.bg-gradient-primary {
background-color: #092660;
background-image: none;
background-size: cover;
}
.btn-rojo {
background: linear-gradient(45deg, #dc3545, #b02a37);
margin: 0;
border-radius: 100px;
transition: all 0.4s ease;
color: #fff;
padding: 0.375rem 0.75rem;
}
.btn-rojo:hover {
color: #fff;
background: #000 !important;
}
.btn-gris {
background: linear-gradient(45deg, #6c757d, #495057);
margin: 0;
border-radius: 100px;
transition: all 0.4s ease;
color: #fff;
padding: 0.375rem 0.75rem;
}
.btn-gris:hover {
color: #fff;
background: #000 !important;
}
.btn-negro {
font-weight: 500;
fill: #000;
color: #fff;
background-color: #000;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #000000;
border-radius: 100px 100px 100px 100px;
box-shadow: -1px 2px 6px 0px rgba(0, 0, 0, 0.36);
font-weight: bold;
}
.btn-negro:hover {
color: #000 !important;
background-color: #ffab00;
}
.fa-twitter {
font-family: sans-serif;
}
.fa-twitter::before {
content: "π";
font-size: 1.2em;
}
.table> :not(caption)>*>* {
border-bottom-width: inherit;
}
.botones-paginacion .relative.inline-flex>* {
display: none;
}
.botones-paginacion p {
display: none;
}
.botones-paginacion .cursor-default {
background-color: #001538 !important;
margin: 0 !important;
border-radius: 100px !important;
transition: all 0.4s ease !important;
color: #fff !important;
}
.list-group-item {
color: var(--bs-list-group-color) !important;
}
/*
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
list-style: none;
}
*/
.dropdown-item:hover {
background: #f1f1f1;
color: #000;
}
/* importar de todos google */
input[type="file"] {
font-family: Arial, sans-serif;
font-size: 16px;
color: #fff;
background-color: #4CAF50;
padding: 10px 20px;
border-radius: 5px;
border: none;
cursor: pointer;
}
.formcontacto {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* archivos */
.accordion-body .d-flex {
align-items: flex-start;
}
.accordion-body .bi {
font-size: 1.5rem;
margin-right: 15px;
color: #092660;
}
.step-image {
max-width: 100%;
border: 1px solid #ddd;
border-radius: 8px;
margin-top: 15px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
/* InteracciΓ³n para el modal */
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
}
.step-image:hover {
transform: scale(1.03);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
#modal-image {
max-width: 100%;
height: auto;
border-radius: 8px;
}
.modal-header .btn-close:hover {
opacity: 0.75;
}
.folder,
.file {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
padding: 5px 10px;
border-radius: 6px;
transition: background-color 0.2s ease;
width: 100%;
max-width: 350px;
box-sizing: border-box;
cursor: pointer;
position: relative;
margin-right: auto;
margin-left: 0;
}
.folder:hover,
.file:hover {
background-color: #e9ecef;
}
.folder:hover .delete-button,
.file:hover .delete-button {
visibility: visible;
opacity: 1;
}
.drive-container {
width: 100%;
max-width: 900px;
height: calc(100vh - 120px);
max-height: 800px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
overflow: hidden;
margin: auto;
padding: 0;
}
#copy-email-btn {
font-size: 0.8rem;
padding: 0.2rem 0.5rem;
}
.form-container {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
padding: 1rem;
}
.form-card {
width: 100%;
max-width: 550px;
background-color: #ffffff;
padding: 2.5rem;
border-radius: 1rem;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
border: 1px solid #dee2e6;
}
.form-title {
color: #212529;
font-weight: 700;
margin-bottom: 1rem;
}
#contenedor-elementos {
padding: 1.5rem;
overflow-y: auto;
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 5px;
align-items: flex-start;
}
.item-icon {
width: 24px;
height: 24px;
margin-right: 10px;
object-fit: contain;
flex-shrink: 0;
}
.item-name {
font-size: 0.9em;
flex-grow: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
.delete-button {
padding: 0.1rem 0.3rem;
background-color: #dc3545;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
visibility: hidden;
opacity: 0;
transition: opacity 0.2s ease;
font-size: 0.65em;
margin-left: 10px;
flex-shrink: 0;
}
.navigation {
padding: 0.5rem 1.5rem;
background-color: #f8f9fa;
border-bottom: 1px solid #ddd;
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.9em;
}
.navigation a {
text-decoration: none;
}
/* IA */
.message-bubble {
max-width: 80%;
word-wrap: break-word;
}
.typing-indicator span {
height: 8px;
width: 8px;
margin: 0 1px;
background-color: #6c757d;
border-radius: 50%;
display: inline-block;
animation: a-dots-2 1.5s infinite;
}
.typing-indicator span:nth-child(2) {
animation-delay: .2s;
}
.typing-indicator span:nth-child(3) {
animation-delay: .4s;
}
/* reservas cai*/
#customMessageBox {
transition: opacity 0.3s ease-in-out;
}
.btn-primary:hover {
background-color: #0b5ed7;
border-color: #0a58ca;
}
.card-text strong {
display: inline-block;
min-width: 100px;
}
@keyframes typing {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-5px);
}
}
/* HEADER +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.flecha-atras-header {
font-size: 20px;
}
.topbar {
height: 2.375rem;
position: fixed;
width: 100%;
left: 0;
z-index: 900;
}
/* SIDEBAR */
.sidebar-scrollable {
overflow-y: auto;
overflow-x: hidden !important;
max-height: calc(100vh - 70px);
}
.sidebar-scrollable::-webkit-scrollbar {
width: 6px;
}
.sidebar-scrollable::-webkit-scrollbar-track {
background: transparent;
}
.sidebar-scrollable::-webkit-scrollbar-thumb {
background-color: #5a5c69;
border-radius: 20px;
border: 3px solid transparent;
}
/* NOTIFICACIONES HEADER */
.contador-notificacion {
display: flex;
align-items: center;
justify-content: center;
font-size: 9px !important;
font-weight: 700 !important;
position: absolute !important;
left: 22px !important;
top: 17px !important;
min-width: 15px;
height: 15px;
padding: 0 4px !important;
color: #fff !important;
background: #dc3545 !important;
border-radius: 50px !important;
line-height: 1 !important;
border: 1.5px solid #fff !important;
box-shadow: 0 2px 4px rgba(220, 53, 69, 0.4);
}
[data-bs-theme="dark"] .contador-notificacion {
border-color: #001538 !important;
}
/* BOTΓN IMPORTAR Y EXPORTAR */
.hover-text {
visibility: hidden;
position: absolute;
background-color: #f5f5f5;
color: black;
text-align: center;
padding: 5px 0;
border-radius: 6px;
z-index: 1;
top: 110%;
left: 100%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
a:hover .hover-text {
visibility: visible;
opacity: 1;
}
.hover-text1 {
visibility: hidden;
position: absolute;
background-color: #f5f5f5;
color: black;
text-align: center;
padding: 5px 0;
border-radius: 6px;
z-index: 1;
top: 110%;
left: 96%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
a:hover .hover-text1 {
visibility: visible;
opacity: 1;
}
.hover-text {
visibility: hidden;
position: absolute;
background-color: #f5f5f5;
color: black;
text-align: center;
padding: 5px 0;
border-radius: 6px;
z-index: 1;
top: 110%;
left: 88%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
a:hover .hover-text {
visibility: visible;
opacity: 1;
}
.hover-text1 {
visibility: hidden;
position: absolute;
background-color: #f5f5f5;
color: black;
text-align: center;
padding: 5px 0;
border-radius: 6px;
z-index: 1;
top: 110%;
left: 99%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
a:hover .hover-text1 {
visibility: visible;
opacity: 1;
}
/* Fondo Content */
#wrapper #content-wrapper {
background-color: var(--bs-body-bg);
width: 100%;
}
.bg-primary {
background-color: var(--bs-primary) !important;
}
.text-amarillo {
color: #ffab00;
}
.bg-amarillo {
background: #ffab00;
}
/* Container */
.container {
max-width: 1920px;
padding: 0 0px;
margin: 0 auto;
}
.container-1440 {
max-width: 1440px;
padding: 0 0px;
margin: 0 auto;
}
.container-1200 {
max-width: 1200px;
padding: 0 0px;
margin: 0 auto;
}
.container-1024 {
max-width: 1024px;
padding: 0 0px;
margin: 0 auto !important;
}
.container-979 {
max-width: 979px;
padding: 0 0px;
margin: 0 auto !important;
}
.container-768 {
max-width: 768px;
padding: 0 0px;
margin: 0 auto !important;
}
.container-600 {
max-width: 600px;
padding: 0 0px;
margin: 0 auto !important;
}
.container-520 {
max-width: 520px;
padding: 0 0px;
margin: 0 auto !important;
}
.container-480 {
max-width: 480px;
padding: 0 0px;
margin: 0 auto !important;
}
.container-320 {
max-width: 320px;
padding: 0 0px;
margin: 0 auto !important;
}
/* Tooltip flotante */
.tooltip-text {
position: fixed;
/* Permite que el mensaje flote sobre el contenido */
background-color: #333;
color: #fff;
padding: 5px;
border-radius: 5px;
font-size: 12px;
z-index: 9999;
/* Asegura que estΓ© por encima de todo */
display: none;
/* Ocultamos el tooltip por defecto */
}
/* Rueda de carga */
#page-loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.85);
/* Fondo semi-transparente */
display: flex;
/* VISIBLE Y CENTRADO POR DEFECTO */
justify-content: center;
align-items: center;
z-index: 10000;
/* Encima de todo */
}
/* SUBMENΓ */
.submenu .active,
.sidebar .active {
color: #00FFFF !important;
margin: 0 auto;
}
/* SUBMENΓ */
.submenu {
background-color: #001538 !important;
height: 100%;
}
.submenu .nav-link {
color: rgba(255,255,255,0.4) !important;
}
.submenu .nav-link.active {
color: #fff !important;
}
.activo-link:hover a {
color: rgba(255,255,255,0.75) !important;
}
.form-control::placeholder {
color: #9a9a9a;
opacity: 1;
}
.form-control-sm {
padding: revert;
font-size: 0.90rem;
}
/* Tablas */
.table {
font-size: 15px !important;
}
.table-responsive {
overflow-x: hidden;
}
.table-bordered th,
.table-bordered td {
border: 0px solid #2c2c2c;
}
.table th,
.table td {
padding: 0.75rem;
border-top: 0px;
}
.tr-etiquetas th,
.tr-etiquetas td {
padding: 2px !important;
border-top: 0px;
}
/* Barra de Busquedad tabla */
.dataTables_length,
.dataTables_filter {
display: none;
}
.table tbody tr:hover {
background: #ffffff14;
}
/* cursor-ponter */
.cursor-pointer {
cursor: pointer;
}
/* PAGINATION */
.pagination-contactos .justify-between svg,
.pagination-contactos2 .justify-between svg {
display: none;
}
.pagination-contactos .flex-1,
.pagination-contactos2 .flex-1 {
display: none;
}
.pagination-contactos .rounded-md {
display: none;
}
.pagination-contactos2 .inline-flex {
display: none;
}
.botones-paginacion a {
background-color: #001538 !important;
margin: 0 !important;
border-radius: 100px !important;
transition: all 0.4s ease !important;
color: #fff !important;
padding: 0.375rem 0.75rem;
}
.botones-paginacion a:hover {
color: #fff !important;
background-color: #000 !important;
}
/* APP */
body#page-top.fondo-app,
body.fondo-app,
.fondo-app {
background-image: url('../../../img/fondo-app.jpg') !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
height: 100vh;
}
.app-boton {
width: 80%;
}
/* MLS INTERNACIONAL */
/* Fondos pΓ‘gina web */
.banner-mls {
background-image: url('../../../img/mls-banner.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 48vh;
}
.banner-mls-preconstruccion {
background-image: url('../../../img/mls-banner-preconstruccion.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.banner-mls-login {
background-image: url('../../../img/mapa-mundi.png');
background-size: cover;
background-position: center;
height: 100vh;
width: 100vw;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.banner-mls-login .container {
position: relative;
z-index: 10;
}
.hover-textc {
visibility: hidden;
position: absolute;
background-color: #f5f5f5;
color: black;
text-align: center;
padding: 5px 0;
border-radius: 6px;
z-index: 1;
top: 110%;
left: 100%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
a:hover .hover-textc {
visibility: visible;
opacity: 1;
}
/* Tabs fix for dark background */
.nav-tabs .nav-link {
color: var(--bs-black);
}
.nav-tabs .nav-link.active {
color: #000 !important;
background-color: #fff !important;
}
.hover-textp {
visibility: hidden;
position: absolute;
background-color: #f5f5f5;
color: black;
text-align: center;
padding: 5px 0;
border-radius: 6px;
z-index: 1;
top: 110%;
left: 96%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
a:hover .hover-textp {
visibility: visible;
opacity: 1;
}
/* Modal GalerΓa Planos */
.modal-fullscreen {
max-width: 100%;
margin: 0;
}
/* Carrousel */
#carouselModalPlano {
padding: 0 !important;
}
#carouselModalPlano .modal-dialog-centered {
max-width: 100%;
}
/* Carrousel */
#carouselModal {
padding: 0 !important;
}
#carouselModal .modal-dialog-centered {
max-width: 100%;
}
.carousel-container {
width: 100%;
margin: auto;
}
.carousel-image {
width: 100%;
height: 500px;
/* Ajusta este valor a la altura que desees */
object-fit: contain;
/* Esto harΓ‘ que la imagen se ajuste dentro del espacio sin cortarse */
}
.carousel-container:hover a {
background: #000 !important;
}
.carousel-control-prev,
.carousel-control-next {
width: 25px;
}
.my-carousel-container {
width: 100%;
margin: auto;
}
.my-carousel-image {
width: 100%;
height: 90vh;
object-fit: contain;
/* Esto harΓ‘ que la imagen se ajuste dentro del espacio sin cortarse */
}
/* PUBLICACIONES */
.foto-de-perfil-publicacion {
object-fit: cover;
object-position: top;
}
.more-text {
max-height: 300px;
overflow: auto;
white-space: pre-line;
}
.show-more-content {
display: none;
}
.read-more {
vertical-align: -webkit-baseline-middle;
float: right;
}
/* PAGINATION */
.pagination-contactos .justify-between svg,
.pagination-contactos2 .justify-between svg {
display: none;
}
.pagination-contactos .flex-1,
.pagination-contactos2 .flex-1 {
display: none;
}
.pagination-contactos .rounded-md {
display: none;
}
.pagination-contactos2 .inline-flex {
display: none;
}
.pagination-contactos p {
display: none;
}
.pagination-contactos .py-2 {
padding-bottom: 0rem !important;
padding-top: 0rem !important;
}
/* AGENTES INTERNACIONALES */
.banderas-agentes {
width: 30px;
height: 30px;
}
/* USUARIOS */
/* show */
.foto-de-perfil-user-show {
position: relative;
margin-top: -20px;
}
.boton-editar-perfil {
position: absolute;
right: 22px;
}
.boton-compartir-perfil {
position: fixed;
width: 110px;
height: 20px;
right: 10px;
bottom: 80px;
font-size: 12px;
z-index: 400;
cursor: pointer;
padding: 0;
}
.fondo-perfil-profesional {
background-image: url('../../../img/fondo-perfil-profesional.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0 0 -20px 0px;
}
.user-detail {
margin: -100px 0px 0px 0px;
}
.user-detail img {
height: 200px;
width: 200px;
object-fit: cover;
object-position: top;
}
.user-social-detail {
padding: 15px 0px;
}
.user-social-detail a i {
color: #fff;
font-size: 23px;
padding: 0px 5px;
}
/* card profesional usuario */
.boton-red-social-perfil {
border-radius: 100%;
height: 60px;
}
.icono-red-social-perfil {
margin-top: 5px;
width: 30px;
}
/* CRM */
.boton-crm:hover {
background: linear-gradient(180deg, #ffab00, #000) !important;
}
/* TAREAS */
.btn-flotante {
position: fixed;
bottom: 80px;
right: 5px;
z-index: 9;
}
.card-responsive {
margin: 0 75px;
}
/* CONTACTOS */
/* index */
.icono-lista {
width: 25px;
height: 25px;
margin: 0 0 -7px 0;
}
.form-check .fa-whatsapp {
position: relative;
top: 5px;
}
.table {
--bs-table-bg: none;
}
/* Notas */
#notas-lineas2,
#notasdeperfil-lineas2 {
height: 400px;
overflow-y: auto;
}
.nota-linea {
margin: 0px 0 15px 0;
border-radius: 10px;
padding: 5px;
border: solid 1px #cecece;
}
/* Editar Contacto */
.foto-perfil-preview {
object-fit: cover;
object-position: top;
width: 180px;
height: 180px;
}
.imagen-identificacion {
width: 100%;
object-fit: contain !important;
}
.imagen-perfil {
margin: 0 auto;
width: 200px;
height: 200px;
border-radius: 100px;
}
small,
.small {
font-size: 14px;
}
.whatsapp-numero:hover {
color: #00c58a !important;
}
/* Selects */
input,
button,
select,
optgroup,
textarea {
margin: 0;
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* Fix Chrome/Android native DatePicker transparency bug */
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
background-color: var(--bs-body-bg) !important;
color-scheme: light dark;
}
/* PΓGINA WEB */
.menu-paginaweb {
position: fixed;
width: 100%;
z-index: 999;
top: 0;
padding: 0;
}
/* MLS public menu β all text white */
.menu-paginaweb *,
.menu-paginaweb .nav-link,
.menu-paginaweb .nav-link.active,
.menu-paginaweb b,
.menu-paginaweb label,
.menu-paginaweb a:not(.btn) {
color: #fff !important;
}
.menu-paginaweb .nav-link:hover,
.menu-paginaweb a:not(.btn):hover {
color: rgba(255,255,255,0.75) !important;
}
.menu-paginaweb .navbar-toggler-icon {
filter: brightness(0) invert(1);
}
.icono-paginaweb {
display: flex;
width: 35px;
margin: 10px;
}
/* Fondos pΓ‘gina web */
.fondopaginaweb1 {
background: #f1f1f1f1;
}
.container-section-paginaweb {
padding: 50px 10px;
}
/* CHAT */
.app-modal-card {
max-width: -webkit-fill-available !important;
}
/**DARK MODE**/
:root,
[data-bs-theme=light] {
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-body-color: #001538;
--bs-body-color-rgb: 33, 37, 41;
--bs-secondary-bg: #001538;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-secondary-color: #fff;
--bs-secondary-color-rgb: 33, 37, 41;
/**Ajustar el rgb**/
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-primary-bg-subtle: #cfe2ff;
--bs-secondary-bg-subtle: #e2e3e5;
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250;
}
[data-bs-theme=dark] {
color-scheme: dark;
--bs-body-bg: #000;
--bs-body-bg-rgb: 33, 37, 41;
--bs-body-color: #fff;
--bs-body-color-rgb: 222, 226, 230;
--bs-secondary-bg: #fff;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-secondary-color: #001538;
--bs-secondary-color-rgb: 222, 226, 230;
--bs-tertiary-color: rgba(222, 226, 230, 0.5);
--bs-tertiary-color-rgb: 222, 226, 230;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: #6ea8fe;
--bs-secondary-text-emphasis: #a7acb1;
}
/* IA PAGINA */
#chat-window {
height: 60vh;
overflow-y: auto;
border: 1px solid #dee2e6;
border-radius: .25rem;
padding: 1rem;
}
@keyframes a-dots-2 {
0%,
100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
.profile-upload {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
margin-top: 10px;
}
.icon-label {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10px;
border: 2px dashed #fff;
border-radius: 10%;
width: 100px;
height: 100px;
color: #fff;
font-size: 48px;
transition: border-color 0.3s, color 0.3s;
cursor: pointer;
}
.icon-label:hover {
border-color: #001538;
color: #fff;
}
.hidden-input {
display: none;
}
.icon-label span {
font-size: 12px;
margin-top: 5px;
color: #fff;
}
/* MENΓ MOVIL - controlado por tabs.blade.php */
.menu-movil {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
max-width: 100vw;
overflow: hidden;
box-sizing: border-box;
z-index: 999;
}
/* DARK MODE CUSTOMIZATIONS */
[data-bs-theme="dark"] body {
background: #001538 !important;
}
[data-bs-theme="dark"] #wrapper #content-wrapper {
background-color: transparent !important;
}
[data-bs-theme="dark"] .sidebar,
[data-bs-theme="dark"] .navbar,
[data-bs-theme="dark"] .topbar {
background-color: #001538 !important;
background-image: none !important;
}
[data-bs-theme="dark"] .btn-primary {
--bs-btn-bg: #092660;
--bs-btn-border-color: #092660;
--bs-btn-hover-bg: #061940;
--bs-btn-hover-border-color: #061940;
--bs-btn-active-bg: #061940;
--bs-btn-active-border-color: #061940;
--bs-btn-disabled-bg: #092660;
--bs-btn-disabled-border-color: #092660;
background: linear-gradient(180deg, #092660, #000000) !important;
border: 1px solid #fff !important;
}
/* Sidebar Flyout */
.sidebar-flyout {
background-color: #001538 !important;
color: #fff !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
[data-bs-theme="dark"] .bg-gradient-primary {
background-color: #092660 !important;
background-image: none !important;
}
[data-bs-theme="dark"] .card {
background-color: #001538 !important;
background-image: none !important;
color: #fff;
border: 1px solid #fff !important;
}
[data-bs-theme="dark"] .modal-content {
background-color: #001538 !important;
color: #fff !important;
}
[data-bs-theme="dark"] .text-dark {
color: #fff !important;
}
[data-bs-theme="dark"] a {
color: #fff !important;
}
[data-bs-theme="dark"] .task-item,
[data-bs-theme="dark"] .task-item a,
[data-bs-theme="dark"] .task-item small,
[data-bs-theme="dark"] .task-item i {
color: #333 !important;
}
[data-bs-theme="dark"] .zillow-card,
[data-bs-theme="dark"] .tool-card {
background-color: transparent !important;
border: 1px solid rgba(255, 255, 255, 0.125) !important;
}
[data-bs-theme="dark"] .zillow-card .card-body,
[data-bs-theme="dark"] .zillow-card h3,
[data-bs-theme="dark"] .zillow-card p,
[data-bs-theme="dark"] .zillow-card span,
[data-bs-theme="dark"] .zillow-card strong,
[data-bs-theme="dark"] .zillow-card a,
[data-bs-theme="dark"] .zillow-card i,
[data-bs-theme="dark"] .tool-card h5,
[data-bs-theme="dark"] .tool-card .card-text,
[data-bs-theme="dark"] .tool-card .tool-icon i {
color: #fff !important;
}
/* Trash Icon Dark Mode Override */
[data-bs-theme="dark"] .text-danger,
[data-bs-theme="dark"] .fa-trash,
[data-bs-theme="dark"] .bi-trash,
[data-bs-theme="dark"] .fa-trash-alt,
[data-bs-theme="dark"] .btn-link.text-danger i,
[data-bs-theme="dark"] a.text-danger i,
[data-bs-theme="dark"] .delete-button i {
color: #dc3545 !important;
}
/* Plantillas Paginas Web */
/* Plantilla 1 (Default) - Uses existing variables in show.blade.php */
.paginaswebs-plantilla1 {
/* Enforce Light Theme Colors */
--bs-body-bg: #ffffff;
--bs-body-color: #212529;
background-color: #ffffff;
color: #212529;
}
/* General rule for all plantillas to ensure white cards/sections */
.paginaswebs-plantilla1 .card,
.paginaswebs-plantilla2 .card,
.paginaswebs-plantilla3 .card,
.paginaswebs-plantilla1 .navbar,
.paginaswebs-plantilla2 .navbar,
.paginaswebs-plantilla3 .navbar,
.paginaswebs-plantilla1 .section-header,
.paginaswebs-plantilla2 .section-header,
.paginaswebs-plantilla3 .section-header,
.paginaswebs-plantilla1 .about-us-section,
.paginaswebs-plantilla2 .about-us-section,
.paginaswebs-plantilla3 .about-us-section {
background-color: #ffffff !important;
color: #212529 !important;
}
/* Ensure text in cards is readable */
.paginaswebs-plantilla1 .card-title,
.paginaswebs-plantilla2 .card-title,
.paginaswebs-plantilla3 .card-title {
color: var(--primary-blue) !important;
}
.paginaswebs-plantilla1 .card-text,
.paginaswebs-plantilla2 .card-text,
.paginaswebs-plantilla3 .card-text {
color: #6c757d !important;
}
/* Enforce colors for property buttons and navbar title */
.paginaswebs-plantilla1 .btn-property,
.paginaswebs-plantilla2 .btn-property,
.paginaswebs-plantilla3 .btn-property {
color: var(--primary-blue) !important;
border-color: var(--primary-blue) !important;
}
.paginaswebs-plantilla1 .btn-property:hover,
.paginaswebs-plantilla2 .btn-property:hover,
.paginaswebs-plantilla3 .btn-property:hover {
color: #fff !important;
background-color: var(--primary-blue) !important;
}
.paginaswebs-plantilla1 .navbar-brand,
.paginaswebs-plantilla2 .navbar-brand,
.paginaswebs-plantilla3 .navbar-brand,
.paginaswebs-plantilla1 .nav-link,
.paginaswebs-plantilla2 .nav-link,
.paginaswebs-plantilla3 .nav-link {
color: var(--primary-blue) !important;
}
/* Plantilla 2: Remax Style */
.paginaswebs-plantilla2 {
--remax-red: #dc1c2e;
--remax-blue: #003da5;
--primary-color: #fff;
--text-color: #333;
--bg-gray: #e6e6e6;
--border-gray: #ccc;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: var(--text-color);
background-color: #fff;
}
.paginaswebs-plantilla2 a {
text-decoration: none;
color: var(--text-color);
}
.paginaswebs-plantilla2 .primary-bg {
background-color: var(--primary-color);
}
.paginaswebs-plantilla2 .primary-bg500 {
background-color: var(--bg-gray) !important;
color: var(--text-color) !important;
}
.paginaswebs-plantilla2 .primary-bd {
border-color: var(--primary-color) !important;
}
.paginaswebs-plantilla2 .primary-bd500 {
border-color: var(--border-gray) !important;
}
.paginaswebs-plantilla2 .navbar {
padding: 10px 0;
background: #fff !important;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.paginaswebs-plantilla2 .navbar-brand img {
max-height: 60px;
}
.paginaswebs-plantilla2 .nav-link {
color: #333 !important;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
padding: 10px 15px;
}
.paginaswebs-plantilla2 .nav-link:hover {
color: var(--remax-blue) !important;
}
.paginaswebs-plantilla2 #Slider {
background-size: cover;
background-position: center;
height: 500px;
display: flex;
align-items: center;
position: relative;
/* Background image is set inline in blade */
}
.paginaswebs-plantilla2 .caption {
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.paginaswebs-plantilla2 .tt1 {
color: #fff;
font-weight: 800;
font-size: 3rem;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
text-align: center;
width: 100%;
}
.paginaswebs-plantilla2 #homeSearch {
margin-top: -50px;
position: relative;
z-index: 10;
padding-bottom: 30px;
}
.paginaswebs-plantilla2 .title h3 {
background: #fff;
padding: 15px 20px;
margin: 0;
font-size: 1.2rem;
font-weight: 700;
display: inline-block;
border: 3px solid #fff;
border-bottom: none;
color: #333;
}
.paginaswebs-plantilla2 .areaSearch {
background: #f8f9fa;
padding: 25px;
border: 3px solid #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.paginaswebs-plantilla2 .form-group label {
font-size: 13px;
font-weight: 700;
margin-bottom: 5px;
display: block;
color: #333;
}
.paginaswebs-plantilla2 .form-control,
.paginaswebs-plantilla2 .form-select {
border-radius: 0;
border: 1px solid #ddd;
font-size: 14px;
height: 45px;
background-color: #fff;
color: #333;
}
.paginaswebs-plantilla2 .btn-dark {
background-color: #333;
color: #fff;
border: none;
border-radius: 0;
font-weight: 700;
text-transform: uppercase;
height: 45px;
width: 100%;
}
.paginaswebs-plantilla2 .areaInmuebles {
padding: 40px 0;
}
.paginaswebs-plantilla2 .areaInmuebles .head h3 {
border-bottom: 3px solid var(--border-gray);
padding-bottom: 10px;
margin-bottom: 30px;
font-size: 1.5rem;
color: #333;
}
.paginaswebs-plantilla2 .item {
background: #fff;
margin-bottom: 30px;
transition: all 0.3s;
border: 1px solid #eee;
}
.paginaswebs-plantilla2 .item:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.paginaswebs-plantilla2 .item figure {
margin: 0;
overflow: hidden;
position: relative;
height: 250px;
}
.paginaswebs-plantilla2 .item_small figure {
height: 200px;
}
.paginaswebs-plantilla2 .fill-box {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
}
.paginaswebs-plantilla2 .item:hover .fill-box {
transform: scale(1.1);
}
.paginaswebs-plantilla2 .body {
padding: 15px;
position: relative;
}
.paginaswebs-plantilla2 .tag1 {
font-size: 10px;
font-weight: 700;
padding: 3px 8px;
text-transform: uppercase;
display: inline-block;
margin-bottom: 5px;
}
.paginaswebs-plantilla2 .tag2 {
float: right;
font-size: 11px;
font-weight: 700;
color: var(--remax-red);
text-transform: uppercase;
}
.paginaswebs-plantilla2 .t8-title {
font-size: 14px;
font-weight: 700;
display: block;
margin-bottom: 5px;
line-height: 1.3;
color: #000;
}
.paginaswebs-plantilla2 .ubicacion {
font-size: 12px;
color: #666;
margin-bottom: 10px;
}
.paginaswebs-plantilla2 .info_details {
font-size: 12px;
color: #555;
border-top: 1px solid #eee;
padding-top: 10px;
}
.paginaswebs-plantilla2 .areaPrecio {
padding: 10px 15px;
background: #f9f9f9;
border-top: 1px solid #eee;
}
.paginaswebs-plantilla2 .ttPrices {
font-size: 10px;
text-transform: uppercase;
color: #999;
display: block;
}
.paginaswebs-plantilla2 .areaPrecio p {
margin: 0;
font-weight: 800;
color: var(--remax-blue);
font-size: 16px;
}
.paginaswebs-plantilla2 #oferte {
background-color: var(--bg-gray);
padding: 50px 0;
color: var(--text-color);
}
.paginaswebs-plantilla2 .oferteBox {
background: #fff;
padding: 30px;
border-left: 5px solid var(--remax-red);
}
.paginaswebs-plantilla2 .oferteBox h5 {
font-weight: 700;
font-size: 1.2rem;
margin-bottom: 20px;
color: #333;
}
.paginaswebs-plantilla2 #footer_app {
background: #333;
color: #ccc;
padding: 60px 0 20px;
font-size: 14px;
}
.paginaswebs-plantilla2 #footer_app h4 {
color: #fff;
font-size: 16px;
font-weight: 700;
margin-bottom: 20px;
position: relative;
padding-bottom: 10px;
}
.paginaswebs-plantilla2 #footer_app h4:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 30px;
height: 2px;
background: #fff;
}
.paginaswebs-plantilla2 #footer_app a {
color: #ccc;
transition: 0.3s;
}
.paginaswebs-plantilla2 #footer_app a:hover {
color: #fff;
}
.paginaswebs-plantilla2 .social-icons a {
margin-right: 10px;
font-size: 18px;
}
.paginaswebs-plantilla2 #Bottom {
background: #e0e0e0;
padding: 20px 0;
font-size: 13px;
color: #333;
}
.paginaswebs-plantilla2 .badge-alquilado {
position: absolute;
top: 10px;
left: 10px;
background: var(--remax-red);
color: white;
padding: 3px 8px;
font-size: 11px;
font-weight: bold;
z-index: 2;
}
/* Plantilla 3: GUM Style */
.paginaswebs-plantilla3 {
--gum-dark: #1a1a1a;
--gum-gold: #c5a059;
--gum-gray: #f4f4f4;
--text-color: #333;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: var(--text-color);
background-color: #fff;
}
.paginaswebs-plantilla3 a {
text-decoration: none;
color: var(--text-color);
}
.paginaswebs-plantilla3 .navbar {
padding: 15px 0;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.paginaswebs-plantilla3 .navbar-brand {
font-size: 1.8rem;
font-weight: 800;
color: var(--gum-dark);
letter-spacing: 1px;
}
.paginaswebs-plantilla3 .navbar-brand span {
color: var(--gum-gold);
}
.paginaswebs-plantilla3 .nav-link {
color: #333 !important;
font-weight: 600;
text-transform: uppercase;
font-size: 13px;
padding: 10px 15px;
letter-spacing: 0.5px;
}
.paginaswebs-plantilla3 .nav-link:hover {
color: var(--gum-gold) !important;
}
.paginaswebs-plantilla3 #Slider {
background-size: cover;
background-position: center;
height: 600px;
display: flex;
align-items: center;
position: relative;
}
.paginaswebs-plantilla3 .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
}
.paginaswebs-plantilla3 .caption {
z-index: 2;
width: 100%;
text-align: center;
color: #fff;
}
.paginaswebs-plantilla3 .tt1 {
font-weight: 800;
font-size: 3.5rem;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
margin-bottom: 10px;
}
.paginaswebs-plantilla3 .lead {
font-size: 1.2rem;
font-weight: 500;
color: #fff;
}
.paginaswebs-plantilla3 #homeSearch {
margin-top: -60px;
position: relative;
z-index: 10;
padding-bottom: 40px;
}
.paginaswebs-plantilla3 .title-search {
background: var(--gum-dark);
color: #fff;
padding: 15px 20px;
font-size: 1.1rem;
font-weight: 700;
display: inline-block;
}
.paginaswebs-plantilla3 .areaSearch {
background: #fff;
padding: 30px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
border-top: 3px solid var(--gum-gold);
}
.paginaswebs-plantilla3 .form-label {
font-size: 12px;
font-weight: 700;
margin-bottom: 5px;
display: block;
text-transform: uppercase;
color: #666;
}
.paginaswebs-plantilla3 .form-select,
.paginaswebs-plantilla3 .form-control {
border-radius: 0;
border: 1px solid #ddd;
font-size: 14px;
height: 45px;
background-color: #fff !important;
color: #333 !important;
}
.paginaswebs-plantilla3 .btn-search {
background-color: var(--gum-gold);
color: #fff;
border: none;
border-radius: 0;
font-weight: 700;
text-transform: uppercase;
height: 45px;
width: 100%;
transition: 0.3s;
}
.paginaswebs-plantilla3 .btn-search:hover {
background-color: #b08d4b;
color: #fff;
}
.paginaswebs-plantilla3 .section-title {
text-align: center;
margin: 60px 0 40px;
}
.paginaswebs-plantilla3 .section-title h3 {
font-weight: 800;
color: var(--gum-dark);
text-transform: uppercase;
position: relative;
display: inline-block;
padding-bottom: 15px;
}
.paginaswebs-plantilla3 .section-title h3:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 3px;
background: var(--gum-gold);
}
.paginaswebs-plantilla3 .item {
background: #fff;
margin-bottom: 30px;
border: 1px solid #eee;
transition: all 0.3s;
}
.paginaswebs-plantilla3 .item:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
transform: translateY(-5px);
}
.paginaswebs-plantilla3 .item figure {
margin: 0;
overflow: hidden;
position: relative;
height: 240px;
}
.paginaswebs-plantilla3 .fill-box {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
}
.paginaswebs-plantilla3 .item:hover .fill-box {
transform: scale(1.1);
}
.paginaswebs-plantilla3 .tag-status {
position: absolute;
top: 15px;
left: 15px;
background: var(--gum-gold);
color: #fff;
padding: 5px 10px;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
z-index: 2;
}
.paginaswebs-plantilla3 .body {
padding: 20px;
}
.paginaswebs-plantilla3 .cat-tag {
font-size: 10px;
font-weight: 700;
color: #999;
text-transform: uppercase;
letter-spacing: 1px;
}
.paginaswebs-plantilla3 .item h2 {
font-size: 15px;
font-weight: 700;
margin: 10px 0;
line-height: 1.4;
color: var(--gum-dark);
height: 42px;
overflow: hidden;
}
.paginaswebs-plantilla3 .ubicacion {
font-size: 12px;
color: #666;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.paginaswebs-plantilla3 .ubicacion i {
color: var(--gum-gold);
margin-right: 5px;
}
.paginaswebs-plantilla3 .info_details {
font-size: 12px;
color: #555;
border-top: 1px solid #f4f4f4;
padding-top: 15px;
display: flex;
justify-content: space-between;
}
.paginaswebs-plantilla3 .price-section {
background: var(--gum-dark);
padding: 10px 20px;
display: flex;
justify-content: space-between;
align-items: center;
color: #fff;
}
.paginaswebs-plantilla3 .price-val {
font-weight: 700;
font-size: 1.1rem;
}
.paginaswebs-plantilla3 .oferte-sec {
background-color: var(--gum-gray);
padding: 60px 0;
}
.paginaswebs-plantilla3 .oferte-box {
background: #fff;
padding: 40px;
border-left: 5px solid var(--gum-gold);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.paginaswebs-plantilla3 footer {
background: #111;
color: #aaa;
padding: 70px 0 30px;
font-size: 14px;
}
.paginaswebs-plantilla3 footer h4 {
color: #fff;
font-size: 15px;
font-weight: 700;
margin-bottom: 25px;
letter-spacing: 1px;
text-transform: uppercase;
}
.paginaswebs-plantilla3 footer ul {
list-style: none;
padding: 0;
}
.paginaswebs-plantilla3 footer li {
margin-bottom: 12px;
display: flex;
}
.paginaswebs-plantilla3 footer i {
color: var(--gum-gold);
margin-right: 15px;
margin-top: 4px;
}
.paginaswebs-plantilla3 footer a {
color: #aaa;
transition: 0.3s;
}
.paginaswebs-plantilla3 footer a:hover {
color: var(--gum-gold);
}
.paginaswebs-plantilla3 .social-icons a {
display: inline-flex;
width: 35px;
height: 35px;
background: #222;
color: #fff;
align-items: center;
justify-content: center;
margin-right: 5px;
transition: 0.3s;
font-size: 16px;
/* Fixed size for FA */
}
.paginaswebs-plantilla3 .social-icons a:hover {
background: var(--gum-gold);
}
.paginaswebs-plantilla3 .bottom-bar {
background: #000;
padding: 20px 0;
font-size: 12px;
color: #666;
}
/* Btn Flotante */
.btn-flotante {
position: fixed;
bottom: 60px;
right: 20px;
z-index: 1000;
}
/* PAGINATION DARK MODE FIXES */
[data-bs-theme=dark] .pagination {
--bs-pagination-bg: #000;
--bs-pagination-color: #fff;
--bs-pagination-border-color: #444;
--bs-pagination-hover-bg: #222;
--bs-pagination-hover-color: #fff;
--bs-pagination-focus-bg: #222;
--bs-pagination-active-bg: #0d6efd;
--bs-pagination-active-border-color: #0d6efd;
--bs-pagination-disabled-bg: #000;
--bs-pagination-disabled-border-color: #444;
--bs-pagination-disabled-color: #6c757d;
}
[data-bs-theme=dark] .page-link {
background-color: var(--bs-pagination-bg);
border-color: var(--bs-pagination-border-color);
color: var(--bs-pagination-color);
}
[data-bs-theme=dark] .page-link:hover {
background-color: var(--bs-pagination-hover-bg);
color: var(--bs-pagination-hover-color);
border-color: var(--bs-pagination-border-color);
}
[data-bs-theme=dark] .page-item.disabled .page-link {
background-color: var(--bs-pagination-disabled-bg);
border-color: var(--bs-pagination-disabled-border-color);
color: var(--bs-pagination-disabled-color);
}
[data-bs-theme=dark] .page-item.active .page-link {
background-color: var(--bs-pagination-active-bg);
border-color: var(--bs-pagination-active-border-color);
color: #fff;
}
/* Fix for Laravel Tailwind Pagination Views */
[data-bs-theme=dark] nav[role="navigation"] div.hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between div div span,
[data-bs-theme=dark] nav[role="navigation"] div.hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between div div a {
background-color: #000;
border-color: #444;
color: #fff;
}
[data-bs-theme=dark] nav[role="navigation"] span[aria-disabled="true"] span {
background-color: #000;
color: #6c757d;
cursor: not-allowed;
}
[data-bs-theme=dark] nav[role="navigation"] a:hover {
background-color: #222;
color: #fff;
}
/* Active State for Tailwind Pagination */
[data-bs-theme=dark] nav[role="navigation"] span[aria-current="page"]>span {
background-color: #0d6efd !important;
border-color: #0d6efd !important;
color: #fff !important;
}
/* Specific fix for the 'white box' previous/next buttons if they use relative inline-flex... */
[data-bs-theme=dark] nav[role="navigation"] span.relative.inline-flex,
[data-bs-theme=dark] nav[role="navigation"] a.relative.inline-flex {
background-color: #000;
border-color: #444;
color: #fff;
}
[data-bs-theme=dark] nav[role="navigation"] span.relative.inline-flex[aria-disabled="true"] {
color: #6c757d;
}
/* User Dropdown Hover Effect */
.dropdown-hover:hover>.dropdown-menu {
display: block;
margin-top: 0;
}
/* Fix Tom Select Option Visibility in Dark Mode */
.ts-dropdown,
.ts-dropdown .ts-dropdown-content {
background-color: #001538 !important;
/* Match the dark theme background */
color: #fff !important;
}
.ts-dropdown .option {
color: #fff !important;
background-color: transparent !important;
}
.ts-dropdown .option:hover,
.ts-dropdown .option.active,
.ts-dropdown .active {
background-color: #092660 !important;
/* Match hover state */
color: #fff !important;
}
.ts-dropdown .option .highlight,
.ts-dropdown .active .highlight {
background-color: var(--bs-warning) !important;
color: #000 !important;
}
.ts-control {
background-color: #000 !important;
color: #fff !important;
border: 1px solid var(--bs-primary) !important;
}
.ts-control input {
color: #fff !important;
}
.ts-control .item {
background-color: #092660 !important;
color: #fff !important;
border: 1px solid #444 !important;
background-image: none !important;
/* Remove gradient if present */
}
.ts-control .item .remove {
color: #fff !important;
border-left: 1px solid #444 !important;
}
/* Limit height of multiselect dropdowns */
.multiselect-container.dropdown-menu {
max-height: 300px !important;
overflow-y: auto !important;
}
/* =========================================
MEDIA QUERIES
========================================= */
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
/* --- MIN-WIDTH (Desktop/Larger) --- */
@media (min-width: 576px) {
.topbar .dropdown {
position: relative;
}
.topbar .dropdown .dropdown-menu {
width: auto;
right: 0;
}
.topbar .dropdown-list {
width: 20rem !important;
}
.topbar .dropdown-list .dropdown-item .text-truncate {
max-width: 13.375rem;
}
}
@media (min-width: 768px) {
.sidebar {
width: 10rem !important;
}
.sidebar .nav-item .collapse {
position: relative;
left: 0;
z-index: 1;
top: 0;
-webkit-animation: none;
animation: none;
}
.sidebar .nav-item .collapse .collapse-inner {
border-radius: 0;
box-shadow: none;
}
.sidebar .nav-item .collapsing {
display: block;
transition: height 0.15s ease;
}
.sidebar .nav-item .collapse,
.sidebar .nav-item .collapsing {
margin: 0 1rem;
}
.sidebar .nav-item .nav-link {
display: block;
width: 100%;
text-align: left;
padding: 1rem;
width: auto;
}
.sidebar .nav-item .nav-link i {
font-size: 0.85rem;
margin-right: 0.25rem;
}
.sidebar .nav-item .nav-link span {
font-size: 0.85rem;
display: inline;
}
.sidebar .nav-item .nav-link[data-toggle="collapse"]::after {
width: 1rem;
text-align: center;
float: right;
vertical-align: 0;
border: 0;
font-weight: 900;
content: '\f107';
font-family: 'Font Awesome 5 Free';
}
.sidebar .nav-item .nav-link[data-toggle="collapse"].collapsed::after {
content: '\f105';
}
.sidebar .sidebar-brand .sidebar-brand-icon i {
font-size: 2rem;
}
.sidebar .sidebar-brand .sidebar-brand-text {
display: inline;
}
.sidebar .sidebar-heading {
text-align: left;
}
.sidebar.toggled {
overflow: visible;
width: 6.5rem !important;
}
.sidebar.toggled .nav-item .collapse {
position: absolute;
left: calc(6.5rem + 1.5rem / 2);
z-index: 1;
top: 2px;
-webkit-animation-name: growIn;
animation-name: growIn;
-webkit-animation-duration: 200ms;
animation-duration: 200ms;
-webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
}
.sidebar.toggled .nav-item .collapse .collapse-inner {
box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
border-radius: 0.35rem;
}
.sidebar.toggled .nav-item .collapsing {
display: none;
transition: none;
}
.sidebar.toggled .nav-item .collapse,
.sidebar.toggled .nav-item .collapsing {
margin: 0;
}
.sidebar.toggled .nav-item:last-child {
margin-bottom: 1rem;
}
.sidebar.toggled .nav-item .nav-link {
text-align: center;
padding: 5px;
width: 6.5rem;
}
.sidebar.toggled .nav-item .nav-link span {
font-size: 0.65rem;
display: block;
}
.sidebar.toggled .nav-item .nav-link i {
margin-right: 0;
}
.sidebar.toggled .nav-item .nav-link[data-toggle="collapse"]::after {
display: none;
}
.sidebar.toggled .sidebar-brand .sidebar-brand-icon i {
font-size: 2rem;
}
.sidebar.toggled .sidebar-brand .sidebar-brand-text {
display: none;
}
.sidebar.toggled .sidebar-heading {
text-align: center;
}
}
.card-contactos {
width: 100%;
min-width: 0; /* Soluciona el bug de Flexbox que impide el encogimiento */
max-width: 100% !important;
}
/* --- MAX-WIDTH (Mobile/Smaller) --- */
@media (max-width: 1300px) {
.card-contactos {
max-width: 100%;
}
}
@media (max-width: 768px) {
.btn-flotante {
bottom: 70px !important;
}
.card-contactos {
max-width: 100%;
}
#dataTable th,
#dataTable td {
white-space: nowrap !important;
}
.table-responsive {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
}
}
@media only screen and (max-width: 576px) {
.foto-de-perfil-user-show {
position: relative;
margin-top: 30px;
margin-bottom: 10px;
}
.main-section {
position: relative;
}
.user-detail img {
height: 120px;
width: 120px;
}
.text-truncate {
max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.paginaweb-header {
background-size: contain !important;
height: 95px !important;
}
.card-responsive {
margin: 0 5px;
}
}
@media only screen and (max-width: 520px) {
.sidebar-brand {
margin-left: 10px !important;
}
.sidebar .sidebar-brand {
display: none !important;
}
.offcanvas-backdrop {
height: 95vh;
}
.offcanvas {
bottom: 42px;
background-color: #001538 !important;
color: #fff !important;
}
.offcanvas.offcanvas-bottom {
height: auto;
}
.imagen-identificacion {
width: 100%;
height: 190px;
object-fit: contain !important;
}
.text-h6-movil {
font-size: 1rem;
}
.card-body {
padding: 1rem;
}
.fc .fc-toolbar-title {
font-size: 11px !important;
}
.fc-direction-ltr .fc-toolbar>*>:not(:first-child) {
display: none;
}
#dataTable th,
#dataTable td {
white-space: normal;
}
}
.btn-sm {
padding: 0.25rem 0.5rem !important;
font-size: 0.75rem !important;
line-height: 1.5 !important;
border-radius: 50rem !important;
}
.btn {
border-radius: 50rem !important;
}
/* Modern Search Bar */
.search-modern-wrapper {
background: #fff;
border-radius: 50px;
padding: 5px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
transition: all 0.3s ease;
border: 1px solid #e1e1e1;
width: 100%;
}
.search-modern-wrapper:focus-within {
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
transform: translateY(-2px);
border-color: var(--bs-primary);
}
.search-modern-wrapper .form-control {
border: none;
background: transparent;
box-shadow: none;
padding-left: 20px;
font-size: 1.1rem;
height: 50px;
flex-grow: 1;
}
.search-modern-wrapper .form-control:focus {
box-shadow: none;
background: transparent;
}
.search-modern-wrapper .btn-search {
border-radius: 50px;
padding: 10px 25px;
font-weight: 600;
margin-right: 5px;
transition: all 0.3s;
white-space: nowrap;
}
.search-modern-wrapper .btn-filter {
border-radius: 50px;
padding: 10px 20px;
font-weight: 600;
margin-right: 5px;
background-color: #f8f9fa;
color: #333;
border: 1px solid #ddd;
white-space: nowrap;
}
.search-modern-wrapper .btn-filter:hover {
background-color: #e9ecef;
}
@media (max-width: 768px) {
.search-modern-wrapper {
flex-direction: column;
border-radius: 20px;
padding: 15px;
}
.search-modern-wrapper .form-control {
width: 100%;
margin-bottom: 15px;
text-align: center;
border-bottom: 1px solid #eee;
padding-left: 0;
}
.search-modern-wrapper .form-control:focus {
border-bottom: 1px solid var(--bs-primary);
}
.search-modern-wrapper .btn-search {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.search-modern-wrapper .btn-filter {
width: 100%;
margin-right: 0;
}
}
/* Select2 Dark Mode Support - Comprehensive Overrides */
html[data-bs-theme="dark"] .select2-container--default .select2-selection--single,
html[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple,
html[data-bs-theme="dark"] .select2-selection--single,
html[data-bs-theme="dark"] .select2-selection--multiple {
background-color: var(--bs-body-bg) !important;
border: 1px solid var(--bs-border-color) !important;
height: auto !important;
min-height: calc(1.5em + 0.75rem + 2px) !important;
color: var(--bs-body-color) !important;
}
html[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered,
html[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__rendered {
color: var(--bs-body-color) !important;
line-height: normal !important;
padding: 8px !important;
}
html[data-bs-theme="dark"] .select2-dropdown {
background-color: var(--bs-body-bg) !important;
border-color: var(--bs-border-color) !important;
color: var(--bs-body-color) !important;
z-index: 9999 !important;
}
html[data-bs-theme="dark"] .select2-results__option {
background-color: var(--bs-body-bg) !important;
color: var(--bs-body-color) !important;
}
html[data-bs-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected],
html[data-bs-theme="dark"] .select2-container--default .select2-results__option[aria-selected=true] {
background-color: var(--bs-primary) !important;
color: #ffffff !important;
}
html[data-bs-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
background-color: var(--bs-body-bg) !important;
border: 1px solid var(--bs-border-color) !important;
color: var(--bs-body-color) !important;
}
html[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: var(--bs-body-color) transparent transparent transparent !important;
}
html[data-bs-theme="dark"] .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent var(--bs-body-color) transparent !important;
}
/* Search Modern Wrapper Dark Mode Support */
html[data-bs-theme="dark"] .search-modern-wrapper {
background-color: var(--bs-body-bg) !important;
border-color: var(--bs-border-color) !important;
box-shadow: 0 4px 15px rgba(255, 255, 255, 0.05);
}
html[data-bs-theme="dark"] .search-modern-wrapper:focus-within {
box-shadow: 0 6px 20px rgba(255, 255, 255, 0.1);
}
html[data-bs-theme="dark"] .search-modern-wrapper .form-control {
color: #ffffff !important;
}
html[data-bs-theme="dark"] .search-modern-wrapper .form-control::placeholder {
color: rgba(255, 255, 255, 0.6) !important;
}
html[data-bs-theme="dark"] .search-modern-wrapper .form-control:focus {
background-color: transparent !important;
color: var(--bs-body-color) !important;
}
html[data-bs-theme="dark"] .search-modern-wrapper .btn-filter {
background-color: #343a40 !important;
color: #ffffff !important;
border-color: #495057 !important;
}
html[data-bs-theme="dark"] .search-modern-wrapper .btn-filter:hover {
background-color: #495057 !important;
color: #ffffff !important;
}
html[data-bs-theme="dark"] .search-modern-wrapper .btn-filter i {
color: #ffffff !important;
}
/* Compact Search Bar Variation */
.search-modern-wrapper.search-sm {
max-width: 550px;
margin: 0 auto;
height: 42px; /* Container height */
padding: 2px 5px;
}
.search-modern-wrapper.search-sm .form-control {
height: 36px;
font-size: 0.9rem;
padding-left: 15px;
}
.search-modern-wrapper.search-sm .btn-search,
.search-modern-wrapper.search-sm .btn-filter {
padding: 4px 12px;
font-size: 0.85rem;
height: 32px;
display: flex;
align-items: center;
}
html[data-bs-theme="dark"] .search-modern-wrapper.search-sm .btn-filter {
background-color: #343a40 !important;
border-color: #495057 !important;
}
@media (max-width: 768px) {
.search-modern-wrapper.search-sm {
height: auto !important;
padding: 15px;
border-radius: 20px;
flex-direction: column;
}
.search-modern-wrapper.search-sm .form-control {
margin-bottom: 15px !important;
border: none !important;
border-bottom: 1px solid rgba(128, 128, 128, 0.2) !important;
border-radius: 0;
width: 100%;
text-align: center;
}
.search-modern-wrapper.search-sm .btn-search {
margin-bottom: 10px !important;
width: 100%;
justify-content: center;
}
.search-modern-wrapper.search-sm .btn-filter {
width: 100%;
justify-content: center;
}
}
/* βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
EMAIL MARKETING MODULE β CORPORATE COLOR SYSTEM
Brand Primary: #092660 (navy blue)
Brand Dark: #001538 (deep navy)
Brand Light: #1a4a8a (medium navy)
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ */
/* ββ Corporate gradient button (replaces indigo/violet) ββ */
.btn-corp-gradient {
background: linear-gradient(135deg, #092660 0%, #0d3580 50%, #1a4a8a 100%) !important;
border: none !important;
color: #fff !important;
transition: all 0.2s ease !important;
box-shadow: 0 4px 15px rgba(9, 38, 96, 0.35) !important;
}
.btn-corp-gradient:hover {
background: linear-gradient(135deg, #061940 0%, #092660 50%, #0d3580 100%) !important;
box-shadow: 0 6px 20px rgba(9, 38, 96, 0.5) !important;
transform: translateY(-1px) !important;
}
.btn-corp-gradient:active {
transform: translateY(0) !important;
box-shadow: 0 2px 8px rgba(9, 38, 96, 0.4) !important;
}
/* ββ Corporate hero header gradient ββ */
.corp-hero-gradient {
background: linear-gradient(135deg, #001538 0%, #092660 40%, #0d3580 70%, #1a4a8a 100%) !important;
position: relative;
}
.corp-hero-gradient::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(circle at 20% 50%, rgba(255,255,255,0.08) 0%, transparent 60%),
radial-gradient(circle at 80% 20%, rgba(255,255,255,0.05) 0%, transparent 50%);
pointer-events: none;
}
/* ββ Corporate small icon gradient ββ */
.corp-icon-gradient {
background: linear-gradient(135deg, #092660 0%, #1a4a8a 100%) !important;
}
/* ββ Corporate tip/info box ββ */
.corp-tip-bg {
background: linear-gradient(135deg, rgba(9,38,96,0.08) 0%, rgba(13,53,128,0.12) 100%) !important;
border: 1px solid rgba(9,38,96,0.2) !important;
}
[data-bs-theme="dark"] .corp-tip-bg {
background: linear-gradient(135deg, rgba(9,38,96,0.25) 0%, rgba(13,53,128,0.3) 100%) !important;
border: 1px solid rgba(26,74,138,0.3) !important;
}
/* ββ Corporate accent colors for text ββ */
.text-corp { color: #092660 !important; }
.text-corp-light { color: #1a4a8a !important; }
[data-bs-theme="dark"] .text-corp { color: #5d8fe8 !important; }
[data-bs-theme="dark"] .text-corp-light { color: #7aa6f0 !important; }
/* ββ Fix Tailwind color overrides for campaign module ββ */
.campaign-module .from-indigo-600,
.campaign-module .from-violet-600,
.campaign-module .from-purple-600 { --tw-gradient-from: #092660 !important; }
.campaign-module .to-violet-600,
.campaign-module .to-indigo-600,
.campaign-module .to-purple-700 { --tw-gradient-to: #1a4a8a !important; }
/* ββ Category active state (sidebar in templates) ββ */
.cat-btn.active {
background: linear-gradient(135deg, rgba(9,38,96,0.1), rgba(13,53,128,0.15)) !important;
color: #092660 !important;
font-weight: 700 !important;
}
[data-bs-theme="dark"] .cat-btn.active {
background: rgba(9,38,96,0.25) !important;
color: #7aa6f0 !important;
}
/* ββ GrapesJS Designer topbar navy theme ββ */
#designer-topbar {
background: linear-gradient(135deg, #001538 0%, #092660 100%) !important;
border-bottom: 1px solid rgba(26,74,138,0.4) !important;
}
/* ββ Save pill override ββ */
.save-pill {
background: rgba(9,38,96,0.3) !important;
border-color: rgba(26,74,138,0.4) !important;
}
/* ββ Device buttons active (designer) ββ */
.device-btn.active {
background: #092660 !important;
color: white !important;
}
/* βββββββββββββββββββββββββββββββββββββββββββββββββββββββ
EMAIL MARKETING MODULE β TEXTO NEGRO/BLANCO
Convierte textos grises secundarios a negro en modo claro
y blanco en modo oscuro para mejor legibilidad.
Aplica a: campaigns/index, list, create, builder,
report, templates
βββββββββββββββββββββββββββββββββββββββββββββββββββββββ */
/* --- MODO CLARO: grises β negro --- */
/* Labels, subtΓtulos, metadatos, contadores */
.min-h-screen .text-slate-400,
.min-h-screen .text-slate-500,
.bg-slate-50 .text-slate-400,
.bg-slate-50 .text-slate-500 {
color: #111827 !important;
}
/* Textos tiny (10-11px) en los items de campaΓ±a */
.min-h-screen [class*="text-\[10px\]"],
.min-h-screen [class*="text-\[11px\]"] {
color: #111827 !important;
}
/* --- MODO OSCURO: grises β blanco --- */
[data-bs-theme="dark"] .min-h-screen .text-slate-400,
[data-bs-theme="dark"] .min-h-screen .text-slate-500,
[data-bs-theme="dark"] .bg-slate-50 .text-slate-400,
[data-bs-theme="dark"] .bg-slate-50 .text-slate-500,
[data-bs-theme="dark"] .min-h-screen [class*="text-\[10px\]"],
[data-bs-theme="dark"] .min-h-screen [class*="text-\[11px\]"] {
color: #f8fafc !important;
}
/* Stats card labels */
.min-h-screen .text-xs.font-semibold.uppercase {
color: #111827 !important;
}
[data-bs-theme="dark"] .min-h-screen .text-xs.font-semibold.uppercase {
color: #f1f5f9 !important;
}
/* Subtextos de las acciones rΓ‘pidas y filas de campaΓ±as */
.min-h-screen .text-\[11px\] {
color: #111827 !important;
}
[data-bs-theme="dark"] .min-h-screen .text-\[11px\] {
color: #f8fafc !important;
}
/* Step labels en builder */
.step-card-label {
color: #111827 !important;
}
[data-bs-theme="dark"] .step-card-label {
color: #f1f5f9 !important;
}
/* Templates view: subtΓtulos de tarjetas */
.template-card .text-slate-500,
.template-card .text-slate-400 {
color: #111827 !important;
}
[data-bs-theme="dark"] .template-card .text-slate-500,
[data-bs-theme="dark"] .template-card .text-slate-400 {
color: #f1f5f9 !important;
}
/* Report view: labels de mΓ©tricas */
.report-stat-label {
color: #111827 !important;
}
[data-bs-theme="dark"] .report-stat-label {
color: #f1f5f9 !important;
}
/* βββββββββββββββββββββββββββββββββββββββββββββββββββββββ
EMAIL MARKETING β TABLA HEADERS Y STEP LABELS
Complemento de reglas anteriores
βββββββββββββββββββββββββββββββββββββββββββββββββββββββ */
/* Tabla headers (recipients modal, list view) */
.min-h-screen th.text-slate-400,
.min-h-screen th.text-slate-500,
.modal th.text-slate-400,
.modal th.text-slate-500 {
color: #111827 !important;
}
[data-bs-theme="dark"] .min-h-screen th.text-slate-400,
[data-bs-theme="dark"] .min-h-screen th.text-slate-500,
[data-bs-theme="dark"] .modal th.text-slate-400,
[data-bs-theme="dark"] .modal th.text-slate-500 {
color: #f1f5f9 !important;
}
/* step-card-label (inline style override) */
.step-card-label {
color: #111827 !important;
}
[data-bs-theme="dark"] .step-card-label {
color: #f1f5f9 !important;
}
/* Summary texts inside steps */
#summaryRecipients, #summarySender, #summarySubject, #summarySchedule {
color: #111827 !important;
}
[data-bs-theme="dark"] #summaryRecipients,
[data-bs-theme="dark"] #summarySender,
[data-bs-theme="dark"] #summarySubject,
[data-bs-theme="dark"] #summarySchedule {
color: #f1f5f9 !important;
}
/* Progress percent text */
#progress-percent-text {
color: #111827 !important;
}
[data-bs-theme="dark"] #progress-percent-text {
color: #f1f5f9 !important;
}
/* Vista previa & Resumen section headers */
.min-h-screen h3.text-slate-400,
.min-h-screen h3.text-slate-500 {
color: #374151 !important;
}
[data-bs-theme="dark"] .min-h-screen h3.text-slate-400,
[data-bs-theme="dark"] .min-h-screen h3.text-slate-500 {
color: #e2e8f0 !important;
}
/* βββββββββββββββββββββββββββββββββββββββββββββββββββββββ
EMAIL MARKETING β COBERTURA AMPLIADA PARA MODALES
Y ELEMENTOS SECUNDARIOS ADICIONALES
βββββββββββββββββββββββββββββββββββββββββββββββββββββββ */
/* Texto "Vista previa" y "CategorΓas" label pequeΓ±o */
.min-h-screen p.text-slate-400,
.min-h-screen p.text-slate-500,
.min-h-screen span.text-slate-400,
.min-h-screen span.text-slate-500 {
color: #111827 !important;
}
[data-bs-theme="dark"] .min-h-screen p.text-slate-400,
[data-bs-theme="dark"] .min-h-screen p.text-slate-500,
[data-bs-theme="dark"] .min-h-screen span.text-slate-400,
[data-bs-theme="dark"] .min-h-screen span.text-slate-500 {
color: #f1f5f9 !important;
}
/* Modales del mΓ³dulo: labels, hints, contadores */
#testEmailModal .text-slate-400,
#testEmailModal .text-slate-500,
#aiSubjectModal .text-slate-400,
#aiSubjectModal .text-slate-500,
#recipientsModal .text-slate-400,
#recipientsModal .text-slate-500,
#previewTemplateModal .text-slate-400,
#previewTemplateModal .text-slate-500 {
color: #111827 !important;
}
[data-bs-theme="dark"] #testEmailModal .text-slate-400,
[data-bs-theme="dark"] #testEmailModal .text-slate-500,
[data-bs-theme="dark"] #aiSubjectModal .text-slate-400,
[data-bs-theme="dark"] #aiSubjectModal .text-slate-500,
[data-bs-theme="dark"] #recipientsModal .text-slate-400,
[data-bs-theme="dark"] #recipientsModal .text-slate-500,
[data-bs-theme="dark"] #previewTemplateModal .text-slate-400,
[data-bs-theme="dark"] #previewTemplateModal .text-slate-500 {
color: #f1f5f9 !important;
}
/* CategorΓas counter badges en templates */
.min-h-screen .text-slate-500.dark\:text-slate-400 {
color: #374151 !important;
}
[data-bs-theme="dark"] .min-h-screen .text-slate-500.dark\:text-slate-400 {
color: #e2e8f0 !important;
}
/* βββββββββββββββββββββββββββββββββββββββββββββββββββββββ
EMAIL MARKETING β ELIMINAR COLORES MORADOS/VIOLETA/INDIGO
Todos los tonos violeta, purple e indigo del mΓ³dulo de
campaΓ±as se reemplazan por el azul corporativo #092660.
Modo claro: azul corp. | Modo oscuro: azul claro #7aa6f0
βββββββββββββββββββββββββββββββββββββββββββββββββββββββ */
/* ββ Texto indigo/violet/purple β azul corp ββ */
.min-h-screen .text-indigo-400,
.min-h-screen .text-indigo-500,
.min-h-screen .text-indigo-600,
.min-h-screen .text-indigo-700,
.min-h-screen .text-violet-400,
.min-h-screen .text-violet-500,
.min-h-screen .text-violet-600,
.min-h-screen .text-violet-700,
.min-h-screen .text-purple-400,
.min-h-screen .text-purple-500,
.min-h-screen .text-purple-600,
.min-h-screen .text-purple-700 {
color: #092660 !important;
}
/* Modo oscuro β azul claro legible */
[data-bs-theme="dark"] .min-h-screen .text-indigo-300,
[data-bs-theme="dark"] .min-h-screen .text-indigo-400,
[data-bs-theme="dark"] .min-h-screen .text-indigo-500,
[data-bs-theme="dark"] .min-h-screen .text-violet-300,
[data-bs-theme="dark"] .min-h-screen .text-violet-400,
[data-bs-theme="dark"] .min-h-screen .text-violet-500,
[data-bs-theme="dark"] .min-h-screen .text-purple-300,
[data-bs-theme="dark"] .min-h-screen .text-purple-400,
[data-bs-theme="dark"] .min-h-screen .text-purple-500 {
color: #7aa6f0 !important;
}
/* ββ Fondos indigo/violet β azul corp claro ββ */
.min-h-screen .bg-indigo-50,
.min-h-screen .bg-indigo-100,
.min-h-screen .bg-violet-50,
.min-h-screen .bg-violet-100,
.min-h-screen .bg-purple-50,
.min-h-screen .bg-purple-100 {
background-color: rgba(9, 38, 96, 0.07) !important;
}
[data-bs-theme="dark"] .min-h-screen .bg-indigo-900\/30,
[data-bs-theme="dark"] .min-h-screen .bg-violet-900\/30,
[data-bs-theme="dark"] .min-h-screen .bg-purple-900\/30 {
background-color: rgba(9, 38, 96, 0.35) !important;
}
/* ββ Bordes indigo/violet β azul corp ββ */
.min-h-screen .border-indigo-100,
.min-h-screen .border-indigo-200,
.min-h-screen .border-indigo-300,
.min-h-screen .hover\:border-indigo-300:hover,
.min-h-screen .border-violet-100,
.min-h-screen .border-violet-200 {
border-color: rgba(9, 38, 96, 0.2) !important;
}
/* ββ Toggle switch checked β azul corp ββ */
.min-h-screen .peer-checked\:bg-indigo-600:is(:checked ~ div),
.min-h-screen input:checked ~ div[class*="peer-checked"] {
background-color: #092660 !important;
}
/* ββ Modales: mismo ajuste ββ */
.modal .text-indigo-400,
.modal .text-indigo-500,
.modal .text-indigo-600,
.modal .text-indigo-700,
.modal .text-violet-500,
.modal .text-violet-600 {
color: #092660 !important;
}
[data-bs-theme="dark"] .modal .text-indigo-400,
[data-bs-theme="dark"] .modal .text-violet-400 {
color: #7aa6f0 !important;
}
/* βββββββββββββββββββββββββββββββββββββββββββββββββββββββ
EMAIL MARKETING β MODO OSCURO: TEXTO BLANCO PURO
Todos los textos secundarios que en modo oscuro usaban
slate-200/300/400 ahora serΓ‘n blanco puro (#ffffff)
βββββββββββββββββββββββββββββββββββββββββββββββββββββββ */
[data-bs-theme="dark"] .min-h-screen .text-slate-200,
[data-bs-theme="dark"] .min-h-screen .text-slate-300,
[data-bs-theme="dark"] .min-h-screen p.text-slate-200,
[data-bs-theme="dark"] .min-h-screen p.text-slate-300,
[data-bs-theme="dark"] .min-h-screen span.text-slate-200,
[data-bs-theme="dark"] .min-h-screen span.text-slate-300,
[data-bs-theme="dark"] .min-h-screen div.text-slate-200,
[data-bs-theme="dark"] .min-h-screen div.text-slate-300,
[data-bs-theme="dark"] .min-h-screen label.text-slate-200,
[data-bs-theme="dark"] .min-h-screen h2.text-slate-200,
[data-bs-theme="dark"] .min-h-screen h3.text-slate-200 {
color: #ffffff !important;
}
/* step-card-label en oscuro tambiΓ©n blanco */
[data-bs-theme="dark"] .step-card-label {
color: #ffffff !important;
}
/* Modales en oscuro */
[data-bs-theme="dark"] .modal .text-slate-200,
[data-bs-theme="dark"] .modal .text-slate-300,
[data-bs-theme="dark"] .modal p.text-slate-200,
[data-bs-theme="dark"] .modal div.text-slate-200 {
color: #ffffff !important;
}
/* Cobertura ampliada para que todos los text-slate y dark:text-slate sean blanco puro en modo oscuro */
[data-bs-theme="dark"] .min-h-screen [class*="text-slate-"],
[data-bs-theme="dark"] .min-h-screen [class*="dark:text-slate-"] {
color: #ffffff !important;
}
/* βββββββββββββββββββββββββββββββββββββββββββββββββββββββ
SWEETALERT2 β MODO OSCURO: ENTRADAS Y TEXTOS VISIBLES
Corrige el problema de letras blancas sobre fondo blanco
en inputs, selects y textareas de SweetAlert2.
βββββββββββββββββββββββββββββββββββββββββββββββββββββββ */
[data-bs-theme="dark"] .swal2-popup {
background-color: #001538 !important;
color: #ffffff !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3) !important;
}
[data-bs-theme="dark"] .swal2-popup .swal2-title,
[data-bs-theme="dark"] .swal2-popup .swal2-html-container,
[data-bs-theme="dark"] .swal2-popup .swal2-content {
color: #ffffff !important;
}
[data-bs-theme="dark"] .swal2-popup .swal2-input,
[data-bs-theme="dark"] .swal2-popup .swal2-textarea,
[data-bs-theme="dark"] .swal2-popup .swal2-select {
background-color: #0a1f44 !important;
color: #ffffff !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
[data-bs-theme="dark"] .swal2-popup .swal2-input::placeholder,
[data-bs-theme="dark"] .swal2-popup .swal2-textarea::placeholder {
color: rgba(255, 255, 255, 0.5) !important;
}
[data-bs-theme="dark"] .swal2-popup .swal2-input:focus,
[data-bs-theme="dark"] .swal2-popup .swal2-textarea:focus,
[data-bs-theme="dark"] .swal2-popup .swal2-select:focus {
border-color: #3b82f6 !important;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3) !important;
}
[data-bs-theme="dark"] .swal2-popup .swal2-validation-message {
background-color: #0a1f44 !important;
color: #f87171 !important;
border: 1px solid rgba(248, 113, 113, 0.2) !important;
}
/* βββββββββββββββββββββββββββββββββββββββββββββββββββββββ
GLOBAL TAILWIND GRAY TEXTS IN DARK MODE
Corrige la sobredeterminaciΓ³n de text-gray-* en custom.css
para que no queden negras/oscuras en modo oscuro.
βββββββββββββββββββββββββββββββββββββββββββββββββββββββ */
[data-bs-theme="dark"] .text-gray-900 {
color: #ffffff !important;
}
[data-bs-theme="dark"] .text-gray-800 {
color: #f1f5f9 !important;
}
[data-bs-theme="dark"] .text-gray-700 {
color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .text-gray-600 {
color: #cbd5e1 !important;
}
[data-bs-theme="dark"] .text-gray-500 {
color: #94a3b8 !important;
}
[data-bs-theme="dark"] .text-gray-400 {
color: #64748b !important;
}
/* βββββββββββββββββββββββββββββββββββββββββββββββββββββββ
AJUSTE GLOBAL DE MODALES EN MΓVIL Y CAPAS (Z-INDEX)
Asegura que el modal y sus botones queden por encima
de la barra inferior (z-index 1060) y encajen 100%
en la pantalla del dispositivo mΓ³vil.
βββββββββββββββββββββββββββββββββββββββββββββββββββββββ */
.modal-backdrop {
z-index: 1070 !important;
}
.modal {
z-index: 1075 !important;
}
@media (max-width: 767.98px) {
.modal-dialog {
margin: 0.5rem auto !important;
max-width: calc(100vw - 1rem) !important;
width: calc(100vw - 1rem) !important;
}
.modal-dialog:not(.modal-fullscreen) {
max-height: calc(100dvh - 1rem) !important;
height: calc(100dvh - 1rem) !important;
}
.modal-dialog:not(.modal-fullscreen) .modal-content {
max-height: 100% !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
border-radius: 1rem !important;
}
/* Soporte cuando