/**
 * CRM Miramar - Restyling
 * Paleta: Azul marino + Dorado
 *
 * Navy dark:   #0d2240
 * Navy medium: #1a3a5c
 * Navy hover:  #091829
 * Gold:        #C9A84C
 * Gold hover:  #A8892A
 * Gold pale:   #FDF3DC
 * Blue link:   #2471a3
 * Blue hover:  #1a5276
 * Heading:     #1a2e4a
 */

/* ---- Tipografía ---- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

body {
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #f7f7f8;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif;
    color: #1a2e4a;
}

/* ---- Links ---- */
a { color: #2471a3; }
a:hover { color: #1a5276; }

/* ---- Navbar ---- */
.navbar-inner {
    background-color: #1a3a5c;
    background-image: none;
    -webkit-filter: none;
    filter: none;
    border: none;
    border-bottom: 3px solid #C9A84C;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.navbar .brand {
    color: #ffffff;
    text-shadow: none;
    font-weight: 600;
    letter-spacing: 0.02em;
}
.navbar .brand:hover { color: #C9A84C; text-decoration: none; }
.navbar .nav > li > a {
    color: #c8d8e8;
    text-shadow: none;
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
    background-color: #C9A84C;
    color: #ffffff;
    text-decoration: none;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    background-color: #A8892A;
    color: #ffffff;
    text-decoration: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.2);
}
.navbar .divider-vertical {
    border-left-color: #0d2240;
    border-right-color: #2a4a6c;
}
.navbar .btn-navbar {
    background-color: #0d2240;
    background-image: none;
    -webkit-filter: none;
    filter: none;
    border-color: #091829;
}
.navbar .btn-navbar:hover { background-color: #091829; }
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #A8892A;
    color: #ffffff;
}
.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar .nav .dropdown-toggle .caret { border-top-color: #c8d8e8; }
.navbar-text { color: #c8d8e8; }
.navbar-link { color: #c8d8e8; }
.navbar-link:hover { color: #ffffff; }

/* nombre usuario en navbar */
.navbar-form div[style*="color:#FFF"] { color: #c8d8e8 !important; }

/* ---- Botón primario → Dorado ---- */
.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #C9A84C;
    background-image: none;
    -webkit-filter: none;
    filter: none;
    border-color: #A8892A;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.3);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    color: #ffffff;
    background-color: #A8892A;
    background-image: none;
    -webkit-filter: none;
    filter: none;
}
.btn-primary:active,
.btn-primary.active { background-color: #8a6f22 \9; }
.btn-group.open .btn-primary.dropdown-toggle { background-color: #A8892A; }

/* ---- Botón default: quitar gradiente ---- */
.btn {
    background-image: none;
    -webkit-filter: none;
    filter: none;
}
.btn:hover {
    background-color: #ebebeb;
    background-image: none;
    -webkit-filter: none;
    filter: none;
}
.btn.active, .btn:active {
    background-image: none;
}

/* ---- Botón link ---- */
.btn-link { color: #2471a3; }
.btn-link:hover { color: #1a5276; }

/* ---- Dropdowns ---- */
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    color: #ffffff;
    background-color: #1a3a5c;
    background-image: none;
    -webkit-filter: none;
    filter: none;
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    color: #ffffff;
    background-color: #1a3a5c;
    background-image: none;
    -webkit-filter: none;
    filter: none;
}
.nav .dropdown-toggle .caret {
    border-top-color: #2471a3;
    border-bottom-color: #2471a3;
}
.nav .dropdown-toggle:hover .caret {
    border-top-color: #1a5276;
    border-bottom-color: #1a5276;
}

/* ---- Nav list / pills activo ---- */
.nav-list > .active > a,
.nav-list > .active > a:hover {
    background-color: #C9A84C;
    color: #ffffff;
    text-shadow: none;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
    background-color: #C9A84C;
}

/* ---- Tablas ---- */
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    background-color: #FDF3DC;
    cursor: pointer;
}
.table-hover tbody tr.active { background-color: #FDF3DC; }

/* ---- Focus inputs → glow dorado ---- */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(201, 168, 76, 0.8);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(201, 168, 76, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(201, 168, 76, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(201, 168, 76, 0.5);
}

/* ---- Breadcrumb ---- */
.breadcrumb {
    background-color: #faf6ee;
    border: 1px solid #e8dfc8;
    text-shadow: none;
}

/* ---- Wells ---- */
.well {
    background-color: #f9f9f9;
    border-color: #e2e2e2;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* ---- Box headers ---- */
.box > h4.box-header {
    background-color: #1a3a5c;
    background-image: none;
    -webkit-filter: none;
    filter: none;
    border: none;
    border-bottom: 2px solid #C9A84C;
    border-radius: 12px 12px 0 0;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.03em;
    padding: 10px 16px;
}
.box > h4.box-header .box-btn { color: rgba(255,255,255,.6); }
.box > h4.box-header .box-btn:hover { color: #C9A84C; text-decoration: none; }
.box-content h4.box-header {
    background-color: #f8f6f1;
    background-image: none;
    -webkit-filter: none;
    filter: none;
    border: none;
    border-left: 3px solid #C9A84C;
    border-radius: 0;
    color: #1a2e4a;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 10px 6px 12px;
    margin: -12px -14px 10px;
}
.box-content h4.box-header .box-btn { color: #1a2e4a; opacity: .5; }
.box-content h4.box-header .box-btn:hover { opacity: 1; color: #C9A84C; }

/* ---- Action buttons bar ---- */
.action-btn {
    background-color: #fafafa;
    background-image: none;
    -webkit-filter: none;
    filter: none;
    border-color: #e0e0e0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* ---- Sidebar well ---- */
.sidebar-nav .well {
    background-color: #fafafa;
    background-image: none;
    -webkit-filter: none;
    filter: none;
    border-color: #e2e2e2;
}

/* ---- Modal header ---- */
.modal-header { border-bottom-color: #e8dfc8; }
.modal-footer { background-color: #f9f5ee; border-top-color: #e8dfc8; }

/* ---- Iconos giratorios (inline style override via clase) ---- */
.fa-dharmachakra { color: #C9A84C !important; }

/* ---- Badges / labels ---- */
.label-primary, .badge-primary { background-color: #C9A84C; }

/* ---- Paginación activo ---- */
.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: #f0e8d0;
    border-color: #C9A84C;
    color: #8a6f22;
}

/* ---- Alerts: mantener colores funcionales, ajustar borde ---- */
.alert { border-left: 4px solid #dd5600; }
.alert-success { border-left: 4px solid #669533; }
.alert-error, .alert-danger { border-left: 4px solid #bd4247; }
.alert-info { border-left: 4px solid #C9A84C; }

/* ---- Thumbnails hover ---- */
a.thumbnail:hover { border-color: #C9A84C; }


/* =============================================================
   FORMULARIOS MODERNOS
   ============================================================= */

/* Inputs y textareas */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    border: 1px solid #d0d5db;
    border-radius: 5px;
    background-color: #ffffff;
    color: #333333;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    padding: 5px 8px;
    height: auto;
    min-height: 30px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color .15s ease, -webkit-box-shadow .15s ease;
    -moz-transition: border-color .15s ease, box-shadow .15s ease;
    transition: border-color .15s ease, box-shadow .15s ease;
}
select {
    border: 1px solid #d0d5db;
    border-radius: 5px;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    height: 30px;
    padding: 4px 6px;
    -webkit-appearance: auto;
}
select:hover,
input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
textarea:hover {
    border-color: #b0b8c4;
}
textarea { min-height: 70px; border-radius: 5px; }

/* Labels */
label {
    font-size: 12px;
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 3px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Control groups con más aire */
.control-group { margin-bottom: 14px; }
.form-horizontal .control-group { margin-bottom: 16px; }

/* Form actions bar */
.form-actions {
    background-color: #f4f0e8;
    border-top: 2px solid #e8dfc8;
    border-radius: 0 0 5px 5px;
    padding: 14px 20px;
}


/* =============================================================
   TABLAS MODERNAS
   ============================================================= */

/* Cabecera navy con texto blanco */
.table thead th {
    background-color: #1a3a5c;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-color: #0d2240;
    padding: 9px 8px;
    white-space: nowrap;
}
.table thead th a,
.table thead th a:hover { color: #C9A84C; }

/* Filas con mejor tipografía */
.table td {
    font-size: 13px;
    padding: 7px 8px;
    vertical-align: middle;
    border-color: #eaecef;
}
.table th { border-color: #eaecef; }

/* Stripes más suaves */
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #fafbfc;
}

/* Bordes más suaves en tablas bordered */
.table-bordered {
    border-color: #dde1e6;
    border-radius: 6px;
}
.table-bordered th, .table-bordered td { border-color: #dde1e6; }

/* Totales / filas de resumen */
.table tfoot td {
    background-color: #f0ece2;
    font-weight: 600;
    border-top: 2px solid #C9A84C;
}


/* =============================================================
   EXPEDIENTE / VIEW (panel.tpl)
   ============================================================= */

/* Contenedor box — estilo tarjeta */
.box {
    background-color: #ffffff;
    border: 1px solid rgba(26, 58, 92, 0.08);
    border-radius: 12px;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.06), 0 0 0 1px rgba(26,58,92,.04);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,.06), 0 0 0 1px rgba(26,58,92,.04);
    box-shadow: 0 2px 6px rgba(0,0,0,.06), 0 0 0 1px rgba(26,58,92,.04);
    margin-bottom: 16px;
    overflow: visible;
    -webkit-transition: -webkit-box-shadow .18s ease;
    -moz-transition: box-shadow .18s ease;
    transition: box-shadow .18s ease;
}
.box:hover {
    -webkit-box-shadow: 0 6px 18px rgba(0,0,0,.10), 0 0 0 1px rgba(26,58,92,.07);
    -moz-box-shadow: 0 6px 18px rgba(0,0,0,.10), 0 0 0 1px rgba(26,58,92,.07);
    box-shadow: 0 6px 18px rgba(0,0,0,.10), 0 0 0 1px rgba(26,58,92,.07);
}
.box > h4.box-header.round-top {
    border-radius: 12px 12px 0 0;
}
.box > .box-container-toggle > .box-content:last-child {
    border-radius: 0 0 12px 12px;
}
.box-content,
.box-container-toggle { overflow: visible; }

/* Box-content con más respiro */
.box-content {
    background-color: #ffffff;
    padding: 16px 18px;
    font-size: 13px;
    line-height: 1.6;
    border-radius: 0 0 12px 12px;
}
.box-content p { margin-bottom: 6px; color: #444; }
.box-content h4 { margin: 0 0 8px; font-size: 13px; }

/* Datos de cliente: etiqueta resaltada */
.box-content strong { color: #1a2e4a; }

/* Datos de presupuesto: badges de precio/fecha/opción */
.exp_precio,
.exp_fecha_limite,
.exp_numero_opcion {
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #C9A84C;
    border-top: 3px solid #C9A84C;
    border-radius: 6px;
    padding: 8px 12px 6px;
    margin: 4px 4px 4px 0;
    font-size: 13px;
    font-weight: 700;
    color: #1a2e4a;
    min-width: 80px;
    text-align: center;
    -webkit-box-shadow: 0 1px 4px rgba(201,168,76,.15);
    box-shadow: 0 1px 4px rgba(201,168,76,.15);
}
.exp_precio strong,
.exp_fecha_limite strong,
.exp_numero_opcion strong {
    display: block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #C9A84C;
    margin-bottom: 4px;
}

/* Sub-boxes anidados (presupuesto, comentarios, pasajeros, etc.) */
.box-container-toggle .box-container-toggle {
    background-color: #fafaf8;
    border: 1px solid rgba(26,58,92,.07);
    border-radius: 8px;
    margin: 0 0 14px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.04);
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.box-container-toggle .box-container-toggle + .box-container-toggle {
    margin-top: 14px;
}
.box-container-toggle .box-container-toggle .box-content {
    background-color: #fafaf8;
    border-radius: 0 0 8px 8px;
    padding: 12px 14px;
}

/* Botones de acción en expediente: separación */
.box-content .btn { margin-bottom: 4px; }


/* =============================================================
   ASIGNACION / INDEX (filtros + tabla)
   ============================================================= */

/* Barra de pestañas de tipo */
#selector {
    background-color: #f0ece2;
    border: 1px solid #e0d8c8;
    border-radius: 6px;
    padding: 6px 10px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px; /* Safari 14.1+ */
}
/* Fallback gap para Safari < 14.1 */
#selector > * { margin: 2px; }
#selector .btn {
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 14px;
    color: #1a2e4a;
    border-color: #c8bea8;
    background-color: #ffffff;
}
#selector .btn.active,
#selector .btn:active {
    background-color: #C9A84C;
    border-color: #A8892A;
    color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#selector .btn:hover:not(.active) {
    background-color: #fdf3dc;
    border-color: #C9A84C;
    color: #1a2e4a;
}
#selector .control-group { margin-bottom: 0; }
#selector .controls input { margin-bottom: 0; }

/* Tabla de filtros */
.table-bordered .buscador,
table .buscador {
    width: 100%;
    font-size: 12px;
    height: 28px;
    border-radius: 4px;
    border-color: #d0d5db;
    margin-bottom: 0;
}
.table-bordered td { padding: 5px 6px; }

/* Checkbox de selección */
#datatable tbody tr td:first-child { text-align: center; width: 28px; }

/* Columna ID resaltada */
#datatable td.a {
    font-weight: 700;
    color: #1a2e4a;
    font-size: 13px;
}

/* Cursor pointer en filas */
#datatable tbody tr { cursor: pointer; }

/* Tabla de resultados: quitar border-radius en las cabeceras (ya con estilo) */
#datatable { border-radius: 0 0 6px 6px; }
#datatable thead tr th:first-child { border-radius: 0; }
#datatable thead tr th:last-child { border-radius: 0; }


/* =============================================================
   BOOTSTRAP DATEPICKER (Stefan Petre — .datepicker)
   ============================================================= */

.datepicker {
    z-index: 1100 !important;
    background-color: #ffffff;
    border: 1px solid #c8bea8;
    border-radius: 6px;
    padding: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.15);
    -moz-box-shadow: 0 4px 16px rgba(0,0,0,.15);
    box-shadow: 0 4px 16px rgba(0,0,0,.15);
}
/* Flecha del popup */
.datepicker:before {
    border-bottom-color: #c8bea8;
}
.datepicker:after {
    border-bottom-color: #ffffff;
}
/* Cabecera mes/año */
.datepicker thead tr:first-child th {
    background-color: #1a3a5c;
    color: #ffffff;
    border-radius: 4px;
    font-weight: 600;
    padding: 6px 4px;
}
.datepicker thead tr:first-child th:hover {
    background-color: #C9A84C;
    color: #ffffff;
}
/* Días de la semana */
.datepicker thead tr:last-child th {
    font-size: 11px;
    color: #8a7a5a;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 2px;
    background: none;
}
/* Celda de día normal */
.datepicker td.day {
    border-radius: 4px;
    padding: 5px 6px;
    color: #333;
}
.datepicker td.day:hover {
    background-color: #fdf3dc;
    color: #1a2e4a;
    cursor: pointer;
}
/* Día activo/seleccionado → dorado */
.datepicker td.active,
.datepicker td.active:hover {
    background-color: #C9A84C;
    background-image: none;
    -webkit-filter: none;
    filter: none;
    border-color: #A8892A;
    color: #ffffff;
    text-shadow: none;
    border-radius: 4px;
    font-weight: 700;
}
.datepicker td.active:hover,
.datepicker td.active:focus,
.datepicker td.active:active,
.datepicker td.active.active,
.datepicker td.active.disabled,
.datepicker td.active[disabled] {
    background-color: #A8892A;
    background-image: none;
    -webkit-filter: none;
    filter: none;
}
/* Días de otro mes */
.datepicker td.old,
.datepicker td.new { color: #bbb; }
/* Vista mes/año (spans) */
.datepicker td span {
    border-radius: 4px;
}
.datepicker td span:hover {
    background-color: #fdf3dc;
}
.datepicker td span.active {
    background-color: #C9A84C;
    background-image: none;
    -webkit-filter: none;
    filter: none;
    border-color: #A8892A;
    color: #ffffff;
    text-shadow: none;
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
    background-color: #A8892A;
    background-image: none;
    -webkit-filter: none;
    filter: none;
}


/* =============================================================
   JQUERY UI DATEPICKER (#ui-datepicker-div / .ui-datepicker)
   ============================================================= */

#ui-datepicker-div,
.ui-datepicker {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    border: 1px solid #c8bea8 !important;
    border-radius: 6px !important;
    padding: 8px !important;
    background-color: #ffffff !important;
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.15) !important;
    -moz-box-shadow: 0 4px 16px rgba(0,0,0,.15) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.15) !important;
    z-index: 1100 !important;
    width: 220px !important;
}
/* Cabecera mes/año */
.ui-datepicker .ui-datepicker-header {
    background-color: #1a3a5c !important;
    background-image: none !important;
    border: none !important;
    border-radius: 4px 4px 0 0 !important;
    color: #ffffff !important;
    padding: 6px 4px !important;
}
.ui-datepicker .ui-datepicker-title {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}
.ui-datepicker .ui-datepicker-title select {
    background-color: rgba(255,255,255,.15) !important;
    border: 1px solid rgba(255,255,255,.3) !important;
    color: #ffffff !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    padding: 2px 4px !important;
    height: auto !important;
    min-height: auto !important;
    margin: 0 2px !important;
}
/* Botones prev/next */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    top: 4px !important;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background-color: #C9A84C !important;
    border-radius: 3px !important;
}
.ui-datepicker .ui-icon {
    background-image: none !important;
    text-indent: 0 !important;
    overflow: visible !important;
    font-size: 14px !important;
    color: #ffffff !important;
    width: auto !important;
    height: auto !important;
}
.ui-datepicker .ui-datepicker-prev .ui-icon:after { content: '‹'; }
.ui-datepicker .ui-datepicker-next .ui-icon:after { content: '›'; }
/* Días de la semana */
.ui-datepicker th {
    background: none !important;
    border: none !important;
    color: #8a7a5a !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 4px 2px !important;
}
/* Celdas de día */
.ui-datepicker td { padding: 1px !important; }
.ui-datepicker td a,
.ui-datepicker td span {
    display: block !important;
    text-align: center !important;
    padding: 4px 5px !important;
    border-radius: 4px !important;
    border: none !important;
    background: none !important;
    color: #333 !important;
    font-weight: normal !important;
    font-size: 12px !important;
}
.ui-datepicker td a:hover {
    background-color: #fdf3dc !important;
    color: #1a2e4a !important;
}
/* Día seleccionado → dorado */
.ui-datepicker td.ui-datepicker-current-day a,
.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-highlight {
    background-color: #C9A84C !important;
    background-image: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border: none !important;
}
.ui-datepicker td .ui-state-default {
    background: none !important;
    border: none !important;
    color: #333 !important;
}
/* Día de hoy */
.ui-datepicker td.ui-datepicker-today a {
    background-color: #fdf3dc !important;
    color: #A8892A !important;
    font-weight: 700 !important;
    border: 1px solid #C9A84C !important;
}
/* Días fuera del mes */
.ui-datepicker td.ui-datepicker-other-month a { color: #bbb !important; }
/* Botones del panel inferior (Done) */
.ui-datepicker .ui-datepicker-buttonpane {
    background: none !important;
    border-top: 1px solid #e8dfc8 !important;
    padding: 4px 0 0 !important;
    margin-top: 4px !important;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    background-color: #C9A84C !important;
    background-image: none !important;
    border: none !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 12px !important;
    cursor: pointer !important;
}
.ui-datepicker .ui-datepicker-buttonpane button:hover {
    background-color: #A8892A !important;
}
/* Quitar estilos de widget de jQuery UI que interfieren */
.ui-widget-content { background: none; border: none; }
.ui-widget-header { background: none; border: none; }