@import url('https://fonts.cdnfonts.com/css/tt-drugs-trial?styles=152889,152886,152885,152884');
@import url('https://fonts.cdnfonts.com/css/cinzel-decorative?styles=170465,15612,170466');
                
                
:root{
    --color-1: #ffffff;
	--color-2: #d4af37;
	--color-3: #000000;
	--color-4: #d4af37b0;
	--color-5: #e1e1e1;
	
	--primary-font: 'Cinzel Decorative', sans-serif;                              
	--secondary-font: 'TT Drugs Trial', sans-serif;
}

body{font-family: var(--secondary-font)}

h1, .h1, #h1,
h2, .h2, #h2,
h3, .h3, #h3,
h4, .h4, #h4,
h5, .h5, #h5,
h6, .h6, #h6{font-family: var(--primary-font)}

h1, .h1, #h1{
	font-size: min(max(30px, 3.5vw), 55px);
}

/* Font Styles */
h1, .h1, #h1, h2, .h2, #h2{font-weight: 700}
h3, .h3, #h3, h4, .h4, #h4, h5, .h5, #h5, 
h6, .h6, #h6, p, .p, #p{font-weight: 400}

/* Colors */
#white, .white{color: var(--color-1)}
#golden, .golden{color: var(--color-2)}
#dark, .dark{color: var(--color-3)}
#golden-light, .golden-light{color: var(--color-4)}
#gray, .gray{color: var(--color-5)}

/* Hover - Colors */
.white-hover:hover{color: var(--color-1)}
.golden-hover:hover{color: var(--color-2)}
.dark-hover:hover{color: var(--color-3)}

/* Background */
.bg-white{background-color: var(--color-1)}
.bg-golden{background-color: var(--color-2)}
.bg-dark{background-color: var(--color-3)}
.bg-golden-light{background-color: var(--color-4)}
.bg-gray{background-color: var(--color-5)}

.bg-hero-golden{background: radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(212, 175, 55, 1) 100%);}
/* ROUNDED */
.rounded-0{border-radius: 0}
.rounded-1{border-radius: 10px}
.rounded-2{border-radius: 15px}
.rounded-3{border-radius: 20px}
.rounded-4{border-radius: 25px}
.rounded-5{border-radius: 30px}

/*ROUNDED TOP ↑ */
.rounded-start-top-0{border-top-left-radius: 0}
.rounded-top-1, .rounded-start-1{border-top-left-radius: 10px}
.rounded-top-2, .rounded-start-2{border-top-left-radius: 15px}
.rounded-top-3, .rounded-start-3{border-top-left-radius: 20px}
.rounded-top-4, .rounded-start-4{border-top-left-radius: 25px}
.rounded-top-5, .rounded-start-5{border-top-left-radius: 30px}

/*ROUNDED RIGHT → */
.rounded-end-top-0{border-top-right-radius: 0}
.rounded-end-1, .rounded-top-1{border-top-right-radius: 10px}
.rounded-end-2, .rounded-top-2{border-top-right-radius: 15px}
.rounded-end-3, .rounded-top-3{border-top-right-radius: 20px}
.rounded-end-4, .rounded-top-4{border-top-right-radius: 25px}
.rounded-end-5, .rounded-top-5{border-top-right-radius: 30px}

/*ROUNDED BOTTOM ↓ */
.rounded-end-bottom-0{border-bottom-right-radius: 0}
.rounded-bottom-1, .rounded-end-1{border-bottom-right-radius: 10px}
.rounded-bottom-2, .rounded-end-2{border-bottom-right-radius: 15px}
.rounded-bottom-3, .rounded-end-3{border-bottom-right-radius: 20px}
.rounded-bottom-4, .rounded-end-4{border-bottom-right-radius: 25px}
.rounded-bottom-5, .rounded-end-5{border-bottom-right-radius: 30px}

/*ROUNDED LEFT ← */
.rounded-start-bottom-0{border-bottom-left-radius: 0}
.rounded-start-1, .rounded-bottom-1{border-bottom-left-radius: 10px}
.rounded-start-2, .rounded-bottom-2{border-bottom-left-radius: 15px}
.rounded-start-3, .rounded-bottom-3{border-bottom-left-radius: 20px}
.rounded-start-4, .rounded-bottom-4{border-bottom-left-radius: 25px}
.rounded-start-5, .rounded-bottom-5{border-bottom-left-radius: 30px}

/* Display */
.d-block{display: block}
.d-flex{display: flex}
.d-none{display: none}
.d-grid{display: grid}

/* Order Content */
.order-0{order: 0}
.order-1{order: 1}
.order-2{order: 2}
.order-3{order: 3}
.order-4{order: 4}
.order-first{order: -1}
.order-last{order: 999}

/* Gap */
.gap-0{gap: 0}
.gap-1{gap: 10px}
.gap-2{gap: 20px}
.gap-3{gap: 30px}
.gap-4{gap: 40px}

/* Row Gap */
.row-gap-0{row-gap: 0}
.row-gap-1{row-gap: 10px}
.row-gap-2{row-gap: 15px}
.row-gap-3{row-gap: 20px}
.row-gap-4{row-gap: 25px}
.row-gap-5{row-gap: 30px}

/* First Row Gap */
.first-row-gap-0:first-child{row-gap: 0}
.first-row-gap-1:first-child{row-gap: 10px}
.first-row-gap-2:first-child{row-gap: 15px}
.first-row-gap-3:first-child{row-gap: 20px}
.first-row-gap-4:first-child{row-gap: 25px}
.first-row-gap-5:first-child{row-gap: 30px}

/* Last Row Gap */
.last-row-gap-0:last-child{row-gap: 0}
.last-row-gap-1:last-child{row-gap: 10px}
.last-row-gap-2:last-child{row-gap: 15px}
.last-row-gap-3:last-child{row-gap: 20px}
.last-row-gap-4:last-child{row-gap: 25px}
.last-row-gap-5:last-child{row-gap: 30px}

/* Align Items */
.align-item-start{align-items: start}
.align-item-center{align-items: center}
.align-item-end{align-items: end}

/* Justify Content*/
.justify-content-start{justify-content: start}
.justify-content-center{justify-content: center}
.justify-content-end{justify-content: end}
.justify-content-sb{justify-content: space-between}

/* Position */
.position-relative{position: relative}
.position-absolute{position: absolute}
.position-static{position: static}
.position-fixed{position: fixed}

/* Width */
.w-10{width: 10%}
.w-15{width: 15%}
.w-20{width: 20%}
.w-25{width: 25%}
.w-30{width: 30%}
.w-35{width: 35%}
.w-40{width: 40%}
.w-45{width: 45%}
.w-50{width: 50%}
.w-55{width: 55%}
.w-60{width: 60%}
.w-65{width: 65%}
.w-70{width: 70%}
.w-75{width: 75%}
.w-80{width: 80%}
.w-85{width: 85%}
.w-90{width: 90%}
.w-95{width: 95%}
.w-100{width: 100%}
.w-fit{width: fit-content}

/* Text Align */
.text-start{text-align: left}
.text-center{text-align: center}
.text-end{text-align: right}

/* Font Weight */
.fw-extra-think{font-weight: 200}
.fw-think{font-weight: 300}
.fw-regular{font-weight: 400}
.fw-medium{font-weight: 500}
.fw-semibold{font-weight: 600}
.fw-bold{font-weight: 700}
.fw-extra-bold{font-weight: 800}
.fw-bolder{font-weight: 900}

/* Margin */
.mt-auto, .my-auto, .m-auto{margin-top: auto}
.mt-0, .my-0, .m-0{margin-top: 0}
.mt-1, .my-1, .m-1{margin-top: 10px}
.mt-2, .my-2, .m-2{margin-top: 20px}
.mt-3, .my-3, .m-3{margin-top: 30px}
.mt-4, .my-4, .m-4{margin-top: 40px}
.mt-5, .my-5, .m-5{margin-top: 50px}
.mt-6, .my-6, .m-6{margin-top: 60px}
.mt-7, .my-7, .m-7{margin-top: 70px}
.mt-8, .my-8, .m-8{margin-top: 80px}

.me-auto, .mx-auto, .m-auto{margin-right: auto}
.me-0, .mx-0, .m-0{margin-right: 0}
.me-1, .mx-1, .m-1{margin-right: 10px}
.me-2, .mx-2, .m-2{margin-right: 20px}
.me-3, .mx-3, .m-3{margin-right: 30px}
.me-4, .mx-4, .m-4{margin-right: 40px}
.me-5, .mx-5, .m-5{margin-right: 50px}
.me-6, .mx-6, .m-6{margin-right: 60px}
.me-7, .mx-7, .m-7{margin-right: 70px}
.me-8, .mx-8, .m-8{margin-right: 80px}

.mb-auto, .my-auto, .m-auto{margin-bottom: auto}
.mb-0, .my-0, .m-0{margin-bottom: 0}
.mb-1, .my-1, .m-1{margin-bottom: 10px}
.mb-2, .my-2, .m-2{margin-bottom: 20px}
.mb-3, .my-3, .m-3{margin-bottom: 30px}
.mb-4, .my-4, .m-4{margin-bottom: 40px}
.mb-5, .my-5, .m-5{margin-bottom: 50px}
.mb-6, .my-6, .m-6{margin-bottom: 60px}
.mb-7, .my-7, .m-7{margin-bottom: 70px}
.mb-8, .my-8, .m-8{margin-bottom: 80px}

.ms-auto, .mx-auto, .m-auto{margin-left: auto}
.ms-0, .mx-0, .m-0{margin-left: 0}
.ms-1, .mx-1, .m-1{margin-left: 10px}
.ms-2, .mx-2, .m-2{margin-left: 20px}
.ms-3, .mx-3, .m-3{margin-left: 30px}
.ms-4, .mx-4, .m-4{margin-left: 40px}
.ms-5, .mx-5, .m-5{margin-left: 50px}
.ms-6, .mx-6, .m-6{margin-left: 60px}
.ms-7, .mx-7, .m-7{margin-left: 70px}
.ms-8, .mx-8, .m-8{margin-left: 80px}

/* Padding */
.pt-0, .py-0, .p-0{padding-top: 0}
.pt-1, .py-1, .p-1{padding-top: 10px}
.pt-2, .py-2, .p-2{padding-top: 20px}
.pt-3, .py-3, .p-3{padding-top: 30px}
.pt-4, .py-4, .p-4{padding-top: 40px}
.pt-5, .py-5, .p-5{padding-top: 50px}
.pt-6, .py-6, .p-6{padding-top: 60px}
.pt-7, .py-7, .p-7{padding-top: 70px}
.pt-8, .py-8, .p-8{padding-top: 80px}

.pe-0, .px-0, .p-0{padding-right: 0}
.pe-1, .px-1, .p-1{padding-right: 10px}
.pe-2, .px-2, .p-2{padding-right: 20px}
.pe-3, .px-3, .p-3{padding-right: 30px}
.pe-4, .px-4, .p-4{padding-right: 40px}
.pe-5, .px-5, .p-5{padding-right: 50px}
.pe-6, .px-6, .p-6{padding-right: 60px}
.pe-7, .px-7, .p-7{padding-right: 70px}
.pe-8, .px-8, .p-8{padding-right: 80px}
.pe-5p, .px-5p, .p-5p{padding-right: 5%}

.pb-0, .py-0, .p-0{padding-bottom: 0}
.pb-1, .py-1, .p-1{padding-bottom: 10px}
.pb-2, .py-2, .p-2{padding-bottom: 20px}
.pb-3, .py-3, .p-3{padding-bottom: 30px}
.pb-4, .py-4, .p-4{padding-bottom: 40px}
.pb-5, .py-5, .p-5{padding-bottom: 50px}
.pb-6, .py-6, .p-6{padding-bottom: 60px}
.pb-7, .py-7, .p-7{padding-bottom: 70px}
.pb-8, .py-8, .p-8{padding-bottom: 80px}

.ps-0, .px-0, .p-0{padding-left: 0}
.ps-1, .px-1, .p-1{padding-left: 10px}
.ps-2, .px-2, .p-2{padding-left: 20px}
.ps-3, .px-3, .p-3{padding-left: 30px}
.ps-4, .px-4, .p-4{padding-left: 40px}
.ps-5, .px-5, .p-5{padding-left: 50px}
.ps-6, .px-6, .p-6{padding-left: 60px}
.ps-7, .px-7, .p-7{padding-left: 70px}
.ps-8, .px-8, .p-8{padding-left: 80px}
.ps-5p, .px-5p, .p-5p{padding-left: 5%}

.container{
	max-width: 1600px;
	display: flex;
	margin: 0 auto;
}
.container-fluid{
	max-width: 100%;
	display: flex;
	margin: 0 auto;
}
/* Bootstrap Grid */
.row{display: flex; flex-wrap: wrap}

/* Columns */
.col-1{flex: 0 0 auto; width: 8.33333333%}
.col-2{flex: 0 0 auto; width: 16.66666667%}
.col-3{flex: 0 0 auto; width: 25%}
.col-4{flex: 0 0 auto; width: 33.33333333%}
.col-5{flex: 0 0 auto; width: 41.66666667%}
.col-6{flex: 0 0 auto; width: 50%}
.col-7{flex: 0 0 auto; width: 58.33333333%}
.col-8{flex: 0 0 auto; width: 66.66666667%}
.col-9{flex: 0 0 auto; width: 75%}
.col-10{flex: 0 0 auto; width: 83.33333333%}
.col-11{flex: 0 0 auto; width: 91.66666667%}
.col-12{flex: 0 0 auto; width: 100%}
.col-padding{padding-left: 2.5%; padding-right: 2.5%}


a{text-decoration: underline;}

/* Site Button */
.btn{
	width: fit-content;
	font-size: 16px;
	line-height: 1;
	font-weight: 700;
	text-decoration: none;
	border-radius: 25px;
	padding: 15px 30px;
	background-color: transparent;
	transition: transform 0.5s ease;
}

.btn:after{
    content: "›";
    margin-left: 8px;
	font-weight: 600;
}

.btn-golden{
	color: var(--color-2);
	border: 2px solid var(--color-2)
}

.btn-golden:hover{
	color: var(--color-3);
	background-color: var(--color-2);
}

.btn-golden-dark{
	color: var(--color-3) !important;
	border: 2px solid var(--color-2)
}

.btn-golden-dark:hover{
	color: var(--color-3);
	background-color: var(--color-2);
}

.btn-dark{
	color: var(--color-3);
	border: 2px solid var(--color-3)
}

.btn-dark:hover{
	color: var(--color-1);
	background-color: var(--color-3);
}

/*Column Equals - Columnas Igualadas en Tamaño*/
.column-equals{
	display: flex;
    flex-direction: row;
}

.equals{flex-grow: 1}

/*FAQ DETAILS*/
details{border-top: solid 2px}
details:last-child{border-bottom: solid 2px}
summary{cursor: pointer}

/*Card*/
.card {
	background-color: var(--color-4);
	border-radius: 10px;
	box-shadow: 2px 2px 2px #222;
}

.bg-golden-light{background-color: var(--color-4)}

.bg-hero-golden{background: radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(212, 175, 55, 1) 100%);}

/*Card*/
.card {
	background-color: #d4af37b0;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #222;
}

/*Contact Form CF7*/
.contact-cf7{
	background-color: var(--color-5);
    box-shadow: 0px 0px 5px 2px #c5c5c5;
    max-width: 560px;
}

.contact-cf7 > p {
	margin-bottom: 15x;
}

textarea{
	resize: none;
	height:100px;
}
input[type="text"],select{height: 36px}

@media (min-width: 768px){
	/* ROUNDED */
	.rounded-md-0{border-radius: 0}
	.rounded-md-1{border-radius: 10px}
	.rounded-md-2{border-radius: 15px}
	.rounded-md-3{border-radius: 20px}
	.rounded-md-4{border-radius: 25px}
	.rounded-md-5{border-radius: 30px}

	/* ROUNDED TOP ↑ */
	.rounded-md-start-top-0{border-top-left-radius: 0}
	.rounded-md-top-1, .rounded-md-start-1{border-top-left-radius: 10px}
	.rounded-md-top-2, .rounded-md-start-2{border-top-left-radius: 15px}
	.rounded-md-top-3, .rounded-md-start-3{border-top-left-radius: 20px}
	.rounded-md-top-4, .rounded-md-start-4{border-top-left-radius: 25px}
	.rounded-md-top-5, .rounded-md-start-5{border-top-left-radius: 30px}

	/* ROUNDED RIGHT → */
	.rounded-md-end-top-0{border-top-right-radius: 0}
	.rounded-md-end-1, .rounded-md-top-1{border-top-right-radius: 10px}
	.rounded-md-end-2, .rounded-md-top-2{border-top-right-radius: 15px}
	.rounded-md-end-3, .rounded-md-top-3{border-top-right-radius: 20px}
	.rounded-md-end-4, .rounded-md-top-4{border-top-right-radius: 25px}
	.rounded-md-end-5, .rounded-md-top-5{border-top-right-radius: 30px}

	/* ROUNDED BOTTOM ↓ */
	.rounded-md-end-bottom-0{border-bottom-right-radius: 0}
	.rounded-md-bottom-1, .rounded-md-end-1{border-bottom-right-radius: 10px}
	.rounded-md-bottom-2, .rounded-md-end-2{border-bottom-right-radius: 15px}
	.rounded-md-bottom-3, .rounded-md-end-3{border-bottom-right-radius: 20px}
	.rounded-md-bottom-4, .rounded-md-end-4{border-bottom-right-radius: 25px}
	.rounded-md-bottom-5, .rounded-md-end-5{border-bottom-right-radius: 30px}

	/* ROUNDED LEFT ← */
	.rounded-md-start-bottom-0{border-bottom-left-radius: 0}
	.rounded-md-start-1, .rounded-md-bottom-1{border-bottom-left-radius: 10px}
	.rounded-md-start-2, .rounded-md-bottom-2{border-bottom-left-radius: 15px}
	.rounded-md-start-3, .rounded-md-bottom-3{border-bottom-left-radius: 20px}
	.rounded-md-start-4, .rounded-md-bottom-4{border-bottom-left-radius: 25px}
	.rounded-md-start-5, .rounded-md-bottom-5{border-bottom-left-radius: 30px}
	
	/* Display */
	.d-md-block{display: block}
	.d-md-flex{display: flex}
	.d-md-none{display: none}
	.d-md-grid{display: grid}
	
	/*Order*/
	.order-md-0{order: 0}
	.order-md-1{order: 1}
	.order-md-2{order: 2}
	.order-md-3{order: 3}
	.order-md-4{order: 4}
	.order-md-first{order: -1}
	.order-md-last{order: 999}
	
	/* Gap */
	.gap-md-0{gap: 0}
	.gap-md-1{gap: 10px}
	.gap-md-2{gap: 20px}
	.gap-md-3{gap: 30px}
	.gap-md-4{gap: 40px}
	
	/* Row Gap */
	.row-gap-md-0{row-gap: 0}
	.row-gap-md-1{row-gap: 10px}
	.row-gap-md-2{row-gap: 15px}
	.row-gap-md-3{row-gap: 20px}
	.row-gap-md-4{row-gap: 25px}
	.row-gap-md-5{row-gap: 30px}

	/* First Row Gap */
	.first-row-gap-md-0:first-child{row-gap: 0}
	.first-row-gap-md-1:first-child{row-gap: 10px}
	.first-row-gap-md-2:first-child{row-gap: 15px}
	.first-row-gap-md-3:first-child{row-gap: 20px}
	.first-row-gap-md-4:first-child{row-gap: 25px}
	.first-row-gap-md-5:first-child{row-gap: 30px}

	/* Last Row Gap */
	.last-row-gap-md-0:last-child{row-gap: 0}
	.last-row-gap-md-1:last-child{row-gap: 10px}
	.last-row-gap-md-2:last-child{row-gap: 15px}
	.last-row-gap-md-3:last-child{row-gap: 20px}
	.last-row-gap-md-4:last-child{row-gap: 25px}
	.last-row-gap-md-5:last-child{row-gap: 30px}
	
	/* Align Items */
	.align-item-md-start{align-items: start}
	.align-item-md-center{align-items: center}
	.align-item-md-end{align-items: end}
	
	/* Justify Content*/
	.justify-content-md-start{justify-content: start}
	.justify-content-md-center{justify-content: center}
	.justify-content-md-end{justify-content: end}
	.justify-content-md-sb{justify-content: space-between}
	
	/* Position */
	.position-md-relative{position: relative}
	.position-md-absolute{position: absolute}
	.position-md-static{position: static}
	.position-md-fixed{position: fixed}
	
	/* Width */
	.w-md-10{width: 10%}
	.w-md-15{width: 15%}
	.w-md-20{width: 20%}
	.w-md-25{width: 25%}
	.w-md-30{width: 30%}
	.w-md-35{width: 35%}
	.w-md-40{width: 40%}
	.w-md-45{width: 45%}
	.w-md-50{width: 50%}
	.w-md-55{width: 55%}
	.w-md-60{width: 60%}
	.w-md-65{width: 65%}
	.w-md-70{width: 70%}
	.w-md-75{width: 75%}
	.w-md-80{width: 80%}
	.w-md-85{width: 85%}
	.w-md-90{width: 90%}
	.w-md-95{width: 95%}
	.w-md-100{width: 100%}
	.w-md-fit{width: fit-content}
	
	/* Text Align */
	.text-md-start{text-align: left}
	.text-md-center{text-align: center}
	.text-md-end{text-align: right}

	/* Font Weight */
	.fw-md-regular{font-weight: 400}
	.fw-md-medium{font-weight: 500}
	.fw-md-semibold{font-weight: 600}
	.fw-md-bold{font-weight: 700}
	.fw-md-bolder{font-weight: 800}
	
	/* Margin */
	.mt-md-auto, .my-md-auto, .m-md-auto{margin-top: auto}
	.mt-md-0, .my-md-0, .m-md-0{margin-top: 0}
	.mt-md-1, .my-md-1, .m-md-1{margin-top: 10px}
	.mt-md-2, .my-md-2, .m-md-2{margin-top: 20px}
	.mt-md-3, .my-md-3, .m-md-3{margin-top: 30px}
	.mt-md-4, .my-md-4, .m-md-4{margin-top: 40px}
	.mt-md-5, .my-md-5, .m-md-5{margin-top: 50px}
	.mt-md-6, .my-md-6, .m-md-6{margin-top: 60px}

	.me-md-auto, .mx-md-auto, .m-md-auto{margin-right: auto}
	.me-md-0, .mx-md-0, .m-md-0{margin-right: 0}
	.me-md-1, .mx-md-1, .m-md-1{margin-right: 10px}
	.me-md-2, .mx-md-2, .m-md-2{margin-right: 20px}
	.me-md-3, .mx-md-3, .m-md-3{margin-right: 30px}
	.me-md-4, .mx-md-4, .m-md-4{margin-right: 40px}
	.me-md-5, .mx-md-5, .m-md-5{margin-right: 50px}
	.me-md-6, .mx-md-6, .m-md-6{margin-right: 60px}

	.mb-md-auto, .my-md-auto, .m-md-0{margin-bottom: auto}
	.mb-md-0, .my-md-0, .m-md-0{margin-bottom: 0}
	.mb-md-1, .my-md-1, .m-md-1{margin-bottom: 10px}
	.mb-md-2, .my-md-2, .m-md-2{margin-bottom: 20px}
	.mb-md-3, .my-md-3, .m-md-3{margin-bottom: 30px}
	.mb-md-4, .my-md-4, .m-md-4{margin-bottom: 40px}
	.mb-md-5, .my-md-5, .m-md-5{margin-bottom: 50px}
	.mb-md-6, .my-md-6, .m-md-6{margin-bottom: 60px}

	.ms-md-auto, .mx-md-auto, .m-md-auto{margin-left: auto}
	.ms-md-0, .mx-md-0, .m-md-0{margin-left: 0}
	.ms-md-1, .mx-md-1, .m-md-1{margin-left: 10px}
	.ms-md-2, .mx-md-2, .m-md-2{margin-left: 20px}
	.ms-md-3, .mx-md-3, .m-md-3{margin-left: 30px}
	.ms-md-4, .mx-md-4, .m-md-4{margin-left: 40px}
	.ms-md-5, .mx-md-5, .m-md-5{margin-left: 50px}
	.ms-md-6, .mx-md-6, .m-md-6{margin-left: 60px}

	/* Padding */
	.pt-md-0, .py-md-0, .p-md-0{padding-top: 0}
	.pt-md-1, .py-md-1, .p-md-1{padding-top: 10px}
	.pt-md-2, .py-md-2, .p-md-2{padding-top: 20px}
	.pt-md-3, .py-md-3, .p-md-3{padding-top: 30px}
	.pt-md-4, .py-md-4, .p-md-4{padding-top: 40px}
	.pt-md-5, .py-md-5, .p-md-5{padding-top: 50px}
	.pt-md-6, .py-md-6, .p-md-6{padding-top: 60px}
	.pt-md-7, .py-md-7, .p-md-7{padding-top: 70px}
	.pt-md-8, .py-md-8, .p-md-8{padding-top: 80px}

	.pe-md-0, .px-md-0, .p-md-0{padding-right: 0}
	.pe-md-1, .px-md-1, .p-md-1{padding-right: 10px}
	.pe-md-2, .px-md-2, .p-md-2{padding-right: 20px}
	.pe-md-3, .px-md-3, .p-md-3{padding-right: 30px}
	.pe-md-4, .px-md-4, .p-md-4{padding-right: 40px}
	.pe-md-5, .px-md-5, .p-md-5{padding-right: 50px}
	.pe-md-6, .px-md-6, .p-md-6{padding-right: 60px}
	.pe-md-7, .px-md-7, .p-md-7{padding-right: 70px}
	.pe-md-8, .px-md-8, .p-md-8{padding-right: 80px}
	.pe-md-5p, .px-md-5p, .p-md-5p{padding-right: 5%}

	.pb-md-0, .py-md-0, .p-md-0{padding-bottom: 0}
	.pb-md-1, .py-md-1, .p-md-1{padding-bottom: 10px}
	.pb-md-2, .py-md-2, .p-md-2{padding-bottom: 20px}
	.pb-md-3, .py-md-3, .p-md-3{padding-bottom: 30px}
	.pb-md-4, .py-md-4, .p-md-4{padding-bottom: 40px}
	.pb-md-5, .py-md-5, .p-md-5{padding-bottom: 50px}
	.pb-md-6, .py-md-6, .p-md-6{padding-bottom: 60px}
	.pb-md-7, .py-md-7, .p-md-7{padding-bottom: 70px}
	.pb-md-8, .py-md-8, .p-md-8{padding-bottom: 80px}

	.ps-md-0, .px-md-0, .p-md-0{padding-left: 0}
	.ps-md-1, .px-md-1, .p-md-1{padding-left: 10px}
	.ps-md-2, .px-md-2, .p-md-2{padding-left: 20px}
	.ps-md-3, .px-md-3, .p-md-3{padding-left: 30px}
	.ps-md-4, .px-md-4, .p-md-4{padding-left: 40px}
	.ps-md-5, .px-md-5, .p-md-5{padding-left: 50px}
	.ps-md-6, .px-md-6, .p-md-6{padding-left: 60px}
	.ps-md-7, .px-md-7, .p-md-7{padding-left: 70px}
	.ps-md-8, .px-md-8, .p-md-8{padding-left: 80px}
	.ps-md-5p, .px-md-5p, .p-md-5p{padding-left: 5%}
	
	/* Columns */
	.col-md-1{flex: 0 0 auto; width: 8.33333333%}
	.col-md-2{flex: 0 0 auto; width: 16.66666667%}
	.col-md-3{flex: 0 0 auto; width: 25%}
	.col-md-4{flex: 0 0 auto; width: 33.33333333%}
	.col-md-5{flex: 0 0 auto; width: 41.66666667%}
	.col-md-6{flex: 0 0 auto; width: 50%}
	.col-md-7{flex: 0 0 auto; width: 58.33333333%}
	.col-md-8{flex: 0 0 auto; width: 66.66666667%}
	.col-md-9{flex: 0 0 auto; width: 75%}
	.col-md-10{flex: 0 0 auto; width: 83.33333333%}
	.col-md-11{flex: 0 0 auto; width: 91.66666667%}
	.col-md-12{flex: 0 0 auto; width: 100%}
	.col-md-padding{padding-left: 2.5%; padding-right: 2.5%}
}

@media (min-width: 1024px){
	h1, .h1, #h1{
		line-height: 1;
	}
	h2, .h2, #h2{
		font-size: 40px;
		line-height: 45px;
	}
	h3, .h3, #h3{
		font-size: 26px;
		line-height: 30px;
	}
	
	/* ROUNDED */
	.rounded-lg-0{border-radius: 0}
	.rounded-lg-1{border-radius: 10px}
	.rounded-lg-2{border-radius: 15px}
	.rounded-lg-3{border-radius: 20px}
	.rounded-lg-4{border-radius: 25px}
	.rounded-lg-5{border-radius: 30px}

	/* ROUNDED TOP ↑ */
	.rounded-lg-start-top-0{border-top-left-radius: 0}
	.rounded-lg-top-1, .rounded-lg-start-1{border-top-left-radius: 10px}
	.rounded-lg-top-2, .rounded-lg-start-2{border-top-left-radius: 15px}
	.rounded-lg-top-3, .rounded-lg-start-3{border-top-left-radius: 20px}
	.rounded-lg-top-4, .rounded-lg-start-4{border-top-left-radius: 25px}
	.rounded-lg-top-5, .rounded-lg-start-5{border-top-left-radius: 30px}

	/* ROUNDED RIGHT → */
	.rounded-lg-end-top-0{border-top-right-radius: 0}
	.rounded-lg-end-1, .rounded-lg-top-1{border-top-right-radius: 10px}
	.rounded-lg-end-2, .rounded-lg-top-2{border-top-right-radius: 15px}
	.rounded-lg-end-3, .rounded-lg-top-3{border-top-right-radius: 20px}
	.rounded-lg-end-4, .rounded-lg-top-4{border-top-right-radius: 25px}
	.rounded-lg-end-5, .rounded-lg-top-5{border-top-right-radius: 30px}

	/* ROUNDED BOTTOM ↓ */
	.rounded-lg-end-bottom-0{border-bottom-right-radius: 0}
	.rounded-lg-bottom-1, .rounded-lg-end-1{border-bottom-right-radius: 10px}
	.rounded-lg-bottom-2, .rounded-lg-end-2{border-bottom-right-radius: 15px}
	.rounded-lg-bottom-3, .rounded-lg-end-3{border-bottom-right-radius: 20px}
	.rounded-lg-bottom-4, .rounded-lg-end-4{border-bottom-right-radius: 25px}
	.rounded-lg-bottom-5, .rounded-lg-end-5{border-bottom-right-radius: 30px}

	/* ROUNDED LEFT ← */
	.rounded-lg-start-bottom-0{border-bottom-left-radius: 0}
	.rounded-lg-start-1, .rounded-lg-bottom-1{border-bottom-left-radius: 10px}
	.rounded-lg-start-2, .rounded-lg-bottom-2{border-bottom-left-radius: 15px}
	.rounded-lg-start-3, .rounded-lg-bottom-3{border-bottom-left-radius: 20px}
	.rounded-lg-start-4, .rounded-lg-bottom-4{border-bottom-left-radius: 25px}
	.rounded-lg-start-5, .rounded-lg-bottom-5{border-bottom-left-radius: 30px}
	
	/* Display */
	.d-lg-block{display: block}
	.d-lg-flex{display: flex}
	.d-lg-none{display: none}
	.d-lg-grid{display: grid}
	
	/* Order Content */
	.order-lg-0{order: 0}
	.order-lg-1{order: 1}
	.order-lg-2{order: 2}
	.order-lg-3{order: 3}
	.order-lg-4{order: 4}
	.order-lg-first{order: -1}
	.order-lg-last{order: 999}
	
	/* Gap */
	.gap-lg-0{gap: 0}
	.gap-lg-1{gap: 10px}
	.gap-lg-2{gap: 20px}
	.gap-lg-3{gap: 30px}
	.gap-lg-4{gap: 40px}
	
	/* Row Gap */
	.row-gap-lg-0{row-gap: 0}
	.row-gap-lg-1{row-gap: 10px}
	.row-gap-lg-2{row-gap: 15px}
	.row-gap-lg-3{row-gap: 20px}
	.row-gap-lg-4{row-gap: 25px}
	.row-gap-lg-5{row-gap: 30px}

	/* First Row Gap */
	.first-row-gap-lg-0:first-child{row-gap: 0}
	.first-row-gap-lg-1:first-child{row-gap: 10px}
	.first-row-gap-lg-2:first-child{row-gap: 15px}
	.first-row-gap-lg-3:first-child{row-gap: 20px}
	.first-row-gap-lg-4:first-child{row-gap: 25px}
	.first-row-gap-lg-5:first-child{row-gap: 30px}

	/* Last Row Gap */
	.last-row-gap-lg-0:last-child{row-gap: 0}
	.last-row-gap-lg-1:last-child{row-gap: 10px}
	.last-row-gap-lg-2:last-child{row-gap: 15px}
	.last-row-gap-lg-3:last-child{row-gap: 20px}
	.last-row-gap-lg-4:last-child{row-gap: 25px}
	.last-row-gap-lg-5:last-child{row-gap: 30px}
	
	/* Align Items */
	.align-item-lg-start{align-items: start}
	.align-item-lg-center{align-items: center}
	.align-item-lg-end{align-items: end}
	
	/* Justify Content*/
	.justify-content-lg-start{justify-content: start}
	.justify-content-lg-center{justify-content: center}
	.justify-content-lg-end{justify-content: end}
	.justify-content-lg-sb{justify-content: space-between}
	
	/* Position */
	.position-lg-relative{position: relative}
	.position-lg-absolute{position: absolute}
	.position-lg-static{position: static}
	.position-lg-fixed{position: fixed}
	
	/* Width */
	.w-lg-10{width: 10%}
	.w-lg-15{width: 15%}
	.w-lg-20{width: 20%}
	.w-lg-25{width: 25%}
	.w-lg-30{width: 30%}
	.w-lg-35{width: 35%}
	.w-lg-40{width: 40%}
	.w-lg-45{width: 45%}
	.w-lg-50{width: 50%}
	.w-lg-55{width: 55%}
	.w-lg-60{width: 60%}
	.w-lg-65{width: 65%}
	.w-lg-70{width: 70%}
	.w-lg-75{width: 75%}
	.w-lg-80{width: 80%}
	.w-lg-85{width: 85%}
	.w-lg-90{width: 90%}
	.w-lg-95{width: 95%}
	.w-lg-100{width: 100%}
	.w-lg-fit{width: fit-content}
	
	/* Text Align */
	.text-lg-start{text-align: left}
	.text-lg-center{text-align: center}
	.text-lg-end{text-align: right}
	
	/* Font Weight */
	.fw-lg-extra-think{font-weight: 200}
	.fw-lg-think{font-weight: 300}
	.fw-lg-regular{font-weight: 400}
	.fw-lg-medium{font-weight: 500}
	.fw-lg-semibold{font-weight: 600}
	.fw-lg-bold{font-weight: 700}
	.fw-lg-extra-bold{font-weight: 800}
	.fw-lg-bolder{font-weight: 900}
	
	/* Margin */
	.mt-lg-auto, .my-lg-auto, .m-lg-auto{margin-top: auto}
	.mt-lg-0, .my-lg-0, .m-lg-0{margin-top: 0}
	.mt-lg-1, .my-lg-1, .m-lg-1{margin-top: 10px}
	.mt-lg-2, .my-lg-2, .m-lg-2{margin-top: 20px}
	.mt-lg-3, .my-lg-3, .m-lg-3{margin-top: 30px}
	.mt-lg-4, .my-lg-4, .m-lg-4{margin-top: 40px}
	.mt-lg-5, .my-lg-5, .m-lg-5{margin-top: 50px}
	.mt-lg-6, .my-lg-6, .m-lg-6{margin-top: 60px}
	.mt-lg-7, .my-lg-7, .m-lg-7{margin-top: 70px}
	.mt-lg-8, .my-lg-8, .m-lg-8{margin-top: 80px}

	.me-lg-auto, .mx-lg-auto, .m-lg-auto{margin-right: auto}
	.me-lg-0, .mx-lg-0, .m-lg-0{margin-right: 0}
	.me-lg-1, .mx-lg-1, .m-lg-1{margin-right: 10px}
	.me-lg-2, .mx-lg-2, .m-lg-2{margin-right: 20px}
	.me-lg-3, .mx-lg-3, .m-lg-3{margin-right: 30px}
	.me-lg-4, .mx-lg-4, .m-lg-4{margin-right: 40px}
	.me-lg-5, .mx-lg-5, .m-lg-5{margin-right: 50px}
	.me-lg-6, .mx-lg-6, .m-lg-6{margin-right: 60px}
	.me-lg-7, .mx-lg-7, .m-lg-7{margin-right: 70px}
	.me-lg-8, .mx-lg-8, .m-lg-8{margin-right: 80px}

	.mb-lg-auto, .my-lg-auto, .m-lg-0{margin-bottom: auto}
	.mb-lg-0, .my-lg-0, .m-lg-0{margin-bottom: 0}
	.mb-lg-1, .my-lg-1, .m-lg-1{margin-bottom: 10px}
	.mb-lg-2, .my-lg-2, .m-lg-2{margin-bottom: 20px}
	.mb-lg-3, .my-lg-3, .m-lg-3{margin-bottom: 30px}
	.mb-lg-4, .my-lg-4, .m-lg-4{margin-bottom: 40px}
	.mb-lg-5, .my-lg-5, .m-lg-5{margin-bottom: 50px}
	.mb-lg-6, .my-lg-6, .m-lg-6{margin-bottom: 60px}
	.mb-lg-7, .my-lg-7, .m-lg-7{margin-bottom: 70px}
	.mb-lg-8, .my-lg-8, .m-lg-8{margin-bottom: 80px}

	.ms-lg-auto, .mx-lg-auto, .m-lg-auto{margin-left: auto}
	.ms-lg-0, .mx-lg-0, .m-lg-0{margin-left: 0}
	.ms-lg-1, .mx-lg-1, .m-lg-1{margin-left: 10px}
	.ms-lg-2, .mx-lg-2, .m-lg-2{margin-left: 20px}
	.ms-lg-3, .mx-lg-3, .m-lg-3{margin-left: 30px}
	.ms-lg-4, .mx-lg-4, .m-lg-4{margin-left: 40px}
	.ms-lg-5, .mx-lg-5, .m-lg-5{margin-left: 50px}
	.ms-lg-6, .mx-lg-6, .m-lg-6{margin-left: 60px}
	.ms-lg-7, .mx-lg-7, .m-lg-7{margin-left: 70px}
	.ms-lg-8, .mx-lg-8, .m-lg-8{margin-left: 80px}
	
	/* Padding */
	.pt-lg-0, .py-lg-0, .p-lg-0{padding-top: 0}
	.pt-lg-1, .py-lg-1, .p-lg-1{padding-top: 10px}
	.pt-lg-2, .py-lg-2, .p-lg-2{padding-top: 20px}
	.pt-lg-3, .py-lg-3, .p-lg-3{padding-top: 30px}
	.pt-lg-4, .py-lg-4, .p-lg-4{padding-top: 40px}
	.pt-lg-5, .py-lg-5, .p-lg-5{padding-top: 50px}
	.pt-lg-6, .py-lg-6, .p-lg-6{padding-top: 60px}
	.pt-lg-7, .py-lg-7, .p-lg-7{padding-top: 70px}
	.pt-lg-8, .py-lg-8, .p-lg-8{padding-top: 80px}

	.pe-lg-0, .px-lg-0, .p-lg-0{padding-right: 0}
	.pe-lg-1, .px-lg-1, .p-lg-1{padding-right: 10px}
	.pe-lg-2, .px-lg-2, .p-lg-2{padding-right: 20px}
	.pe-lg-3, .px-lg-3, .p-lg-3{padding-right: 30px}
	.pe-lg-4, .px-lg-4, .p-lg-4{padding-right: 40px}
	.pe-lg-5, .px-lg-5, .p-lg-5{padding-right: 50px}
	.pe-lg-6, .px-lg-6, .p-lg-6{padding-right: 60px}
	.pe-lg-7, .px-lg-7, .p-lg-7{padding-right: 70px}
	.pe-lg-8, .px-lg-8, .p-lg-8{padding-right: 80px}
	.pe-lg-5p, .px-lg-5p, .p-lg-5p{padding-right: 5%}

	.pb-lg-0, .py-lg-0, .p-lg-0{padding-bottom: 0}
	.pb-lg-1, .py-lg-1, .p-lg-1{padding-bottom: 10px}
	.pb-lg-2, .py-lg-2, .p-lg-2{padding-bottom: 20px}
	.pb-lg-3, .py-lg-3, .p-lg-3{padding-bottom: 30px}
	.pb-lg-4, .py-lg-4, .p-lg-4{padding-bottom: 40px}
	.pb-lg-5, .py-lg-5, .p-lg-5{padding-bottom: 50px}
	.pb-lg-6, .py-lg-6, .p-lg-6{padding-bottom: 60px}
	.pb-lg-7, .py-lg-7, .p-lg-7{padding-bottom: 70px}
	.pb-lg-8, .py-lg-8, .p-lg-8{padding-bottom: 80px}

	.ps-lg-0, .px-lg-0, .p-lg-0{padding-left: 0}
	.ps-lg-1, .px-lg-1, .p-lg-1{padding-left: 10px}
	.ps-lg-2, .px-lg-2, .p-lg-2{padding-left: 20px}
	.ps-lg-3, .px-lg-3, .p-lg-3{padding-left: 30px}
	.ps-lg-4, .px-lg-4, .p-lg-4{padding-left: 40px}
	.ps-lg-5, .px-lg-5, .p-lg-5{padding-left: 50px}
	.ps-lg-6, .px-lg-6, .p-lg-6{padding-left: 60px}
	.ps-lg-7, .px-lg-7, .p-lg-7{padding-left: 70px}
	.ps-lg-8, .px-lg-8, .p-lg-8{padding-left: 80px}
	.ps-lg-5p, .px-lg-5p, .p-lg-5p{padding-left: 5%}
	
	/* Columns */
	.col-lg-1{flex: 0 0 auto; width: 8.33333333%}
	.col-lg-2{flex: 0 0 auto; width: 16.66666667%}
	.col-lg-3{flex: 0 0 auto; width: 25%}
	.col-lg-4{flex: 0 0 auto; width: 33.33333333%}
	.col-lg-5{flex: 0 0 auto; width: 41.66666667%}
	.col-lg-6{flex: 0 0 auto; width: 50%}
	.col-lg-7{flex: 0 0 auto; width: 58.33333333%}
	.col-lg-8{flex: 0 0 auto; width: 66.66666667%}
	.col-lg-9{flex: 0 0 auto; width: 75%}
	.col-lg-10{flex: 0 0 auto; width: 83.33333333%}
	.col-lg-11{flex: 0 0 auto; width: 91.66666667%}
	.col-lg-12{flex: 0 0 auto; width: 100%}
	.col-lg-padding{padding-left: 2.5%; padding-right: 2.5%}
}

@media (min-width: 1201px){
	h1, .h1, #h1{
		line-height: 1;
	}
	
	h2, .h2, #h2{
		font-size: 48px;
		line-height: 56px;
	}
		h3, .h3, #h3{
		font-size: 32px;
		line-height: 1.1;
	}
	/* ROUNDED */
	.rounded-xl-0{border-radius: 0}
	.rounded-xl-1{border-radius: 10px}
	.rounded-xl-2{border-radius: 15px}
	.rounded-xl-3{border-radius: 20px}
	.rounded-xl-4{border-radius: 25px}
	.rounded-xl-5{border-radius: 30px}

	/* ROUNDED TOP ↑ */
	.rounded-xl-start-top-0{border-top-left-radius: 0}
	.rounded-xl-top-1, .rounded-xl-start-1{border-top-left-radius: 10px}
	.rounded-xl-top-2, .rounded-xl-start-2{border-top-left-radius: 15px}
	.rounded-xl-top-3, .rounded-xl-start-3{border-top-left-radius: 20px}
	.rounded-xl-top-4, .rounded-xl-start-4{border-top-left-radius: 25px}
	.rounded-xl-top-5, .rounded-xl-start-5{border-top-left-radius: 30px}

	/* ROUNDED RIGHT → */
	.rounded-xl-end-top-0{border-top-right-radius: 0}
	.rounded-xl-end-1, .rounded-xl-top-1{border-top-right-radius: 10px}
	.rounded-xl-end-2, .rounded-xl-top-2{border-top-right-radius: 15px}
	.rounded-xl-end-3, .rounded-xl-top-3{border-top-right-radius: 20px}
	.rounded-xl-end-4, .rounded-xl-top-4{border-top-right-radius: 25px}
	.rounded-xl-end-5, .rounded-xl-top-5{border-top-right-radius: 30px}

	/* ROUNDED BOTTOM ↓ */
	.rounded-xl-end-bottom-0{border-bottom-right-radius: 0}
	.rounded-xl-bottom-1, .rounded-xl-end-1{border-bottom-right-radius: 10px}
	.rounded-xl-bottom-2, .rounded-xl-end-2{border-bottom-right-radius: 15px}
	.rounded-xl-bottom-3, .rounded-xl-end-3{border-bottom-right-radius: 20px}
	.rounded-xl-bottom-4, .rounded-xl-end-4{border-bottom-right-radius: 25px}
	.rounded-xl-bottom-5, .rounded-xl-end-5{border-bottom-right-radius: 30px}

	/* ROUNDED LEFT ← */
	.rounded-xl-start-bottom-0{border-bottom-left-radius: 0}
	.rounded-xl-start-1, .rounded-xl-bottom-1{border-bottom-left-radius: 10px}
	.rounded-xl-start-2, .rounded-xl-bottom-2{border-bottom-left-radius: 15px}
	.rounded-xl-start-3, .rounded-xl-bottom-3{border-bottom-left-radius: 20px}
	.rounded-xl-start-4, .rounded-xl-bottom-4{border-bottom-left-radius: 25px}
	.rounded-xl-start-5, .rounded-xl-bottom-5{border-bottom-left-radius: 30px}
	
	/* Display */
	.d-xl-block{display: block}
	.d-xl-flex{display: flex}
	.d-xl-none{display: none}
	.d-xl-grid{display: grid}
	
	/* Order Content */
	.order-xl-0{order: 0}
	.order-xl-1{order: 1}
	.order-xl-2{order: 2}
	.order-xl-3{order: 3}
	.order-xl-4{order: 4}
	.order-xl-first{order: -1}
	.order-xl-last{order: 999}
	
	/* Gap */
	.gap-xl-0{gap: 0}
	.gap-xl-1{gap: 10px}
	.gap-xl-2{gap: 20px}
	.gap-xl-3{gap: 30px}
	.gap-xl-4{gap: 40px}
	
	/* Row Gap */
	.row-gap-xl-0{row-gap: 0}
	.row-gap-xl-1{row-gap: 10px}
	.row-gap-xl-2{row-gap: 15px}
	.row-gap-xl-3{row-gap: 20px}
	.row-gap-xl-4{row-gap: 25px}
	.row-gap-xl-5{row-gap: 30px}

	/* First Row Gap */
	.first-row-gap-xl-0:first-child{row-gap: 0}
	.first-row-gap-xl-1:first-child{row-gap: 10px}
	.first-row-gap-xl-2:first-child{row-gap: 15px}
	.first-row-gap-xl-3:first-child{row-gap: 20px}
	.first-row-gap-xl-4:first-child{row-gap: 25px}
	.first-row-gap-xl-5:first-child{row-gap: 30px}

	/* Last Row Gap */
	.last-row-gap-xl-0:last-child{row-gap: 0}
	.last-row-gap-xl-1:last-child{row-gap: 10px}
	.last-row-gap-xl-2:last-child{row-gap: 15px}
	.last-row-gap-xl-3:last-child{row-gap: 20px}
	.last-row-gap-xl-4:last-child{row-gap: 25px}
	.last-row-gap-xl-5:last-child{row-gap: 30px}
	
	/* Align Items */
	.align-item-xl-start{align-items: start}
	.align-item-xl-center{align-items: center}
	.align-item-xl-end{align-items: end}
	
	/* Justify Content */
	.justify-content-xl-start{justify-content: start}
	.justify-content-xl-center{justify-content: center}
	.justify-content-xl-end{justify-content: end}
	.justify-content-xl-sb{justify-content: space-between}
	
	/* Position */
	.position-xl-relative{position: relative}
	.position-xl-absolute{position: absolute}
	.position-xl-static{position: static}
	.position-xl-fixed{position: fixed}
	
	/* Width */
	.w-xl-10{width: 10%}
	.w-xl-15{width: 15%}
	.w-xl-20{width: 20%}
	.w-xl-25{width: 25%}
	.w-xl-30{width: 30%}
	.w-xl-35{width: 35%}
	.w-xl-40{width: 40%}
	.w-xl-45{width: 45%}
	.w-xl-50{width: 50%}
	.w-xl-55{width: 55%}
	.w-xl-60{width: 60%}
	.w-xl-65{width: 65%}
	.w-xl-70{width: 70%}
	.w-xl-75{width: 75%}
	.w-xl-80{width: 80%}
	.w-xl-85{width: 85%}
	.w-xl-90{width: 90%}
	.w-xl-95{width: 95%}
	.w-xl-100{width: 100%}
	.w-xl-fit{width: fit-content}
	
	/* Text Align */
	.text-xl-start{text-align: left}
	.text-xl-center{text-align: center}
	.text-xl-end{text-align: right}
	
	/* Font Weight */
	.fw-xl-extra-think{font-weight: 200}
	.fw-xl-think{font-weight: 300}
	.fw-xl-regular{font-weight: 400}
	.fw-xl-medium{font-weight: 500}
	.fw-xl-semibold{font-weight: 600}
	.fw-xl-bold{font-weight: 700}
	.fw-xl-extra-bold{font-weight: 800}
	.fw-xl-bolder{font-weight: 900}
	
	/* Margin */
	.mt-xl-auto, .my-xl-auto, .m-xl-auto{margin-top: auto}
	.mt-xl-0, .my-xl-0, .m-xl-0{margin-top: 0}
	.mt-xl-1, .my-xl-1, .m-xl-1{margin-top: 10px}
	.mt-xl-2, .my-xl-2, .m-xl-2{margin-top: 20px}
	.mt-xl-3, .my-xl-3, .m-xl-3{margin-top: 30px}
	.mt-xl-4, .my-xl-4, .m-xl-4{margin-top: 40px}
	.mt-xl-3, .my-xl-3, .m-xl-3{margin-top: 30px}
	.mt-xl-4, .my-xl-4, .m-xl-4{margin-top: 40px}
	.mt-xl-5, .my-xl-5, .m-xl-5{margin-top: 50px}
	.mt-xl-6, .my-xl-6, .m-xl-6{margin-top: 60px}

	.me-xl-auto, .mx-xl-auto, .m-xl-auto{margin-right: auto}
	.me-xl-0, .mx-xl-0, .m-xl-0{margin-right: 0}
	.me-xl-1, .mx-xl-1, .m-xl-1{margin-right: 10px}
	.me-xl-2, .mx-xl-2, .m-xl-2{margin-right: 20px}
	.me-xl-3, .mx-xl-3, .m-xl-3{margin-right: 30px}
	.me-xl-4, .mx-xl-4, .m-xl-4{margin-right: 40px}
	.me-xl-3, .mx-xl-3, .m-xl-3{margin-right: 30px}
	.me-xl-4, .mx-xl-4, .m-xl-4{margin-right: 40px}
	.me-xl-5, .mx-xl-5, .m-xl-5{margin-right: 50px}
	.me-xl-6, .mx-xl-6, .m-xl-6{margin-right: 60px}

	.mb-xl-auto, .my-xl-auto, .m-xl-auto{margin-bottom: auto}
	.mb-xl-0, .my-xl-0, .m-xl-0{margin-bottom: 0}
	.mb-xl-1, .my-xl-1, .m-xl-1{margin-bottom: 10px}
	.mb-xl-2, .my-xl-2, .m-xl-2{margin-bottom: 20px}
	.mb-xl-3, .my-xl-3, .m-xl-3{margin-bottom: 30px}
	.mb-xl-4, .my-xl-4, .m-xl-4{margin-bottom: 40px}
	.mb-xl-5, .my-xl-5, .m-xl-5{margin-bottom: 50px}
	.mb-xl-6, .my-xl-6, .m-xl-6{margin-bottom: 60px}

	.ms-xl-auto, .mx-xl-auto, .m-xl-auto{margin-left: auto}
	.ms-xl-0, .mx-xl-0, .m-xl-0{margin-left: 0}
	.ms-xl-1, .mx-xl-1, .m-xl-1{margin-left: 10px}
	.ms-xl-2, .mx-xl-2, .m-xl-2{margin-left: 20px}
	.ms-xl-3, .mx-xl-3, .m-xl-3{margin-left: 30px}
	.ms-xl-4, .mx-xl-4, .m-xl-4{margin-left: 40px}
	.ms-xl-5, .mx-xl-5, .m-xl-5{margin-left: 50px}
	.ms-xl-6, .mx-xl-6, .m-xl-6{margin-left: 60px}
	
	/* Padding */
	.pt-xl-0, .py-xl-0, .p-xl-0{padding-top: 0}
	.pt-xl-1, .py-xl-1, .p-xl-1{padding-top: 10px}
	.pt-xl-2, .py-xl-2, .p-xl-2{padding-top: 20px}
	.pt-xl-3, .py-xl-3, .p-xl-3{padding-top: 30px}
	.pt-xl-4, .py-xl-4, .p-xl-4{padding-top: 40px}
	.pt-xl-5, .py-xl-5, .p-xl-5{padding-top: 50px}
	.pt-xl-6, .py-xl-6, .p-xl-6{padding-top: 60px}
	.pt-xl-7, .py-xl-7, .p-xl-7{padding-top: 70px}
	.pt-xl-8, .py-xl-8, .p-xl-8{padding-top: 80px}

	.pe-xl-0, .px-xl-0, .p-xl-0{padding-right: 0}
	.pe-xl-1, .px-xl-1, .p-xl-1{padding-right: 10px}
	.pe-xl-2, .px-xl-2, .p-xl-2{padding-right: 20px}
	.pe-xl-3, .px-xl-3, .p-xl-3{padding-right: 30px}
	.pe-xl-4, .px-xl-4, .p-xl-4{padding-right: 40px}
	.pe-xl-5, .px-xl-5, .p-xl-5{padding-right: 50px}
	.pe-xl-6, .px-xl-6, .p-xl-6{padding-right: 60px}
	.pe-xl-7, .px-xl-7, .p-xl-7{padding-right: 70px}
	.pe-xl-8, .px-xl-8, .p-xl-8{padding-right: 80px}
	.pe-lg-5p, .px-lg-5p, .p-lg-5p{padding-right: 5%}

	.pb-xl-0, .py-xl-0, .p-xl-0{padding-bottom: 0}
	.pb-xl-1, .py-xl-1, .p-xl-1{padding-bottom: 10px}
	.pb-xl-2, .py-xl-2, .p-xl-2{padding-bottom: 20px}
	.pb-xl-3, .py-xl-3, .p-xl-3{padding-bottom: 30px}
	.pb-xl-4, .py-xl-4, .p-xl-4{padding-bottom: 40px}
	.pb-xl-5, .py-xl-5, .p-xl-5{padding-bottom: 50px}
	.pb-xl-6, .py-xl-6, .p-xl-6{padding-bottom: 60px}
	.pb-xl-7, .py-xl-7, .p-xl-7{padding-bottom: 70px}
	.pb-xl-8, .py-xl-8, .p-xl-8{padding-bottom: 80px}

	.ps-xl-0, .px-xl-0, .p-xl-0{padding-left: 0}
	.ps-xl-1, .px-xl-1, .p-xl-1{padding-left: 10px}
	.ps-xl-2, .px-xl-2, .p-xl-2{padding-left: 20px}
	.ps-xl-3, .px-xl-3, .p-xl-3{padding-left: 30px}
	.ps-xl-4, .px-xl-4, .p-xl-4{padding-left: 40px}
	.ps-xl-5, .px-xl-5, .p-xl-5{padding-left: 50px}
	.ps-xl-6, .px-xl-6, .p-xl-6{padding-left: 60px}
	.ps-xl-7, .px-xl-7, .p-xl-7{padding-left: 70px}
	.ps-xl-8, .px-xl-8, .p-xl-8{padding-left: 80px}
	.ps-xl-5p, .px-xl-5p, .p-xl-5p{padding-right: 5%}
	
	/* Columns */
	.col-xl-1{flex: 0 0 auto; width: 8.33333333%}
	.col-xl-2{flex: 0 0 auto; width: 16.66666667%}
	.col-xl-3{flex: 0 0 auto; width: 25%}
	.col-xl-4{flex: 0 0 auto; width: 33.33333333%}
	.col-xl-5{flex: 0 0 auto; width: 41.66666667%}
	.col-xl-6{flex: 0 0 auto; width: 50%}
	.col-xl-7{flex: 0 0 auto; width: 58.33333333%}
	.col-xl-8{flex: 0 0 auto; width: 66.66666667%}
	.col-xl-9{flex: 0 0 auto; width: 75%}
	.col-xl-10{flex: 0 0 auto; width: 83.33333333%}
	.col-xl-11{flex: 0 0 auto; width: 91.66666667%}
	.col-xl-12{flex: 0 0 auto; width: 100%}
	.col-xl-padding{padding-left: 2.5%; padding-right: 2.5%}
}

@media (min-width: 1400px){
	/* ROUNDED */
	.rounded-xxl-0{border-radius: 0}
	.rounded-xxl-1{border-radius: 10px}
	.rounded-xxl-2{border-radius: 15px}
	.rounded-xxl-3{border-radius: 20px}
	.rounded-xxl-4{border-radius: 25px}
	.rounded-xxl-5{border-radius: 30px}

	/* ROUNDED TOP ↑ */
	.rounded-xxl-start-top-0{border-top-left-radius: 0}
	.rounded-xxl-top-1, .rounded-xxl-start-1{border-top-left-radius: 10px}
	.rounded-xxl-top-2, .rounded-xxl-start-2{border-top-left-radius: 15px}
	.rounded-xxl-top-3, .rounded-xxl-start-3{border-top-left-radius: 20px}
	.rounded-xxl-top-4, .rounded-xxl-start-4{border-top-left-radius: 25px}
	.rounded-xxl-top-5, .rounded-xxl-start-5{border-top-left-radius: 30px}

	/* ROUNDED RIGHT → */
	.rounded-xxl-end-top-0{border-top-right-radius: 0}
	.rounded-xxl-end-1, .rounded-xxl-top-1{border-top-right-radius: 10px}
	.rounded-xxl-end-2, .rounded-xxl-top-2{border-top-right-radius: 15px}
	.rounded-xxl-end-3, .rounded-xxl-top-3{border-top-right-radius: 20px}
	.rounded-xxl-end-4, .rounded-xxl-top-4{border-top-right-radius: 25px}
	.rounded-xxl-end-5, .rounded-xxl-top-5{border-top-right-radius: 30px}

	/* ROUNDED BOTTOM ↓ */
	.rounded-xxl-end-bottom-0{border-bottom-right-radius: 0}
	.rounded-xxl-bottom-1, .rounded-xxl-end-1{border-bottom-right-radius: 10px}
	.rounded-xxl-bottom-2, .rounded-xxl-end-2{border-bottom-right-radius: 15px}
	.rounded-xxl-bottom-3, .rounded-xxl-end-3{border-bottom-right-radius: 20px}
	.rounded-xxl-bottom-4, .rounded-xxl-end-4{border-bottom-right-radius: 25px}
	.rounded-xxl-bottom-5, .rounded-xxl-end-5{border-bottom-right-radius: 30px}

	/* ROUNDED LEFT ← */
	.rounded-xxl-start-bottom-0{border-bottom-left-radius: 0}
	.rounded-xxl-start-1, .rounded-xxl-bottom-1{border-bottom-left-radius: 10px}
	.rounded-xxl-start-2, .rounded-xxl-bottom-2{border-bottom-left-radius: 15px}
	.rounded-xxl-start-3, .rounded-xxl-bottom-3{border-bottom-left-radius: 20px}
	.rounded-xxl-start-4, .rounded-xxl-bottom-4{border-bottom-left-radius: 25px}
	.rounded-xxl-start-5, .rounded-xxl-bottom-5{border-bottom-left-radius: 30px}
	
	/* Display */
	.d-xxl-block{display: block}
	.d-xxl-flex{display: flex}
	.d-xxl-none{display: none}
	.d-xxl-grid{display: grid}
	
	/* Order */
	.order-xxl-0{order: 0}
	.order-xxl-1{order: 1}
	.order-xxl-2{order: 2}
	.order-xxl-3{order: 3}
	.order-xxl-4{order: 4}
	.order-xxl-first{order: -1}
	.order-xxl-last{order: 999}
	
	/* Gap */
	.gap-xxl-0{gap: 0}
	.gap-xxl-1{gap: 10px}
	.gap-xxl-2{gap: 20px}
	.gap-xxl-3{gap: 30px}
	.gap-xxl-4{gap: 40px}		
	
	/* Row Gap */
	.row-gap-xxl-0{row-gap: 0}
	.row-gap-xxl-1{row-gap: 10px}
	.row-gap-xxl-2{row-gap: 15px}
	.row-gap-xxl-3{row-gap: 20px}
	.row-gap-xxl-4{row-gap: 25px}
	.row-gap-xxl-5{row-gap: 30px}

	/* First Row Gap */
	.first-row-gap-xxl-0:first-child{row-gap: 0}
	.first-row-gap-xxl-1:first-child{row-gap: 10px}
	.first-row-gap-xxl-2:first-child{row-gap: 15px}
	.first-row-gap-xxl-3:first-child{row-gap: 20px}
	.first-row-gap-xxl-4:first-child{row-gap: 25px}
	.first-row-gap-xxl-5:first-child{row-gap: 30px}

	/* Last Row Gap */
	.last-row-gap-xxl-0:last-child{row-gap: 0}
	.last-row-gap-xxl-1:last-child{row-gap: 10px}
	.last-row-gap-xxl-2:last-child{row-gap: 15px}
	.last-row-gap-xxl-3:last-child{row-gap: 20px}
	.last-row-gap-xxl-4:last-child{row-gap: 25px}
	.last-row-gap-xxl-5:last-child{row-gap: 30px}
	
	/* Align Items */
	.align-item-xxl-start{align-items: start}
	.align-item-xxl-center{align-items: center}
	.align-item-xxl-end{align-items: end}
	
	/* Justify Content */
	.justify-content-xxl-start{justify-content: start}
	.justify-content-xxl-center{justify-content: center}
	.justify-content-xxl-end{justify-content: end}
	.justify-content-xxl-sb{justify-content: space-between}
	
	/* Position */
	.position-xxl-relative{position: relative}
	.position-xxl-absolute{position: absolute}
	.position-xxl-static{position: static}
	.position-xxl-fixed{position: fixed}
	
	/* Width */
	.w-xxl-10{width: 10%}
	.w-xxl-15{width: 15%}
	.w-xxl-20{width: 20%}
	.w-xxl-25{width: 25%}
	.w-xxl-30{width: 30%}
	.w-xxl-35{width: 35%}
	.w-xxl-40{width: 40%}
	.w-xxl-45{width: 45%}
	.w-xxl-50{width: 50%}
	.w-xxl-55{width: 55%}
	.w-xxl-60{width: 60%}
	.w-xxl-65{width: 65%}
	.w-xxl-70{width: 70%}
	.w-xxl-75{width: 75%}
	.w-xxl-80{width: 80%}
	.w-xxl-85{width: 85%}
	.w-xxl-90{width: 90%}
	.w-xxl-95{width: 95%}
	.w-xxl-100{width: 100%}
	.w-xxl-fit{width: fit-content}
	
	/* Text Align */
	.text-xxl-start{text-align: left}
	.text-xxl-center{text-align: center}
	.text-xxl-end{text-align: right}

	/* Font Weight */
	.fw-xxl-extra-think{font-weight: 200}
	.fw-xxl-think{font-weight: 300}
	.fw-xxl-regular{font-weight: 400}
	.fw-xxl-medium{font-weight: 500}
	.fw-xxl-semibold{font-weight: 600}
	.fw-xxl-bold{font-weight: 700}
	.fw-xxl-extra-bold{font-weight: 800}
	.fw-xxl-bolder{font-weight: 900}
	
	/* Margin */
	.mt-xxl-auto, .my-xxl-auto, .m-xxl-auto{margin-top: auto}
	.mt-xxl-0, .my-xxl-0, .m-xxl-0{margin-top: 0}
	.mt-xxl-1, .my-xxl-1, .m-xxl-1{margin-top: 10px}
	.mt-xxl-2, .my-xxl-2, .m-xxl-2{margin-top: 20px}
	.mt-xxl-3, .my-xxl-3, .m-xxl-3{margin-top: 30px}
	.mt-xxl-4, .my-xxl-4, .m-xxl-4{margin-top: 40px}
	.mt-xxl-3, .my-xxl-3, .m-xxl-3{margin-top: 30px}
	.mt-xxl-4, .my-xxl-4, .m-xxl-4{margin-top: 40px}
	.mt-xxl-5, .my-xxl-5, .m-xxl-5{margin-top: 50px}
	.mt-xxl-6, .my-xxl-6, .m-xxl-6{margin-top: 60px}
	.mt-xxl-7, .my-xxl-7, .m-xxl-7{margin-top: 70px}
	.mt-xxl-8, .my-xxl-8, .m-xxl-8{margin-top: 80px}

	.me-xxl-auto, .mx-xl-auto, .m-xl-auto{margin-right: auto}
	.me-xxl-0, .mx-xxl-0, .m-xxl-0{margin-right: 0}
	.me-xxl-1, .mx-xxl-1, .m-xxl-1{margin-right: 10px}
	.me-xxl-2, .mx-xxl-2, .m-xxl-2{margin-right: 20px}
	.me-xxl-3, .mx-xxl-3, .m-xxl-3{margin-right: 30px}
	.me-xxl-4, .mx-xxl-4, .m-xxl-4{margin-right: 40px}
	.me-xxl-3, .mx-xxl-3, .m-xxl-3{margin-right: 30px}
	.me-xxl-4, .mx-xxl-4, .m-xxl-4{margin-right: 40px}
	.me-xxl-5, .mx-xxl-5, .m-xxl-5{margin-right: 50px}
	.me-xxl-6, .mx-xxl-6, .m-xxl-6{margin-right: 60px}
	.me-xxl-7, .mx-xxl-7, .m-xxl-7{margin-right: 70px}
	.me-xxl-8, .mx-xxl-8, .m-xxl-8{margin-right: 80px}

	.mb-xxl-auto, .my-xxl-auto, .m-xxl-auto{margin-bottom: auto}
	.mb-xxl-0, .my-xxl-0, .m-xxl-0{margin-bottom: 0}
	.mb-xxl-1, .my-xxl-1, .m-xxl-1{margin-bottom: 10px}
	.mb-xxl-2, .my-xxl-2, .m-xxl-2{margin-bottom: 20px}
	.mb-xxl-3, .my-xxl-3, .m-xxl-3{margin-bottom: 30px}
	.mb-xxl-4, .my-xxl-4, .m-xxl-4{margin-bottom: 40px}
	.mb-xxl-5, .my-xxl-5, .m-xxl-5{margin-bottom: 50px}
	.mb-xxl-6, .my-xxl-6, .m-xxl-6{margin-bottom: 60px}
	.mb-xxl-7, .my-xxl-7, .m-xxl-7{margin-bottom: 70px}
	.mb-xxl-8, .my-xxl-8, .m-xxl-8{margin-bottom: 80px}

	.ms-xxl-auto, .mx-xxl-auto, .m-xxl-auto{margin-left: auto}
	.ms-xxl-0, .mx-xxl-0, .m-xxl-0{margin-left: 0}
	.ms-xxl-1, .mx-xxl-1, .m-xxl-1{margin-left: 10px}
	.ms-xxl-2, .mx-xxl-2, .m-xxl-2{margin-left: 20px}
	.ms-xxl-3, .mx-xxl-3, .m-xxl-3{margin-left: 30px}
	.ms-xxl-4, .mx-xxl-4, .m-xxl-4{margin-left: 40px}
	.ms-xxl-5, .mx-xxl-5, .m-xxl-5{margin-left: 50px}
	.ms-xxl-6, .mx-xxl-6, .m-xxl-6{margin-left: 60px}
	.ms-xxl-7, .mx-xxl-7, .m-xxl-7{margin-left: 70px}
	.ms-xxl-8, .mx-xxl-8, .m-xxl-8{margin-left: 80px}
	
	/* Padding */
	.pt-xxl-0, .py-xxl-0, .p-xxl-0{padding-top: 0}
	.pt-xxl-1, .py-xxl-1, .p-xxl-1{padding-top: 10px}
	.pt-xxl-2, .py-xxl-2, .p-xxl-2{padding-top: 20px}
	.pt-xxl-3, .py-xxl-3, .p-xxl-3{padding-top: 30px}
	.pt-xxl-4, .py-xxl-4, .p-xxl-4{padding-top: 40px}
	.pt-xxl-5, .py-xxl-5, .p-xxl-5{padding-top: 50px}
	.pt-xxl-6, .py-xxl-6, .p-xxl-6{padding-top: 60px}
	.pt-xxl-7, .py-xxl-7, .p-xxl-7{padding-top: 70px}
	.pt-xxl-8, .py-xxl-8, .p-xxl-8{padding-top: 80px}

	.pe-xxl-0, .px-xxl-0, .p-xxl-0{padding-right: 0}
	.pe-xxl-1, .px-xxl-1, .p-xxl-1{padding-right: 10px}
	.pe-xxl-2, .px-xxl-2, .p-xxl-2{padding-right: 20px}
	.pe-xxl-3, .px-xxl-3, .p-xxl-3{padding-right: 30px}
	.pe-xxl-4, .px-xxl-4, .p-xxl-4{padding-right: 40px}
	.pe-xxl-5, .px-xxl-5, .p-xxl-5{padding-right: 50px}
	.pe-xxl-6, .px-xxl-6, .p-xxl-6{padding-right: 60px}
	.pe-xxl-7, .px-xxl-7, .p-xxl-7{padding-right: 70px}
	.pe-xxl-8, .px-xxl-8, .p-xxl-8{padding-right: 80px}
	.pe-xxl-5p, .px-xxl-5p, .p-xxl-5p{padding-right: 5%}

	.pb-xxl-0, .py-xxl-0, .p-xxl-0{padding-bottom: 0}
	.pb-xxl-1, .py-xxl-1, .p-xxl-1{padding-bottom: 10px}
	.pb-xxl-2, .py-xxl-2, .p-xxl-2{padding-bottom: 20px}
	.pb-xxl-3, .py-xxl-3, .p-xxl-3{padding-bottom: 30px}
	.pb-xxl-4, .py-xxl-4, .p-xxl-4{padding-bottom: 40px}
	.pb-xxl-5, .py-xxl-5, .p-xxl-5{padding-bottom: 50px}
	.pb-xxl-6, .py-xxl-6, .p-xxl-6{padding-bottom: 60px}
	.pb-xxl-7, .py-xxl-7, .p-xxl-7{padding-bottom: 70px}
	.pb-xxl-8, .py-xxl-8, .p-xxl-8{padding-bottom: 80px}

	.ps-xxl-0, .px-xxl-0, .p-xxl-0{padding-left: 0}
	.ps-xxl-1, .px-xxl-1, .p-xxl-1{padding-left: 10px}
	.ps-xxl-2, .px-xxl-2, .p-xxl-2{padding-left: 20px}
	.ps-xxl-3, .px-xxl-3, .p-xxl-3{padding-left: 30px}
	.ps-xxl-4, .px-xxl-4, .p-xxl-4{padding-left: 40px}
	.ps-xxl-5, .px-xxl-5, .p-xxl-5{padding-left: 50px}
	.ps-xxl-6, .px-xxl-6, .p-xxl-6{padding-left: 60px}
	.ps-xxl-7, .px-xxl-7, .p-xxl-7{padding-left: 70px}
	.ps-xxl-8, .px-xxl-8, .p-xxl-8{padding-left: 80px}
	.ps-xxl-5p, .px-xxl-5p, .p-xxl-5p{padding-right: 5%}
	
	/* Columns */
	.col-xxl-1{flex: 0 0 auto; width: 8.33333333%}
	.col-xxl-2{flex: 0 0 auto; width: 16.66666667%}
	.col-xxl-3{flex: 0 0 auto; width: 25%}
	.col-xxl-4{flex: 0 0 auto; width: 33.33333333%}
	.col-xxl-5{flex: 0 0 auto; width: 41.66666667%}
	.col-xxl-6{flex: 0 0 auto; width: 50%}
	.col-xxl-7{flex: 0 0 auto; width: 58.33333333%}
	.col-xxl-8{flex: 0 0 auto; width: 66.66666667%}
	.col-xxl-9{flex: 0 0 auto; width: 75%}
	.col-xxl-10{flex: 0 0 auto; width: 83.33333333%}
	.col-xxl-11{flex: 0 0 auto; width: 91.66666667%}
	.col-xxl-12{flex: 0 0 auto; width: 100%}
	.col-xxl-padding{padding-left: 2.5%; padding-right: 2.5%}
}

/*VIDEO DE YOUTUBE*/
iframe.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0px 3px 6px 0px #0000004f; /*optional*/
}
.iframe-container{
	width: auto;
	position: relative;
	padding: 0;
	margin: auto;
}
.iframe-container > img{box-shadow: 0px 3px 6px 0px #0000004f} /*optional*/

.ar-16-9{aspect-ratio: 16/9}
.ar-9-16{aspect-ratio: 9/16}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: white;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.play-button.hidden {
    opacity: 0;
    visibility: hidden;
}

/*TABLAS DE PRECIOS*/
.table-dark{
    background: var(--color-4);
    color: var(--color-1);
    border: 1px solid var(--color-4);
}

.table-gray{
    background: #dddddd;
    border: 1px solid #dddddd;
}

.table-dark > tr > th, .table-gray > td {border-right: 3px solid var(--color-1)}

.table-dark > tr > th:last-child, .table-gray > td:last-child {border-right: none}

tr {border-bottom: none}

tbody > tr > td {
    line-height: 1.5;
    font-weight: 500;
}

td:nth-child(1), td:nth-child(1) {
    color: var(--color-4);
    text-align: center !important;
    display: revert;
}

/*Astra*/
/*Ancho de contenedores*/
.ast-container, .ast-container-fluid, .ast-plain-container.ast-no-sidebar #primary {
	margin: 0 !important;
}

@media (min-width: 922px){ 
	.ast-container, .ast-container-fluid{
		padding-left: 0 !important;
		padding-right: 0 !important;
	} 
}
/*Navbar Fijo*/
 @media (max-width: 921px) {
     .ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle {
         top: 0px !important;
         right: 0% !important;
         border: none !important;
         color: var(--golden);
     }
 
     #ast-hf-mobile-menu > li {
         margin-bottom: 0 !important;
     }
 
     ul.sub-menu > li {
         margin-bottom: 0 !important;
     }
 
     .ast-logo-title-inline .ast-site-identity {
         padding: 0 !important;
     }
 
     .ast-header-break-point #ast-mobile-header {
         position: fixed !important;
         width: 100% !important;
     }
 
     .mt-vh {
         margin-top: 9dvh !important;
     }
 
     .menu-item-244 {
         display: flex !important;
     }
 
     .ast-menu-toggle {
         width: 100% !important;
         text-align: end !important;
         background: transparent !important;
     }
     
     .ast-container, .ast-container-fluid{
        padding: 0 !important;
    }
 }
 
 @media (min-width: 922px) {
     #ast-hf-menu-1 > li {
         margin-bottom: 0 !important;
     }
 
     .site-header {
         position: fixed !important;
         top: 0 !important;
         width: 100% !important;
     }
 
     .mt-vh {
         margin-top: 6dvh !important;
     }
 
     .ast-logo-title-inline .ast-site-identity {
         padding: 5px 0 !important;
     }
 
     #ast-hf-menu-1 > li > a {
         font-size: 16px;
     }
 }
 
 @media (max-width: 544px) {
     .mt-vh {
         margin-top: 8vh !important;
     }
 }
 
 @media (min-width: 1024px) {
 	.img-r-hero{
 		border-radius: 100vh 0 0 100vh;
 	}
 }

/*BUTTON CF7*/
.wpcf7-submit{
	background-color: var(--color-2) !important;
	color: var(--color-3) !important;		
}

/* Hover */
.wpcf7-submit:hover{
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.15);
	filter: brightness(1.05);
}

/* Focus accesible */
.wpcf7-submit:focus{
	outline: none;
	box-shadow: 0 0 0 3px rgba(0,0,0,0.15);
}

/* Active (cuando se presiona) */
.wpcf7-submit:active{
	transform: translateY(0);
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	filter: brightness(0.95);
}