:root {
	--primary-color: #b23525;
	--highlight-color: #fbbcb4;
}
html, body { font-family: 'Lato'; color: #535353; font-weight: 300; font-size: .95rem; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }
a, a:hover,
span.a { color: var(--primary-color); }
h6 { background-color: var(--primary-color); color: white; }

.container-fluid { max-width: 580px; padding: 0; }

#header { position: relative; border-radius: 0 0 50% 0; }
#header::after { display: block; content: ''; position: absolute; right: 0; top: 0; width: 30%; height: 100%; background: white; }

.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#videoBox { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 2; }
#videoClose { position: absolute; top: 0; right: 0; color: white; font-size: 2.5rem; font-weight: bold; padding: 0 20px; cursor: pointer; }
#videoContainer { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; }
video { max-width: 100%; width: 560px; height: auto; }

.table thead th { border-bottom: none; border-top: none; background: var(--primary-color); color: white; font-size: 1.1rem; font-weight: 300; }
.table tbody tr.active > * { background: var(--highlight-color); }

.btn.btn-danger { background-color: var(--primary-color); }
.bg-danger { background-color: var(--primary-color) !important; }

select { -webkit-appearance: none; background: none; color: black; }
select:focus { outline: none; }
#clasificacionesCategoria .carousel { display: none; }
#clasificacionesCategoria .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23b23525' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }
#clasificacionesCategoria .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23b23525' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); }