@charset "utf-8";
/* @media only screen and (max-width: 760px), (min-width: 768px) and (max-width: 1024px) {
} */
/****************************
COLOR PALLET
****************************/
:root	{
	/* DEFAULT COLORS */
	--default:#dddddd;
	--hover-default:#d0d0d0;
	--focus-default:#cacaca;

	/* PRIMARY COLORS */
	--primary: #002f6c;
	--hover-primary: #002555;
	--focus-primary: #001939;

	/* SECONDARY COLORS */
	--secondary: #00808a;
	--hover-secondary: #006b73;
	--focus-secondary: #02565d;

	/* TERTIARY COLORS */
	--tertiary: #00b4ad;
	--hover-tertiary: #009e99;
	--focus-tertiary: #018681;

	/* QUATERNARY COLORS */
	--quaternary: #ff8100;
	--hover-quaternary: #e47200;
	--focus-quaternary: #c76300;

	/* QUINARY COLORS */
	--quinary: #fcb713;
	--hover-quinary: #e7a711;
	--focus-quinary: #d3980d;


	/* ALERT COLORS */
	--info:#00BCD4;
	--hover-info:#029fb3;
	--focus-info:#018090;

	--success:#43A047;
	--hover-success:#388E3C;
	--focus-success:#2E7D32;

	--warning:#FFC107;
	--hover-warning:#d29f08;
	--focus-warning:#b58906;

	--danger:#e53935;
	--hover-danger:#bf2d28;
	--focus-danger:#a02622;

	/* TIPOGRAPHY */
	--body-font: 'Manrope';
	--title-font: 'Montserrat';

	/* Small titles */
    --title-sm-1: clamp(20px, 1.5vw, 24px);
    --title-sm-2: clamp(22px, 1.8vw, 28px);
    --title-sm-3: clamp(24px, 2vw, 32px);

    /* Regular titles */
    --title-1: clamp(28px, 2.5vw, 40px);
    --title-2: clamp(30px, 3vw, 45px);
    --title-3: clamp(32px, 3.5vw, 50px);
    --title-4: clamp(34px, 4vw, 55px);

    /* Hero / display titles */
    --title-lg-1: clamp(40px, 5vw, 60px);
    --title-lg-2: clamp(44px, 5.5vw, 68px);
    --title-lg-3: clamp(48px, 6vw, 76px);
    --title-lg-4: clamp(52px, 6.5vw, 84px);


	/* GENERAL COLORS */
	--gray:#777777;
	--gray2:#999999;
	--dark-gray:#1c1c1c;
	--dark-gray2:#2d2d2d;
	--dark-gray3:#444444;
	--light-gray:#f5f5f5;
	--light-gray2:#f1f1f1;
	--light-gray3:#eeeeee;
	--black:#000000;
	--white:#ffffff;
	--color-text:#333333;
	--focus-input:#333333;

	/* SOCIAL COLORS */
	--facebook:#1877F2;
	--twitter:#000000;
	--youtube:#CD201F;
	--instagram:#E4405F;
	--pinterest:#BD081C;
	--linkedin:#0A66C2;
	--tiktok:#EE1D51;
	--vimeo:#1AB7EA;
	--threads:#eeeeee;
	--whatsapp:#25D366;

	/* Espacio por lado de cada columna; la separacion total es el doble. */
    --grid-gutter: 1rem;

	--tb-space:10px;
	--tb-length:60px;
	--tb-width:4px;

	/* MENÚ*/
    --nav-height-calc: 90px;
    --submenu-width: 240px;
    --nav-space: space-between;
    --nav-gap: 1rem;
    --nav-text: #333333;
}
/****************************
ICONS
****************************/
@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/icomoon/icomoon.eot?4');
	src:  url('../fonts/icomoon/icomoon.eot?4#iefix') format('embedded-opentype'),
		  url('../fonts/icomoon/icomoon.woff?4') format('woff'),
		  url('../fonts/icomoon/icomoon.svg?4#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak-as: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-ring-bell:before{content: "\e9a7"}
.icon-voucher:before{content: "\e9a6"}
.icon-tag:before{content: "\e9a5"}
.icon-cuterly:before{content: "\e9a2"}
.icon-bedroom:before{content: "\e9a3"}
.icon-timer:before{content: "\e9a4"}
.icon-add-file:before{content:"\e900"}
.icon-admin:before{content:"\e901"}
.icon-arrow-angle-light-bottom:before{content:"\e902"}
.icon-arrow-angle-light-next:before{content:"\e903"}
.icon-arrow-angle-light-prev:before{content:"\e904"}
.icon-arrow-angle-light-top:before{content:"\e905"}
.icon-arrow-angle-regular-bottom:before{content:"\e906"}
.icon-arrow-angle-regular-next:before{content:"\e907"}
.icon-arrow-angle-regular-prev:before{content:"\e908"}
.icon-arrow-angle-regular-top:before{content:"\e909"}
.icon-arrow-angle-strong-bottom:before{content:"\e90a"}
.icon-arrow-angle-strong-next:before{content:"\e90b"}
.icon-arrow-angle-strong-prev:before{content:"\e90c"}
.icon-arrow-angle-strong-top:before{content:"\e90d"}
.icon-arrow-light-bottom:before{content:"\e90e"}
.icon-arrow-light-next:before{content:"\e90f"}
.icon-arrow-light-prev:before{content:"\e910"}
.icon-arrow-light-top:before{content:"\e911"}
.icon-arrow-long-light-bottom:before{content:"\e912"}
.icon-arrow-long-light-next:before{content:"\e913"}
.icon-arrow-long-light-prev:before{content:"\e914"}
.icon-arrow-long-light-top:before{content:"\e915"}
.icon-arrow-long-regular-bottom:before{content:"\e916"}
.icon-arrow-long-regular-next:before{content:"\e917"}
.icon-arrow-long-regular-prev:before{content:"\e918"}
.icon-arrow-long-regular-top:before{content:"\e919"}
.icon-arrow-long-strong-bottom:before{content:"\e91a"}
.icon-arrow-long-strong-next:before{content:"\e91b"}
.icon-arrow-long-strong-prev:before{content:"\e91c"}
.icon-arrow-long-strong-top:before{content:"\e91d"}
.icon-arrow-regular-bottom:before{content:"\e91e"}
.icon-arrow-regular-next:before{content:"\e91f"}
.icon-arrow-regular-prev:before{content:"\e920"}
.icon-arrow-regular-top:before{content:"\e921"}
.icon-arrow-strong-bottom:before{content:"\e922"}
.icon-arrow-strong-next:before{content:"\e923"}
.icon-arrow-strong-prev:before{content:"\e924"}
.icon-arrow-strong-top:before{content:"\e925"}
.icon-audio:before{content:"\e926"}
.icon-backward:before{content:"\e927"}
.icon-calculator:before{content:"\e928"}
.icon-calendar-outline:before{content:"\e929"}
.icon-calendar:before{content:"\e92a"}
.icon-camera:before{content:"\e92b"}
.icon-caution:before{content:"\e92c"}
.icon-chart:before{content:"\e92d"}
.icon-check-box:before{content:"\e92e"}
.icon-check-circle-outline:before{content:"\e92f"}
.icon-check-circle:before{content:"\e930"}
.icon-check-light:before{content:"\e931"}
.icon-check:before{content:"\e932"}
.icon-clock:before{content:"\e933"}
.icon-close-circle-outline:before{content:"\e934"}
.icon-close-circle:before{content:"\e935"}
.icon-close-light:before{content:"\e936"}
.icon-close:before{content:"\e937"}
.icon-company:before{content:"\e938"}
.icon-config:before{content:"\e939"}
.icon-delete:before{content:"\e93a"}
.icon-dislike-outline:before{content:"\e93b"}
.icon-dislike:before{content:"\e93c"}
.icon-doc:before{content:"\e93d"}
.icon-download:before{content:"\e93e"}
.icon-drag:before{content:"\e93f"}
.icon-edit:before{content:"\e940"}
.icon-erease:before{content:"\e941"}
.icon-facebook:before{content:"\e942"}
.icon-fast-backward:before{content:"\e943"}
.icon-fast-forward:before{content:"\e944"}
.icon-file:before{content:"\e945"}
.icon-filter-outline:before{content:"\e946"}
.icon-filter:before{content:"\e947"}
.icon-forward:before{content:"\e948"}
.icon-gallery:before{content:"\e949"}
.icon-heart-outline:before{content:"\e94a"}
.icon-heart:before{content:"\e94b"}
.icon-help:before{content:"\e94c"}
.icon-home:before{content:"\e94d"}
.icon-info:before{content:"\e94e"}
.icon-instagram:before{content:"\e94f"}
.icon-job:before{content:"\e950"}
.icon-language:before{content:"\e951"}
.icon-less-circle-outline:before{content:"\e952"}
.icon-less-circle:before{content:"\e953"}
.icon-less-light:before{content:"\e954"}
.icon-less:before{content:"\e955"}
.icon-like-outline:before{content:"\e956"}
.icon-like:before{content:"\e957"}
.icon-link-window:before{content:"\e958"}
.icon-link:before{content:"\e959"}
.icon-linkedin:before{content:"\e95a"}
.icon-location-outline:before{content:"\e95b"}
.icon-location:before{content:"\e95c"}
.icon-mail-outline:before{content:"\e95d"}
.icon-mail:before{content:"\e95e"}
.icon-menu-light:before{content:"\e95f"}
.icon-menu-list:before{content:"\e960"}
.icon-menu:before{content:"\e961"}
.icon-message-outline:before{content:"\e962"}
.icon-message:before{content:"\e963"}
.icon-mobile:before{content:"\e964"}
.icon-moon:before{content:"\e965"}
.icon-newsletter:before{content:"\e966"}
.icon-notification:before{content:"\e967"}
.icon-paperclip:before{content:"\e968"}
.icon-password:before{content:"\e969"}
.icon-pause:before{content:"\e96a"}
.icon-pdf:before{content:"\e96b"}
.icon-phone-call-outline:before{content:"\e96c"}
.icon-phone-call:before{content:"\e96d"}
.icon-phone-outline:before{content:"\e96e"}
.icon-phone:before{content:"\e96f"}
.icon-photo:before{content:"\e970"}
.icon-pinterest:before{content:"\e971"}
.icon-plane:before{content:"\e972"}
.icon-play:before{content:"\e973"}
.icon-plus-circle-outline:before{content:"\e974"}
.icon-plus-circle:before{content:"\e975"}
.icon-plus-light:before{content:"\e976"}
.icon-plus:before{content:"\e977"}
.icon-print:before{content:"\e978"}
.icon-refresh:before{content:"\e979"}
.icon-rocket:before{content:"\e97a"}
.icon-sales:before{content: "\e9a2"}
.icon-save:before{content:"\e97b"}
.icon-search:before{content:"\e97c"}
.icon-session:before{content:"\e97d"}
.icon-share-outline:before{content:"\e97e"}
.icon-share:before{content:"\e97f"}
.icon-shipping:before{content:"\e980"}
.icon-shoping-cart-outline:before{content:"\e981"}
.icon-shoping-cart:before{content:"\e982"}
.icon-shopping-bag-outline:before{content:"\e983"}
.icon-shopping-bag:before{content:"\e984"}
.icon-shopping-basket-outline:before{content:"\e985"}
.icon-shopping-basket:before{content:"\e986"}
.icon-star-outline:before{content:"\e987"}
.icon-star:before{content:"\e988"}
.icon-stop:before{content:"\e989"}
.icon-stores:before{content:"\e98a"}
.icon-sun:before{content:"\e98b"}
.icon-tiktok:before{content:"\e98c"}
.icon-threads:before{content: "\e9a1"}
.icon-tumblr:before{content:"\e98d"}
.icon-twitter-old:before{content:"\e98e"}
.icon-twitter:before{content:"\e98f"}
.icon-upload:before{content:"\e990"}
.icon-user-circle-outline:before{content:"\e991"}
.icon-user-circle:before{content:"\e992"}
.icon-user-outline:before{content:"\e993"}
.icon-user:before{content:"\e994"}
.icon-users:before{content:"\e995"}
.icon-video:before{content:"\e996"}
.icon-view:before{content:"\e997"}
.icon-vimeo:before{content:"\e998"}
.icon-warning:before{content:"\e999"}
.icon-website:before{content:"\e99a"}
.icon-whatsapp-outline:before{content:"\e99b"}
.icon-whatsapp:before{content:"\e99c"}
.icon-xlsx:before{content:"\e99d"}
.icon-youtube:before{content:"\e99e"}
.icon-zoom-in:before{content:"\e99f"}
.icon-zoom-out:before{content:"\e9a0"}

/****************************
NORMALIZE / BASE MINIMA
Para navegadores actuales. Revisar visualmente antes de sustituir global.css.
****************************/
*, *::before, *::after {
    box-sizing: border-box;
	margin: 0;
}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0}
audio:not([controls]){display:none}
[hidden]:not([hidden="until-found"]),template{display:none}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,select{text-transform:none}
textarea{vertical-align:top}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer}
button:disabled,input:disabled{cursor:default}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
/****************************
ESTILOS BASE DEL SITIO
Decisiones visuales, separadas de los ajustes de compatibilidad.
****************************/
body{background:var(--white);color:var(--color-text);font-family:var(--body-font),sans-serif;font-size:16px;font-weight:400;line-height:1.5}
a{color:var(--primary);text-decoration:none;transition:color .2s linear,background-color .2s linear}
a[href],[onclick]{cursor:pointer}
b,strong{font-weight:700}
hr{border:0;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{color:var(--primary);font-family:monospace;font-size:1rem}
pre{white-space:pre-wrap}
small{font-size:70%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
picture{display:block}
figure{margin:0}
img{display:block;height:auto;max-width:100%}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{padding:0}
::selection{background:var(--focus-primary);color:#fff}
/* .bg-primary ::selection{background:var(--hover-secondary);color:var(--white)} */
/**************************
BACKGROUNDS
**************************/
.bg-default{background-color:var(--default)}
.bg-primary{background-color:var(--primary)}
.bg-secondary{background-color:var(--secondary)}
.bg-tertiary{background-color:var(--tertiary)}
.bg-quaternary{background-color:var(--quaternary)}
.bg-quinary{background-color:var(--quinary)}

.bg-white{background-color:var(--white)}
.bg-black{background-color:var(--black)}
.bg-gray{background-color:var(--gray)}
.bg-gray2{background-color:var(--gray2)}
.bg-dark-gray{background-color:var(--dark-gray)}
.bg-dark-gray2{background-color:var(--dark-gray2)}
.bg-dark-gray3{background-color:var(--dark-gray3)}
.bg-light-gray{background-color:var(--light-gray)}
.bg-light-gray2{background-color:var(--light-gray2)}
.bg-light-gray3{background-color:var(--light-gray3)}

.bg-facebook,.bg-facebook:hover{background-color:var(--facebook)}
.bg-twitter,.bg-twitter:hover{background-color:var(--twitter)}
.bg-instagram,.bg-instagram:hover{background-color:var(--instagram)}
.bg-youtube,.bg-youtube:hover{background-color:var(--youtube)}
.bg-linkedin,.bg-linkedin:hover{background-color:var(--linkedin)}
.bg-pinterest,.bg-pinterest:hover{background-color:var(--pinterest)}
.bg-vimeo,.bg-vimeo:hover{background-color:var(--vimeo)}
.bg-tiktok,.bg-tiktok:hover{background-color:var(--tiktok)}
.bg-whatsapp,.bg-whatsapp:hover{background-color:var(--whatsapp)}

.fill-white{fill:var(--white)}
.fill-primary{fill:var(--primary)}
.fill-secondary{fill:var(--secondary)}
.fill-tertiary{fill:var(--tertiary)}
.fill-quaternary{fill:var(--quaternary)}
.fill-quinary{fill:var(--quinary)}

.bg-white{background-color:var(--white)}

.bg-image-fixed,
.bg-image{
	position: relative;
	overflow: hidden;
}
.bg-image-fixed>figure,
.bg-image>figure{
	left: 0;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	/* z-index: -1; */
}
.bg-image-fixed>figure{
	position: fixed;
}
.bg-image-fixed>figure img,
.bg-image>figure img{
	height: auto;
	left: 50%;
	max-width: none;
	min-height: 100%;
	min-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	width: auto;
}
.bg-images-fixed,
.bg-images{
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
	position: relative
}
@media screen and (min-width:1181px) {
	.bg-images-fixed{
		background-attachment: fixed;
	}
}
.bg-images-fixed .container,
.bg-images .container{
	z-index: 2;
}
.bg-image-section{
	min-height: 350px;
}
.bg-opacity-black>*,
.bg-opacity-white>*,
.bg-opacity-primary>*,
.bg-opacity-secondary>*,
.bg-opacity-secondary2>*,
.bg-opacity-quinary>*,
.bg-opacity-primary-secondary>*,
.bg-opacity-gradient>*{
	z-index: 2;
}
.bg-opacity-black:before,
.bg-opacity-white:before,
.bg-opacity-primary:before,
.bg-opacity-secondary:before,
.bg-opacity-secondary2:before,
.bg-opacity-quinary:before,
.bg-opacity-primary-secondary:before,
.bg-opacity-gradient:before{
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.bg-opacity-black:before{background-color: rgba(0,0,0,.8);mix-blend-mode: multiply}
.bg-opacity-white:before{background-color: rgba(255,255,255,.5)}
.bg-opacity-primary:before{background-color: var(--primary);mix-blend-mode: multiply}
.bg-opacity-secondary:before{background-color: var(--secondary);opacity: .75}
.bg-opacity-secondary2:before{background-color: var(--hover-secondary);mix-blend-mode: multiply}
.bg-opacity-quinary:before{background-color: var(--quinary);mix-blend-mode: multiply}
.bg-opacity-primary-secondary:before{
	background: var(--primary);
	background: -moz-linear-gradient(left, var(--primary) 0%, var(--secondary) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, var(--primary)), color-stop(100%, var(--secondary)));
	background: -webkit-linear-gradient(left, var(--primary) 0%, var(--secondary) 100%);
	background: -o-linear-gradient(left, var(--primary) 0%, var(--secondary) 100%);
	background: -ms-linear-gradient(left, var(--primary) 0%, var(--secondary) 100%);
	background: linear-gradient(to right, var(--primary) 0%, var(--secondary) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#183442', endColorstr='#9ea1aa', GradientType=1 );
	mix-blend-mode: multiply
}
.bg-opacity-gradient:before{
	background: rgba(24,52,66,0);
	background: -moz-linear-gradient(left, rgba(24,52,66,0) 0%, rgba(24,52,66,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(24,52,66,0)), color-stop(100%, rgba(24,52,66,1)));
	background: -webkit-linear-gradient(left, rgba(24,52,66,0) 0%, rgba(24,52,66,1) 100%);
	background: -o-linear-gradient(left, rgba(24,52,66,0) 0%, rgba(24,52,66,1) 100%);
	background: -ms-linear-gradient(left, rgba(24,52,66,0) 0%, rgba(24,52,66,1) 100%);
	background: linear-gradient(to right, rgba(24,52,66,0) 0%, rgba(24,52,66,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#183442', endColorstr='#183442', GradientType=1 );
	mix-blend-mode: multiply
}
/**************************
BUTTONS
**************************/
.btn, .btn-small, .btn-medium, .btn-large {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    border: 0;
    border-radius: .5rem;
    line-height: 1;
    text-align: center;
    transition: background-color .2s linear, border-color .2s linear,
                color .2s linear;
}
.btn { min-width: 120px; padding: .625rem 1rem; }
.btn-small { font-size: 12px; min-width: 80px; padding: .425rem .6rem; }
.btn-medium { font-size: 20px; min-width: 160px; padding: 1rem 2rem; }
.btn-large { font-size: 26px; min-width: 460px; padding: 1rem 3rem; }
.btn-full-xl { min-width: 100%; }

/* Cada variante define su paleta para los estados compartidos. */
.btn-default, .btn-outline-default {
    --btn-color: var(--default);
    --btn-hover: var(--hover-default);
    --btn-focus: var(--focus-default);
    --btn-text: #444;
    --btn-outline-text: #444;
    --btn-state-text: #444;
}
.btn-primary, .btn-outline-primary {
    --btn-color: var(--primary);
    --btn-hover: var(--hover-primary);
    --btn-focus: var(--focus-primary);
    --btn-text: #fff;
    --btn-outline-text: var(--primary);
    --btn-state-text: #fff;
}
.btn-secondary, .btn-outline-secondary {
    --btn-color: var(--secondary);
    --btn-hover: var(--hover-secondary);
    --btn-focus: var(--focus-secondary);
    --btn-text: var(--white);
    --btn-outline-text: var(--secondary);
    --btn-state-text: #fff;
}
.btn-tertiary, .btn-outline-tertiary {
    --btn-color: var(--tertiary);
    --btn-hover: var(--hover-tertiary);
    --btn-focus: var(--focus-tertiary);
    --btn-text: #fff;
    --btn-outline-text: var(--tertiary);
    --btn-state-text: #fff;
}
.btn-quaternary, .btn-outline-quaternary {
    --btn-color: var(--quaternary);
    --btn-hover: var(--hover-quaternary);
    --btn-focus: var(--focus-quaternary);
    --btn-text: #fff;
    --btn-outline-text: var(--quaternary);
    --btn-state-text: #fff;
}
.btn-quinary, .btn-outline-quinary {
    --btn-color: var(--quinary);
    --btn-hover: var(--hover-quinary);
    --btn-focus: var(--focus-quinary);
    --btn-text: #fff;
    --btn-outline-text: var(--quinary);
    --btn-state-text: #fff;
}
.btn-info, .btn-outline-info {
    --btn-color: var(--info);
    --btn-hover: var(--hover-info);
    --btn-focus: var(--focus-info);
    --btn-text: #fff;
    --btn-outline-text: var(--info);
    --btn-state-text: #fff;
}
.btn-success, .btn-outline-success {
    --btn-color: var(--success);
    --btn-hover: var(--hover-success);
    --btn-focus: var(--focus-success);
    --btn-text: #fff;
    --btn-outline-text: var(--success);
    --btn-state-text: #fff;
}
.btn-warning, .btn-outline-warning {
    --btn-color: var(--warning);
    --btn-hover: var(--hover-warning);
    --btn-focus: var(--focus-warning);
    --btn-text: #fff;
    --btn-outline-text: var(--warning);
    --btn-state-text: #fff;
}
.btn-danger, .btn-outline-danger {
    --btn-color: var(--danger);
    --btn-hover: var(--hover-danger);
    --btn-focus: var(--focus-danger);
    --btn-text: #fff;
    --btn-outline-text: var(--danger);
    --btn-state-text: #fff;
}

/* :is() mantiene la especificidad de una clase. */
:is(.btn-default, .btn-outline-default, .btn-primary, .btn-outline-primary, .btn-secondary, .btn-outline-secondary, .btn-tertiary, .btn-outline-tertiary, .btn-quaternary, .btn-outline-quaternary, .btn-quinary, .btn-outline-quinary, .btn-info, .btn-outline-info, .btn-success, .btn-outline-success, .btn-warning, .btn-outline-warning, .btn-danger, .btn-outline-danger) {
    border: 1px solid var(--btn-color);
}
:is(.btn-default, .btn-primary, .btn-secondary, .btn-tertiary, .btn-quaternary, .btn-quinary, .btn-info, .btn-success, .btn-warning, .btn-danger) {
    background-color: var(--btn-color);
    color: var(--btn-text);
}
:is(.btn-default, .btn-primary, .btn-secondary, .btn-tertiary, .btn-quaternary, .btn-quinary, .btn-info, .btn-success, .btn-warning, .btn-danger):hover {
    background-color: var(--btn-hover);
    color: var(--btn-text);
}
:is(.btn-outline-default, .btn-outline-primary, .btn-outline-secondary, .btn-outline-tertiary, .btn-outline-quaternary, .btn-outline-quinary, .btn-outline-info, .btn-outline-success, .btn-outline-warning, .btn-outline-danger) {
    color: var(--btn-outline-text);
}
:is(.btn-outline-default, .btn-outline-primary, .btn-outline-secondary, .btn-outline-tertiary, .btn-outline-quaternary, .btn-outline-quinary, .btn-outline-info, .btn-outline-success, .btn-outline-warning, .btn-outline-danger):hover {
    background: var(--btn-color);
    color: var(--btn-state-text);
}
:is(.btn-default, .btn-outline-default, .btn-primary, .btn-outline-primary, .btn-secondary, .btn-outline-secondary, .btn-tertiary, .btn-outline-tertiary, .btn-quaternary, .btn-outline-quaternary, .btn-quinary, .btn-outline-quinary, .btn-info, .btn-outline-info, .btn-success, .btn-outline-success, .btn-warning, .btn-outline-warning, .btn-danger, .btn-outline-danger):is(:focus, .active) {
    background-color: var(--btn-focus);
    color: var(--btn-state-text);
}

/* Blanco y negro conservan sus diferencias de borde y estados. */
.btn-white { background-color: var(--white); color: var(--primary); }
.btn-black { background-color: var(--black); color: var(--white); }
.btn-white:hover, .btn-black:hover { background-color: var(--hover-primary); color: #fff; }
.btn-outline-white { border: 1px solid #fff; color: #fff; }
.btn-outline-black { border: 1px solid #000; color: #000; }
.btn-outline-white:hover { background: var(--hover-primary); border-color: var(--primary); color: #fff; }
.btn-outline-black:hover { background: #000; color: #fff; }
:is(.btn-outline-black, .btn-outline-white):is(:focus, .active) {
    background-color: var(--focus-primary);
    color: #fff;
}

.btn-square { border-radius: 0; }
.btn-pill { border-radius: 50px; }
.btn-icon { align-items: center; gap: .5rem;}

button:disabled,
button:disabled:hover,
button:disabled:focus {
    border: 1px solid #f1f1f1;
    background-color: #f1f1f1;
    color: #333;
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none;
}
@media screen and (max-width: 1440px) {
    .btn-full-lg { min-width: 100%; }
}
@media screen and (max-width: 1180px) {
    .btn-full-md { min-width: 100%; }
}
@media only screen and (max-device-width: 1025px) and (orientation: portrait) {
    .btn-full-sm { min-width: 100%; }
}
@media screen and (max-width: 767px) {
    .btn-full-xs { min-width: 100%; }
}

/**************************
COLORES TEXTO
**************************/
.c-default{color: var(--default)}
.c-primary{color: var(--primary)}
.c-secondary{color: var(--secondary)}
.c-tertiary{color: var(--tertiary)}
.c-quaternary{color: var(--quaternary)}
.c-quinary{color:var(--quinary)}
.c-info{color: var(--info)}
.c-success{color: var(--success)}
.c-warning{color: var(--warning)}
.c-danger{color:var(--danger)}
.c-text{color: var(--color-text)}
.c-black{color: var(--black)}
.c-gray{color: var(--gray)}
.c-gray2{color: var(--gray2)}
.c-dark-gray{color: var(--dark-gray)}
.c-dark-gray2{color: var(--dark-gray2)}
.c-light-gray{color: var(--light-gray)}
.c-light-gray2{color: var(--light-gray2)}
.c-white{color: var(--white)}
.c-facebook{color:var(--facebook)}
.c-twitter{color:var(--twitter)}
.c-youtube{color:var(--youtube)}
.c-instagram{color:var(--instagram)}
.c-pinterest{color:var(--pinterest)}
.c-linkedin{color:var(--linkedin)}
.c-tiktok{color:var(--tiktok)}
.c-vimeo{color:var(--vimeo)}
.c-whatsapp{color:var(--whatsapp)}

/**************************
DISPLAY
**************************/
.inline-block-xl{display:inline-block}
.d-flex-xl{display:flex}
.flex-wrap-xl{flex-wrap:wrap}
.flex-column-xl{flex-direction: column}
.flex-row-xl{flex-direction: row}

.gap-05{ gap: .5rem}
.gap-1{ gap: 1rem}
.gap-1-5{ gap: 1.5rem}
.gap-2{ gap: 2rem}
.gap-2-5{ gap: 2.5rem}
.gap-3{ gap: 3rem}
.gap-3-5{ gap: 3.5rem}
.gap-4{ gap: 4rem}
.gap-4-5{ gap: 4.5rem}
.gap-5{ gap: 5rem}
.gap-5-5{ gap: 5.5rem}

.rgap-05{ row-gap: .5rem}
.rgap-1{ row-gap: 1rem}
.rgap-1-5{ row-gap: 1.5rem}
.rgap-2{ row-gap: 2rem}
.rgap-2-5{ row-gap: 2.5rem}
.rgap-3{ row-gap: 3rem}
.rgap-3-5{ row-gap: 3.5rem}
.rgap-4{ row-gap: 4rem}
.rgap-4-5{ row-gap: 4.5rem}
.rgap-5{ row-gap: 5rem}
.rgap-5-5{ row-gap: 5.5rem}

.cgap-05{ column-gap: .5rem}
.cgap-1{ column-gap: 1rem}
.cgap-1-5{ column-gap: 1.5rem}
.cgap-2{ column-gap: 2rem}
.cgap-2-5{ column-gap: 2.5rem}
.cgap-3{ column-gap: 3rem}
.cgap-3-5{ column-gap: 3.5rem}
.cgap-4{ column-gap: 4rem}
.cgap-4-5{ column-gap: 4.5rem}
.cgap-5{ column-gap: 5rem}
.cgap-5-5{ column-gap: 5.5rem}


@media screen and  (max-width : 1440px) {
.inline-block-lg{display:inline-block}
.d-flex-lg{display:flex}
.flex-wrap-lg{flex-wrap:wrap}
.flex-column-lg{flex-direction: column}
.flex-row-lg{flex-direction: row}
.gap-lg-05{ gap: .5rem}
.gap-lg-1{ gap: 1rem}
.gap-lg-1-5{ gap: 1.5rem}
.gap-lg-2{ gap: 2rem}
.gap-lg-2-5{ gap: 2.5rem}
.gap-lg-3{ gap: 3rem}
.gap-lg-3-5{ gap: 3.5rem}
.gap-lg-4{ gap: 4rem}
.gap-lg-4-5{ gap: 4.5rem}
.gap-lg-5{ gap: 5rem}
.gap-lg-5-5{ gap: 5.5rem}

.rgap-lg-05{ row-gap: .5rem}
.rgap-lg-1{ row-gap: 1rem}
.rgap-lg-1-5{ row-gap: 1.5rem}
.rgap-lg-2{ row-gap: 2rem}
.rgap-lg-2-5{ row-gap: 2.5rem}
.rgap-lg-3{ row-gap: 3rem}
.rgap-lg-3-5{ row-gap: 3.5rem}
.rgap-lg-4{ row-gap: 4rem}
.rgap-lg-4-5{ row-gap: 4.5rem}
.rgap-lg-5{ row-gap: 5rem}
.rgap-lg-5-5{ row-gap: 5.5rem}

.cgap-lg-05{ column-gap: .5rem}
.cgap-lg-1{ column-gap: 1rem}
.cgap-lg-1-5{ column-gap: 1.5rem}
.cgap-lg-2{ column-gap: 2rem}
.cgap-lg-2-5{ column-gap: 2.5rem}
.cgap-lg-3{ column-gap: 3rem}
.cgap-lg-3-5{ column-gap: 3.5rem}
.cgap-lg-4{ column-gap: 4rem}
.cgap-lg-4-5{ column-gap: 4.5rem}
.cgap-lg-5{ column-gap: 5rem}
.cgap-lg-5-5{ column-gap: 5.5rem}
}
@media screen and  (max-width : 1180px) {
.inline-block-md{display:inline-block}
.d-flex-md{display:flex}
.flex-wrap-md{flex-wrap:wrap}
.flex-column-md{flex-direction: column}
.flex-row-md{flex-direction: row}
.gap-md-05{ gap: .5rem}
.gap-md-1{ gap: 1rem}
.gap-md-1-5{ gap: 1.5rem}
.gap-md-2{ gap: 2rem}
.gap-md-2-5{ gap: 2.5rem}
.gap-md-3{ gap: 3rem}
.gap-md-3-5{ gap: 3.5rem}
.gap-md-4{ gap: 4rem}
.gap-md-4-5{ gap: 4.5rem}
.gap-md-5{ gap: 5rem}
.gap-md-5-5{ gap: 5.5rem}

.rgap-md-05{ row-gap: .5rem}
.rgap-md-1{ row-gap: 1rem}
.rgap-md-1-5{ row-gap: 1.5rem}
.rgap-md-2{ row-gap: 2rem}
.rgap-md-2-5{ row-gap: 2.5rem}
.rgap-md-3{ row-gap: 3rem}
.rgap-md-3-5{ row-gap: 3.5rem}
.rgap-md-4{ row-gap: 4rem}
.rgap-md-4-5{ row-gap: 4.5rem}
.rgap-md-5{ row-gap: 5rem}
.rgap-md-5-5{ row-gap: 5.5rem}

.cgap-md-05{ column-gap: .5rem}
.cgap-md-1{ column-gap: 1rem}
.cgap-md-1-5{ column-gap: 1.5rem}
.cgap-md-2{ column-gap: 2rem}
.cgap-md-2-5{ column-gap: 2.5rem}
.cgap-md-3{ column-gap: 3rem}
.cgap-md-3-5{ column-gap: 3.5rem}
.cgap-md-4{ column-gap: 4rem}
.cgap-md-4-5{ column-gap: 4.5rem}
.cgap-md-5{ column-gap: 5rem}
.cgap-md-5-5{ column-gap: 5.5rem}
}
@media only screen and (max-device-width : 1025px) and (orientation : portrait) {
.inline-block-sm{display:inline-block}
.d-flex-sm{display:flex}
.flex-wrap-sm{flex-wrap:wrap}
.flex-column-sm{flex-direction: column}
.flex-row-sm{flex-direction: row}
.gap-sm-05{ gap: .5rem}
.gap-sm-1{ gap: 1rem}
.gap-sm-1-5{ gap: 1.5rem}
.gap-sm-2{ gap: 2rem}
.gap-sm-2-5{ gap: 2.5rem}
.gap-sm-3{ gap: 3rem}
.gap-sm-3-5{ gap: 3.5rem}
.gap-sm-4{ gap: 4rem}
.gap-sm-4-5{ gap: 4.5rem}
.gap-sm-5{ gap: 5rem}
.gap-sm-5-5{ gap: 5.5rem}

.rgap-sm-05{ row-gap: .5rem}
.rgap-sm-1{ row-gap: 1rem}
.rgap-sm-1-5{ row-gap: 1.5rem}
.rgap-sm-2{ row-gap: 2rem}
.rgap-sm-2-5{ row-gap: 2.5rem}
.rgap-sm-3{ row-gap: 3rem}
.rgap-sm-3-5{ row-gap: 3.5rem}
.rgap-sm-4{ row-gap: 4rem}
.rgap-sm-4-5{ row-gap: 4.5rem}
.rgap-sm-5{ row-gap: 5rem}
.rgap-sm-5-5{ row-gap: 5.5rem}

.cgap-sm-05{ column-gap: .5rem}
.cgap-sm-1{ column-gap: 1rem}
.cgap-sm-1-5{ column-gap: 1.5rem}
.cgap-sm-2{ column-gap: 2rem}
.cgap-sm-2-5{ column-gap: 2.5rem}
.cgap-sm-3{ column-gap: 3rem}
.cgap-sm-3-5{ column-gap: 3.5rem}
.cgap-sm-4{ column-gap: 4rem}
.cgap-sm-4-5{ column-gap: 4.5rem}
.cgap-sm-5{ column-gap: 5rem}
.cgap-sm-5-5{ column-gap: 5.5rem}
}
@media screen and  (max-width : 767px) {
.inline-block-xs{display:inline-block}
.d-flex-xs{display:flex}
.flex-wrap-xs{flex-wrap:wrap}
.flex-column-xs{flex-direction: column}
.flex-row-xs{flex-direction: row}
.gap-xs-05{ gap: .5rem}
.gap-xs-1{ gap: 1rem}
.gap-xs-1-5{ gap: 1.5rem}
.gap-xs-2{ gap: 2rem}
.gap-xs-2-5{ gap: 2.5rem}
.gap-xs-3{ gap: 3rem}
.gap-xs-3-5{ gap: 3.5rem}
.gap-xs-4{ gap: 4rem}
.gap-xs-4-5{ gap: 4.5rem}
.gap-xs-5{ gap: 5rem}
.gap-xs-5-5{ gap: 5.5rem}

.rgap-xs-05{ row-gap: .5rem}
.rgap-xs-1{ row-gap: 1rem}
.rgap-xs-1-5{ row-gap: 1.5rem}
.rgap-xs-2{ row-gap: 2rem}
.rgap-xs-2-5{ row-gap: 2.5rem}
.rgap-xs-3{ row-gap: 3rem}
.rgap-xs-3-5{ row-gap: 3.5rem}
.rgap-xs-4{ row-gap: 4rem}
.rgap-xs-4-5{ row-gap: 4.5rem}
.rgap-xs-5{ row-gap: 5rem}
.rgap-xs-5-5{ row-gap: 5.5rem}

.cgap-xs-05{ column-gap: .5rem}
.cgap-xs-1{ column-gap: 1rem}
.cgap-xs-1-5{ column-gap: 1.5rem}
.cgap-xs-2{ column-gap: 2rem}
.cgap-xs-2-5{ column-gap: 2.5rem}
.cgap-xs-3{ column-gap: 3rem}
.cgap-xs-3-5{ column-gap: 3.5rem}
.cgap-xs-4{ column-gap: 4rem}
.cgap-xs-4-5{ column-gap: 4.5rem}
.cgap-xs-5{ column-gap: 5rem}
.cgap-xs-5-5{ column-gap: 5.5rem}
}
/****************************
GRIDS
****************************/
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-inline: calc(2 * var(--grid-gutter));
}

.row {
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	flex-wrap: wrap;
	margin-inline: calc(var(--grid-gutter) * -1)
}
.row-carousel {
	margin-inline: calc(-1 * var(--grid-gutter))
}

.row.reverse {
	flex-direction: row-reverse;
}

.col.reverse {
	flex-direction: column-reverse;
}

.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-5-1,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,
.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-5-1,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-5-1,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-5-1,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-5-1,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{
	flex: 0 0 auto;
}
.col-xl {
	flex-grow: 1;
	flex-basis: 0;
	max-width: 100%;
}
.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-5-1,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{
	padding-inline: var(--grid-gutter)
}
.col-xl-1 {flex-basis: 8.333%;max-width: 8.333%}
.col-xl-2 {flex-basis: 16.666%;max-width: 16.666%}
.col-xl-3 {flex-basis: 25%;max-width: 25%}
.col-xl-4 {flex-basis: 33.333%;max-width: 33.333%}
.col-xl-5 {flex-basis: 41.667%;max-width: 41.667%}
.col-xl-5-1 {flex-basis: 20%;max-width: 20%}
.col-xl-6 {flex-basis: 50%;max-width: 50%}
.col-xl-7 {flex-basis: 58.333%;max-width: 58.333%}
.col-xl-8 {flex-basis: 66.667%;max-width: 66.667%}
.col-xl-9 {flex-basis: 75%;max-width: 75%}
.col-xl-10 {flex-basis: 83.333%;max-width: 83.333%}
.col-xl-11 {flex-basis: 91.667%;max-width: 91.667%}
.col-xl-12 {flex-basis: 100%;max-width: 100%}

.col-xl-offset-0{margin-left: 0}
.col-xl-offset-1{margin-left: 8.333%}
.col-xl-offset-2{margin-left: 16.666%}
.col-xl-offset-3{margin-left: 25%}
.col-xl-offset-4{margin-left: 33.333%}
.col-xl-offset-5{margin-left: 41.667%}
.col-xl-offset-5-1{margin-left: 20%}
.col-xl-offset-6{margin-left: 50%}
.col-xl-offset-7{margin-left: 58.333%}
.col-xl-offset-8{margin-left: 66.667%}
.col-xl-offset-9{margin-left: 75%}
.col-xl-offset-10{margin-left: 83.333%}
.col-xl-offset-11{margin-left: 91.667%}

.start-xl {justify-content: flex-start;text-align: start}
.center-xl {justify-content: center;text-align: center}
.end-xl {justify-content: flex-end;text-align: end}
.baseline-xl {align-items: baseline}
.top-xl {align-items: flex-start}
.middle-xl {align-items: center}
.bottom-xl {align-items: flex-end}
.around-xl {justify-content: space-around}
.evenly-xl {justify-content: space-evenly}
.between-xl {justify-content: space-between}
.first-xl {order: -1}
.last-xl {order: 1}

@media screen and  (max-width : 1440px) {
.col-lg {
	flex-grow: 1;
	flex-basis: 0;
	max-width: 100%;
}
.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-5-1,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{
	padding-inline: var(--grid-gutter)
}
.col-lg-1 {flex-basis: 8.333%;max-width: 8.333%}
.col-lg-2 {flex-basis: 16.666%;max-width: 16.666%}
.col-lg-3 {flex-basis: 25%;max-width: 25%}
.col-lg-4 {flex-basis: 33.333%;max-width: 33.333%}
.col-lg-5 {flex-basis: 41.667%;max-width: 41.667%}
.col-lg-5-1 {flex-basis: 20%;max-width: 20%}
.col-lg-6 {flex-basis: 50%;max-width: 50%}
.col-lg-7 {flex-basis: 58.333%;max-width: 58.333%}
.col-lg-8 {flex-basis: 66.667%;max-width: 66.667%}
.col-lg-9 {flex-basis: 75%;max-width: 75%}
.col-lg-10 {flex-basis: 83.333%;max-width: 83.333%}
.col-lg-11 {flex-basis: 91.667%;max-width: 91.667%}
.col-lg-12 {flex-basis: 100%;max-width: 100%}

.col-lg-offset-0{margin-left: 0}
.col-lg-offset-1{margin-left: 8.333%}
.col-lg-offset-2{margin-left: 16.666%}
.col-lg-offset-3{margin-left: 25%}
.col-lg-offset-4{margin-left: 33.333%}
.col-lg-offset-5{margin-left: 41.667%}
.col-lg-offset-5-1{margin-left: 20%}
.col-lg-offset-6{margin-left: 50%}
.col-lg-offset-7{margin-left: 58.333%}
.col-lg-offset-8{margin-left: 66.667%}
.col-lg-offset-9{margin-left: 75%}
.col-lg-offset-10{margin-left: 83.333%}
.col-lg-offset-11{margin-left: 91.667%}

.start-lg {justify-content: flex-start;text-align: start}
.center-lg {justify-content: center;text-align: center}
.end-lg {justify-content: flex-end;text-align: end}
.baseline-lg {align-items: baseline}
.top-lg {align-items: flex-start}
.middle-lg {align-items: center}
.bottom-lg {align-items: flex-end}
.around-lg {justify-content: space-around}
.evenly-lg {justify-content: space-evenly}
.between-lg {justify-content: space-between}
.first-lg {order: -1}
.last-lg {order: 1}
}

@media screen and  (max-width : 1180px) {
.col-md {
	flex-grow: 1;
	flex-basis: 0;
	max-width: 100%;
}
.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-5-1,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{
	padding-inline: var(--grid-gutter)
}
.col-md-1 {flex-basis: 8.333%;max-width: 8.333%}
.col-md-2 {flex-basis: 16.666%;max-width: 16.666%}
.col-md-3 {flex-basis: 25%;max-width: 25%}
.col-md-4 {flex-basis: 33.333%;max-width: 33.333%}
.col-md-5 {flex-basis: 41.667%;max-width: 41.667%}
.col-md-5-1 {flex-basis: 20%;max-width: 20%}
.col-md-6 {flex-basis: 50%;max-width: 50%}
.col-md-7 {flex-basis: 58.333%;max-width: 58.333%}
.col-md-8 {flex-basis: 66.667%;max-width: 66.667%}
.col-md-9 {flex-basis: 75%;max-width: 75%}
.col-md-10 {flex-basis: 83.333%;max-width: 83.333%}
.col-md-11 {flex-basis: 91.667%;max-width: 91.667%}
.col-md-12 {flex-basis: 100%;max-width: 100%}

.col-md-offset-0{margin-left: 0}
.col-md-offset-1{margin-left: 8.333%}
.col-md-offset-2{margin-left: 16.666%}
.col-md-offset-3{margin-left: 25%}
.col-md-offset-4{margin-left: 33.333%}
.col-md-offset-5{margin-left: 41.667%}
.col-md-offset-5-1{margin-left: 20%}
.col-md-offset-6{margin-left: 50%}
.col-md-offset-7{margin-left: 58.333%}
.col-md-offset-8{margin-left: 66.667%}
.col-md-offset-9{margin-left: 75%}
.col-md-offset-10{margin-left: 83.333%}
.col-md-offset-11{margin-left: 91.667%}

.start-md {justify-content: flex-start;text-align: start}
.center-md {justify-content: center;text-align: center}
.end-md {justify-content: flex-end;text-align: end}
.baseline-md {align-items: baseline}
.top-md {align-items: flex-start}
.middle-md {align-items: center}
.bottom-md {align-items: flex-end}
.around-md {justify-content: space-around}
.evenly-md {justify-content: space-evenly}
.between-md {justify-content: space-between}
.first-md {order: -1}
.last-md {order: 1}
}

@media only screen and (max-device-width : 1025px) and (orientation : portrait) {
.col-sm {
	flex-grow: 1;
	flex-basis: 0;
	max-width: 100%;
}
.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-5-1,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{
	padding-inline: var(--grid-gutter)
}
.col-sm-1 {flex-basis: 8.333%;max-width: 8.333%}
.col-sm-2 {flex-basis: 16.666%;max-width: 16.666%}
.col-sm-3 {flex-basis: 25%;max-width: 25%}
.col-sm-4 {flex-basis: 33.333%;max-width: 33.333%}
.col-sm-5 {flex-basis: 41.667%;max-width: 41.667%}
.col-sm-5-1 {flex-basis: 20%;max-width: 20%}
.col-sm-6 {flex-basis: 50%;max-width: 50%}
.col-sm-7 {flex-basis: 58.333%;max-width: 58.333%}
.col-sm-8 {flex-basis: 66.667%;max-width: 66.667%}
.col-sm-9 {flex-basis: 75%;max-width: 75%}
.col-sm-10 {flex-basis: 83.333%;max-width: 83.333%}
.col-sm-11 {flex-basis: 91.667%;max-width: 91.667%}
.col-sm-12 {flex-basis: 100%;max-width: 100%}

.col-sm-offset-0{margin-left: 0}
.col-sm-offset-1{margin-left: 8.333%}
.col-sm-offset-2{margin-left: 16.666%}
.col-sm-offset-3{margin-left: 25%}
.col-sm-offset-4{margin-left: 33.333%}
.col-sm-offset-5{margin-left: 41.667%}
.col-sm-offset-5-1{margin-left: 20%}
.col-sm-offset-6{margin-left: 50%}
.col-sm-offset-7{margin-left: 58.333%}
.col-sm-offset-8{margin-left: 66.667%}
.col-sm-offset-9{margin-left: 75%}
.col-sm-offset-10{margin-left: 83.333%}
.col-sm-offset-11{margin-left: 91.667%}

.start-sm {justify-content: flex-start;text-align: start}
.center-sm {justify-content: center;text-align: center}
.end-sm {justify-content: flex-end;text-align: end}
.baseline-sm {align-items: baseline}
.top-sm {align-items: flex-start}
.middle-sm {align-items: center}
.bottom-sm {align-items: flex-end}
.around-sm {justify-content: space-around}
.evenly-sm {justify-content: space-evenly}
.between-sm {justify-content: space-between}
.first-sm {order: -1}
.last-sm {order: 1}
}

@media screen and  (max-width : 767px) {
.col-xs {
	flex-grow: 1;
	flex-basis: 0;
	max-width: 100%;
}
.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-5-1,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{
	padding-inline: var(--grid-gutter)
}
.col-xs-1 {flex-basis: 8.333%;max-width: 8.333%}
.col-xs-2 {flex-basis: 16.666%;max-width: 16.666%}
.col-xs-3 {flex-basis: 25%;max-width: 25%}
.col-xs-4 {flex-basis: 33.333%;max-width: 33.333%}
.col-xs-5 {flex-basis: 41.667%;max-width: 41.667%}
.col-xs-5-1 {flex-basis: 20%;max-width: 20%}
.col-xs-6 {flex-basis: 50%;max-width: 50%}
.col-xs-7 {flex-basis: 58.333%;max-width: 58.333%}
.col-xs-8 {flex-basis: 66.667%;max-width: 66.667%}
.col-xs-9 {flex-basis: 75%;max-width: 75%}
.col-xs-10 {flex-basis: 83.333%;max-width: 83.333%}
.col-xs-11 {flex-basis: 91.667%;max-width: 91.667%}
.col-xs-12 {flex-basis: 100%;max-width: 100%}

.col-xs-offset-0{margin-left: 0}
.col-xs-offset-1{margin-left: 8.333%}
.col-xs-offset-2{margin-left: 16.666%}
.col-xs-offset-3{margin-left: 25%}
.col-xs-offset-4{margin-left: 33.333%}
.col-xs-offset-5{margin-left: 41.667%}
.col-xs-offset-5-1{margin-left: 20%}
.col-xs-offset-6{margin-left: 50%}
.col-xs-offset-7{margin-left: 58.333%}
.col-xs-offset-8{margin-left: 66.667%}
.col-xs-offset-9{margin-left: 75%}
.col-xs-offset-10{margin-left: 83.333%}
.col-xs-offset-11{margin-left: 91.667%}

.start-xs {justify-content: flex-start;text-align: start}
.center-xs {justify-content: center;text-align: center}
.end-xs {justify-content: flex-end;text-align: end}
.baseline-xs {align-items: baseline}
.top-xs {align-items: flex-start}
.middle-xs {align-items: center}
.bottom-xs {align-items: flex-end}
.around-xs {justify-content: space-around}
.evenly-xs {justify-content: space-evenly}
.between-xs {justify-content: space-between}
.first-xs {order: -1}
.last-xs {order: 1}
}

/**************************
TITLES
**************************/
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
h1 { font-size: 30px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

/* Decoraciones: color, grosor, longitud y separacion configurables.
   Los valores de respaldo conservan las diferencias entre variantes. */
.tb-bottom, .tb-bottom-center, .tb-left, .tb-right,
.tb-top, .tb-top-center, .full-tb-bottom, .full-tb-top, .tb-center-float {
    position: relative;
}
.tb-left { padding-left: var(--tb-space); }
.tb-right { padding-right: var(--tb-space); }

.tb-bottom::after, .tb-bottom-center::after,
.tb-left::before, .tb-right::after,
.tb-top::before, .tb-top-center::before,
.full-tb-bottom::after, .full-tb-top::before, .tb-center-float::before {
    content: '';
    display: block;
}
.tb-bottom::after, .tb-bottom-center::after, .full-tb-bottom::after {
    border-bottom: var(--tb-width) solid var(--tb-color);
    margin-top: var(--tb-space);
    width: var(--tb-length);
}
.tb-top::before, .tb-top-center::before, .full-tb-top::before {
    border-top: var(--tb-width) solid var(--tb-color);
    margin-bottom: var(--tb-space);
    width: var(--tb-length);
}
.tb-bottom-center::after, .tb-top-center::before {
    margin-left: auto;
    margin-right: auto;
}
.full-tb-bottom::after, .full-tb-top::before { width: 100%; }

.tb-left::before, .tb-right::after {
    top: 0;
    height: 100%;
    position: absolute;
}
.tb-left::before {
    border-left: var(--tb-width, 5px) solid var(--tb-color, #ccc);
    left: 0;
}
.tb-right::after {
    border-right: var(--tb-width, 5px) solid var(--tb-color, #ccc);
    right: 0;
}
.tb-center-float::before {
    border-bottom: var(--tb-width, 1px) solid var(--tb-color, #ccc);
    left: 0;
    top: 50%;
    position: absolute;
    width: 100%;
}
.tb-center-float strong, .tb-center-float span {
    background: var(--tb-background, #fff);
    display: inline-block;
    padding: 0 var(--tb-space);
    position: relative;
    z-index: 2;
}

/* Modificadores sobre el pseudoelemento para no propagarlos a titulos anidados. */
.tb-primary::before, .tb-primary::after { --tb-color: var(--primary); }
.tb-secondary::before, .tb-secondary::after { --tb-color: var(--secondary); }
.tb-tertiary::before, .tb-tertiary::after { --tb-color: var(--tertiary); }
.tb-quaternary::before, .tb-quaternary::after { --tb-color: var(--quaternary); }
.tb-quinary::before, .tb-quinary::after { --tb-color: var(--quinary); }
.tb-gray::before, .tb-gray::after { --tb-color: var(--gray); }
.tb-gray2::before, .tb-gray2::after { --tb-color: var(--gray2); }
.tb-dark-gray::before, .tb-dark-gray::after { --tb-color: var(--dark-gray); }
.tb-dark-gray2::before, .tb-dark-gray2::after { --tb-color: var(--dark-gray2); }
.tb-light-gray::before, .tb-light-gray::after { --tb-color: var(--light-gray); }
.tb-black::before, .tb-black::after { --tb-color: var(--black); }
.tb-white::before, .tb-white::after { --tb-color: var(--white); }

.tb-1::before, .tb-1::after { --tb-width: 1px; }
.tb-2::before, .tb-2::after { --tb-width: 2px; }
.tb-3::before, .tb-3::after { --tb-width: 3px; }
.tb-4::before, .tb-4::after { --tb-width: 4px; }
.tb-5::before, .tb-5::after { --tb-width: 5px; }
.tb-6::before, .tb-6::after { --tb-width: 6px; }
.tb-7::before, .tb-7::after { --tb-width: 7px; }
.tb-8::before, .tb-8::after { --tb-width: 8px; }
.tb-9::before, .tb-9::after { --tb-width: 9px; }
.tb-10::before, .tb-10::after { --tb-width: 10px; }

.title-font { font-family: var(--title-font), serif; }

.title-sm-1 { font-size: var(--title-sm-1); }
.title-sm-2 { font-size: var(--title-sm-2); }
.title-sm-3 { font-size: var(--title-sm-3); }
.title-1 { font-size: var(--title-1); }
.title-2 { font-size: var(--title-2); }
.title-3 { font-size: var(--title-3); }
.title-4 { font-size: var(--title-4); }
.title-lg-1 { font-size: var(--title-lg-1); }
.title-lg-2 { font-size: var(--title-lg-2); }
.title-lg-3 { font-size: var(--title-lg-3); }
.title-lg-4 { font-size: var(--title-lg-4); }

/* title-large-1/2/3 son alias de las variantes title-lg actuales. */
.fsize16 { font-size: 16px; }
.fsize18 { font-size: 18px; }
.fsize20 { font-size: 20px; }
.fsize22 { font-size: 22px; }
.title-br span { display: block; }

@media screen and (max-width: 1440px) {
    .fsize18 { font-size: 16px; }
    .fsize20, .fsize22 { font-size: 18px; }
}
@media screen and (max-width: 767px) {
	h1 { font-size: 28px; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 12px; }
}
/**************************
OTROS
**************************/
/* no-relative conserva la posicion heredada; no equivale a position: static. */
.full-width-xl { width: 100%; flex-basis: 100%; max-width: 100%; }
.relative-xl { position: relative; }
.absolute-xl { position: absolute; }
.fixed-xl { position: fixed; }

/* Proporciones compartidas por imagenes y contenedores de video. */
img.ratio-square,
img.ratio-16x9,
img.ratio-4x3,
img.ratio-5x7,
img.ratio-square-cover,
img.ratio-16x9-cover,
img.ratio-4x3-cover,
img.ratio-5x7-cover { width: 100%; }
img.ratio-square,
img.ratio-16x9,
img.ratio-4x3,
img.ratio-5x7 { object-fit: contain; }
img.ratio-square-cover,
img.ratio-16x9-cover,
img.ratio-4x3-cover,
img.ratio-5x7-cover { object-fit: cover; }

.ratio-square, .ratio-square-cover, .video-square { aspect-ratio: 1 / 1; }
.ratio-16x9, .ratio-16x9-cover, .video-16x9 { aspect-ratio: 16 / 9; }
.ratio-4x3, .ratio-4x3-cover, .video-4x3 { aspect-ratio: 4 / 3; }
.ratio-5x7, .ratio-5x7-cover, .video-5x7 { aspect-ratio: 5 / 7; }

.video-square,
.video-16x9,
.video-4x3,
.video-5x7 {
    position: relative;
    overflow: hidden;
}
:is(.video-square, .video-16x9, .video-4x3, .video-5x7) :is(iframe, video) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and  (max-width : 1440px) {
    .full-width-lg { width: 100%; flex-basis: 100%; max-width: 100%; }
    .relative-lg { position: relative; }
    .absolute-lg { position: absolute; }
    .fixed-lg { position: fixed; }
}

@media screen and  (max-width : 1180px) {
    .full-width-md { width: 100%; flex-basis: 100%; max-width: 100%; }
    .relative-md { position: relative; }
    .absolute-md { position: absolute; }
    .fixed-md { position: fixed; }

    .ratio-square-md,
    .ratio-16x9-md,
    .ratio-4x3-md,
    .ratio-5x7-md,
    .ratio-square-cover-md,
    .ratio-16x9-cover-md,
    .ratio-4x3-cover-md,
    .ratio-5x7-cover-md { width: 100%; }
    .ratio-square-md,
    .ratio-16x9-md,
    .ratio-4x3-md,
    .ratio-5x7-md { object-fit: contain; }
    .ratio-square-cover-md,
    .ratio-16x9-cover-md,
    .ratio-4x3-cover-md,
    .ratio-5x7-cover-md { object-fit: cover; }

    .ratio-square-md, .ratio-square-cover-md, .video-square-md { aspect-ratio: 1 / 1; }
    .ratio-16x9-md, .ratio-16x9-cover-md, .video-16x9-md { aspect-ratio: 16 / 9; }
    .ratio-4x3-md, .ratio-4x3-cover-md, .video-4x3-md { aspect-ratio: 4 / 3; }
    .ratio-5x7-md, .ratio-5x7-cover-md, .video-5x7-md { aspect-ratio: 5 / 7; }

    .video-square-md,
    .video-16x9-md,
    .video-4x3-md,
    .video-5x7-md {
        position: relative;
        overflow: hidden;
    }
    :is(.video-square-md, .video-16x9-md, .video-4x3-md, .video-5x7-md) :is(iframe, video) {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
}

@media only screen and (max-device-width : 1025px) and (orientation : portrait) {
    .full-width-sm { width: 100%; flex-basis: 100%; max-width: 100%; }
    .relative-sm { position: relative; }
    .absolute-sm { position: absolute; }
    .fixed-sm { position: fixed; }

    .ratio-square-sm,
    .ratio-16x9-sm,
    .ratio-4x3-sm,
    .ratio-5x7-sm,
    .ratio-square-cover-sm,
    .ratio-16x9-cover-sm,
    .ratio-4x3-cover-sm,
    .ratio-5x7-cover-sm { width: 100%; }
    .ratio-square-sm,
    .ratio-16x9-sm,
    .ratio-4x3-sm,
    .ratio-5x7-sm { object-fit: contain; }
    .ratio-square-cover-sm,
    .ratio-16x9-cover-sm,
    .ratio-4x3-cover-sm,
    .ratio-5x7-cover-sm { object-fit: cover; }

    .ratio-square-sm, .ratio-square-cover-sm, .video-square-sm { aspect-ratio: 1 / 1; }
    .ratio-16x9-sm, .ratio-16x9-cover-sm, .video-16x9-sm { aspect-ratio: 16 / 9; }
    .ratio-4x3-sm, .ratio-4x3-cover-sm, .video-4x3-sm { aspect-ratio: 4 / 3; }
    .ratio-5x7-sm, .ratio-5x7-cover-sm, .video-5x7-sm { aspect-ratio: 5 / 7; }

    .video-square-sm,
    .video-16x9-sm,
    .video-4x3-sm,
    .video-5x7-sm {
        position: relative;
        overflow: hidden;
    }
    :is(.video-square-sm, .video-16x9-sm, .video-4x3-sm, .video-5x7-sm) :is(iframe, video) {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
}

@media screen and  (max-width : 767px) {
    .full-width-xs { width: 100%; flex-basis: 100%; max-width: 100%; }
    .relative-xs { position: relative; }
    .absolute-xs { position: absolute; }
    .fixed-xs { position: fixed; }

    .ratio-square-xs,
    .ratio-16x9-xs,
    .ratio-4x3-xs,
    .ratio-5x7-xs,
    .ratio-square-cover-xs,
    .ratio-16x9-cover-xs,
    .ratio-4x3-cover-xs,
    .ratio-5x7-cover-xs { width: 100%; }
    .ratio-square-xs,
    .ratio-16x9-xs,
    .ratio-4x3-xs,
    .ratio-5x7-xs { object-fit: contain; }
    .ratio-square-cover-xs,
    .ratio-16x9-cover-xs,
    .ratio-4x3-cover-xs,
    .ratio-5x7-cover-xs { object-fit: cover; }

    .ratio-square-xs, .ratio-square-cover-xs, .video-square-xs { aspect-ratio: 1 / 1; }
    .ratio-16x9-xs, .ratio-16x9-cover-xs, .video-16x9-xs { aspect-ratio: 16 / 9; }
    .ratio-4x3-xs, .ratio-4x3-cover-xs, .video-4x3-xs { aspect-ratio: 4 / 3; }
    .ratio-5x7-xs, .ratio-5x7-cover-xs, .video-5x7-xs { aspect-ratio: 5 / 7; }

    .video-square-xs,
    .video-16x9-xs,
    .video-4x3-xs,
    .video-5x7-xs {
        position: relative;
        overflow: hidden;
    }
    :is(.video-square-xs, .video-16x9-xs, .video-4x3-xs, .video-5x7-xs) :is(iframe, video) {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
}

/**************************
PADDINGS
**************************/
/**************************
.p = padding aplicado a todos los lados
.py- = padding aplicado al top y al bottom
.px = padding aplicado a left y right
.p-b = padding aplicado al bottom
.p-l = padding aplicado al left
.p-r = padding aplicado al right
.p-t = padding aplicado al top
**************************/

.p-0{padding:0}
.p-05{padding:.5rem}
.p-1{padding:1rem}
.p-1-5{padding:1.5rem}
.p-2{padding:2rem}
.p-2-5{padding:2.5rem}
.p-3{padding:3rem}
.p-3-5{padding:3.5rem}
.p-4{padding:4rem}
.p-4-5{padding:4.5rem}
.p-5{padding:5rem}
.p-5-5{padding:5.5rem}
.p-6{padding:6rem}
.p-6-5{padding:6.5rem}
.p-7{padding:7rem}
.p-7-5{padding:7.5rem}
.p-8{padding:8rem}
.p-8-5{padding:8.5rem}
.p-9{padding:9rem}
.p-9-5{padding:9.5rem}
.p-10{padding:10rem}
.p-10-5{padding:10.5rem}

.py-0{padding-block:0}
.py-05{padding-block:.5rem}
.py-1{padding-block:1rem}
.py-1-5{padding-block:1.5rem}
.py-2{padding-block:2rem}
.py-2-5{padding-block:2.5rem}
.py-3{padding-block:3rem}
.py-3-5{padding-block:3.5rem}
.py-4{padding-block:4rem}
.py-4-5{padding-block:4.5rem}
.py-5{padding-block:5rem}
.py-5-5{padding-block:5.5rem}
.py-6{padding-block:6rem}
.py-6-5{padding-block:6.5rem}
.py-7{padding-block:7rem}
.py-7-5{padding-block:7.5rem}
.py-8{padding-block:8rem}
.py-8-5{padding-block:8.5rem}
.py-9{padding-block:9rem}
.py-9-5{padding-block:9.5rem}
.py-10{padding-block:10rem}
.py-10-5{padding-block:10.5rem}

.pb-0{padding-bottom:0}
.pb-05{padding-bottom:.5rem}
.pb-1{padding-bottom:1rem}
.pb-1-5{padding-bottom:1.5rem}
.pb-2{padding-bottom:2rem}
.pb-2-5{padding-bottom:2.5rem}
.pb-3{padding-bottom:3rem}
.pb-3-5{padding-bottom:3.5rem}
.pb-4{padding-bottom:4rem}
.pb-4-5{padding-bottom:4.5rem}
.pb-5{padding-bottom:5rem}
.pb-5-5{padding-bottom:5.5rem}
.pb-6{padding-bottom:6rem}
.pb-6-5{padding-bottom:6.5rem}
.pb-7{padding-bottom:7rem}
.pb-7-5{padding-bottom:7.5rem}
.pb-8{padding-bottom:8rem}
.pb-8-5{padding-bottom:8.5rem}
.pb-9{padding-bottom:9rem}
.pb-9-5{padding-bottom:9.5rem}
.pb-10{padding-bottom:10rem}
.pb-10-5{padding-bottom:10.5rem}

.pt-0{padding-top:0}
.pt-05{padding-top:.5rem}
.pt-1{padding-top:1rem}
.pt-1-5{padding-top:1.5rem}
.pt-2{padding-top:2rem}
.pt-2-5{padding-top:2.5rem}
.pt-3{padding-top:3rem}
.pt-3-5{padding-top:3.5rem}
.pt-4{padding-top:4rem}
.pt-4-5{padding-top:4.5rem}
.pt-5{padding-top:5rem}
.pt-5-5{padding-top:5.5rem}
.pt-6{padding-top:6rem}
.pt-6-5{padding-top:6.5rem}
.pt-7{padding-top:7rem}
.pt-7-5{padding-top:7.5rem}
.pt-8{padding-top:8rem}
.pt-8-5{padding-top:8.5rem}
.pt-9{padding-top:9rem}
.pt-9-5{padding-top:9.5rem}
.pt-10{padding-top:10rem}
.pt-10-5{padding-top:10.5rem}

.px-0{padding-inline:0}
.px-05{padding-inline:.5rem}
.px-1{padding-inline:1rem}
.px-1-5{padding-inline:1.5rem}
.px-2{padding-inline:2rem}
.px-2-5{padding-inline:2.5rem}
.px-3{padding-inline:3rem}
.px-3-5{padding-inline:3.5rem}
.px-4{padding-inline:4rem}
.px-4-5{padding-inline:4.5rem}
.px-5{padding-inline:5rem}
.px-5-5{padding-inline:5.5rem}
.px-6{padding-inline:6rem}
.px-6-5{padding-inline:6.5rem}
.px-7{padding-inline:7rem}
.px-7-5{padding-inline:7.5rem}
.px-8{padding-inline:8rem}
.px-8-5{padding-inline:8.5rem}
.px-9{padding-inline:9rem}
.px-9-5{padding-inline:9.5rem}
.px-10{padding-inline:10rem}
.px-10-5{padding-inline:10.5rem}

.pl-0{padding-left:0}
.pl-05{padding-left:.5rem}
.pl-1{padding-left:1rem}
.pl-1-5{padding-left:1.5rem}
.pl-2{padding-left:2rem}
.pl-2-5{padding-left:2.5rem}
.pl-3{padding-left:3rem}
.pl-3-5{padding-left:3.5rem}
.pl-4{padding-left:4rem}
.pl-4-5{padding-left:4.5rem}
.pl-5{padding-left:5rem}
.pl-5-5{padding-left:5.5rem}
.pl-6{padding-left:6rem}
.pl-6-5{padding-left:6.5rem}
.pl-7{padding-left:7rem}
.pl-7-5{padding-left:7.5rem}
.pl-8{padding-left:8rem}
.pl-8-5{padding-left:8.5rem}
.pl-9{padding-left:9rem}
.pl-9-5{padding-left:9.5rem}
.pl-10{padding-left:10rem}
.pl-10-5{padding-left:10.5rem}

.pr-0{padding-right:0}
.pr-05{padding-right:.5rem}
.pr-1{padding-right:1rem}
.pr-1-5{padding-right:1.5rem}
.pr-2{padding-right:2rem}
.pr-2-5{padding-right:2.5rem}
.pr-3{padding-right:3rem}
.pr-3-5{padding-right:3.5rem}
.pr-4{padding-right:4rem}
.pr-4-5{padding-right:4.5rem}
.pr-5{padding-right:5rem}
.pr-5-5{padding-right:5.5rem}
.pr-6{padding-right:6rem}
.pr-6-5{padding-right:6.5rem}
.pr-7{padding-right:7rem}
.pr-7-5{padding-right:7.5rem}
.pr-8{padding-right:8rem}
.pr-8-5{padding-right:8.5rem}
.pr-9{padding-right:9rem}
.pr-9-5{padding-right:9.5rem}
.pr-10{padding-right:10rem}
.pr-10-5{padding-right:10.5rem}

@media screen and  (max-width : 1440px) {

.p-0-lg{padding:0}
.p-05-lg{padding:.5rem}
.p-1-lg{padding:1rem}
.p-1-5-lg{padding:1.5rem}
.p-2-lg{padding:2rem}
.p-2-5-lg{padding:2.5rem}
.p-3-lg{padding:3rem}
.p-3-5-lg{padding:3.5rem}
.p-4-lg{padding:4rem}
.p-4-5-lg{padding:4.5rem}
.p-5-lg{padding:5rem}
.p-5-5-lg{padding:5.5rem}
.p-6-lg{padding:6rem}
.p-6-5-lg{padding:6.5rem}
.p-7-lg{padding:7rem}
.p-7-5-lg{padding:7.5rem}
.p-8-lg{padding:8rem}
.p-8-5-lg{padding:8.5rem}
.p-9-lg{padding:9rem}
.p-9-5-lg{padding:9.5rem}
.p-10-lg{padding:10rem}
.p-10-5-lg{padding:10.5rem}

.py-0-lg{padding-block:0}
.py-05-lg{padding-block:.5rem}
.py-1-lg{padding-block:1rem}
.py-1-5-lg{padding-block:1.5rem}
.py-2-lg{padding-block:2rem}
.py-2-5-lg{padding-block:2.5rem}
.py-3-lg{padding-block:3rem}
.py-3-5-lg{padding-block:3.5rem}
.py-4-lg{padding-block:4rem}
.py-4-5-lg{padding-block:4.5rem}
.py-5-lg{padding-block:5rem}
.py-5-5-lg{padding-block:5.5rem}
.py-6-lg{padding-block:6rem}
.py-6-5-lg{padding-block:6.5rem}
.py-7-lg{padding-block:7rem}
.py-7-5-lg{padding-block:7.5rem}
.py-8-lg{padding-block:8rem}
.py-8-5-lg{padding-block:8.5rem}
.py-9-lg{padding-block:9rem}
.py-9-5-lg{padding-block:9.5rem}
.py-10-lg{padding-block:10rem}
.py-10-5-lg{padding-block:10.5rem}

.pb-0-lg{padding-bottom:0}
.pb-05-lg{padding-bottom:.5rem}
.pb-1-lg{padding-bottom:1rem}
.pb-1-5-lg{padding-bottom:1.5rem}
.pb-2-lg{padding-bottom:2rem}
.pb-2-5-lg{padding-bottom:2.5rem}
.pb-3-lg{padding-bottom:3rem}
.pb-3-5-lg{padding-bottom:3.5rem}
.pb-4-lg{padding-bottom:4rem}
.pb-4-5-lg{padding-bottom:4.5rem}
.pb-5-lg{padding-bottom:5rem}
.pb-5-5-lg{padding-bottom:5.5rem}
.pb-6-lg{padding-bottom:6rem}
.pb-6-5-lg{padding-bottom:6.5rem}
.pb-7-lg{padding-bottom:7rem}
.pb-7-5-lg{padding-bottom:7.5rem}
.pb-8-lg{padding-bottom:8rem}
.pb-8-5-lg{padding-bottom:8.5rem}
.pb-9-lg{padding-bottom:9rem}
.pb-9-5-lg{padding-bottom:9.5rem}
.pb-10-lg{padding-bottom:10rem}
.pb-10-5-lg{padding-bottom:10.5rem}

.pt-0-lg{padding-top:0}
.pt-05-lg{padding-top:.5rem}
.pt-1-lg{padding-top:1rem}
.pt-1-5-lg{padding-top:1.5rem}
.pt-2-lg{padding-top:2rem}
.pt-2-5-lg{padding-top:2.5rem}
.pt-3-lg{padding-top:3rem}
.pt-3-5-lg{padding-top:3.5rem}
.pt-4-lg{padding-top:4rem}
.pt-4-5-lg{padding-top:4.5rem}
.pt-5-lg{padding-top:5rem}
.pt-5-5-lg{padding-top:5.5rem}
.pt-6-lg{padding-top:6rem}
.pt-6-5-lg{padding-top:6.5rem}
.pt-7-lg{padding-top:7rem}
.pt-7-5-lg{padding-top:7.5rem}
.pt-8-lg{padding-top:8rem}
.pt-8-5-lg{padding-top:8.5rem}
.pt-9-lg{padding-top:9rem}
.pt-9-5-lg{padding-top:9.5rem}
.pt-10-lg{padding-top:10rem}
.pt-10-5-lg{padding-top:10.5rem}

.px-0-lg{padding-inline:0}
.px-05-lg{padding-inline:.5rem}
.px-1-lg{padding-inline:1rem}
.px-1-5-lg{padding-inline:1.5rem}
.px-2-lg{padding-inline:2rem}
.px-2-5-lg{padding-inline:2.5rem}
.px-3-lg{padding-inline:3rem}
.px-3-5-lg{padding-inline:3.5rem}
.px-4-lg{padding-inline:4rem}
.px-4-5-lg{padding-inline:4.5rem}
.px-5-lg{padding-inline:5rem}
.px-5-5-lg{padding-inline:5.5rem}
.px-6-lg{padding-inline:6rem}
.px-6-5-lg{padding-inline:6.5rem}
.px-7-lg{padding-inline:7rem}
.px-7-5-lg{padding-inline:7.5rem}
.px-8-lg{padding-inline:8rem}
.px-8-5-lg{padding-inline:8.5rem}
.px-9-lg{padding-inline:9rem}
.px-9-5-lg{padding-inline:9.5rem}
.px-10-lg{padding-inline:10rem}
.px-10-5-lg{padding-inline:10.5rem}

.pl-0-lg{padding-left:0}
.pl-05-lg{padding-left:.5rem}
.pl-1-lg{padding-left:1rem}
.pl-1-5-lg{padding-left:1.5rem}
.pl-2-lg{padding-left:2rem}
.pl-2-5-lg{padding-left:2.5rem}
.pl-3-lg{padding-left:3rem}
.pl-3-5-lg{padding-left:3.5rem}
.pl-4-lg{padding-left:4rem}
.pl-4-5-lg{padding-left:4.5rem}
.pl-5-lg{padding-left:5rem}
.pl-5-5-lg{padding-left:5.5rem}
.pl-6-lg{padding-left:6rem}
.pl-6-5-lg{padding-left:6.5rem}
.pl-7-lg{padding-left:7rem}
.pl-7-5-lg{padding-left:7.5rem}
.pl-8-lg{padding-left:8rem}
.pl-8-5-lg{padding-left:8.5rem}
.pl-9-lg{padding-left:9rem}
.pl-9-5-lg{padding-left:9.5rem}
.pl-10-lg{padding-left:10rem}
.pl-10-5-lg{padding-left:10.5rem}

.pr-0-lg{padding-right:0}
.pr-05-lg{padding-right:.5rem}
.pr-1-lg{padding-right:1rem}
.pr-1-5-lg{padding-right:1.5rem}
.pr-2-lg{padding-right:2rem}
.pr-2-5-lg{padding-right:2.5rem}
.pr-3-lg{padding-right:3rem}
.pr-3-5-lg{padding-right:3.5rem}
.pr-4-lg{padding-right:4rem}
.pr-4-5-lg{padding-right:4.5rem}
.pr-5-lg{padding-right:5rem}
.pr-5-5-lg{padding-right:5.5rem}
.pr-6-lg{padding-right:6rem}
.pr-6-5-lg{padding-right:6.5rem}
.pr-7-lg{padding-right:7rem}
.pr-7-5-lg{padding-right:7.5rem}
.pr-8-lg{padding-right:8rem}
.pr-8-5-lg{padding-right:8.5rem}
.pr-9-lg{padding-right:9rem}
.pr-9-5-lg{padding-right:9.5rem}
.pr-10-lg{padding-right:10rem}
.pr-10-5-lg{padding-right:10.5rem}
}

@media screen and  (max-width : 1180px) {

.p-0-md{padding:0}
.p-05-md{padding:.5rem}
.p-1-md{padding:1rem}
.p-1-5-md{padding:1.5rem}
.p-2-md{padding:2rem}
.p-2-5-md{padding:2.5rem}
.p-3-md{padding:3rem}
.p-3-5-md{padding:3.5rem}
.p-4-md{padding:4rem}
.p-4-5-md{padding:4.5rem}
.p-5-md{padding:5rem}
.p-5-5-md{padding:5.5rem}
.p-6-md{padding:6rem}
.p-6-5-md{padding:6.5rem}
.p-7-md{padding:7rem}
.p-7-5-md{padding:7.5rem}
.p-8-md{padding:8rem}
.p-8-5-md{padding:8.5rem}
.p-9-md{padding:9rem}
.p-9-5-md{padding:9.5rem}
.p-10-md{padding:10rem}
.p-10-5-md{padding:10.5rem}

.py-0-md{padding-block:0}
.py-05-md{padding-block:.5rem}
.py-1-md{padding-block:1rem}
.py-1-5-md{padding-block:1.5rem}
.py-2-md{padding-block:2rem}
.py-2-5-md{padding-block:2.5rem}
.py-3-md{padding-block:3rem}
.py-3-5-md{padding-block:3.5rem}
.py-4-md{padding-block:4rem}
.py-4-5-md{padding-block:4.5rem}
.py-5-md{padding-block:5rem}
.py-5-5-md{padding-block:5.5rem}
.py-6-md{padding-block:6rem}
.py-6-5-md{padding-block:6.5rem}
.py-7-md{padding-block:7rem}
.py-7-5-md{padding-block:7.5rem}
.py-8-md{padding-block:8rem}
.py-8-5-md{padding-block:8.5rem}
.py-9-md{padding-block:9rem}
.py-9-5-md{padding-block:9.5rem}
.py-10-md{padding-block:10rem}
.py-10-5-md{padding-block:10.5rem}

.pb-0-md{padding-bottom:0}
.pb-05-md{padding-bottom:.5rem}
.pb-1-md{padding-bottom:1rem}
.pb-1-5-md{padding-bottom:1.5rem}
.pb-2-md{padding-bottom:2rem}
.pb-2-5-md{padding-bottom:2.5rem}
.pb-3-md{padding-bottom:3rem}
.pb-3-5-md{padding-bottom:3.5rem}
.pb-4-md{padding-bottom:4rem}
.pb-4-5-md{padding-bottom:4.5rem}
.pb-5-md{padding-bottom:5rem}
.pb-5-5-md{padding-bottom:5.5rem}
.pb-6-md{padding-bottom:6rem}
.pb-6-5-md{padding-bottom:6.5rem}
.pb-7-md{padding-bottom:7rem}
.pb-7-5-md{padding-bottom:7.5rem}
.pb-8-md{padding-bottom:8rem}
.pb-8-5-md{padding-bottom:8.5rem}
.pb-9-md{padding-bottom:9rem}
.pb-9-5-md{padding-bottom:9.5rem}
.pb-10-md{padding-bottom:10rem}
.pb-10-5-md{padding-bottom:10.5rem}

.pt-0-md{padding-top:0}
.pt-05-md{padding-top:.5rem}
.pt-1-md{padding-top:1rem}
.pt-1-5-md{padding-top:1.5rem}
.pt-2-md{padding-top:2rem}
.pt-2-5-md{padding-top:2.5rem}
.pt-3-md{padding-top:3rem}
.pt-3-5-md{padding-top:3.5rem}
.pt-4-md{padding-top:4rem}
.pt-4-5-md{padding-top:4.5rem}
.pt-5-md{padding-top:5rem}
.pt-5-5-md{padding-top:5.5rem}
.pt-6-md{padding-top:6rem}
.pt-6-5-md{padding-top:6.5rem}
.pt-7-md{padding-top:7rem}
.pt-7-5-md{padding-top:7.5rem}
.pt-8-md{padding-top:8rem}
.pt-8-5-md{padding-top:8.5rem}
.pt-9-md{padding-top:9rem}
.pt-9-5-md{padding-top:9.5rem}
.pt-10-md{padding-top:10rem}
.pt-10-5-md{padding-top:10.5rem}

.px-0-md{padding-inline:0}
.px-05-md{padding-inline:.5rem}
.px-1-md{padding-inline:1rem}
.px-1-5-md{padding-inline:1.5rem}
.px-2-md{padding-inline:2rem}
.px-2-5-md{padding-inline:2.5rem}
.px-3-md{padding-inline:3rem}
.px-3-5-md{padding-inline:3.5rem}
.px-4-md{padding-inline:4rem}
.px-4-5-md{padding-inline:4.5rem}
.px-5-md{padding-inline:5rem}
.px-5-5-md{padding-inline:5.5rem}
.px-6-md{padding-inline:6rem}
.px-6-5-md{padding-inline:6.5rem}
.px-7-md{padding-inline:7rem}
.px-7-5-md{padding-inline:7.5rem}
.px-8-md{padding-inline:8rem}
.px-8-5-md{padding-inline:8.5rem}
.px-9-md{padding-inline:9rem}
.px-9-5-md{padding-inline:9.5rem}
.px-10-md{padding-inline:10rem}
.px-10-5-md{padding-inline:10.5rem}

.pl-0-md{padding-left:0}
.pl-05-md{padding-left:.5rem}
.pl-1-md{padding-left:1rem}
.pl-1-5-md{padding-left:1.5rem}
.pl-2-md{padding-left:2rem}
.pl-2-5-md{padding-left:2.5rem}
.pl-3-md{padding-left:3rem}
.pl-3-5-md{padding-left:3.5rem}
.pl-4-md{padding-left:4rem}
.pl-4-5-md{padding-left:4.5rem}
.pl-5-md{padding-left:5rem}
.pl-5-5-md{padding-left:5.5rem}
.pl-6-md{padding-left:6rem}
.pl-6-5-md{padding-left:6.5rem}
.pl-7-md{padding-left:7rem}
.pl-7-5-md{padding-left:7.5rem}
.pl-8-md{padding-left:8rem}
.pl-8-5-md{padding-left:8.5rem}
.pl-9-md{padding-left:9rem}
.pl-9-5-md{padding-left:9.5rem}
.pl-10-md{padding-left:10rem}
.pl-10-5-md{padding-left:10.5rem}

.pr-0-md{padding-right:0}
.pr-05-md{padding-right:.5rem}
.pr-1-md{padding-right:1rem}
.pr-1-5-md{padding-right:1.5rem}
.pr-2-md{padding-right:2rem}
.pr-2-5-md{padding-right:2.5rem}
.pr-3-md{padding-right:3rem}
.pr-3-5-md{padding-right:3.5rem}
.pr-4-md{padding-right:4rem}
.pr-4-5-md{padding-right:4.5rem}
.pr-5-md{padding-right:5rem}
.pr-5-5-md{padding-right:5.5rem}
.pr-6-md{padding-right:6rem}
.pr-6-5-md{padding-right:6.5rem}
.pr-7-md{padding-right:7rem}
.pr-7-5-md{padding-right:7.5rem}
.pr-8-md{padding-right:8rem}
.pr-8-5-md{padding-right:8.5rem}
.pr-9-md{padding-right:9rem}
.pr-9-5-md{padding-right:9.5rem}
.pr-10-md{padding-right:10rem}
.pr-10-5-md{padding-right:10.5rem}
}

@media only screen and (max-device-width : 1025px) and (orientation : portrait) {

.p-0-sm{padding:0}
.p-05-sm{padding:.5rem}
.p-1-sm{padding:1rem}
.p-1-5-sm{padding:1.5rem}
.p-2-sm{padding:2rem}
.p-2-5-sm{padding:2.5rem}
.p-3-sm{padding:3rem}
.p-3-5-sm{padding:3.5rem}
.p-4-sm{padding:4rem}
.p-4-5-sm{padding:4.5rem}
.p-5-sm{padding:5rem}
.p-5-5-sm{padding:5.5rem}
.p-6-sm{padding:6rem}
.p-6-5-sm{padding:6.5rem}
.p-7-sm{padding:7rem}
.p-7-5-sm{padding:7.5rem}
.p-8-sm{padding:8rem}
.p-8-5-sm{padding:8.5rem}
.p-9-sm{padding:9rem}
.p-9-5-sm{padding:9.5rem}
.p-10-sm{padding:10rem}
.p-10-5-sm{padding:10.5rem}

.py-0-sm{padding-block:0}
.py-05-sm{padding-block:.5rem}
.py-1-sm{padding-block:1rem}
.py-1-5-sm{padding-block:1.5rem}
.py-2-sm{padding-block:2rem}
.py-2-5-sm{padding-block:2.5rem}
.py-3-sm{padding-block:3rem}
.py-3-5-sm{padding-block:3.5rem}
.py-4-sm{padding-block:4rem}
.py-4-5-sm{padding-block:4.5rem}
.py-5-sm{padding-block:5rem}
.py-5-5-sm{padding-block:5.5rem}
.py-6-sm{padding-block:6rem}
.py-6-5-sm{padding-block:6.5rem}
.py-7-sm{padding-block:7rem}
.py-7-5-sm{padding-block:7.5rem}
.py-8-sm{padding-block:8rem}
.py-8-5-sm{padding-block:8.5rem}
.py-9-sm{padding-block:9rem}
.py-9-5-sm{padding-block:9.5rem}
.py-10-sm{padding-block:10rem}
.py-10-5-sm{padding-block:10.5rem}

.pb-0-sm{padding-bottom:0}
.pb-05-sm{padding-bottom:.5rem}
.pb-1-sm{padding-bottom:1rem}
.pb-1-5-sm{padding-bottom:1.5rem}
.pb-2-sm{padding-bottom:2rem}
.pb-2-5-sm{padding-bottom:2.5rem}
.pb-3-sm{padding-bottom:3rem}
.pb-3-5-sm{padding-bottom:3.5rem}
.pb-4-sm{padding-bottom:4rem}
.pb-4-5-sm{padding-bottom:4.5rem}
.pb-5-sm{padding-bottom:5rem}
.pb-5-5-sm{padding-bottom:5.5rem}
.pb-6-sm{padding-bottom:6rem}
.pb-6-5-sm{padding-bottom:6.5rem}
.pb-7-sm{padding-bottom:7rem}
.pb-7-5-sm{padding-bottom:7.5rem}
.pb-8-sm{padding-bottom:8rem}
.pb-8-5-sm{padding-bottom:8.5rem}
.pb-9-sm{padding-bottom:9rem}
.pb-9-5-sm{padding-bottom:9.5rem}
.pb-10-sm{padding-bottom:10rem}
.pb-10-5-sm{padding-bottom:10.5rem}

.pt-0-sm{padding-top:0}
.pt-05-sm{padding-top:.5rem}
.pt-1-sm{padding-top:1rem}
.pt-1-5-sm{padding-top:1.5rem}
.pt-2-sm{padding-top:2rem}
.pt-2-5-sm{padding-top:2.5rem}
.pt-3-sm{padding-top:3rem}
.pt-3-5-sm{padding-top:3.5rem}
.pt-4-sm{padding-top:4rem}
.pt-4-5-sm{padding-top:4.5rem}
.pt-5-sm{padding-top:5rem}
.pt-5-5-sm{padding-top:5.5rem}
.pt-6-sm{padding-top:6rem}
.pt-6-5-sm{padding-top:6.5rem}
.pt-7-sm{padding-top:7rem}
.pt-7-5-sm{padding-top:7.5rem}
.pt-8-sm{padding-top:8rem}
.pt-8-5-sm{padding-top:8.5rem}
.pt-9-sm{padding-top:9rem}
.pt-9-5-sm{padding-top:9.5rem}
.pt-10-sm{padding-top:10rem}
.pt-10-5-sm{padding-top:10.5rem}

.px-0-sm{padding-inline:0}
.px-05-sm{padding-inline:.5rem}
.px-1-sm{padding-inline:1rem}
.px-1-5-sm{padding-inline:1.5rem}
.px-2-sm{padding-inline:2rem}
.px-2-5-sm{padding-inline:2.5rem}
.px-3-sm{padding-inline:3rem}
.px-3-5-sm{padding-inline:3.5rem}
.px-4-sm{padding-inline:4rem}
.px-4-5-sm{padding-inline:4.5rem}
.px-5-sm{padding-inline:5rem}
.px-5-5-sm{padding-inline:5.5rem}
.px-6-sm{padding-inline:6rem}
.px-6-5-sm{padding-inline:6.5rem}
.px-7-sm{padding-inline:7rem}
.px-7-5-sm{padding-inline:7.5rem}
.px-8-sm{padding-inline:8rem}
.px-8-5-sm{padding-inline:8.5rem}
.px-9-sm{padding-inline:9rem}
.px-9-5-sm{padding-inline:9.5rem}
.px-10-sm{padding-inline:10rem}
.px-10-5-sm{padding-inline:10.5rem}

.pl-0-sm{padding-left:0}
.pl-05-sm{padding-left:.5rem}
.pl-1-sm{padding-left:1rem}
.pl-1-5-sm{padding-left:1.5rem}
.pl-2-sm{padding-left:2rem}
.pl-2-5-sm{padding-left:2.5rem}
.pl-3-sm{padding-left:3rem}
.pl-3-5-sm{padding-left:3.5rem}
.pl-4-sm{padding-left:4rem}
.pl-4-5-sm{padding-left:4.5rem}
.pl-5-sm{padding-left:5rem}
.pl-5-5-sm{padding-left:5.5rem}
.pl-6-sm{padding-left:6rem}
.pl-6-5-sm{padding-left:6.5rem}
.pl-7-sm{padding-left:7rem}
.pl-7-5-sm{padding-left:7.5rem}
.pl-8-sm{padding-left:8rem}
.pl-8-5-sm{padding-left:8.5rem}
.pl-9-sm{padding-left:9rem}
.pl-9-5-sm{padding-left:9.5rem}
.pl-10-sm{padding-left:10rem}
.pl-10-5-sm{padding-left:10.5rem}

.pr-0-sm{padding-right:0}
.pr-05-sm{padding-right:.5rem}
.pr-1-sm{padding-right:1rem}
.pr-1-5-sm{padding-right:1.5rem}
.pr-2-sm{padding-right:2rem}
.pr-2-5-sm{padding-right:2.5rem}
.pr-3-sm{padding-right:3rem}
.pr-3-5-sm{padding-right:3.5rem}
.pr-4-sm{padding-right:4rem}
.pr-4-5-sm{padding-right:4.5rem}
.pr-5-sm{padding-right:5rem}
.pr-5-5-sm{padding-right:5.5rem}
.pr-6-sm{padding-right:6rem}
.pr-6-5-sm{padding-right:6.5rem}
.pr-7-sm{padding-right:7rem}
.pr-7-5-sm{padding-right:7.5rem}
.pr-8-sm{padding-right:8rem}
.pr-8-5-sm{padding-right:8.5rem}
.pr-9-sm{padding-right:9rem}
.pr-9-5-sm{padding-right:9.5rem}
.pr-10-sm{padding-right:10rem}
.pr-10-5-sm{padding-right:10.5rem}
}
@media screen and  (max-width : 767px) {

.p-0-xs{padding:0}
.p-05-xs{padding:.5rem}
.p-1-xs{padding:1rem}
.p-1-5-xs{padding:1.5rem}
.p-2-xs{padding:2rem}
.p-2-5-xs{padding:2.5rem}
.p-3-xs{padding:3rem}
.p-3-5-xs{padding:3.5rem}
.p-4-xs{padding:4rem}
.p-4-5-xs{padding:4.5rem}
.p-5-xs{padding:5rem}
.p-5-5-xs{padding:5.5rem}
.p-6-xs{padding:6rem}
.p-6-5-xs{padding:6.5rem}
.p-7-xs{padding:7rem}
.p-7-5-xs{padding:7.5rem}
.p-8-xs{padding:8rem}
.p-8-5-xs{padding:8.5rem}
.p-9-xs{padding:9rem}
.p-9-5-xs{padding:9.5rem}
.p-10-xs{padding:10rem}
.p-10-5-xs{padding:10.5rem}

.py-0-xs{padding-block:0}
.py-05-xs{padding-block:.5rem}
.py-1-xs{padding-block:1rem}
.py-1-5-xs{padding-block:1.5rem}
.py-2-xs{padding-block:2rem}
.py-2-5-xs{padding-block:2.5rem}
.py-3-xs{padding-block:3rem}
.py-3-5-xs{padding-block:3.5rem}
.py-4-xs{padding-block:4rem}
.py-4-5-xs{padding-block:4.5rem}
.py-5-xs{padding-block:5rem}
.py-5-5-xs{padding-block:5.5rem}
.py-6-xs{padding-block:6rem}
.py-6-5-xs{padding-block:6.5rem}
.py-7-xs{padding-block:7rem}
.py-7-5-xs{padding-block:7.5rem}
.py-8-xs{padding-block:8rem}
.py-8-5-xs{padding-block:8.5rem}
.py-9-xs{padding-block:9rem}
.py-9-5-xs{padding-block:9.5rem}
.py-10-xs{padding-block:10rem}
.py-10-5-xs{padding-block:10.5rem}

.pb-0-xs{padding-bottom:0}
.pb-05-xs{padding-bottom:.5rem}
.pb-1-xs{padding-bottom:1rem}
.pb-1-5-xs{padding-bottom:1.5rem}
.pb-2-xs{padding-bottom:2rem}
.pb-2-5-xs{padding-bottom:2.5rem}
.pb-3-xs{padding-bottom:3rem}
.pb-3-5-xs{padding-bottom:3.5rem}
.pb-4-xs{padding-bottom:4rem}
.pb-4-5-xs{padding-bottom:4.5rem}
.pb-5-xs{padding-bottom:5rem}
.pb-5-5-xs{padding-bottom:5.5rem}
.pb-6-xs{padding-bottom:6rem}
.pb-6-5-xs{padding-bottom:6.5rem}
.pb-7-xs{padding-bottom:7rem}
.pb-7-5-xs{padding-bottom:7.5rem}
.pb-8-xs{padding-bottom:8rem}
.pb-8-5-xs{padding-bottom:8.5rem}
.pb-9-xs{padding-bottom:9rem}
.pb-9-5-xs{padding-bottom:9.5rem}
.pb-10-xs{padding-bottom:10rem}
.pb-10-5-xs{padding-bottom:10.5rem}

.pt-0-xs{padding-top:0}
.pt-05-xs{padding-top:.5rem}
.pt-1-xs{padding-top:1rem}
.pt-1-5-xs{padding-top:1.5rem}
.pt-2-xs{padding-top:2rem}
.pt-2-5-xs{padding-top:2.5rem}
.pt-3-xs{padding-top:3rem}
.pt-3-5-xs{padding-top:3.5rem}
.pt-4-xs{padding-top:4rem}
.pt-4-5-xs{padding-top:4.5rem}
.pt-5-xs{padding-top:5rem}
.pt-5-5-xs{padding-top:5.5rem}
.pt-6-xs{padding-top:6rem}
.pt-6-5-xs{padding-top:6.5rem}
.pt-7-xs{padding-top:7rem}
.pt-7-5-xs{padding-top:7.5rem}
.pt-8-xs{padding-top:8rem}
.pt-8-5-xs{padding-top:8.5rem}
.pt-9-xs{padding-top:9rem}
.pt-9-5-xs{padding-top:9.5rem}
.pt-10-xs{padding-top:10rem}
.pt-10-5-xs{padding-top:10.5rem}

.px-0-xs{padding-inline:0}
.px-05-xs{padding-inline:.5rem}
.px-1-xs{padding-inline:1rem}
.px-1-5-xs{padding-inline:1.5rem}
.px-2-xs{padding-inline:2rem}
.px-2-5-xs{padding-inline:2.5rem}
.px-3-xs{padding-inline:3rem}
.px-3-5-xs{padding-inline:3.5rem}
.px-4-xs{padding-inline:4rem}
.px-4-5-xs{padding-inline:4.5rem}
.px-5-xs{padding-inline:5rem}
.px-5-5-xs{padding-inline:5.5rem}
.px-6-xs{padding-inline:6rem}
.px-6-5-xs{padding-inline:6.5rem}
.px-7-xs{padding-inline:7rem}
.px-7-5-xs{padding-inline:7.5rem}
.px-8-xs{padding-inline:8rem}
.px-8-5-xs{padding-inline:8.5rem}
.px-9-xs{padding-inline:9rem}
.px-9-5-xs{padding-inline:9.5rem}
.px-10-xs{padding-inline:10rem}
.px-10-5-xs{padding-inline:10.5rem}

.pl-0-xs{padding-left:0}
.pl-05-xs{padding-left:.5rem}
.pl-1-xs{padding-left:1rem}
.pl-1-5-xs{padding-left:1.5rem}
.pl-2-xs{padding-left:2rem}
.pl-2-5-xs{padding-left:2.5rem}
.pl-3-xs{padding-left:3rem}
.pl-3-5-xs{padding-left:3.5rem}
.pl-4-xs{padding-left:4rem}
.pl-4-5-xs{padding-left:4.5rem}
.pl-5-xs{padding-left:5rem}
.pl-5-5-xs{padding-left:5.5rem}
.pl-6-xs{padding-left:6rem}
.pl-6-5-xs{padding-left:6.5rem}
.pl-7-xs{padding-left:7rem}
.pl-7-5-xs{padding-left:7.5rem}
.pl-8-xs{padding-left:8rem}
.pl-8-5-xs{padding-left:8.5rem}
.pl-9-xs{padding-left:9rem}
.pl-9-5-xs{padding-left:9.5rem}
.pl-10-xs{padding-left:10rem}
.pl-10-5-xs{padding-left:10.5rem}

.pr-0-xs{padding-right:0}
.pr-05-xs{padding-right:.5rem}
.pr-1-xs{padding-right:1rem}
.pr-1-5-xs{padding-right:1.5rem}
.pr-2-xs{padding-right:2rem}
.pr-2-5-xs{padding-right:2.5rem}
.pr-3-xs{padding-right:3rem}
.pr-3-5-xs{padding-right:3.5rem}
.pr-4-xs{padding-right:4rem}
.pr-4-5-xs{padding-right:4.5rem}
.pr-5-xs{padding-right:5rem}
.pr-5-5-xs{padding-right:5.5rem}
.pr-6-xs{padding-right:6rem}
.pr-6-5-xs{padding-right:6.5rem}
.pr-7-xs{padding-right:7rem}
.pr-7-5-xs{padding-right:7.5rem}
.pr-8-xs{padding-right:8rem}
.pr-8-5-xs{padding-right:8.5rem}
.pr-9-xs{padding-right:9rem}
.pr-9-5-xs{padding-right:9.5rem}
.pr-10-xs{padding-right:10rem}
.pr-10-5-xs{padding-right:10.5rem}
}


/**************************
MARGINS
**************************/
/**************************
.m = margin aplicado a todos los lados
.my- = margin aplicado al top y al bottom
.mx = margin aplicado a left y right
.m-b = margin aplicado al bottom
.m-l = margin aplicado al left
.m-r = margin aplicado al right
.m-t = margin aplicado al top
.m-auto = display:block y margin:0 auto (reinicia margenes verticales)
.mx-auto = margenes horizontales automaticos; conserva display y margenes verticales
El centrado depende del contexto de layout y del ancho disponible.
**************************/

.m-auto{margin:auto}
.m-0{margin:0}
.m-05{margin:.5rem}
.m-1{margin:1rem}
.m-1-5{margin:1.5rem}
.m-2{margin:2rem}
.m-2-5{margin:2.5rem}
.m-3{margin:3rem}
.m-3-5{margin:3.5rem}
.m-4{margin:4rem}
.m-4-5{margin:4.5rem}
.m-5{margin:5rem}
.m-5-5{margin:5.5rem}
.m-6{margin:6rem}
.m-6-5{margin:6.5rem}
.m-7{margin:7rem}
.m-7-5{margin:7.5rem}
.m-8{margin:8rem}
.m-8-5{margin:8.5rem}
.m-9{margin:9rem}
.m-9-5{margin:9.5rem}
.m-10{margin:10rem}
.m-10-5{margin:10.5rem}

.my-auto{margin-block:auto}
.my-0{margin-block:0}
.my-05{margin-block:.5rem}
.my-1{margin-block:1rem}
.my-1-5{margin-block:1.5rem}
.my-2{margin-block:2rem}
.my-2-5{margin-block:2.5rem}
.my-3{margin-block:3rem}
.my-3-5{margin-block:3.5rem}
.my-4{margin-block:4rem}
.my-4-5{margin-block:4.5rem}
.my-5{margin-block:5rem}
.my-5-5{margin-block:5.5rem}
.my-6{margin-block:6rem}
.my-6-5{margin-block:6.5rem}
.my-7{margin-block:7rem}
.my-7-5{margin-block:7.5rem}
.my-8{margin-block:8rem}
.my-8-5{margin-block:8.5rem}
.my-9{margin-block:9rem}
.my-9-5{margin-block:9.5rem}
.my-10{margin-block:10rem}
.my-10-5{margin-block:10.5rem}

.mb-auto{margin-bottom:auto}
.mb-0{margin-bottom:0}
.mb-05{margin-bottom:.5rem}
.mb-1{margin-bottom:1rem}
.mb-1-5{margin-bottom:1.5rem}
.mb-2{margin-bottom:2rem}
.mb-2-5{margin-bottom:2.5rem}
.mb-3{margin-bottom:3rem}
.mb-3-5{margin-bottom:3.5rem}
.mb-4{margin-bottom:4rem}
.mb-4-5{margin-bottom:4.5rem}
.mb-5{margin-bottom:5rem}
.mb-5-5{margin-bottom:5.5rem}
.mb-6{margin-bottom:6rem}
.mb-6-5{margin-bottom:6.5rem}
.mb-7{margin-bottom:7rem}
.mb-7-5{margin-bottom:7.5rem}
.mb-8{margin-bottom:8rem}
.mb-8-5{margin-bottom:8.5rem}
.mb-9{margin-bottom:9rem}
.mb-9-5{margin-bottom:9.5rem}
.mb-10{margin-bottom:10rem}
.mb-10-5{margin-bottom:10.5rem}

.mt-auto{margin-top:auto}
.mt-0{margin-top:0}
.mt-05{margin-top:.5rem}
.mt-1{margin-top:1rem}
.mt-1-5{margin-top:1.5rem}
.mt-2{margin-top:2rem}
.mt-2-5{margin-top:2.5rem}
.mt-3{margin-top:3rem}
.mt-3-5{margin-top:3.5rem}
.mt-4{margin-top:4rem}
.mt-4-5{margin-top:4.5rem}
.mt-5{margin-top:5rem}
.mt-5-5{margin-top:5.5rem}
.mt-6{margin-top:6rem}
.mt-6-5{margin-top:6.5rem}
.mt-7{margin-top:7rem}
.mt-7-5{margin-top:7.5rem}
.mt-8{margin-top:8rem}
.mt-8-5{margin-top:8.5rem}
.mt-9{margin-top:9rem}
.mt-9-5{margin-top:9.5rem}
.mt-10{margin-top:10rem}
.mt-10-5{margin-top:10.5rem}

.mx-auto{margin-inline:auto}
.mx-0{margin-inline:0}
.mx-05{margin-inline:.5rem}
.mx-1{margin-inline:1rem}
.mx-1-5{margin-inline:1.5rem}
.mx-2{margin-inline:2rem}
.mx-2-5{margin-inline:2.5rem}
.mx-3{margin-inline:3rem}
.mx-3-5{margin-inline:3.5rem}
.mx-4{margin-inline:4rem}
.mx-4-5{margin-inline:4.5rem}
.mx-5{margin-inline:5rem}
.mx-5-5{margin-inline:5.5rem}
.mx-6{margin-inline:6rem}
.mx-6-5{margin-inline:6.5rem}
.mx-7{margin-inline:7rem}
.mx-7-5{margin-inline:7.5rem}
.mx-8{margin-inline:8rem}
.mx-8-5{margin-inline:8.5rem}
.mx-9{margin-inline:9rem}
.mx-9-5{margin-inline:9.5rem}
.mx-10{margin-inline:10rem}
.mx-10-5{margin-inline:10.5rem}

.ml-auto{margin-left:auto}
.ml-0{margin-left:0}
.ml-05{margin-left:.5rem}
.ml-1{margin-left:1rem}
.ml-1-5{margin-left:1.5rem}
.ml-2{margin-left:2rem}
.ml-2-5{margin-left:2.5rem}
.ml-3{margin-left:3rem}
.ml-3-5{margin-left:3.5rem}
.ml-4{margin-left:4rem}
.ml-4-5{margin-left:4.5rem}
.ml-5{margin-left:5rem}
.ml-5-5{margin-left:5.5rem}
.ml-6{margin-left:6rem}
.ml-6-5{margin-left:6.5rem}
.ml-7{margin-left:7rem}
.ml-7-5{margin-left:7.5rem}
.ml-8{margin-left:8rem}
.ml-8-5{margin-left:8.5rem}
.ml-9{margin-left:9rem}
.ml-9-5{margin-left:9.5rem}
.ml-10{margin-left:10rem}
.ml-10-5{margin-left:10.5rem}

.mr-auto{margin-right:auto}
.mr-0{margin-right:0}
.mr-05{margin-right:.5rem}
.mr-1{margin-right:1rem}
.mr-1-5{margin-right:1.5rem}
.mr-2{margin-right:2rem}
.mr-2-5{margin-right:2.5rem}
.mr-3{margin-right:3rem}
.mr-3-5{margin-right:3.5rem}
.mr-4{margin-right:4rem}
.mr-4-5{margin-right:4.5rem}
.mr-5{margin-right:5rem}
.mr-5-5{margin-right:5.5rem}
.mr-6{margin-right:6rem}
.mr-6-5{margin-right:6.5rem}
.mr-7{margin-right:7rem}
.mr-7-5{margin-right:7.5rem}
.mr-8{margin-right:8rem}
.mr-8-5{margin-right:8.5rem}
.mr-9{margin-right:9rem}
.mr-9-5{margin-right:9.5rem}
.mr-10{margin-right:10rem}
.mr-10-5{margin-right:10.5rem}

@media screen and  (max-width : 1440px) {

.m-auto-lg{margin:auto}
.m-0-lg{margin:0}
.m-05-lg{margin:.5rem}
.m-1-lg{margin:1rem}
.m-1-5-lg{margin:1.5rem}
.m-2-lg{margin:2rem}
.m-2-5-lg{margin:2.5rem}
.m-3-lg{margin:3rem}
.m-3-5-lg{margin:3.5rem}
.m-4-lg{margin:4rem}
.m-4-5-lg{margin:4.5rem}
.m-5-lg{margin:5rem}
.m-5-5-lg{margin:5.5rem}
.m-6-lg{margin:6rem}
.m-6-5-lg{margin:6.5rem}
.m-7-lg{margin:7rem}
.m-7-5-lg{margin:7.5rem}
.m-8-lg{margin:8rem}
.m-8-5-lg{margin:8.5rem}
.m-9-lg{margin:9rem}
.m-9-5-lg{margin:9.5rem}
.m-10-lg{margin:10rem}
.m-10-5-lg{margin:10.5rem}

.my-auto-lg{margin-block:auto}
.my-0-lg{margin-block:0}
.my-05-lg{margin-block:.5rem}
.my-1-lg{margin-block:1rem}
.my-1-5-lg{margin-block:1.5rem}
.my-2-lg{margin-block:2rem}
.my-2-5-lg{margin-block:2.5rem}
.my-3-lg{margin-block:3rem}
.my-3-5-lg{margin-block:3.5rem}
.my-4-lg{margin-block:4rem}
.my-4-5-lg{margin-block:4.5rem}
.my-5-lg{margin-block:5rem}
.my-5-5-lg{margin-block:5.5rem}
.my-6-lg{margin-block:6rem}
.my-6-5-lg{margin-block:6.5rem}
.my-7-lg{margin-block:7rem}
.my-7-5-lg{margin-block:7.5rem}
.my-8-lg{margin-block:8rem}
.my-8-5-lg{margin-block:8.5rem}
.my-9-lg{margin-block:9rem}
.my-9-5-lg{margin-block:9.5rem}
.my-10-lg{margin-block:10rem}
.my-10-5-lg{margin-block:10.5rem}

.mb-auto-lg{margin-bottom:auto}
.mb-0-lg{margin-bottom:0}
.mb-05-lg{margin-bottom:.5rem}
.mb-1-lg{margin-bottom:1rem}
.mb-1-5-lg{margin-bottom:1.5rem}
.mb-2-lg{margin-bottom:2rem}
.mb-2-5-lg{margin-bottom:2.5rem}
.mb-3-lg{margin-bottom:3rem}
.mb-3-5-lg{margin-bottom:3.5rem}
.mb-4-lg{margin-bottom:4rem}
.mb-4-5-lg{margin-bottom:4.5rem}
.mb-5-lg{margin-bottom:5rem}
.mb-5-5-lg{margin-bottom:5.5rem}
.mb-6-lg{margin-bottom:6rem}
.mb-6-5-lg{margin-bottom:6.5rem}
.mb-7-lg{margin-bottom:7rem}
.mb-7-5-lg{margin-bottom:7.5rem}
.mb-8-lg{margin-bottom:8rem}
.mb-8-5-lg{margin-bottom:8.5rem}
.mb-9-lg{margin-bottom:9rem}
.mb-9-5-lg{margin-bottom:9.5rem}
.mb-10-lg{margin-bottom:10rem}
.mb-10-5-lg{margin-bottom:10.5rem}

.mt-auto-lg{margin-top:auto}
.mt-0-lg{margin-top:0}
.mt-05-lg{margin-top:.5rem}
.mt-1-lg{margin-top:1rem}
.mt-1-5-lg{margin-top:1.5rem}
.mt-2-lg{margin-top:2rem}
.mt-2-5-lg{margin-top:2.5rem}
.mt-3-lg{margin-top:3rem}
.mt-3-5-lg{margin-top:3.5rem}
.mt-4-lg{margin-top:4rem}
.mt-4-5-lg{margin-top:4.5rem}
.mt-5-lg{margin-top:5rem}
.mt-5-5-lg{margin-top:5.5rem}
.mt-6-lg{margin-top:6rem}
.mt-6-5-lg{margin-top:6.5rem}
.mt-7-lg{margin-top:7rem}
.mt-7-5-lg{margin-top:7.5rem}
.mt-8-lg{margin-top:8rem}
.mt-8-5-lg{margin-top:8.5rem}
.mt-9-lg{margin-top:9rem}
.mt-9-5-lg{margin-top:9.5rem}
.mt-10-lg{margin-top:10rem}
.mt-10-5-lg{margin-top:10.5rem}

.mx-auto-lg{margin-inline:auto}
.mx-0-lg{margin-inline:0}
.mx-05-lg{margin-inline:.5rem}
.mx-1-lg{margin-inline:1rem}
.mx-1-5-lg{margin-inline:1.5rem}
.mx-2-lg{margin-inline:2rem}
.mx-2-5-lg{margin-inline:2.5rem}
.mx-3-lg{margin-inline:3rem}
.mx-3-5-lg{margin-inline:3.5rem}
.mx-4-lg{margin-inline:4rem}
.mx-4-5-lg{margin-inline:4.5rem}
.mx-5-lg{margin-inline:5rem}
.mx-5-5-lg{margin-inline:5.5rem}
.mx-6-lg{margin-inline:6rem}
.mx-6-5-lg{margin-inline:6.5rem}
.mx-7-lg{margin-inline:7rem}
.mx-7-5-lg{margin-inline:7.5rem}
.mx-8-lg{margin-inline:8rem}
.mx-8-5-lg{margin-inline:8.5rem}
.mx-9-lg{margin-inline:9rem}
.mx-9-5-lg{margin-inline:9.5rem}
.mx-10-lg{margin-inline:10rem}
.mx-10-5-lg{margin-inline:10.5rem}

.ml-auto-lg{margin-left:auto}
.ml-0-lg{margin-left:0}
.ml-05-lg{margin-left:.5rem}
.ml-1-lg{margin-left:1rem}
.ml-1-5-lg{margin-left:1.5rem}
.ml-2-lg{margin-left:2rem}
.ml-2-5-lg{margin-left:2.5rem}
.ml-3-lg{margin-left:3rem}
.ml-3-5-lg{margin-left:3.5rem}
.ml-4-lg{margin-left:4rem}
.ml-4-5-lg{margin-left:4.5rem}
.ml-5-lg{margin-left:5rem}
.ml-5-5-lg{margin-left:5.5rem}
.ml-6-lg{margin-left:6rem}
.ml-6-5-lg{margin-left:6.5rem}
.ml-7-lg{margin-left:7rem}
.ml-7-5-lg{margin-left:7.5rem}
.ml-8-lg{margin-left:8rem}
.ml-8-5-lg{margin-left:8.5rem}
.ml-9-lg{margin-left:9rem}
.ml-9-5-lg{margin-left:9.5rem}
.ml-10-lg{margin-left:10rem}
.ml-10-5-lg{margin-left:10.5rem}

.mr-auto-lg{margin-right:auto}
.mr-0-lg{margin-right:0}
.mr-05-lg{margin-right:.5rem}
.mr-1-lg{margin-right:1rem}
.mr-1-5-lg{margin-right:1.5rem}
.mr-2-lg{margin-right:2rem}
.mr-2-5-lg{margin-right:2.5rem}
.mr-3-lg{margin-right:3rem}
.mr-3-5-lg{margin-right:3.5rem}
.mr-4-lg{margin-right:4rem}
.mr-4-5-lg{margin-right:4.5rem}
.mr-5-lg{margin-right:5rem}
.mr-5-5-lg{margin-right:5.5rem}
.mr-6-lg{margin-right:6rem}
.mr-6-5-lg{margin-right:6.5rem}
.mr-7-lg{margin-right:7rem}
.mr-7-5-lg{margin-right:7.5rem}
.mr-8-lg{margin-right:8rem}
.mr-8-5-lg{margin-right:8.5rem}
.mr-9-lg{margin-right:9rem}
.mr-9-5-lg{margin-right:9.5rem}
.mr-10-lg{margin-right:10rem}
.mr-10-5-lg{margin-right:10.5rem}
}

@media screen and  (max-width : 1180px) {

.m-auto-md{margin:auto}
.m-0-md{margin:0}
.m-05-md{margin:.5rem}
.m-1-md{margin:1rem}
.m-1-5-md{margin:1.5rem}
.m-2-md{margin:2rem}
.m-2-5-md{margin:2.5rem}
.m-3-md{margin:3rem}
.m-3-5-md{margin:3.5rem}
.m-4-md{margin:4rem}
.m-4-5-md{margin:4.5rem}
.m-5-md{margin:5rem}
.m-5-5-md{margin:5.5rem}
.m-6-md{margin:6rem}
.m-6-5-md{margin:6.5rem}
.m-7-md{margin:7rem}
.m-7-5-md{margin:7.5rem}
.m-8-md{margin:8rem}
.m-8-5-md{margin:8.5rem}
.m-9-md{margin:9rem}
.m-9-5-md{margin:9.5rem}
.m-10-md{margin:10rem}
.m-10-5-md{margin:10.5rem}

.my-auto-md{margin-block:auto}
.my-0-md{margin-block:0}
.my-05-md{margin-block:.5rem}
.my-1-md{margin-block:1rem}
.my-1-5-md{margin-block:1.5rem}
.my-2-md{margin-block:2rem}
.my-2-5-md{margin-block:2.5rem}
.my-3-md{margin-block:3rem}
.my-3-5-md{margin-block:3.5rem}
.my-4-md{margin-block:4rem}
.my-4-5-md{margin-block:4.5rem}
.my-5-md{margin-block:5rem}
.my-5-5-md{margin-block:5.5rem}
.my-6-md{margin-block:6rem}
.my-6-5-md{margin-block:6.5rem}
.my-7-md{margin-block:7rem}
.my-7-5-md{margin-block:7.5rem}
.my-8-md{margin-block:8rem}
.my-8-5-md{margin-block:8.5rem}
.my-9-md{margin-block:9rem}
.my-9-5-md{margin-block:9.5rem}
.my-10-md{margin-block:10rem}
.my-10-5-md{margin-block:10.5rem}

.mb-auto-md{margin-bottom:auto}
.mb-0-md{margin-bottom:0}
.mb-05-md{margin-bottom:.5rem}
.mb-1-md{margin-bottom:1rem}
.mb-1-5-md{margin-bottom:1.5rem}
.mb-2-md{margin-bottom:2rem}
.mb-2-5-md{margin-bottom:2.5rem}
.mb-3-md{margin-bottom:3rem}
.mb-3-5-md{margin-bottom:3.5rem}
.mb-4-md{margin-bottom:4rem}
.mb-4-5-md{margin-bottom:4.5rem}
.mb-5-md{margin-bottom:5rem}
.mb-5-5-md{margin-bottom:5.5rem}
.mb-6-md{margin-bottom:6rem}
.mb-6-5-md{margin-bottom:6.5rem}
.mb-7-md{margin-bottom:7rem}
.mb-7-5-md{margin-bottom:7.5rem}
.mb-8-md{margin-bottom:8rem}
.mb-8-5-md{margin-bottom:8.5rem}
.mb-9-md{margin-bottom:9rem}
.mb-9-5-md{margin-bottom:9.5rem}
.mb-10-md{margin-bottom:10rem}
.mb-10-5-md{margin-bottom:10.5rem}

.mt-auto-md{margin-top:auto}
.mt-0-md{margin-top:0}
.mt-05-md{margin-top:.5rem}
.mt-1-md{margin-top:1rem}
.mt-1-5-md{margin-top:1.5rem}
.mt-2-md{margin-top:2rem}
.mt-2-5-md{margin-top:2.5rem}
.mt-3-md{margin-top:3rem}
.mt-3-5-md{margin-top:3.5rem}
.mt-4-md{margin-top:4rem}
.mt-4-5-md{margin-top:4.5rem}
.mt-5-md{margin-top:5rem}
.mt-5-5-md{margin-top:5.5rem}
.mt-6-md{margin-top:6rem}
.mt-6-5-md{margin-top:6.5rem}
.mt-7-md{margin-top:7rem}
.mt-7-5-md{margin-top:7.5rem}
.mt-8-md{margin-top:8rem}
.mt-8-5-md{margin-top:8.5rem}
.mt-9-md{margin-top:9rem}
.mt-9-5-md{margin-top:9.5rem}
.mt-10-md{margin-top:10rem}
.mt-10-5-md{margin-top:10.5rem}

.mx-auto-md{margin-inline:auto}
.mx-0-md{margin-inline:0}
.mx-05-md{margin-inline:.5rem}
.mx-1-md{margin-inline:1rem}
.mx-1-5-md{margin-inline:1.5rem}
.mx-2-md{margin-inline:2rem}
.mx-2-5-md{margin-inline:2.5rem}
.mx-3-md{margin-inline:3rem}
.mx-3-5-md{margin-inline:3.5rem}
.mx-4-md{margin-inline:4rem}
.mx-4-5-md{margin-inline:4.5rem}
.mx-5-md{margin-inline:5rem}
.mx-5-5-md{margin-inline:5.5rem}
.mx-6-md{margin-inline:6rem}
.mx-6-5-md{margin-inline:6.5rem}
.mx-7-md{margin-inline:7rem}
.mx-7-5-md{margin-inline:7.5rem}
.mx-8-md{margin-inline:8rem}
.mx-8-5-md{margin-inline:8.5rem}
.mx-9-md{margin-inline:9rem}
.mx-9-5-md{margin-inline:9.5rem}
.mx-10-md{margin-inline:10rem}
.mx-10-5-md{margin-inline:10.5rem}

.ml-auto-md{margin-left:auto}
.ml-0-md{margin-left:0}
.ml-05-md{margin-left:.5rem}
.ml-1-md{margin-left:1rem}
.ml-1-5-md{margin-left:1.5rem}
.ml-2-md{margin-left:2rem}
.ml-2-5-md{margin-left:2.5rem}
.ml-3-md{margin-left:3rem}
.ml-3-5-md{margin-left:3.5rem}
.ml-4-md{margin-left:4rem}
.ml-4-5-md{margin-left:4.5rem}
.ml-5-md{margin-left:5rem}
.ml-5-5-md{margin-left:5.5rem}
.ml-6-md{margin-left:6rem}
.ml-6-5-md{margin-left:6.5rem}
.ml-7-md{margin-left:7rem}
.ml-7-5-md{margin-left:7.5rem}
.ml-8-md{margin-left:8rem}
.ml-8-5-md{margin-left:8.5rem}
.ml-9-md{margin-left:9rem}
.ml-9-5-md{margin-left:9.5rem}
.ml-10-md{margin-left:10rem}
.ml-10-5-md{margin-left:10.5rem}

.mr-auto-md{margin-right:auto}
.mr-0-md{margin-right:0}
.mr-05-md{margin-right:.5rem}
.mr-1-md{margin-right:1rem}
.mr-1-5-md{margin-right:1.5rem}
.mr-2-md{margin-right:2rem}
.mr-2-5-md{margin-right:2.5rem}
.mr-3-md{margin-right:3rem}
.mr-3-5-md{margin-right:3.5rem}
.mr-4-md{margin-right:4rem}
.mr-4-5-md{margin-right:4.5rem}
.mr-5-md{margin-right:5rem}
.mr-5-5-md{margin-right:5.5rem}
.mr-6-md{margin-right:6rem}
.mr-6-5-md{margin-right:6.5rem}
.mr-7-md{margin-right:7rem}
.mr-7-5-md{margin-right:7.5rem}
.mr-8-md{margin-right:8rem}
.mr-8-5-md{margin-right:8.5rem}
.mr-9-md{margin-right:9rem}
.mr-9-5-md{margin-right:9.5rem}
.mr-10-md{margin-right:10rem}
.mr-10-5-md{margin-right:10.5rem}
}

@media only screen and (max-device-width : 1025px) and (orientation : portrait) {

.m-auto-sm{margin:auto}
.m-0-sm{margin:0}
.m-05-sm{margin:.5rem}
.m-1-sm{margin:1rem}
.m-1-5-sm{margin:1.5rem}
.m-2-sm{margin:2rem}
.m-2-5-sm{margin:2.5rem}
.m-3-sm{margin:3rem}
.m-3-5-sm{margin:3.5rem}
.m-4-sm{margin:4rem}
.m-4-5-sm{margin:4.5rem}
.m-5-sm{margin:5rem}
.m-5-5-sm{margin:5.5rem}
.m-6-sm{margin:6rem}
.m-6-5-sm{margin:6.5rem}
.m-7-sm{margin:7rem}
.m-7-5-sm{margin:7.5rem}
.m-8-sm{margin:8rem}
.m-8-5-sm{margin:8.5rem}
.m-9-sm{margin:9rem}
.m-9-5-sm{margin:9.5rem}
.m-10-sm{margin:10rem}
.m-10-5-sm{margin:10.5rem}

.my-auto-sm{margin-block:auto}
.my-0-sm{margin-block:0}
.my-05-sm{margin-block:.5rem}
.my-1-sm{margin-block:1rem}
.my-1-5-sm{margin-block:1.5rem}
.my-2-sm{margin-block:2rem}
.my-2-5-sm{margin-block:2.5rem}
.my-3-sm{margin-block:3rem}
.my-3-5-sm{margin-block:3.5rem}
.my-4-sm{margin-block:4rem}
.my-4-5-sm{margin-block:4.5rem}
.my-5-sm{margin-block:5rem}
.my-5-5-sm{margin-block:5.5rem}
.my-6-sm{margin-block:6rem}
.my-6-5-sm{margin-block:6.5rem}
.my-7-sm{margin-block:7rem}
.my-7-5-sm{margin-block:7.5rem}
.my-8-sm{margin-block:8rem}
.my-8-5-sm{margin-block:8.5rem}
.my-9-sm{margin-block:9rem}
.my-9-5-sm{margin-block:9.5rem}
.my-10-sm{margin-block:10rem}
.my-10-5-sm{margin-block:10.5rem}

.mb-auto-sm{margin-bottom:auto}
.mb-0-sm{margin-bottom:0}
.mb-05-sm{margin-bottom:.5rem}
.mb-1-sm{margin-bottom:1rem}
.mb-1-5-sm{margin-bottom:1.5rem}
.mb-2-sm{margin-bottom:2rem}
.mb-2-5-sm{margin-bottom:2.5rem}
.mb-3-sm{margin-bottom:3rem}
.mb-3-5-sm{margin-bottom:3.5rem}
.mb-4-sm{margin-bottom:4rem}
.mb-4-5-sm{margin-bottom:4.5rem}
.mb-5-sm{margin-bottom:5rem}
.mb-5-5-sm{margin-bottom:5.5rem}
.mb-6-sm{margin-bottom:6rem}
.mb-6-5-sm{margin-bottom:6.5rem}
.mb-7-sm{margin-bottom:7rem}
.mb-7-5-sm{margin-bottom:7.5rem}
.mb-8-sm{margin-bottom:8rem}
.mb-8-5-sm{margin-bottom:8.5rem}
.mb-9-sm{margin-bottom:9rem}
.mb-9-5-sm{margin-bottom:9.5rem}
.mb-10-sm{margin-bottom:10rem}
.mb-10-5-sm{margin-bottom:10.5rem}

.mt-auto-sm{margin-top:auto}
.mt-0-sm{margin-top:0}
.mt-05-sm{margin-top:.5rem}
.mt-1-sm{margin-top:1rem}
.mt-1-5-sm{margin-top:1.5rem}
.mt-2-sm{margin-top:2rem}
.mt-2-5-sm{margin-top:2.5rem}
.mt-3-sm{margin-top:3rem}
.mt-3-5-sm{margin-top:3.5rem}
.mt-4-sm{margin-top:4rem}
.mt-4-5-sm{margin-top:4.5rem}
.mt-5-sm{margin-top:5rem}
.mt-5-5-sm{margin-top:5.5rem}
.mt-6-sm{margin-top:6rem}
.mt-6-5-sm{margin-top:6.5rem}
.mt-7-sm{margin-top:7rem}
.mt-7-5-sm{margin-top:7.5rem}
.mt-8-sm{margin-top:8rem}
.mt-8-5-sm{margin-top:8.5rem}
.mt-9-sm{margin-top:9rem}
.mt-9-5-sm{margin-top:9.5rem}
.mt-10-sm{margin-top:10rem}
.mt-10-5-sm{margin-top:10.5rem}

.mx-auto-sm{margin-inline:auto}
.mx-0-sm{margin-inline:0}
.mx-05-sm{margin-inline:.5rem}
.mx-1-sm{margin-inline:1rem}
.mx-1-5-sm{margin-inline:1.5rem}
.mx-2-sm{margin-inline:2rem}
.mx-2-5-sm{margin-inline:2.5rem}
.mx-3-sm{margin-inline:3rem}
.mx-3-5-sm{margin-inline:3.5rem}
.mx-4-sm{margin-inline:4rem}
.mx-4-5-sm{margin-inline:4.5rem}
.mx-5-sm{margin-inline:5rem}
.mx-5-5-sm{margin-inline:5.5rem}
.mx-6-sm{margin-inline:6rem}
.mx-6-5-sm{margin-inline:6.5rem}
.mx-7-sm{margin-inline:7rem}
.mx-7-5-sm{margin-inline:7.5rem}
.mx-8-sm{margin-inline:8rem}
.mx-8-5-sm{margin-inline:8.5rem}
.mx-9-sm{margin-inline:9rem}
.mx-9-5-sm{margin-inline:9.5rem}
.mx-10-sm{margin-inline:10rem}
.mx-10-5-sm{margin-inline:10.5rem}

.ml-auto-sm{margin-left:auto}
.ml-0-sm{margin-left:0}
.ml-05-sm{margin-left:.5rem}
.ml-1-sm{margin-left:1rem}
.ml-1-5-sm{margin-left:1.5rem}
.ml-2-sm{margin-left:2rem}
.ml-2-5-sm{margin-left:2.5rem}
.ml-3-sm{margin-left:3rem}
.ml-3-5-sm{margin-left:3.5rem}
.ml-4-sm{margin-left:4rem}
.ml-4-5-sm{margin-left:4.5rem}
.ml-5-sm{margin-left:5rem}
.ml-5-5-sm{margin-left:5.5rem}
.ml-6-sm{margin-left:6rem}
.ml-6-5-sm{margin-left:6.5rem}
.ml-7-sm{margin-left:7rem}
.ml-7-5-sm{margin-left:7.5rem}
.ml-8-sm{margin-left:8rem}
.ml-8-5-sm{margin-left:8.5rem}
.ml-9-sm{margin-left:9rem}
.ml-9-5-sm{margin-left:9.5rem}
.ml-10-sm{margin-left:10rem}
.ml-10-5-sm{margin-left:10.5rem}

.mr-auto-sm{margin-right:auto}
.mr-0-sm{margin-right:0}
.mr-05-sm{margin-right:.5rem}
.mr-1-sm{margin-right:1rem}
.mr-1-5-sm{margin-right:1.5rem}
.mr-2-sm{margin-right:2rem}
.mr-2-5-sm{margin-right:2.5rem}
.mr-3-sm{margin-right:3rem}
.mr-3-5-sm{margin-right:3.5rem}
.mr-4-sm{margin-right:4rem}
.mr-4-5-sm{margin-right:4.5rem}
.mr-5-sm{margin-right:5rem}
.mr-5-5-sm{margin-right:5.5rem}
.mr-6-sm{margin-right:6rem}
.mr-6-5-sm{margin-right:6.5rem}
.mr-7-sm{margin-right:7rem}
.mr-7-5-sm{margin-right:7.5rem}
.mr-8-sm{margin-right:8rem}
.mr-8-5-sm{margin-right:8.5rem}
.mr-9-sm{margin-right:9rem}
.mr-9-5-sm{margin-right:9.5rem}
.mr-10-sm{margin-right:10rem}
.mr-10-5-sm{margin-right:10.5rem}
}
@media screen and  (max-width : 767px) {

.m-0-xs{margin:0}
.m-05-xs{margin:.5rem}
.m-1-xs{margin:1rem}
.m-1-5-xs{margin:1.5rem}
.m-2-xs{margin:2rem}
.m-2-5-xs{margin:2.5rem}
.m-3-xs{margin:3rem}
.m-3-5-xs{margin:3.5rem}
.m-4-xs{margin:4rem}
.m-4-5-xs{margin:4.5rem}
.m-5-xs{margin:5rem}
.m-5-5-xs{margin:5.5rem}
.m-6-xs{margin:6rem}
.m-6-5-xs{margin:6.5rem}
.m-7-xs{margin:7rem}
.m-7-5-xs{margin:7.5rem}
.m-8-xs{margin:8rem}
.m-8-5-xs{margin:8.5rem}
.m-9-xs{margin:9rem}
.m-9-5-xs{margin:9.5rem}
.m-10-xs{margin:10rem}
.m-10-5-xs{margin:10.5rem}

.my-0-xs{margin-block:0}
.my-05-xs{margin-block:.5rem}
.my-1-xs{margin-block:1rem}
.my-1-5-xs{margin-block:1.5rem}
.my-2-xs{margin-block:2rem}
.my-2-5-xs{margin-block:2.5rem}
.my-3-xs{margin-block:3rem}
.my-3-5-xs{margin-block:3.5rem}
.my-4-xs{margin-block:4rem}
.my-4-5-xs{margin-block:4.5rem}
.my-5-xs{margin-block:5rem}
.my-5-5-xs{margin-block:5.5rem}
.my-6-xs{margin-block:6rem}
.my-6-5-xs{margin-block:6.5rem}
.my-7-xs{margin-block:7rem}
.my-7-5-xs{margin-block:7.5rem}
.my-8-xs{margin-block:8rem}
.my-8-5-xs{margin-block:8.5rem}
.my-9-xs{margin-block:9rem}
.my-9-5-xs{margin-block:9.5rem}
.my-10-xs{margin-block:10rem}
.my-10-5-xs{margin-block:10.5rem}

.mb-0-xs{margin-bottom:0}
.mb-05-xs{margin-bottom:.5rem}
.mb-1-xs{margin-bottom:1rem}
.mb-1-5-xs{margin-bottom:1.5rem}
.mb-2-xs{margin-bottom:2rem}
.mb-2-5-xs{margin-bottom:2.5rem}
.mb-3-xs{margin-bottom:3rem}
.mb-3-5-xs{margin-bottom:3.5rem}
.mb-4-xs{margin-bottom:4rem}
.mb-4-5-xs{margin-bottom:4.5rem}
.mb-5-xs{margin-bottom:5rem}
.mb-5-5-xs{margin-bottom:5.5rem}
.mb-6-xs{margin-bottom:6rem}
.mb-6-5-xs{margin-bottom:6.5rem}
.mb-7-xs{margin-bottom:7rem}
.mb-7-5-xs{margin-bottom:7.5rem}
.mb-8-xs{margin-bottom:8rem}
.mb-8-5-xs{margin-bottom:8.5rem}
.mb-9-xs{margin-bottom:9rem}
.mb-9-5-xs{margin-bottom:9.5rem}
.mb-10-xs{margin-bottom:10rem}
.mb-10-5-xs{margin-bottom:10.5rem}

.mt-0-xs{margin-top:0}
.mt-05-xs{margin-top:.5rem}
.mt-1-xs{margin-top:1rem}
.mt-1-5-xs{margin-top:1.5rem}
.mt-2-xs{margin-top:2rem}
.mt-2-5-xs{margin-top:2.5rem}
.mt-3-xs{margin-top:3rem}
.mt-3-5-xs{margin-top:3.5rem}
.mt-4-xs{margin-top:4rem}
.mt-4-5-xs{margin-top:4.5rem}
.mt-5-xs{margin-top:5rem}
.mt-5-5-xs{margin-top:5.5rem}
.mt-6-xs{margin-top:6rem}
.mt-6-5-xs{margin-top:6.5rem}
.mt-7-xs{margin-top:7rem}
.mt-7-5-xs{margin-top:7.5rem}
.mt-8-xs{margin-top:8rem}
.mt-8-5-xs{margin-top:8.5rem}
.mt-9-xs{margin-top:9rem}
.mt-9-5-xs{margin-top:9.5rem}
.mt-10-xs{margin-top:10rem}
.mt-10-5-xs{margin-top:10.5rem}

.mx-0-xs{margin-inline:0}
.mx-05-xs{margin-inline:.5rem}
.mx-1-xs{margin-inline:1rem}
.mx-1-5-xs{margin-inline:1.5rem}
.mx-2-xs{margin-inline:2rem}
.mx-2-5-xs{margin-inline:2.5rem}
.mx-3-xs{margin-inline:3rem}
.mx-3-5-xs{margin-inline:3.5rem}
.mx-4-xs{margin-inline:4rem}
.mx-4-5-xs{margin-inline:4.5rem}
.mx-5-xs{margin-inline:5rem}
.mx-5-5-xs{margin-inline:5.5rem}
.mx-6-xs{margin-inline:6rem}
.mx-6-5-xs{margin-inline:6.5rem}
.mx-7-xs{margin-inline:7rem}
.mx-7-5-xs{margin-inline:7.5rem}
.mx-8-xs{margin-inline:8rem}
.mx-8-5-xs{margin-inline:8.5rem}
.mx-9-xs{margin-inline:9rem}
.mx-9-5-xs{margin-inline:9.5rem}
.mx-10-xs{margin-inline:10rem}
.mx-10-5-xs{margin-inline:10.5rem}
.mx-auto-xs{margin-inline:auto}

.ml-0-xs{margin-left:0}
.ml-05-xs{margin-left:.5rem}
.ml-1-xs{margin-left:1rem}
.ml-1-5-xs{margin-left:1.5rem}
.ml-2-xs{margin-left:2rem}
.ml-2-5-xs{margin-left:2.5rem}
.ml-3-xs{margin-left:3rem}
.ml-3-5-xs{margin-left:3.5rem}
.ml-4-xs{margin-left:4rem}
.ml-4-5-xs{margin-left:4.5rem}
.ml-5-xs{margin-left:5rem}
.ml-5-5-xs{margin-left:5.5rem}
.ml-6-xs{margin-left:6rem}
.ml-6-5-xs{margin-left:6.5rem}
.ml-7-xs{margin-left:7rem}
.ml-7-5-xs{margin-left:7.5rem}
.ml-8-xs{margin-left:8rem}
.ml-8-5-xs{margin-left:8.5rem}
.ml-9-xs{margin-left:9rem}
.ml-9-5-xs{margin-left:9.5rem}
.ml-10-xs{margin-left:10rem}
.ml-10-5-xs{margin-left:10.5rem}

.mr-0-xs{margin-right:0}
.mr-05-xs{margin-right:.5rem}
.mr-1-xs{margin-right:1rem}
.mr-1-5-xs{margin-right:1.5rem}
.mr-2-xs{margin-right:2rem}
.mr-2-5-xs{margin-right:2.5rem}
.mr-3-xs{margin-right:3rem}
.mr-3-5-xs{margin-right:3.5rem}
.mr-4-xs{margin-right:4rem}
.mr-4-5-xs{margin-right:4.5rem}
.mr-5-xs{margin-right:5rem}
.mr-5-5-xs{margin-right:5.5rem}
.mr-6-xs{margin-right:6rem}
.mr-6-5-xs{margin-right:6.5rem}
.mr-7-xs{margin-right:7rem}
.mr-7-5-xs{margin-right:7.5rem}
.mr-8-xs{margin-right:8rem}
.mr-8-5-xs{margin-right:8.5rem}
.mr-9-xs{margin-right:9rem}
.mr-9-5-xs{margin-right:9.5rem}
.mr-10-xs{margin-right:10rem}
.mr-10-5-xs{margin-right:10.5rem}
}


/**************************
OCULTAR - MOSTRAR
**************************/
.hide-xl{display: none}
.show-lg,.show-md,.show-sm,.show-xs,.show-xs{display:none}
.show-xl{display: block}
.show-xl[class^="d-flex-"], .show-xl[class*=" d-flex-"]{display: flex}
@media screen and  (max-width : 1600px) {
.hide-lg{display: none!important}
.show-lg{display: block !important}
.show-lg[class^="d-flex-"], .show-lg[class*=" d-flex-"]{display: flex !important}
}

@media screen and  (max-width : 1180px) {
.hide-md{display: none!important}
.show-md{display: block !important}
.show-md[class^="d-flex-"], .show-md[class*=" d-flex-"]{display: flex !important}
}

@media only screen and (max-device-width : 1025px) and (orientation : portrait) {
.hide-sm{display: none!important}
.show-sm{display: block !important}
.show-sm[class^="d-flex-"], .show-sm[class*=" d-flex-"]{display: flex !important}
}

@media screen and (max-width : 767px) {
.hide-xs{display: none!important}
.show-xs{display: block !important}
.show-xs[class^="d-flex-"], .show-xs[class*=" d-flex-"]{display: flex !important}
}

/***************************
BORDERS
***************************/
/*BORDERS 0px*/
.b-0{border:0}
.bb-0{border-bottom:0}
.bl-0{border-left:0}
.br-0{border-right:0}
.bt-0{border-top:0}

/*BORDERS 1px*/
.b-1{border:1px solid}
.bb-1{border-bottom:1px solid}
.bl-1{border-left:1px solid;}
.br-1{border-right:1px solid}
.bt-1{border-top:1px solid}

/*BORDERS 2px*/
.b-2{border:2px solid}
.bb-2{border-bottom:2px solid}
.bl-2{border-left:2px solid;}
.br-2{border-right:2px solid}
.bt-2{border-top:2px solid}

/*BORDERS 3px*/
.b-3{border:3px solid}
.bb-3{border-bottom:3px solid}
.bl-3{border-left:3px solid}
.br-3{border-right:3px solid}
.bt-3{border-top:3px solid}

/*BORDERS 4px*/
.b-4{border:4px solid}
.bb-4{border-bottom:4px solid}
.bl-4{border-left:4px solid}
.br-4{border-right:4px solid}
.bt-4{border-top:4px solid}

/*BORDERS 5px*/
.b-5{border:5px solid}
.bb-5{border-bottom:5px solid}
.bl-5{border-left:5px solid}
.br-5{border-right:5px solid}
.bt-5{border-top:5px solid}

/*BORDERS 6px*/
.b-6{border:6px solid}
.bb-6{border-bottom:6px solid}
.bl-6{border-left:6px solid}
.br-6{border-right:6px solid}
.bt-6{border-top:6px solid}

/*BORDERS 7px*/
.b-7{border:7px solid}
.bb-7{border-bottom:7px solid}
.bl-7{border-left:7px solid}
.br-7{border-right:7px solid}
.bt-7{border-top:7px solid}

/*BORDERS 8px*/
.b-8{border:8px solid}
.bb-8{border-bottom:8px solid}
.bl-8{border-left:8px solid}
.br-8{border-right:8px solid}
.bt-8{border-top:8px solid}

/*BORDERS 9px*/
.b-9{border:9px solid}
.bb-9{border-bottom:9px solid}
.bl-9{border-left:9px solid}
.br-9{border-right:9px solid}
.bt-9{border-top:9px solid}

/*BORDERS 10px*/
.b-10{border:10px solid}
.bb-10{border-bottom:10px solid}
.bl-10{border-left:10px solid}
.br-10{border-right:10px solid}
.bt-10{border-top:10px solid}

/*BORDERS 40px*/
.b-40{border:40px solid}
.bb-40{border-bottom:40px solid}
.bl-40{border-left:40px solid}
.br-40{border-right:40px solid}
.bt-40{border-top:40px solid}

/*BORDERS COLORS*/
.b-default{border-color:var(--default)!important}
.b-primary{border-color:var(--primary)!important}
.b-secondary{border-color:var(--secondary)!important}
.b-tertiary{border-color:var(--tertiary)!important}
.b-info{border-color:var(--info)!important}
.b-success{border-color:var(--success)!important}
.b-warning{border-color:var(--warning)!important}
.b-danger{border-color:var(--danger)!important}
.b-light-gray{border-color:var(--light-gray)!important}
.b-light-gray2{border-color:var(--light-gray2)!important}
.b-light-gray3{border-color:var(--light-gray3)!important}
.b-white{border-color:#ffffff!important}
.b-black{border-color:#000000!important}
.b-gray{border-color:var(--gray)!important}
.b-gray2{border-color:var(--gray2)!important}

.radius-circle{border-radius: 50%}
.radius-0{border-radius: 0}
.radius-05{border-radius: 0.5rem}
.radius-1{border-radius: 1rem}
.radius-1-5{border-radius: 1.5rem}
.radius-2{border-radius: 2rem}
.radius-2-5{border-radius: 2.5rem}
.radius-3{border-radius: 3rem}

.radius-lt-0{border-top-left-radius: 0}
.radius-lt-05{border-top-left-radius: .5rem}
.radius-lt-1{border-top-left-radius: 1rem}
.radius-lt-1-5{border-top-left-radius: 1.5rem}
.radius-lt-2{border-top-left-radius: 2rem}
.radius-lt-2-5{border-top-left-radius: 2.5rem}
.radius-lt-3{border-top-left-radius: 3rem}

.radius-rt-0{border-top-right-radius: 0}
.radius-rt-05{border-top-right-radius: .5rem}
.radius-rt-1{border-top-right-radius: 1rem}
.radius-rt-1-5{border-top-right-radius: 1.5rem}
.radius-rt-2{border-top-right-radius: 2rem}
.radius-rt-2-5{border-top-right-radius: 2.5rem}
.radius-rt-3{border-top-right-radius: 3rem}

.radius-lb-0{border-bottom-left-radius: 0}
.radius-lb-05{border-bottom-left-radius: .5rem}
.radius-lb-1{border-bottom-left-radius: 1rem}
.radius-lb-1-5{border-bottom-left-radius: 1.5rem}
.radius-lb-2{border-bottom-left-radius: 2rem}
.radius-lb-2-5{border-bottom-left-radius: 2.5rem}
.radius-lb-3{border-bottom-left-radius: 3rem}

.radius-rb-0{border-bottom-right-radius: 0}
.radius-rb-05{border-bottom-right-radius: .5rem}
.radius-rb-1{border-bottom-right-radius: 1rem}
.radius-rb-1-5{border-bottom-right-radius: 1.5rem}
.radius-rb-2{border-bottom-right-radius: 2rem}
.radius-rb-2-5{border-bottom-right-radius: 2.5rem}
.radius-rb-3{border-bottom-right-radius: 3rem}

@media screen and  (max-width : 1440px) {
.b-0-lg{border:0}
.bb-0-lg{border-bottom:0}
.bl-0-lg{border-left:0}
.br-0-lg{border-right:0}
.bt-0-lg{border-top:0}
/*BORDERS 1px*/
.b-1-lg{border:1px solid}
.bb-1-lg{border-bottom:1px solid}
.bl-1-lg{border-left:1px solid}
.br-1-lg{border-right:1px solid}
.bt-1-lg{border-top:1px solid}

/*BORDERS 2px*/
.b-2-lg{border:2px solid}
.bb-2-lg{border-bottom:2px solid}
.bl-2-lg{border-left:2px solid}
.br-2-lg{border-right:2px solid}
.bt-2-lg{border-top:2px solid}

/*BORDERS 3px*/
.b-3-lg{border:3px solid}
.bb-3-lg{border-bottom:3px solid}
.bl-3-lg{border-left:3px solid}
.br-3-lg{border-right:3px solid}
.bt-3-lg{border-top:3px solid}

/*BORDERS 4px*/
.b-4-lg{border:4px solid}
.bb-4-lg{border-bottom:4px solid}
.bl-4-lg{border-left:4px solid}
.br-4-lg{border-right:4px solid}
.bt-4-lg{border-top:4px solid}

/*BORDERS 5px*/
.b-5-lg{border:5px solid}
.bb-5-lg{border-bottom:5px solid}
.bl-5-lg{border-left:5px solid}
.br-5-lg{border-right:5px solid}
.bt-5-lg{border-top:5px solid}

/*BORDERS 6px*/
.b-6-lg{border:6px solid}
.bb-6-lg{border-bottom:6px solid}
.bl-6-lg{border-left:6px solid}
.br-6-lg{border-right:6px solid}
.bt-6-lg{border-top:6px solid}

/*BORDERS 7px*/
.b-7-lg{border:7px solid}
.bb-7-lg{border-bottom:7px solid}
.bl-7-lg{border-left:7px solid}
.br-7-lg{border-right:7px solid}
.bt-7-lg{border-top:7px solid}

/*BORDERS 8px*/
.b-8-lg{border:8px solid}
.bb-8-lg{border-bottom:8px solid}
.bl-8-lg{border-left:8px solid}
.br-8-lg{border-right:8px solid}
.bt-8-lg{border-top:8px solid}

/*BORDERS 9px*/
.b-9-lg{border:9px solid}
.bb-9-lg{border-bottom:9px solid}
.bl-9-lg{border-left:9px solid}
.br-9-lg{border-right:9px solid}
.bt-9-lg{border-top:9px solid}

/*BORDERS 10px*/
.b-10-lg{border:10px solid}
.bb-10-lg{border-bottom:10px solid}
.bl-10-lg{border-left:10px solid}
.br-10-lg{border-right:10px solid}
.bt-10-lg{border-top:10px solid}

.radius-lg-circle{border-radius: 50%}
.radius-lg-0{border-radius: 0}
.radius-lg-05{border-radius: 0.5rem}
.radius-lg-1{border-radius: 1rem}
.radius-lg-1-5{border-radius: 1.5rem}
.radius-lg-2{border-radius: 2rem}
.radius-lg-2-5{border-radius: 2.5rem}
.radius-lg-3{border-radius: 3rem}

.radius-lg-lt-0{border-top-left-radius: 0}
.radius-lg-lt-05{border-top-left-radius: .5rem}
.radius-lg-lt-1{border-top-left-radius: 1rem}
.radius-lg-lt-1-5{border-top-left-radius: 1.5rem}
.radius-lg-lt-2{border-top-left-radius: 2rem}
.radius-lg-lt-2-5{border-top-left-radius: 2.5rem}
.radius-lg-lt-3{border-top-left-radius: 3rem}

.radius-lg-rt-0{border-top-right-radius: 0}
.radius-lg-rt-05{border-top-right-radius: .5rem}
.radius-lg-rt-1{border-top-right-radius: 1rem}
.radius-lg-rt-1-5{border-top-right-radius: 1.5rem}
.radius-lg-rt-2{border-top-right-radius: 2rem}
.radius-lg-rt-2-5{border-top-right-radius: 2.5rem}
.radius-lg-rt-3{border-top-right-radius: 3rem}

.radius-lg-lb-0{border-bottom-left-radius: 0}
.radius-lg-lb-05{border-bottom-left-radius: .5rem}
.radius-lg-lb-1{border-bottom-left-radius: 1rem}
.radius-lg-lb-1-5{border-bottom-left-radius: 1.5rem}
.radius-lg-lb-2{border-bottom-left-radius: 2rem}
.radius-lg-lb-2-5{border-bottom-left-radius: 2.5rem}
.radius-lg-lb-3{border-bottom-left-radius: 3rem}

.radius-lg-rb-0{border-bottom-right-radius: 0}
.radius-lg-rb-05{border-bottom-right-radius: .5rem}
.radius-lg-rb-1{border-bottom-right-radius: 1rem}
.radius-lg-rb-1-5{border-bottom-right-radius: 1.5rem}
.radius-lg-rb-2{border-bottom-right-radius: 2rem}
.radius-lg-rb-2-5{border-bottom-right-radius: 2.5rem}
.radius-lg-rb-3{border-bottom-right-radius: 3rem}
}
@media screen and  (max-width : 1180px) {
.b-0-md{border:0}
.bb-0-md{border-bottom:0}
.bl-0-md{border-left:0}
.br-0-md{border-right:0}
.bt-0-md{border-top:0}
/*BORDERS 1px*/
.b-1-md{border:1px solid}
.bb-1-md{border-bottom:1px solid}
.bl-1-md{border-left:1px solid}
.br-1-md{border-right:1px solid}
.bt-1-md{border-top:1px solid}

/*BORDERS 2px*/
.b-2-md{border:2px solid}
.bb-2-md{border-bottom:2px solid}
.bl-2-md{border-left:2px solid}
.br-2-md{border-right:2px solid}
.bt-2-md{border-top:2px solid}

/*BORDERS 3px*/
.b-3-md{border:3px solid}
.bb-3-md{border-bottom:3px solid}
.bl-3-md{border-left:3px solid}
.br-3-md{border-right:3px solid}
.bt-3-md{border-top:3px solid}

/*BORDERS 4px*/
.b-4-md{border:4px solid}
.bb-4-md{border-bottom:4px solid}
.bl-4-md{border-left:4px solid}
.br-4-md{border-right:4px solid}
.bt-4-md{border-top:4px solid}

/*BORDERS 5px*/
.b-5-md{border:5px solid}
.bb-5-md{border-bottom:5px solid}
.bl-5-md{border-left:5px solid}
.br-5-md{border-right:5px solid}
.bt-5-md{border-top:5px solid}

/*BORDERS 6px*/
.b-6-md{border:6px solid}
.bb-6-md{border-bottom:6px solid}
.bl-6-md{border-left:6px solid}
.br-6-md{border-right:6px solid}
.bt-6-md{border-top:6px solid}

/*BORDERS 7px*/
.b-7-md{border:7px solid}
.bb-7-md{border-bottom:7px solid}
.bl-7-md{border-left:7px solid}
.br-7-md{border-right:7px solid}
.bt-7-md{border-top:7px solid}

/*BORDERS 8px*/
.b-8-md{border:8px solid}
.bb-8-md{border-bottom:8px solid}
.bl-8-md{border-left:8px solid}
.br-8-md{border-right:8px solid}
.bt-8-md{border-top:8px solid}

/*BORDERS 9px*/
.b-9-md{border:9px solid}
.bb-9-md{border-bottom:9px solid}
.bl-9-md{border-left:9px solid}
.br-9-md{border-right:9px solid}
.bt-9-md{border-top:9px solid}

/*BORDERS 10px*/
.b-10-md{border:10px solid}
.bb-10-md{border-bottom:10px solid}
.bl-10-md{border-left:10px solid}
.br-10-md{border-right:10px solid}
.bt-10-md{border-top:10px solid}

.radius-md-circle{border-radius: 50%}
.radius-md-0{border-radius: 0}
.radius-md-05{border-radius: 0.5rem}
.radius-md-1{border-radius: 1rem}
.radius-md-1-5{border-radius: 1.5rem}
.radius-md-2{border-radius: 2rem}
.radius-md-2-5{border-radius: 2.5rem}
.radius-md-3{border-radius: 3rem}

.radius-md-lt-0{border-top-left-radius: 0}
.radius-md-lt-05{border-top-left-radius: .5rem}
.radius-md-lt-1{border-top-left-radius: 1rem}
.radius-md-lt-1-5{border-top-left-radius: 1.5rem}
.radius-md-lt-2{border-top-left-radius: 2rem}
.radius-md-lt-2-5{border-top-left-radius: 2.5rem}
.radius-md-lt-3{border-top-left-radius: 3rem}

.radius-md-rt-0{border-top-right-radius: 0}
.radius-md-rt-05{border-top-right-radius: .5rem}
.radius-md-rt-1{border-top-right-radius: 1rem}
.radius-md-rt-1-5{border-top-right-radius: 1.5rem}
.radius-md-rt-2{border-top-right-radius: 2rem}
.radius-md-rt-2-5{border-top-right-radius: 2.5rem}
.radius-md-rt-3{border-top-right-radius: 3rem}

.radius-md-lb-0{border-bottom-left-radius: 0}
.radius-md-lb-05{border-bottom-left-radius: .5rem}
.radius-md-lb-1{border-bottom-left-radius: 1rem}
.radius-md-lb-1-5{border-bottom-left-radius: 1.5rem}
.radius-md-lb-2{border-bottom-left-radius: 2rem}
.radius-md-lb-2-5{border-bottom-left-radius: 2.5rem}
.radius-md-lb-3{border-bottom-left-radius: 3rem}

.radius-md-rb-0{border-bottom-right-radius: 0}
.radius-md-rb-05{border-bottom-right-radius: .5rem}
.radius-md-rb-1{border-bottom-right-radius: 1rem}
.radius-md-rb-1-5{border-bottom-right-radius: 1.5rem}
.radius-md-rb-2{border-bottom-right-radius: 2rem}
.radius-md-rb-2-5{border-bottom-right-radius: 2.5rem}
.radius-md-rb-3{border-bottom-right-radius: 3rem}
}
@media only screen and (max-device-width : 1025px) and (orientation : portrait) {
.b-0-sm{border:0}
.bb-0-sm{border-bottom:0}
.bl-0-sm{border-left:0}
.br-0-sm{border-right:0}
.bt-0-sm{border-top:0}
/*BORDERS 1px*/
.b-1-sm{border:1px solid}
.bb-1-sm{border-bottom:1px solid}
.bl-1-sm{border-left:1px solid}
.br-1-sm{border-right:1px solid}
.bt-1-sm{border-top:1px solid}

/*BORDERS 2px*/
.b-2-sm{border:2px solid}
.bb-2-sm{border-bottom:2px solid}
.bl-2-sm{border-left:2px solid}
.br-2-sm{border-right:2px solid}
.bt-2-sm{border-top:2px solid}

/*BORDERS 3px*/
.b-3-sm{border:3px solid}
.bb-3-sm{border-bottom:3px solid}
.bl-3-sm{border-left:3px solid}
.br-3-sm{border-right:3px solid}
.bt-3-sm{border-top:3px solid}

/*BORDERS 4px*/
.b-4-sm{border:4px solid}
.bb-4-sm{border-bottom:4px solid}
.bl-4-sm{border-left:4px solid}
.br-4-sm{border-right:4px solid}
.bt-4-sm{border-top:4px solid}

/*BORDERS 5px*/
.b-5-sm{border:5px solid}
.bb-5-sm{border-bottom:5px solid}
.bl-5-sm{border-left:5px solid}
.br-5-sm{border-right:5px solid}
.bt-5-sm{border-top:5px solid}

/*BORDERS 6px*/
.b-6-sm{border:6px solid}
.bb-6-sm{border-bottom:6px solid}
.bl-6-sm{border-left:6px solid}
.br-6-sm{border-right:6px solid}
.bt-6-sm{border-top:6px solid}

/*BORDERS 7px*/
.b-7-sm{border:7px solid}
.bb-7-sm{border-bottom:7px solid}
.bl-7-sm{border-left:7px solid}
.br-7-sm{border-right:7px solid}
.bt-7-sm{border-top:7px solid}

/*BORDERS 8px*/
.b-8-sm{border:8px solid}
.bb-8-sm{border-bottom:8px solid}
.bl-8-sm{border-left:8px solid}
.br-8-sm{border-right:8px solid}
.bt-8-sm{border-top:8px solid}

/*BORDERS 9px*/
.b-9-sm{border:9px solid}
.bb-9-sm{border-bottom:9px solid}
.bl-9-sm{border-left:9px solid}
.br-9-sm{border-right:9px solid}
.bt-9-sm{border-top:9px solid}

/*BORDERS 10px*/
.b-10-sm{border:10px solid}
.bb-10-sm{border-bottom:10px solid}
.bl-10-sm{border-left:10px solid}
.br-10-sm{border-right:10px solid}
.bt-10-sm{border-top:10px solid}

.radius-sm-circle{border-radius: 50%}
.radius-sm-0{border-radius: 0}
.radius-sm-05{border-radius: 0.5rem}
.radius-sm-1{border-radius: 1rem}
.radius-sm-1-5{border-radius: 1.5rem}
.radius-sm-2{border-radius: 2rem}
.radius-sm-2-5{border-radius: 2.5rem}
.radius-sm-3{border-radius: 3rem}

.radius-sm-lt-0{border-top-left-radius: 0}
.radius-sm-lt-05{border-top-left-radius: .5rem}
.radius-sm-lt-1{border-top-left-radius: 1rem}
.radius-sm-lt-1-5{border-top-left-radius: 1.5rem}
.radius-sm-lt-2{border-top-left-radius: 2rem}
.radius-sm-lt-2-5{border-top-left-radius: 2.5rem}
.radius-sm-lt-3{border-top-left-radius: 3rem}

.radius-sm-rt-0{border-top-right-radius: 0}
.radius-sm-rt-05{border-top-right-radius: .5rem}
.radius-sm-rt-1{border-top-right-radius: 1rem}
.radius-sm-rt-1-5{border-top-right-radius: 1.5rem}
.radius-sm-rt-2{border-top-right-radius: 2rem}
.radius-sm-rt-2-5{border-top-right-radius: 2.5rem}
.radius-sm-rt-3{border-top-right-radius: 3rem}

.radius-sm-lb-0{border-bottom-left-radius: 0}
.radius-sm-lb-05{border-bottom-left-radius: .5rem}
.radius-sm-lb-1{border-bottom-left-radius: 1rem}
.radius-sm-lb-1-5{border-bottom-left-radius: 1.5rem}
.radius-sm-lb-2{border-bottom-left-radius: 2rem}
.radius-sm-lb-2-5{border-bottom-left-radius: 2.5rem}
.radius-sm-lb-3{border-bottom-left-radius: 3rem}

.radius-sm-rb-0{border-bottom-right-radius: 0}
.radius-sm-rb-05{border-bottom-right-radius: .5rem}
.radius-sm-rb-1{border-bottom-right-radius: 1rem}
.radius-sm-rb-1-5{border-bottom-right-radius: 1.5rem}
.radius-sm-rb-2{border-bottom-right-radius: 2rem}
.radius-sm-rb-2-5{border-bottom-right-radius: 2.5rem}
.radius-sm-rb-3{border-bottom-right-radius: 3rem}
}
@media screen and  (max-width : 767px) {
.b-0-xs{border:0}
.bb-0-xs{border-bottom:0}
.bl-0-xs{border-left:0}
.br-0-xs{border-right:0}
.bt-0-xs{border-top:0}
/*BORDERS 1px*/
.b-1-xs{border:1px solid}
.bb-1-xs{border-bottom:1px solid}
.bl-1-xs{border-left:1px solid}
.br-1-xs{border-right:1px solid}
.bt-1-xs{border-top:1px solid}

/*BORDERS 2px*/
.b-2-xs{border:2px solid}
.bb-2-xs{border-bottom:2px solid}
.bl-2-xs{border-left:2px solid}
.br-2-xs{border-right:2px solid}
.bt-2-xs{border-top:2px solid}

/*BORDERS 3px*/
.b-3-xs{border:3px solid}
.bb-3-xs{border-bottom:3px solid}
.bl-3-xs{border-left:3px solid}
.br-3-xs{border-right:3px solid}
.bt-3-xs{border-top:3px solid}

/*BORDERS 4px*/
.b-4-xs{border:4px solid}
.bb-4-xs{border-bottom:4px solid}
.bl-4-xs{border-left:4px solid}
.br-4-xs{border-right:4px solid}
.bt-4-xs{border-top:4px solid}

/*BORDERS 5px*/
.b-5-xs{border:5px solid}
.bb-5-xs{border-bottom:5px solid}
.bl-5-xs{border-left:5px solid}
.br-5-xs{border-right:5px solid}
.bt-5-xs{border-top:5px solid}

/*BORDERS 6px*/
.b-6-xs{border:6px solid}
.bb-6-xs{border-bottom:6px solid}
.bl-6-xs{border-left:6px solid}
.br-6-xs{border-right:6px solid}
.bt-6-xs{border-top:6px solid}

/*BORDERS 7px*/
.b-7-xs{border:7px solid}
.bb-7-xs{border-bottom:7px solid}
.bl-7-xs{border-left:7px solid}
.br-7-xs{border-right:7px solid}
.bt-7-xs{border-top:7px solid}

/*BORDERS 8px*/
.b-8-xs{border:8px solid}
.bb-8-xs{border-bottom:8px solid}
.bl-8-xs{border-left:8px solid}
.br-8-xs{border-right:8px solid}
.bt-8-xs{border-top:8px solid}

/*BORDERS 9px*/
.b-9-xs{border:9px solid}
.bb-9-xs{border-bottom:9px solid}
.bl-9-xs{border-left:9px solid}
.br-9-xs{border-right:9px solid}
.bt-9-xs{border-top:9px solid}

/*BORDERS 10px*/
.b-10-xs{border:10px solid}
.bb-10-xs{border-bottom:10px solid}
.bl-10-xs{border-left:10px solid}
.br-10-xs{border-right:10px solid}
.bt-10-xs{border-top:10px solid}

.radius-xs-circle{border-radius: 50%}
.radius-xs-0{border-radius: 0}
.radius-xs-05{border-radius: 0.5rem}
.radius-xs-1{border-radius: 1rem}
.radius-xs-1-5{border-radius: 1.5rem}
.radius-xs-2{border-radius: 2rem}
.radius-xs-2-5{border-radius: 2.5rem}
.radius-xs-3{border-radius: 3rem}

.radius-xs-lt-0{border-top-left-radius: 0}
.radius-xs-lt-05{border-top-left-radius: .5rem}
.radius-xs-lt-1{border-top-left-radius: 1rem}
.radius-xs-lt-1-5{border-top-left-radius: 1.5rem}
.radius-xs-lt-2{border-top-left-radius: 2rem}
.radius-xs-lt-2-5{border-top-left-radius: 2.5rem}
.radius-xs-lt-3{border-top-left-radius: 3rem}

.radius-xs-rt-0{border-top-right-radius: 0}
.radius-xs-rt-05{border-top-right-radius: .5rem}
.radius-xs-rt-1{border-top-right-radius: 1rem}
.radius-xs-rt-1-5{border-top-right-radius: 1.5rem}
.radius-xs-rt-2{border-top-right-radius: 2rem}
.radius-xs-rt-2-5{border-top-right-radius: 2.5rem}
.radius-xs-rt-3{border-top-right-radius: 3rem}

.radius-xs-lb-0{border-bottom-left-radius: 0}
.radius-xs-lb-05{border-bottom-left-radius: .5rem}
.radius-xs-lb-1{border-bottom-left-radius: 1rem}
.radius-xs-lb-1-5{border-bottom-left-radius: 1.5rem}
.radius-xs-lb-2{border-bottom-left-radius: 2rem}
.radius-xs-lb-2-5{border-bottom-left-radius: 2.5rem}
.radius-xs-lb-3{border-bottom-left-radius: 3rem}

.radius-xs-rb-0{border-bottom-right-radius: 0}
.radius-xs-rb-05{border-bottom-right-radius: .5rem}
.radius-xs-rb-1{border-bottom-right-radius: 1rem}
.radius-xs-rb-1-5{border-bottom-right-radius: 1.5rem}
.radius-xs-rb-2{border-bottom-right-radius: 2rem}
.radius-xs-rb-2-5{border-bottom-right-radius: 2.5rem}
.radius-xs-rb-3{border-bottom-right-radius: 3rem}
}
/***************************
ALERTAS
***************************/
.alert{
	border-radius: .5rem;
	border:1px solid;
	padding: 2rem;
	margin-bottom: 1rem;
}
.alert-success{
	background-color: #E8F5E9;
	border-color: #C8E6C9;
	color:#1B5E20
}
.alert-danger{
	background-color: #FFEBEE;
	border-color: #FFCDD2;
	color:#B71C1C
}
.alert-warning{
	background-color: #FFF8E1;
	border-color: #FFECB3;
	color:#FF6F00
}

/***************************
PARAGRAPH CONTENT
***************************/
.paragraph>*:first-child {
	margin-top:0
}
.paragraph>*:not(:last-child) {
	margin-bottom:1rem
}
.paragraph a {
	color:var(--primary);
}
.paragraph a:hover{
	text-decoration: underline;
}
.paragraph blockquote{
	border-left:2px solid var(--primary);
	background-color: #f1f1f1;
	padding:10px 10px 10px 12px
}

.paragraph ul{
	list-style-type: disc;
}
.paragraph li:not(:last-child) {
	margin-bottom:.5em
}
.list-primary li::marker {
	color: var(--primary);
}
.list-secondary li::marker {
	color: var(--secondary);
}
.list-success li::marker {
	color: var(--success);
}
:is(.list-check ul, ul.list-check) > li{
	padding-left: .5rem;
}
:is(.list-check ul, ul.list-check) > li::marker {
	font-family: 'icomoon';
	content:'\e932';
}
.paragraph>*.custom-select:not(:last-child) {
	margin-bottom:1rem
}
.paragraph :is(h1, h2, h3, h4, h5, h6) {
	margin-top: 2.5rem;
}
.paragraph>*:first-child {
	margin-top:0
}
.paragraph.list-2col > ul{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem 1rem;
}
.paragraph.list-2col > ul > li{
	margin-bottom: 0;
}

.text-center{text-align:center}
.text-justify{text-align:justify}
.text-left{text-align:left}
.text-right{text-align:right}

.uppercase{text-transform:uppercase}
.light{font-weight:300}
.regular{font-weight:400}
.medium{font-weight:500}
.semibold{font-weight:600}
.bold{font-weight:700}
.extra-bold{font-weight:800}
.black{font-weight:900}

@media screen and  (max-width : 1440px) {
	.text-center-lg{text-align:center}
	.text-justify-lg{text-align:justify}
	.text-left-lg{text-align:left}
	.text-right-lg{text-align:right}
	.uppercase-lg{text-transform:uppercase}
	.light-lg{font-weight:300}
	.regular-lg{font-weight:400}
	.medium-lg{font-weight:500}
	.semibold-lg{font-weight:600}
	.bold-lg{font-weight:700}
	.extra-bold-lg{font-weight:800}
	.black-lg{font-weight:900}
}
@media screen and  (max-width : 1180px) {
	.text-center-md{text-align:center}
	.text-justify-md{text-align:justify}
	.text-left-md{text-align:left}
	.text-right-md{text-align:right}
	.uppercase-md{text-transform:uppercase}
	.light-md{font-weight:300}
	.regular-md{font-weight:400}
	.medium-md{font-weight:500}
	.semibold-md{font-weight:600}
	.bold-md{font-weight:700}
	.extra-bold-md{font-weight:800}
	.black-md{font-weight:900}
}
@media only screen and (max-device-width : 1025px) and (orientation : portrait) {
	.text-center-sm{text-align:center}
	.text-justify-sm{text-align:justify}
	.text-left-sm{text-align:left}
	.text-right-sm{text-align:right}
	.uppercase-sm{text-transform:uppercase}
	.light-sm{font-weight:300}
	.regular-sm{font-weight:400}
	.medium-sm{font-weight:500}
	.semibold-sm{font-weight:600}
	.bold-sm{font-weight:700}
	.extra-bold-sm{font-weight:800}
	.black-sm{font-weight:900}
}
@media screen and  (max-width : 767px) {
	.text-center-xs{text-align:center}
	.text-justify-xs{text-align:justify}
	.text-left-xs{text-align:left}
	.text-right-xs{text-align:right}
	.uppercase-xs{text-transform:uppercase}
	.light-xs{font-weight:300}
	.regular-xs{font-weight:400}
	.medium-xs{font-weight:500}
	.semibold-xs{font-weight:600}
	.bold-xs{font-weight:700}
	.extra-bold-xs{font-weight:800}
	.black-xs{font-weight:900}
	.paragraph p,.paragraph li{
		font-size: 16px;
	}
	.list-check.paragraph ul > li{
		padding-left: 1.5rem;
	}
	.list-check.paragraph ul > li::marker {
		font-size: 20px;
	}
	.paragraph.list-2col > ul{
	    grid-template-columns: repeat(1, 1fr);
	}
}

/**************************
FORMS
**************************/
/* INPUTS */
.input-control {
    background-clip: padding-box;
	background-color: #ffffff;
    border: 1px solid var(--default);
    border-radius: .5rem;
    display: block;
    line-height: 1;
    color: var(--color-text);
    padding: .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%;
}



.input-control::placeholder {
    color: var(--gray);
    opacity: 1;
}

.has-validation .tooltip-invalid{
	color: var(--danger);
	display: block;
	font-size: 12px;
	margin-top: .4rem;
}
.has-validation .invalid-input{
	border-color: var(--danger)
}
.input-icon-left .input-control{
	border-radius: 0  .25rem .25rem 0
}
.input-icon-right .input-control{
	border-radius: .25rem 0 0 .25rem
}
:is(.input-icon-right, .input-icon-left) > :is(i, a, button){
	border: 1px solid #dddddd;
    background-clip: padding-box;
    border-radius: .25rem;
    display: block;
    font-weight: 300;
    line-height: 1.5;
    color: var(--color-text);
    padding: .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	width: 30px
}
.input-icon-left > :is(i, a, button){
	border-radius: .25rem 0 0 .25rem;
    border-right: 0
}
.input-icon-right > :is(i, a, button){
	border-radius: 0  .25rem .25rem 0;
    border-left: 0
}
[type="date"] {
	position:relative;
	padding: .3rem .75rem
}
[type="date"]::-webkit-inner-spin-button {
	display: block;
	position:absolute;
	left:0
}
[type="date"]::-webkit-calendar-picker-indicator {
	opacity:0;
	position:absolute;
	left:-30px;
	width:100%;
	z-index:1
}
textarea.input-control{
	max-width: 100%;
	min-width: 100%;
	min-height: 100px
}
label.for-input{
	display: inline-block;
	font-size: 85%;
	font-weight: 600;
	margin-bottom: .25em
}

/* CHECKBOX AND RADIO */
.rc-text{
    margin-left: .5rem;
	font-size: 18px
}
.rc {
    position: relative;
	align-items: center;


	display: flex;
	line-height: 1.2;
    cursor: pointer
}
/* Ocultar visualmente sin retirar el control del foco de teclado. */
.rc > .rc-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
.rc > .rc-input:focus-visible + .rc-show {
    outline: 2px solid var(--primary);
    outline-offset: 3px;
}
.rc > .rc-show::before { visibility: hidden; }
.rc > .rc-input:checked + .rc-show::before { visibility: visible; }
.rc > .rc-show {
	align-items: center;
    background-color: #fff;
    border: 2px solid var(--default);
	display: flex;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
	border-radius: .25rem;
    color: #fff;
	justify-content: center
}

.rc > .rc-input:checked + .rc-show {
    background: #888888;
    border-color: #888888;
}
.rc > .rc-input:disabled + .rc-show {
    background: #888888;
    border-color: #888888;
    opacity: 0.5
}
.rc > .rc-input:checked + .rc-primary{
    background: var(--primary);
    border-color: var(--primary)
}
.rc > .rc-input:checked + .rc-secondary{
    background: var(--hover-secondary);
    border-color: var(--hover-secondary)
}
.rc > .rc-input:checked + .rc-tertiary{
    background: var(--hover-tertiary);
    border-color: var(--hover-tertiary)
}
.rc > .rc-input:checked + .rc-black{
    background: var(--black);
    border-color: var(--black)
}
/* RADIO */
.rc-input[type="radio"] + .rc-show {
    border-radius: 50%;
}
.rc-input[type="radio"] + .rc-show::before {
	background-color: #ffffff;
    border-radius: 50%;
	content: '';
	display: flex;
	height: 7px;
    width: 7px;
}
/* CHECKBOX */
.rc-input[type="checkbox"] + .rc-show::before {
	content: '\e931';
	font-family: 'icomoon';
	font-size: 11px;
}
/* SELECT */
.custom-select {
	background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid var(--default);
    border-radius: .5rem;
	position: relative
}
.custom-select select{
    border: 0;
    border-radius: .5rem;
    background: transparent;
    appearance: none;
    background-clip: padding-box;
    display: block;
    line-height: 1;
    color: var(--gray);
    padding: .75rem;
    width: 100%;
	position: relative
}
.custom-select .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 8px;
    padding-bottom: 8px;
}
.custom-select .select2-container .select2-selection--single {
    height: auto;
}
.custom-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}
.custom-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 0;
    transform: translateY(-50%);
}
.custom-select .select2-container--default .select2-selection--single {
    display: flex;
    justify-content: space-between;
    align-items: center;
	flex-direction: row-reverse;
    border-color: var(--default);
}
.custom-select .select2-container--default .select2-selection--single .select2-selection__rendered{
	color: var(--color-text);
	width: 100%;
}
.custom-select .select2-container--default .select2-selection--single .select2-selection__clear {
    color: var(--secondary);
}
.custom-select select option{
	color: #333333
}
.custom-select i{
	color: var(--gray);
	display: block;
	font-size: 16px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 5px;
	text-align: center;
	top: calc(50% - 13px);
	transition: all 0.25s ease;
	width: 30px
}
.input-group-append,
.input-group-prepend {

	display: flex
}

.input-group-text {
	display: flex;
	align-items: center;
	padding: .75rem;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.2;
	color: #878793;
	text-align: center;
	white-space: nowrap;
	background-color: #ebebed;
	border: 0;
	border-radius: .25rem
}

.input-group-prepend i,
.input-group-append i {
	color: #333
}

.input-group-prepend > :is(.btn, .input-group-text) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group-append > :is(.btn, .input-group-text) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.input-group > :is(.custom-file, .custom-select, .input-control) {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0
}

.input-group-prepend > :is(.custom-select, .input-control):not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0;
}

.input-group-append > :is(.custom-select, .input-control):not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
}

@media screen and  (max-width : 480px) {
	.g-recaptcha>div {
		width: 100%!important;
		transform: scale(0.9);
		position: relative;
    	left: -5%;
	}
}

/**************************************
GENERAL
**************************************/
.container,
.container1600,
.container1440{
	margin-inline: auto;
	max-width: 1200px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.container1600{max-width: 1600px}
.container1440{max-width: 1440px}
.ancla-container{position: absolute;top: -122px}
.enlace-expandido:after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}
.enlace-expandido:focus-visible::after {
    outline: 2px solid var(--primary);
    outline-offset: 3px;
}
@media screen and  (max-width : 1680px) {
	.container1600{max-width: 1440px}
	.container1440{max-width: 1366px}
}
@media screen and  (max-width : 1440px) {
	.container1600{max-width: 1366px}
	.container1440{max-width: 1200px}
}
@media screen and  (max-width : 1370px) {
	.container1600{max-width: 1200px}
	.container{max-width: 1140px}
}
@media screen and  (max-width : 1180px) {
	.container,.container1600,.container1440 {max-width: 960px}
}
@media only screen and (max-device-width : 1025px) and (orientation : portrait) {
	.container,.container1600,.container1440 {max-width: 736px}
	.ancla-container{top: -100px}
}
@media screen and  (max-width : 767px) {
	.container,.container1600,.container1440 {max-width: 580px}
}
@media screen and  (max-width : 480px) {
	.container,.container1600,.container1440 {max-width: calc(100% - 2rem)}
}
/**************************************
ERROR 404
**************************************/
.E404{
	margin-bottom: 10%;
	margin-top: 10%
}
.E404 h1{
	font-size: 100px;
	font-weight: 900;
	position: relative;
}

.E404 h2{
	font-size: 80px;
	font-weight: 500;
}
.E404 p{
	font-size: 25px;
	font-weight: 300;
}
.E404 div{
	background: #f6f6f6;
	padding:20px;
}
.E404 a{
	margin-top: 1em;
	padding: 10px 30px;
}

@media screen and  (max-width :767px) {
	.E404{
		text-align: center;
	}
	.E404 h1{
		font-size: 50px;
	}
	.E404 h2{
		font-size: 30px;
	}
	.E404 p{
		font-size: 18px;
	}
}
/**************************************
SMART MENU
**************************************/

.main-navigation {
    flex: 1 1 auto;
    min-width: 0;
}

.main-menu {
    display: flex;
    align-items: center;
    justify-content: var(--nav-space);
    gap: var(--nav-gap);
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}

.menu-item {
    position: relative;
    flex: 0 0 auto;
}

.menu-item > a,
.menu-link-wrapper > a,
.menu-more-button {
    display: flex;
    align-items: center;
    min-height: var(--nav-height);
    padding: 0;
    border: 0;
    background: none;
    color: var(--color-text);
    font: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: color .2s ease, opacity .2s ease;
}

.menu-item > a:hover,
.menu-link-wrapper > a:hover,
.menu-more-button:hover {
    color: var(--secondary);
}

.menu-link-wrapper {
    display: flex;
    align-items: center;
}

.submenu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 28px;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    cursor: pointer;
}

.menu-arrow {
    display: block;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    transition: transform .2s ease;
}

.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    display: none;
    width: var(--submenu-width);
    margin: 0;
    padding: 10px;
    list-style: none;
    white-space: normal;
    background: #ffffff;
    border: 1px solid var(--light-gray2);
    border-radius: 8px;
    box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
}

.submenu li {
    position: relative;
}

.submenu a {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 8px 12px;
    border-radius: 5px;
    color: var(--color-text);
    text-decoration: none;
    transition: background .2s ease, color .2s ease;
}

.submenu a:hover {
    color: var(--primary);
	background-color: var(--light-gray);
}

.submenu .submenu {
    top: -10px;
    left: 100%;
}

/*
   Si un submenu no cabe por la derecha, JavaScript agrega
   .submenu-align-right al elemento padre.
*/

/* Primer nivel: alinear el dropdown al borde derecho del item. */
.main-menu > .has-submenu.submenu-align-right > .submenu:not(.megamenu) {
    right: 0;
    left: auto;
}

/* Segundo nivel en adelante: abrir hacia la izquierda. */
.submenu .has-submenu.submenu-align-right > .submenu {
    right: 100%;
    left: auto;
}

/*
   Puente invisible entre niveles. Evita un hueco muerto al mover
   el cursor en diagonal hacia un sub-submenú.
*/
.submenu .submenu::before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 14px;
    height: 100%;
}

/* Al invertir el submenu, el puente también cambia de lado. */
.submenu .has-submenu.submenu-align-right > .submenu::before {
    right: auto;
    left: 100%;
}

.submenu .menu-link-wrapper {
    justify-content: space-between;
}

.submenu .menu-link-wrapper > a {
    flex: 1;
}

.submenu .submenu-toggle {
    flex: 0 0 32px;
}

.submenu .menu-arrow {
    transform: rotate(-45deg);
}

.has-megamenu {
    position: static;
}

.megamenu {
    right: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    border-radius: 0 0 10px 10px;
}

.megamenu-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr)) minmax(260px, 1.4fr);
    gap: 30px;
}

.megamenu-column h3 {
    margin: 0 0 10px;
    font-size: 16px;
	font-weight: 700;
}

.megamenu-column ul {
    margin: 0 -7px;
    padding: 0;
    list-style: none;
}

.megamenu-column a {
    min-height: auto;
    padding: 7px;
    background: none;
}

.megamenu-promo {
    overflow: hidden;
    border-radius: 8px;
    background: #f4f5f7;
}

.megamenu-promo__image {
    aspect-ratio: 16 / 8;
    background:
        linear-gradient(135deg, rgb(0 102 255 / 85%), rgb(36 36 48 / 95%));
}

.megamenu-promo > div:last-child {
    padding: 16px;
}

.megamenu-promo strong {
    display: block;
    margin-bottom: 5px;
}

.megamenu-promo p {
    margin: 0 0 10px;
}

.menu-more-button {
    gap: 8px;
}

.menu-more-list .has-megamenu {
    position: relative;
}

.menu-more-list .megamenu {
    top: 0;
    right: auto;
    left: 100%;
    width: min(800px, 70vw);
}

/* Mega menú que terminó dentro de “Más…” y necesita abrir a la izquierda. */
.menu-more-list .has-megamenu.submenu-align-right > .megamenu {
    right: 100%;
    left: auto;
}

.nav-mobile-toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    margin-left: auto;
    padding: 10px;
    border: 0;
    background: none;
    cursor: pointer;
}

.nav-mobile-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    background: currentColor;
    transition: transform .25s ease, opacity .25s ease;
}

.nav-mobile-toggle[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.nav-mobile-toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
}

.nav-mobile-toggle[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

.demo-content {
    width: min(100% - 40px, 1000px);
    margin: 60px auto;
    padding: 40px;
    background: #fff;
    border-radius: 12px;
}

@media (min-width: 1081px) {
    /*
       En desktop la apertura por puntero se controla con JS para poder
       aplicar un pequeño retardo de cierre. El foco por teclado también
       actualiza is-open y aria-expanded desde JS.
    */
    .has-submenu.is-open > .submenu {
        display: block;
    }
	.main-menu > .menu-item.level-0 > a,
	.main-menu > .menu-item.level-0 > .menu-link-wrapper,
	.main-menu > .menu-item.level-0 > .menu-link-wrapper > a,
	.main-menu > .menu-more-button{
		color: var(--nav-text);
	}
	.main-menu > .menu-item.level-0:hover > a,
	.main-menu > .menu-item.level-0:hover> .menu-link-wrapper,
	.main-menu > .menu-item.level-0:hover > .menu-link-wrapper > a,
	.main-menu > .menu-more-button:hover{
		color: var(--primary);
	}
	.main-menu > .menu-item.level-0 > a,
	.menu-more-button{
		padding: .5rem 1rem;
	}
	.menu-link-wrapper > a, .menu-more-button{
		padding-right: 0;
	}
	
}

@media (max-width: 1080px) {
    .nav-container {
        width: min(100% - 2rem, 1400px);
        min-height: 70px;
    }

    .nav-mobile-toggle {
        display: flex;
    }

    .main-navigation {
        position: absolute;
        top: 100%;
        right: -15px;
        left: -15px;
        display: none;
        max-height: calc(100vh - var(--nav-height-calc));
        overflow-y: auto;
        background: #ffffff;
        border-top: 1px solid var(--light-gray2);
        box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
    }

    .main-navigation.is-open {
        display: block;
    }

    .main-menu {
        display: block;
        width: 100%;
        padding: 10px 15px 20px;
        white-space: normal;
    }

    .menu-item {
        width: 100%;
        border-bottom: 1px solid var(--light-gray2);
    }

    .menu-item > a,
    .menu-link-wrapper > a,
    .menu-more-button {
        min-height: 54px;
    }

    .menu-link-wrapper {
        width: 100%;
    }

    .menu-link-wrapper > a {
        flex: 1;
    }

    .submenu-toggle {
        width: 50px;
        height: 50px;
    }

    .submenu {
        position: static;
        display: none;
        width: 100%;
        padding: 0 0 10px 15px;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: #f7f7f7;
    }

    .has-submenu.is-open > .submenu {
        display: block;
    }
	

    .submenu .submenu,
    .submenu .has-submenu.submenu-align-right > .submenu,
    .main-menu > .has-submenu.submenu-align-right > .submenu:not(.megamenu) {
        right: auto;
        left: auto;
        margin: 0;
        padding-left: 15px;
    }

    .submenu .menu-arrow {
        transform: rotate(45deg);
    }

    .has-submenu.is-open > .menu-link-wrapper .menu-arrow {
        transform: rotate(225deg);
    }

    .megamenu {
        padding: 20px;
    }

    .megamenu-grid {
        display: block;
    }

    .megamenu-column {
        margin-bottom: 25px;
    }

    .megamenu-promo {
        margin-top: 20px;
    }

    .menu-more {
        display: none !important;
    }    
}
@media only screen and (max-device-width : 1025px) and (orientation : portrait) {
    .main-navigation {
        right: 0;
        left: 0;
    }
}
/*****************
HEADER & FOOTER
*****************/
header{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.11);
	background-color: #ffffff;
	position: relative;
    width: 100%;
    z-index: 200;
    top: 0;
}

footer{
	width: 100%;
}
footer ul{
    padding: 0;
    list-style: none;
}
footer ul li:not(:last-child){
    margin-bottom: .25rem;
}
.footer-contact li i{
    line-height: 1.5;
}
.logo img {
	max-width: 330px;
}
.fixed-header{
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.11)!important;
	animation:slide-down 0.8s;
    position: fixed !important;
	left: 0;
}
.fixed-header .nav-top{
	display:  none;
}
.fixed-header .logo img{
	max-width: 100px;
}
.nav-top{
    position: relative;
    z-index: 2;
}
.nav-contact a{
    display: inline-block;
    padding-block: .5rem;
    color: var(--white);
    gap: .5rem;
}
.nav-lang{
    position: relative;
    z-index: 99999;
}
.nav-lang .d-flex-xl{
    padding: .5rem 1rem;
    gap: .5rem;
    cursor: pointer;
}
.nav-lang .d-flex-xl i{
    font-size: 60%;
}
.nav-lang ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav-lang ul li:first-child:hover ul{
    display: block;
}
.nav-lang ul ul{
    background-color: var(--white);
    left: 0;
    position: absolute;
    top: 100%;
    border-radius: .75rem;
    border: 1px solid var(--light-gray2);
    box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
    width: 100%;
    display: none;
}
.nav-lang ul ul li{
    padding: 5px;
}
.nav-lang ul ul a{
    border-radius: .5rem;
    color: var(--color-text);
    font-size: 14px;
}
.nav-lang ul ul a:hover{
    background-color: var(--light-gray);
}
.portal span{
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}
.logo-overlap{
    display: none;
}
.logo-color{
    display: block;
}
.btn-secondary:hover{
    color: var(--primary);
}
@media (min-width: 768px) {

}
@media (min-width: 1181px) {

}
@media (max-width: 1440px) {
	.logo img {
		max-width: 200px;
	}

}
@media (max-width: 1180px) {
	/* .navigation{
		margin-left: -1rem;
	} */
	.logo img,
	.fixed-header .logo img{
		max-width:100px;
	}
	header{
		box-shadow:0 0 11px 0 rgba(0,0,0,0.2);
	}
}

@media only screen and (max-device-width : 1025px) and (orientation : portrait) {
    .nav-lang ul ul{
        width: 105px;
    }
    .portal img{
        max-width: 100px;
    }
}
@media (max-width: 767px) {
	.nav-contact a{
        font-size: 22px;
    }
    .nav-lang .d-flex-xl {
        padding: .5rem;
    }
    
}

@keyframes slide-down {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}


/* Custom */
.bg-image-1{
	background-image: url('../img/statics/bg-map.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
svg.decoration{
	max-width: 70px;
	display: block;
}
svg.divider{
    display: block;
    width: 100%;
    object-fit: cover;
    position: relative;
}
svg.dividder-bottom{
    display: block;
    bottom: -2px;
}
svg.dividder-top{
    top: -2px;
}
.spacing-1{
    letter-spacing: 1px;
}
.bg-gradient-1{
	background: linear-gradient(to top, #00a4dc -50%,#1e386c 50%);
}
.bg-gradient-2{
	background: linear-gradient(to top, #fcb713 -50%,#e55925 50%);
}



/*****************
Hoteles
*****************/
.item-hotel figure,
.item-hotel > div{
	position: relative;
	overflow: hidden;
}
.item-hotel figure img{
	transition: all .2s linear;
}
.item-hotel span{
	background-color: var(--white);
	position: absolute;
	right: 0;
	width: 35%;
	padding: .5rem;
	bottom: 0;
	border-top-left-radius:1.5rem;
	z-index: 9999;
}
.item-hotel span:before,
.item-hotel span:after{
	content: '';
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	background-color: #ffffff;
}
.item-hotel span:before,
.item-hotel span:after{
	clip-path: path("M16 0 Q16,16 0,16 L16 16 Z");
}
.item-hotel span:before{
	left: -16px;
	bottom: 0;
}
.item-hotel span:after{
	top: -16px;
	right: 0;
}
.item-hotel span img{	
	aspect-ratio: 16/9;
	object-fit: contain;
}
.item-hotel:hover > figure > img{
	filter: contrast(130%);
	transform: scale(1.1);
}



/* @media screen and (min-width:768px) {
	.f-html .item-hotel span{
		bottom: initial;
		top: 0;
		padding: 1rem;
		border-top-left-radius:0;
		border-bottom-left-radius:1rem;
	}
	.f-html span:before,
	.f-html span:after{
		clip-path: path("M16 16 Q16,0 0,0 L16 0 Z");
	}
	.f-html .item-hotel span:before{
		bottom: initial;
		top: 0;
	}
	.f-html .item-hotel span:after{
		bottom: -16px;
		top: initial;
	}
} */

@media screen and (max-width:767px) {
	.item-hotel span{
		width: 50%;
		border-top-left-radius: 1rem;
	}
	.f-html .item-hotel figure span{
		width: 35%;
		padding: .5rem;
	}
	.f-html {
		padding: 1rem;
	}
}

/* CARDS */
.item-card{
	-webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 16px rgba(0, 0, 0, .12);
    display: flex;
    flex-direction: column;
	overflow: hidden;
}
.item-card>div:first-child{
	line-height: 1.2;
}
.item-card .card-prices{
	margin-bottom: auto
}


/* BTN HOVER IMAGE */
.btn-plus{
	background-color: var(--white);
	position: absolute;
	bottom: 0;
	right: 0;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-left-radius: 50%;
}
.btn-plus.btn-image{
	border-top-left-radius:30px;
	height: 80px;
	width: auto;
	padding: .5rem 1rem;
}
.btn-plus.btn-image img{
	object-fit: contain;
    border-radius:1.5rem;
}
.btn-plus:before,
.btn-plus:after{
	content: '';
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	background-color: #ffffff;
	clip-path: path("M16 0 Q16,16 0,16 L16 16 Z");
}

.btn-plus:before{
	left: -16px;
	bottom: 0;
}
.btn-plus:after{
	top: -16px;
	right: 0;
}
.btn-plus i{
	height: 40px;
	width: 40px;
	align-items: center;
	justify-content: center;
	display: flex;
	position: relative;
	transition: all .2s linear;
}

.btn-plus i::before{
	position: relative;
	z-index: 2;
}
.btn-plus i:after{
	background-color: var(--secondary);
	content: '';
	height: 100%;
	width: 100%;
	top: 50%;
	left: 50%;
	display: block;
	transform-origin: center;
	transform: translate(-50%,-50%) scale(0);
	position: absolute;
	border-radius: 50%;
	transition: transform .2s linear;
}
.btn-plus i{
	color: var(--white);
}

.btn-plus i:after{
	transform: translate(-50%,-50%) scale(1);
}
@media screen and (max-width:767px) {
    .btn-plus{
		width: 40px;
		height: 40px;
	}
    .btn-plus.btn-image{
        border-top-left-radius:16px;
        height: 55px;
        width: auto;
        padding: .5rem;
    }
    .btn-plus.btn-image img{
        object-fit: contain;
        max-width: 70px;
        border-radius:.5rem;
    }
	.btn-plus:before,
	.btn-plus:after{
		width: 16px;
		height: 16px;
	}
	.btn-plus i{
		font-size: 15px;
		height: 20px;
		width: 20px;
	}
}