*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
    --tw-contain-size:;
    --tw-contain-layout:;
    --tw-contain-paint:;
    --tw-contain-style:;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
    --tw-contain-size:;
    --tw-contain-layout:;
    --tw-contain-paint:;
    --tw-contain-style:;
}

/*
! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: #e5e7eb;
    /* 2 */
}

::before,
::after {
    --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    -o-tab-size: 4;
    tab-size: 4;
    /* 3 */
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* 4 */
    font-feature-settings: normal;
    /* 5 */
    font-variation-settings: normal;
    /* 6 */
    -webkit-tap-highlight-color: transparent;
    /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
    margin: 0;
    /* 1 */
    line-height: inherit;
    /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
    height: 0;
    /* 1 */
    color: inherit;
    /* 2 */
    border-top-width: 1px;
    /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
    color: inherit;
    text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /* 1 */
    font-feature-settings: normal;
    /* 2 */
    font-variation-settings: normal;
    /* 3 */
    font-size: 1em;
    /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
    text-indent: 0;
    /* 1 */
    border-color: inherit;
    /* 2 */
    border-collapse: collapse;
    /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-feature-settings: inherit;
    /* 1 */
    font-variation-settings: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    font-weight: inherit;
    /* 1 */
    line-height: inherit;
    /* 1 */
    letter-spacing: inherit;
    /* 1 */
    color: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
    padding: 0;
    /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
    text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
    -webkit-appearance: button;
    /* 1 */
    background-color: transparent;
    /* 2 */
    background-image: none;
    /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
    outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
    box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
    resize: vertical;
}

    /*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

    input::-moz-placeholder, textarea::-moz-placeholder {
        opacity: 1;
        /* 1 */
        color: #9ca3af;
        /* 2 */
    }

    input::placeholder,
    textarea::placeholder {
        opacity: 1;
        /* 1 */
        color: #9ca3af;
        /* 2 */
    }

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    /* 1 */
    vertical-align: middle;
    /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
    max-width: 100%;
    height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
    display: none;
}

.container {
    width: 100%;
}

@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}

.pointer-events-none {
    pointer-events: none;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.inset-0 {
    inset: 0px;
}

.bottom-0 {
    bottom: 0px;
}

.bottom-full {
    bottom: 100%;
}

.left-0 {
    left: 0px;
}

.left-4 {
    left: 1rem;
}

.left-8 {
    left: 2rem;
}

.right-0 {
    right: 0px;
}

.right-1\/2 {
    right: 50%;
}

.right-4 {
    right: 1rem;
}

.top-0 {
    top: 0px;
}

.top-1\/2 {
    top: 50%;
}

.top-3 {
    top: 0.75rem;
}

.top-\[4px\] {
    top: 4px;
}

.top-\[64px\] {
    top: 64px;
}

.top-full {
    top: 100%;
}

.z-10 {
    z-index: 10;
}

.z-\[1010\] {
    z-index: 1010;
}

.z-\[1020\] {
    z-index: 1020;
}

.z-\[11\] {
    z-index: 11;
}

.order-first {
    order: -9999;
}

.order-last {
    order: 9999;
}

.col-span-1 {
    grid-column: span 1 / span 1;
}

.col-span-2 {
    grid-column: span 2 / span 2;
}

.col-span-3 {
    grid-column: span 3 / span 3;
}

.col-span-8 {
    grid-column: span 8 / span 8;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mt-16 {
    margin-top: 4rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-8 {
    margin-top: 2rem;
}

.mt-\[12px\] {
    margin-top: 12px;
}

.block {
    display: block;
}

.flex {
    display: flex;
}

.grid {
    display: grid;
}

.contents {
    display: contents;
}

.hidden {
    display: none;
}

.h-10 {
    height: 2.5rem;
}

.h-4 {
    height: 1rem;
}

.h-\[100px\] {
    height: 100px;
}

.h-\[100vh\] {
    height: 100vh;
}

.h-\[content\] {
    height: content;
}

.h-auto {
    height: auto;
}

.h-full {
    height: 100%;
}

.max-h-0 {
    max-height: 0px;
}

.min-h-\[224px\] {
    min-height: 224px;
}

.w-10 {
    width: 2.5rem;
}

.w-36 {
    width: 9rem;
}

.w-4 {
    width: 1rem;
}

.w-\[100\%\] {
    width: 100%;
}

.w-\[4px\] {
    width: 4px;
}

.w-full {
    width: 100%;
}

.max-w-\[375px\] {
    max-width: 375px;
}

.max-w-\[800px\] {
    max-width: 800px;
}

.max-w-screen-sm {
    max-width: 640px;
}

.max-w-screen-xl {
    max-width: 1280px;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.basis-1\/2 {
    flex-basis: 50%;
}

.rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

.items-start {
    align-items: flex-start;
}

.items-center {
    align-items: center;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-10 {
    gap: 2.5rem;
}

.gap-12 {
    gap: 3rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-28 {
    gap: 7rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-7 {
    gap: 1.75rem;
}

.gap-8 {
    gap: 2rem;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-y-auto {
    overflow-y: auto;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-b-none {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.border {
    border-width: 1px;
}

.border-b-4 {
    border-bottom-width: 4px;
}

.border-t-4 {
    border-top-width: 4px;
}

.border-\[\#19486A\] {
    --tw-border-opacity: 1;
    border-color: rgb(25 72 106 / var(--tw-border-opacity, 1));
}

.border-\[\#3F7E44\] {
    --tw-border-opacity: 1;
    border-color: rgb(63 126 68 / var(--tw-border-opacity, 1));
}

.border-\[\#A21942\] {
    --tw-border-opacity: 1;
    border-color: rgb(162 25 66 / var(--tw-border-opacity, 1));
}

.border-\[\#BF8B2E\] {
    --tw-border-opacity: 1;
    border-color: rgb(191 139 46 / var(--tw-border-opacity, 1));
}

.border-\[\#DD1367\] {
    --tw-border-opacity: 1;
    border-color: rgb(221 19 103 / var(--tw-border-opacity, 1));
}

.border-\[\#DDA63A\] {
    --tw-border-opacity: 1;
    border-color: rgb(221 166 58 / var(--tw-border-opacity, 1));
}

.border-\[\#FCC30B\] {
    --tw-border-opacity: 1;
    border-color: rgb(252 195 11 / var(--tw-border-opacity, 1));
}

.border-\[\#FD6925\] {
    --tw-border-opacity: 1;
    border-color: rgb(253 105 37 / var(--tw-border-opacity, 1));
}

.border-\[\#FD9D24\] {
    --tw-border-opacity: 1;
    border-color: rgb(253 157 36 / var(--tw-border-opacity, 1));
}

.border-\[\#FF3A21\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 58 33 / var(--tw-border-opacity, 1));
}

.border-\[\#FF4C5D\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 76 93 / var(--tw-border-opacity, 1));
}

.border-b-blue-br {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 174 240 / var(--tw-border-opacity, 1));
}

.border-t-blue-br {
    --tw-border-opacity: 1;
    border-top-color: rgb(0 174 240 / var(--tw-border-opacity, 1));
}

.bg-\[\#000000\]\/60 {
    background-color: rgb(0 0 0 / 0.6);
}

.bg-\[\#19486A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(25 72 106 / var(--tw-bg-opacity, 1));
}

.bg-\[\#3F7E44\] {
    --tw-bg-opacity: 1;
    background-color: rgb(63 126 68 / var(--tw-bg-opacity, 1));
}

.bg-\[\#A21942\] {
    --tw-bg-opacity: 1;
    background-color: rgb(162 25 66 / var(--tw-bg-opacity, 1));
}

.bg-\[\#BF8B2E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(191 139 46 / var(--tw-bg-opacity, 1));
}

.bg-\[\#DD1367\] {
    --tw-bg-opacity: 1;
    background-color: rgb(221 19 103 / var(--tw-bg-opacity, 1));
}

.bg-\[\#DDA63A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(221 166 58 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F0F3F7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 243 247 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FCC30B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(252 195 11 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FD6925\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 105 37 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FD9D24\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 157 36 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FF3A21\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 58 33 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FF4C5D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 76 93 / var(--tw-bg-opacity, 1));
}

.bg-blue-br {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
}

.bg-br-gray {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
}

.bg-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
}

.bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
}

.bg-transparent {
    background-color: transparent;
}

.bg-vivid-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 85 140 / var(--tw-bg-opacity, 1));
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/10 {
    background-color: rgb(255 255 255 / 0.1);
}

.object-right {
    -o-object-position: right;
    object-position: right;
}

.p-0 {
    padding: 0px;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.pb-6 {
    padding-bottom: 1.5rem;
}

.pl-8 {
    padding-left: 2rem;
}

.pr-3 {
    padding-right: 0.75rem;
}

.pt-4 {
    padding-top: 1rem;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.font-freightsansbold {
    font-family: freightsansbold, sans-serif;
}

.text-7xl {
    font-size: 4.5rem;
    line-height: 1;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.font-bold {
    font-weight: 700;
}

.font-light {
    font-weight: 300;
}

.leading-relaxed {
    line-height: 1.625;
}

.tracking-tight {
    letter-spacing: -0.025em;
}

.text-\[\#12284C\] {
    --tw-text-opacity: 1;
    color: rgb(18 40 76 / var(--tw-text-opacity, 1));
}

.text-\[\#63666A\] {
    --tw-text-opacity: 1;
    color: rgb(99 102 106 / var(--tw-text-opacity, 1));
}

.text-\[orange\] {
    --tw-text-opacity: 1;
    color: rgb(255 165 0 / var(--tw-text-opacity, 1));
}

.text-blue-br {
    --tw-text-opacity: 1;
    color: rgb(0 174 240 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-orange {
    --tw-text-opacity: 1;
    color: rgb(255 153 0 / var(--tw-text-opacity, 1));
}

.text-vivid-blue {
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.underline {
    text-decoration-line: underline;
}

.opacity-0 {
    opacity: 0;
}

.drop-shadow-\[0_2px_20px_rgba\(16\2c 46\2c 90\2c 0\.1\)\] {
    --tw-drop-shadow: drop-shadow(0 2px 20px rgba(16,46,90,0.1));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.duration-300 {
    transition-duration: 300ms;
}

.duration-500 {
    transition-duration: 500ms;
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@font-face {
    font-family: 'freightsansblack';
    src: url('../fonts/freightsans-black-webfont.woff2') format('woff2'), url('../fonts/freightsans-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'freightsansbook';
    src: url('../fonts/freightsans-book-webfont.woff2') format('woff2'), url('../fonts/freightsans-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'freightsansmedium';
    src: url('../fonts/freightsans-medium-webfont.woff2') format('woff2'), url('../fonts/freightsans-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'freightsansbold';
    src: url('../fonts/freightsans-bold-webfont.woff2') format('woff2'), url('../fonts/freightsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'freightsanslight';
    src: url('../fonts/freightsans-light-webfont.woff2') format('woff2'), url('../fonts/freightsans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* body */

body {
    font-family: "freightsansmedium";
}

.open-sans {
    font-family: "Open Sans", serif;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

/* generic-title */

.generic-title {
    font-size: 40px;
    margin-bottom: 4rem;
    text-align: center;
    font-family: freightsansbook, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(0 174 240 / var(--tw-text-opacity, 1))
}

@media (min-width: 1024px) {
    .generic-title {
        font-size: 64px;
    }
}

@media (min-width: 1280px) {
    .generic-title {
        margin-bottom: 4rem;
        font-size: 80px;
    }
}

.generic-title {
    line-height: normal
}

.generic-subtitle {
    margin-bottom: 0.75rem;
    font-family: freightsansbold, sans-serif;
    font-size: 1.875rem;
    line-height: 2.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 153 0 / var(--tw-text-opacity, 1));
}

.generic-subtitle--darkblue {
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

.generic-subtitle--lightblue {
    --tw-text-opacity: 1;
    color: rgb(0 174 240 / var(--tw-text-opacity, 1));
}

.form-block {
    position: relative;
}

    .form-block .icon {
        position: absolute;
        top: 0.75rem;
        left: 1rem;
    }

.generic-title--no-margin {
    margin-bottom: 1.5rem;
}

.generic-title span, .generic-title strong {
    font-family: freightsansbold, sans-serif;
}

/* navigation */

.navigation {
    position: fixed;
    z-index: 1000;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
}

.navigation__box {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}

.navigation__logo {
    padding: 1rem;
}

@media (min-width: 1280px) {
    .navigation__logo {
        padding: 4rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}

.navigation__logo-image {
    height: 32px;
    width: 200px;
}

@media (min-width: 1280px) {
    .navigation__logo-image {
        order: -9999;
        grid-column: span 3 / span 3;
        height: 52px;
        width: 400px;
    }
}

.navigation__actions {
}

.navigation__icon {
    display: inline-flex;
    height: 100%;
    width: 3.5rem;
    align-items: center;
    justify-content: center;
}

    .navigation__icon.navigation__icon--right {
        justify-content: flex-end;
        padding: 0px;
        padding-right: 1rem;
    }

.navigation__icon--orange {
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
}

    .navigation__icon--orange:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(214 132 21 / var(--tw-bg-opacity, 1));
    }

@media (min-width: 1280px) {
    .navigation__icon--orange {
        width: 100px;
    }
}

.navigation__accordion {
    border-bottom-width: 1px;
    border-color: rgb(0 85 140 / 0.1);
    font-family: freightsansbook, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

    .navigation__accordion:last-of-type {
        border-width: 0px;
    }

.navigation__block {
    padding: 1rem;
    padding-top: 0px;
}

.navigation__desktop {
    width: 100%;
    gap: 54px;
    padding-left: 52px;
    padding-right: 52px;
}

.navigation__list {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    gap: 54px;
}

    .navigation__list li {
        display: flex;
        height: 100%;
        cursor: pointer;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        text-align: center;
        font-family: freightsansbook, sans-serif;
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(0 85 140 / var(--tw-text-opacity, 1));
    }

        .navigation__list li:hover {
            background-color: rgb(0 174 240 / 0.1);
        }

@media (min-width: 1280px) {
    .navigation__list li {
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
        line-height: 12px;
    }
}

/* .navigation__list li {
    @apply leading-5;
} */

.navigation__list li.active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

    .navigation__list li.active span {
        --tw-bg-opacity: 1;
        background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }

.navigation__list li span {
    text-align: center;
    font-family: freightsansbold, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .navigation__list li span {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.navigation__link {
    margin-bottom: 1rem;
    display: block;
}

    .navigation__link:last-of-type {
        margin-bottom: 0px;
    }

.navigation__accordion-content {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: height 0.3s ease, opacity 0.3s ease;
}

    .navigation__accordion-content.active {
        height: auto;
        /* Cambia a su altura natural */
        opacity: 1;
    }

.navigation__accordion h3 {
    letter-spacing: 0.8px;
}

.navigation__accordion span {
    font-family: freightsansbold, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.mega-menu {
    position: fixed;
    right: 0px;
    left: 0px;
    top: 4rem;
    --tw-bg-opacity: 1;
    background-color: rgb(240 243 247 / var(--tw-bg-opacity, 1));
}

@media (min-width: 1280px) {
    .mega-menu {
        top: 100px;
    }
}

.mega-menu ul {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
}

@media (min-width: 1280px) {
    .mega-menu ul {
        justify-content: center;
    }
}

.mega-menu ul li {
    height: 100%;
    padding: 0.75rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.64px;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

    .mega-menu ul li:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    }

/* slide */

/* #slideBanner .splide__slide{
    @apply bg-vivid-blue;
} */

.splide__pagination {
    top: 24px;
    justify-content: flex-start;
    padding: 0 32px;
}

@media (min-width: 1024px) {
    .splide__pagination {
        top: auto;
    }
}

@media (min-width: 1280px) {
    .splide__pagination {
        top: 65%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {
    .splide__pagination {
        max-width: 1536px;
    }
}

@media (min-width: 1024px) {
    .splide__pagination {
        top: auto;
    }
}

@media (min-width: 1280px) {
    .splide__pagination {
        top: 65%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {
    .splide__pagination {
        max-width: 1536px;
    }
}

.splide__pagination__page {
    background-color: white;
    opacity: 1;
    width: 6px;
    height: 6px;
    margin: 4px;
}

    .splide__pagination__page.is-active {
        transform: none;
        background-color: #FF9E1B;
    }

.slide-box {
    --tw-bg-opacity: 1;
    background-color: rgb(0 85 140 / var(--tw-bg-opacity, 1));
    padding-bottom: 2rem;
}

@media (min-width: 1280px) {
    .slide-box {
        display: flex;
        height: 816px;
        align-items: center;
    }
}

.slide-box__text {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-bottom: 0px;
}

@media (min-width: 1024px) {
    .slide-box__text {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.slide-box__text {
    position: relative;
    z-index: 1;
}

    .slide-box__text h2 {
        font-family: freightsansbold, sans-serif;
        font-size: 49px;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }

@media (min-width: 1280px) {
    .slide-box__text h2 {
        font-size: 69px;
    }
}

.slide-box__text h3 {
    margin-bottom: 0.25rem;
    font-family: freightsansbook, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .slide-box__text h3 {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.slide-box__text h4 {
    margin-bottom: 0.25rem;
    font-family: freightsansbold, sans-serif;
    font-size: 52px;
    --tw-text-opacity: 1;
    color: rgb(255 153 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .slide-box__text h4 {
        font-size: 64px;
    }
}

.slide-box__text h4 {
    line-height: 48px;
}

.slide-box__button {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    --tw-bg-opacity: 1;
    background-color: rgb(0 153 255 / var(--tw-bg-opacity, 1));
    padding: 10px;
    font-family: freightsansbold, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .slide-box__button {
        padding: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.slide-box__button {
    border-radius: 10px;
}

.slide__image {
    height: 440px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    -o-object-position: 80%;
    object-position: 80%;
}

@media (min-width: 1024px) {
    .slide__image {
        position: absolute;
        top: auto;
        bottom: 0px;
        right: 0px;
    }
}

@media (min-width: 1280px) {
    .slide__image {
        height: auto;
    }
}

/* impact */

.impact {
    position: relative;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 1280px) {
    .impact {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.impact--sub {
    padding-top: 4rem;
    padding-bottom: 2rem;
}

@media (min-width: 1280px) {
    .impact--sub {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.impact--gray {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
}

.impact__bg {
    position: absolute;
    bottom: calc(100% - 197px);
    z-index: -1;
    right: 0;
}

@media (min-width: 1280px) {
    .impact__bg {
        right: 0px;
        bottom: auto;
        top: -165px;
        height: 110%;
    }
}

.impact__bg--alt {
    position: absolute;
    bottom: calc(100% - 197px);
    right: 0;
    z-index: -10;
    width: 270px;
}

@media (min-width: 1280px) {
    .impact__bg--alt {
        right: 0px;
        bottom: auto;
        top: -110px;
        z-index: 1;
        height: 430px;
        width: auto;
    }
}

.impact__bg--etica {
    height: 40%;
}

.impact__text {
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(66 66 66 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .impact__text {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.impact__text p {
    margin-bottom: 12px;
}

.impact__text span {
    font-family: freightsansbold, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

    .impact__text span.impact-blue {
        --tw-text-opacity: 1;
        color: rgb(255 153 0 / var(--tw-text-opacity, 1));
    }

.impact__text strong {
    font-family: freightsansbold, sans-serif;
}

.impact__button {
    margin-top: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    padding: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-family: freightsansbold, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .impact__button {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        padding-left: 2.25rem;
        padding-right: 2.25rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.impact__button {
    border-radius: 10px;
}

@media (min-width: 1280px) {
    .impact__button img {
        width: 1.5rem;
    }
}

.impact__button span {
    flex: 1 1 0%;
}

/* people */

.people {
    position: relative;
    aspect-ratio: 1 / 1;
}

@media (min-width: 768px) {
    .people {
        aspect-ratio: 2/1;
    }
}

.people__bg {
    position: absolute;
    top: 0px;
    z-index: -1;
    aspect-ratio: 1 / 1;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 768px) {
    .people__bg {
        aspect-ratio: 2/1;
    }
}

@media (min-width: 1280px) {
    .people__bg {
        height: 100%;
    }
}

.people__text-box {
    max-width: 236px;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@media (min-width: 1280px) {
    .people__text-box {
        max-width: none;
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

/* .people__text-box{
    @apply max-w-[234px]
} */

.people__text-box h2 {
    margin-bottom: 0.25rem;
    font-family: freightsansbook, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .people__text-box h2 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media (min-width: 1280px) {
    .people__text-box h2 {
        font-size: 3rem;
        line-height: 1;
    }
}

.people__text-box h2 {
    /* line-height: 21px; */
}

.people__names p {
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .people__names p {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media (min-width: 1280px) {
    .people__names p {
        font-size: 3rem;
        line-height: 1;
    }
}

.people__description {
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .people__description {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 1280px) {
    .people__description {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

/* kpi */

.kpi {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
    padding-bottom: 18rem;
}

@media (min-width: 768px) {
    .kpi {
        aspect-ratio: 2/1;
    }
}

@media (min-width: 1280px) {
    .kpi {
        padding-bottom: 0px;
    }
}

.kpi__info {
    border-bottom-width: 2px;
    border-color: rgb(255 255 255 / 0.4);
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    text-align: center;
}

    .kpi__info:last-of-type {
        border-style: none;
    }

@media (min-width: 768px) {
    .kpi__info {
        border-right-width: 2px;
        border-bottom-width: 0px;
    }
}

@media (min-width: 1024px) {
    .kpi__info {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}

.kpi__info {
    line-height: 68px;
}

.kpi__box {
    position: relative;
    z-index: 10;
    --tw-translate-y: -60px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (min-width: 768px) {
    .kpi__box {
        display: grid;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

@media (min-width: 1024px) {
    .kpi__box {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media (min-width: 1280px) {
    .kpi__box {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}

.kpi__info img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    height: 10rem;
}

.kpi__info h2 {
    font-size: 40px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .kpi__info h2 {
        font-size: 3.75rem;
        line-height: 1;
    }
}

.kpi__info p {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .kpi__info p {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.kpi__box {
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

@media (min-width: 1280px) {
    .kpi__box {
        border-radius: 64px;
    }
}

.kpi__text {
    position: relative;
    z-index: 10;
    margin-top: -4rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 1280px) {
    .kpi__text {
        width: 50%;
    }
}

.kpi__text h3 {
    font-family: freightsansmedium, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .kpi__text h3 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media (min-width: 1280px) {
    .kpi__text h3 {
        font-size: 3rem;
        line-height: 1;
    }
}

.kpi__text h2 {
    font-family: freightsansbold, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .kpi__text h2 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media (min-width: 1280px) {
    .kpi__text h2 {
        font-size: 3rem;
        line-height: 1;
    }
}

.kpi__text p {
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .kpi__text p {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 1280px) {
    .kpi__text p {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.kpi__text p {
    line-height: 24px;
}

.kpi__text h5 {
    font-family: freightsansmedium, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .kpi__text h5 {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 1280px) {
    .kpi__text h5 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.kpi__text h5 {
    line-height: 24px;
}

.kpi__text h1 {
    font-family: freightsansbold, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .kpi__text h1 {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 1280px) {
    .kpi__text h1 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.kpi__text h1 {
    line-height: 24px;
}

.kpi__bg {
    position: absolute;
    bottom: 0px;
    z-index: 0;
    aspect-ratio: 1 / 1;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 768px) {
    .kpi__bg {
        aspect-ratio: 2/1;
    }
}

@media (min-width: 1280px) {
    .kpi__bg {
        height: 100%;
    }
}

.perspective {
    perspective: 1000px;
}

/* Contenedor girable */

.flip-card {
    position: relative;
    height: 100%;
    width: 100%;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    transform-style: preserve-3d;
}

/* Efecto al hacer hover */

.perspective:hover .flip-card {
    transform: rotateY(180deg);
}

/* Caras */

.card-front, .card-back {
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    backface-visibility: hidden;
}

/* Frontal */

.card-front {
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
}

/* Trasera */

.card-back {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* .slant-section{
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);
  	-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);
  	margin-bottom: -10vw;
} */

.prestarias {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}

@media (min-width: 1024px) {
    .prestarias {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}

@media (min-width: 1280px) {
    .prestarias {
        padding-top: 132px;
        padding-bottom: 132px;
    }
}

.prestarias {
    background-color: #F0F3F7;
}

.prestarias__slide img {
    width: 110px;
    height: 78px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto;
}

.prestarias__slide .splide__arrow--prev {
    left: -0.5em;
}

.prestarias__slide .splide__arrow {
    background-color: transparent;
}

    .prestarias__slide .splide__arrow img {
        width: 24px;
    }

.prestarias__slide .splide__arrow--next {
    right: -0.5em;
}

/* prensa */

.prensa {
    padding-top: 2.25rem;
}

@media (min-width: 1024px) {
    .prensa {
        padding-top: 2.5rem;
    }
}

@media (min-width: 1280px) {
    .prensa {
        padding-top: 132px;
    }
}

.prensa__box {
    position: relative;
}

.prensa__img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

    .prensa__img:hover {
        --tw-grayscale: grayscale(0);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }

@media (min-width: 1024px) {
    .prensa__img {
        aspect-ratio: 1 / 1;
    }
}

.prensa__galery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (min-width: 1024px) {
    .prensa__galery {
        display: grid;
    }
}

.prensa__info {
    position: absolute;
    bottom: 0px;
    z-index: 10;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    padding: 1rem;
}

@media (min-width: 1280px) {
    .prensa__info {
        padding: 2.5rem;
    }
}

.prensa__box .prensa__info:hover {
    display: block;
}

.prensa__info h2 {
    font-family: freightsansmedium, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .prensa__info h2 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media (min-width: 1280px) {
    .prensa__info h2 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.prensa__info p {
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .prensa__info p {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 1280px) {
    .prensa__info p {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

/* aliados */

.aliados {
    --tw-bg-opacity: 1;
    background-color: rgb(240 243 247 / var(--tw-bg-opacity, 1));
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}

@media (min-width: 1024px) {
    .aliados {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}

@media (min-width: 1280px) {
    .aliados {
        padding-top: 132px;
        padding-bottom: 132px;
    }
}

.aliados__lista {
    display: flex;
    flex-wrap: wrap;
    place-items: center;
    justify-content: center;
    gap: 2.5rem;
}

@media (min-width: 1280px) {
    .aliados__lista {
        margin-left: auto;
        margin-right: auto;
        max-width: 1032px;
    }
}

.aliados__lista img {
    height: 88px;
    width: 142px;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (min-width: 1280px) {
    .aliados__lista img {
        height: 100%;
        width: 228px;
    }
}

/* miembros */

.miembros {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}

@media (min-width: 1024px) {
    .miembros {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}

@media (min-width: 1280px) {
    .miembros {
        padding-top: 132px;
        padding-bottom: 132px;
    }
}

/* footer */

.footer {
    --tw-bg-opacity: 1;
    background-color: rgb(0 85 140 / var(--tw-bg-opacity, 1));
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 1280px) {
    .footer {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

.footer .container {
    max-width: 1340px;
}

.footer__list {
    margin-top: 2.25rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

@media (min-width: 1280px) {
    .footer__list {
        order: 3;
        margin-top: 0px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.footer__list li {
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .footer__layout {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2rem;
    }

    .footer__box {
        order: 1;
        grid-column: span 3 / span 3;
    }
}

.footer__contact {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
}

@media (min-width: 1280px) {
    .footer__contact {
        order: 2;
        margin-top: 0px;
        max-width: 280px;
    }
}

.footer__contact p {
    margin-bottom: 1.25rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.56px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.footer__contact a {
    margin-bottom: 1.25rem;
    display: flex;
    gap: 0.75rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.56px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

    .footer__contact a:last-of-type {
        margin-bottom: 0px;
    }

@media (min-width: 1280px) {
    .footer__search {
        order: 9999;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

.footer__search input {
    height: 48px;
    width: 100%;
    border-radius: 1.5rem;
    border-width: 1px;
    border-color: rgb(255 255 255 / 0.5);
    background-color: transparent;
    padding-left: 3.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

    .footer__search input::-moz-placeholder {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }

    .footer__search input::placeholder {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }

    .footer__search input:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
    }

@media (min-width: 1024px) {
    .footer__search input {
        width: 224px;
    }
}

.footer__social {
    margin-top: 1.5rem;
    display: flex;
    gap: 26px;
}

    .footer__social img {
        height: 1.5rem;
        width: 1.5rem;
        -o-object-fit: contain;
        object-fit: contain;
    }

.footer__etics {
    margin-bottom: 1rem;
    font-family: freightsansmedium, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* disclaimer */

.disclaimer {
    --tw-bg-opacity: 1;
    background-color: rgb(0 71 118 / var(--tw-bg-opacity, 1));
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    font-family: freightsansmedium, sans-serif;
    font-size: 0.75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .disclaimer {
        text-align: left;
    }
}

.disclaimer p {
    margin-bottom: 0.25rem;
    letter-spacing: 0.48px;
}

@media (min-width: 1280px) {
    .disclaimer p {
        flex-basis: 50%;
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.disclaimer__link {
    margin-bottom: 0.25rem;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    letter-spacing: 0.48px;
}

@media (min-width: 1280px) {
    .disclaimer__link {
        display: flex;
        align-content: flex-end;
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

/* chat */

.chat {
    position: fixed;
    left: -16px;
    bottom: 50px;
    z-index: 100;
    --tw-scale-x: 0.6;
    --tw-scale-y: 0.6;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px) {
    .chat {
        left: 0px;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.chat__item {
    margin-bottom: 0.75rem;
    display: flex;
    height: 48px;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 85 140 / var(--tw-bg-opacity, 1));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    --tw-drop-shadow: drop-shadow(1px 1px 8px rgba(7,19,38,0.32));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

    .chat__item:last-of-type {
        margin-bottom: 0px;
    }

    .chat__item img {
        width: 1.5rem;
    }

.chat__item--language {
    font-family: freightsansbold, sans-serif;
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

    .chat__item--language img {
        width: 1rem;
    }

.chat__item--bubble {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
}

/* apps */

.apps {
    position: fixed;
    right: -25px;
    bottom: 50px;
    z-index: 100;
    --tw-scale-x: 0.6;
    --tw-scale-y: 0.6;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px) {
    .apps {
        right: 0px;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.apps__item {
    margin-bottom: 0.75rem;
    height: 48px;
    width: 110%;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 85 140 / var(--tw-bg-opacity, 1));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-family: freightsansbold, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    --tw-drop-shadow: drop-shadow(1px 1px 8px rgba(7,19,38,0.32));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 100ms;
}

    .apps__item:last-of-type {
        margin-bottom: 0px;
    }

    .apps__item:hover {
        --tw-translate-x: -0.75rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

.apps__item--app {
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
}

.apps__item--pro {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

.apps__item--nantik {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
}

/* banner */

.banner__img {
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 768px) {
    .banner__img {
        aspect-ratio: auto;
        width: 100%;
    }
}

.banner__video {
    aspect-ratio: 39/22;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 768px) {
    .banner__video {
        aspect-ratio: 16 / 9;
    }
}

.banner__title {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

@media (min-width: 1024px) {
    .banner__title {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem;
    }
}

.banner__title--gray {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(237 237 237 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .banner__title--gray {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem;
    }
}

.banner__title--dark-blue {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(0 85 140 / var(--tw-bg-opacity, 1));
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

@media (min-width: 1024px) {
    .banner__title--dark-blue {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem;
    }
}

.banner__title--light-blue {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

@media (min-width: 1024px) {
    .banner__title--light-blue {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem;
    }
}

.banner__title::after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
    height: 100%;
    width: 50%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

@media (min-width: 1280px) {
    .banner__title::after {
        display: block;
    }
}

.banner__title--blue::after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
    height: 100%;
    width: 50%;
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
}

@media (min-width: 1280px) {
    .banner__title--blue::after {
        display: block;
    }
}

.banner__title.banner__title--full::after {
    display: none;
}

.banner__title h3 span {
    font-family: freightsansbold, sans-serif;
}

.banner__title h3 {
    font-family: freightsansbook, sans-serif;
    font-size: 1.25rem;
    line-height: 2.5rem;
    letter-spacing: 0.8px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .banner__title h3 {
        padding-right: 2rem;
        font-size: 32px;
    }
}

@media (min-width: 1280px) {
    .banner__title h3 {
        font-family: freightsansbold, sans-serif;
        font-size: 52px;
    }
}

.banner__title--gray h3 {
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

/* proposito */

.proposito {
    --tw-bg-opacity: 1;
    background-color: rgb(0 85 140 / var(--tw-bg-opacity, 1));
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    font-family: freightsansbold, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .proposito {
        padding-top: 100px;
        padding-bottom: 100px;
        font-size: 3rem;
        line-height: 1;
    }
}

.proposito__text {
    margin-left: auto;
    margin-right: auto;
    max-width: 938px;
}

.proposito span {
    --tw-text-opacity: 1;
    color: rgb(255 153 0 / var(--tw-text-opacity, 1));
}

/* mision */

.mision {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
    padding-top: 4rem;
    padding-bottom: 4rem;
}

@media (min-width: 1280px) {
    .mision {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

.mision__item {
    text-align: center;
}

@media (min-width: 1024px) {
    .mision__item {
        text-align: left;
    }
}

.mision__item img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
}

@media (min-width: 1024px) {
    .mision__item img {
        margin: 0px;
        margin-bottom: 2.75rem;
        aspect-ratio: 1 / 1;
        width: 11rem;
    }
}

.mision__item h2 {
    margin-bottom: 0.5rem;
    font-family: freightsansbook, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .mision__item h2 {
        font-size: 3rem;
        line-height: 1;
    }
}

.mision__item h2 span {
    font-family: freightsansbold, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.mision__item p {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .mision__item p {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 1280px) {
    .mision__item p {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

/* separator */

.separator {
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
}

@media (min-width: 1280px) {
    .separator {
        padding-top: 6rem;
        padding-bottom: 6rem;
        text-align: left;
    }
}

.separator__title {
    font-family: freightsansbook, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 174 240 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .separator__title {
        font-size: 3rem;
        line-height: 1;
    }
}

.separator__title span {
    font-family: freightsansbold, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(0 174 240 / var(--tw-text-opacity, 1));
}

/* valores */

.valores__global {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.valores__image {
    order: 9999;
    grid-column: span 12 / span 12;
}

@media (min-width: 1024px) {
    .valores__image {
        order: 0;
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
    }
}

@media (min-width: 1280px) {
    .valores__image {
        grid-column: span 5 / span 5;
    }
}

.valores__image img {
    -o-object-fit: cover;
    object-fit: cover;
}

.valores__grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

@media (min-width: 1280px) {
    .valores__grid {
        min-height: 500px;
    }
}

.valores__text h3 {
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 174 240 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .valores__text h3 {
        margin-bottom: 1.5rem;
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.valores__text p {
    font-family: freightsansmedium, sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .valores__text p {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.valores__image-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .valores__image-box img {
        height: 52px;
    }

@media (min-width: 1280px) {
    .valores__image-box img {
        height: 150px;
    }
}

.valores__text--whitebg h3 {
    --tw-text-opacity: 1;
    color: rgb(0 174 240 / var(--tw-text-opacity, 1));
}

.valores__text--darblurbg h3 {
    --tw-text-opacity: 1;
    color: rgb(255 153 0 / var(--tw-text-opacity, 1));
}

.valores__text--darblurbg p {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.valores__text--bluebr h3 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* .valores__image{
    @apply lg:col-span-5 lg:row-span-2
} */

.valores__image img {
    height: 100%;
}

.valores__grid.valores__grid--subgrid {
    grid-column: span 12 / span 12;
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

@media (min-width: 1024px) {
    .valores__grid.valores__grid--subgrid {
        grid-column: span 10 / span 10;
    }
}

@media (min-width: 1280px) {
    .valores__grid.valores__grid--subgrid {
        grid-column: span 7 / span 7;
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}

/* ods */

.ods__accordion {
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .ods__accordion {
        display: flex;
    }
}

.ods {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 1280px) {
    .ods {
        padding-top: 100px;
        padding-bottom: 100px;
        font-size: 3rem;
        line-height: 1;
    }
}

.ods__generic-title {
    text-align: center;
    font-family: freightsansbook, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 174 240 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .ods__generic-title {
        font-size: 64px;
    }
}

.ods__generic-title {
    line-height: normal
}

.ods__image-box {
    position: relative;
}

    .ods__image-box img {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
    }

@media (min-width: 768px) {
    .ods__image-box img {
        width: 500px;
    }
}

@media (min-width: 1280px) {
    .ods__image-box img {
        width: 850px;
    }
}

.ods__generic-title {
    position: absolute;
    top: 50%;
    left: 50%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

    .ods__generic-title span {
        font-family: freightsansbold, sans-serif;
    }

@media (min-width: 1280px) {
    .ods__generic-title span {
        display: block;
    }
}

.ods__instruction {
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    text-align: center;
    font-family: freightsansmedium, sans-serif;
    font-size: 0.75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .ods__instruction {
        margin-top: 4rem;
        margin-bottom: 2.5rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.ods__instruction span {
    font-family: freightsansbold, sans-serif;
}

.ods__item {
    width: 100%;
}

.ods__button {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

@media (min-width: 1280px) {
    .ods__button {
        min-height: 104px;
        align-items: center;
        gap: 1.5rem;
    }
}

/* .ods__button--hambre{
    @apply bg-[#E3AE5A]
}
.ods__button--igualdad{
    @apply bg-[#FF695B]
} */

.ods__number {
    height: 1.5rem;
    width: 1.5rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .ods__number {
        display: flex;
        height: 4rem;
        width: 4rem;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.ods__icon {
    flex-shrink: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 100ms;
}

@media (min-width: 1280px) {
    .ods__icon {
        height: 2.5rem;
        width: 2.5rem;
    }
}

.ods__question {
    border-width: 1px;
    padding: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

@media (min-width: 1280px) {
    .ods__question {
        padding: 4rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

/* .ods__question--hambre{
    @apply border-[#E3AE5A]
}

.ods__question--igualdad{
    @apply border-[#FF695B]
} */

.ods__text {
    flex: 1 1 0%;
    gap: 0.5rem;
    border-left-width: 1px;
    padding-left: 0.5rem;
    text-align: left;
    font-family: freightsansbold, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .ods__text {
        padding-left: 1.5rem;
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.submenu div {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.rotate-90 {
    transform: rotate(90deg);
}

/* equipo */

.equipo {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 1280px) {
    .equipo {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.equipo__image {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1024px) {
    .equipo__image {
        width: 75%;
    }
}

@media (min-width: 1280px) {
    .equipo__image {
        width: 80%;
    }
}

.equipo__departamento {
    margin-bottom: 1.5rem;
}

    .equipo__departamento:last-of-type {
        margin-bottom: 0px;
    }

@media (min-width: 1280px) {
    .equipo__departamento {
        margin-bottom: 3rem;
    }
}

.equipo__departamento h2 {
    margin-bottom: 0.5rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 174 240 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .equipo__departamento h2 {
        margin-bottom: 1.75rem;
        font-size: 3rem;
        line-height: 1;
    }
}

.equipo__departamento h2 span {
    font-family: freightsansbold, sans-serif;
}

.equipo__departamento h3 {
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
}

@media (min-width: 1280px) {
    .equipo__departamento h3 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.equipo__departamento h4 {
    font-family: freightsansbold, sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .equipo__departamento h4 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.equipo__posicion {
    margin-bottom: 0.5rem;
}

    .equipo__posicion:last-of-type {
        margin-bottom: 0px;
    }

@media (min-width: 1280px) {
    .equipo__posicion {
        margin-bottom: 1.75rem;
    }
}

/* mensaje */

.mensaje {
    position: relative;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    padding-top: 4rem;
    padding-bottom: 4rem;
}

@media (min-width: 1280px) {
    .mensaje {
        padding-top: 15rem;
        padding-bottom: 15rem;
    }
}

.mensaje__box {
    text-align: center;
}

    .mensaje__box p {
        font-family: freightsansbold, sans-serif;
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0.8pt;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }

@media (min-width: 1280px) {
    .mensaje__box p {
        font-size: 3rem;
        line-height: 1;
    }
}

.mensaje__author h4 {
    margin-top: 1.5rem;
    text-align: center;
    font-family: freightsansbold, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.8pt;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .mensaje__author h4 {
        margin-top: 3rem;
        text-align: right;
        font-size: 3rem;
        line-height: 1;
    }
}

.mensaje__author h3 {
    text-align: center;
    font-family: freightsansbook, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.8pt;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .mensaje__author h3 {
        text-align: right;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.decal-right {
    position: absolute;
    right: -50%;
    top: -20%;
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1280px) {
    .decal-right {
        right: -20%;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.decal-left {
    position: absolute;
    left: 0px;
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1280px) {
    .decal-left {
        bottom: -30%;
        left: -10%;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.aplicaciones__box {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    padding: 2.75rem;
}

@media (min-width: 1280px) {
    .aplicaciones__box {
        width: 35%;
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

        .aplicaciones__box:nth-child(2) {
            width: 30%;
        }
}

.aplicaciones__box--gray {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
}

.aplicaciones__box--lightblue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
}

.aplicaciones__image-box {
    margin-bottom: 3rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.aplicaciones__box h4 {
    margin-bottom: 2.5rem;
    flex-basis: 100%;
    text-align: center;
    font-family: freightsansbold, sans-serif;
    font-size: 1.875rem;
    line-height: 2.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

    .aplicaciones__box h4 span {
        font-family: freightsansmedium, sans-serif;
    }

.aplicaciones__box img {
    height: 150px;
    width: 150px;
}

.aplicaciones__box a {
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 85 140 / var(--tw-bg-opacity, 1));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 3rem;
    padding-right: 3rem;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

    .aplicaciones__box a:hover {
        opacity: 0.8;
    }

@media (min-width: 1280px) {
    .aplicaciones__box a {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

/* noticias */

.slide-noticias .splide__slide {
    position: relative;
}

.slide-noticias img {
    z-index: 10;
    aspect-ratio: 1.6;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 1024px) {
    .slide-noticias img {
        aspect-ratio: 2/1;
    }
}

@media (min-width: 1280px) {
    .slide-noticias img {
        aspect-ratio: 2.38;
    }
}

.slide-noticias__caption {
    position: relative;
    z-index: 20;
    margin-left: auto;
    margin-right: auto;
    --tw-translate-y: -1.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .slide-noticias__caption {
        position: absolute;
        bottom: 0px;
        z-index: 10;
        width: 50%;
        transform: none;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
}

@media (min-width: 1280px) {
    .slide-noticias__caption {
        left: 2rem;
        width: calc(50% - 96px);
        padding: 2.5rem;
    }
}

.slide-noticias__caption h4 {
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 174 240 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .slide-noticias__caption h4 {
        margin-bottom: 1rem;
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.slide-noticias__caption h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-family: freightsansbold, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .slide-noticias__caption h3 {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.slide-noticias__caption h3 span {
    font-family: freightsansmedium, sans-serif;
}

.slide-noticias__link {
    margin-top: 1.5rem;
    display: block;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    font-family: freightsansbold, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

    .slide-noticias__link:hover {
        opacity: 0.8;
    }

@media (min-width: 1280px) {
    .slide-noticias__link {
        display: inline-block;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 4rem;
        padding-right: 4rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.slide-noticias .splide__pagination {
    left: auto;
    right: auto;
    bottom: 70%;
    top: 45%;
    width: 100%;
    justify-content: center;
}

@media (min-width: 768px) {
    .slide-noticias .splide__pagination {
        top: 65%;
    }
}

@media (min-width: 1280px) {
    .slide-noticias .splide__pagination {
        left: 50%;
        top: auto;
        bottom: 3rem;
        max-width: 1536px;
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        justify-content: flex-end;
    }
}

.slide-noticias .splide__pagination button {
    height: 10px;
    width: 10px;
}

@media (min-width: 1280px) {
    .slide-noticias .splide__pagination button {
        margin: 14px;
        height: 14px;
        width: 14px;
    }
}

/* noticias */

.noticias {
    padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .noticias {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}

@media (min-width: 1280px) {
    .noticias {
        padding-top: 4rem;
        padding-bottom: 6rem;
    }
}

.noticias__title {
    margin-bottom: 1.5rem;
    font-family: freightsansbold, sans-serif;
    font-size: 1.875rem;
    line-height: 2.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 174 240 / var(--tw-text-opacity, 1));
}

.noticias__item img {
    margin-bottom: 0.75rem;
    aspect-ratio: 1.7158;
    border-radius: 0.75rem;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 1280px) {
    .noticias__item img {
        margin-bottom: 2rem;
        border-radius: 1.5rem;
    }
}

.noticias__item h3 {
    font-family: freightsansbold, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .noticias__item h3 {
        margin-bottom: 2rem;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.noticias__item a {
    margin-top: 0.75rem;
    display: block;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    font-family: freightsansbold, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

    .noticias__item a:hover {
        opacity: 0.8;
    }

@media (min-width: 1280px) {
    .noticias__item a {
        display: inline-block;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 4rem;
        padding-right: 4rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.noticias__load {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
    padding-top: 22px;
    padding-bottom: 22px;
    text-align: center;
    font-family: freightsansbold, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 153 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .noticias__load {
        padding-top: 5rem;
        padding-bottom: 5rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

/* app-list */

.app-list {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
    background-image: url('../images/app-educativa/decal-app.svg');
    background-size: auto;
    background-repeat: no-repeat;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    text-align: center;
}

@media (min-width: 1280px) {
    .app-list {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }
}

.app-list__text {
    font-family: freightsansmedium, sans-serif;
}

    .app-list__text p {
        margin-bottom: 0.75rem;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .app-list__text ol {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .app-list__text li {
        margin-bottom: 0.75rem;
    }

    .app-list__text strong {
        font-family: freightsansbold, sans-serif;
    }

    .app-list__text h3 {
        text-align: center;
        font-family: freightsansbold, sans-serif;
        font-size: 1.5rem;
        line-height: 2rem;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }

@media (min-width: 1280px) {
    .app-list__text h3 {
        font-size: 3rem;
        line-height: 1;
    }
}

.app-list .btn-orange {
    margin-top: 1.5rem;
    display: block;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    font-family: freightsansbold, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

    .app-list .btn-orange:hover {
        opacity: 0.8;
    }

@media (min-width: 1280px) {
    .app-list .btn-orange {
        display: inline-block;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 4rem;
        padding-right: 4rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

/* .list-step{
    @apply
} */

.document__block {
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@media (min-width: 1280px) {
    .document__block {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

.document__block--white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.document__block--gray {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
}

.document__block--light-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
}

.document__block--dark-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 85 140 / var(--tw-bg-opacity, 1));
}

.document__image-box {
    position: relative;
}

    .document__image-box img {
        margin-left: auto;
        margin-right: auto;
        aspect-ratio: 1 / 1;
        width: 100%;
    }

@media (min-width: 768px) {
    .document__image-box img {
        width: 326px;
    }
}

@media (min-width: 1280px) {
    .document__image-box img {
        width: 20rem;
    }
}

.document__image-box .--fix {
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 1280px) {
    .document__image-box .--fix {
        width: 500px;
    }
}

.document__image-box .star-top {
    position: absolute;
    left: -1rem;
    top: 0px;
    width: auto;
}

@media (min-width: 1280px) {
    .document__image-box .star-top {
        width: 100px;
    }
}

.document__image-box .star-bottom {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: auto;
}

@media (min-width: 1280px) {
    .document__image-box .star-bottom {
        width: 100px;
    }
}

.document__text {
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .document__text {
        margin-top: 0px;
        text-align: left;
    }
}

.document__text--dark-blue {
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

.document__text h3 {
    font-family: freightsansbold, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

@media (min-width: 1024px) {
    .document__text h3 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media (min-width: 1280px) {
    .document__text h3 {
        font-size: 3rem;
        line-height: 1;
    }
}

.document__text h4 {
    margin-top: 1.25rem;
    font-family: freightsansbook, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

@media (min-width: 1280px) {
    .document__text h4 {
        margin-top: 2.5rem;
        font-size: 3.75rem;
        line-height: 1;
    }
}

.document__text a {
    margin-top: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 153 255 / var(--tw-bg-opacity, 1));
    padding: 0.75rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    font-family: freightsansbold, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .document__text a {
        margin-top: 2.5rem;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        padding-left: 4rem;
        padding-right: 4rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.document__text a {
    border-radius: 10px;
}

.document__text--dark-blue a {
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
}

.document__text--gray a {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

/* etics */

.etics__text {
    margin-top: 2rem;
}

@media (min-width: 1280px) {
    .etics__text {
        margin-top: 4rem;
    }
}

.etics__text h3 {
    margin-bottom: 0.75rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-family: freightsansbold, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .etics__text h3 {
        margin-bottom: 2rem;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.etics__text ul {
    margin-bottom: 1rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
}

@media (min-width: 1024px) {
    .etics__text ul {
        margin-bottom: 1rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media (min-width: 1280px) {
    .etics__text ul {
        font-size: 28px;
    }
}

.etics__text ul li {
    position: relative;
    margin-bottom: 0.75rem;
    padding-left: 22px;
}

@media (min-width: 1024px) {
    .etics__text ul li {
        margin-bottom: 1rem;
    }
}

.etics__contact {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

    .etics__contact a {
        margin-bottom: 1.5rem;
        display: flex;
        gap: 0.75rem;
        font-family: freightsansmedium, sans-serif;
        font-size: 1.25rem;
        line-height: 1.75rem;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
    }

        .etics__contact a:hover {
            opacity: 0.9;
        }

@media (min-width: 1280px) {
    .etics__contact a {
        gap: 1rem;
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.etics__contact a img {
    width: 1.5rem;
}

@media (min-width: 1280px) {
    .etics__contact a img {
        width: 2rem;
    }
}

.etics__text ul li:before {
    content: '';
    height: 8px;
    width: 8px;
    position: absolute;
    background-color: #00558C;
    border-radius: 50%;
    top: 8px;
    left: 0
}

@media (min-width: 1280px) {
    .etics__text ul li:before {
        top: 10px;
        height: 0.75rem;
        width: 0.75rem;
    }
}

.etics__action {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

    .etics__action a {
        margin-top: 1.25rem;
        display: block;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        --tw-bg-opacity: 1;
        background-color: rgb(0 85 140 / var(--tw-bg-opacity, 1));
        padding: 0.75rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        text-align: center;
        font-family: freightsansbold, sans-serif;
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }

        .etics__action a:last-of-type {
            margin-left: 1.5rem;
        }

@media (min-width: 768px) {
    .etics__action a {
        display: inline-block;
        min-width: 310px;
    }
}

@media (min-width: 1280px) {
    .etics__action a {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 2.25rem;
        padding-right: 2.25rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.etics__action a {
    border-radius: 10px;
}

.etics__action .--orange {
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    border-radius: 10px;
}

/* noticias body */

.noticias-body {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

@media (min-width: 1280px) {
    .noticias-body {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.noticias-body__back {
    margin-bottom: 1rem;
}

    .noticias-body__back a {
        font-family: freightsansbold, sans-serif;
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(0 174 240 / var(--tw-text-opacity, 1));
    }

@media (min-width: 1280px) {
    .noticias-body__back a {
        gap: 1rem;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .noticias-body__back img {
        width: 1.75rem;
    }
}

.noticias-body__title {
    margin-bottom: 1.5rem;
    font-family: freightsansbold, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .noticias-body__title {
        margin-bottom: 5rem;
        font-size: 4.5rem;
        line-height: 1;
    }
}

.noticias-body__title span {
    font-family: freightsansmedium, sans-serif;
}

.noticias-body__title--caso h3 {
    margin-bottom: 1rem;
    font-family: freightsansbook, sans-serif;
    font-size: 1.875rem;
    line-height: 2.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .noticias-body__title--caso h3 {
        margin-bottom: 3rem;
        font-size: 4.5rem;
        line-height: 1;
    }
}

.noticias-body__title--caso h4 {
    font-family: freightsansbold, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 153 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .noticias-body__title--caso h4 {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.noticias-body__title--caso h5 {
    font-family: freightsansbold, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .noticias-body__title--caso h5 {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.noticias-body__parra {
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
}

@media (min-width: 1280px) {
    .noticias-body__parra {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.noticias-body__parra p {
    margin-bottom: 1rem;
}

    .noticias-body__parra p:last-of-type {
        margin-bottom: 0px;
    }

@media (min-width: 1280px) {
    .noticias-body__parra p {
        margin-bottom: 1.5rem;
    }
}

.noticias-body__imagenes {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

@media (min-width: 1280px) {
    .noticias-body__imagenes {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
}

.noticias-body__imagenes img {
    aspect-ratio: 1.63;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.noticias-body__closing {
    margin-bottom: 1.5rem;
    font-family: freightsansbold, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .noticias-body__closing {
        font-size: 4.5rem;
        line-height: 1;
    }
}

.noticias-body__closing img {
    margin-bottom: 2.5rem;
}

@media (min-width: 1280px) {
    .noticias-body__closing img {
        margin-bottom: 6rem;
    }

    .noticias-body__closing h3 {
        max-width: 75%;
    }
}

.noticias-body__closing--caso h3 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 153 0 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .noticias-body__closing--caso h3 {
        max-width: -moz-max-content;
        max-width: max-content;
        font-size: 3.75rem;
        line-height: 1;
    }
}

.noticias-sugested {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

@media (min-width: 1280px) {
    .noticias-sugested {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.noticias-sugested h3 {
    margin-bottom: 1.5rem;
    font-family: freightsansbook, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .noticias-sugested h3 {
        margin-bottom: 2.5rem;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.noticias-sugested h3 span {
    font-family: freightsansbold, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.noticias-sugested__list {
    display: grid;
    gap: 2.5rem;
}

@media (min-width: 768px) {
    .noticias-sugested__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .noticias-sugested__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6rem;
    }
}

.noticias-sugested__list img {
    margin-bottom: 1rem;
    aspect-ratio: 1.71;
    width: 100%;
    border-radius: 0.75rem;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 1280px) {
    .noticias-sugested__list img {
        margin-bottom: 2rem;
    }
}

.noticias-sugested__list h3 {
    margin-bottom: 1rem;
    font-family: freightsansbold, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .noticias-sugested__list h3 {
        margin-bottom: 2rem;
    }
}

.noticias-sugested__list a {
    display: block;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    padding: 0.75rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    text-align: center;
    font-family: freightsansbold, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .noticias-sugested__list a {
        display: inline-block;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 4rem;
        padding-right: 4rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

/* casos */

.casos-text {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

    .casos-text h3 {
        font-family: freightsansbook, sans-serif;
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

@media (min-width: 1280px) {
    .casos-text h3 {
        font-size: 3rem;
        line-height: 1;
    }
}

.casos-text h4 {
    margin-top: 1rem;
    font-family: freightsansbold, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
}

@media (min-width: 1280px) {
    .casos-text h4 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.casos-text h6 {
    font-family: freightsansbold, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .casos-text h6 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.casos-text--orange h6 {
    --tw-text-opacity: 1;
    color: rgb(255 153 0 / var(--tw-text-opacity, 1));
}

.casos-text a {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-family: freightsansbold, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .casos-text a {
        display: inline-flex;
        min-width: 18rem;
    }
}

@media (min-width: 1280px) {
    .casos-text a {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.casos-text--dark a {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
}

.casos-text--white a {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
}

.casos-text--white h3 {
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

.casos-text--white h4 {
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

.casos-text--white h6 {
    --tw-text-opacity: 1;
    color: rgb(255 153 0 / var(--tw-text-opacity, 1));
}

.casos-text--orange a {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
}

.casos-text span {
    flex: 1 1 0%;
    text-align: center;
}

/* offer */

.offer__button {
    min-width: 142px;
    border-radius: 0.75rem;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .offer__button {
        border-radius: 1rem;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

.offer__button--blue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
}

.offer__button img {
    margin-left: auto;
    margin-right: auto;
    height: 45px;
    width: 94px;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (min-width: 1280px) {
    .offer__button img {
        height: 3.5rem;
        width: 138px;
    }
}

.offer__button--gray {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
}

.offer .container::-webkit-scrollbar {
    display: none;
}

.offer__content {
    display: none;
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@media (min-width: 1280px) {
    .offer__content {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.offer__content.active {
    display: block;
}

.offer__content--blue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
}

.offer__content--gray {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
}

.offer__image {
    position: relative;
    margin-bottom: 4rem;
    width: 100%;
}

@media (min-width: 1024px) {
    .offer__image {
        margin-bottom: 0px;
    }
}

.offer__icon {
    position: absolute;
    right: 0px;
    bottom: -3rem;
    width: 7rem;
}

@media (min-width: 1024px) {
    .offer__icon {
        width: 150px;
    }
}

@media (min-width: 1280px) {
    .offer__icon {
        bottom: -90px;
        right: -24px;
        width: 240px;
    }
}

.offer__ribbon {
    position: absolute;
    right: 0px;
    display: none;
}

@media (min-width: 1280px) {
    .offer__ribbon {
        display: block;
    }
}

.offer__text img {
    margin-bottom: 1.5rem;
    width: 16rem;
}

@media (min-width: 1280px) {
    .offer__text img {
        margin-bottom: 3.5rem;
    }
}

.offer__text p {
    margin-bottom: 0.75rem;
}

    .offer__text p:last-of-type {
        margin-bottom: 0px;
    }

@media (min-width: 1280px) {
    .offer__text p {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.offer__text h3 {
    margin-top: 1.5rem;
    font-family: freightsansbold, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .offer__text h3 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.offer__text--blue h3 {
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

.offer__text h4 {
    margin-top: 0.75rem;
    font-family: freightsansbook, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .offer__text h4 {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.offer__text--blue h4 {
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

.offer__text--no-title h4 {
    margin-top: 66px;
}

.offer__text ul li {
    border-bottom-width: 1px;
    border-color: rgb(255 255 255 / 0.5);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
}

    .offer__text ul li:last-of-type {
        border-style: none;
    }

@media (min-width: 1280px) {
    .offer__text ul li {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.offer__text--blue ul li {
    --tw-border-opacity: 1;
    border-color: rgb(0 174 240 / var(--tw-border-opacity, 1));
}

/* .casos-detalle */

.caso-detalle {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

/* memorias-list */

.memorias-list {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

@media (min-width: 1280px) {
    .memorias-list {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
}

.memoria {
    overflow: hidden;
    border-top-left-radius: 54px;
    border-bottom-right-radius: 54px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 240 / var(--tw-bg-opacity, 1));
}

.memoria__top {
    position: relative;
}

.memoria__bottom {
    padding: 1.5rem;
    padding-bottom: 2.5rem;
}

.memoria .overlay {
    position: absolute;
    top: 0px;
    z-index: 10;
    height: 100%;
    width: 100%;
    background-color: rgb(0 85 140 / 0.4);
}

.memoria p {
    font-family: freightsansbold, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

.memoria h3 {
    margin-top: -20px;
    margin-bottom: 1rem;
    font-family: freightsansbold, sans-serif;
    font-size: 4.5rem;
    line-height: 1;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.memoria h4 {
    margin-bottom: 1rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .memoria h4 {
        text-align: left;
    }
}

.memoria a {
    display: block;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    padding: 0.75rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    text-align: center;
    font-family: freightsansbold, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .memoria a {
        display: inline-block;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 4rem;
        padding-right: 4rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.contact-form__block {
    margin-bottom: 1rem;
}

@media (min-width: 1280px) {
    .contact-form__block {
        margin-bottom: 1.75rem;
    }
}

.contact-form__block label {
    position: relative;
    margin-bottom: 0.25rem;
    display: block;
    font-family: freightsansbold, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .contact-form__block label {
        margin-bottom: 0.5rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.contact-form__block input, .contact-form__block textarea, .contact-form__block select {
    display: block;
    min-height: 3rem;
    width: 100%;
    border-radius: 0.5rem;
    border-width: 1px;
    border-color: #00558C3D;
    background-color: #E7E7E780;
    padding: 1rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .contact-form__block input, .contact-form__block textarea, .contact-form__block select {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.contact-form__block input, .contact-form__block textarea, .contact-form__block select {
    -webkit-appearance: none;
    -moz-appearance: none;
}

.contact-form__block--select {
    position: relative;
}

.contact-form__block select option:disabled {
    color: #6c757d;
}

.contact-form__block textarea {
    height: 7rem;
}

@media (min-width: 1280px) {
    .contact-form__block textarea {
        height: 8rem;
    }
}

.contact-form__block--last {
    margin-bottom: 1.5rem;
}

.contact-form__block .btn-submit {
    display: block;
    width: 100%;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1));
    padding: 0.75rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    text-align: center;
    font-family: freightsansbold, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .contact-form__block .btn-submit {
        width: auto;
    }
}

@media (min-width: 1280px) {
    .contact-form__block .btn-submit {
        display: inline-block;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 4rem;
        padding-right: 4rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.contact-map {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 1280px) {
    .contact-map {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

.contact-map h3 {
    margin-bottom: 0.75rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(0 174 240 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .contact-map h3 {
        margin-bottom: 1.75rem;
        font-size: 3rem;
        line-height: 1;
    }
}

.contact-phone {
    margin-bottom: 2.5rem;
}

.contact-map span {
    font-family: freightsansbold, sans-serif;
}

.contact-phone h4 {
    margin-bottom: 0.75rem;
    font-family: freightsansbold, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .contact-phone h4 {
        margin-bottom: 1.75rem;
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.contact-phone p {
    margin-bottom: 0.75rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .contact-phone p {
        margin-bottom: 1.75rem;
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.contact-socialmedia h3 {
    margin-bottom: 1.5rem;
    font-family: freightsansbold, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .contact-socialmedia h3 {
        margin-bottom: 4rem;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.contact-socialmedia {
    margin-bottom: 2.5rem;
}

    .contact-socialmedia ul {
        display: flex;
        gap: 2rem;
    }

@media (min-width: 1280px) {
    .contact-socialmedia ul {
        gap: 3rem;
    }
}

.contact-socialmedia ul img {
    height: 3.5rem;
}

.map iframe {
    aspect-ratio: 0.75;
    width: 100%;
}

@media (min-width: 1280px) {
    .map iframe {
        aspect-ratio: 1.8;
    }
}

.acompanamiento {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

@media (min-width: 1280px) {
    .acompanamiento {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
}

.acompanamiento-block img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
}

.acompanamiento-block p {
    margin-bottom: 1.5rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
}

@media (min-width: 1280px) {
    .acompanamiento-block p {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.acompanamiento-block ul li {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 174 240 / var(--tw-border-opacity, 1));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
}

    .acompanamiento-block ul li:last-of-type {
        border-style: none;
    }

@media (min-width: 1280px) {
    .acompanamiento-block ul li {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.acommpanamiento-image {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    width: 100%;
}

@media (min-width: 1024px) {
    .acompanamiento img {
        width: 9rem;
    }
}

@media (min-width: 1280px) {
    .acompanamiento img {
        width: 11rem;
    }
}

.acompanamiento-text {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

@media (min-width: 1280px) {
    .acompanamiento-text {
        padding-top: 8rem;
        padding-bottom: 8rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.acompanamiento-text p {
    margin-bottom: 2rem;
}

    .acompanamiento-text p:last-of-type {
        margin: 0px;
    }

.acommpanamiento-banner {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
}

@media (min-width: 1024px) {
    .acommpanamiento-banner {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
}

.acommpanamiento-banner img {
    aspect-ratio: 3.5;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.modelo {
    --tw-bg-opacity: 1;
    background-color: rgb(224 220 220 / var(--tw-bg-opacity, 1));
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.modelo__text {
    margin-bottom: 1.5rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .modelo__text {
        margin-bottom: 4rem;
        font-size: 3rem;
        line-height: 1;
    }
}

.modelo__text--light-blue {
    --tw-text-opacity: 1;
    color: rgb(0 174 240 / var(--tw-text-opacity, 1));
}

.modelo__text span {
    font-family: freightsansbold, sans-serif;
}

.modelo__image img {
    width: 100%;
}

.service-list {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

    .service-list p {
        margin-bottom: 1rem;
        font-family: freightsansmedium, sans-serif;
        font-size: 0.875rem;
        line-height: 1.25rem;
        --tw-text-opacity: 1;
        color: rgb(66 66 66 / var(--tw-text-opacity, 1));
    }

@media (min-width: 1280px) {
    .service-list p {
        margin-bottom: 1.5rem;
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.service-list h3 {
    margin-bottom: 1.5rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 174 240 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .service-list h3 {
        font-size: 3rem;
        line-height: 1;
    }
}

.service-list h3 span {
    font-family: freightsansbold, sans-serif;
}

.service-list p span {
    font-family: freightsansbold, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(255 153 0 / var(--tw-text-opacity, 1));
}

/* 
.service-list img{
    @apply mx-auto my-6 xl:mx-0 xl:mb-6
} */

@media (min-width: 1280px) {
    .prestamo-block {
        margin-top: 2rem;
    }
}

.prestamo {
    align-items: center;
    justify-content: center;
    font-family: freightsansmedium, sans-serif;
    font-size: 1.875rem;
    line-height: 2.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .prestamo {
        display: flex;
        font-size: 3rem;
        line-height: 1;
    }
}

.prestamo span {
    font-family: freightsansbold, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

.prestamo img {
    aspect-ratio: 221/100;
    width: 221px;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (min-width: 1280px) {
    .prestamo img {
        width: 394px;
    }
}

.banner-section {
    aspect-ratio: 390/250;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 1280px) {
    .banner-section {
        aspect-ratio: 3;
    }
}

.alianzas-list {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.alianza-text {
    margin-bottom: 1.5rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 174 240 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .alianza-text {
        margin-bottom: 4rem;
        font-size: 3rem;
        line-height: 1;
    }
}

.alianza-text span {
    font-family: freightsansbold, sans-serif;
}

.alianzas-list img {
    -o-object-fit: contain;
    object-fit: contain;
}

.cooperativas {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-top: 0px;
}

@media (min-width: 1280px) {
    .cooperativas {
        padding-top: 4rem;
        padding-bottom: 4rem;
        padding-top: 0px;
    }
}

.cooperativas {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-top: 0px;
}

@media (min-width: 1280px) {
    .cooperativas {
        padding-top: 4rem;
        padding-bottom: 4rem;
        padding-top: 0px;
    }
}

.video-list {
    padding-bottom: 4rem;
}

    .video-list.video-list--small {
        padding-top: 0px;
        padding-bottom: 0px;
    }

@media (min-width: 1024px) {
    .video-list.video-list--small {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.video-list--gray {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.video-list h3 {
    margin-bottom: 1rem;
    font-family: freightsansbold, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(0 85 140 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .video-list h3 {
        margin-bottom: 2.5rem;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.video-sub {
    margin-top: 0.5rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(66 66 66 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .video-sub {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.video-box {
    position: relative;
}

    .video-box:last-of-type {
        margin-bottom: 0px;
    }

    .video-box video {
        aspect-ratio: 16 / 9;
        width: 100%;
    }

.play-button img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 3rem;
    width: 3rem;
}

@media (min-width: 1280px) {
    .play-button img {
        height: 128px;
        width: 128px;
    }
}

.play-button img {
    transform: translate(-50%, -50%);
}

.nosotros-text {
    padding-top: 4rem;
    padding-bottom: 2rem;
}

@media (min-width: 1280px) {
    .nosotros-text {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.nosotros-text {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

@media (min-width: 1280px) {
    .nosotros-text {
        padding-top: 8rem;
        padding-bottom: 8rem;
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.nosotros-text p {
    margin-bottom: 2rem;
}

    .nosotros-text p:last-of-type {
        margin: 0px;
    }

.nosotros-text span {
    font-family: freightsansbold, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(255 153 0 / var(--tw-text-opacity, 1));
}

.building hr {
    margin-top: 1.5rem;
    border-top-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(0 174 240 / var(--tw-border-opacity, 1));
}

.info {
    margin-top: 1.5rem;
}

.building h3 {
    font-family: freightsansbold, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(99 102 106 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .building h3 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.building h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(99 102 106 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .building h4 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

.busqueda {
    margin-bottom: 0.5rem;
    border-bottom-width: 2px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

    .busqueda:last-of-type {
        border-style: none;
    }

@media (min-width: 1280px) {
    .busqueda {
        margin-bottom: 2.5rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

.busqueda h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(66 66 66 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .busqueda h3 {
        margin-bottom: 1rem;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.busqueda p {
    margin-bottom: 1rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(99 102 106 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .busqueda p {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.busqueda a {
    margin-bottom: 1rem;
    font-family: freightsansmedium, sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 174 240 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
    .busqueda a {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.derechos {
    display: block;
}

@media (min-width: 1024px) {
    .derechos {
        display: inline-block;
    }
}

.placeholder\:text-\[\#63666A\]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(99 102 106 / var(--tw-text-opacity, 1));
}

.placeholder\:text-\[\#63666A\]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(99 102 106 / var(--tw-text-opacity, 1));
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:opacity-0 {
    opacity: 0;
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}

@media (min-width: 768px) {
    .md\:right-0 {
        right: 0px;
    }

    .md\:top-\[-110px\] {
        top: -110px;
    }

    .md\:top-\[120px\] {
        top: 120px;
    }

    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .md\:ml-auto {
        margin-left: auto;
    }

    .md\:w-1\/2 {
        width: 50%;
    }

    .md\:w-\[300px\] {
        width: 300px;
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:gap-12 {
        gap: 3rem;
    }
}

@media (min-width: 1024px) {
    .lg\:order-first {
        order: -9999;
    }

    .lg\:order-last {
        order: 9999;
    }

    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }

    .lg\:col-span-6 {
        grid-column: span 6 / span 6;
    }

    .lg\:block {
        display: block;
    }

    .lg\:inline-block {
        display: inline-block;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:grid {
        display: grid;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:h-full {
        height: 100%;
    }

    .lg\:max-h-full {
        max-height: 100%;
    }

    .lg\:w-1\/2 {
        width: 50%;
    }

    .lg\:w-\[400px\] {
        width: 400px;
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:items-start {
        align-items: flex-start;
    }

    .lg\:justify-end {
        justify-content: flex-end;
    }

    .lg\:gap-12 {
        gap: 3rem;
    }

    .lg\:gap-16 {
        gap: 4rem;
    }

    .lg\:gap-28 {
        gap: 7rem;
    }

    .lg\:gap-32 {
        gap: 8rem;
    }

    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .lg\:py-36 {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .lg\:text-9xl {
        font-size: 8rem;
        line-height: 1;
    }

    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 1280px) {
    .xl\:left-\[-100\%\] {
        left: -100%;
    }

    .xl\:left-\[-50\%\] {
        left: -50%;
    }

    .xl\:left-\[110\%\] {
        left: 110%;
    }

    .xl\:left-\[52px\] {
        left: 52px;
    }

    .xl\:left-full {
        left: 100%;
    }

    .xl\:top-\[-4px\] {
        top: -4px;
    }

    .xl\:top-\[-80px\] {
        top: -80px;
    }

    .xl\:top-\[100px\] {
        top: 100px;
    }

    .xl\:top-\[30\%\] {
        top: 30%;
    }

    .xl\:col-span-1 {
        grid-column: span 1 / span 1;
    }

    .xl\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .xl\:col-span-4 {
        grid-column: span 4 / span 4;
    }

    .xl\:col-span-5 {
        grid-column: span 5 / span 5;
    }

    .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .xl\:ml-20 {
        margin-left: 5rem;
    }

    .xl\:mt-0 {
        margin-top: 0px;
    }

    .xl\:mt-4 {
        margin-top: 1rem;
    }

    .xl\:mt-8 {
        margin-top: 2rem;
    }

    .xl\:mt-\[100px\] {
        margin-top: 100px;
    }

    .xl\:block {
        display: block;
    }

    .xl\:flex {
        display: flex;
    }

    .xl\:grid {
        display: grid;
    }

    .xl\:hidden {
        display: none;
    }

    .xl\:h-1 {
        height: 0.25rem;
    }

    .xl\:h-\[100\%\] {
        height: 100%;
    }

    .xl\:min-h-0 {
        min-height: 0px;
    }

    .xl\:w-1\/2 {
        width: 50%;
    }

    .xl\:w-\[354px\] {
        width: 354px;
    }

    .xl\:w-full {
        width: 100%;
    }

    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:gap-16 {
        gap: 4rem;
    }

    .xl\:gap-24 {
        gap: 6rem;
    }

    .xl\:gap-28 {
        gap: 7rem;
    }

    .xl\:gap-32 {
        gap: 8rem;
    }

    .xl\:gap-4 {
        gap: 1rem;
    }

    .xl\:gap-48 {
        gap: 12rem;
    }

    .xl\:gap-64 {
        gap: 16rem;
    }

    .xl\:gap-y-20 {
        row-gap: 5rem;
    }

    .xl\:rounded-b-lg {
        border-bottom-right-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
    }

    .xl\:rounded-t-none {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .xl\:border-b-0 {
        border-bottom-width: 0px;
    }

    .xl\:border-t-4 {
        border-top-width: 4px;
    }

    .xl\:border-t-blue-br {
        --tw-border-opacity: 1;
        border-top-color: rgb(0 174 240 / var(--tw-border-opacity, 1));
    }

    .xl\:p-16 {
        padding: 4rem;
    }

    .xl\:p-6 {
        padding: 1.5rem;
    }

    .xl\:px-28 {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}