@charset "utf-8";
html, body {	
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;    
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	overflow-x: hidden;
}
* {
  -webkit-backface-visibility: hidden;
}

:root {    
    --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: #1d2452;
    --bs-secondary: #6c757d;
    --bs-success: #bfc63f;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #a12025;
    --bs-light: #faf4b9;
    --bs-dark: #212529;
    --bs-primary-rgb: 29,36,82;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 191,198,63;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 161,32,37;
    
    --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: #a12025;
    --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: #a12025;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;    
    --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-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-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem 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-color: rgba(255,193,7, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
}
.frost {	
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.modal-backdrop.show {
    opacity: 0.8;	
}

.modal .modal-title > span.d-flex > span.fa-stack {
	padding-right: 0.25rem;
}

.modal .modal-title > span.d-flex > span:not(.fa-stack) {
	width: fit-content;	
}

.offcanvas-backdrop.show {
	opacity: 1;
}
.offcanvas-backdrop {
	background-color: rgba(0,0,0,0.8);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.offcanvas-top {
    height: auto;
    bottom: unset;
}

.offcanvas-top .btn-close{
    width: unset;
    height: unset;
    background: transparent;
    padding: unset;
    margin: unset;
    opacity: 1;
}

.offcanvas.offcanvas-top {
	height: fit-content;
	min-height: 150px;
}

.modal-open .modal {
    background-color: rgba(0,0,0,0.8);
	backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.modal-backdrop.show {
    opacity: 0;
}
#loader {
	overflow: hidden;
	display: flex;
	top: 0px;
	left: 0px;	
	z-index: 99999;
}
.animadof {
	visibility: hidden !important;
}
.animate__animated.animate__delay-025s {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
    webkit-animation-delay: calc(var(--animate-delay)*0.25);
    animation-delay: calc(var(--animate-delay)*0.25);
}
.animate__animated.animate__delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    webkit-animation-delay: calc(var(--animate-delay)*0.5);
    animation-delay: calc(var(--animate-delay)*0.5);
}
.animate__animated.animate__delay-075s {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
    webkit-animation-delay: calc(var(--animate-delay)*0.75);
    animation-delay: calc(var(--animate-delay)*0.75);
}
.text-shadow {
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
}
.text-shadow-white {
	text-shadow: 2px 2px 8px rgba(255, 255, 255, 0.5);
}
.display-1m {
	font-size: calc(1.625rem + 23vw);
}

.shadow-extra {
    box-shadow: 0 0 .5rem rgba(0,0,0,.15)!important;
}
.small, small {
    font-size: .75em;
}
.microsmall {
	font-size: 0.65em;
}
.form-check-input.chk-success:not(.is-valid):not(.is-invalid):checked {
    border-color: #bfc63f;
    background-color: #bfc63f;
}
.btn-success {    
    --bs-btn-bg: var(--bs-success);
    --bs-btn-border-color: var(--bs-success);    
    --bs-btn-hover-bg: var(--bs-success);
    --bs-btn-hover-border-color: var(--bs-success);
    --bs-btn-focus-shadow-rgb: 63,192,115;    
    --bs-btn-active-bg: var(--bs-success);
    --bs-btn-active-border-color: var(--bs-success);       
    --bs-btn-disabled-bg: var(--bs-success);
    --bs-btn-disabled-border-color: var(--bs-success);
}
@property --wipe-position {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

.wipe {
    --wipe-position: 100%;
    --gradient-length: 20%;
    -webkit-mask-image: linear-gradient(
      to right,
      black var(--wipe-position),
      transparent calc(var(--wipe-position) + var(--gradient-length)),
      transparent
    );

    transition: --wipe-position 1000ms cubic-bezier(0, 0.55, 0.45, 1);
}

.wipe.out {
    --wipe-position: calc(-1 * var(--gradient-length));
}
.inicio_top {
    min-height: 170px;
}
.inicio_bot {
    min-height: 300px;
}
.btn-big {
	--bs-btn-padding-y: 0.5rem;
	--bs-btn-padding-x: 2rem;
}
.btn-big span {
	font-size: 80%;
	line-height: 1;
}
.form-check-input.chk-warning {
    --bs-form-check-bg: var(--bs-secondary-bg-subtle);    
    background-color: var(--bs-form-check-bg);
}
.form-check-input.chk-warning:not(.is-valid):not(.is-invalid):checked {
    border-color: var(--bs-warning);
    background-color: var(--bs-warning);
}
.form-check-input.chk-warning:focus {
    border-color: var(--bs-warning);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(255,193,7, .25);
	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffe69c'/%3e%3c/svg%3e");
	background-color: #fff;
}
@media only screen and (min-width: 576px){
	.inicio_top {
		min-height: 200px;
	}
	.inicio_bot {
		min-height: 400px;
	}
	.btn-big {
		--bs-btn-padding-y: 0.75rem;
		--bs-btn-padding-x: 2rem;	
	}
	.btn-big span {
		font-size: 100%;
		line-height: 1;
	}
}

@media only screen and (min-width: 768px){
	.inicio_top {
		min-height: 250px;
	}
	.inicio_bot {
		min-height: 550px;
	}
	.btn-big {
		--bs-btn-padding-y: 0.75rem;
		--bs-btn-padding-x: 2rem;	
	}
}

@media only screen and (min-width: 992px){	
	.inicio_top {
		min-height: 300px;
	}
	.inicio_bot {
		min-height: 750px;
	}
	.btn-big {
		--bs-btn-padding-y: 1rem;
		--bs-btn-padding-x: 3rem;	
	}
	.btn-big span {
		font-size: 150%;

	}
	.text-big {
		font-size: calc(1.325rem + .9vw)!important;
	}	
	.text-bigger {
		font-size: calc(5rem + .9vw)!important;
	}
}

@media only screen and (min-width: 1200px){	
}

@media only screen and (min-width: 1400px){
	
}	

@supports(padding: max(0px)) {
    .fitCont {
        padding-left: max(0px, env(safe-area-inset-left)) !important;
        padding-right: max(0px, env(safe-area-inset-right)) !important;
    }
    .fitCont-left {
        padding-left: max(0px, env(safe-area-inset-left)) !important;        
    }
    .fitCont-right {        
        padding-right: max(0px, env(safe-area-inset-right)) !important;
    }
}

