/*
 * Tema visual SPT Seguros
 * Naranja institucional: #FF6B00 | Dorado: #F5B323 | Carbón: #202020
 */

body {
	color: #252a34;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Botones */
.btn {
	border-radius: 8px;
	font-weight: 600;
	transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.btn:hover:not([disabled]),
.btn:focus:not([disabled]) {
	transform: translateY(-1px);
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn.active:focus {
	outline: 0;
}

.btn-primary {
	background-color: #ff6b00;
	border-color: #b84200;
	box-shadow: 0 3px 8px rgba(255, 107, 0, .18);
	color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-color: #a93d00;
	border-color: #963600;
	box-shadow: 0 4px 10px rgba(169, 61, 0, .24);
	color: #fff;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover {
	background-color: #d97840;
	border-color: #cc6c35;
}

.btn-default {
	background-color: #fff;
	border-color: #d86a2d;
	color: #a93d00;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	background-color: #fff4ed;
	border-color: #ff6b00;
	color: #8c3300;
}

.btn-warning {
	background-color: #f5b323;
	border-color: #d99a12;
	color: #2b2108;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
	background-color: #dfa00f;
	border-color: #c68c0c;
	color: #211906;
}

.btn-link {
	color: #b84200;
}

.btn-link:hover,
.btn-link:focus {
	color: #8c3300;
}

/* Acciones reconocibles en todas las pantallas */
.btn.spt-action-search,
.spt-action-search {
	background-color: #337ab7;
	border-color: #2e6da4;
	color: #fff;
}

.btn.spt-action-search:hover,
.btn.spt-action-search:focus,
.spt-action-search:hover,
.spt-action-search:focus {
	background-color: #286090;
	border-color: #204d74;
	color: #fff;
}

.btn.spt-action-excel,
.spt-action-excel {
	background-color: #2e8b57;
	border-color: #27784b;
	color: #fff;
}

.btn.spt-action-excel:hover,
.btn.spt-action-excel:focus,
.spt-action-excel:hover,
.spt-action-excel:focus {
	background-color: #257348;
	border-color: #1f613d;
	color: #fff;
}

.btn.spt-action-clear,
.spt-action-clear {
	background-color: #f5b323;
	border-color: #d99a12;
	color: #2b2108;
}

.btn.spt-action-clear:hover,
.btn.spt-action-clear:focus,
.spt-action-clear:hover,
.spt-action-clear:focus {
	background-color: #dfa00f;
	border-color: #c68c0c;
	color: #211906;
}

.spt-action-search .glyphicon,
.spt-action-excel .glyphicon,
.spt-action-clear .glyphicon {
	margin-right: 7px;
}

/* Paneles y contenedores */
.panel {
	border-radius: 12px;
	box-shadow: 0 5px 16px rgba(32, 32, 32, .07);
}

.panel-heading {
	font-weight: 600;
}

.panel > .panel-heading:first-child {
	border-radius: 11px 11px 0 0;
}

.panel-primary {
	border-color: #e7aa86;
}

.panel-primary > .panel-heading {
	background-color: #ff6b00;
	border-color: #b84200;
	color: #fff;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #e7aa86;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #e7aa86;
}

.well {
	background-color: #fffaf6;
	border-color: #f0d6c6;
	border-radius: 10px;
	box-shadow: inset 0 1px 2px rgba(32, 32, 32, .04);
}

.modal-content {
	border: 0;
	border-radius: 14px;
	box-shadow: 0 16px 45px rgba(32, 32, 32, .22);
}

.modal-header {
	border-bottom-color: #f1d7c8;
}

.modal-footer {
	background-color: #fffaf6;
	border-top-color: #f1d7c8;
}

/* Formularios */
.form-control {
	border-color: #cfd4dc;
	border-radius: 8px;
	box-shadow: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.form-control:focus {
	border-color: #ff6b00;
	box-shadow: 0 0 0 3px rgba(255, 107, 0, .14);
}

.input-group-addon {
	background-color: #fff4ed;
	border-color: #e5c4b1;
	color: #8c3300;
}

input[type="checkbox"],
input[type="radio"] {
	accent-color: #ff6b00;
}

/* Menú lateral */
#sidebar > div:first-child {
	background-color: #fff4ed;
	border-color: #e7aa86 !important;
	border-radius: 10px;
	padding: 10px;
}

#sidebar .nombre_corto {
	color: #9f3900 !important;
}

#sidebar .panel-group .panel {
	border-color: #efd0bd;
	border-radius: 10px;
	box-shadow: 0 3px 9px rgba(32, 32, 32, .06);
}

#sidebar .list-group-item.active,
#sidebar .list-group-item.active:focus {
	background-color: #ff6b00;
	border-color: #b84200;
	box-shadow: 0 3px 8px rgba(255, 107, 0, .18);
	color: #fff;
}

#sidebar .list-group-item.active:hover {
	background-color: #a93d00;
	border-color: #963600;
	color: #fff;
}

#sidebar .panel-body {
	background-color: #fffaf6;
	padding: 10px;
}

#sidebar .panel-body .table {
	margin-bottom: 0;
}

#sidebar .panel-body .table > tbody > tr > td {
	border-top-color: #f0d6c6;
	padding: 9px 6px;
}

#sidebar .panel-body a {
	color: #8c3300;
	font-weight: 600;
}

#sidebar .panel-body a:hover,
#sidebar .panel-body a:focus {
	color: #ff6b00;
	text-decoration: none;
}

/* Navegación secundaria */
.nav-tabs {
	border-bottom-color: #e9c7b3;
}

.nav-tabs > li > a {
	border-radius: 8px 8px 0 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	border-top: 3px solid #ff6b00;
	color: #a93d00;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #ff6b00;
	border-color: #b84200;
}

.pagination > li > a,
.pagination > li > span {
	color: #a93d00;
}

.label-primary {
	background-color: #ff6b00;
}

.badge {
	background-color: #202020;
}

.breadcrumb {
	background-color: #fff4ed;
	border-radius: 8px;
}

/* Tablas */
.table > thead > tr > th {
	border-bottom-color: #e7aa86;
	color: #343a46;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #fffaf6;
}

.table-hover > tbody > tr:hover {
	background-color: #fff1e8;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: #ff6b00 !important;
	border-color: #b84200 !important;
	color: #fff !important;
}

/* Foco visible para navegación con teclado */
.btn:focus-visible,
.form-control:focus-visible,
a:focus-visible {
	outline: 3px solid rgba(245, 179, 35, .7);
	outline-offset: 2px;
}

@media (max-width: 767px) {
	.btn:not(.btn-xs) {
		min-height: 40px;
	}

	.panel {
		border-radius: 10px;
	}
}