:root {

    /* Tipografias */
    --font-1: 'Archivo', sans-serif;
    --font-2: 'Archivo', sans-serif;

    /* Font size */
    --body-size: 15px;
    --h1-size: 1.6rem;
    --h2-size: 1.5rem;
    --h3-size: 1.4rem;
    --h4-size: 1.2rem;
    --h5-size: 1.1rem;
    --h6-size: 1rem;

    /* Colores */
    --color-black: #000000;
    --color-white: #ffffff;
    --color-orange: #ff7d5b;
    --color-violet: #ca65e9;
    --color-pink: #ff5f8d;
    --color-red: #f44366;

    /* Colores con variaciones */
    --color-green-50: #eff6f0;
    --color-green-100: #d7eadb;
    --color-green-300: #66d9b9;
    --color-green-500: #00ba8b;
    --color-green-700: #029673;
    --color-green-800: #017d61;
    --color-green-900: #004d3d;
    --color-gray-50: #f7fafe;
    --color-gray-100: #f0f2f4;
    --color-gray-200: #e3e5e8;
    --color-gray-300: #c7cdd6;
    --color-gray-400: #adb1ba;
    --color-gray-500: #91939e;
    --color-gray-600: #6c7077;
    --color-gray-700: #4b4f57;
    --color-gray-900: #1a1c21;
    --color-purple-50: #faf7ff;
    --color-purple-100: #f4f0ff;
    --color-purple-200: #d7cdf4;
    --color-purple-300: #b69df0;
    --color-purple-500: #7234d7;
    --color-purple-700: #561cc7;
    --color-purple-900: #2d0e68;
    --color-blue-50: #f7fbff;
    --color-blue-100: #eef7ff;
    --color-blue-300: #8dc9ff;
    --color-blue-500: #0390ff;
    --color-blue-700: #005ca3;
    --color-blue-900: #002d50;
    --color-yellow-50: #fffdf2;
    --color-yellow-100: #fff8cc;
    --color-yellow-300: #ffef80;
    --color-yellow-500: #ffe84d;
    --color-yellow-600: #fed400;

    /* Filters */
    --filter-white: invert(1);
    --filter-yellow-500: invert(84%) sepia(55%) saturate(349%) hue-rotate(359deg) brightness(102%) contrast(101%);
    --filter-yellow-600: invert(84%) sepia(22%) saturate(2853%) hue-rotate(359deg) brightness(101%) contrast(104%);
    --filter-orange: invert(72%) sepia(53%) saturate(1400%) hue-rotate(327deg) brightness(101%) contrast(101%);
    --filter-violet: invert(53%) sepia(59%) saturate(6910%) hue-rotate(256deg) brightness(97%) contrast(92%);
    --filter-green: invert(52%) sepia(94%) saturate(455%) hue-rotate(122deg) brightness(96%) contrast(96%);
    --filter-pink: invert(67%) sepia(36%) saturate(1320%) hue-rotate(309deg) brightness(101%) contrast(101%);
    --filter-red: invert(34%) sepia(74%) saturate(3952%) hue-rotate(336deg) brightness(94%) contrast(103%);
    --filter-blue-500: invert(43%) sepia(32%) saturate(5421%) hue-rotate(188deg) brightness(102%) contrast(101%);
    --filter-gray-50: invert(95%) sepia(6%) saturate(230%) hue-rotate(175deg) brightness(104%) contrast(99%);
    --filter-gray-100: invert(89%) sepia(5%) saturate(310%) hue-rotate(215deg) brightness(102%) contrast(94%);
    --filter-gray-200: invert(80%) sepia(8%) saturate(288%) hue-rotate(191deg) brightness(96%) contrast(92%);
    --filter-gray-300: invert(64%) sepia(6%) saturate(260%) hue-rotate(180deg) brightness(95%) contrast(92%);
    --filter-gray-500: invert(55%) sepia(3%) saturate(303%) hue-rotate(181deg) brightness(92%) contrast(88%);
    --filter-purple-500: brightness(0) saturate(100%) invert(17%) sepia(55%) saturate(5483%) hue-rotate(260deg) brightness(103%) contrast(82%);
    --filter-purple-700: brightness(0) saturate(100%) invert(12%) sepia(85%) saturate(5379%) hue-rotate(263deg) brightness(88%) contrast(98%);

    /* Border radius */
    --border-color: var(--color-gray-200);
    --border-radius: 1rem;
}

/* Fonts styles */

html, body {color: var(--color-gray-500); font-size: var(--body-size); font-family: var(--font-1); line-height: 1.35; }
h1, h2, h3, h4, h5, h6, p {margin: 0;}
h1, .h1 {font-size: var(--h1-size); font-family: var(--font-2);font-weight: bold;line-height: 1.3;}
h2, .h2 {font-size: var(--h2-size); font-family: var(--font-2);font-weight: bold;line-height: 1.3;}
h3, .h3 {font-size: var(--h3-size); font-family: var(--font-2);font-weight: bold;line-height: 1.3;}
h4, .h4 {font-size: var(--h4-size); font-family: var(--font-2);font-weight: bold;line-height: 1.3;}
h5, .h5 {font-size: var(--h5-size); font-family: var(--font-2);font-weight: bold;line-height: 1.3;}
h6, .h6 {font-size: var(--h6-size); font-family: var(--font-2);font-weight: bold;line-height: 1.3; }
p {font-size: var(--body-size);line-height: 1.4;}
@media screen and (max-width:768px) {
    h1, .h1 { font-size: var(--h2-size); }
    h2, .h2 { font-size: var(--h3-size); }
}

/* Others */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #f5f5f5 inset !important; }
space { width: 100%; height: .5rem; display: block; }
space[h="2"] { height: 1rem; }
space[h="3"] { height: 1.5rem; }
space[h="4"] { height: 2rem; }
space[h="5"] { height: 2.5rem; }
space[h="6"] { height: 3rem; }
.radius { border-radius: 50%; }
.radius-1 { border-radius: 1rem; }
.radius-2 { border-radius: 2rem; }
.tt-up { text-transform: uppercase; }
.ls-1 { letter-spacing: .1em; }
.ls-2 { letter-spacing: .2em; }
.lh-1 { line-height: 1; }
hr {background-color: var(--border-color);opacity: 1;}
::placeholder { opacity: 0.8; }
::-webkit-scrollbar { display: none; }
.empty { display: none; }
.link { text-decoration: underline; color: inherit; }
.link:hover { cursor: pointer; text-decoration: underline; }
ul, li { margin: 0; padding: 0; list-style: none }
.bold { font-weight: bold; }
.circle { border-radius: 50% }
.box { padding: 1rem; position: relative; }
.ff-1 { font-family: var(--font-1); }
.ff-2 { font-family: var(--font-2); }
.disabled { pointer-events: none; }
.disabled:hover { cursor: default; }
*:focus { outline: none; }

/* Botones */

.btn { border-radius: .5rem; line-height: 1; padding: 0.75rem; min-width: unset; font-size: 1rem; letter-spacing: 0; gap: .25rem; font-weight: 800; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; transition: .1s ease all; user-select: none; -webkit-user-select: none; position: relative; text-align: center; overflow: hidden; font-family: var(--font-2); cursor: pointer; }
.btn:hover {text-decoration: none;cursor: pointer;}
.btn .icon { height: 1.25rem; }
.btn.lg { border-radius: 2rem; padding: .75rem 1.5rem; gap: .5rem; letter-spacing: .1rem; }
.btn.lg:hover { cursor: pointer; transform: scale(1.05); }
.btn.lg .icon { height: 1.5rem; }
.btn:hover, .btn.sm:hover { transform: none; }
.btn.sm { padding: 0.5rem; min-width: unset; font-size: .85rem; letter-spacing: 0; gap: .25rem; border-radius: .5rem; font-weight: 700; }
.btn.sm .icon { height: 1rem; }
.btn .icon-loading { animation: anim-rotate 2s infinite linear; }
.btn.border {border: 1px solid var(--color-gray-300);}

.btn.border:hover { background-color: var(--color-gray-50)!important;}
.btn.bg-green:hover {background-color: var(--color-green-700)!important;}
.btn.bg-blue:hover {background-color: var(--color-blue-700)!important;}
.btn.bg-yellow:hover {background-color: var(--color-yellow-600)!important;}
.btn.bg-purple:hover {background-color: var(--color-purple-700)!important;}
.btn.bg-white:hover {background-color: var(--color-purple-50)!important;}
.btn.bg-black:hover {background-color: var(--color-gray-700)!important;}

.btn.bg-green:hover, .btn.bg-green.shadow {box-shadow: 0 .5rem .5rem rgb(7 193 82 / 30%);}
.btn.bg-blue:hover, .btn.bg-blue.shadow { box-shadow: 0 .5rem .5rem rgba(0, 99, 255, .2) }
.btn.bg-orange:hover, .btn.bg-orange.shadow { box-shadow: 0 .5rem .5rem rgba(255, 125, 91, .2) }
.btn.bg-yellow:hover, .btn.bg-yellow.shadow { box-shadow: 0 .5rem .5rem rgba(255, 232, 7, .2) }
.btn.bg-purple:hover, .btn.bg-purple.shadow { box-shadow: 0 .5rem .5rem rgba(76, 52, 224, .2) }
.btn.bg-white:hover, .btn.bg-white.shadow { box-shadow: 0 .5rem .5rem rgba(131, 124, 173, 0.2) }
.btn.bg-black:hover, .btn.bg-black.shadow { box-shadow: 0 .5rem .5rem rgba(65, 65, 65, 0.2) }

/* Colors */
.c-white { color: var(--color-white) !important }
.c-black { color: var(--color-black) !important }
.c-red { color: var(--color-red) !important; }
.c-green { color: var(--color-green-500) !important; }
.c-blue { color: var(--color-blue-500) !important; }
.c-gray { color: var(--color-gray-500) !important; }
.c-purple { color: var(--color-purple-500) !important; }
.c-pink { color: var(--color-pink) !important; }
.c-orange { color: var(--color-orange) !important; }
.c-yellow { color: var(--color-yellow-500) !important; }
.bg-green { background-color: var(--color-green-500) !important; }
.bg-blue { background-color: var(--color-blue-500) !important; }
.bg-red { background-color: var(--color-red) !important; }
.bg-gray-200 { background-color: var(--color-gray-200) !important }
.bg-gray-100 { background-color: var(--color-gray-100) !important }
.bg-blue-100 { background-color: var(--color-blue-100) !important }
.bg-white { background-color: var(--color-white) !important }
.bg-purple { background-color: var(--color-purple-500) !important; }
.bg-purple-100 { background-color: var(--color-purple-100) !important; }
.bg-blue-100 { background-color: var(--color-blue-100) !important; }
.bg-yellow { background-color: var(--color-yellow-500) !important; }
.bg-orange { background-color: var(--color-orange) !important; }
.bg-black { background-color: var(--color-black) !important }

/* Filters */
.f-white { filter: var(--filter-white) !important }
.f-gray { filter: var(--filter-gray-300) !important }
.f-blue { filter: var(--filter-blue-500) !important }
.f-red { filter: var(--filter-red) !important }
.f-green { filter: var(--filter-green) !important }
.f-orange { filter: var(--filter-orange) !important }
.f-pink { filter: var(--filter-pink) !important }
.f-purple { filter: var(--filter-purple-500) !important }
.f-purple-700 { filter: var(--filter-purple-700) !important }
.f-yellow { filter: var(--filter-yellow-500) !important }
.f-yellow-600 { filter: var(--filter-yellow-600) !important }

/* Icons */
.icon { background-image: url(/img/icons.svg?v=22); aspect-ratio: 1/1; background-size: 1100% 1100%; height: 1rem; display: inline-block; }
.icon.circle { background-image: none; display: inline-flex; align-items: center; justify-content: center; }
.icon-logo { background-image: url(/img/logo.svg?v=22); aspect-ratio: 15/4; background-size: contain; background-position: 0 0; }
.icon-logo.sm { background-position: 0 0; aspect-ratio: 1/1; background-size: cover; }
.icon-logo.color { background-image: url(/img/logo-color.svg?v=22); }
.icon-logo.positive { background-image: url(/img/logo-positive.svg?v=22); }

/**/
.icon-check { background-position: 0 0; }
.icon-check-color { background-position: 10% 0; }
.icon-close { background-position: 20% 0; }
.icon-account { background-position: 30% 0; }
.icon-title-account { background-position: 40% 0; }
.icon-title-files { background-position: 50% 0; }
.icon-title-payment { background-position: 60% 0; }
.icon-cv { background-position: 70% 0; }
.icon-download { background-position: 80% 0; }
.icon-upload { background-position: 90% 0; }
.icon-back { background-position: 0% 10%; }
.icon-next { background-position: 10% 10%; }
.icon-menu { background-position: 20% 10%; }
.icon-dots { background-position: 30% 10%; }
.icon-settings { background-position: 40% 10%; }
.icon-ai { background-position: 50% 10%; }
.icon-edit { background-position: 60% 10%; }
.icon-trash { background-position: 70% 10%; }
.icon-zoom { background-position: 80% 10%; }
.icon-drag { background-position: 90% 10%; }
.icon-add-1 { background-position: 0% 20%; }
.icon-add-2 { background-position: 10% 20%; }
.icon-remove-1 { background-position: 20% 20%; }
.icon-remove-2 { background-position: 30% 20%; }
.icon-rotate { background-position: 40% 20%; }
.icon-calendar { background-position: 50% 20%; }
.icon-loading {background-position: 60% 20%;animation: anim-rotate 2s infinite linear;}
.icon-reload { background-position: 70% 20%; }
.icon-rate-1 { background-position: 80% 20%; }
.icon-rate-2 { background-position: 90% 20%; }
.icon-user { background-position: 0% 30%; }
.icon-pass { background-position: 10% 30%; }
.icon-email { background-position: 20% 30%; }
.icon-ppt, .icon-pptx { background-position: 30% 30%; }
.icon-img, .icon-jpg { background-position: 40% 30%; }
.icon-doc-ok { background-position: 60% 30%; }
.icon-files { background-position: 70% 30%; }
.icon-arrow-right { background-position: 0% 40%; }
.icon-arrow-left { background-position: 10% 40%; }
.icon-arrow-up { background-position: 20% 40%; }
.icon-arrow-down { background-position: 30% 40%; }
.icon-right { background-position: 40% 40%; }
.icon-left { background-position: 50% 40%; }
.icon-up { background-position: 60% 40%; }
.icon-down { background-position: 70% 40%; }
.icon-scroll-down { background-position: 0% 70%; }
.icon-add { background-position: 20% 70%; }
.icon-dots { background-position: 30% 70%; }
.icon-card { background-position: 30% 30%; }
.icon-card-date { background-position: 40% 30%; }
.icon-card-cvc { background-position: 50% 30%; } 
.icon-docs { background-position: 0 80%; }
.icon-doc-ok { background-position: 10% 80%; }
.icon-signal { background-position: 20% 80%; }
.icon-click { background-position: 30% 80%; }
.icon-responsive { background-position: 40% 80%; }
.icon-lock { background-position: 50% 80%; }
.icon-shield { background-position: 60% 80%; }
.icon-headset { background-position: 70% 80%; }
.icon-cycle { background-position: 80% 80%; }
.icon-party { background-position: 90% 80%; }
.icon-ok { background-position: 0 90%; }
.icon-users { background-position: 10% 90%; }
.icon-custom { background-position: 20% 90%; }
.icon-ia { background-position: 30% 90%; }
.icon-news { background-position: 40% 90%; }
.icon-certified { background-position: 50% 90%; }
.icon-task { background-position: 60% 90%; }
.icon-doc { background-position: 70% 90%; } 
.icon-calendar-1 { background-position: 80% 90%; } 
.icon-calendar-2 { background-position: 90% 90%; } 

.icon-color { border-radius: .25rem; }

.icon.home-specs {background-image: url(/img/home-specs.svg);aspect-ratio: 5/4;height: 2rem;background-size: cover;}
.home-specs-1 { background-position: 0% 0; }
.home-specs-2 { background-position: 33.33% 0; }
.home-specs-3 { background-position: 66.66% 0; }
.home-specs-4 { background-position: 100% 0; }

.icon.home-steps {background-image: url(/img/home-steps.svg);aspect-ratio: 4/3;background-size: cover;}
.home-steps-1 { background-position: 0% 0; }
.home-steps-2 {background-position: 50% 0;}
.home-steps-3 { background-position: 100% 0; }

/**/
.input-container { width: 100%; position: relative;text-align: left;  border: 0; }
.input-container.type-text input { color: var(--color-black); border: 0; width: 100%; padding: 0 .75rem; line-height: 3rem; display: block; -webkit-font-smoothing: antialiased; background-color: transparent;min-height: 3rem; }
.input-container.type-textarea textarea { color: var(--color-black); border: 0; width: 100%; padding: 0 .75rem; line-height: 3rem; display: block; -webkit-font-smoothing: antialiased; background-color: transparent; line-height: 1.25; height: auto; padding: .85rem .75rem; overflow: hidden; resize: none; min-height: 3rem; }
.input-container.type-textarea textarea:focus { outline: none !important; }
.input-container.type-select select {padding: 0;margin: 0 0 0 .75rem;border-radius: 0;border: 0;background-color: transparent;color: var(--color-black);height: 3rem;line-height: 3rem;width: 100%;appearance: none;background-image: url(/img/input-sel.svg);background-size: contain;background-position: right center;background-repeat: no-repeat;}
.input-container label { font-size: .9rem; line-height: 1rem; display: block; margin-bottom: .75rem; }
.input-container label .icon { height: 1.75rem; }
.input-container::placeholder { opacity: 1 !important; color: #9ba6ad; }
.input-container .bx {position: relative;background-color: var(--color-white);display: flex;align-items: center;border-radius: .75rem;overflow: hidden;border: 1px solid var(--color-gray-300);}
.input-container .bx > .icon { height: 1.5rem; margin-left: .75rem; }

.feedback-error {font-weight:bold;margin:0 0 .5rem 0;color:var(--color-red);line-height:1.2;text-align:center;display:flex;align-items:center;justify-content:center;gap:.25rem;animation:fade-in 1s cubic-bezier(0.22,1,0.36,1) both;}
.input-container+.feedback-error{margin:.5rem 0 0 0;}
.input-container.error .bx {border: 1px solid var(--color-red);} 

/**/
.input-group { display: flex; gap: .75rem; }
.input-group > .input-container { }

/**/
.input-container.type-checkbox { position: relative; display: flex; align-items: start; justify-content: center; }
.input-container.type-checkbox input { cursor: pointer; position: relative; top: .1em; transform: scale(1.2); display: inline-block; box-shadow: none; }
.input-container.type-checkbox label { position: relative; padding-left: .5rem; display: inline-flex; align-items: center; justify-content: center; text-align: left; margin: 0;line-height:1.5;}
.input-container.type-checkbox label:hover { cursor: pointer; }

/**/
.input-container.type-radio { }
.input-container.type-radio [type="radio"]:checked, .input-container.type-radio [type="radio"]:not(:checked), .input-container.type-radio [type="checkbox"]:checked, .input-container.type-radio [type="checkbox"]:not(:checked) { position: absolute; left: -9999px; }
.input-container.type-radio [type="radio"]:checked + label, .input-container.type-radio [type="radio"]:not(:checked) + label, .input-container.type-radio [type="checkbox"]:checked + label, .input-container.type-radio [type="checkbox"]:not(:checked) + label {position: relative;padding-left: 1.75rem;cursor: pointer;line-height: 20px;display: inline-block;margin: 0;}
.input-container.type-radio [type="radio"]:checked + label:before, .input-container.type-radio [type="radio"]:not(:checked) + label:before, .input-container.type-radio [type="checkbox"]:checked + label:before, .input-container.type-radio [type="checkbox"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 1px solid var(--color-gray-300);border-radius: 100%;background: var(--color-white);}
.input-container.type-radio [type="radio"]:checked + label:after, .input-container.type-radio [type="radio"]:not(:checked) + label:after, .input-container.type-radio [type="checkbox"]:checked + label:after, .input-container.type-radio [type="checkbox"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: var(--color-blue-500); position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.input-container.type-radio [type="radio"]:not(:checked) + label:after, .input-container.type-radio [type="checkbox"]:not(:checked) + label:after { opacity: 0; }
.input-container.type-radio [type="radio"]:checked + label:after, .input-container.type-radio [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.input-container.type-radio [type="radio"]:checked + label:before, .input-container.type-radio [type="checkbox"]:checked + label:before { border: 1px solid var(--color-blue-500); }

/* Header */
header {margin: 0;height: 5rem;display: flex;align-items: center;transition: .3s ease background;text-align: center;background-color: var(--color-purple-500);color: var(--color-white);position: relative;z-index: 1;}
header .row { display: flex; align-items: center; position: relative; }
header .icon-logo { height: 2.75rem; }
header ul { display: inline-flex; justify-content: center; align-items: center; gap: .5rem; }
header li { display: inline-block; position: relative; }
header li a { text-decoration: none; line-height: 1; height: 2.5rem; width: 100%; display: inline-flex; color: var(--color-white); align-items: center; gap: .25rem; padding: 0 .75rem; font-weight: bold; border: 1px solid var(--color-white); border-radius: .75rem; }
header li a .icon { height: 1.5rem; }
header li a:hover, header li a.active { }
header .col-b a:hover .circle, header .col-b a.active:hover .circle { background-color: var(--color-gray-50); }
header .col-a {height: 100%;text-align: left;}
header .col-a .btn {}
header .col-b { text-align: right; }
header .col-b .icon { }
header .col-b .show .submenu { display: block; }
header .col-b .submenu { display: none; flex-direction: column; gap: 0; text-align: left; position: absolute; top: 2.5rem; right: 0; background-color: var(--color-white); min-width: 10rem; border-radius: 1rem; padding: 1rem 0; box-shadow: 0 1rem 2rem 0 rgb(0 0 0 / 10%); }
header .col-b .submenu li { width: 100%; }
header .col-b .submenu li a { color: var(--color-black); opacity: 1; padding: 0 1rem; height: 2rem; line-height: 2rem; font-weight: normal; }
header .col-b .submenu li a:hover { color: var(--color-purple-500); }
header .col-c {display: flex; align-items: end;justify-content: end;color: var(--color-gray-500);}
header .col-c ul {gap: 1rem;}
header .col-c li {display: flex;align-items: center;gap: .25rem;}
header .col-c li .icon {height: 1.5rem;}
@media screen and (max-width:768px){ 
	header li a { padding: 0 .5rem; }
	header .icon-logo {height: 2.5rem;}
	header .col-b ul { gap: .5rem; }
}

/* Footer */
footer {padding: 2rem 0;}
footer * {font-size: .9rem;color: var(--color-gray-400);}
footer.light {     background-color: var(--color-gray-100); }
footer .a, footer .b {display: flex;flex-direction: column;gap: .25rem;justify-content: space-around;}
footer .b { text-align: right; }
footer .links {display: flex; flex-direction: row; justify-content: end}
footer .links a:hover { text-decoration: underline; }
footer .links a:before {content: "\00B7";display: inline-block;padding: 0 .5rem;}
footer .links a:first-child::before {display: none;}
@media screen and (max-width:768px){ 
	footer, footer * { text-align: center; }
    footer .a {margin-top: 1rem;}
    footer .a, footer .b {justify-content: unset;}
    footer .links {display: inline-block;}
    footer .links a:before {padding: 0 .25rem;}
}

/* Popups */
.popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; display: flex; align-items: center; justify-content: center; padding: 1.5rem; background-color: transparent !important; }
.popup .box {position: relative;padding: 1.5rem;width: 100%;max-width: 30rem;text-align: center;animation: anim-down-1 1s 1;background-color: var(--color-white);max-height: 100%;overflow: scroll;border-radius: 1rem;padding: 2rem;}
.popup.lg .box {max-width: 44rem;display: flex;flex-direction: column;}
.popup.bg-purple .box { background-color: var(--color-purple-500); color: var(--color-white); }
.popup .a { padding-right: 1.5rem; padding-left: 1.5rem; margin-bottom: 1.5rem; text-align: center; }
.popup .b { max-height: 440px; overflow: scroll; }
.popup .btn-close {position: absolute;top: 0;bottom: 0;right: 0;height: 2rem;width: 2rem;display: flex;align-items: center;justify-content: center;z-index: 1;margin: auto;}
.popup .btn-close .icon { height: 1.5rem; }
.popup .btn-close:hover { cursor: pointer; }
.filter { z-index: 8; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(79 51 135 / 90%); }
.filter, .popup { display: none; visibility: hidden; opacity: 0; }
.filter.visible, .popup.visible { display: flex; visibility: visible; opacity: 1; }
.popup .main-icon { margin: 0 auto; }
.popup .main-icon > .icon { height: 100%; position: absolute; top: 0; left: 0; }
.popup .popup-header {text-align: center;position: relative;padding: .5rem 2rem;}
.popup .popup-content {flex-grow: 1;overflow: scroll;}
.popup .popup-content.content-text {text-align: left;color: var(--color-gray-700);}
.popup .popup-content.content-text a {color: inherit;text-decoration: underline;}
.popup .popup-content.content-text ul {padding-left: 1rem;margin-bottom: 1rem;}
.popup .popup-content.content-text li {list-style: disc;}

/* Accordeon */
.accordeon-list { list-style: none; margin: 0; padding: 0; text-align: left; }
.accordeon-list li { padding-top: .5rem; padding-bottom: .5rem; }
.accordeon-list .accordeon-header { position: relative; padding: .5rem 2rem .5rem 0; }
.accordeon-list .accordeon-header:hover { cursor: pointer; }
.accordeon-list .accordeon-header i { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; transform: rotate(0deg); transition: .3s ease all; transform: rotate(0deg); }
.accordeon-list .accordeon-header i:before { font-size: 0 !important; }
.accordeon-list .accordeon-content { overflow: hidden; transition: .5s linear all; max-height: 0; padding-top: .5rem; padding-top: 0; }
.accordeon-list .show .accordeon-content { max-height: 10rem; }
.accordeon-list .show .accordeon-header i { transform: rotate(180deg); }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; height: 100%; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; height: 100%; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-slider .slick-list { height: 100% !important; }
.slick-slider .slick-arrow { border: 1px solid var(--color-white); background-color: transparent; position: absolute; top: 0; bottom: 0; aspect-ratio: 1/1; height: 2.5rem; width: 2.5rem; margin: auto; z-index: 1; display: flex; align-items: center; border-radius: .5rem; justify-content: center; padding: 0; }
.slick-slider .slick-prev { left: -3rem; }
.slick-slider .slick-next { right: -3rem; }
.slick-slider .slick-arrow .icon { filter: invert(1); height: 1.5rem; }

/* Sections */
section { padding-top: 5rem; padding-bottom: 5rem; position: relative; }
@media screen and (max-width:768px) {
	section { padding-top: 4rem; padding-bottom: 4rem; }
}

/* Animaciones */
.anim-rotate { -webkit-animation-name: anim-rotate; -webkit-animation-timing-function: linear; }
@keyframes anim-rotate {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
}
.anim-fade { -webkit-animation-name: anim-fade; -webkit-animation-timing-function: linear; }
@keyframes anim-fade {
    0% { opacity: .5; }
    50% { opacity: 1;) }
    100% { opacity: .5; }
}

/**/
.rebilly-framepay.rebilly-input { padding: .75rem !important; height: 3rem !important; border-radius: .75rem !important; align-content: normal; border: none !important; box-shadow: 0 0 0 1px #cccfdb !important; }

/* No small screens */
@media screen and (min-width:768px) {
	.only-mobile { display: none !important; }
}

/* Small screens */
@media screen and (max-width:768px) {
	.only-desktop { display: none !important; }
}