@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * 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;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-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.
 */
[type=search]::-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 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Scss Document */
:root {
  --sombra-color: rgba(0, 0, 0, 0.15);
  --color-hasta: rgba(255, 255, 255, 0);
  --bg-opacidad: 1;
  --sombra-opacidad:1;
}

.bg-rojo-10 {
  background-color: rgba(253, 236, 236, var(--bg-opacidad));
}

.color-rojo-10 {
  color: #fdecec;
}

.borde-rojo-10 {
  border-color: #fdecec;
}

.de-rojo-10 {
  --color-de: #fdecec 0%, var(--color-hasta) 100%;
}

.sombra-rojo-10 {
  --sombra-color: rgba(253, 236, 236, var(--sombra-opacidad));
}

.fill-rojo-10 svg {
  fill: #fdecec;
}

.stroke-rojo-10 svg {
  stroke: #fdecec;
}

.bg-rojo-25 {
  background-color: rgba(251, 208, 208, var(--bg-opacidad));
}

.color-rojo-25 {
  color: #fbd0d0;
}

.borde-rojo-25 {
  border-color: #fbd0d0;
}

.de-rojo-25 {
  --color-de: #fbd0d0 0%, var(--color-hasta) 100%;
}

.sombra-rojo-25 {
  --sombra-color: rgba(251, 208, 208, var(--sombra-opacidad));
}

.fill-rojo-25 svg {
  fill: #fbd0d0;
}

.stroke-rojo-25 svg {
  stroke: #fbd0d0;
}

.bg-rojo-50 {
  background-color: rgba(251, 208, 208, var(--bg-opacidad));
}

.color-rojo-50 {
  color: #fbd0d0;
}

.borde-rojo-50 {
  border-color: #fbd0d0;
}

.de-rojo-50 {
  --color-de: #fbd0d0 0%, var(--color-hasta) 100%;
}

.sombra-rojo-50 {
  --sombra-color: rgba(251, 208, 208, var(--sombra-opacidad));
}

.fill-rojo-50 svg {
  fill: #fbd0d0;
}

.stroke-rojo-50 svg {
  stroke: #fbd0d0;
}

.bg-rojo-100 {
  background-color: rgba(246, 152, 152, var(--bg-opacidad));
}

.color-rojo-100 {
  color: #f69898;
}

.borde-rojo-100 {
  border-color: #f69898;
}

.de-rojo-100 {
  --color-de: #f69898 0%, var(--color-hasta) 100%;
}

.sombra-rojo-100 {
  --sombra-color: rgba(246, 152, 152, var(--sombra-opacidad));
}

.fill-rojo-100 svg {
  fill: #f69898;
}

.stroke-rojo-100 svg {
  stroke: #f69898;
}

.bg-rojo-200 {
  background-color: rgba(244, 124, 124, var(--bg-opacidad));
}

.color-rojo-200 {
  color: #f47c7c;
}

.borde-rojo-200 {
  border-color: #f47c7c;
}

.de-rojo-200 {
  --color-de: #f47c7c 0%, var(--color-hasta) 100%;
}

.sombra-rojo-200 {
  --sombra-color: rgba(244, 124, 124, var(--sombra-opacidad));
}

.fill-rojo-200 svg {
  fill: #f47c7c;
}

.stroke-rojo-200 svg {
  stroke: #f47c7c;
}

.bg-rojo-300 {
  background-color: rgba(241, 96, 96, var(--bg-opacidad));
}

.color-rojo-300 {
  color: #f16060;
}

.borde-rojo-300 {
  border-color: #f16060;
}

.de-rojo-300 {
  --color-de: #f16060 0%, var(--color-hasta) 100%;
}

.sombra-rojo-300 {
  --sombra-color: rgba(241, 96, 96, var(--sombra-opacidad));
}

.fill-rojo-300 svg {
  fill: #f16060;
}

.stroke-rojo-300 svg {
  stroke: #f16060;
}

.bg-rojo-400 {
  background-color: rgba(239, 68, 68, var(--bg-opacidad));
}

.color-rojo-400 {
  color: #ef4444;
}

.borde-rojo-400 {
  border-color: #ef4444;
}

.de-rojo-400 {
  --color-de: #ef4444 0%, var(--color-hasta) 100%;
}

.sombra-rojo-400 {
  --sombra-color: rgba(239, 68, 68, var(--sombra-opacidad));
}

.fill-rojo-400 svg {
  fill: #ef4444;
}

.stroke-rojo-400 svg {
  stroke: #ef4444;
}

.bg-rojo-500 {
  background-color: rgba(203, 58, 58, var(--bg-opacidad));
}

.color-rojo-500 {
  color: #cb3a3a;
}

.borde-rojo-500 {
  border-color: #cb3a3a;
}

.de-rojo-500 {
  --color-de: #cb3a3a 0%, var(--color-hasta) 100%;
}

.sombra-rojo-500 {
  --sombra-color: rgba(203, 58, 58, var(--sombra-opacidad));
}

.fill-rojo-500 svg {
  fill: #cb3a3a;
}

.stroke-rojo-500 svg {
  stroke: #cb3a3a;
}

.bg-rojo-600 {
  background-color: rgba(167, 48, 48, var(--bg-opacidad));
}

.color-rojo-600 {
  color: #a73030;
}

.borde-rojo-600 {
  border-color: #a73030;
}

.de-rojo-600 {
  --color-de: #a73030 0%, var(--color-hasta) 100%;
}

.sombra-rojo-600 {
  --sombra-color: rgba(167, 48, 48, var(--sombra-opacidad));
}

.fill-rojo-600 svg {
  fill: #a73030;
}

.stroke-rojo-600 svg {
  stroke: #a73030;
}

.bg-rojo-700 {
  background-color: rgba(131, 37, 37, var(--bg-opacidad));
}

.color-rojo-700 {
  color: #832525;
}

.borde-rojo-700 {
  border-color: #832525;
}

.de-rojo-700 {
  --color-de: #832525 0%, var(--color-hasta) 100%;
}

.sombra-rojo-700 {
  --sombra-color: rgba(131, 37, 37, var(--sombra-opacidad));
}

.fill-rojo-700 svg {
  fill: #832525;
}

.stroke-rojo-700 svg {
  stroke: #832525;
}

.bg-rojo-800 {
  background-color: rgba(96, 27, 27, var(--bg-opacidad));
}

.color-rojo-800 {
  color: #601b1b;
}

.borde-rojo-800 {
  border-color: #601b1b;
}

.de-rojo-800 {
  --color-de: #601b1b 0%, var(--color-hasta) 100%;
}

.sombra-rojo-800 {
  --sombra-color: rgba(96, 27, 27, var(--sombra-opacidad));
}

.fill-rojo-800 svg {
  fill: #601b1b;
}

.stroke-rojo-800 svg {
  stroke: #601b1b;
}

.bg-rojo-900 {
  background-color: rgba(60, 17, 17, var(--bg-opacidad));
}

.color-rojo-900 {
  color: #3c1111;
}

.borde-rojo-900 {
  border-color: #3c1111;
}

.de-rojo-900 {
  --color-de: #3c1111 0%, var(--color-hasta) 100%;
}

.sombra-rojo-900 {
  --sombra-color: rgba(60, 17, 17, var(--sombra-opacidad));
}

.fill-rojo-900 svg {
  fill: #3c1111;
}

.stroke-rojo-900 svg {
  stroke: #3c1111;
}

.bg-rojo-950 {
  background-color: rgba(24, 7, 7, var(--bg-opacidad));
}

.color-rojo-950 {
  color: #180707;
}

.borde-rojo-950 {
  border-color: #180707;
}

.de-rojo-950 {
  --color-de: #180707 0%, var(--color-hasta) 100%;
}

.sombra-rojo-950 {
  --sombra-color: rgba(24, 7, 7, var(--sombra-opacidad));
}

.fill-rojo-950 svg {
  fill: #180707;
}

.stroke-rojo-950 svg {
  stroke: #180707;
}

.bg-amarillo-10 {
  background-color: rgba(255, 250, 232, var(--bg-opacidad));
}

.color-amarillo-10 {
  color: #fffae8;
}

.borde-amarillo-10 {
  border-color: #fffae8;
}

.de-amarillo-10 {
  --color-de: #fffae8 0%, var(--color-hasta) 100%;
}

.sombra-amarillo-10 {
  --sombra-color: rgba(255, 250, 232, var(--sombra-opacidad));
}

.fill-amarillo-10 svg {
  fill: #fffae8;
}

.stroke-amarillo-10 svg {
  stroke: #fffae8;
}

.bg-amarillo-25 {
  background-color: rgba(254, 242, 197, var(--bg-opacidad));
}

.color-amarillo-25 {
  color: #fef2c5;
}

.borde-amarillo-25 {
  border-color: #fef2c5;
}

.de-amarillo-25 {
  --color-de: #fef2c5 0%, var(--color-hasta) 100%;
}

.sombra-amarillo-25 {
  --sombra-color: rgba(254, 242, 197, var(--sombra-opacidad));
}

.fill-amarillo-25 svg {
  fill: #fef2c5;
}

.stroke-amarillo-25 svg {
  stroke: #fef2c5;
}

.bg-amarillo-50 {
  background-color: rgba(253, 235, 161, var(--bg-opacidad));
}

.color-amarillo-50 {
  color: #fdeba1;
}

.borde-amarillo-50 {
  border-color: #fdeba1;
}

.de-amarillo-50 {
  --color-de: #fdeba1 0%, var(--color-hasta) 100%;
}

.sombra-amarillo-50 {
  --sombra-color: rgba(253, 235, 161, var(--sombra-opacidad));
}

.fill-amarillo-50 svg {
  fill: #fdeba1;
}

.stroke-amarillo-50 svg {
  stroke: #fdeba1;
}

.bg-amarillo-100 {
  background-color: rgba(252, 227, 126, var(--bg-opacidad));
}

.color-amarillo-100 {
  color: #fce37e;
}

.borde-amarillo-100 {
  border-color: #fce37e;
}

.de-amarillo-100 {
  --color-de: #fce37e 0%, var(--color-hasta) 100%;
}

.sombra-amarillo-100 {
  --sombra-color: rgba(252, 227, 126, var(--sombra-opacidad));
}

.fill-amarillo-100 svg {
  fill: #fce37e;
}

.stroke-amarillo-100 svg {
  stroke: #fce37e;
}

.bg-amarillo-200 {
  background-color: rgba(252, 219, 91, var(--bg-opacidad));
}

.color-amarillo-200 {
  color: #fcdb5b;
}

.borde-amarillo-200 {
  border-color: #fcdb5b;
}

.de-amarillo-200 {
  --color-de: #fcdb5b 0%, var(--color-hasta) 100%;
}

.sombra-amarillo-200 {
  --sombra-color: rgba(252, 219, 91, var(--sombra-opacidad));
}

.fill-amarillo-200 svg {
  fill: #fcdb5b;
}

.stroke-amarillo-200 svg {
  stroke: #fcdb5b;
}

.bg-amarillo-300 {
  background-color: rgba(251, 212, 56, var(--bg-opacidad));
}

.color-amarillo-300 {
  color: #fbd438;
}

.borde-amarillo-300 {
  border-color: #fbd438;
}

.de-amarillo-300 {
  --color-de: #fbd438 0%, var(--color-hasta) 100%;
}

.sombra-amarillo-300 {
  --sombra-color: rgba(251, 212, 56, var(--sombra-opacidad));
}

.fill-amarillo-300 svg {
  fill: #fbd438;
}

.stroke-amarillo-300 svg {
  stroke: #fbd438;
}

.bg-amarillo-400 {
  background-color: rgba(250, 204, 21, var(--bg-opacidad));
}

.color-amarillo-400 {
  color: #facc15;
}

.borde-amarillo-400 {
  border-color: #facc15;
}

.de-amarillo-400 {
  --color-de: #facc15 0%, var(--color-hasta) 100%;
}

.sombra-amarillo-400 {
  --sombra-color: rgba(250, 204, 21, var(--sombra-opacidad));
}

.fill-amarillo-400 svg {
  fill: #facc15;
}

.stroke-amarillo-400 svg {
  stroke: #facc15;
}

.bg-amarillo-500 {
  background-color: rgba(213, 173, 18, var(--bg-opacidad));
}

.color-amarillo-500 {
  color: #d5ad12;
}

.borde-amarillo-500 {
  border-color: #d5ad12;
}

.de-amarillo-500 {
  --color-de: #d5ad12 0%, var(--color-hasta) 100%;
}

.sombra-amarillo-500 {
  --sombra-color: rgba(213, 173, 18, var(--sombra-opacidad));
}

.fill-amarillo-500 svg {
  fill: #d5ad12;
}

.stroke-amarillo-500 svg {
  stroke: #d5ad12;
}

.bg-amarillo-600 {
  background-color: rgba(175, 143, 15, var(--bg-opacidad));
}

.color-amarillo-600 {
  color: #af8f0f;
}

.borde-amarillo-600 {
  border-color: #af8f0f;
}

.de-amarillo-600 {
  --color-de: #af8f0f 0%, var(--color-hasta) 100%;
}

.sombra-amarillo-600 {
  --sombra-color: rgba(175, 143, 15, var(--sombra-opacidad));
}

.fill-amarillo-600 svg {
  fill: #af8f0f;
}

.stroke-amarillo-600 svg {
  stroke: #af8f0f;
}

.bg-amarillo-700 {
  background-color: rgba(138, 112, 12, var(--bg-opacidad));
}

.color-amarillo-700 {
  color: #8a700c;
}

.borde-amarillo-700 {
  border-color: #8a700c;
}

.de-amarillo-700 {
  --color-de: #8a700c 0%, var(--color-hasta) 100%;
}

.sombra-amarillo-700 {
  --sombra-color: rgba(138, 112, 12, var(--sombra-opacidad));
}

.fill-amarillo-700 svg {
  fill: #8a700c;
}

.stroke-amarillo-700 svg {
  stroke: #8a700c;
}

.bg-amarillo-800 {
  background-color: rgba(100, 82, 8, var(--bg-opacidad));
}

.color-amarillo-800 {
  color: #645208;
}

.borde-amarillo-800 {
  border-color: #645208;
}

.de-amarillo-800 {
  --color-de: #645208 0%, var(--color-hasta) 100%;
}

.sombra-amarillo-800 {
  --sombra-color: rgba(100, 82, 8, var(--sombra-opacidad));
}

.fill-amarillo-800 svg {
  fill: #645208;
}

.stroke-amarillo-800 svg {
  stroke: #645208;
}

.bg-amarillo-900 {
  background-color: rgba(63, 51, 5, var(--bg-opacidad));
}

.color-amarillo-900 {
  color: #3f3305;
}

.borde-amarillo-900 {
  border-color: #3f3305;
}

.de-amarillo-900 {
  --color-de: #3f3305 0%, var(--color-hasta) 100%;
}

.sombra-amarillo-900 {
  --sombra-color: rgba(63, 51, 5, var(--sombra-opacidad));
}

.fill-amarillo-900 svg {
  fill: #3f3305;
}

.stroke-amarillo-900 svg {
  stroke: #3f3305;
}

.bg-amarillo-950 {
  background-color: rgba(25, 20, 2, var(--bg-opacidad));
}

.color-amarillo-950 {
  color: #191402;
}

.borde-amarillo-950 {
  border-color: #191402;
}

.de-amarillo-950 {
  --color-de: #191402 0%, var(--color-hasta) 100%;
}

.sombra-amarillo-950 {
  --sombra-color: rgba(25, 20, 2, var(--sombra-opacidad));
}

.fill-amarillo-950 svg {
  fill: #191402;
}

.stroke-amarillo-950 svg {
  stroke: #191402;
}

.bg-azul-10 {
  background-color: rgba(235, 248, 254, var(--bg-opacidad));
}

.color-azul-10 {
  color: #ebf8fe;
}

.borde-azul-10 {
  border-color: #ebf8fe;
}

.de-azul-10 {
  --color-de: #ebf8fe 0%, var(--color-hasta) 100%;
}

.sombra-azul-10 {
  --sombra-color: rgba(235, 248, 254, var(--sombra-opacidad));
}

.fill-azul-10 svg {
  fill: #ebf8fe;
}

.stroke-azul-10 svg {
  stroke: #ebf8fe;
}

.bg-azul-25 {
  background-color: rgba(205, 239, 253, var(--bg-opacidad));
}

.color-azul-25 {
  color: #cdeffd;
}

.borde-azul-25 {
  border-color: #cdeffd;
}

.de-azul-25 {
  --color-de: #cdeffd 0%, var(--color-hasta) 100%;
}

.sombra-azul-25 {
  --sombra-color: rgba(205, 239, 253, var(--sombra-opacidad));
}

.fill-azul-25 svg {
  fill: #cdeffd;
}

.stroke-azul-25 svg {
  stroke: #cdeffd;
}

.bg-azul-50 {
  background-color: rgba(175, 229, 252, var(--bg-opacidad));
}

.color-azul-50 {
  color: #afe5fc;
}

.borde-azul-50 {
  border-color: #afe5fc;
}

.de-azul-50 {
  --color-de: #afe5fc 0%, var(--color-hasta) 100%;
}

.sombra-azul-50 {
  --sombra-color: rgba(175, 229, 252, var(--sombra-opacidad));
}

.fill-azul-50 svg {
  fill: #afe5fc;
}

.stroke-azul-50 svg {
  stroke: #afe5fc;
}

.bg-azul-100 {
  background-color: rgba(146, 219, 251, var(--bg-opacidad));
}

.color-azul-100 {
  color: #92dbfb;
}

.borde-azul-100 {
  border-color: #92dbfb;
}

.de-azul-100 {
  --color-de: #92dbfb 0%, var(--color-hasta) 100%;
}

.sombra-azul-100 {
  --sombra-color: rgba(146, 219, 251, var(--sombra-opacidad));
}

.fill-azul-100 svg {
  fill: #92dbfb;
}

.stroke-azul-100 svg {
  stroke: #92dbfb;
}

.bg-azul-200 {
  background-color: rgba(116, 209, 250, var(--bg-opacidad));
}

.color-azul-200 {
  color: #74d1fa;
}

.borde-azul-200 {
  border-color: #74d1fa;
}

.de-azul-200 {
  --color-de: #74d1fa 0%, var(--color-hasta) 100%;
}

.sombra-azul-200 {
  --sombra-color: rgba(116, 209, 250, var(--sombra-opacidad));
}

.fill-azul-200 svg {
  fill: #74d1fa;
}

.stroke-azul-200 svg {
  stroke: #74d1fa;
}

.bg-azul-300 {
  background-color: rgba(86, 199, 249, var(--bg-opacidad));
}

.color-azul-300 {
  color: #56c7f9;
}

.borde-azul-300 {
  border-color: #56c7f9;
}

.de-azul-300 {
  --color-de: #56c7f9 0%, var(--color-hasta) 100%;
}

.sombra-azul-300 {
  --sombra-color: rgba(86, 199, 249, var(--sombra-opacidad));
}

.fill-azul-300 svg {
  fill: #56c7f9;
}

.stroke-azul-300 svg {
  stroke: #56c7f9;
}

.bg-azul-400 {
  background-color: rgba(56, 189, 248, var(--bg-opacidad));
}

.color-azul-400 {
  color: #38bdf8;
}

.borde-azul-400 {
  border-color: #38bdf8;
}

.de-azul-400 {
  --color-de: #38bdf8 0%, var(--color-hasta) 100%;
}

.sombra-azul-400 {
  --sombra-color: rgba(56, 189, 248, var(--sombra-opacidad));
}

.fill-azul-400 svg {
  fill: #38bdf8;
}

.stroke-azul-400 svg {
  stroke: #38bdf8;
}

.bg-azul-500 {
  background-color: rgba(48, 161, 211, var(--bg-opacidad));
}

.color-azul-500 {
  color: #30a1d3;
}

.borde-azul-500 {
  border-color: #30a1d3;
}

.de-azul-500 {
  --color-de: #30a1d3 0%, var(--color-hasta) 100%;
}

.sombra-azul-500 {
  --sombra-color: rgba(48, 161, 211, var(--sombra-opacidad));
}

.fill-azul-500 svg {
  fill: #30a1d3;
}

.stroke-azul-500 svg {
  stroke: #30a1d3;
}

.bg-azul-600 {
  background-color: rgba(39, 132, 174, var(--bg-opacidad));
}

.color-azul-600 {
  color: #2784ae;
}

.borde-azul-600 {
  border-color: #2784ae;
}

.de-azul-600 {
  --color-de: #2784ae 0%, var(--color-hasta) 100%;
}

.sombra-azul-600 {
  --sombra-color: rgba(39, 132, 174, var(--sombra-opacidad));
}

.fill-azul-600 svg {
  fill: #2784ae;
}

.stroke-azul-600 svg {
  stroke: #2784ae;
}

.bg-azul-700 {
  background-color: rgba(31, 104, 136, var(--bg-opacidad));
}

.color-azul-700 {
  color: #1f6888;
}

.borde-azul-700 {
  border-color: #1f6888;
}

.de-azul-700 {
  --color-de: #1f6888 0%, var(--color-hasta) 100%;
}

.sombra-azul-700 {
  --sombra-color: rgba(31, 104, 136, var(--sombra-opacidad));
}

.fill-azul-700 svg {
  fill: #1f6888;
}

.stroke-azul-700 svg {
  stroke: #1f6888;
}

.bg-azul-800 {
  background-color: rgba(22, 76, 99, var(--bg-opacidad));
}

.color-azul-800 {
  color: #164c63;
}

.borde-azul-800 {
  border-color: #164c63;
}

.de-azul-800 {
  --color-de: #164c63 0%, var(--color-hasta) 100%;
}

.sombra-azul-800 {
  --sombra-color: rgba(22, 76, 99, var(--sombra-opacidad));
}

.fill-azul-800 svg {
  fill: #164c63;
}

.stroke-azul-800 svg {
  stroke: #164c63;
}

.bg-azul-900 {
  background-color: rgba(14, 47, 62, var(--bg-opacidad));
}

.color-azul-900 {
  color: #0e2f3e;
}

.borde-azul-900 {
  border-color: #0e2f3e;
}

.de-azul-900 {
  --color-de: #0e2f3e 0%, var(--color-hasta) 100%;
}

.sombra-azul-900 {
  --sombra-color: rgba(14, 47, 62, var(--sombra-opacidad));
}

.fill-azul-900 svg {
  fill: #0e2f3e;
}

.stroke-azul-900 svg {
  stroke: #0e2f3e;
}

.bg-azul-950 {
  background-color: rgba(6, 19, 25, var(--bg-opacidad));
}

.color-azul-950 {
  color: #061319;
}

.borde-azul-950 {
  border-color: #061319;
}

.de-azul-950 {
  --color-de: #061319 0%, var(--color-hasta) 100%;
}

.sombra-azul-950 {
  --sombra-color: rgba(6, 19, 25, var(--sombra-opacidad));
}

.fill-azul-950 svg {
  fill: #061319;
}

.stroke-azul-950 svg {
  stroke: #061319;
}

.bg-cobalto-10 {
  background-color: rgba(231, 238, 248, var(--bg-opacidad));
}

.color-cobalto-10 {
  color: #e7eef8;
}

.borde-cobalto-10 {
  border-color: #e7eef8;
}

.de-cobalto-10 {
  --color-de: #e7eef8 0%, var(--color-hasta) 100%;
}

.sombra-cobalto-10 {
  --sombra-color: rgba(231, 238, 248, var(--sombra-opacidad));
}

.fill-cobalto-10 svg {
  fill: #e7eef8;
}

.stroke-cobalto-10 svg {
  stroke: #e7eef8;
}

.bg-cobalto-25 {
  background-color: rgba(195, 212, 238, var(--bg-opacidad));
}

.color-cobalto-25 {
  color: #c3d4ee;
}

.borde-cobalto-25 {
  border-color: #c3d4ee;
}

.de-cobalto-25 {
  --color-de: #c3d4ee 0%, var(--color-hasta) 100%;
}

.sombra-cobalto-25 {
  --sombra-color: rgba(195, 212, 238, var(--sombra-opacidad));
}

.fill-cobalto-25 svg {
  fill: #c3d4ee;
}

.stroke-cobalto-25 svg {
  stroke: #c3d4ee;
}

.bg-cobalto-50 {
  background-color: rgba(159, 186, 227, var(--bg-opacidad));
}

.color-cobalto-50 {
  color: #9fbae3;
}

.borde-cobalto-50 {
  border-color: #9fbae3;
}

.de-cobalto-50 {
  --color-de: #9fbae3 0%, var(--color-hasta) 100%;
}

.sombra-cobalto-50 {
  --sombra-color: rgba(159, 186, 227, var(--sombra-opacidad));
}

.fill-cobalto-50 svg {
  fill: #9fbae3;
}

.stroke-cobalto-50 svg {
  stroke: #9fbae3;
}

.bg-cobalto-100 {
  background-color: rgba(123, 160, 217, var(--bg-opacidad));
}

.color-cobalto-100 {
  color: #7ba0d9;
}

.borde-cobalto-100 {
  border-color: #7ba0d9;
}

.de-cobalto-100 {
  --color-de: #7ba0d9 0%, var(--color-hasta) 100%;
}

.sombra-cobalto-100 {
  --sombra-color: rgba(123, 160, 217, var(--sombra-opacidad));
}

.fill-cobalto-100 svg {
  fill: #7ba0d9;
}

.stroke-cobalto-100 svg {
  stroke: #7ba0d9;
}

.bg-cobalto-200 {
  background-color: rgba(87, 134, 207, var(--bg-opacidad));
}

.color-cobalto-200 {
  color: #5786cf;
}

.borde-cobalto-200 {
  border-color: #5786cf;
}

.de-cobalto-200 {
  --color-de: #5786cf 0%, var(--color-hasta) 100%;
}

.sombra-cobalto-200 {
  --sombra-color: rgba(87, 134, 207, var(--sombra-opacidad));
}

.fill-cobalto-200 svg {
  fill: #5786cf;
}

.stroke-cobalto-200 svg {
  stroke: #5786cf;
}

.bg-cobalto-300 {
  background-color: rgba(51, 108, 196, var(--bg-opacidad));
}

.color-cobalto-300 {
  color: #336cc4;
}

.borde-cobalto-300 {
  border-color: #336cc4;
}

.de-cobalto-300 {
  --color-de: #336cc4 0%, var(--color-hasta) 100%;
}

.sombra-cobalto-300 {
  --sombra-color: rgba(51, 108, 196, var(--sombra-opacidad));
}

.fill-cobalto-300 svg {
  fill: #336cc4;
}

.stroke-cobalto-300 svg {
  stroke: #336cc4;
}

.bg-cobalto-400 {
  background-color: rgba(15, 82, 186, var(--bg-opacidad));
}

.color-cobalto-400 {
  color: #0f52ba;
}

.borde-cobalto-400 {
  border-color: #0f52ba;
}

.de-cobalto-400 {
  --color-de: #0f52ba 0%, var(--color-hasta) 100%;
}

.sombra-cobalto-400 {
  --sombra-color: rgba(15, 82, 186, var(--sombra-opacidad));
}

.fill-cobalto-400 svg {
  fill: #0f52ba;
}

.stroke-cobalto-400 svg {
  stroke: #0f52ba;
}

.bg-cobalto-500 {
  background-color: rgba(13, 70, 158, var(--bg-opacidad));
}

.color-cobalto-500 {
  color: #0d469e;
}

.borde-cobalto-500 {
  border-color: #0d469e;
}

.de-cobalto-500 {
  --color-de: #0d469e 0%, var(--color-hasta) 100%;
}

.sombra-cobalto-500 {
  --sombra-color: rgba(13, 70, 158, var(--sombra-opacidad));
}

.fill-cobalto-500 svg {
  fill: #0d469e;
}

.stroke-cobalto-500 svg {
  stroke: #0d469e;
}

.bg-cobalto-600 {
  background-color: rgba(11, 57, 130, var(--bg-opacidad));
}

.color-cobalto-600 {
  color: #0b3982;
}

.borde-cobalto-600 {
  border-color: #0b3982;
}

.de-cobalto-600 {
  --color-de: #0b3982 0%, var(--color-hasta) 100%;
}

.sombra-cobalto-600 {
  --sombra-color: rgba(11, 57, 130, var(--sombra-opacidad));
}

.fill-cobalto-600 svg {
  fill: #0b3982;
}

.stroke-cobalto-600 svg {
  stroke: #0b3982;
}

.bg-cobalto-700 {
  background-color: rgba(8, 45, 102, var(--bg-opacidad));
}

.color-cobalto-700 {
  color: #082d66;
}

.borde-cobalto-700 {
  border-color: #082d66;
}

.de-cobalto-700 {
  --color-de: #082d66 0%, var(--color-hasta) 100%;
}

.sombra-cobalto-700 {
  --sombra-color: rgba(8, 45, 102, var(--sombra-opacidad));
}

.fill-cobalto-700 svg {
  fill: #082d66;
}

.stroke-cobalto-700 svg {
  stroke: #082d66;
}

.bg-cobalto-800 {
  background-color: rgba(6, 33, 74, var(--bg-opacidad));
}

.color-cobalto-800 {
  color: #06214a;
}

.borde-cobalto-800 {
  border-color: #06214a;
}

.de-cobalto-800 {
  --color-de: #06214a 0%, var(--color-hasta) 100%;
}

.sombra-cobalto-800 {
  --sombra-color: rgba(6, 33, 74, var(--sombra-opacidad));
}

.fill-cobalto-800 svg {
  fill: #06214a;
}

.stroke-cobalto-800 svg {
  stroke: #06214a;
}

.bg-cobalto-900 {
  background-color: rgba(4, 21, 47, var(--bg-opacidad));
}

.color-cobalto-900 {
  color: #04152f;
}

.borde-cobalto-900 {
  border-color: #04152f;
}

.de-cobalto-900 {
  --color-de: #04152f 0%, var(--color-hasta) 100%;
}

.sombra-cobalto-900 {
  --sombra-color: rgba(4, 21, 47, var(--sombra-opacidad));
}

.fill-cobalto-900 svg {
  fill: #04152f;
}

.stroke-cobalto-900 svg {
  stroke: #04152f;
}

.bg-cobalto-950 {
  background-color: rgba(1, 8, 19, var(--bg-opacidad));
}

.color-cobalto-950 {
  color: #010813;
}

.borde-cobalto-950 {
  border-color: #010813;
}

.de-cobalto-950 {
  --color-de: #010813 0%, var(--color-hasta) 100%;
}

.sombra-cobalto-950 {
  --sombra-color: rgba(1, 8, 19, var(--sombra-opacidad));
}

.fill-cobalto-950 svg {
  fill: #010813;
}

.stroke-cobalto-950 svg {
  stroke: #010813;
}

.bg-gris-10 {
  background-color: rgba(245, 246, 247, var(--bg-opacidad));
}

.color-gris-10 {
  color: #f5f6f7;
}

.borde-gris-10 {
  border-color: #f5f6f7;
}

.de-gris-10 {
  --color-de: #f5f6f7 0%, var(--color-hasta) 100%;
}

.sombra-gris-10 {
  --sombra-color: rgba(245, 246, 247, var(--sombra-opacidad));
}

.fill-gris-10 svg {
  fill: #f5f6f7;
}

.stroke-gris-10 svg {
  stroke: #f5f6f7;
}

.bg-gris-25 {
  background-color: rgba(230, 232, 235, var(--bg-opacidad));
}

.color-gris-25 {
  color: #e6e8eb;
}

.borde-gris-25 {
  border-color: #e6e8eb;
}

.de-gris-25 {
  --color-de: #e6e8eb 0%, var(--color-hasta) 100%;
}

.sombra-gris-25 {
  --sombra-color: rgba(230, 232, 235, var(--sombra-opacidad));
}

.fill-gris-25 svg {
  fill: #e6e8eb;
}

.stroke-gris-25 svg {
  stroke: #e6e8eb;
}

.bg-gris-50 {
  background-color: rgba(215, 218, 223, var(--bg-opacidad));
}

.color-gris-50 {
  color: #d7dadf;
}

.borde-gris-50 {
  border-color: #d7dadf;
}

.de-gris-50 {
  --color-de: #d7dadf 0%, var(--color-hasta) 100%;
}

.sombra-gris-50 {
  --sombra-color: rgba(215, 218, 223, var(--sombra-opacidad));
}

.fill-gris-50 svg {
  fill: #d7dadf;
}

.stroke-gris-50 svg {
  stroke: #d7dadf;
}

.bg-gris-100 {
  background-color: rgba(201, 204, 211, var(--bg-opacidad));
}

.color-gris-100 {
  color: #c9ccd3;
}

.borde-gris-100 {
  border-color: #c9ccd3;
}

.de-gris-100 {
  --color-de: #c9ccd3 0%, var(--color-hasta) 100%;
}

.sombra-gris-100 {
  --sombra-color: rgba(201, 204, 211, var(--sombra-opacidad));
}

.fill-gris-100 svg {
  fill: #c9ccd3;
}

.stroke-gris-100 svg {
  stroke: #c9ccd3;
}

.bg-gris-200 {
  background-color: rgba(186, 191, 199, var(--bg-opacidad));
}

.color-gris-200 {
  color: #babfc7;
}

.borde-gris-200 {
  border-color: #babfc7;
}

.de-gris-200 {
  --color-de: #babfc7 0%, var(--color-hasta) 100%;
}

.sombra-gris-200 {
  --sombra-color: rgba(186, 191, 199, var(--sombra-opacidad));
}

.fill-gris-200 svg {
  fill: #babfc7;
}

.stroke-gris-200 svg {
  stroke: #babfc7;
}

.bg-gris-300 {
  background-color: rgba(171, 177, 187, var(--bg-opacidad));
}

.color-gris-300 {
  color: #abb1bb;
}

.borde-gris-300 {
  border-color: #abb1bb;
}

.de-gris-300 {
  --color-de: #abb1bb 0%, var(--color-hasta) 100%;
}

.sombra-gris-300 {
  --sombra-color: rgba(171, 177, 187, var(--sombra-opacidad));
}

.fill-gris-300 svg {
  fill: #abb1bb;
}

.stroke-gris-300 svg {
  stroke: #abb1bb;
}

.bg-gris-400 {
  background-color: rgba(156, 163, 175, var(--bg-opacidad));
}

.color-gris-400 {
  color: #9ca3af;
}

.borde-gris-400 {
  border-color: #9ca3af;
}

.de-gris-400 {
  --color-de: #9ca3af 0%, var(--color-hasta) 100%;
}

.sombra-gris-400 {
  --sombra-color: rgba(156, 163, 175, var(--sombra-opacidad));
}

.fill-gris-400 svg {
  fill: #9ca3af;
}

.stroke-gris-400 svg {
  stroke: #9ca3af;
}

.bg-gris-500 {
  background-color: rgba(133, 139, 149, var(--bg-opacidad));
}

.color-gris-500 {
  color: #858b95;
}

.borde-gris-500 {
  border-color: #858b95;
}

.de-gris-500 {
  --color-de: #858b95 0%, var(--color-hasta) 100%;
}

.sombra-gris-500 {
  --sombra-color: rgba(133, 139, 149, var(--sombra-opacidad));
}

.fill-gris-500 svg {
  fill: #858b95;
}

.stroke-gris-500 svg {
  stroke: #858b95;
}

.bg-gris-600 {
  background-color: rgba(109, 114, 122, var(--bg-opacidad));
}

.color-gris-600 {
  color: #6d727a;
}

.borde-gris-600 {
  border-color: #6d727a;
}

.de-gris-600 {
  --color-de: #6d727a 0%, var(--color-hasta) 100%;
}

.sombra-gris-600 {
  --sombra-color: rgba(109, 114, 122, var(--sombra-opacidad));
}

.fill-gris-600 svg {
  fill: #6d727a;
}

.stroke-gris-600 svg {
  stroke: #6d727a;
}

.bg-gris-700 {
  background-color: rgba(86, 90, 96, var(--bg-opacidad));
}

.color-gris-700 {
  color: #565a60;
}

.borde-gris-700 {
  border-color: #565a60;
}

.de-gris-700 {
  --color-de: #565a60 0%, var(--color-hasta) 100%;
}

.sombra-gris-700 {
  --sombra-color: rgba(86, 90, 96, var(--sombra-opacidad));
}

.fill-gris-700 svg {
  fill: #565a60;
}

.stroke-gris-700 svg {
  stroke: #565a60;
}

.bg-gris-800 {
  background-color: rgba(62, 65, 70, var(--bg-opacidad));
}

.color-gris-800 {
  color: #3e4146;
}

.borde-gris-800 {
  border-color: #3e4146;
}

.de-gris-800 {
  --color-de: #3e4146 0%, var(--color-hasta) 100%;
}

.sombra-gris-800 {
  --sombra-color: rgba(62, 65, 70, var(--sombra-opacidad));
}

.fill-gris-800 svg {
  fill: #3e4146;
}

.stroke-gris-800 svg {
  stroke: #3e4146;
}

.bg-gris-900 {
  background-color: rgba(39, 41, 44, var(--bg-opacidad));
}

.color-gris-900 {
  color: #27292c;
}

.borde-gris-900 {
  border-color: #27292c;
}

.de-gris-900 {
  --color-de: #27292c 0%, var(--color-hasta) 100%;
}

.sombra-gris-900 {
  --sombra-color: rgba(39, 41, 44, var(--sombra-opacidad));
}

.fill-gris-900 svg {
  fill: #27292c;
}

.stroke-gris-900 svg {
  stroke: #27292c;
}

.bg-gris-950 {
  background-color: rgba(16, 16, 17, var(--bg-opacidad));
}

.color-gris-950 {
  color: #101011;
}

.borde-gris-950 {
  border-color: #101011;
}

.de-gris-950 {
  --color-de: #101011 0%, var(--color-hasta) 100%;
}

.sombra-gris-950 {
  --sombra-color: rgba(16, 16, 17, var(--sombra-opacidad));
}

.fill-gris-950 svg {
  fill: #101011;
}

.stroke-gris-950 svg {
  stroke: #101011;
}

.bg-verde-10 {
  background-color: rgba(231, 248, 242, var(--bg-opacidad));
}

.color-verde-10 {
  color: #e7f8f2;
}

.borde-verde-10 {
  border-color: #e7f8f2;
}

.de-verde-10 {
  --color-de: #e7f8f2 0%, var(--color-hasta) 100%;
}

.sombra-verde-10 {
  --sombra-color: rgba(231, 248, 242, var(--sombra-opacidad));
}

.fill-verde-10 svg {
  fill: #e7f8f2;
}

.stroke-verde-10 svg {
  stroke: #e7f8f2;
}

.bg-verde-25 {
  background-color: rgba(195, 238, 224, var(--bg-opacidad));
}

.color-verde-25 {
  color: #c3eee0;
}

.borde-verde-25 {
  border-color: #c3eee0;
}

.de-verde-25 {
  --color-de: #c3eee0 0%, var(--color-hasta) 100%;
}

.sombra-verde-25 {
  --sombra-color: rgba(195, 238, 224, var(--sombra-opacidad));
}

.fill-verde-25 svg {
  fill: #c3eee0;
}

.stroke-verde-25 svg {
  stroke: #c3eee0;
}

.bg-verde-50 {
  background-color: rgba(159, 227, 205, var(--bg-opacidad));
}

.color-verde-50 {
  color: #9fe3cd;
}

.borde-verde-50 {
  border-color: #9fe3cd;
}

.de-verde-50 {
  --color-de: #9fe3cd 0%, var(--color-hasta) 100%;
}

.sombra-verde-50 {
  --sombra-color: rgba(159, 227, 205, var(--sombra-opacidad));
}

.fill-verde-50 svg {
  fill: #9fe3cd;
}

.stroke-verde-50 svg {
  stroke: #9fe3cd;
}

.bg-verde-100 {
  background-color: rgba(124, 217, 186, var(--bg-opacidad));
}

.color-verde-100 {
  color: #7cd9ba;
}

.borde-verde-100 {
  border-color: #7cd9ba;
}

.de-verde-100 {
  --color-de: #7cd9ba 0%, var(--color-hasta) 100%;
}

.sombra-verde-100 {
  --sombra-color: rgba(124, 217, 186, var(--sombra-opacidad));
}

.fill-verde-100 svg {
  fill: #7cd9ba;
}

.stroke-verde-100 svg {
  stroke: #7cd9ba;
}

.bg-verde-200 {
  background-color: rgba(88, 206, 167, var(--bg-opacidad));
}

.color-verde-200 {
  color: #58cea7;
}

.borde-verde-200 {
  border-color: #58cea7;
}

.de-verde-200 {
  --color-de: #58cea7 0%, var(--color-hasta) 100%;
}

.sombra-verde-200 {
  --sombra-color: rgba(88, 206, 167, var(--sombra-opacidad));
}

.fill-verde-200 svg {
  fill: #58cea7;
}

.stroke-verde-200 svg {
  stroke: #58cea7;
}

.bg-verde-300 {
  background-color: rgba(52, 196, 148, var(--bg-opacidad));
}

.color-verde-300 {
  color: #34c494;
}

.borde-verde-300 {
  border-color: #34c494;
}

.de-verde-300 {
  --color-de: #34c494 0%, var(--color-hasta) 100%;
}

.sombra-verde-300 {
  --sombra-color: rgba(52, 196, 148, var(--sombra-opacidad));
}

.fill-verde-300 svg {
  fill: #34c494;
}

.stroke-verde-300 svg {
  stroke: #34c494;
}

.bg-verde-400 {
  background-color: rgba(16, 185, 129, var(--bg-opacidad));
}

.color-verde-400 {
  color: #10b981;
}

.borde-verde-400 {
  border-color: #10b981;
}

.de-verde-400 {
  --color-de: #10b981 0%, var(--color-hasta) 100%;
}

.sombra-verde-400 {
  --sombra-color: rgba(16, 185, 129, var(--sombra-opacidad));
}

.fill-verde-400 svg {
  fill: #10b981;
}

.stroke-verde-400 svg {
  stroke: #10b981;
}

.bg-verde-500 {
  background-color: rgba(14, 157, 110, var(--bg-opacidad));
}

.color-verde-500 {
  color: #0e9d6e;
}

.borde-verde-500 {
  border-color: #0e9d6e;
}

.de-verde-500 {
  --color-de: #0e9d6e 0%, var(--color-hasta) 100%;
}

.sombra-verde-500 {
  --sombra-color: rgba(14, 157, 110, var(--sombra-opacidad));
}

.fill-verde-500 svg {
  fill: #0e9d6e;
}

.stroke-verde-500 svg {
  stroke: #0e9d6e;
}

.bg-verde-600 {
  background-color: rgba(11, 130, 90, var(--bg-opacidad));
}

.color-verde-600 {
  color: #0b825a;
}

.borde-verde-600 {
  border-color: #0b825a;
}

.de-verde-600 {
  --color-de: #0b825a 0%, var(--color-hasta) 100%;
}

.sombra-verde-600 {
  --sombra-color: rgba(11, 130, 90, var(--sombra-opacidad));
}

.fill-verde-600 svg {
  fill: #0b825a;
}

.stroke-verde-600 svg {
  stroke: #0b825a;
}

.bg-verde-700 {
  background-color: rgba(9, 102, 71, var(--bg-opacidad));
}

.color-verde-700 {
  color: #096647;
}

.borde-verde-700 {
  border-color: #096647;
}

.de-verde-700 {
  --color-de: #096647 0%, var(--color-hasta) 100%;
}

.sombra-verde-700 {
  --sombra-color: rgba(9, 102, 71, var(--sombra-opacidad));
}

.fill-verde-700 svg {
  fill: #096647;
}

.stroke-verde-700 svg {
  stroke: #096647;
}

.bg-verde-800 {
  background-color: rgba(6, 74, 52, var(--bg-opacidad));
}

.color-verde-800 {
  color: #064a34;
}

.borde-verde-800 {
  border-color: #064a34;
}

.de-verde-800 {
  --color-de: #064a34 0%, var(--color-hasta) 100%;
}

.sombra-verde-800 {
  --sombra-color: rgba(6, 74, 52, var(--sombra-opacidad));
}

.fill-verde-800 svg {
  fill: #064a34;
}

.stroke-verde-800 svg {
  stroke: #064a34;
}

.bg-verde-900 {
  background-color: rgba(4, 46, 32, var(--bg-opacidad));
}

.color-verde-900 {
  color: #042e20;
}

.borde-verde-900 {
  border-color: #042e20;
}

.de-verde-900 {
  --color-de: #042e20 0%, var(--color-hasta) 100%;
}

.sombra-verde-900 {
  --sombra-color: rgba(4, 46, 32, var(--sombra-opacidad));
}

.fill-verde-900 svg {
  fill: #042e20;
}

.stroke-verde-900 svg {
  stroke: #042e20;
}

.bg-verde-950 {
  background-color: rgba(2, 18, 13, var(--bg-opacidad));
}

.color-verde-950 {
  color: #02120d;
}

.borde-verde-950 {
  border-color: #02120d;
}

.de-verde-950 {
  --color-de: #02120d 0%, var(--color-hasta) 100%;
}

.sombra-verde-950 {
  --sombra-color: rgba(2, 18, 13, var(--sombra-opacidad));
}

.fill-verde-950 svg {
  fill: #02120d;
}

.stroke-verde-950 svg {
  stroke: #02120d;
}

.bg-turquesa-10 {
  background-color: rgba(230, 250, 251, var(--bg-opacidad));
}

.color-turquesa-10 {
  color: #e6fafb;
}

.borde-turquesa-10 {
  border-color: #e6fafb;
}

.de-turquesa-10 {
  --color-de: #e6fafb 0%, var(--color-hasta) 100%;
}

.sombra-turquesa-10 {
  --sombra-color: rgba(230, 250, 251, var(--sombra-opacidad));
}

.fill-turquesa-10 svg {
  fill: #e6fafb;
}

.stroke-turquesa-10 svg {
  stroke: #e6fafb;
}

.bg-turquesa-25 {
  background-color: rgba(191, 242, 244, var(--bg-opacidad));
}

.color-turquesa-25 {
  color: #bff2f4;
}

.borde-turquesa-25 {
  border-color: #bff2f4;
}

.de-turquesa-25 {
  --color-de: #bff2f4 0%, var(--color-hasta) 100%;
}

.sombra-turquesa-25 {
  --sombra-color: rgba(191, 242, 244, var(--sombra-opacidad));
}

.fill-turquesa-25 svg {
  fill: #bff2f4;
}

.stroke-turquesa-25 svg {
  stroke: #bff2f4;
}

.bg-turquesa-50 {
  background-color: rgba(153, 233, 238, var(--bg-opacidad));
}

.color-turquesa-50 {
  color: #99e9ee;
}

.borde-turquesa-50 {
  border-color: #99e9ee;
}

.de-turquesa-50 {
  --color-de: #99e9ee 0%, var(--color-hasta) 100%;
}

.sombra-turquesa-50 {
  --sombra-color: rgba(153, 233, 238, var(--sombra-opacidad));
}

.fill-turquesa-50 svg {
  fill: #99e9ee;
}

.stroke-turquesa-50 svg {
  stroke: #99e9ee;
}

.bg-turquesa-100 {
  background-color: rgba(115, 225, 231, var(--bg-opacidad));
}

.color-turquesa-100 {
  color: #73e1e7;
}

.borde-turquesa-100 {
  border-color: #73e1e7;
}

.de-turquesa-100 {
  --color-de: #73e1e7 0%, var(--color-hasta) 100%;
}

.sombra-turquesa-100 {
  --sombra-color: rgba(115, 225, 231, var(--sombra-opacidad));
}

.fill-turquesa-100 svg {
  fill: #73e1e7;
}

.stroke-turquesa-100 svg {
  stroke: #73e1e7;
}

.bg-turquesa-200 {
  background-color: rgba(77, 217, 225, var(--bg-opacidad));
}

.color-turquesa-200 {
  color: #4dd9e1;
}

.borde-turquesa-200 {
  border-color: #4dd9e1;
}

.de-turquesa-200 {
  --color-de: #4dd9e1 0%, var(--color-hasta) 100%;
}

.sombra-turquesa-200 {
  --sombra-color: rgba(77, 217, 225, var(--sombra-opacidad));
}

.fill-turquesa-200 svg {
  fill: #4dd9e1;
}

.stroke-turquesa-200 svg {
  stroke: #4dd9e1;
}

.bg-turquesa-300 {
  background-color: rgba(38, 209, 218, var(--bg-opacidad));
}

.color-turquesa-300 {
  color: #26d1da;
}

.borde-turquesa-300 {
  border-color: #26d1da;
}

.de-turquesa-300 {
  --color-de: #26d1da 0%, var(--color-hasta) 100%;
}

.sombra-turquesa-300 {
  --sombra-color: rgba(38, 209, 218, var(--sombra-opacidad));
}

.fill-turquesa-300 svg {
  fill: #26d1da;
}

.stroke-turquesa-300 svg {
  stroke: #26d1da;
}

.bg-turquesa-400 {
  background-color: rgba(0, 201, 212, var(--bg-opacidad));
}

.color-turquesa-400 {
  color: #00c9d4;
}

.borde-turquesa-400 {
  border-color: #00c9d4;
}

.de-turquesa-400 {
  --color-de: #00c9d4 0%, var(--color-hasta) 100%;
}

.sombra-turquesa-400 {
  --sombra-color: rgba(0, 201, 212, var(--sombra-opacidad));
}

.fill-turquesa-400 svg {
  fill: #00c9d4;
}

.stroke-turquesa-400 svg {
  stroke: #00c9d4;
}

.bg-turquesa-500 {
  background-color: rgba(0, 171, 180, var(--bg-opacidad));
}

.color-turquesa-500 {
  color: #00abb4;
}

.borde-turquesa-500 {
  border-color: #00abb4;
}

.de-turquesa-500 {
  --color-de: #00abb4 0%, var(--color-hasta) 100%;
}

.sombra-turquesa-500 {
  --sombra-color: rgba(0, 171, 180, var(--sombra-opacidad));
}

.fill-turquesa-500 svg {
  fill: #00abb4;
}

.stroke-turquesa-500 svg {
  stroke: #00abb4;
}

.bg-turquesa-600 {
  background-color: rgba(0, 141, 148, var(--bg-opacidad));
}

.color-turquesa-600 {
  color: #008d94;
}

.borde-turquesa-600 {
  border-color: #008d94;
}

.de-turquesa-600 {
  --color-de: #008d94 0%, var(--color-hasta) 100%;
}

.sombra-turquesa-600 {
  --sombra-color: rgba(0, 141, 148, var(--sombra-opacidad));
}

.fill-turquesa-600 svg {
  fill: #008d94;
}

.stroke-turquesa-600 svg {
  stroke: #008d94;
}

.bg-turquesa-700 {
  background-color: rgba(0, 111, 117, var(--bg-opacidad));
}

.color-turquesa-700 {
  color: #006f75;
}

.borde-turquesa-700 {
  border-color: #006f75;
}

.de-turquesa-700 {
  --color-de: #006f75 0%, var(--color-hasta) 100%;
}

.sombra-turquesa-700 {
  --sombra-color: rgba(0, 111, 117, var(--sombra-opacidad));
}

.fill-turquesa-700 svg {
  fill: #006f75;
}

.stroke-turquesa-700 svg {
  stroke: #006f75;
}

.bg-turquesa-800 {
  background-color: rgba(0, 80, 85, var(--bg-opacidad));
}

.color-turquesa-800 {
  color: #005055;
}

.borde-turquesa-800 {
  border-color: #005055;
}

.de-turquesa-800 {
  --color-de: #005055 0%, var(--color-hasta) 100%;
}

.sombra-turquesa-800 {
  --sombra-color: rgba(0, 80, 85, var(--sombra-opacidad));
}

.fill-turquesa-800 svg {
  fill: #005055;
}

.stroke-turquesa-800 svg {
  stroke: #005055;
}

.bg-turquesa-900 {
  background-color: rgba(0, 50, 53, var(--bg-opacidad));
}

.color-turquesa-900 {
  color: #003235;
}

.borde-turquesa-900 {
  border-color: #003235;
}

.de-turquesa-900 {
  --color-de: #003235 0%, var(--color-hasta) 100%;
}

.sombra-turquesa-900 {
  --sombra-color: rgba(0, 50, 53, var(--sombra-opacidad));
}

.fill-turquesa-900 svg {
  fill: #003235;
}

.stroke-turquesa-900 svg {
  stroke: #003235;
}

.bg-turquesa-950 {
  background-color: rgba(0, 20, 21, var(--bg-opacidad));
}

.color-turquesa-950 {
  color: #001415;
}

.borde-turquesa-950 {
  border-color: #001415;
}

.de-turquesa-950 {
  --color-de: #001415 0%, var(--color-hasta) 100%;
}

.sombra-turquesa-950 {
  --sombra-color: rgba(0, 20, 21, var(--sombra-opacidad));
}

.fill-turquesa-950 svg {
  fill: #001415;
}

.stroke-turquesa-950 svg {
  stroke: #001415;
}

.bg-naranja-10 {
  background-color: rgba(253, 241, 230, var(--bg-opacidad));
}

.color-naranja-10 {
  color: #fdf1e6;
}

.borde-naranja-10 {
  border-color: #fdf1e6;
}

.de-naranja-10 {
  --color-de: #fdf1e6 0%, var(--color-hasta) 100%;
}

.sombra-naranja-10 {
  --sombra-color: rgba(253, 241, 230, var(--sombra-opacidad));
}

.fill-naranja-10 svg {
  fill: #fdf1e6;
}

.stroke-naranja-10 svg {
  stroke: #fdf1e6;
}

.bg-naranja-25 {
  background-color: rgba(251, 220, 191, var(--bg-opacidad));
}

.color-naranja-25 {
  color: #fbdcbf;
}

.borde-naranja-25 {
  border-color: #fbdcbf;
}

.de-naranja-25 {
  --color-de: #fbdcbf 0%, var(--color-hasta) 100%;
}

.sombra-naranja-25 {
  --sombra-color: rgba(251, 220, 191, var(--sombra-opacidad));
}

.fill-naranja-25 svg {
  fill: #fbdcbf;
}

.stroke-naranja-25 svg {
  stroke: #fbdcbf;
}

.bg-naranja-50 {
  background-color: rgba(248, 198, 153, var(--bg-opacidad));
}

.color-naranja-50 {
  color: #f8c699;
}

.borde-naranja-50 {
  border-color: #f8c699;
}

.de-naranja-50 {
  --color-de: #f8c699 0%, var(--color-hasta) 100%;
}

.sombra-naranja-50 {
  --sombra-color: rgba(248, 198, 153, var(--sombra-opacidad));
}

.fill-naranja-50 svg {
  fill: #f8c699;
}

.stroke-naranja-50 svg {
  stroke: #f8c699;
}

.bg-naranja-100 {
  background-color: rgba(246, 177, 115, var(--bg-opacidad));
}

.color-naranja-100 {
  color: #f6b173;
}

.borde-naranja-100 {
  border-color: #f6b173;
}

.de-naranja-100 {
  --color-de: #f6b173 0%, var(--color-hasta) 100%;
}

.sombra-naranja-100 {
  --sombra-color: rgba(246, 177, 115, var(--sombra-opacidad));
}

.fill-naranja-100 svg {
  fill: #f6b173;
}

.stroke-naranja-100 svg {
  stroke: #f6b173;
}

.bg-naranja-200 {
  background-color: rgba(243, 156, 77, var(--bg-opacidad));
}

.color-naranja-200 {
  color: #f39c4d;
}

.borde-naranja-200 {
  border-color: #f39c4d;
}

.de-naranja-200 {
  --color-de: #f39c4d 0%, var(--color-hasta) 100%;
}

.sombra-naranja-200 {
  --sombra-color: rgba(243, 156, 77, var(--sombra-opacidad));
}

.fill-naranja-200 svg {
  fill: #f39c4d;
}

.stroke-naranja-200 svg {
  stroke: #f39c4d;
}

.bg-naranja-300 {
  background-color: rgba(241, 134, 38, var(--bg-opacidad));
}

.color-naranja-300 {
  color: #f18626;
}

.borde-naranja-300 {
  border-color: #f18626;
}

.de-naranja-300 {
  --color-de: #f18626 0%, var(--color-hasta) 100%;
}

.sombra-naranja-300 {
  --sombra-color: rgba(241, 134, 38, var(--sombra-opacidad));
}

.fill-naranja-300 svg {
  fill: #f18626;
}

.stroke-naranja-300 svg {
  stroke: #f18626;
}

.bg-naranja-400 {
  background-color: rgba(238, 113, 0, var(--bg-opacidad));
}

.color-naranja-400 {
  color: #ee7100;
}

.borde-naranja-400 {
  border-color: #ee7100;
}

.de-naranja-400 {
  --color-de: #ee7100 0%, var(--color-hasta) 100%;
}

.sombra-naranja-400 {
  --sombra-color: rgba(238, 113, 0, var(--sombra-opacidad));
}

.fill-naranja-400 svg {
  fill: #ee7100;
}

.stroke-naranja-400 svg {
  stroke: #ee7100;
}

.bg-naranja-500 {
  background-color: rgba(202, 96, 0, var(--bg-opacidad));
}

.color-naranja-500 {
  color: #ca6000;
}

.borde-naranja-500 {
  border-color: #ca6000;
}

.de-naranja-500 {
  --color-de: #ca6000 0%, var(--color-hasta) 100%;
}

.sombra-naranja-500 {
  --sombra-color: rgba(202, 96, 0, var(--sombra-opacidad));
}

.fill-naranja-500 svg {
  fill: #ca6000;
}

.stroke-naranja-500 svg {
  stroke: #ca6000;
}

.bg-naranja-600 {
  background-color: rgba(167, 79, 0, var(--bg-opacidad));
}

.color-naranja-600 {
  color: #a74f00;
}

.borde-naranja-600 {
  border-color: #a74f00;
}

.de-naranja-600 {
  --color-de: #a74f00 0%, var(--color-hasta) 100%;
}

.sombra-naranja-600 {
  --sombra-color: rgba(167, 79, 0, var(--sombra-opacidad));
}

.fill-naranja-600 svg {
  fill: #a74f00;
}

.stroke-naranja-600 svg {
  stroke: #a74f00;
}

.bg-naranja-700 {
  background-color: rgba(131, 62, 0, var(--bg-opacidad));
}

.color-naranja-700 {
  color: #833e00;
}

.borde-naranja-700 {
  border-color: #833e00;
}

.de-naranja-700 {
  --color-de: #833e00 0%, var(--color-hasta) 100%;
}

.sombra-naranja-700 {
  --sombra-color: rgba(131, 62, 0, var(--sombra-opacidad));
}

.fill-naranja-700 svg {
  fill: #833e00;
}

.stroke-naranja-700 svg {
  stroke: #833e00;
}

.bg-naranja-800 {
  background-color: rgba(95, 45, 0, var(--bg-opacidad));
}

.color-naranja-800 {
  color: #5f2d00;
}

.borde-naranja-800 {
  border-color: #5f2d00;
}

.de-naranja-800 {
  --color-de: #5f2d00 0%, var(--color-hasta) 100%;
}

.sombra-naranja-800 {
  --sombra-color: rgba(95, 45, 0, var(--sombra-opacidad));
}

.fill-naranja-800 svg {
  fill: #5f2d00;
}

.stroke-naranja-800 svg {
  stroke: #5f2d00;
}

.bg-naranja-900 {
  background-color: rgba(60, 28, 0, var(--bg-opacidad));
}

.color-naranja-900 {
  color: #3c1c00;
}

.borde-naranja-900 {
  border-color: #3c1c00;
}

.de-naranja-900 {
  --color-de: #3c1c00 0%, var(--color-hasta) 100%;
}

.sombra-naranja-900 {
  --sombra-color: rgba(60, 28, 0, var(--sombra-opacidad));
}

.fill-naranja-900 svg {
  fill: #3c1c00;
}

.stroke-naranja-900 svg {
  stroke: #3c1c00;
}

.bg-naranja-950 {
  background-color: rgba(24, 11, 0, var(--bg-opacidad));
}

.color-naranja-950 {
  color: #180b00;
}

.borde-naranja-950 {
  border-color: #180b00;
}

.de-naranja-950 {
  --color-de: #180b00 0%, var(--color-hasta) 100%;
}

.sombra-naranja-950 {
  --sombra-color: rgba(24, 11, 0, var(--sombra-opacidad));
}

.fill-naranja-950 svg {
  fill: #180b00;
}

.stroke-naranja-950 svg {
  stroke: #180b00;
}

.bg-neutral-10 {
  background-color: rgba(241, 245, 249, var(--bg-opacidad));
}

.color-neutral-10 {
  color: #f1f5f9;
}

.borde-neutral-10 {
  border-color: #f1f5f9;
}

.de-neutral-10 {
  --color-de: #f1f5f9 0%, var(--color-hasta) 100%;
}

.sombra-neutral-10 {
  --sombra-color: rgba(241, 245, 249, var(--sombra-opacidad));
}

.fill-neutral-10 svg {
  fill: #f1f5f9;
}

.stroke-neutral-10 svg {
  stroke: #f1f5f9;
}

.bg-neutral-25 {
  background-color: rgba(226, 232, 240, var(--bg-opacidad));
}

.color-neutral-25 {
  color: #e2e8f0;
}

.borde-neutral-25 {
  border-color: #e2e8f0;
}

.de-neutral-25 {
  --color-de: #e2e8f0 0%, var(--color-hasta) 100%;
}

.sombra-neutral-25 {
  --sombra-color: rgba(226, 232, 240, var(--sombra-opacidad));
}

.fill-neutral-25 svg {
  fill: #e2e8f0;
}

.stroke-neutral-25 svg {
  stroke: #e2e8f0;
}

.bg-neutral-50 {
  background-color: rgba(203, 213, 225, var(--bg-opacidad));
}

.color-neutral-50 {
  color: #cbd5e1;
}

.borde-neutral-50 {
  border-color: #cbd5e1;
}

.de-neutral-50 {
  --color-de: #cbd5e1 0%, var(--color-hasta) 100%;
}

.sombra-neutral-50 {
  --sombra-color: rgba(203, 213, 225, var(--sombra-opacidad));
}

.fill-neutral-50 svg {
  fill: #cbd5e1;
}

.stroke-neutral-50 svg {
  stroke: #cbd5e1;
}

.bg-neutral-100 {
  background-color: rgba(169, 181, 197, var(--bg-opacidad));
}

.color-neutral-100 {
  color: #a9b5c5;
}

.borde-neutral-100 {
  border-color: #a9b5c5;
}

.de-neutral-100 {
  --color-de: #a9b5c5 0%, var(--color-hasta) 100%;
}

.sombra-neutral-100 {
  --sombra-color: rgba(169, 181, 197, var(--sombra-opacidad));
}

.fill-neutral-100 svg {
  fill: #a9b5c5;
}

.stroke-neutral-100 svg {
  stroke: #a9b5c5;
}

.bg-neutral-200 {
  background-color: rgba(146, 161, 181, var(--bg-opacidad));
}

.color-neutral-200 {
  color: #92a1b5;
}

.borde-neutral-200 {
  border-color: #92a1b5;
}

.de-neutral-200 {
  --color-de: #92a1b5 0%, var(--color-hasta) 100%;
}

.sombra-neutral-200 {
  --sombra-color: rgba(146, 161, 181, var(--sombra-opacidad));
}

.fill-neutral-200 svg {
  fill: #92a1b5;
}

.stroke-neutral-200 svg {
  stroke: #92a1b5;
}

.bg-neutral-300 {
  background-color: rgba(122, 140, 165, var(--bg-opacidad));
}

.color-neutral-300 {
  color: #7a8ca5;
}

.borde-neutral-300 {
  border-color: #7a8ca5;
}

.de-neutral-300 {
  --color-de: #7a8ca5 0%, var(--color-hasta) 100%;
}

.sombra-neutral-300 {
  --sombra-color: rgba(122, 140, 165, var(--sombra-opacidad));
}

.fill-neutral-300 svg {
  fill: #7a8ca5;
}

.stroke-neutral-300 svg {
  stroke: #7a8ca5;
}

.bg-neutral-400 {
  background-color: rgba(99, 120, 149, var(--bg-opacidad));
}

.color-neutral-400 {
  color: #637895;
}

.borde-neutral-400 {
  border-color: #637895;
}

.de-neutral-400 {
  --color-de: #637895 0%, var(--color-hasta) 100%;
}

.sombra-neutral-400 {
  --sombra-color: rgba(99, 120, 149, var(--sombra-opacidad));
}

.fill-neutral-400 svg {
  fill: #637895;
}

.stroke-neutral-400 svg {
  stroke: #637895;
}

.bg-neutral-500 {
  background-color: rgba(84, 102, 127, var(--bg-opacidad));
}

.color-neutral-500 {
  color: #54667f;
}

.borde-neutral-500 {
  border-color: #54667f;
}

.de-neutral-500 {
  --color-de: #54667f 0%, var(--color-hasta) 100%;
}

.sombra-neutral-500 {
  --sombra-color: rgba(84, 102, 127, var(--sombra-opacidad));
}

.fill-neutral-500 svg {
  fill: #54667f;
}

.stroke-neutral-500 svg {
  stroke: #54667f;
}

.bg-neutral-600 {
  background-color: rgba(69, 84, 104, var(--bg-opacidad));
}

.color-neutral-600 {
  color: #455468;
}

.borde-neutral-600 {
  border-color: #455468;
}

.de-neutral-600 {
  --color-de: #455468 0%, var(--color-hasta) 100%;
}

.sombra-neutral-600 {
  --sombra-color: rgba(69, 84, 104, var(--sombra-opacidad));
}

.fill-neutral-600 svg {
  fill: #455468;
}

.stroke-neutral-600 svg {
  stroke: #455468;
}

.bg-neutral-700 {
  background-color: rgba(54, 66, 82, var(--bg-opacidad));
}

.color-neutral-700 {
  color: #364252;
}

.borde-neutral-700 {
  border-color: #364252;
}

.de-neutral-700 {
  --color-de: #364252 0%, var(--color-hasta) 100%;
}

.sombra-neutral-700 {
  --sombra-color: rgba(54, 66, 82, var(--sombra-opacidad));
}

.fill-neutral-700 svg {
  fill: #364252;
}

.stroke-neutral-700 svg {
  stroke: #364252;
}

.bg-neutral-800 {
  background-color: rgba(40, 48, 60, var(--bg-opacidad));
}

.color-neutral-800 {
  color: #28303c;
}

.borde-neutral-800 {
  border-color: #28303c;
}

.de-neutral-800 {
  --color-de: #28303c 0%, var(--color-hasta) 100%;
}

.sombra-neutral-800 {
  --sombra-color: rgba(40, 48, 60, var(--sombra-opacidad));
}

.fill-neutral-800 svg {
  fill: #28303c;
}

.stroke-neutral-800 svg {
  stroke: #28303c;
}

.bg-neutral-900 {
  background-color: rgba(25, 30, 37, var(--bg-opacidad));
}

.color-neutral-900 {
  color: #191e25;
}

.borde-neutral-900 {
  border-color: #191e25;
}

.de-neutral-900 {
  --color-de: #191e25 0%, var(--color-hasta) 100%;
}

.sombra-neutral-900 {
  --sombra-color: rgba(25, 30, 37, var(--sombra-opacidad));
}

.fill-neutral-900 svg {
  fill: #191e25;
}

.stroke-neutral-900 svg {
  stroke: #191e25;
}

.bg-neutral-950 {
  background-color: rgba(10, 12, 15, var(--bg-opacidad));
}

.color-neutral-950 {
  color: #0a0c0f;
}

.borde-neutral-950 {
  border-color: #0a0c0f;
}

.de-neutral-950 {
  --color-de: #0a0c0f 0%, var(--color-hasta) 100%;
}

.sombra-neutral-950 {
  --sombra-color: rgba(10, 12, 15, var(--sombra-opacidad));
}

.fill-neutral-950 svg {
  fill: #0a0c0f;
}

.stroke-neutral-950 svg {
  stroke: #0a0c0f;
}

.bg-blanco {
  background-color: rgba(255, 255, 255, var(--bg-opacidad));
}

.color-blanco, .menu-pie a {
  color: #fff;
}

.borde-blanco {
  border-color: #fff;
}

.de-blanco {
  --color-de: #fff 0%, var(--color-hasta) 100%;
}

.sombra-blanco {
  --sombra-color: rgba(255, 255, 255, var(--sombra-opacidad));
}

.fill-blanco svg {
  fill: #fff;
}

.stroke-blanco svg {
  stroke: #fff;
}

.bg-negro {
  background-color: rgba(0, 0, 0, var(--bg-opacidad));
}

.color-negro {
  color: #000;
}

.borde-negro {
  border-color: #000;
}

.de-negro {
  --color-de: #000 0%, var(--color-hasta) 100%;
}

.sombra-negro {
  --sombra-color: rgba(0, 0, 0, var(--sombra-opacidad));
}

.fill-negro svg {
  fill: #000;
}

.stroke-negro svg {
  stroke: #000;
}

.bg-transparente {
  background-color: rgba(0, 0, 0, var(--bg-opacidad));
}

.color-transparente {
  color: transparent;
}

.borde-transparente {
  border-color: transparent;
}

.de-transparente {
  --color-de: transparent 0%, var(--color-hasta) 100%;
}

.sombra-transparente {
  --sombra-color: rgba(0, 0, 0, var(--sombra-opacidad));
}

.fill-transparente svg {
  fill: transparent;
}

.stroke-transparente svg {
  stroke: transparent;
}

.hasta-rojo-10 {
  --color-hasta: #fdecec;
}

.hasta-rojo-25 {
  --color-hasta: #fbd0d0;
}

.hasta-rojo-50 {
  --color-hasta: #fbd0d0;
}

.hasta-rojo-100 {
  --color-hasta: #f69898;
}

.hasta-rojo-200 {
  --color-hasta: #f47c7c;
}

.hasta-rojo-300 {
  --color-hasta: #f16060;
}

.hasta-rojo-400 {
  --color-hasta: #ef4444;
}

.hasta-rojo-500 {
  --color-hasta: #cb3a3a;
}

.hasta-rojo-600 {
  --color-hasta: #a73030;
}

.hasta-rojo-700 {
  --color-hasta: #832525;
}

.hasta-rojo-800 {
  --color-hasta: #601b1b;
}

.hasta-rojo-900 {
  --color-hasta: #3c1111;
}

.hasta-rojo-950 {
  --color-hasta: #180707;
}

.hasta-amarillo-10 {
  --color-hasta: #fffae8;
}

.hasta-amarillo-25 {
  --color-hasta: #fef2c5;
}

.hasta-amarillo-50 {
  --color-hasta: #fdeba1;
}

.hasta-amarillo-100 {
  --color-hasta: #fce37e;
}

.hasta-amarillo-200 {
  --color-hasta: #fcdb5b;
}

.hasta-amarillo-300 {
  --color-hasta: #fbd438;
}

.hasta-amarillo-400 {
  --color-hasta: #facc15;
}

.hasta-amarillo-500 {
  --color-hasta: #d5ad12;
}

.hasta-amarillo-600 {
  --color-hasta: #af8f0f;
}

.hasta-amarillo-700 {
  --color-hasta: #8a700c;
}

.hasta-amarillo-800 {
  --color-hasta: #645208;
}

.hasta-amarillo-900 {
  --color-hasta: #3f3305;
}

.hasta-amarillo-950 {
  --color-hasta: #191402;
}

.hasta-azul-10 {
  --color-hasta: #ebf8fe;
}

.hasta-azul-25 {
  --color-hasta: #cdeffd;
}

.hasta-azul-50 {
  --color-hasta: #afe5fc;
}

.hasta-azul-100 {
  --color-hasta: #92dbfb;
}

.hasta-azul-200 {
  --color-hasta: #74d1fa;
}

.hasta-azul-300 {
  --color-hasta: #56c7f9;
}

.hasta-azul-400 {
  --color-hasta: #38bdf8;
}

.hasta-azul-500 {
  --color-hasta: #30a1d3;
}

.hasta-azul-600 {
  --color-hasta: #2784ae;
}

.hasta-azul-700 {
  --color-hasta: #1f6888;
}

.hasta-azul-800 {
  --color-hasta: #164c63;
}

.hasta-azul-900 {
  --color-hasta: #0e2f3e;
}

.hasta-azul-950 {
  --color-hasta: #061319;
}

.hasta-cobalto-10 {
  --color-hasta: #e7eef8;
}

.hasta-cobalto-25 {
  --color-hasta: #c3d4ee;
}

.hasta-cobalto-50 {
  --color-hasta: #9fbae3;
}

.hasta-cobalto-100 {
  --color-hasta: #7ba0d9;
}

.hasta-cobalto-200 {
  --color-hasta: #5786cf;
}

.hasta-cobalto-300 {
  --color-hasta: #336cc4;
}

.hasta-cobalto-400 {
  --color-hasta: #0f52ba;
}

.hasta-cobalto-500 {
  --color-hasta: #0d469e;
}

.hasta-cobalto-600 {
  --color-hasta: #0b3982;
}

.hasta-cobalto-700 {
  --color-hasta: #082d66;
}

.hasta-cobalto-800 {
  --color-hasta: #06214a;
}

.hasta-cobalto-900 {
  --color-hasta: #04152f;
}

.hasta-cobalto-950 {
  --color-hasta: #010813;
}

.hasta-gris-10 {
  --color-hasta: #f5f6f7;
}

.hasta-gris-25 {
  --color-hasta: #e6e8eb;
}

.hasta-gris-50 {
  --color-hasta: #d7dadf;
}

.hasta-gris-100 {
  --color-hasta: #c9ccd3;
}

.hasta-gris-200 {
  --color-hasta: #babfc7;
}

.hasta-gris-300 {
  --color-hasta: #abb1bb;
}

.hasta-gris-400 {
  --color-hasta: #9ca3af;
}

.hasta-gris-500 {
  --color-hasta: #858b95;
}

.hasta-gris-600 {
  --color-hasta: #6d727a;
}

.hasta-gris-700 {
  --color-hasta: #565a60;
}

.hasta-gris-800 {
  --color-hasta: #3e4146;
}

.hasta-gris-900 {
  --color-hasta: #27292c;
}

.hasta-gris-950 {
  --color-hasta: #101011;
}

.hasta-verde-10 {
  --color-hasta: #e7f8f2;
}

.hasta-verde-25 {
  --color-hasta: #c3eee0;
}

.hasta-verde-50 {
  --color-hasta: #9fe3cd;
}

.hasta-verde-100 {
  --color-hasta: #7cd9ba;
}

.hasta-verde-200 {
  --color-hasta: #58cea7;
}

.hasta-verde-300 {
  --color-hasta: #34c494;
}

.hasta-verde-400 {
  --color-hasta: #10b981;
}

.hasta-verde-500 {
  --color-hasta: #0e9d6e;
}

.hasta-verde-600 {
  --color-hasta: #0b825a;
}

.hasta-verde-700 {
  --color-hasta: #096647;
}

.hasta-verde-800 {
  --color-hasta: #064a34;
}

.hasta-verde-900 {
  --color-hasta: #042e20;
}

.hasta-verde-950 {
  --color-hasta: #02120d;
}

.hasta-turquesa-10 {
  --color-hasta: #e6fafb;
}

.hasta-turquesa-25 {
  --color-hasta: #bff2f4;
}

.hasta-turquesa-50 {
  --color-hasta: #99e9ee;
}

.hasta-turquesa-100 {
  --color-hasta: #73e1e7;
}

.hasta-turquesa-200 {
  --color-hasta: #4dd9e1;
}

.hasta-turquesa-300 {
  --color-hasta: #26d1da;
}

.hasta-turquesa-400 {
  --color-hasta: #00c9d4;
}

.hasta-turquesa-500 {
  --color-hasta: #00abb4;
}

.hasta-turquesa-600 {
  --color-hasta: #008d94;
}

.hasta-turquesa-700 {
  --color-hasta: #006f75;
}

.hasta-turquesa-800 {
  --color-hasta: #005055;
}

.hasta-turquesa-900 {
  --color-hasta: #003235;
}

.hasta-turquesa-950 {
  --color-hasta: #001415;
}

.hasta-naranja-10 {
  --color-hasta: #fdf1e6;
}

.hasta-naranja-25 {
  --color-hasta: #fbdcbf;
}

.hasta-naranja-50 {
  --color-hasta: #f8c699;
}

.hasta-naranja-100 {
  --color-hasta: #f6b173;
}

.hasta-naranja-200 {
  --color-hasta: #f39c4d;
}

.hasta-naranja-300 {
  --color-hasta: #f18626;
}

.hasta-naranja-400 {
  --color-hasta: #ee7100;
}

.hasta-naranja-500 {
  --color-hasta: #ca6000;
}

.hasta-naranja-600 {
  --color-hasta: #a74f00;
}

.hasta-naranja-700 {
  --color-hasta: #833e00;
}

.hasta-naranja-800 {
  --color-hasta: #5f2d00;
}

.hasta-naranja-900 {
  --color-hasta: #3c1c00;
}

.hasta-naranja-950 {
  --color-hasta: #180b00;
}

.hasta-neutral-10 {
  --color-hasta: #f1f5f9;
}

.hasta-neutral-25 {
  --color-hasta: #e2e8f0;
}

.hasta-neutral-50 {
  --color-hasta: #cbd5e1;
}

.hasta-neutral-100 {
  --color-hasta: #a9b5c5;
}

.hasta-neutral-200 {
  --color-hasta: #92a1b5;
}

.hasta-neutral-300 {
  --color-hasta: #7a8ca5;
}

.hasta-neutral-400 {
  --color-hasta: #637895;
}

.hasta-neutral-500 {
  --color-hasta: #54667f;
}

.hasta-neutral-600 {
  --color-hasta: #455468;
}

.hasta-neutral-700 {
  --color-hasta: #364252;
}

.hasta-neutral-800 {
  --color-hasta: #28303c;
}

.hasta-neutral-900 {
  --color-hasta: #191e25;
}

.hasta-neutral-950 {
  --color-hasta: #0a0c0f;
}

.hasta-blanco {
  --color-hasta: #fff;
}

.hasta-negro {
  --color-hasta: #000;
}

.hasta-transparente {
  --color-hasta: transparent;
}

.hover\:bg-rojo-10:hover {
  background-color: rgba(253, 236, 236, var(--bg-opacidad));
}

.hover\:color-rojo-10:hover {
  color: #fdecec;
}

.hover\:borde-rojo-10:hover {
  border-color: #fdecec;
}

.hover\:de-rojo-10:hover {
  --color-de: #fdecec 0%, var(--color-hasta) 100%;
}

.hover\:sombra-rojo-10:hover {
  --sombra-color: rgba(253, 236, 236, var(--sombra-opacidad));
}

.hover\:fill-rojo-10:hover svg {
  fill: #fdecec;
}

.hover\:stroke-rojo-10:hover svg {
  stroke: #fdecec;
}

.hover\:bg-rojo-25:hover {
  background-color: rgba(251, 208, 208, var(--bg-opacidad));
}

.hover\:color-rojo-25:hover {
  color: #fbd0d0;
}

.hover\:borde-rojo-25:hover {
  border-color: #fbd0d0;
}

.hover\:de-rojo-25:hover {
  --color-de: #fbd0d0 0%, var(--color-hasta) 100%;
}

.hover\:sombra-rojo-25:hover {
  --sombra-color: rgba(251, 208, 208, var(--sombra-opacidad));
}

.hover\:fill-rojo-25:hover svg {
  fill: #fbd0d0;
}

.hover\:stroke-rojo-25:hover svg {
  stroke: #fbd0d0;
}

.hover\:bg-rojo-50:hover {
  background-color: rgba(251, 208, 208, var(--bg-opacidad));
}

.hover\:color-rojo-50:hover {
  color: #fbd0d0;
}

.hover\:borde-rojo-50:hover {
  border-color: #fbd0d0;
}

.hover\:de-rojo-50:hover {
  --color-de: #fbd0d0 0%, var(--color-hasta) 100%;
}

.hover\:sombra-rojo-50:hover {
  --sombra-color: rgba(251, 208, 208, var(--sombra-opacidad));
}

.hover\:fill-rojo-50:hover svg {
  fill: #fbd0d0;
}

.hover\:stroke-rojo-50:hover svg {
  stroke: #fbd0d0;
}

.hover\:bg-rojo-100:hover {
  background-color: rgba(246, 152, 152, var(--bg-opacidad));
}

.hover\:color-rojo-100:hover {
  color: #f69898;
}

.hover\:borde-rojo-100:hover {
  border-color: #f69898;
}

.hover\:de-rojo-100:hover {
  --color-de: #f69898 0%, var(--color-hasta) 100%;
}

.hover\:sombra-rojo-100:hover {
  --sombra-color: rgba(246, 152, 152, var(--sombra-opacidad));
}

.hover\:fill-rojo-100:hover svg {
  fill: #f69898;
}

.hover\:stroke-rojo-100:hover svg {
  stroke: #f69898;
}

.hover\:bg-rojo-200:hover {
  background-color: rgba(244, 124, 124, var(--bg-opacidad));
}

.hover\:color-rojo-200:hover {
  color: #f47c7c;
}

.hover\:borde-rojo-200:hover {
  border-color: #f47c7c;
}

.hover\:de-rojo-200:hover {
  --color-de: #f47c7c 0%, var(--color-hasta) 100%;
}

.hover\:sombra-rojo-200:hover {
  --sombra-color: rgba(244, 124, 124, var(--sombra-opacidad));
}

.hover\:fill-rojo-200:hover svg {
  fill: #f47c7c;
}

.hover\:stroke-rojo-200:hover svg {
  stroke: #f47c7c;
}

.hover\:bg-rojo-300:hover {
  background-color: rgba(241, 96, 96, var(--bg-opacidad));
}

.hover\:color-rojo-300:hover {
  color: #f16060;
}

.hover\:borde-rojo-300:hover {
  border-color: #f16060;
}

.hover\:de-rojo-300:hover {
  --color-de: #f16060 0%, var(--color-hasta) 100%;
}

.hover\:sombra-rojo-300:hover {
  --sombra-color: rgba(241, 96, 96, var(--sombra-opacidad));
}

.hover\:fill-rojo-300:hover svg {
  fill: #f16060;
}

.hover\:stroke-rojo-300:hover svg {
  stroke: #f16060;
}

.hover\:bg-rojo-400:hover {
  background-color: rgba(239, 68, 68, var(--bg-opacidad));
}

.hover\:color-rojo-400:hover {
  color: #ef4444;
}

.hover\:borde-rojo-400:hover {
  border-color: #ef4444;
}

.hover\:de-rojo-400:hover {
  --color-de: #ef4444 0%, var(--color-hasta) 100%;
}

.hover\:sombra-rojo-400:hover {
  --sombra-color: rgba(239, 68, 68, var(--sombra-opacidad));
}

.hover\:fill-rojo-400:hover svg {
  fill: #ef4444;
}

.hover\:stroke-rojo-400:hover svg {
  stroke: #ef4444;
}

.hover\:bg-rojo-500:hover {
  background-color: rgba(203, 58, 58, var(--bg-opacidad));
}

.hover\:color-rojo-500:hover {
  color: #cb3a3a;
}

.hover\:borde-rojo-500:hover {
  border-color: #cb3a3a;
}

.hover\:de-rojo-500:hover {
  --color-de: #cb3a3a 0%, var(--color-hasta) 100%;
}

.hover\:sombra-rojo-500:hover {
  --sombra-color: rgba(203, 58, 58, var(--sombra-opacidad));
}

.hover\:fill-rojo-500:hover svg {
  fill: #cb3a3a;
}

.hover\:stroke-rojo-500:hover svg {
  stroke: #cb3a3a;
}

.hover\:bg-rojo-600:hover {
  background-color: rgba(167, 48, 48, var(--bg-opacidad));
}

.hover\:color-rojo-600:hover {
  color: #a73030;
}

.hover\:borde-rojo-600:hover {
  border-color: #a73030;
}

.hover\:de-rojo-600:hover {
  --color-de: #a73030 0%, var(--color-hasta) 100%;
}

.hover\:sombra-rojo-600:hover {
  --sombra-color: rgba(167, 48, 48, var(--sombra-opacidad));
}

.hover\:fill-rojo-600:hover svg {
  fill: #a73030;
}

.hover\:stroke-rojo-600:hover svg {
  stroke: #a73030;
}

.hover\:bg-rojo-700:hover {
  background-color: rgba(131, 37, 37, var(--bg-opacidad));
}

.hover\:color-rojo-700:hover {
  color: #832525;
}

.hover\:borde-rojo-700:hover {
  border-color: #832525;
}

.hover\:de-rojo-700:hover {
  --color-de: #832525 0%, var(--color-hasta) 100%;
}

.hover\:sombra-rojo-700:hover {
  --sombra-color: rgba(131, 37, 37, var(--sombra-opacidad));
}

.hover\:fill-rojo-700:hover svg {
  fill: #832525;
}

.hover\:stroke-rojo-700:hover svg {
  stroke: #832525;
}

.hover\:bg-rojo-800:hover {
  background-color: rgba(96, 27, 27, var(--bg-opacidad));
}

.hover\:color-rojo-800:hover {
  color: #601b1b;
}

.hover\:borde-rojo-800:hover {
  border-color: #601b1b;
}

.hover\:de-rojo-800:hover {
  --color-de: #601b1b 0%, var(--color-hasta) 100%;
}

.hover\:sombra-rojo-800:hover {
  --sombra-color: rgba(96, 27, 27, var(--sombra-opacidad));
}

.hover\:fill-rojo-800:hover svg {
  fill: #601b1b;
}

.hover\:stroke-rojo-800:hover svg {
  stroke: #601b1b;
}

.hover\:bg-rojo-900:hover {
  background-color: rgba(60, 17, 17, var(--bg-opacidad));
}

.hover\:color-rojo-900:hover {
  color: #3c1111;
}

.hover\:borde-rojo-900:hover {
  border-color: #3c1111;
}

.hover\:de-rojo-900:hover {
  --color-de: #3c1111 0%, var(--color-hasta) 100%;
}

.hover\:sombra-rojo-900:hover {
  --sombra-color: rgba(60, 17, 17, var(--sombra-opacidad));
}

.hover\:fill-rojo-900:hover svg {
  fill: #3c1111;
}

.hover\:stroke-rojo-900:hover svg {
  stroke: #3c1111;
}

.hover\:bg-rojo-950:hover {
  background-color: rgba(24, 7, 7, var(--bg-opacidad));
}

.hover\:color-rojo-950:hover {
  color: #180707;
}

.hover\:borde-rojo-950:hover {
  border-color: #180707;
}

.hover\:de-rojo-950:hover {
  --color-de: #180707 0%, var(--color-hasta) 100%;
}

.hover\:sombra-rojo-950:hover {
  --sombra-color: rgba(24, 7, 7, var(--sombra-opacidad));
}

.hover\:fill-rojo-950:hover svg {
  fill: #180707;
}

.hover\:stroke-rojo-950:hover svg {
  stroke: #180707;
}

.hover\:bg-amarillo-10:hover {
  background-color: rgba(255, 250, 232, var(--bg-opacidad));
}

.hover\:color-amarillo-10:hover {
  color: #fffae8;
}

.hover\:borde-amarillo-10:hover {
  border-color: #fffae8;
}

.hover\:de-amarillo-10:hover {
  --color-de: #fffae8 0%, var(--color-hasta) 100%;
}

.hover\:sombra-amarillo-10:hover {
  --sombra-color: rgba(255, 250, 232, var(--sombra-opacidad));
}

.hover\:fill-amarillo-10:hover svg {
  fill: #fffae8;
}

.hover\:stroke-amarillo-10:hover svg {
  stroke: #fffae8;
}

.hover\:bg-amarillo-25:hover {
  background-color: rgba(254, 242, 197, var(--bg-opacidad));
}

.hover\:color-amarillo-25:hover {
  color: #fef2c5;
}

.hover\:borde-amarillo-25:hover {
  border-color: #fef2c5;
}

.hover\:de-amarillo-25:hover {
  --color-de: #fef2c5 0%, var(--color-hasta) 100%;
}

.hover\:sombra-amarillo-25:hover {
  --sombra-color: rgba(254, 242, 197, var(--sombra-opacidad));
}

.hover\:fill-amarillo-25:hover svg {
  fill: #fef2c5;
}

.hover\:stroke-amarillo-25:hover svg {
  stroke: #fef2c5;
}

.hover\:bg-amarillo-50:hover {
  background-color: rgba(253, 235, 161, var(--bg-opacidad));
}

.hover\:color-amarillo-50:hover {
  color: #fdeba1;
}

.hover\:borde-amarillo-50:hover {
  border-color: #fdeba1;
}

.hover\:de-amarillo-50:hover {
  --color-de: #fdeba1 0%, var(--color-hasta) 100%;
}

.hover\:sombra-amarillo-50:hover {
  --sombra-color: rgba(253, 235, 161, var(--sombra-opacidad));
}

.hover\:fill-amarillo-50:hover svg {
  fill: #fdeba1;
}

.hover\:stroke-amarillo-50:hover svg {
  stroke: #fdeba1;
}

.hover\:bg-amarillo-100:hover {
  background-color: rgba(252, 227, 126, var(--bg-opacidad));
}

.hover\:color-amarillo-100:hover {
  color: #fce37e;
}

.hover\:borde-amarillo-100:hover {
  border-color: #fce37e;
}

.hover\:de-amarillo-100:hover {
  --color-de: #fce37e 0%, var(--color-hasta) 100%;
}

.hover\:sombra-amarillo-100:hover {
  --sombra-color: rgba(252, 227, 126, var(--sombra-opacidad));
}

.hover\:fill-amarillo-100:hover svg {
  fill: #fce37e;
}

.hover\:stroke-amarillo-100:hover svg {
  stroke: #fce37e;
}

.hover\:bg-amarillo-200:hover {
  background-color: rgba(252, 219, 91, var(--bg-opacidad));
}

.hover\:color-amarillo-200:hover {
  color: #fcdb5b;
}

.hover\:borde-amarillo-200:hover {
  border-color: #fcdb5b;
}

.hover\:de-amarillo-200:hover {
  --color-de: #fcdb5b 0%, var(--color-hasta) 100%;
}

.hover\:sombra-amarillo-200:hover {
  --sombra-color: rgba(252, 219, 91, var(--sombra-opacidad));
}

.hover\:fill-amarillo-200:hover svg {
  fill: #fcdb5b;
}

.hover\:stroke-amarillo-200:hover svg {
  stroke: #fcdb5b;
}

.hover\:bg-amarillo-300:hover {
  background-color: rgba(251, 212, 56, var(--bg-opacidad));
}

.hover\:color-amarillo-300:hover {
  color: #fbd438;
}

.hover\:borde-amarillo-300:hover {
  border-color: #fbd438;
}

.hover\:de-amarillo-300:hover {
  --color-de: #fbd438 0%, var(--color-hasta) 100%;
}

.hover\:sombra-amarillo-300:hover {
  --sombra-color: rgba(251, 212, 56, var(--sombra-opacidad));
}

.hover\:fill-amarillo-300:hover svg {
  fill: #fbd438;
}

.hover\:stroke-amarillo-300:hover svg {
  stroke: #fbd438;
}

.hover\:bg-amarillo-400:hover {
  background-color: rgba(250, 204, 21, var(--bg-opacidad));
}

.hover\:color-amarillo-400:hover {
  color: #facc15;
}

.hover\:borde-amarillo-400:hover {
  border-color: #facc15;
}

.hover\:de-amarillo-400:hover {
  --color-de: #facc15 0%, var(--color-hasta) 100%;
}

.hover\:sombra-amarillo-400:hover {
  --sombra-color: rgba(250, 204, 21, var(--sombra-opacidad));
}

.hover\:fill-amarillo-400:hover svg {
  fill: #facc15;
}

.hover\:stroke-amarillo-400:hover svg {
  stroke: #facc15;
}

.hover\:bg-amarillo-500:hover {
  background-color: rgba(213, 173, 18, var(--bg-opacidad));
}

.hover\:color-amarillo-500:hover {
  color: #d5ad12;
}

.hover\:borde-amarillo-500:hover {
  border-color: #d5ad12;
}

.hover\:de-amarillo-500:hover {
  --color-de: #d5ad12 0%, var(--color-hasta) 100%;
}

.hover\:sombra-amarillo-500:hover {
  --sombra-color: rgba(213, 173, 18, var(--sombra-opacidad));
}

.hover\:fill-amarillo-500:hover svg {
  fill: #d5ad12;
}

.hover\:stroke-amarillo-500:hover svg {
  stroke: #d5ad12;
}

.hover\:bg-amarillo-600:hover {
  background-color: rgba(175, 143, 15, var(--bg-opacidad));
}

.hover\:color-amarillo-600:hover {
  color: #af8f0f;
}

.hover\:borde-amarillo-600:hover {
  border-color: #af8f0f;
}

.hover\:de-amarillo-600:hover {
  --color-de: #af8f0f 0%, var(--color-hasta) 100%;
}

.hover\:sombra-amarillo-600:hover {
  --sombra-color: rgba(175, 143, 15, var(--sombra-opacidad));
}

.hover\:fill-amarillo-600:hover svg {
  fill: #af8f0f;
}

.hover\:stroke-amarillo-600:hover svg {
  stroke: #af8f0f;
}

.hover\:bg-amarillo-700:hover {
  background-color: rgba(138, 112, 12, var(--bg-opacidad));
}

.hover\:color-amarillo-700:hover {
  color: #8a700c;
}

.hover\:borde-amarillo-700:hover {
  border-color: #8a700c;
}

.hover\:de-amarillo-700:hover {
  --color-de: #8a700c 0%, var(--color-hasta) 100%;
}

.hover\:sombra-amarillo-700:hover {
  --sombra-color: rgba(138, 112, 12, var(--sombra-opacidad));
}

.hover\:fill-amarillo-700:hover svg {
  fill: #8a700c;
}

.hover\:stroke-amarillo-700:hover svg {
  stroke: #8a700c;
}

.hover\:bg-amarillo-800:hover {
  background-color: rgba(100, 82, 8, var(--bg-opacidad));
}

.hover\:color-amarillo-800:hover {
  color: #645208;
}

.hover\:borde-amarillo-800:hover {
  border-color: #645208;
}

.hover\:de-amarillo-800:hover {
  --color-de: #645208 0%, var(--color-hasta) 100%;
}

.hover\:sombra-amarillo-800:hover {
  --sombra-color: rgba(100, 82, 8, var(--sombra-opacidad));
}

.hover\:fill-amarillo-800:hover svg {
  fill: #645208;
}

.hover\:stroke-amarillo-800:hover svg {
  stroke: #645208;
}

.hover\:bg-amarillo-900:hover {
  background-color: rgba(63, 51, 5, var(--bg-opacidad));
}

.hover\:color-amarillo-900:hover {
  color: #3f3305;
}

.hover\:borde-amarillo-900:hover {
  border-color: #3f3305;
}

.hover\:de-amarillo-900:hover {
  --color-de: #3f3305 0%, var(--color-hasta) 100%;
}

.hover\:sombra-amarillo-900:hover {
  --sombra-color: rgba(63, 51, 5, var(--sombra-opacidad));
}

.hover\:fill-amarillo-900:hover svg {
  fill: #3f3305;
}

.hover\:stroke-amarillo-900:hover svg {
  stroke: #3f3305;
}

.hover\:bg-amarillo-950:hover {
  background-color: rgba(25, 20, 2, var(--bg-opacidad));
}

.hover\:color-amarillo-950:hover {
  color: #191402;
}

.hover\:borde-amarillo-950:hover {
  border-color: #191402;
}

.hover\:de-amarillo-950:hover {
  --color-de: #191402 0%, var(--color-hasta) 100%;
}

.hover\:sombra-amarillo-950:hover {
  --sombra-color: rgba(25, 20, 2, var(--sombra-opacidad));
}

.hover\:fill-amarillo-950:hover svg {
  fill: #191402;
}

.hover\:stroke-amarillo-950:hover svg {
  stroke: #191402;
}

.hover\:bg-azul-10:hover {
  background-color: rgba(235, 248, 254, var(--bg-opacidad));
}

.hover\:color-azul-10:hover {
  color: #ebf8fe;
}

.hover\:borde-azul-10:hover {
  border-color: #ebf8fe;
}

.hover\:de-azul-10:hover {
  --color-de: #ebf8fe 0%, var(--color-hasta) 100%;
}

.hover\:sombra-azul-10:hover {
  --sombra-color: rgba(235, 248, 254, var(--sombra-opacidad));
}

.hover\:fill-azul-10:hover svg {
  fill: #ebf8fe;
}

.hover\:stroke-azul-10:hover svg {
  stroke: #ebf8fe;
}

.hover\:bg-azul-25:hover {
  background-color: rgba(205, 239, 253, var(--bg-opacidad));
}

.hover\:color-azul-25:hover {
  color: #cdeffd;
}

.hover\:borde-azul-25:hover {
  border-color: #cdeffd;
}

.hover\:de-azul-25:hover {
  --color-de: #cdeffd 0%, var(--color-hasta) 100%;
}

.hover\:sombra-azul-25:hover {
  --sombra-color: rgba(205, 239, 253, var(--sombra-opacidad));
}

.hover\:fill-azul-25:hover svg {
  fill: #cdeffd;
}

.hover\:stroke-azul-25:hover svg {
  stroke: #cdeffd;
}

.hover\:bg-azul-50:hover {
  background-color: rgba(175, 229, 252, var(--bg-opacidad));
}

.hover\:color-azul-50:hover {
  color: #afe5fc;
}

.hover\:borde-azul-50:hover {
  border-color: #afe5fc;
}

.hover\:de-azul-50:hover {
  --color-de: #afe5fc 0%, var(--color-hasta) 100%;
}

.hover\:sombra-azul-50:hover {
  --sombra-color: rgba(175, 229, 252, var(--sombra-opacidad));
}

.hover\:fill-azul-50:hover svg {
  fill: #afe5fc;
}

.hover\:stroke-azul-50:hover svg {
  stroke: #afe5fc;
}

.hover\:bg-azul-100:hover {
  background-color: rgba(146, 219, 251, var(--bg-opacidad));
}

.hover\:color-azul-100:hover {
  color: #92dbfb;
}

.hover\:borde-azul-100:hover {
  border-color: #92dbfb;
}

.hover\:de-azul-100:hover {
  --color-de: #92dbfb 0%, var(--color-hasta) 100%;
}

.hover\:sombra-azul-100:hover {
  --sombra-color: rgba(146, 219, 251, var(--sombra-opacidad));
}

.hover\:fill-azul-100:hover svg {
  fill: #92dbfb;
}

.hover\:stroke-azul-100:hover svg {
  stroke: #92dbfb;
}

.hover\:bg-azul-200:hover {
  background-color: rgba(116, 209, 250, var(--bg-opacidad));
}

.hover\:color-azul-200:hover {
  color: #74d1fa;
}

.hover\:borde-azul-200:hover {
  border-color: #74d1fa;
}

.hover\:de-azul-200:hover {
  --color-de: #74d1fa 0%, var(--color-hasta) 100%;
}

.hover\:sombra-azul-200:hover {
  --sombra-color: rgba(116, 209, 250, var(--sombra-opacidad));
}

.hover\:fill-azul-200:hover svg {
  fill: #74d1fa;
}

.hover\:stroke-azul-200:hover svg {
  stroke: #74d1fa;
}

.hover\:bg-azul-300:hover {
  background-color: rgba(86, 199, 249, var(--bg-opacidad));
}

.hover\:color-azul-300:hover {
  color: #56c7f9;
}

.hover\:borde-azul-300:hover {
  border-color: #56c7f9;
}

.hover\:de-azul-300:hover {
  --color-de: #56c7f9 0%, var(--color-hasta) 100%;
}

.hover\:sombra-azul-300:hover {
  --sombra-color: rgba(86, 199, 249, var(--sombra-opacidad));
}

.hover\:fill-azul-300:hover svg {
  fill: #56c7f9;
}

.hover\:stroke-azul-300:hover svg {
  stroke: #56c7f9;
}

.hover\:bg-azul-400:hover {
  background-color: rgba(56, 189, 248, var(--bg-opacidad));
}

.hover\:color-azul-400:hover {
  color: #38bdf8;
}

.hover\:borde-azul-400:hover {
  border-color: #38bdf8;
}

.hover\:de-azul-400:hover {
  --color-de: #38bdf8 0%, var(--color-hasta) 100%;
}

.hover\:sombra-azul-400:hover {
  --sombra-color: rgba(56, 189, 248, var(--sombra-opacidad));
}

.hover\:fill-azul-400:hover svg {
  fill: #38bdf8;
}

.hover\:stroke-azul-400:hover svg {
  stroke: #38bdf8;
}

.hover\:bg-azul-500:hover {
  background-color: rgba(48, 161, 211, var(--bg-opacidad));
}

.hover\:color-azul-500:hover {
  color: #30a1d3;
}

.hover\:borde-azul-500:hover {
  border-color: #30a1d3;
}

.hover\:de-azul-500:hover {
  --color-de: #30a1d3 0%, var(--color-hasta) 100%;
}

.hover\:sombra-azul-500:hover {
  --sombra-color: rgba(48, 161, 211, var(--sombra-opacidad));
}

.hover\:fill-azul-500:hover svg {
  fill: #30a1d3;
}

.hover\:stroke-azul-500:hover svg {
  stroke: #30a1d3;
}

.hover\:bg-azul-600:hover {
  background-color: rgba(39, 132, 174, var(--bg-opacidad));
}

.hover\:color-azul-600:hover {
  color: #2784ae;
}

.hover\:borde-azul-600:hover {
  border-color: #2784ae;
}

.hover\:de-azul-600:hover {
  --color-de: #2784ae 0%, var(--color-hasta) 100%;
}

.hover\:sombra-azul-600:hover {
  --sombra-color: rgba(39, 132, 174, var(--sombra-opacidad));
}

.hover\:fill-azul-600:hover svg {
  fill: #2784ae;
}

.hover\:stroke-azul-600:hover svg {
  stroke: #2784ae;
}

.hover\:bg-azul-700:hover {
  background-color: rgba(31, 104, 136, var(--bg-opacidad));
}

.hover\:color-azul-700:hover {
  color: #1f6888;
}

.hover\:borde-azul-700:hover {
  border-color: #1f6888;
}

.hover\:de-azul-700:hover {
  --color-de: #1f6888 0%, var(--color-hasta) 100%;
}

.hover\:sombra-azul-700:hover {
  --sombra-color: rgba(31, 104, 136, var(--sombra-opacidad));
}

.hover\:fill-azul-700:hover svg {
  fill: #1f6888;
}

.hover\:stroke-azul-700:hover svg {
  stroke: #1f6888;
}

.hover\:bg-azul-800:hover {
  background-color: rgba(22, 76, 99, var(--bg-opacidad));
}

.hover\:color-azul-800:hover {
  color: #164c63;
}

.hover\:borde-azul-800:hover {
  border-color: #164c63;
}

.hover\:de-azul-800:hover {
  --color-de: #164c63 0%, var(--color-hasta) 100%;
}

.hover\:sombra-azul-800:hover {
  --sombra-color: rgba(22, 76, 99, var(--sombra-opacidad));
}

.hover\:fill-azul-800:hover svg {
  fill: #164c63;
}

.hover\:stroke-azul-800:hover svg {
  stroke: #164c63;
}

.hover\:bg-azul-900:hover {
  background-color: rgba(14, 47, 62, var(--bg-opacidad));
}

.hover\:color-azul-900:hover {
  color: #0e2f3e;
}

.hover\:borde-azul-900:hover {
  border-color: #0e2f3e;
}

.hover\:de-azul-900:hover {
  --color-de: #0e2f3e 0%, var(--color-hasta) 100%;
}

.hover\:sombra-azul-900:hover {
  --sombra-color: rgba(14, 47, 62, var(--sombra-opacidad));
}

.hover\:fill-azul-900:hover svg {
  fill: #0e2f3e;
}

.hover\:stroke-azul-900:hover svg {
  stroke: #0e2f3e;
}

.hover\:bg-azul-950:hover {
  background-color: rgba(6, 19, 25, var(--bg-opacidad));
}

.hover\:color-azul-950:hover {
  color: #061319;
}

.hover\:borde-azul-950:hover {
  border-color: #061319;
}

.hover\:de-azul-950:hover {
  --color-de: #061319 0%, var(--color-hasta) 100%;
}

.hover\:sombra-azul-950:hover {
  --sombra-color: rgba(6, 19, 25, var(--sombra-opacidad));
}

.hover\:fill-azul-950:hover svg {
  fill: #061319;
}

.hover\:stroke-azul-950:hover svg {
  stroke: #061319;
}

.hover\:bg-cobalto-10:hover {
  background-color: rgba(231, 238, 248, var(--bg-opacidad));
}

.hover\:color-cobalto-10:hover {
  color: #e7eef8;
}

.hover\:borde-cobalto-10:hover {
  border-color: #e7eef8;
}

.hover\:de-cobalto-10:hover {
  --color-de: #e7eef8 0%, var(--color-hasta) 100%;
}

.hover\:sombra-cobalto-10:hover {
  --sombra-color: rgba(231, 238, 248, var(--sombra-opacidad));
}

.hover\:fill-cobalto-10:hover svg {
  fill: #e7eef8;
}

.hover\:stroke-cobalto-10:hover svg {
  stroke: #e7eef8;
}

.hover\:bg-cobalto-25:hover {
  background-color: rgba(195, 212, 238, var(--bg-opacidad));
}

.hover\:color-cobalto-25:hover {
  color: #c3d4ee;
}

.hover\:borde-cobalto-25:hover {
  border-color: #c3d4ee;
}

.hover\:de-cobalto-25:hover {
  --color-de: #c3d4ee 0%, var(--color-hasta) 100%;
}

.hover\:sombra-cobalto-25:hover {
  --sombra-color: rgba(195, 212, 238, var(--sombra-opacidad));
}

.hover\:fill-cobalto-25:hover svg {
  fill: #c3d4ee;
}

.hover\:stroke-cobalto-25:hover svg {
  stroke: #c3d4ee;
}

.hover\:bg-cobalto-50:hover {
  background-color: rgba(159, 186, 227, var(--bg-opacidad));
}

.hover\:color-cobalto-50:hover {
  color: #9fbae3;
}

.hover\:borde-cobalto-50:hover {
  border-color: #9fbae3;
}

.hover\:de-cobalto-50:hover {
  --color-de: #9fbae3 0%, var(--color-hasta) 100%;
}

.hover\:sombra-cobalto-50:hover {
  --sombra-color: rgba(159, 186, 227, var(--sombra-opacidad));
}

.hover\:fill-cobalto-50:hover svg {
  fill: #9fbae3;
}

.hover\:stroke-cobalto-50:hover svg {
  stroke: #9fbae3;
}

.hover\:bg-cobalto-100:hover {
  background-color: rgba(123, 160, 217, var(--bg-opacidad));
}

.hover\:color-cobalto-100:hover {
  color: #7ba0d9;
}

.hover\:borde-cobalto-100:hover {
  border-color: #7ba0d9;
}

.hover\:de-cobalto-100:hover {
  --color-de: #7ba0d9 0%, var(--color-hasta) 100%;
}

.hover\:sombra-cobalto-100:hover {
  --sombra-color: rgba(123, 160, 217, var(--sombra-opacidad));
}

.hover\:fill-cobalto-100:hover svg {
  fill: #7ba0d9;
}

.hover\:stroke-cobalto-100:hover svg {
  stroke: #7ba0d9;
}

.hover\:bg-cobalto-200:hover {
  background-color: rgba(87, 134, 207, var(--bg-opacidad));
}

.hover\:color-cobalto-200:hover {
  color: #5786cf;
}

.hover\:borde-cobalto-200:hover {
  border-color: #5786cf;
}

.hover\:de-cobalto-200:hover {
  --color-de: #5786cf 0%, var(--color-hasta) 100%;
}

.hover\:sombra-cobalto-200:hover {
  --sombra-color: rgba(87, 134, 207, var(--sombra-opacidad));
}

.hover\:fill-cobalto-200:hover svg {
  fill: #5786cf;
}

.hover\:stroke-cobalto-200:hover svg {
  stroke: #5786cf;
}

.hover\:bg-cobalto-300:hover {
  background-color: rgba(51, 108, 196, var(--bg-opacidad));
}

.hover\:color-cobalto-300:hover {
  color: #336cc4;
}

.hover\:borde-cobalto-300:hover {
  border-color: #336cc4;
}

.hover\:de-cobalto-300:hover {
  --color-de: #336cc4 0%, var(--color-hasta) 100%;
}

.hover\:sombra-cobalto-300:hover {
  --sombra-color: rgba(51, 108, 196, var(--sombra-opacidad));
}

.hover\:fill-cobalto-300:hover svg {
  fill: #336cc4;
}

.hover\:stroke-cobalto-300:hover svg {
  stroke: #336cc4;
}

.hover\:bg-cobalto-400:hover {
  background-color: rgba(15, 82, 186, var(--bg-opacidad));
}

.hover\:color-cobalto-400:hover {
  color: #0f52ba;
}

.hover\:borde-cobalto-400:hover {
  border-color: #0f52ba;
}

.hover\:de-cobalto-400:hover {
  --color-de: #0f52ba 0%, var(--color-hasta) 100%;
}

.hover\:sombra-cobalto-400:hover {
  --sombra-color: rgba(15, 82, 186, var(--sombra-opacidad));
}

.hover\:fill-cobalto-400:hover svg {
  fill: #0f52ba;
}

.hover\:stroke-cobalto-400:hover svg {
  stroke: #0f52ba;
}

.hover\:bg-cobalto-500:hover {
  background-color: rgba(13, 70, 158, var(--bg-opacidad));
}

.hover\:color-cobalto-500:hover {
  color: #0d469e;
}

.hover\:borde-cobalto-500:hover {
  border-color: #0d469e;
}

.hover\:de-cobalto-500:hover {
  --color-de: #0d469e 0%, var(--color-hasta) 100%;
}

.hover\:sombra-cobalto-500:hover {
  --sombra-color: rgba(13, 70, 158, var(--sombra-opacidad));
}

.hover\:fill-cobalto-500:hover svg {
  fill: #0d469e;
}

.hover\:stroke-cobalto-500:hover svg {
  stroke: #0d469e;
}

.hover\:bg-cobalto-600:hover {
  background-color: rgba(11, 57, 130, var(--bg-opacidad));
}

.hover\:color-cobalto-600:hover {
  color: #0b3982;
}

.hover\:borde-cobalto-600:hover {
  border-color: #0b3982;
}

.hover\:de-cobalto-600:hover {
  --color-de: #0b3982 0%, var(--color-hasta) 100%;
}

.hover\:sombra-cobalto-600:hover {
  --sombra-color: rgba(11, 57, 130, var(--sombra-opacidad));
}

.hover\:fill-cobalto-600:hover svg {
  fill: #0b3982;
}

.hover\:stroke-cobalto-600:hover svg {
  stroke: #0b3982;
}

.hover\:bg-cobalto-700:hover {
  background-color: rgba(8, 45, 102, var(--bg-opacidad));
}

.hover\:color-cobalto-700:hover {
  color: #082d66;
}

.hover\:borde-cobalto-700:hover {
  border-color: #082d66;
}

.hover\:de-cobalto-700:hover {
  --color-de: #082d66 0%, var(--color-hasta) 100%;
}

.hover\:sombra-cobalto-700:hover {
  --sombra-color: rgba(8, 45, 102, var(--sombra-opacidad));
}

.hover\:fill-cobalto-700:hover svg {
  fill: #082d66;
}

.hover\:stroke-cobalto-700:hover svg {
  stroke: #082d66;
}

.hover\:bg-cobalto-800:hover {
  background-color: rgba(6, 33, 74, var(--bg-opacidad));
}

.hover\:color-cobalto-800:hover {
  color: #06214a;
}

.hover\:borde-cobalto-800:hover {
  border-color: #06214a;
}

.hover\:de-cobalto-800:hover {
  --color-de: #06214a 0%, var(--color-hasta) 100%;
}

.hover\:sombra-cobalto-800:hover {
  --sombra-color: rgba(6, 33, 74, var(--sombra-opacidad));
}

.hover\:fill-cobalto-800:hover svg {
  fill: #06214a;
}

.hover\:stroke-cobalto-800:hover svg {
  stroke: #06214a;
}

.hover\:bg-cobalto-900:hover {
  background-color: rgba(4, 21, 47, var(--bg-opacidad));
}

.hover\:color-cobalto-900:hover {
  color: #04152f;
}

.hover\:borde-cobalto-900:hover {
  border-color: #04152f;
}

.hover\:de-cobalto-900:hover {
  --color-de: #04152f 0%, var(--color-hasta) 100%;
}

.hover\:sombra-cobalto-900:hover {
  --sombra-color: rgba(4, 21, 47, var(--sombra-opacidad));
}

.hover\:fill-cobalto-900:hover svg {
  fill: #04152f;
}

.hover\:stroke-cobalto-900:hover svg {
  stroke: #04152f;
}

.hover\:bg-cobalto-950:hover {
  background-color: rgba(1, 8, 19, var(--bg-opacidad));
}

.hover\:color-cobalto-950:hover {
  color: #010813;
}

.hover\:borde-cobalto-950:hover {
  border-color: #010813;
}

.hover\:de-cobalto-950:hover {
  --color-de: #010813 0%, var(--color-hasta) 100%;
}

.hover\:sombra-cobalto-950:hover {
  --sombra-color: rgba(1, 8, 19, var(--sombra-opacidad));
}

.hover\:fill-cobalto-950:hover svg {
  fill: #010813;
}

.hover\:stroke-cobalto-950:hover svg {
  stroke: #010813;
}

.hover\:bg-gris-10:hover {
  background-color: rgba(245, 246, 247, var(--bg-opacidad));
}

.hover\:color-gris-10:hover {
  color: #f5f6f7;
}

.hover\:borde-gris-10:hover {
  border-color: #f5f6f7;
}

.hover\:de-gris-10:hover {
  --color-de: #f5f6f7 0%, var(--color-hasta) 100%;
}

.hover\:sombra-gris-10:hover {
  --sombra-color: rgba(245, 246, 247, var(--sombra-opacidad));
}

.hover\:fill-gris-10:hover svg {
  fill: #f5f6f7;
}

.hover\:stroke-gris-10:hover svg {
  stroke: #f5f6f7;
}

.hover\:bg-gris-25:hover {
  background-color: rgba(230, 232, 235, var(--bg-opacidad));
}

.hover\:color-gris-25:hover {
  color: #e6e8eb;
}

.hover\:borde-gris-25:hover {
  border-color: #e6e8eb;
}

.hover\:de-gris-25:hover {
  --color-de: #e6e8eb 0%, var(--color-hasta) 100%;
}

.hover\:sombra-gris-25:hover {
  --sombra-color: rgba(230, 232, 235, var(--sombra-opacidad));
}

.hover\:fill-gris-25:hover svg {
  fill: #e6e8eb;
}

.hover\:stroke-gris-25:hover svg {
  stroke: #e6e8eb;
}

.hover\:bg-gris-50:hover {
  background-color: rgba(215, 218, 223, var(--bg-opacidad));
}

.hover\:color-gris-50:hover {
  color: #d7dadf;
}

.hover\:borde-gris-50:hover {
  border-color: #d7dadf;
}

.hover\:de-gris-50:hover {
  --color-de: #d7dadf 0%, var(--color-hasta) 100%;
}

.hover\:sombra-gris-50:hover {
  --sombra-color: rgba(215, 218, 223, var(--sombra-opacidad));
}

.hover\:fill-gris-50:hover svg {
  fill: #d7dadf;
}

.hover\:stroke-gris-50:hover svg {
  stroke: #d7dadf;
}

.hover\:bg-gris-100:hover {
  background-color: rgba(201, 204, 211, var(--bg-opacidad));
}

.hover\:color-gris-100:hover {
  color: #c9ccd3;
}

.hover\:borde-gris-100:hover {
  border-color: #c9ccd3;
}

.hover\:de-gris-100:hover {
  --color-de: #c9ccd3 0%, var(--color-hasta) 100%;
}

.hover\:sombra-gris-100:hover {
  --sombra-color: rgba(201, 204, 211, var(--sombra-opacidad));
}

.hover\:fill-gris-100:hover svg {
  fill: #c9ccd3;
}

.hover\:stroke-gris-100:hover svg {
  stroke: #c9ccd3;
}

.hover\:bg-gris-200:hover {
  background-color: rgba(186, 191, 199, var(--bg-opacidad));
}

.hover\:color-gris-200:hover {
  color: #babfc7;
}

.hover\:borde-gris-200:hover {
  border-color: #babfc7;
}

.hover\:de-gris-200:hover {
  --color-de: #babfc7 0%, var(--color-hasta) 100%;
}

.hover\:sombra-gris-200:hover {
  --sombra-color: rgba(186, 191, 199, var(--sombra-opacidad));
}

.hover\:fill-gris-200:hover svg {
  fill: #babfc7;
}

.hover\:stroke-gris-200:hover svg {
  stroke: #babfc7;
}

.hover\:bg-gris-300:hover {
  background-color: rgba(171, 177, 187, var(--bg-opacidad));
}

.hover\:color-gris-300:hover {
  color: #abb1bb;
}

.hover\:borde-gris-300:hover {
  border-color: #abb1bb;
}

.hover\:de-gris-300:hover {
  --color-de: #abb1bb 0%, var(--color-hasta) 100%;
}

.hover\:sombra-gris-300:hover {
  --sombra-color: rgba(171, 177, 187, var(--sombra-opacidad));
}

.hover\:fill-gris-300:hover svg {
  fill: #abb1bb;
}

.hover\:stroke-gris-300:hover svg {
  stroke: #abb1bb;
}

.hover\:bg-gris-400:hover {
  background-color: rgba(156, 163, 175, var(--bg-opacidad));
}

.hover\:color-gris-400:hover {
  color: #9ca3af;
}

.hover\:borde-gris-400:hover {
  border-color: #9ca3af;
}

.hover\:de-gris-400:hover {
  --color-de: #9ca3af 0%, var(--color-hasta) 100%;
}

.hover\:sombra-gris-400:hover {
  --sombra-color: rgba(156, 163, 175, var(--sombra-opacidad));
}

.hover\:fill-gris-400:hover svg {
  fill: #9ca3af;
}

.hover\:stroke-gris-400:hover svg {
  stroke: #9ca3af;
}

.hover\:bg-gris-500:hover {
  background-color: rgba(133, 139, 149, var(--bg-opacidad));
}

.hover\:color-gris-500:hover {
  color: #858b95;
}

.hover\:borde-gris-500:hover {
  border-color: #858b95;
}

.hover\:de-gris-500:hover {
  --color-de: #858b95 0%, var(--color-hasta) 100%;
}

.hover\:sombra-gris-500:hover {
  --sombra-color: rgba(133, 139, 149, var(--sombra-opacidad));
}

.hover\:fill-gris-500:hover svg {
  fill: #858b95;
}

.hover\:stroke-gris-500:hover svg {
  stroke: #858b95;
}

.hover\:bg-gris-600:hover {
  background-color: rgba(109, 114, 122, var(--bg-opacidad));
}

.hover\:color-gris-600:hover {
  color: #6d727a;
}

.hover\:borde-gris-600:hover {
  border-color: #6d727a;
}

.hover\:de-gris-600:hover {
  --color-de: #6d727a 0%, var(--color-hasta) 100%;
}

.hover\:sombra-gris-600:hover {
  --sombra-color: rgba(109, 114, 122, var(--sombra-opacidad));
}

.hover\:fill-gris-600:hover svg {
  fill: #6d727a;
}

.hover\:stroke-gris-600:hover svg {
  stroke: #6d727a;
}

.hover\:bg-gris-700:hover {
  background-color: rgba(86, 90, 96, var(--bg-opacidad));
}

.hover\:color-gris-700:hover {
  color: #565a60;
}

.hover\:borde-gris-700:hover {
  border-color: #565a60;
}

.hover\:de-gris-700:hover {
  --color-de: #565a60 0%, var(--color-hasta) 100%;
}

.hover\:sombra-gris-700:hover {
  --sombra-color: rgba(86, 90, 96, var(--sombra-opacidad));
}

.hover\:fill-gris-700:hover svg {
  fill: #565a60;
}

.hover\:stroke-gris-700:hover svg {
  stroke: #565a60;
}

.hover\:bg-gris-800:hover {
  background-color: rgba(62, 65, 70, var(--bg-opacidad));
}

.hover\:color-gris-800:hover {
  color: #3e4146;
}

.hover\:borde-gris-800:hover {
  border-color: #3e4146;
}

.hover\:de-gris-800:hover {
  --color-de: #3e4146 0%, var(--color-hasta) 100%;
}

.hover\:sombra-gris-800:hover {
  --sombra-color: rgba(62, 65, 70, var(--sombra-opacidad));
}

.hover\:fill-gris-800:hover svg {
  fill: #3e4146;
}

.hover\:stroke-gris-800:hover svg {
  stroke: #3e4146;
}

.hover\:bg-gris-900:hover {
  background-color: rgba(39, 41, 44, var(--bg-opacidad));
}

.hover\:color-gris-900:hover {
  color: #27292c;
}

.hover\:borde-gris-900:hover {
  border-color: #27292c;
}

.hover\:de-gris-900:hover {
  --color-de: #27292c 0%, var(--color-hasta) 100%;
}

.hover\:sombra-gris-900:hover {
  --sombra-color: rgba(39, 41, 44, var(--sombra-opacidad));
}

.hover\:fill-gris-900:hover svg {
  fill: #27292c;
}

.hover\:stroke-gris-900:hover svg {
  stroke: #27292c;
}

.hover\:bg-gris-950:hover {
  background-color: rgba(16, 16, 17, var(--bg-opacidad));
}

.hover\:color-gris-950:hover {
  color: #101011;
}

.hover\:borde-gris-950:hover {
  border-color: #101011;
}

.hover\:de-gris-950:hover {
  --color-de: #101011 0%, var(--color-hasta) 100%;
}

.hover\:sombra-gris-950:hover {
  --sombra-color: rgba(16, 16, 17, var(--sombra-opacidad));
}

.hover\:fill-gris-950:hover svg {
  fill: #101011;
}

.hover\:stroke-gris-950:hover svg {
  stroke: #101011;
}

.hover\:bg-verde-10:hover {
  background-color: rgba(231, 248, 242, var(--bg-opacidad));
}

.hover\:color-verde-10:hover {
  color: #e7f8f2;
}

.hover\:borde-verde-10:hover {
  border-color: #e7f8f2;
}

.hover\:de-verde-10:hover {
  --color-de: #e7f8f2 0%, var(--color-hasta) 100%;
}

.hover\:sombra-verde-10:hover {
  --sombra-color: rgba(231, 248, 242, var(--sombra-opacidad));
}

.hover\:fill-verde-10:hover svg {
  fill: #e7f8f2;
}

.hover\:stroke-verde-10:hover svg {
  stroke: #e7f8f2;
}

.hover\:bg-verde-25:hover {
  background-color: rgba(195, 238, 224, var(--bg-opacidad));
}

.hover\:color-verde-25:hover {
  color: #c3eee0;
}

.hover\:borde-verde-25:hover {
  border-color: #c3eee0;
}

.hover\:de-verde-25:hover {
  --color-de: #c3eee0 0%, var(--color-hasta) 100%;
}

.hover\:sombra-verde-25:hover {
  --sombra-color: rgba(195, 238, 224, var(--sombra-opacidad));
}

.hover\:fill-verde-25:hover svg {
  fill: #c3eee0;
}

.hover\:stroke-verde-25:hover svg {
  stroke: #c3eee0;
}

.hover\:bg-verde-50:hover {
  background-color: rgba(159, 227, 205, var(--bg-opacidad));
}

.hover\:color-verde-50:hover {
  color: #9fe3cd;
}

.hover\:borde-verde-50:hover {
  border-color: #9fe3cd;
}

.hover\:de-verde-50:hover {
  --color-de: #9fe3cd 0%, var(--color-hasta) 100%;
}

.hover\:sombra-verde-50:hover {
  --sombra-color: rgba(159, 227, 205, var(--sombra-opacidad));
}

.hover\:fill-verde-50:hover svg {
  fill: #9fe3cd;
}

.hover\:stroke-verde-50:hover svg {
  stroke: #9fe3cd;
}

.hover\:bg-verde-100:hover {
  background-color: rgba(124, 217, 186, var(--bg-opacidad));
}

.hover\:color-verde-100:hover {
  color: #7cd9ba;
}

.hover\:borde-verde-100:hover {
  border-color: #7cd9ba;
}

.hover\:de-verde-100:hover {
  --color-de: #7cd9ba 0%, var(--color-hasta) 100%;
}

.hover\:sombra-verde-100:hover {
  --sombra-color: rgba(124, 217, 186, var(--sombra-opacidad));
}

.hover\:fill-verde-100:hover svg {
  fill: #7cd9ba;
}

.hover\:stroke-verde-100:hover svg {
  stroke: #7cd9ba;
}

.hover\:bg-verde-200:hover {
  background-color: rgba(88, 206, 167, var(--bg-opacidad));
}

.hover\:color-verde-200:hover {
  color: #58cea7;
}

.hover\:borde-verde-200:hover {
  border-color: #58cea7;
}

.hover\:de-verde-200:hover {
  --color-de: #58cea7 0%, var(--color-hasta) 100%;
}

.hover\:sombra-verde-200:hover {
  --sombra-color: rgba(88, 206, 167, var(--sombra-opacidad));
}

.hover\:fill-verde-200:hover svg {
  fill: #58cea7;
}

.hover\:stroke-verde-200:hover svg {
  stroke: #58cea7;
}

.hover\:bg-verde-300:hover {
  background-color: rgba(52, 196, 148, var(--bg-opacidad));
}

.hover\:color-verde-300:hover {
  color: #34c494;
}

.hover\:borde-verde-300:hover {
  border-color: #34c494;
}

.hover\:de-verde-300:hover {
  --color-de: #34c494 0%, var(--color-hasta) 100%;
}

.hover\:sombra-verde-300:hover {
  --sombra-color: rgba(52, 196, 148, var(--sombra-opacidad));
}

.hover\:fill-verde-300:hover svg {
  fill: #34c494;
}

.hover\:stroke-verde-300:hover svg {
  stroke: #34c494;
}

.hover\:bg-verde-400:hover {
  background-color: rgba(16, 185, 129, var(--bg-opacidad));
}

.hover\:color-verde-400:hover {
  color: #10b981;
}

.hover\:borde-verde-400:hover {
  border-color: #10b981;
}

.hover\:de-verde-400:hover {
  --color-de: #10b981 0%, var(--color-hasta) 100%;
}

.hover\:sombra-verde-400:hover {
  --sombra-color: rgba(16, 185, 129, var(--sombra-opacidad));
}

.hover\:fill-verde-400:hover svg {
  fill: #10b981;
}

.hover\:stroke-verde-400:hover svg {
  stroke: #10b981;
}

.hover\:bg-verde-500:hover {
  background-color: rgba(14, 157, 110, var(--bg-opacidad));
}

.hover\:color-verde-500:hover {
  color: #0e9d6e;
}

.hover\:borde-verde-500:hover {
  border-color: #0e9d6e;
}

.hover\:de-verde-500:hover {
  --color-de: #0e9d6e 0%, var(--color-hasta) 100%;
}

.hover\:sombra-verde-500:hover {
  --sombra-color: rgba(14, 157, 110, var(--sombra-opacidad));
}

.hover\:fill-verde-500:hover svg {
  fill: #0e9d6e;
}

.hover\:stroke-verde-500:hover svg {
  stroke: #0e9d6e;
}

.hover\:bg-verde-600:hover {
  background-color: rgba(11, 130, 90, var(--bg-opacidad));
}

.hover\:color-verde-600:hover {
  color: #0b825a;
}

.hover\:borde-verde-600:hover {
  border-color: #0b825a;
}

.hover\:de-verde-600:hover {
  --color-de: #0b825a 0%, var(--color-hasta) 100%;
}

.hover\:sombra-verde-600:hover {
  --sombra-color: rgba(11, 130, 90, var(--sombra-opacidad));
}

.hover\:fill-verde-600:hover svg {
  fill: #0b825a;
}

.hover\:stroke-verde-600:hover svg {
  stroke: #0b825a;
}

.hover\:bg-verde-700:hover {
  background-color: rgba(9, 102, 71, var(--bg-opacidad));
}

.hover\:color-verde-700:hover {
  color: #096647;
}

.hover\:borde-verde-700:hover {
  border-color: #096647;
}

.hover\:de-verde-700:hover {
  --color-de: #096647 0%, var(--color-hasta) 100%;
}

.hover\:sombra-verde-700:hover {
  --sombra-color: rgba(9, 102, 71, var(--sombra-opacidad));
}

.hover\:fill-verde-700:hover svg {
  fill: #096647;
}

.hover\:stroke-verde-700:hover svg {
  stroke: #096647;
}

.hover\:bg-verde-800:hover {
  background-color: rgba(6, 74, 52, var(--bg-opacidad));
}

.hover\:color-verde-800:hover {
  color: #064a34;
}

.hover\:borde-verde-800:hover {
  border-color: #064a34;
}

.hover\:de-verde-800:hover {
  --color-de: #064a34 0%, var(--color-hasta) 100%;
}

.hover\:sombra-verde-800:hover {
  --sombra-color: rgba(6, 74, 52, var(--sombra-opacidad));
}

.hover\:fill-verde-800:hover svg {
  fill: #064a34;
}

.hover\:stroke-verde-800:hover svg {
  stroke: #064a34;
}

.hover\:bg-verde-900:hover {
  background-color: rgba(4, 46, 32, var(--bg-opacidad));
}

.hover\:color-verde-900:hover {
  color: #042e20;
}

.hover\:borde-verde-900:hover {
  border-color: #042e20;
}

.hover\:de-verde-900:hover {
  --color-de: #042e20 0%, var(--color-hasta) 100%;
}

.hover\:sombra-verde-900:hover {
  --sombra-color: rgba(4, 46, 32, var(--sombra-opacidad));
}

.hover\:fill-verde-900:hover svg {
  fill: #042e20;
}

.hover\:stroke-verde-900:hover svg {
  stroke: #042e20;
}

.hover\:bg-verde-950:hover {
  background-color: rgba(2, 18, 13, var(--bg-opacidad));
}

.hover\:color-verde-950:hover {
  color: #02120d;
}

.hover\:borde-verde-950:hover {
  border-color: #02120d;
}

.hover\:de-verde-950:hover {
  --color-de: #02120d 0%, var(--color-hasta) 100%;
}

.hover\:sombra-verde-950:hover {
  --sombra-color: rgba(2, 18, 13, var(--sombra-opacidad));
}

.hover\:fill-verde-950:hover svg {
  fill: #02120d;
}

.hover\:stroke-verde-950:hover svg {
  stroke: #02120d;
}

.hover\:bg-turquesa-10:hover {
  background-color: rgba(230, 250, 251, var(--bg-opacidad));
}

.hover\:color-turquesa-10:hover {
  color: #e6fafb;
}

.hover\:borde-turquesa-10:hover {
  border-color: #e6fafb;
}

.hover\:de-turquesa-10:hover {
  --color-de: #e6fafb 0%, var(--color-hasta) 100%;
}

.hover\:sombra-turquesa-10:hover {
  --sombra-color: rgba(230, 250, 251, var(--sombra-opacidad));
}

.hover\:fill-turquesa-10:hover svg {
  fill: #e6fafb;
}

.hover\:stroke-turquesa-10:hover svg {
  stroke: #e6fafb;
}

.hover\:bg-turquesa-25:hover {
  background-color: rgba(191, 242, 244, var(--bg-opacidad));
}

.hover\:color-turquesa-25:hover {
  color: #bff2f4;
}

.hover\:borde-turquesa-25:hover {
  border-color: #bff2f4;
}

.hover\:de-turquesa-25:hover {
  --color-de: #bff2f4 0%, var(--color-hasta) 100%;
}

.hover\:sombra-turquesa-25:hover {
  --sombra-color: rgba(191, 242, 244, var(--sombra-opacidad));
}

.hover\:fill-turquesa-25:hover svg {
  fill: #bff2f4;
}

.hover\:stroke-turquesa-25:hover svg {
  stroke: #bff2f4;
}

.hover\:bg-turquesa-50:hover {
  background-color: rgba(153, 233, 238, var(--bg-opacidad));
}

.hover\:color-turquesa-50:hover {
  color: #99e9ee;
}

.hover\:borde-turquesa-50:hover {
  border-color: #99e9ee;
}

.hover\:de-turquesa-50:hover {
  --color-de: #99e9ee 0%, var(--color-hasta) 100%;
}

.hover\:sombra-turquesa-50:hover {
  --sombra-color: rgba(153, 233, 238, var(--sombra-opacidad));
}

.hover\:fill-turquesa-50:hover svg {
  fill: #99e9ee;
}

.hover\:stroke-turquesa-50:hover svg {
  stroke: #99e9ee;
}

.hover\:bg-turquesa-100:hover {
  background-color: rgba(115, 225, 231, var(--bg-opacidad));
}

.hover\:color-turquesa-100:hover {
  color: #73e1e7;
}

.hover\:borde-turquesa-100:hover {
  border-color: #73e1e7;
}

.hover\:de-turquesa-100:hover {
  --color-de: #73e1e7 0%, var(--color-hasta) 100%;
}

.hover\:sombra-turquesa-100:hover {
  --sombra-color: rgba(115, 225, 231, var(--sombra-opacidad));
}

.hover\:fill-turquesa-100:hover svg {
  fill: #73e1e7;
}

.hover\:stroke-turquesa-100:hover svg {
  stroke: #73e1e7;
}

.hover\:bg-turquesa-200:hover {
  background-color: rgba(77, 217, 225, var(--bg-opacidad));
}

.hover\:color-turquesa-200:hover {
  color: #4dd9e1;
}

.hover\:borde-turquesa-200:hover {
  border-color: #4dd9e1;
}

.hover\:de-turquesa-200:hover {
  --color-de: #4dd9e1 0%, var(--color-hasta) 100%;
}

.hover\:sombra-turquesa-200:hover {
  --sombra-color: rgba(77, 217, 225, var(--sombra-opacidad));
}

.hover\:fill-turquesa-200:hover svg {
  fill: #4dd9e1;
}

.hover\:stroke-turquesa-200:hover svg {
  stroke: #4dd9e1;
}

.hover\:bg-turquesa-300:hover {
  background-color: rgba(38, 209, 218, var(--bg-opacidad));
}

.hover\:color-turquesa-300:hover {
  color: #26d1da;
}

.hover\:borde-turquesa-300:hover {
  border-color: #26d1da;
}

.hover\:de-turquesa-300:hover {
  --color-de: #26d1da 0%, var(--color-hasta) 100%;
}

.hover\:sombra-turquesa-300:hover {
  --sombra-color: rgba(38, 209, 218, var(--sombra-opacidad));
}

.hover\:fill-turquesa-300:hover svg {
  fill: #26d1da;
}

.hover\:stroke-turquesa-300:hover svg {
  stroke: #26d1da;
}

.hover\:bg-turquesa-400:hover {
  background-color: rgba(0, 201, 212, var(--bg-opacidad));
}

.hover\:color-turquesa-400:hover {
  color: #00c9d4;
}

.hover\:borde-turquesa-400:hover {
  border-color: #00c9d4;
}

.hover\:de-turquesa-400:hover {
  --color-de: #00c9d4 0%, var(--color-hasta) 100%;
}

.hover\:sombra-turquesa-400:hover {
  --sombra-color: rgba(0, 201, 212, var(--sombra-opacidad));
}

.hover\:fill-turquesa-400:hover svg {
  fill: #00c9d4;
}

.hover\:stroke-turquesa-400:hover svg {
  stroke: #00c9d4;
}

.hover\:bg-turquesa-500:hover {
  background-color: rgba(0, 171, 180, var(--bg-opacidad));
}

.hover\:color-turquesa-500:hover {
  color: #00abb4;
}

.hover\:borde-turquesa-500:hover {
  border-color: #00abb4;
}

.hover\:de-turquesa-500:hover {
  --color-de: #00abb4 0%, var(--color-hasta) 100%;
}

.hover\:sombra-turquesa-500:hover {
  --sombra-color: rgba(0, 171, 180, var(--sombra-opacidad));
}

.hover\:fill-turquesa-500:hover svg {
  fill: #00abb4;
}

.hover\:stroke-turquesa-500:hover svg {
  stroke: #00abb4;
}

.hover\:bg-turquesa-600:hover {
  background-color: rgba(0, 141, 148, var(--bg-opacidad));
}

.hover\:color-turquesa-600:hover {
  color: #008d94;
}

.hover\:borde-turquesa-600:hover {
  border-color: #008d94;
}

.hover\:de-turquesa-600:hover {
  --color-de: #008d94 0%, var(--color-hasta) 100%;
}

.hover\:sombra-turquesa-600:hover {
  --sombra-color: rgba(0, 141, 148, var(--sombra-opacidad));
}

.hover\:fill-turquesa-600:hover svg {
  fill: #008d94;
}

.hover\:stroke-turquesa-600:hover svg {
  stroke: #008d94;
}

.hover\:bg-turquesa-700:hover {
  background-color: rgba(0, 111, 117, var(--bg-opacidad));
}

.hover\:color-turquesa-700:hover {
  color: #006f75;
}

.hover\:borde-turquesa-700:hover {
  border-color: #006f75;
}

.hover\:de-turquesa-700:hover {
  --color-de: #006f75 0%, var(--color-hasta) 100%;
}

.hover\:sombra-turquesa-700:hover {
  --sombra-color: rgba(0, 111, 117, var(--sombra-opacidad));
}

.hover\:fill-turquesa-700:hover svg {
  fill: #006f75;
}

.hover\:stroke-turquesa-700:hover svg {
  stroke: #006f75;
}

.hover\:bg-turquesa-800:hover {
  background-color: rgba(0, 80, 85, var(--bg-opacidad));
}

.hover\:color-turquesa-800:hover {
  color: #005055;
}

.hover\:borde-turquesa-800:hover {
  border-color: #005055;
}

.hover\:de-turquesa-800:hover {
  --color-de: #005055 0%, var(--color-hasta) 100%;
}

.hover\:sombra-turquesa-800:hover {
  --sombra-color: rgba(0, 80, 85, var(--sombra-opacidad));
}

.hover\:fill-turquesa-800:hover svg {
  fill: #005055;
}

.hover\:stroke-turquesa-800:hover svg {
  stroke: #005055;
}

.hover\:bg-turquesa-900:hover {
  background-color: rgba(0, 50, 53, var(--bg-opacidad));
}

.hover\:color-turquesa-900:hover {
  color: #003235;
}

.hover\:borde-turquesa-900:hover {
  border-color: #003235;
}

.hover\:de-turquesa-900:hover {
  --color-de: #003235 0%, var(--color-hasta) 100%;
}

.hover\:sombra-turquesa-900:hover {
  --sombra-color: rgba(0, 50, 53, var(--sombra-opacidad));
}

.hover\:fill-turquesa-900:hover svg {
  fill: #003235;
}

.hover\:stroke-turquesa-900:hover svg {
  stroke: #003235;
}

.hover\:bg-turquesa-950:hover {
  background-color: rgba(0, 20, 21, var(--bg-opacidad));
}

.hover\:color-turquesa-950:hover {
  color: #001415;
}

.hover\:borde-turquesa-950:hover {
  border-color: #001415;
}

.hover\:de-turquesa-950:hover {
  --color-de: #001415 0%, var(--color-hasta) 100%;
}

.hover\:sombra-turquesa-950:hover {
  --sombra-color: rgba(0, 20, 21, var(--sombra-opacidad));
}

.hover\:fill-turquesa-950:hover svg {
  fill: #001415;
}

.hover\:stroke-turquesa-950:hover svg {
  stroke: #001415;
}

.hover\:bg-naranja-10:hover {
  background-color: rgba(253, 241, 230, var(--bg-opacidad));
}

.hover\:color-naranja-10:hover {
  color: #fdf1e6;
}

.hover\:borde-naranja-10:hover {
  border-color: #fdf1e6;
}

.hover\:de-naranja-10:hover {
  --color-de: #fdf1e6 0%, var(--color-hasta) 100%;
}

.hover\:sombra-naranja-10:hover {
  --sombra-color: rgba(253, 241, 230, var(--sombra-opacidad));
}

.hover\:fill-naranja-10:hover svg {
  fill: #fdf1e6;
}

.hover\:stroke-naranja-10:hover svg {
  stroke: #fdf1e6;
}

.hover\:bg-naranja-25:hover {
  background-color: rgba(251, 220, 191, var(--bg-opacidad));
}

.hover\:color-naranja-25:hover {
  color: #fbdcbf;
}

.hover\:borde-naranja-25:hover {
  border-color: #fbdcbf;
}

.hover\:de-naranja-25:hover {
  --color-de: #fbdcbf 0%, var(--color-hasta) 100%;
}

.hover\:sombra-naranja-25:hover {
  --sombra-color: rgba(251, 220, 191, var(--sombra-opacidad));
}

.hover\:fill-naranja-25:hover svg {
  fill: #fbdcbf;
}

.hover\:stroke-naranja-25:hover svg {
  stroke: #fbdcbf;
}

.hover\:bg-naranja-50:hover {
  background-color: rgba(248, 198, 153, var(--bg-opacidad));
}

.hover\:color-naranja-50:hover {
  color: #f8c699;
}

.hover\:borde-naranja-50:hover {
  border-color: #f8c699;
}

.hover\:de-naranja-50:hover {
  --color-de: #f8c699 0%, var(--color-hasta) 100%;
}

.hover\:sombra-naranja-50:hover {
  --sombra-color: rgba(248, 198, 153, var(--sombra-opacidad));
}

.hover\:fill-naranja-50:hover svg {
  fill: #f8c699;
}

.hover\:stroke-naranja-50:hover svg {
  stroke: #f8c699;
}

.hover\:bg-naranja-100:hover {
  background-color: rgba(246, 177, 115, var(--bg-opacidad));
}

.hover\:color-naranja-100:hover {
  color: #f6b173;
}

.hover\:borde-naranja-100:hover {
  border-color: #f6b173;
}

.hover\:de-naranja-100:hover {
  --color-de: #f6b173 0%, var(--color-hasta) 100%;
}

.hover\:sombra-naranja-100:hover {
  --sombra-color: rgba(246, 177, 115, var(--sombra-opacidad));
}

.hover\:fill-naranja-100:hover svg {
  fill: #f6b173;
}

.hover\:stroke-naranja-100:hover svg {
  stroke: #f6b173;
}

.hover\:bg-naranja-200:hover {
  background-color: rgba(243, 156, 77, var(--bg-opacidad));
}

.hover\:color-naranja-200:hover {
  color: #f39c4d;
}

.hover\:borde-naranja-200:hover {
  border-color: #f39c4d;
}

.hover\:de-naranja-200:hover {
  --color-de: #f39c4d 0%, var(--color-hasta) 100%;
}

.hover\:sombra-naranja-200:hover {
  --sombra-color: rgba(243, 156, 77, var(--sombra-opacidad));
}

.hover\:fill-naranja-200:hover svg {
  fill: #f39c4d;
}

.hover\:stroke-naranja-200:hover svg {
  stroke: #f39c4d;
}

.hover\:bg-naranja-300:hover {
  background-color: rgba(241, 134, 38, var(--bg-opacidad));
}

.hover\:color-naranja-300:hover {
  color: #f18626;
}

.hover\:borde-naranja-300:hover {
  border-color: #f18626;
}

.hover\:de-naranja-300:hover {
  --color-de: #f18626 0%, var(--color-hasta) 100%;
}

.hover\:sombra-naranja-300:hover {
  --sombra-color: rgba(241, 134, 38, var(--sombra-opacidad));
}

.hover\:fill-naranja-300:hover svg {
  fill: #f18626;
}

.hover\:stroke-naranja-300:hover svg {
  stroke: #f18626;
}

.hover\:bg-naranja-400:hover {
  background-color: rgba(238, 113, 0, var(--bg-opacidad));
}

.hover\:color-naranja-400:hover {
  color: #ee7100;
}

.hover\:borde-naranja-400:hover {
  border-color: #ee7100;
}

.hover\:de-naranja-400:hover {
  --color-de: #ee7100 0%, var(--color-hasta) 100%;
}

.hover\:sombra-naranja-400:hover {
  --sombra-color: rgba(238, 113, 0, var(--sombra-opacidad));
}

.hover\:fill-naranja-400:hover svg {
  fill: #ee7100;
}

.hover\:stroke-naranja-400:hover svg {
  stroke: #ee7100;
}

.hover\:bg-naranja-500:hover {
  background-color: rgba(202, 96, 0, var(--bg-opacidad));
}

.hover\:color-naranja-500:hover {
  color: #ca6000;
}

.hover\:borde-naranja-500:hover {
  border-color: #ca6000;
}

.hover\:de-naranja-500:hover {
  --color-de: #ca6000 0%, var(--color-hasta) 100%;
}

.hover\:sombra-naranja-500:hover {
  --sombra-color: rgba(202, 96, 0, var(--sombra-opacidad));
}

.hover\:fill-naranja-500:hover svg {
  fill: #ca6000;
}

.hover\:stroke-naranja-500:hover svg {
  stroke: #ca6000;
}

.hover\:bg-naranja-600:hover {
  background-color: rgba(167, 79, 0, var(--bg-opacidad));
}

.hover\:color-naranja-600:hover {
  color: #a74f00;
}

.hover\:borde-naranja-600:hover {
  border-color: #a74f00;
}

.hover\:de-naranja-600:hover {
  --color-de: #a74f00 0%, var(--color-hasta) 100%;
}

.hover\:sombra-naranja-600:hover {
  --sombra-color: rgba(167, 79, 0, var(--sombra-opacidad));
}

.hover\:fill-naranja-600:hover svg {
  fill: #a74f00;
}

.hover\:stroke-naranja-600:hover svg {
  stroke: #a74f00;
}

.hover\:bg-naranja-700:hover {
  background-color: rgba(131, 62, 0, var(--bg-opacidad));
}

.hover\:color-naranja-700:hover {
  color: #833e00;
}

.hover\:borde-naranja-700:hover {
  border-color: #833e00;
}

.hover\:de-naranja-700:hover {
  --color-de: #833e00 0%, var(--color-hasta) 100%;
}

.hover\:sombra-naranja-700:hover {
  --sombra-color: rgba(131, 62, 0, var(--sombra-opacidad));
}

.hover\:fill-naranja-700:hover svg {
  fill: #833e00;
}

.hover\:stroke-naranja-700:hover svg {
  stroke: #833e00;
}

.hover\:bg-naranja-800:hover {
  background-color: rgba(95, 45, 0, var(--bg-opacidad));
}

.hover\:color-naranja-800:hover {
  color: #5f2d00;
}

.hover\:borde-naranja-800:hover {
  border-color: #5f2d00;
}

.hover\:de-naranja-800:hover {
  --color-de: #5f2d00 0%, var(--color-hasta) 100%;
}

.hover\:sombra-naranja-800:hover {
  --sombra-color: rgba(95, 45, 0, var(--sombra-opacidad));
}

.hover\:fill-naranja-800:hover svg {
  fill: #5f2d00;
}

.hover\:stroke-naranja-800:hover svg {
  stroke: #5f2d00;
}

.hover\:bg-naranja-900:hover {
  background-color: rgba(60, 28, 0, var(--bg-opacidad));
}

.hover\:color-naranja-900:hover {
  color: #3c1c00;
}

.hover\:borde-naranja-900:hover {
  border-color: #3c1c00;
}

.hover\:de-naranja-900:hover {
  --color-de: #3c1c00 0%, var(--color-hasta) 100%;
}

.hover\:sombra-naranja-900:hover {
  --sombra-color: rgba(60, 28, 0, var(--sombra-opacidad));
}

.hover\:fill-naranja-900:hover svg {
  fill: #3c1c00;
}

.hover\:stroke-naranja-900:hover svg {
  stroke: #3c1c00;
}

.hover\:bg-naranja-950:hover {
  background-color: rgba(24, 11, 0, var(--bg-opacidad));
}

.hover\:color-naranja-950:hover {
  color: #180b00;
}

.hover\:borde-naranja-950:hover {
  border-color: #180b00;
}

.hover\:de-naranja-950:hover {
  --color-de: #180b00 0%, var(--color-hasta) 100%;
}

.hover\:sombra-naranja-950:hover {
  --sombra-color: rgba(24, 11, 0, var(--sombra-opacidad));
}

.hover\:fill-naranja-950:hover svg {
  fill: #180b00;
}

.hover\:stroke-naranja-950:hover svg {
  stroke: #180b00;
}

.hover\:bg-neutral-10:hover {
  background-color: rgba(241, 245, 249, var(--bg-opacidad));
}

.hover\:color-neutral-10:hover {
  color: #f1f5f9;
}

.hover\:borde-neutral-10:hover {
  border-color: #f1f5f9;
}

.hover\:de-neutral-10:hover {
  --color-de: #f1f5f9 0%, var(--color-hasta) 100%;
}

.hover\:sombra-neutral-10:hover {
  --sombra-color: rgba(241, 245, 249, var(--sombra-opacidad));
}

.hover\:fill-neutral-10:hover svg {
  fill: #f1f5f9;
}

.hover\:stroke-neutral-10:hover svg {
  stroke: #f1f5f9;
}

.hover\:bg-neutral-25:hover {
  background-color: rgba(226, 232, 240, var(--bg-opacidad));
}

.hover\:color-neutral-25:hover {
  color: #e2e8f0;
}

.hover\:borde-neutral-25:hover {
  border-color: #e2e8f0;
}

.hover\:de-neutral-25:hover {
  --color-de: #e2e8f0 0%, var(--color-hasta) 100%;
}

.hover\:sombra-neutral-25:hover {
  --sombra-color: rgba(226, 232, 240, var(--sombra-opacidad));
}

.hover\:fill-neutral-25:hover svg {
  fill: #e2e8f0;
}

.hover\:stroke-neutral-25:hover svg {
  stroke: #e2e8f0;
}

.hover\:bg-neutral-50:hover {
  background-color: rgba(203, 213, 225, var(--bg-opacidad));
}

.hover\:color-neutral-50:hover {
  color: #cbd5e1;
}

.hover\:borde-neutral-50:hover {
  border-color: #cbd5e1;
}

.hover\:de-neutral-50:hover {
  --color-de: #cbd5e1 0%, var(--color-hasta) 100%;
}

.hover\:sombra-neutral-50:hover {
  --sombra-color: rgba(203, 213, 225, var(--sombra-opacidad));
}

.hover\:fill-neutral-50:hover svg {
  fill: #cbd5e1;
}

.hover\:stroke-neutral-50:hover svg {
  stroke: #cbd5e1;
}

.hover\:bg-neutral-100:hover {
  background-color: rgba(169, 181, 197, var(--bg-opacidad));
}

.hover\:color-neutral-100:hover {
  color: #a9b5c5;
}

.hover\:borde-neutral-100:hover {
  border-color: #a9b5c5;
}

.hover\:de-neutral-100:hover {
  --color-de: #a9b5c5 0%, var(--color-hasta) 100%;
}

.hover\:sombra-neutral-100:hover {
  --sombra-color: rgba(169, 181, 197, var(--sombra-opacidad));
}

.hover\:fill-neutral-100:hover svg {
  fill: #a9b5c5;
}

.hover\:stroke-neutral-100:hover svg {
  stroke: #a9b5c5;
}

.hover\:bg-neutral-200:hover {
  background-color: rgba(146, 161, 181, var(--bg-opacidad));
}

.hover\:color-neutral-200:hover {
  color: #92a1b5;
}

.hover\:borde-neutral-200:hover {
  border-color: #92a1b5;
}

.hover\:de-neutral-200:hover {
  --color-de: #92a1b5 0%, var(--color-hasta) 100%;
}

.hover\:sombra-neutral-200:hover {
  --sombra-color: rgba(146, 161, 181, var(--sombra-opacidad));
}

.hover\:fill-neutral-200:hover svg {
  fill: #92a1b5;
}

.hover\:stroke-neutral-200:hover svg {
  stroke: #92a1b5;
}

.hover\:bg-neutral-300:hover {
  background-color: rgba(122, 140, 165, var(--bg-opacidad));
}

.hover\:color-neutral-300:hover {
  color: #7a8ca5;
}

.hover\:borde-neutral-300:hover {
  border-color: #7a8ca5;
}

.hover\:de-neutral-300:hover {
  --color-de: #7a8ca5 0%, var(--color-hasta) 100%;
}

.hover\:sombra-neutral-300:hover {
  --sombra-color: rgba(122, 140, 165, var(--sombra-opacidad));
}

.hover\:fill-neutral-300:hover svg {
  fill: #7a8ca5;
}

.hover\:stroke-neutral-300:hover svg {
  stroke: #7a8ca5;
}

.hover\:bg-neutral-400:hover {
  background-color: rgba(99, 120, 149, var(--bg-opacidad));
}

.hover\:color-neutral-400:hover {
  color: #637895;
}

.hover\:borde-neutral-400:hover {
  border-color: #637895;
}

.hover\:de-neutral-400:hover {
  --color-de: #637895 0%, var(--color-hasta) 100%;
}

.hover\:sombra-neutral-400:hover {
  --sombra-color: rgba(99, 120, 149, var(--sombra-opacidad));
}

.hover\:fill-neutral-400:hover svg {
  fill: #637895;
}

.hover\:stroke-neutral-400:hover svg {
  stroke: #637895;
}

.hover\:bg-neutral-500:hover {
  background-color: rgba(84, 102, 127, var(--bg-opacidad));
}

.hover\:color-neutral-500:hover {
  color: #54667f;
}

.hover\:borde-neutral-500:hover {
  border-color: #54667f;
}

.hover\:de-neutral-500:hover {
  --color-de: #54667f 0%, var(--color-hasta) 100%;
}

.hover\:sombra-neutral-500:hover {
  --sombra-color: rgba(84, 102, 127, var(--sombra-opacidad));
}

.hover\:fill-neutral-500:hover svg {
  fill: #54667f;
}

.hover\:stroke-neutral-500:hover svg {
  stroke: #54667f;
}

.hover\:bg-neutral-600:hover {
  background-color: rgba(69, 84, 104, var(--bg-opacidad));
}

.hover\:color-neutral-600:hover {
  color: #455468;
}

.hover\:borde-neutral-600:hover {
  border-color: #455468;
}

.hover\:de-neutral-600:hover {
  --color-de: #455468 0%, var(--color-hasta) 100%;
}

.hover\:sombra-neutral-600:hover {
  --sombra-color: rgba(69, 84, 104, var(--sombra-opacidad));
}

.hover\:fill-neutral-600:hover svg {
  fill: #455468;
}

.hover\:stroke-neutral-600:hover svg {
  stroke: #455468;
}

.hover\:bg-neutral-700:hover {
  background-color: rgba(54, 66, 82, var(--bg-opacidad));
}

.hover\:color-neutral-700:hover {
  color: #364252;
}

.hover\:borde-neutral-700:hover {
  border-color: #364252;
}

.hover\:de-neutral-700:hover {
  --color-de: #364252 0%, var(--color-hasta) 100%;
}

.hover\:sombra-neutral-700:hover {
  --sombra-color: rgba(54, 66, 82, var(--sombra-opacidad));
}

.hover\:fill-neutral-700:hover svg {
  fill: #364252;
}

.hover\:stroke-neutral-700:hover svg {
  stroke: #364252;
}

.hover\:bg-neutral-800:hover {
  background-color: rgba(40, 48, 60, var(--bg-opacidad));
}

.hover\:color-neutral-800:hover {
  color: #28303c;
}

.hover\:borde-neutral-800:hover {
  border-color: #28303c;
}

.hover\:de-neutral-800:hover {
  --color-de: #28303c 0%, var(--color-hasta) 100%;
}

.hover\:sombra-neutral-800:hover {
  --sombra-color: rgba(40, 48, 60, var(--sombra-opacidad));
}

.hover\:fill-neutral-800:hover svg {
  fill: #28303c;
}

.hover\:stroke-neutral-800:hover svg {
  stroke: #28303c;
}

.hover\:bg-neutral-900:hover {
  background-color: rgba(25, 30, 37, var(--bg-opacidad));
}

.hover\:color-neutral-900:hover {
  color: #191e25;
}

.hover\:borde-neutral-900:hover {
  border-color: #191e25;
}

.hover\:de-neutral-900:hover {
  --color-de: #191e25 0%, var(--color-hasta) 100%;
}

.hover\:sombra-neutral-900:hover {
  --sombra-color: rgba(25, 30, 37, var(--sombra-opacidad));
}

.hover\:fill-neutral-900:hover svg {
  fill: #191e25;
}

.hover\:stroke-neutral-900:hover svg {
  stroke: #191e25;
}

.hover\:bg-neutral-950:hover {
  background-color: rgba(10, 12, 15, var(--bg-opacidad));
}

.hover\:color-neutral-950:hover {
  color: #0a0c0f;
}

.hover\:borde-neutral-950:hover {
  border-color: #0a0c0f;
}

.hover\:de-neutral-950:hover {
  --color-de: #0a0c0f 0%, var(--color-hasta) 100%;
}

.hover\:sombra-neutral-950:hover {
  --sombra-color: rgba(10, 12, 15, var(--sombra-opacidad));
}

.hover\:fill-neutral-950:hover svg {
  fill: #0a0c0f;
}

.hover\:stroke-neutral-950:hover svg {
  stroke: #0a0c0f;
}

.hover\:bg-blanco:hover {
  background-color: rgba(255, 255, 255, var(--bg-opacidad));
}

.hover\:color-blanco:hover {
  color: #fff;
}

.hover\:borde-blanco:hover {
  border-color: #fff;
}

.hover\:de-blanco:hover {
  --color-de: #fff 0%, var(--color-hasta) 100%;
}

.hover\:sombra-blanco:hover {
  --sombra-color: rgba(255, 255, 255, var(--sombra-opacidad));
}

.hover\:fill-blanco:hover svg, .menu li ul a:hover svg {
  fill: #fff;
}

.hover\:stroke-blanco:hover svg {
  stroke: #fff;
}

.hover\:bg-negro:hover {
  background-color: rgba(0, 0, 0, var(--bg-opacidad));
}

.hover\:color-negro:hover {
  color: #000;
}

.hover\:borde-negro:hover {
  border-color: #000;
}

.hover\:de-negro:hover {
  --color-de: #000 0%, var(--color-hasta) 100%;
}

.hover\:sombra-negro:hover {
  --sombra-color: rgba(0, 0, 0, var(--sombra-opacidad));
}

.hover\:fill-negro:hover svg {
  fill: #000;
}

.hover\:stroke-negro:hover svg {
  stroke: #000;
}

.hover\:bg-transparente:hover {
  background-color: rgba(0, 0, 0, var(--bg-opacidad));
}

.hover\:color-transparente:hover {
  color: transparent;
}

.hover\:borde-transparente:hover {
  border-color: transparent;
}

.hover\:de-transparente:hover {
  --color-de: transparent 0%, var(--color-hasta) 100%;
}

.hover\:sombra-transparente:hover {
  --sombra-color: rgba(0, 0, 0, var(--sombra-opacidad));
}

.hover\:fill-transparente:hover svg {
  fill: transparent;
}

.hover\:stroke-transparente:hover svg {
  stroke: transparent;
}

.hover\:hasta-rojo-10:hover {
  --color-hasta: #fdecec;
}

.hover\:hasta-rojo-25:hover {
  --color-hasta: #fbd0d0;
}

.hover\:hasta-rojo-50:hover {
  --color-hasta: #fbd0d0;
}

.hover\:hasta-rojo-100:hover {
  --color-hasta: #f69898;
}

.hover\:hasta-rojo-200:hover {
  --color-hasta: #f47c7c;
}

.hover\:hasta-rojo-300:hover {
  --color-hasta: #f16060;
}

.hover\:hasta-rojo-400:hover {
  --color-hasta: #ef4444;
}

.hover\:hasta-rojo-500:hover {
  --color-hasta: #cb3a3a;
}

.hover\:hasta-rojo-600:hover {
  --color-hasta: #a73030;
}

.hover\:hasta-rojo-700:hover {
  --color-hasta: #832525;
}

.hover\:hasta-rojo-800:hover {
  --color-hasta: #601b1b;
}

.hover\:hasta-rojo-900:hover {
  --color-hasta: #3c1111;
}

.hover\:hasta-rojo-950:hover {
  --color-hasta: #180707;
}

.hover\:hasta-amarillo-10:hover {
  --color-hasta: #fffae8;
}

.hover\:hasta-amarillo-25:hover {
  --color-hasta: #fef2c5;
}

.hover\:hasta-amarillo-50:hover {
  --color-hasta: #fdeba1;
}

.hover\:hasta-amarillo-100:hover {
  --color-hasta: #fce37e;
}

.hover\:hasta-amarillo-200:hover {
  --color-hasta: #fcdb5b;
}

.hover\:hasta-amarillo-300:hover {
  --color-hasta: #fbd438;
}

.hover\:hasta-amarillo-400:hover {
  --color-hasta: #facc15;
}

.hover\:hasta-amarillo-500:hover {
  --color-hasta: #d5ad12;
}

.hover\:hasta-amarillo-600:hover {
  --color-hasta: #af8f0f;
}

.hover\:hasta-amarillo-700:hover {
  --color-hasta: #8a700c;
}

.hover\:hasta-amarillo-800:hover {
  --color-hasta: #645208;
}

.hover\:hasta-amarillo-900:hover {
  --color-hasta: #3f3305;
}

.hover\:hasta-amarillo-950:hover {
  --color-hasta: #191402;
}

.hover\:hasta-azul-10:hover {
  --color-hasta: #ebf8fe;
}

.hover\:hasta-azul-25:hover {
  --color-hasta: #cdeffd;
}

.hover\:hasta-azul-50:hover {
  --color-hasta: #afe5fc;
}

.hover\:hasta-azul-100:hover {
  --color-hasta: #92dbfb;
}

.hover\:hasta-azul-200:hover {
  --color-hasta: #74d1fa;
}

.hover\:hasta-azul-300:hover {
  --color-hasta: #56c7f9;
}

.hover\:hasta-azul-400:hover {
  --color-hasta: #38bdf8;
}

.hover\:hasta-azul-500:hover {
  --color-hasta: #30a1d3;
}

.hover\:hasta-azul-600:hover {
  --color-hasta: #2784ae;
}

.hover\:hasta-azul-700:hover {
  --color-hasta: #1f6888;
}

.hover\:hasta-azul-800:hover {
  --color-hasta: #164c63;
}

.hover\:hasta-azul-900:hover {
  --color-hasta: #0e2f3e;
}

.hover\:hasta-azul-950:hover {
  --color-hasta: #061319;
}

.hover\:hasta-cobalto-10:hover {
  --color-hasta: #e7eef8;
}

.hover\:hasta-cobalto-25:hover {
  --color-hasta: #c3d4ee;
}

.hover\:hasta-cobalto-50:hover {
  --color-hasta: #9fbae3;
}

.hover\:hasta-cobalto-100:hover {
  --color-hasta: #7ba0d9;
}

.hover\:hasta-cobalto-200:hover {
  --color-hasta: #5786cf;
}

.hover\:hasta-cobalto-300:hover {
  --color-hasta: #336cc4;
}

.hover\:hasta-cobalto-400:hover {
  --color-hasta: #0f52ba;
}

.hover\:hasta-cobalto-500:hover {
  --color-hasta: #0d469e;
}

.hover\:hasta-cobalto-600:hover {
  --color-hasta: #0b3982;
}

.hover\:hasta-cobalto-700:hover {
  --color-hasta: #082d66;
}

.hover\:hasta-cobalto-800:hover {
  --color-hasta: #06214a;
}

.hover\:hasta-cobalto-900:hover {
  --color-hasta: #04152f;
}

.hover\:hasta-cobalto-950:hover {
  --color-hasta: #010813;
}

.hover\:hasta-gris-10:hover {
  --color-hasta: #f5f6f7;
}

.hover\:hasta-gris-25:hover {
  --color-hasta: #e6e8eb;
}

.hover\:hasta-gris-50:hover {
  --color-hasta: #d7dadf;
}

.hover\:hasta-gris-100:hover {
  --color-hasta: #c9ccd3;
}

.hover\:hasta-gris-200:hover {
  --color-hasta: #babfc7;
}

.hover\:hasta-gris-300:hover {
  --color-hasta: #abb1bb;
}

.hover\:hasta-gris-400:hover {
  --color-hasta: #9ca3af;
}

.hover\:hasta-gris-500:hover {
  --color-hasta: #858b95;
}

.hover\:hasta-gris-600:hover {
  --color-hasta: #6d727a;
}

.hover\:hasta-gris-700:hover {
  --color-hasta: #565a60;
}

.hover\:hasta-gris-800:hover {
  --color-hasta: #3e4146;
}

.hover\:hasta-gris-900:hover {
  --color-hasta: #27292c;
}

.hover\:hasta-gris-950:hover {
  --color-hasta: #101011;
}

.hover\:hasta-verde-10:hover {
  --color-hasta: #e7f8f2;
}

.hover\:hasta-verde-25:hover {
  --color-hasta: #c3eee0;
}

.hover\:hasta-verde-50:hover {
  --color-hasta: #9fe3cd;
}

.hover\:hasta-verde-100:hover {
  --color-hasta: #7cd9ba;
}

.hover\:hasta-verde-200:hover {
  --color-hasta: #58cea7;
}

.hover\:hasta-verde-300:hover {
  --color-hasta: #34c494;
}

.hover\:hasta-verde-400:hover {
  --color-hasta: #10b981;
}

.hover\:hasta-verde-500:hover {
  --color-hasta: #0e9d6e;
}

.hover\:hasta-verde-600:hover {
  --color-hasta: #0b825a;
}

.hover\:hasta-verde-700:hover {
  --color-hasta: #096647;
}

.hover\:hasta-verde-800:hover {
  --color-hasta: #064a34;
}

.hover\:hasta-verde-900:hover {
  --color-hasta: #042e20;
}

.hover\:hasta-verde-950:hover {
  --color-hasta: #02120d;
}

.hover\:hasta-turquesa-10:hover {
  --color-hasta: #e6fafb;
}

.hover\:hasta-turquesa-25:hover {
  --color-hasta: #bff2f4;
}

.hover\:hasta-turquesa-50:hover {
  --color-hasta: #99e9ee;
}

.hover\:hasta-turquesa-100:hover {
  --color-hasta: #73e1e7;
}

.hover\:hasta-turquesa-200:hover {
  --color-hasta: #4dd9e1;
}

.hover\:hasta-turquesa-300:hover {
  --color-hasta: #26d1da;
}

.hover\:hasta-turquesa-400:hover {
  --color-hasta: #00c9d4;
}

.hover\:hasta-turquesa-500:hover {
  --color-hasta: #00abb4;
}

.hover\:hasta-turquesa-600:hover {
  --color-hasta: #008d94;
}

.hover\:hasta-turquesa-700:hover {
  --color-hasta: #006f75;
}

.hover\:hasta-turquesa-800:hover {
  --color-hasta: #005055;
}

.hover\:hasta-turquesa-900:hover {
  --color-hasta: #003235;
}

.hover\:hasta-turquesa-950:hover {
  --color-hasta: #001415;
}

.hover\:hasta-naranja-10:hover {
  --color-hasta: #fdf1e6;
}

.hover\:hasta-naranja-25:hover {
  --color-hasta: #fbdcbf;
}

.hover\:hasta-naranja-50:hover {
  --color-hasta: #f8c699;
}

.hover\:hasta-naranja-100:hover {
  --color-hasta: #f6b173;
}

.hover\:hasta-naranja-200:hover {
  --color-hasta: #f39c4d;
}

.hover\:hasta-naranja-300:hover {
  --color-hasta: #f18626;
}

.hover\:hasta-naranja-400:hover {
  --color-hasta: #ee7100;
}

.hover\:hasta-naranja-500:hover {
  --color-hasta: #ca6000;
}

.hover\:hasta-naranja-600:hover {
  --color-hasta: #a74f00;
}

.hover\:hasta-naranja-700:hover {
  --color-hasta: #833e00;
}

.hover\:hasta-naranja-800:hover {
  --color-hasta: #5f2d00;
}

.hover\:hasta-naranja-900:hover {
  --color-hasta: #3c1c00;
}

.hover\:hasta-naranja-950:hover {
  --color-hasta: #180b00;
}

.hover\:hasta-neutral-10:hover {
  --color-hasta: #f1f5f9;
}

.hover\:hasta-neutral-25:hover {
  --color-hasta: #e2e8f0;
}

.hover\:hasta-neutral-50:hover {
  --color-hasta: #cbd5e1;
}

.hover\:hasta-neutral-100:hover {
  --color-hasta: #a9b5c5;
}

.hover\:hasta-neutral-200:hover {
  --color-hasta: #92a1b5;
}

.hover\:hasta-neutral-300:hover {
  --color-hasta: #7a8ca5;
}

.hover\:hasta-neutral-400:hover {
  --color-hasta: #637895;
}

.hover\:hasta-neutral-500:hover {
  --color-hasta: #54667f;
}

.hover\:hasta-neutral-600:hover {
  --color-hasta: #455468;
}

.hover\:hasta-neutral-700:hover {
  --color-hasta: #364252;
}

.hover\:hasta-neutral-800:hover {
  --color-hasta: #28303c;
}

.hover\:hasta-neutral-900:hover {
  --color-hasta: #191e25;
}

.hover\:hasta-neutral-950:hover {
  --color-hasta: #0a0c0f;
}

.hover\:hasta-blanco:hover {
  --color-hasta: #fff;
}

.hover\:hasta-negro:hover {
  --color-hasta: #000;
}

.hover\:hasta-transparente:hover {
  --color-hasta: transparent;
}

@media (min-width: 768px) {
  .md\:bg-rojo-10 {
    background-color: rgba(253, 236, 236, var(--bg-opacidad));
  }
  .md\:color-rojo-10 {
    color: #fdecec;
  }
  .md\:borde-rojo-10 {
    border-color: #fdecec;
  }
  .md\:de-rojo-10 {
    --color-de: #fdecec 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-rojo-10 {
    --sombra-color: rgba(253, 236, 236, var(--sombra-opacidad));
  }
  .md\:fill-rojo-10 svg {
    fill: #fdecec;
  }
  .md\:stroke-rojo-10 svg {
    stroke: #fdecec;
  }
  .md\:bg-rojo-25 {
    background-color: rgba(251, 208, 208, var(--bg-opacidad));
  }
  .md\:color-rojo-25 {
    color: #fbd0d0;
  }
  .md\:borde-rojo-25 {
    border-color: #fbd0d0;
  }
  .md\:de-rojo-25 {
    --color-de: #fbd0d0 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-rojo-25 {
    --sombra-color: rgba(251, 208, 208, var(--sombra-opacidad));
  }
  .md\:fill-rojo-25 svg {
    fill: #fbd0d0;
  }
  .md\:stroke-rojo-25 svg {
    stroke: #fbd0d0;
  }
  .md\:bg-rojo-50 {
    background-color: rgba(251, 208, 208, var(--bg-opacidad));
  }
  .md\:color-rojo-50 {
    color: #fbd0d0;
  }
  .md\:borde-rojo-50 {
    border-color: #fbd0d0;
  }
  .md\:de-rojo-50 {
    --color-de: #fbd0d0 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-rojo-50 {
    --sombra-color: rgba(251, 208, 208, var(--sombra-opacidad));
  }
  .md\:fill-rojo-50 svg {
    fill: #fbd0d0;
  }
  .md\:stroke-rojo-50 svg {
    stroke: #fbd0d0;
  }
  .md\:bg-rojo-100 {
    background-color: rgba(246, 152, 152, var(--bg-opacidad));
  }
  .md\:color-rojo-100 {
    color: #f69898;
  }
  .md\:borde-rojo-100 {
    border-color: #f69898;
  }
  .md\:de-rojo-100 {
    --color-de: #f69898 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-rojo-100 {
    --sombra-color: rgba(246, 152, 152, var(--sombra-opacidad));
  }
  .md\:fill-rojo-100 svg {
    fill: #f69898;
  }
  .md\:stroke-rojo-100 svg {
    stroke: #f69898;
  }
  .md\:bg-rojo-200 {
    background-color: rgba(244, 124, 124, var(--bg-opacidad));
  }
  .md\:color-rojo-200 {
    color: #f47c7c;
  }
  .md\:borde-rojo-200 {
    border-color: #f47c7c;
  }
  .md\:de-rojo-200 {
    --color-de: #f47c7c 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-rojo-200 {
    --sombra-color: rgba(244, 124, 124, var(--sombra-opacidad));
  }
  .md\:fill-rojo-200 svg {
    fill: #f47c7c;
  }
  .md\:stroke-rojo-200 svg {
    stroke: #f47c7c;
  }
  .md\:bg-rojo-300 {
    background-color: rgba(241, 96, 96, var(--bg-opacidad));
  }
  .md\:color-rojo-300 {
    color: #f16060;
  }
  .md\:borde-rojo-300 {
    border-color: #f16060;
  }
  .md\:de-rojo-300 {
    --color-de: #f16060 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-rojo-300 {
    --sombra-color: rgba(241, 96, 96, var(--sombra-opacidad));
  }
  .md\:fill-rojo-300 svg {
    fill: #f16060;
  }
  .md\:stroke-rojo-300 svg {
    stroke: #f16060;
  }
  .md\:bg-rojo-400 {
    background-color: rgba(239, 68, 68, var(--bg-opacidad));
  }
  .md\:color-rojo-400 {
    color: #ef4444;
  }
  .md\:borde-rojo-400 {
    border-color: #ef4444;
  }
  .md\:de-rojo-400 {
    --color-de: #ef4444 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-rojo-400 {
    --sombra-color: rgba(239, 68, 68, var(--sombra-opacidad));
  }
  .md\:fill-rojo-400 svg {
    fill: #ef4444;
  }
  .md\:stroke-rojo-400 svg {
    stroke: #ef4444;
  }
  .md\:bg-rojo-500 {
    background-color: rgba(203, 58, 58, var(--bg-opacidad));
  }
  .md\:color-rojo-500 {
    color: #cb3a3a;
  }
  .md\:borde-rojo-500 {
    border-color: #cb3a3a;
  }
  .md\:de-rojo-500 {
    --color-de: #cb3a3a 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-rojo-500 {
    --sombra-color: rgba(203, 58, 58, var(--sombra-opacidad));
  }
  .md\:fill-rojo-500 svg {
    fill: #cb3a3a;
  }
  .md\:stroke-rojo-500 svg {
    stroke: #cb3a3a;
  }
  .md\:bg-rojo-600 {
    background-color: rgba(167, 48, 48, var(--bg-opacidad));
  }
  .md\:color-rojo-600 {
    color: #a73030;
  }
  .md\:borde-rojo-600 {
    border-color: #a73030;
  }
  .md\:de-rojo-600 {
    --color-de: #a73030 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-rojo-600 {
    --sombra-color: rgba(167, 48, 48, var(--sombra-opacidad));
  }
  .md\:fill-rojo-600 svg {
    fill: #a73030;
  }
  .md\:stroke-rojo-600 svg {
    stroke: #a73030;
  }
  .md\:bg-rojo-700 {
    background-color: rgba(131, 37, 37, var(--bg-opacidad));
  }
  .md\:color-rojo-700 {
    color: #832525;
  }
  .md\:borde-rojo-700 {
    border-color: #832525;
  }
  .md\:de-rojo-700 {
    --color-de: #832525 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-rojo-700 {
    --sombra-color: rgba(131, 37, 37, var(--sombra-opacidad));
  }
  .md\:fill-rojo-700 svg {
    fill: #832525;
  }
  .md\:stroke-rojo-700 svg {
    stroke: #832525;
  }
  .md\:bg-rojo-800 {
    background-color: rgba(96, 27, 27, var(--bg-opacidad));
  }
  .md\:color-rojo-800 {
    color: #601b1b;
  }
  .md\:borde-rojo-800 {
    border-color: #601b1b;
  }
  .md\:de-rojo-800 {
    --color-de: #601b1b 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-rojo-800 {
    --sombra-color: rgba(96, 27, 27, var(--sombra-opacidad));
  }
  .md\:fill-rojo-800 svg {
    fill: #601b1b;
  }
  .md\:stroke-rojo-800 svg {
    stroke: #601b1b;
  }
  .md\:bg-rojo-900 {
    background-color: rgba(60, 17, 17, var(--bg-opacidad));
  }
  .md\:color-rojo-900 {
    color: #3c1111;
  }
  .md\:borde-rojo-900 {
    border-color: #3c1111;
  }
  .md\:de-rojo-900 {
    --color-de: #3c1111 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-rojo-900 {
    --sombra-color: rgba(60, 17, 17, var(--sombra-opacidad));
  }
  .md\:fill-rojo-900 svg {
    fill: #3c1111;
  }
  .md\:stroke-rojo-900 svg {
    stroke: #3c1111;
  }
  .md\:bg-rojo-950 {
    background-color: rgba(24, 7, 7, var(--bg-opacidad));
  }
  .md\:color-rojo-950 {
    color: #180707;
  }
  .md\:borde-rojo-950 {
    border-color: #180707;
  }
  .md\:de-rojo-950 {
    --color-de: #180707 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-rojo-950 {
    --sombra-color: rgba(24, 7, 7, var(--sombra-opacidad));
  }
  .md\:fill-rojo-950 svg {
    fill: #180707;
  }
  .md\:stroke-rojo-950 svg {
    stroke: #180707;
  }
  .md\:bg-amarillo-10 {
    background-color: rgba(255, 250, 232, var(--bg-opacidad));
  }
  .md\:color-amarillo-10 {
    color: #fffae8;
  }
  .md\:borde-amarillo-10 {
    border-color: #fffae8;
  }
  .md\:de-amarillo-10 {
    --color-de: #fffae8 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-amarillo-10 {
    --sombra-color: rgba(255, 250, 232, var(--sombra-opacidad));
  }
  .md\:fill-amarillo-10 svg {
    fill: #fffae8;
  }
  .md\:stroke-amarillo-10 svg {
    stroke: #fffae8;
  }
  .md\:bg-amarillo-25 {
    background-color: rgba(254, 242, 197, var(--bg-opacidad));
  }
  .md\:color-amarillo-25 {
    color: #fef2c5;
  }
  .md\:borde-amarillo-25 {
    border-color: #fef2c5;
  }
  .md\:de-amarillo-25 {
    --color-de: #fef2c5 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-amarillo-25 {
    --sombra-color: rgba(254, 242, 197, var(--sombra-opacidad));
  }
  .md\:fill-amarillo-25 svg {
    fill: #fef2c5;
  }
  .md\:stroke-amarillo-25 svg {
    stroke: #fef2c5;
  }
  .md\:bg-amarillo-50 {
    background-color: rgba(253, 235, 161, var(--bg-opacidad));
  }
  .md\:color-amarillo-50 {
    color: #fdeba1;
  }
  .md\:borde-amarillo-50 {
    border-color: #fdeba1;
  }
  .md\:de-amarillo-50 {
    --color-de: #fdeba1 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-amarillo-50 {
    --sombra-color: rgba(253, 235, 161, var(--sombra-opacidad));
  }
  .md\:fill-amarillo-50 svg {
    fill: #fdeba1;
  }
  .md\:stroke-amarillo-50 svg {
    stroke: #fdeba1;
  }
  .md\:bg-amarillo-100 {
    background-color: rgba(252, 227, 126, var(--bg-opacidad));
  }
  .md\:color-amarillo-100 {
    color: #fce37e;
  }
  .md\:borde-amarillo-100 {
    border-color: #fce37e;
  }
  .md\:de-amarillo-100 {
    --color-de: #fce37e 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-amarillo-100 {
    --sombra-color: rgba(252, 227, 126, var(--sombra-opacidad));
  }
  .md\:fill-amarillo-100 svg {
    fill: #fce37e;
  }
  .md\:stroke-amarillo-100 svg {
    stroke: #fce37e;
  }
  .md\:bg-amarillo-200 {
    background-color: rgba(252, 219, 91, var(--bg-opacidad));
  }
  .md\:color-amarillo-200 {
    color: #fcdb5b;
  }
  .md\:borde-amarillo-200 {
    border-color: #fcdb5b;
  }
  .md\:de-amarillo-200 {
    --color-de: #fcdb5b 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-amarillo-200 {
    --sombra-color: rgba(252, 219, 91, var(--sombra-opacidad));
  }
  .md\:fill-amarillo-200 svg {
    fill: #fcdb5b;
  }
  .md\:stroke-amarillo-200 svg {
    stroke: #fcdb5b;
  }
  .md\:bg-amarillo-300 {
    background-color: rgba(251, 212, 56, var(--bg-opacidad));
  }
  .md\:color-amarillo-300 {
    color: #fbd438;
  }
  .md\:borde-amarillo-300 {
    border-color: #fbd438;
  }
  .md\:de-amarillo-300 {
    --color-de: #fbd438 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-amarillo-300 {
    --sombra-color: rgba(251, 212, 56, var(--sombra-opacidad));
  }
  .md\:fill-amarillo-300 svg {
    fill: #fbd438;
  }
  .md\:stroke-amarillo-300 svg {
    stroke: #fbd438;
  }
  .md\:bg-amarillo-400 {
    background-color: rgba(250, 204, 21, var(--bg-opacidad));
  }
  .md\:color-amarillo-400 {
    color: #facc15;
  }
  .md\:borde-amarillo-400 {
    border-color: #facc15;
  }
  .md\:de-amarillo-400 {
    --color-de: #facc15 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-amarillo-400 {
    --sombra-color: rgba(250, 204, 21, var(--sombra-opacidad));
  }
  .md\:fill-amarillo-400 svg {
    fill: #facc15;
  }
  .md\:stroke-amarillo-400 svg {
    stroke: #facc15;
  }
  .md\:bg-amarillo-500 {
    background-color: rgba(213, 173, 18, var(--bg-opacidad));
  }
  .md\:color-amarillo-500 {
    color: #d5ad12;
  }
  .md\:borde-amarillo-500 {
    border-color: #d5ad12;
  }
  .md\:de-amarillo-500 {
    --color-de: #d5ad12 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-amarillo-500 {
    --sombra-color: rgba(213, 173, 18, var(--sombra-opacidad));
  }
  .md\:fill-amarillo-500 svg {
    fill: #d5ad12;
  }
  .md\:stroke-amarillo-500 svg {
    stroke: #d5ad12;
  }
  .md\:bg-amarillo-600 {
    background-color: rgba(175, 143, 15, var(--bg-opacidad));
  }
  .md\:color-amarillo-600 {
    color: #af8f0f;
  }
  .md\:borde-amarillo-600 {
    border-color: #af8f0f;
  }
  .md\:de-amarillo-600 {
    --color-de: #af8f0f 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-amarillo-600 {
    --sombra-color: rgba(175, 143, 15, var(--sombra-opacidad));
  }
  .md\:fill-amarillo-600 svg {
    fill: #af8f0f;
  }
  .md\:stroke-amarillo-600 svg {
    stroke: #af8f0f;
  }
  .md\:bg-amarillo-700 {
    background-color: rgba(138, 112, 12, var(--bg-opacidad));
  }
  .md\:color-amarillo-700 {
    color: #8a700c;
  }
  .md\:borde-amarillo-700 {
    border-color: #8a700c;
  }
  .md\:de-amarillo-700 {
    --color-de: #8a700c 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-amarillo-700 {
    --sombra-color: rgba(138, 112, 12, var(--sombra-opacidad));
  }
  .md\:fill-amarillo-700 svg {
    fill: #8a700c;
  }
  .md\:stroke-amarillo-700 svg {
    stroke: #8a700c;
  }
  .md\:bg-amarillo-800 {
    background-color: rgba(100, 82, 8, var(--bg-opacidad));
  }
  .md\:color-amarillo-800 {
    color: #645208;
  }
  .md\:borde-amarillo-800 {
    border-color: #645208;
  }
  .md\:de-amarillo-800 {
    --color-de: #645208 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-amarillo-800 {
    --sombra-color: rgba(100, 82, 8, var(--sombra-opacidad));
  }
  .md\:fill-amarillo-800 svg {
    fill: #645208;
  }
  .md\:stroke-amarillo-800 svg {
    stroke: #645208;
  }
  .md\:bg-amarillo-900 {
    background-color: rgba(63, 51, 5, var(--bg-opacidad));
  }
  .md\:color-amarillo-900 {
    color: #3f3305;
  }
  .md\:borde-amarillo-900 {
    border-color: #3f3305;
  }
  .md\:de-amarillo-900 {
    --color-de: #3f3305 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-amarillo-900 {
    --sombra-color: rgba(63, 51, 5, var(--sombra-opacidad));
  }
  .md\:fill-amarillo-900 svg {
    fill: #3f3305;
  }
  .md\:stroke-amarillo-900 svg {
    stroke: #3f3305;
  }
  .md\:bg-amarillo-950 {
    background-color: rgba(25, 20, 2, var(--bg-opacidad));
  }
  .md\:color-amarillo-950 {
    color: #191402;
  }
  .md\:borde-amarillo-950 {
    border-color: #191402;
  }
  .md\:de-amarillo-950 {
    --color-de: #191402 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-amarillo-950 {
    --sombra-color: rgba(25, 20, 2, var(--sombra-opacidad));
  }
  .md\:fill-amarillo-950 svg {
    fill: #191402;
  }
  .md\:stroke-amarillo-950 svg {
    stroke: #191402;
  }
  .md\:bg-azul-10 {
    background-color: rgba(235, 248, 254, var(--bg-opacidad));
  }
  .md\:color-azul-10 {
    color: #ebf8fe;
  }
  .md\:borde-azul-10 {
    border-color: #ebf8fe;
  }
  .md\:de-azul-10 {
    --color-de: #ebf8fe 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-azul-10 {
    --sombra-color: rgba(235, 248, 254, var(--sombra-opacidad));
  }
  .md\:fill-azul-10 svg {
    fill: #ebf8fe;
  }
  .md\:stroke-azul-10 svg {
    stroke: #ebf8fe;
  }
  .md\:bg-azul-25 {
    background-color: rgba(205, 239, 253, var(--bg-opacidad));
  }
  .md\:color-azul-25 {
    color: #cdeffd;
  }
  .md\:borde-azul-25 {
    border-color: #cdeffd;
  }
  .md\:de-azul-25 {
    --color-de: #cdeffd 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-azul-25 {
    --sombra-color: rgba(205, 239, 253, var(--sombra-opacidad));
  }
  .md\:fill-azul-25 svg {
    fill: #cdeffd;
  }
  .md\:stroke-azul-25 svg {
    stroke: #cdeffd;
  }
  .md\:bg-azul-50 {
    background-color: rgba(175, 229, 252, var(--bg-opacidad));
  }
  .md\:color-azul-50 {
    color: #afe5fc;
  }
  .md\:borde-azul-50 {
    border-color: #afe5fc;
  }
  .md\:de-azul-50 {
    --color-de: #afe5fc 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-azul-50 {
    --sombra-color: rgba(175, 229, 252, var(--sombra-opacidad));
  }
  .md\:fill-azul-50 svg {
    fill: #afe5fc;
  }
  .md\:stroke-azul-50 svg {
    stroke: #afe5fc;
  }
  .md\:bg-azul-100 {
    background-color: rgba(146, 219, 251, var(--bg-opacidad));
  }
  .md\:color-azul-100 {
    color: #92dbfb;
  }
  .md\:borde-azul-100 {
    border-color: #92dbfb;
  }
  .md\:de-azul-100 {
    --color-de: #92dbfb 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-azul-100 {
    --sombra-color: rgba(146, 219, 251, var(--sombra-opacidad));
  }
  .md\:fill-azul-100 svg {
    fill: #92dbfb;
  }
  .md\:stroke-azul-100 svg {
    stroke: #92dbfb;
  }
  .md\:bg-azul-200 {
    background-color: rgba(116, 209, 250, var(--bg-opacidad));
  }
  .md\:color-azul-200 {
    color: #74d1fa;
  }
  .md\:borde-azul-200 {
    border-color: #74d1fa;
  }
  .md\:de-azul-200 {
    --color-de: #74d1fa 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-azul-200 {
    --sombra-color: rgba(116, 209, 250, var(--sombra-opacidad));
  }
  .md\:fill-azul-200 svg {
    fill: #74d1fa;
  }
  .md\:stroke-azul-200 svg {
    stroke: #74d1fa;
  }
  .md\:bg-azul-300 {
    background-color: rgba(86, 199, 249, var(--bg-opacidad));
  }
  .md\:color-azul-300 {
    color: #56c7f9;
  }
  .md\:borde-azul-300 {
    border-color: #56c7f9;
  }
  .md\:de-azul-300 {
    --color-de: #56c7f9 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-azul-300 {
    --sombra-color: rgba(86, 199, 249, var(--sombra-opacidad));
  }
  .md\:fill-azul-300 svg {
    fill: #56c7f9;
  }
  .md\:stroke-azul-300 svg {
    stroke: #56c7f9;
  }
  .md\:bg-azul-400 {
    background-color: rgba(56, 189, 248, var(--bg-opacidad));
  }
  .md\:color-azul-400 {
    color: #38bdf8;
  }
  .md\:borde-azul-400 {
    border-color: #38bdf8;
  }
  .md\:de-azul-400 {
    --color-de: #38bdf8 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-azul-400 {
    --sombra-color: rgba(56, 189, 248, var(--sombra-opacidad));
  }
  .md\:fill-azul-400 svg {
    fill: #38bdf8;
  }
  .md\:stroke-azul-400 svg {
    stroke: #38bdf8;
  }
  .md\:bg-azul-500 {
    background-color: rgba(48, 161, 211, var(--bg-opacidad));
  }
  .md\:color-azul-500 {
    color: #30a1d3;
  }
  .md\:borde-azul-500 {
    border-color: #30a1d3;
  }
  .md\:de-azul-500 {
    --color-de: #30a1d3 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-azul-500 {
    --sombra-color: rgba(48, 161, 211, var(--sombra-opacidad));
  }
  .md\:fill-azul-500 svg {
    fill: #30a1d3;
  }
  .md\:stroke-azul-500 svg {
    stroke: #30a1d3;
  }
  .md\:bg-azul-600 {
    background-color: rgba(39, 132, 174, var(--bg-opacidad));
  }
  .md\:color-azul-600 {
    color: #2784ae;
  }
  .md\:borde-azul-600 {
    border-color: #2784ae;
  }
  .md\:de-azul-600 {
    --color-de: #2784ae 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-azul-600 {
    --sombra-color: rgba(39, 132, 174, var(--sombra-opacidad));
  }
  .md\:fill-azul-600 svg {
    fill: #2784ae;
  }
  .md\:stroke-azul-600 svg {
    stroke: #2784ae;
  }
  .md\:bg-azul-700 {
    background-color: rgba(31, 104, 136, var(--bg-opacidad));
  }
  .md\:color-azul-700 {
    color: #1f6888;
  }
  .md\:borde-azul-700 {
    border-color: #1f6888;
  }
  .md\:de-azul-700 {
    --color-de: #1f6888 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-azul-700 {
    --sombra-color: rgba(31, 104, 136, var(--sombra-opacidad));
  }
  .md\:fill-azul-700 svg {
    fill: #1f6888;
  }
  .md\:stroke-azul-700 svg {
    stroke: #1f6888;
  }
  .md\:bg-azul-800 {
    background-color: rgba(22, 76, 99, var(--bg-opacidad));
  }
  .md\:color-azul-800 {
    color: #164c63;
  }
  .md\:borde-azul-800 {
    border-color: #164c63;
  }
  .md\:de-azul-800 {
    --color-de: #164c63 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-azul-800 {
    --sombra-color: rgba(22, 76, 99, var(--sombra-opacidad));
  }
  .md\:fill-azul-800 svg {
    fill: #164c63;
  }
  .md\:stroke-azul-800 svg {
    stroke: #164c63;
  }
  .md\:bg-azul-900 {
    background-color: rgba(14, 47, 62, var(--bg-opacidad));
  }
  .md\:color-azul-900 {
    color: #0e2f3e;
  }
  .md\:borde-azul-900 {
    border-color: #0e2f3e;
  }
  .md\:de-azul-900 {
    --color-de: #0e2f3e 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-azul-900 {
    --sombra-color: rgba(14, 47, 62, var(--sombra-opacidad));
  }
  .md\:fill-azul-900 svg {
    fill: #0e2f3e;
  }
  .md\:stroke-azul-900 svg {
    stroke: #0e2f3e;
  }
  .md\:bg-azul-950 {
    background-color: rgba(6, 19, 25, var(--bg-opacidad));
  }
  .md\:color-azul-950 {
    color: #061319;
  }
  .md\:borde-azul-950 {
    border-color: #061319;
  }
  .md\:de-azul-950 {
    --color-de: #061319 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-azul-950 {
    --sombra-color: rgba(6, 19, 25, var(--sombra-opacidad));
  }
  .md\:fill-azul-950 svg {
    fill: #061319;
  }
  .md\:stroke-azul-950 svg {
    stroke: #061319;
  }
  .md\:bg-cobalto-10 {
    background-color: rgba(231, 238, 248, var(--bg-opacidad));
  }
  .md\:color-cobalto-10 {
    color: #e7eef8;
  }
  .md\:borde-cobalto-10 {
    border-color: #e7eef8;
  }
  .md\:de-cobalto-10 {
    --color-de: #e7eef8 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-cobalto-10 {
    --sombra-color: rgba(231, 238, 248, var(--sombra-opacidad));
  }
  .md\:fill-cobalto-10 svg {
    fill: #e7eef8;
  }
  .md\:stroke-cobalto-10 svg {
    stroke: #e7eef8;
  }
  .md\:bg-cobalto-25 {
    background-color: rgba(195, 212, 238, var(--bg-opacidad));
  }
  .md\:color-cobalto-25 {
    color: #c3d4ee;
  }
  .md\:borde-cobalto-25 {
    border-color: #c3d4ee;
  }
  .md\:de-cobalto-25 {
    --color-de: #c3d4ee 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-cobalto-25 {
    --sombra-color: rgba(195, 212, 238, var(--sombra-opacidad));
  }
  .md\:fill-cobalto-25 svg {
    fill: #c3d4ee;
  }
  .md\:stroke-cobalto-25 svg {
    stroke: #c3d4ee;
  }
  .md\:bg-cobalto-50 {
    background-color: rgba(159, 186, 227, var(--bg-opacidad));
  }
  .md\:color-cobalto-50 {
    color: #9fbae3;
  }
  .md\:borde-cobalto-50 {
    border-color: #9fbae3;
  }
  .md\:de-cobalto-50 {
    --color-de: #9fbae3 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-cobalto-50 {
    --sombra-color: rgba(159, 186, 227, var(--sombra-opacidad));
  }
  .md\:fill-cobalto-50 svg {
    fill: #9fbae3;
  }
  .md\:stroke-cobalto-50 svg {
    stroke: #9fbae3;
  }
  .md\:bg-cobalto-100 {
    background-color: rgba(123, 160, 217, var(--bg-opacidad));
  }
  .md\:color-cobalto-100 {
    color: #7ba0d9;
  }
  .md\:borde-cobalto-100 {
    border-color: #7ba0d9;
  }
  .md\:de-cobalto-100 {
    --color-de: #7ba0d9 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-cobalto-100 {
    --sombra-color: rgba(123, 160, 217, var(--sombra-opacidad));
  }
  .md\:fill-cobalto-100 svg {
    fill: #7ba0d9;
  }
  .md\:stroke-cobalto-100 svg {
    stroke: #7ba0d9;
  }
  .md\:bg-cobalto-200 {
    background-color: rgba(87, 134, 207, var(--bg-opacidad));
  }
  .md\:color-cobalto-200 {
    color: #5786cf;
  }
  .md\:borde-cobalto-200 {
    border-color: #5786cf;
  }
  .md\:de-cobalto-200 {
    --color-de: #5786cf 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-cobalto-200 {
    --sombra-color: rgba(87, 134, 207, var(--sombra-opacidad));
  }
  .md\:fill-cobalto-200 svg {
    fill: #5786cf;
  }
  .md\:stroke-cobalto-200 svg {
    stroke: #5786cf;
  }
  .md\:bg-cobalto-300 {
    background-color: rgba(51, 108, 196, var(--bg-opacidad));
  }
  .md\:color-cobalto-300 {
    color: #336cc4;
  }
  .md\:borde-cobalto-300 {
    border-color: #336cc4;
  }
  .md\:de-cobalto-300 {
    --color-de: #336cc4 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-cobalto-300 {
    --sombra-color: rgba(51, 108, 196, var(--sombra-opacidad));
  }
  .md\:fill-cobalto-300 svg {
    fill: #336cc4;
  }
  .md\:stroke-cobalto-300 svg {
    stroke: #336cc4;
  }
  .md\:bg-cobalto-400 {
    background-color: rgba(15, 82, 186, var(--bg-opacidad));
  }
  .md\:color-cobalto-400 {
    color: #0f52ba;
  }
  .md\:borde-cobalto-400 {
    border-color: #0f52ba;
  }
  .md\:de-cobalto-400 {
    --color-de: #0f52ba 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-cobalto-400 {
    --sombra-color: rgba(15, 82, 186, var(--sombra-opacidad));
  }
  .md\:fill-cobalto-400 svg {
    fill: #0f52ba;
  }
  .md\:stroke-cobalto-400 svg {
    stroke: #0f52ba;
  }
  .md\:bg-cobalto-500 {
    background-color: rgba(13, 70, 158, var(--bg-opacidad));
  }
  .md\:color-cobalto-500 {
    color: #0d469e;
  }
  .md\:borde-cobalto-500 {
    border-color: #0d469e;
  }
  .md\:de-cobalto-500 {
    --color-de: #0d469e 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-cobalto-500 {
    --sombra-color: rgba(13, 70, 158, var(--sombra-opacidad));
  }
  .md\:fill-cobalto-500 svg {
    fill: #0d469e;
  }
  .md\:stroke-cobalto-500 svg {
    stroke: #0d469e;
  }
  .md\:bg-cobalto-600 {
    background-color: rgba(11, 57, 130, var(--bg-opacidad));
  }
  .md\:color-cobalto-600 {
    color: #0b3982;
  }
  .md\:borde-cobalto-600 {
    border-color: #0b3982;
  }
  .md\:de-cobalto-600 {
    --color-de: #0b3982 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-cobalto-600 {
    --sombra-color: rgba(11, 57, 130, var(--sombra-opacidad));
  }
  .md\:fill-cobalto-600 svg {
    fill: #0b3982;
  }
  .md\:stroke-cobalto-600 svg {
    stroke: #0b3982;
  }
  .md\:bg-cobalto-700 {
    background-color: rgba(8, 45, 102, var(--bg-opacidad));
  }
  .md\:color-cobalto-700 {
    color: #082d66;
  }
  .md\:borde-cobalto-700 {
    border-color: #082d66;
  }
  .md\:de-cobalto-700 {
    --color-de: #082d66 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-cobalto-700 {
    --sombra-color: rgba(8, 45, 102, var(--sombra-opacidad));
  }
  .md\:fill-cobalto-700 svg {
    fill: #082d66;
  }
  .md\:stroke-cobalto-700 svg {
    stroke: #082d66;
  }
  .md\:bg-cobalto-800 {
    background-color: rgba(6, 33, 74, var(--bg-opacidad));
  }
  .md\:color-cobalto-800 {
    color: #06214a;
  }
  .md\:borde-cobalto-800 {
    border-color: #06214a;
  }
  .md\:de-cobalto-800 {
    --color-de: #06214a 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-cobalto-800 {
    --sombra-color: rgba(6, 33, 74, var(--sombra-opacidad));
  }
  .md\:fill-cobalto-800 svg {
    fill: #06214a;
  }
  .md\:stroke-cobalto-800 svg {
    stroke: #06214a;
  }
  .md\:bg-cobalto-900 {
    background-color: rgba(4, 21, 47, var(--bg-opacidad));
  }
  .md\:color-cobalto-900 {
    color: #04152f;
  }
  .md\:borde-cobalto-900 {
    border-color: #04152f;
  }
  .md\:de-cobalto-900 {
    --color-de: #04152f 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-cobalto-900 {
    --sombra-color: rgba(4, 21, 47, var(--sombra-opacidad));
  }
  .md\:fill-cobalto-900 svg {
    fill: #04152f;
  }
  .md\:stroke-cobalto-900 svg {
    stroke: #04152f;
  }
  .md\:bg-cobalto-950 {
    background-color: rgba(1, 8, 19, var(--bg-opacidad));
  }
  .md\:color-cobalto-950 {
    color: #010813;
  }
  .md\:borde-cobalto-950 {
    border-color: #010813;
  }
  .md\:de-cobalto-950 {
    --color-de: #010813 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-cobalto-950 {
    --sombra-color: rgba(1, 8, 19, var(--sombra-opacidad));
  }
  .md\:fill-cobalto-950 svg {
    fill: #010813;
  }
  .md\:stroke-cobalto-950 svg {
    stroke: #010813;
  }
  .md\:bg-gris-10 {
    background-color: rgba(245, 246, 247, var(--bg-opacidad));
  }
  .md\:color-gris-10 {
    color: #f5f6f7;
  }
  .md\:borde-gris-10 {
    border-color: #f5f6f7;
  }
  .md\:de-gris-10 {
    --color-de: #f5f6f7 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-gris-10 {
    --sombra-color: rgba(245, 246, 247, var(--sombra-opacidad));
  }
  .md\:fill-gris-10 svg {
    fill: #f5f6f7;
  }
  .md\:stroke-gris-10 svg {
    stroke: #f5f6f7;
  }
  .md\:bg-gris-25 {
    background-color: rgba(230, 232, 235, var(--bg-opacidad));
  }
  .md\:color-gris-25 {
    color: #e6e8eb;
  }
  .md\:borde-gris-25 {
    border-color: #e6e8eb;
  }
  .md\:de-gris-25 {
    --color-de: #e6e8eb 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-gris-25 {
    --sombra-color: rgba(230, 232, 235, var(--sombra-opacidad));
  }
  .md\:fill-gris-25 svg {
    fill: #e6e8eb;
  }
  .md\:stroke-gris-25 svg {
    stroke: #e6e8eb;
  }
  .md\:bg-gris-50 {
    background-color: rgba(215, 218, 223, var(--bg-opacidad));
  }
  .md\:color-gris-50 {
    color: #d7dadf;
  }
  .md\:borde-gris-50 {
    border-color: #d7dadf;
  }
  .md\:de-gris-50 {
    --color-de: #d7dadf 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-gris-50 {
    --sombra-color: rgba(215, 218, 223, var(--sombra-opacidad));
  }
  .md\:fill-gris-50 svg {
    fill: #d7dadf;
  }
  .md\:stroke-gris-50 svg {
    stroke: #d7dadf;
  }
  .md\:bg-gris-100 {
    background-color: rgba(201, 204, 211, var(--bg-opacidad));
  }
  .md\:color-gris-100 {
    color: #c9ccd3;
  }
  .md\:borde-gris-100 {
    border-color: #c9ccd3;
  }
  .md\:de-gris-100 {
    --color-de: #c9ccd3 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-gris-100 {
    --sombra-color: rgba(201, 204, 211, var(--sombra-opacidad));
  }
  .md\:fill-gris-100 svg {
    fill: #c9ccd3;
  }
  .md\:stroke-gris-100 svg {
    stroke: #c9ccd3;
  }
  .md\:bg-gris-200 {
    background-color: rgba(186, 191, 199, var(--bg-opacidad));
  }
  .md\:color-gris-200 {
    color: #babfc7;
  }
  .md\:borde-gris-200 {
    border-color: #babfc7;
  }
  .md\:de-gris-200 {
    --color-de: #babfc7 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-gris-200 {
    --sombra-color: rgba(186, 191, 199, var(--sombra-opacidad));
  }
  .md\:fill-gris-200 svg {
    fill: #babfc7;
  }
  .md\:stroke-gris-200 svg {
    stroke: #babfc7;
  }
  .md\:bg-gris-300 {
    background-color: rgba(171, 177, 187, var(--bg-opacidad));
  }
  .md\:color-gris-300 {
    color: #abb1bb;
  }
  .md\:borde-gris-300 {
    border-color: #abb1bb;
  }
  .md\:de-gris-300 {
    --color-de: #abb1bb 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-gris-300 {
    --sombra-color: rgba(171, 177, 187, var(--sombra-opacidad));
  }
  .md\:fill-gris-300 svg {
    fill: #abb1bb;
  }
  .md\:stroke-gris-300 svg {
    stroke: #abb1bb;
  }
  .md\:bg-gris-400 {
    background-color: rgba(156, 163, 175, var(--bg-opacidad));
  }
  .md\:color-gris-400 {
    color: #9ca3af;
  }
  .md\:borde-gris-400 {
    border-color: #9ca3af;
  }
  .md\:de-gris-400 {
    --color-de: #9ca3af 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-gris-400 {
    --sombra-color: rgba(156, 163, 175, var(--sombra-opacidad));
  }
  .md\:fill-gris-400 svg {
    fill: #9ca3af;
  }
  .md\:stroke-gris-400 svg {
    stroke: #9ca3af;
  }
  .md\:bg-gris-500 {
    background-color: rgba(133, 139, 149, var(--bg-opacidad));
  }
  .md\:color-gris-500 {
    color: #858b95;
  }
  .md\:borde-gris-500 {
    border-color: #858b95;
  }
  .md\:de-gris-500 {
    --color-de: #858b95 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-gris-500 {
    --sombra-color: rgba(133, 139, 149, var(--sombra-opacidad));
  }
  .md\:fill-gris-500 svg {
    fill: #858b95;
  }
  .md\:stroke-gris-500 svg {
    stroke: #858b95;
  }
  .md\:bg-gris-600 {
    background-color: rgba(109, 114, 122, var(--bg-opacidad));
  }
  .md\:color-gris-600 {
    color: #6d727a;
  }
  .md\:borde-gris-600 {
    border-color: #6d727a;
  }
  .md\:de-gris-600 {
    --color-de: #6d727a 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-gris-600 {
    --sombra-color: rgba(109, 114, 122, var(--sombra-opacidad));
  }
  .md\:fill-gris-600 svg {
    fill: #6d727a;
  }
  .md\:stroke-gris-600 svg {
    stroke: #6d727a;
  }
  .md\:bg-gris-700 {
    background-color: rgba(86, 90, 96, var(--bg-opacidad));
  }
  .md\:color-gris-700 {
    color: #565a60;
  }
  .md\:borde-gris-700 {
    border-color: #565a60;
  }
  .md\:de-gris-700 {
    --color-de: #565a60 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-gris-700 {
    --sombra-color: rgba(86, 90, 96, var(--sombra-opacidad));
  }
  .md\:fill-gris-700 svg {
    fill: #565a60;
  }
  .md\:stroke-gris-700 svg {
    stroke: #565a60;
  }
  .md\:bg-gris-800 {
    background-color: rgba(62, 65, 70, var(--bg-opacidad));
  }
  .md\:color-gris-800 {
    color: #3e4146;
  }
  .md\:borde-gris-800 {
    border-color: #3e4146;
  }
  .md\:de-gris-800 {
    --color-de: #3e4146 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-gris-800 {
    --sombra-color: rgba(62, 65, 70, var(--sombra-opacidad));
  }
  .md\:fill-gris-800 svg {
    fill: #3e4146;
  }
  .md\:stroke-gris-800 svg {
    stroke: #3e4146;
  }
  .md\:bg-gris-900 {
    background-color: rgba(39, 41, 44, var(--bg-opacidad));
  }
  .md\:color-gris-900 {
    color: #27292c;
  }
  .md\:borde-gris-900 {
    border-color: #27292c;
  }
  .md\:de-gris-900 {
    --color-de: #27292c 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-gris-900 {
    --sombra-color: rgba(39, 41, 44, var(--sombra-opacidad));
  }
  .md\:fill-gris-900 svg {
    fill: #27292c;
  }
  .md\:stroke-gris-900 svg {
    stroke: #27292c;
  }
  .md\:bg-gris-950 {
    background-color: rgba(16, 16, 17, var(--bg-opacidad));
  }
  .md\:color-gris-950 {
    color: #101011;
  }
  .md\:borde-gris-950 {
    border-color: #101011;
  }
  .md\:de-gris-950 {
    --color-de: #101011 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-gris-950 {
    --sombra-color: rgba(16, 16, 17, var(--sombra-opacidad));
  }
  .md\:fill-gris-950 svg {
    fill: #101011;
  }
  .md\:stroke-gris-950 svg {
    stroke: #101011;
  }
  .md\:bg-verde-10 {
    background-color: rgba(231, 248, 242, var(--bg-opacidad));
  }
  .md\:color-verde-10 {
    color: #e7f8f2;
  }
  .md\:borde-verde-10 {
    border-color: #e7f8f2;
  }
  .md\:de-verde-10 {
    --color-de: #e7f8f2 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-verde-10 {
    --sombra-color: rgba(231, 248, 242, var(--sombra-opacidad));
  }
  .md\:fill-verde-10 svg {
    fill: #e7f8f2;
  }
  .md\:stroke-verde-10 svg {
    stroke: #e7f8f2;
  }
  .md\:bg-verde-25 {
    background-color: rgba(195, 238, 224, var(--bg-opacidad));
  }
  .md\:color-verde-25 {
    color: #c3eee0;
  }
  .md\:borde-verde-25 {
    border-color: #c3eee0;
  }
  .md\:de-verde-25 {
    --color-de: #c3eee0 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-verde-25 {
    --sombra-color: rgba(195, 238, 224, var(--sombra-opacidad));
  }
  .md\:fill-verde-25 svg {
    fill: #c3eee0;
  }
  .md\:stroke-verde-25 svg {
    stroke: #c3eee0;
  }
  .md\:bg-verde-50 {
    background-color: rgba(159, 227, 205, var(--bg-opacidad));
  }
  .md\:color-verde-50 {
    color: #9fe3cd;
  }
  .md\:borde-verde-50 {
    border-color: #9fe3cd;
  }
  .md\:de-verde-50 {
    --color-de: #9fe3cd 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-verde-50 {
    --sombra-color: rgba(159, 227, 205, var(--sombra-opacidad));
  }
  .md\:fill-verde-50 svg {
    fill: #9fe3cd;
  }
  .md\:stroke-verde-50 svg {
    stroke: #9fe3cd;
  }
  .md\:bg-verde-100 {
    background-color: rgba(124, 217, 186, var(--bg-opacidad));
  }
  .md\:color-verde-100 {
    color: #7cd9ba;
  }
  .md\:borde-verde-100 {
    border-color: #7cd9ba;
  }
  .md\:de-verde-100 {
    --color-de: #7cd9ba 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-verde-100 {
    --sombra-color: rgba(124, 217, 186, var(--sombra-opacidad));
  }
  .md\:fill-verde-100 svg {
    fill: #7cd9ba;
  }
  .md\:stroke-verde-100 svg {
    stroke: #7cd9ba;
  }
  .md\:bg-verde-200 {
    background-color: rgba(88, 206, 167, var(--bg-opacidad));
  }
  .md\:color-verde-200 {
    color: #58cea7;
  }
  .md\:borde-verde-200 {
    border-color: #58cea7;
  }
  .md\:de-verde-200 {
    --color-de: #58cea7 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-verde-200 {
    --sombra-color: rgba(88, 206, 167, var(--sombra-opacidad));
  }
  .md\:fill-verde-200 svg {
    fill: #58cea7;
  }
  .md\:stroke-verde-200 svg {
    stroke: #58cea7;
  }
  .md\:bg-verde-300 {
    background-color: rgba(52, 196, 148, var(--bg-opacidad));
  }
  .md\:color-verde-300 {
    color: #34c494;
  }
  .md\:borde-verde-300 {
    border-color: #34c494;
  }
  .md\:de-verde-300 {
    --color-de: #34c494 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-verde-300 {
    --sombra-color: rgba(52, 196, 148, var(--sombra-opacidad));
  }
  .md\:fill-verde-300 svg {
    fill: #34c494;
  }
  .md\:stroke-verde-300 svg {
    stroke: #34c494;
  }
  .md\:bg-verde-400 {
    background-color: rgba(16, 185, 129, var(--bg-opacidad));
  }
  .md\:color-verde-400 {
    color: #10b981;
  }
  .md\:borde-verde-400 {
    border-color: #10b981;
  }
  .md\:de-verde-400 {
    --color-de: #10b981 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-verde-400 {
    --sombra-color: rgba(16, 185, 129, var(--sombra-opacidad));
  }
  .md\:fill-verde-400 svg {
    fill: #10b981;
  }
  .md\:stroke-verde-400 svg {
    stroke: #10b981;
  }
  .md\:bg-verde-500 {
    background-color: rgba(14, 157, 110, var(--bg-opacidad));
  }
  .md\:color-verde-500 {
    color: #0e9d6e;
  }
  .md\:borde-verde-500 {
    border-color: #0e9d6e;
  }
  .md\:de-verde-500 {
    --color-de: #0e9d6e 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-verde-500 {
    --sombra-color: rgba(14, 157, 110, var(--sombra-opacidad));
  }
  .md\:fill-verde-500 svg {
    fill: #0e9d6e;
  }
  .md\:stroke-verde-500 svg {
    stroke: #0e9d6e;
  }
  .md\:bg-verde-600 {
    background-color: rgba(11, 130, 90, var(--bg-opacidad));
  }
  .md\:color-verde-600 {
    color: #0b825a;
  }
  .md\:borde-verde-600 {
    border-color: #0b825a;
  }
  .md\:de-verde-600 {
    --color-de: #0b825a 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-verde-600 {
    --sombra-color: rgba(11, 130, 90, var(--sombra-opacidad));
  }
  .md\:fill-verde-600 svg {
    fill: #0b825a;
  }
  .md\:stroke-verde-600 svg {
    stroke: #0b825a;
  }
  .md\:bg-verde-700 {
    background-color: rgba(9, 102, 71, var(--bg-opacidad));
  }
  .md\:color-verde-700 {
    color: #096647;
  }
  .md\:borde-verde-700 {
    border-color: #096647;
  }
  .md\:de-verde-700 {
    --color-de: #096647 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-verde-700 {
    --sombra-color: rgba(9, 102, 71, var(--sombra-opacidad));
  }
  .md\:fill-verde-700 svg {
    fill: #096647;
  }
  .md\:stroke-verde-700 svg {
    stroke: #096647;
  }
  .md\:bg-verde-800 {
    background-color: rgba(6, 74, 52, var(--bg-opacidad));
  }
  .md\:color-verde-800 {
    color: #064a34;
  }
  .md\:borde-verde-800 {
    border-color: #064a34;
  }
  .md\:de-verde-800 {
    --color-de: #064a34 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-verde-800 {
    --sombra-color: rgba(6, 74, 52, var(--sombra-opacidad));
  }
  .md\:fill-verde-800 svg {
    fill: #064a34;
  }
  .md\:stroke-verde-800 svg {
    stroke: #064a34;
  }
  .md\:bg-verde-900 {
    background-color: rgba(4, 46, 32, var(--bg-opacidad));
  }
  .md\:color-verde-900 {
    color: #042e20;
  }
  .md\:borde-verde-900 {
    border-color: #042e20;
  }
  .md\:de-verde-900 {
    --color-de: #042e20 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-verde-900 {
    --sombra-color: rgba(4, 46, 32, var(--sombra-opacidad));
  }
  .md\:fill-verde-900 svg {
    fill: #042e20;
  }
  .md\:stroke-verde-900 svg {
    stroke: #042e20;
  }
  .md\:bg-verde-950 {
    background-color: rgba(2, 18, 13, var(--bg-opacidad));
  }
  .md\:color-verde-950 {
    color: #02120d;
  }
  .md\:borde-verde-950 {
    border-color: #02120d;
  }
  .md\:de-verde-950 {
    --color-de: #02120d 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-verde-950 {
    --sombra-color: rgba(2, 18, 13, var(--sombra-opacidad));
  }
  .md\:fill-verde-950 svg {
    fill: #02120d;
  }
  .md\:stroke-verde-950 svg {
    stroke: #02120d;
  }
  .md\:bg-turquesa-10 {
    background-color: rgba(230, 250, 251, var(--bg-opacidad));
  }
  .md\:color-turquesa-10 {
    color: #e6fafb;
  }
  .md\:borde-turquesa-10 {
    border-color: #e6fafb;
  }
  .md\:de-turquesa-10 {
    --color-de: #e6fafb 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-turquesa-10 {
    --sombra-color: rgba(230, 250, 251, var(--sombra-opacidad));
  }
  .md\:fill-turquesa-10 svg {
    fill: #e6fafb;
  }
  .md\:stroke-turquesa-10 svg {
    stroke: #e6fafb;
  }
  .md\:bg-turquesa-25 {
    background-color: rgba(191, 242, 244, var(--bg-opacidad));
  }
  .md\:color-turquesa-25 {
    color: #bff2f4;
  }
  .md\:borde-turquesa-25 {
    border-color: #bff2f4;
  }
  .md\:de-turquesa-25 {
    --color-de: #bff2f4 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-turquesa-25 {
    --sombra-color: rgba(191, 242, 244, var(--sombra-opacidad));
  }
  .md\:fill-turquesa-25 svg {
    fill: #bff2f4;
  }
  .md\:stroke-turquesa-25 svg {
    stroke: #bff2f4;
  }
  .md\:bg-turquesa-50 {
    background-color: rgba(153, 233, 238, var(--bg-opacidad));
  }
  .md\:color-turquesa-50 {
    color: #99e9ee;
  }
  .md\:borde-turquesa-50 {
    border-color: #99e9ee;
  }
  .md\:de-turquesa-50 {
    --color-de: #99e9ee 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-turquesa-50 {
    --sombra-color: rgba(153, 233, 238, var(--sombra-opacidad));
  }
  .md\:fill-turquesa-50 svg {
    fill: #99e9ee;
  }
  .md\:stroke-turquesa-50 svg {
    stroke: #99e9ee;
  }
  .md\:bg-turquesa-100 {
    background-color: rgba(115, 225, 231, var(--bg-opacidad));
  }
  .md\:color-turquesa-100 {
    color: #73e1e7;
  }
  .md\:borde-turquesa-100 {
    border-color: #73e1e7;
  }
  .md\:de-turquesa-100 {
    --color-de: #73e1e7 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-turquesa-100 {
    --sombra-color: rgba(115, 225, 231, var(--sombra-opacidad));
  }
  .md\:fill-turquesa-100 svg {
    fill: #73e1e7;
  }
  .md\:stroke-turquesa-100 svg {
    stroke: #73e1e7;
  }
  .md\:bg-turquesa-200 {
    background-color: rgba(77, 217, 225, var(--bg-opacidad));
  }
  .md\:color-turquesa-200 {
    color: #4dd9e1;
  }
  .md\:borde-turquesa-200 {
    border-color: #4dd9e1;
  }
  .md\:de-turquesa-200 {
    --color-de: #4dd9e1 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-turquesa-200 {
    --sombra-color: rgba(77, 217, 225, var(--sombra-opacidad));
  }
  .md\:fill-turquesa-200 svg {
    fill: #4dd9e1;
  }
  .md\:stroke-turquesa-200 svg {
    stroke: #4dd9e1;
  }
  .md\:bg-turquesa-300 {
    background-color: rgba(38, 209, 218, var(--bg-opacidad));
  }
  .md\:color-turquesa-300 {
    color: #26d1da;
  }
  .md\:borde-turquesa-300 {
    border-color: #26d1da;
  }
  .md\:de-turquesa-300 {
    --color-de: #26d1da 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-turquesa-300 {
    --sombra-color: rgba(38, 209, 218, var(--sombra-opacidad));
  }
  .md\:fill-turquesa-300 svg {
    fill: #26d1da;
  }
  .md\:stroke-turquesa-300 svg {
    stroke: #26d1da;
  }
  .md\:bg-turquesa-400 {
    background-color: rgba(0, 201, 212, var(--bg-opacidad));
  }
  .md\:color-turquesa-400 {
    color: #00c9d4;
  }
  .md\:borde-turquesa-400 {
    border-color: #00c9d4;
  }
  .md\:de-turquesa-400 {
    --color-de: #00c9d4 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-turquesa-400 {
    --sombra-color: rgba(0, 201, 212, var(--sombra-opacidad));
  }
  .md\:fill-turquesa-400 svg {
    fill: #00c9d4;
  }
  .md\:stroke-turquesa-400 svg {
    stroke: #00c9d4;
  }
  .md\:bg-turquesa-500 {
    background-color: rgba(0, 171, 180, var(--bg-opacidad));
  }
  .md\:color-turquesa-500 {
    color: #00abb4;
  }
  .md\:borde-turquesa-500 {
    border-color: #00abb4;
  }
  .md\:de-turquesa-500 {
    --color-de: #00abb4 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-turquesa-500 {
    --sombra-color: rgba(0, 171, 180, var(--sombra-opacidad));
  }
  .md\:fill-turquesa-500 svg {
    fill: #00abb4;
  }
  .md\:stroke-turquesa-500 svg {
    stroke: #00abb4;
  }
  .md\:bg-turquesa-600 {
    background-color: rgba(0, 141, 148, var(--bg-opacidad));
  }
  .md\:color-turquesa-600 {
    color: #008d94;
  }
  .md\:borde-turquesa-600 {
    border-color: #008d94;
  }
  .md\:de-turquesa-600 {
    --color-de: #008d94 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-turquesa-600 {
    --sombra-color: rgba(0, 141, 148, var(--sombra-opacidad));
  }
  .md\:fill-turquesa-600 svg {
    fill: #008d94;
  }
  .md\:stroke-turquesa-600 svg {
    stroke: #008d94;
  }
  .md\:bg-turquesa-700 {
    background-color: rgba(0, 111, 117, var(--bg-opacidad));
  }
  .md\:color-turquesa-700 {
    color: #006f75;
  }
  .md\:borde-turquesa-700 {
    border-color: #006f75;
  }
  .md\:de-turquesa-700 {
    --color-de: #006f75 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-turquesa-700 {
    --sombra-color: rgba(0, 111, 117, var(--sombra-opacidad));
  }
  .md\:fill-turquesa-700 svg {
    fill: #006f75;
  }
  .md\:stroke-turquesa-700 svg {
    stroke: #006f75;
  }
  .md\:bg-turquesa-800 {
    background-color: rgba(0, 80, 85, var(--bg-opacidad));
  }
  .md\:color-turquesa-800 {
    color: #005055;
  }
  .md\:borde-turquesa-800 {
    border-color: #005055;
  }
  .md\:de-turquesa-800 {
    --color-de: #005055 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-turquesa-800 {
    --sombra-color: rgba(0, 80, 85, var(--sombra-opacidad));
  }
  .md\:fill-turquesa-800 svg {
    fill: #005055;
  }
  .md\:stroke-turquesa-800 svg {
    stroke: #005055;
  }
  .md\:bg-turquesa-900 {
    background-color: rgba(0, 50, 53, var(--bg-opacidad));
  }
  .md\:color-turquesa-900 {
    color: #003235;
  }
  .md\:borde-turquesa-900 {
    border-color: #003235;
  }
  .md\:de-turquesa-900 {
    --color-de: #003235 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-turquesa-900 {
    --sombra-color: rgba(0, 50, 53, var(--sombra-opacidad));
  }
  .md\:fill-turquesa-900 svg {
    fill: #003235;
  }
  .md\:stroke-turquesa-900 svg {
    stroke: #003235;
  }
  .md\:bg-turquesa-950 {
    background-color: rgba(0, 20, 21, var(--bg-opacidad));
  }
  .md\:color-turquesa-950 {
    color: #001415;
  }
  .md\:borde-turquesa-950 {
    border-color: #001415;
  }
  .md\:de-turquesa-950 {
    --color-de: #001415 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-turquesa-950 {
    --sombra-color: rgba(0, 20, 21, var(--sombra-opacidad));
  }
  .md\:fill-turquesa-950 svg {
    fill: #001415;
  }
  .md\:stroke-turquesa-950 svg {
    stroke: #001415;
  }
  .md\:bg-naranja-10 {
    background-color: rgba(253, 241, 230, var(--bg-opacidad));
  }
  .md\:color-naranja-10 {
    color: #fdf1e6;
  }
  .md\:borde-naranja-10 {
    border-color: #fdf1e6;
  }
  .md\:de-naranja-10 {
    --color-de: #fdf1e6 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-naranja-10 {
    --sombra-color: rgba(253, 241, 230, var(--sombra-opacidad));
  }
  .md\:fill-naranja-10 svg {
    fill: #fdf1e6;
  }
  .md\:stroke-naranja-10 svg {
    stroke: #fdf1e6;
  }
  .md\:bg-naranja-25 {
    background-color: rgba(251, 220, 191, var(--bg-opacidad));
  }
  .md\:color-naranja-25 {
    color: #fbdcbf;
  }
  .md\:borde-naranja-25 {
    border-color: #fbdcbf;
  }
  .md\:de-naranja-25 {
    --color-de: #fbdcbf 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-naranja-25 {
    --sombra-color: rgba(251, 220, 191, var(--sombra-opacidad));
  }
  .md\:fill-naranja-25 svg {
    fill: #fbdcbf;
  }
  .md\:stroke-naranja-25 svg {
    stroke: #fbdcbf;
  }
  .md\:bg-naranja-50 {
    background-color: rgba(248, 198, 153, var(--bg-opacidad));
  }
  .md\:color-naranja-50 {
    color: #f8c699;
  }
  .md\:borde-naranja-50 {
    border-color: #f8c699;
  }
  .md\:de-naranja-50 {
    --color-de: #f8c699 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-naranja-50 {
    --sombra-color: rgba(248, 198, 153, var(--sombra-opacidad));
  }
  .md\:fill-naranja-50 svg {
    fill: #f8c699;
  }
  .md\:stroke-naranja-50 svg {
    stroke: #f8c699;
  }
  .md\:bg-naranja-100 {
    background-color: rgba(246, 177, 115, var(--bg-opacidad));
  }
  .md\:color-naranja-100 {
    color: #f6b173;
  }
  .md\:borde-naranja-100 {
    border-color: #f6b173;
  }
  .md\:de-naranja-100 {
    --color-de: #f6b173 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-naranja-100 {
    --sombra-color: rgba(246, 177, 115, var(--sombra-opacidad));
  }
  .md\:fill-naranja-100 svg {
    fill: #f6b173;
  }
  .md\:stroke-naranja-100 svg {
    stroke: #f6b173;
  }
  .md\:bg-naranja-200 {
    background-color: rgba(243, 156, 77, var(--bg-opacidad));
  }
  .md\:color-naranja-200 {
    color: #f39c4d;
  }
  .md\:borde-naranja-200 {
    border-color: #f39c4d;
  }
  .md\:de-naranja-200 {
    --color-de: #f39c4d 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-naranja-200 {
    --sombra-color: rgba(243, 156, 77, var(--sombra-opacidad));
  }
  .md\:fill-naranja-200 svg {
    fill: #f39c4d;
  }
  .md\:stroke-naranja-200 svg {
    stroke: #f39c4d;
  }
  .md\:bg-naranja-300 {
    background-color: rgba(241, 134, 38, var(--bg-opacidad));
  }
  .md\:color-naranja-300 {
    color: #f18626;
  }
  .md\:borde-naranja-300 {
    border-color: #f18626;
  }
  .md\:de-naranja-300 {
    --color-de: #f18626 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-naranja-300 {
    --sombra-color: rgba(241, 134, 38, var(--sombra-opacidad));
  }
  .md\:fill-naranja-300 svg {
    fill: #f18626;
  }
  .md\:stroke-naranja-300 svg {
    stroke: #f18626;
  }
  .md\:bg-naranja-400 {
    background-color: rgba(238, 113, 0, var(--bg-opacidad));
  }
  .md\:color-naranja-400 {
    color: #ee7100;
  }
  .md\:borde-naranja-400 {
    border-color: #ee7100;
  }
  .md\:de-naranja-400 {
    --color-de: #ee7100 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-naranja-400 {
    --sombra-color: rgba(238, 113, 0, var(--sombra-opacidad));
  }
  .md\:fill-naranja-400 svg {
    fill: #ee7100;
  }
  .md\:stroke-naranja-400 svg {
    stroke: #ee7100;
  }
  .md\:bg-naranja-500 {
    background-color: rgba(202, 96, 0, var(--bg-opacidad));
  }
  .md\:color-naranja-500 {
    color: #ca6000;
  }
  .md\:borde-naranja-500 {
    border-color: #ca6000;
  }
  .md\:de-naranja-500 {
    --color-de: #ca6000 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-naranja-500 {
    --sombra-color: rgba(202, 96, 0, var(--sombra-opacidad));
  }
  .md\:fill-naranja-500 svg {
    fill: #ca6000;
  }
  .md\:stroke-naranja-500 svg {
    stroke: #ca6000;
  }
  .md\:bg-naranja-600 {
    background-color: rgba(167, 79, 0, var(--bg-opacidad));
  }
  .md\:color-naranja-600 {
    color: #a74f00;
  }
  .md\:borde-naranja-600 {
    border-color: #a74f00;
  }
  .md\:de-naranja-600 {
    --color-de: #a74f00 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-naranja-600 {
    --sombra-color: rgba(167, 79, 0, var(--sombra-opacidad));
  }
  .md\:fill-naranja-600 svg {
    fill: #a74f00;
  }
  .md\:stroke-naranja-600 svg {
    stroke: #a74f00;
  }
  .md\:bg-naranja-700 {
    background-color: rgba(131, 62, 0, var(--bg-opacidad));
  }
  .md\:color-naranja-700 {
    color: #833e00;
  }
  .md\:borde-naranja-700 {
    border-color: #833e00;
  }
  .md\:de-naranja-700 {
    --color-de: #833e00 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-naranja-700 {
    --sombra-color: rgba(131, 62, 0, var(--sombra-opacidad));
  }
  .md\:fill-naranja-700 svg {
    fill: #833e00;
  }
  .md\:stroke-naranja-700 svg {
    stroke: #833e00;
  }
  .md\:bg-naranja-800 {
    background-color: rgba(95, 45, 0, var(--bg-opacidad));
  }
  .md\:color-naranja-800 {
    color: #5f2d00;
  }
  .md\:borde-naranja-800 {
    border-color: #5f2d00;
  }
  .md\:de-naranja-800 {
    --color-de: #5f2d00 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-naranja-800 {
    --sombra-color: rgba(95, 45, 0, var(--sombra-opacidad));
  }
  .md\:fill-naranja-800 svg {
    fill: #5f2d00;
  }
  .md\:stroke-naranja-800 svg {
    stroke: #5f2d00;
  }
  .md\:bg-naranja-900 {
    background-color: rgba(60, 28, 0, var(--bg-opacidad));
  }
  .md\:color-naranja-900 {
    color: #3c1c00;
  }
  .md\:borde-naranja-900 {
    border-color: #3c1c00;
  }
  .md\:de-naranja-900 {
    --color-de: #3c1c00 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-naranja-900 {
    --sombra-color: rgba(60, 28, 0, var(--sombra-opacidad));
  }
  .md\:fill-naranja-900 svg {
    fill: #3c1c00;
  }
  .md\:stroke-naranja-900 svg {
    stroke: #3c1c00;
  }
  .md\:bg-naranja-950 {
    background-color: rgba(24, 11, 0, var(--bg-opacidad));
  }
  .md\:color-naranja-950 {
    color: #180b00;
  }
  .md\:borde-naranja-950 {
    border-color: #180b00;
  }
  .md\:de-naranja-950 {
    --color-de: #180b00 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-naranja-950 {
    --sombra-color: rgba(24, 11, 0, var(--sombra-opacidad));
  }
  .md\:fill-naranja-950 svg {
    fill: #180b00;
  }
  .md\:stroke-naranja-950 svg {
    stroke: #180b00;
  }
  .md\:bg-neutral-10 {
    background-color: rgba(241, 245, 249, var(--bg-opacidad));
  }
  .md\:color-neutral-10 {
    color: #f1f5f9;
  }
  .md\:borde-neutral-10 {
    border-color: #f1f5f9;
  }
  .md\:de-neutral-10 {
    --color-de: #f1f5f9 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-neutral-10 {
    --sombra-color: rgba(241, 245, 249, var(--sombra-opacidad));
  }
  .md\:fill-neutral-10 svg {
    fill: #f1f5f9;
  }
  .md\:stroke-neutral-10 svg {
    stroke: #f1f5f9;
  }
  .md\:bg-neutral-25 {
    background-color: rgba(226, 232, 240, var(--bg-opacidad));
  }
  .md\:color-neutral-25 {
    color: #e2e8f0;
  }
  .md\:borde-neutral-25 {
    border-color: #e2e8f0;
  }
  .md\:de-neutral-25 {
    --color-de: #e2e8f0 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-neutral-25 {
    --sombra-color: rgba(226, 232, 240, var(--sombra-opacidad));
  }
  .md\:fill-neutral-25 svg {
    fill: #e2e8f0;
  }
  .md\:stroke-neutral-25 svg {
    stroke: #e2e8f0;
  }
  .md\:bg-neutral-50 {
    background-color: rgba(203, 213, 225, var(--bg-opacidad));
  }
  .md\:color-neutral-50 {
    color: #cbd5e1;
  }
  .md\:borde-neutral-50 {
    border-color: #cbd5e1;
  }
  .md\:de-neutral-50 {
    --color-de: #cbd5e1 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-neutral-50 {
    --sombra-color: rgba(203, 213, 225, var(--sombra-opacidad));
  }
  .md\:fill-neutral-50 svg {
    fill: #cbd5e1;
  }
  .md\:stroke-neutral-50 svg {
    stroke: #cbd5e1;
  }
  .md\:bg-neutral-100 {
    background-color: rgba(169, 181, 197, var(--bg-opacidad));
  }
  .md\:color-neutral-100 {
    color: #a9b5c5;
  }
  .md\:borde-neutral-100 {
    border-color: #a9b5c5;
  }
  .md\:de-neutral-100 {
    --color-de: #a9b5c5 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-neutral-100 {
    --sombra-color: rgba(169, 181, 197, var(--sombra-opacidad));
  }
  .md\:fill-neutral-100 svg {
    fill: #a9b5c5;
  }
  .md\:stroke-neutral-100 svg {
    stroke: #a9b5c5;
  }
  .md\:bg-neutral-200 {
    background-color: rgba(146, 161, 181, var(--bg-opacidad));
  }
  .md\:color-neutral-200 {
    color: #92a1b5;
  }
  .md\:borde-neutral-200 {
    border-color: #92a1b5;
  }
  .md\:de-neutral-200 {
    --color-de: #92a1b5 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-neutral-200 {
    --sombra-color: rgba(146, 161, 181, var(--sombra-opacidad));
  }
  .md\:fill-neutral-200 svg {
    fill: #92a1b5;
  }
  .md\:stroke-neutral-200 svg {
    stroke: #92a1b5;
  }
  .md\:bg-neutral-300 {
    background-color: rgba(122, 140, 165, var(--bg-opacidad));
  }
  .md\:color-neutral-300 {
    color: #7a8ca5;
  }
  .md\:borde-neutral-300 {
    border-color: #7a8ca5;
  }
  .md\:de-neutral-300 {
    --color-de: #7a8ca5 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-neutral-300 {
    --sombra-color: rgba(122, 140, 165, var(--sombra-opacidad));
  }
  .md\:fill-neutral-300 svg {
    fill: #7a8ca5;
  }
  .md\:stroke-neutral-300 svg {
    stroke: #7a8ca5;
  }
  .md\:bg-neutral-400 {
    background-color: rgba(99, 120, 149, var(--bg-opacidad));
  }
  .md\:color-neutral-400 {
    color: #637895;
  }
  .md\:borde-neutral-400 {
    border-color: #637895;
  }
  .md\:de-neutral-400 {
    --color-de: #637895 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-neutral-400 {
    --sombra-color: rgba(99, 120, 149, var(--sombra-opacidad));
  }
  .md\:fill-neutral-400 svg {
    fill: #637895;
  }
  .md\:stroke-neutral-400 svg {
    stroke: #637895;
  }
  .md\:bg-neutral-500 {
    background-color: rgba(84, 102, 127, var(--bg-opacidad));
  }
  .md\:color-neutral-500 {
    color: #54667f;
  }
  .md\:borde-neutral-500 {
    border-color: #54667f;
  }
  .md\:de-neutral-500 {
    --color-de: #54667f 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-neutral-500 {
    --sombra-color: rgba(84, 102, 127, var(--sombra-opacidad));
  }
  .md\:fill-neutral-500 svg {
    fill: #54667f;
  }
  .md\:stroke-neutral-500 svg {
    stroke: #54667f;
  }
  .md\:bg-neutral-600 {
    background-color: rgba(69, 84, 104, var(--bg-opacidad));
  }
  .md\:color-neutral-600 {
    color: #455468;
  }
  .md\:borde-neutral-600 {
    border-color: #455468;
  }
  .md\:de-neutral-600 {
    --color-de: #455468 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-neutral-600 {
    --sombra-color: rgba(69, 84, 104, var(--sombra-opacidad));
  }
  .md\:fill-neutral-600 svg {
    fill: #455468;
  }
  .md\:stroke-neutral-600 svg {
    stroke: #455468;
  }
  .md\:bg-neutral-700 {
    background-color: rgba(54, 66, 82, var(--bg-opacidad));
  }
  .md\:color-neutral-700 {
    color: #364252;
  }
  .md\:borde-neutral-700 {
    border-color: #364252;
  }
  .md\:de-neutral-700 {
    --color-de: #364252 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-neutral-700 {
    --sombra-color: rgba(54, 66, 82, var(--sombra-opacidad));
  }
  .md\:fill-neutral-700 svg {
    fill: #364252;
  }
  .md\:stroke-neutral-700 svg {
    stroke: #364252;
  }
  .md\:bg-neutral-800 {
    background-color: rgba(40, 48, 60, var(--bg-opacidad));
  }
  .md\:color-neutral-800 {
    color: #28303c;
  }
  .md\:borde-neutral-800 {
    border-color: #28303c;
  }
  .md\:de-neutral-800 {
    --color-de: #28303c 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-neutral-800 {
    --sombra-color: rgba(40, 48, 60, var(--sombra-opacidad));
  }
  .md\:fill-neutral-800 svg {
    fill: #28303c;
  }
  .md\:stroke-neutral-800 svg {
    stroke: #28303c;
  }
  .md\:bg-neutral-900 {
    background-color: rgba(25, 30, 37, var(--bg-opacidad));
  }
  .md\:color-neutral-900 {
    color: #191e25;
  }
  .md\:borde-neutral-900 {
    border-color: #191e25;
  }
  .md\:de-neutral-900 {
    --color-de: #191e25 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-neutral-900 {
    --sombra-color: rgba(25, 30, 37, var(--sombra-opacidad));
  }
  .md\:fill-neutral-900 svg {
    fill: #191e25;
  }
  .md\:stroke-neutral-900 svg {
    stroke: #191e25;
  }
  .md\:bg-neutral-950 {
    background-color: rgba(10, 12, 15, var(--bg-opacidad));
  }
  .md\:color-neutral-950 {
    color: #0a0c0f;
  }
  .md\:borde-neutral-950 {
    border-color: #0a0c0f;
  }
  .md\:de-neutral-950 {
    --color-de: #0a0c0f 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-neutral-950 {
    --sombra-color: rgba(10, 12, 15, var(--sombra-opacidad));
  }
  .md\:fill-neutral-950 svg {
    fill: #0a0c0f;
  }
  .md\:stroke-neutral-950 svg {
    stroke: #0a0c0f;
  }
  .md\:bg-blanco {
    background-color: rgba(255, 255, 255, var(--bg-opacidad));
  }
  .md\:color-blanco {
    color: #fff;
  }
  .md\:borde-blanco {
    border-color: #fff;
  }
  .md\:de-blanco {
    --color-de: #fff 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-blanco {
    --sombra-color: rgba(255, 255, 255, var(--sombra-opacidad));
  }
  .md\:fill-blanco svg {
    fill: #fff;
  }
  .md\:stroke-blanco svg {
    stroke: #fff;
  }
  .md\:bg-negro {
    background-color: rgba(0, 0, 0, var(--bg-opacidad));
  }
  .md\:color-negro {
    color: #000;
  }
  .md\:borde-negro {
    border-color: #000;
  }
  .md\:de-negro {
    --color-de: #000 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-negro {
    --sombra-color: rgba(0, 0, 0, var(--sombra-opacidad));
  }
  .md\:fill-negro svg {
    fill: #000;
  }
  .md\:stroke-negro svg {
    stroke: #000;
  }
  .md\:bg-transparente {
    background-color: rgba(0, 0, 0, var(--bg-opacidad));
  }
  .md\:color-transparente {
    color: transparent;
  }
  .md\:borde-transparente {
    border-color: transparent;
  }
  .md\:de-transparente {
    --color-de: transparent 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-transparente {
    --sombra-color: rgba(0, 0, 0, var(--sombra-opacidad));
  }
  .md\:fill-transparente svg {
    fill: transparent;
  }
  .md\:stroke-transparente svg {
    stroke: transparent;
  }
  .md\:hasta-rojo-10 {
    --color-hasta: #fdecec;
  }
  .md\:hasta-rojo-25 {
    --color-hasta: #fbd0d0;
  }
  .md\:hasta-rojo-50 {
    --color-hasta: #fbd0d0;
  }
  .md\:hasta-rojo-100 {
    --color-hasta: #f69898;
  }
  .md\:hasta-rojo-200 {
    --color-hasta: #f47c7c;
  }
  .md\:hasta-rojo-300 {
    --color-hasta: #f16060;
  }
  .md\:hasta-rojo-400 {
    --color-hasta: #ef4444;
  }
  .md\:hasta-rojo-500 {
    --color-hasta: #cb3a3a;
  }
  .md\:hasta-rojo-600 {
    --color-hasta: #a73030;
  }
  .md\:hasta-rojo-700 {
    --color-hasta: #832525;
  }
  .md\:hasta-rojo-800 {
    --color-hasta: #601b1b;
  }
  .md\:hasta-rojo-900 {
    --color-hasta: #3c1111;
  }
  .md\:hasta-rojo-950 {
    --color-hasta: #180707;
  }
  .md\:hasta-amarillo-10 {
    --color-hasta: #fffae8;
  }
  .md\:hasta-amarillo-25 {
    --color-hasta: #fef2c5;
  }
  .md\:hasta-amarillo-50 {
    --color-hasta: #fdeba1;
  }
  .md\:hasta-amarillo-100 {
    --color-hasta: #fce37e;
  }
  .md\:hasta-amarillo-200 {
    --color-hasta: #fcdb5b;
  }
  .md\:hasta-amarillo-300 {
    --color-hasta: #fbd438;
  }
  .md\:hasta-amarillo-400 {
    --color-hasta: #facc15;
  }
  .md\:hasta-amarillo-500 {
    --color-hasta: #d5ad12;
  }
  .md\:hasta-amarillo-600 {
    --color-hasta: #af8f0f;
  }
  .md\:hasta-amarillo-700 {
    --color-hasta: #8a700c;
  }
  .md\:hasta-amarillo-800 {
    --color-hasta: #645208;
  }
  .md\:hasta-amarillo-900 {
    --color-hasta: #3f3305;
  }
  .md\:hasta-amarillo-950 {
    --color-hasta: #191402;
  }
  .md\:hasta-azul-10 {
    --color-hasta: #ebf8fe;
  }
  .md\:hasta-azul-25 {
    --color-hasta: #cdeffd;
  }
  .md\:hasta-azul-50 {
    --color-hasta: #afe5fc;
  }
  .md\:hasta-azul-100 {
    --color-hasta: #92dbfb;
  }
  .md\:hasta-azul-200 {
    --color-hasta: #74d1fa;
  }
  .md\:hasta-azul-300 {
    --color-hasta: #56c7f9;
  }
  .md\:hasta-azul-400 {
    --color-hasta: #38bdf8;
  }
  .md\:hasta-azul-500 {
    --color-hasta: #30a1d3;
  }
  .md\:hasta-azul-600 {
    --color-hasta: #2784ae;
  }
  .md\:hasta-azul-700 {
    --color-hasta: #1f6888;
  }
  .md\:hasta-azul-800 {
    --color-hasta: #164c63;
  }
  .md\:hasta-azul-900 {
    --color-hasta: #0e2f3e;
  }
  .md\:hasta-azul-950 {
    --color-hasta: #061319;
  }
  .md\:hasta-cobalto-10 {
    --color-hasta: #e7eef8;
  }
  .md\:hasta-cobalto-25 {
    --color-hasta: #c3d4ee;
  }
  .md\:hasta-cobalto-50 {
    --color-hasta: #9fbae3;
  }
  .md\:hasta-cobalto-100 {
    --color-hasta: #7ba0d9;
  }
  .md\:hasta-cobalto-200 {
    --color-hasta: #5786cf;
  }
  .md\:hasta-cobalto-300 {
    --color-hasta: #336cc4;
  }
  .md\:hasta-cobalto-400 {
    --color-hasta: #0f52ba;
  }
  .md\:hasta-cobalto-500 {
    --color-hasta: #0d469e;
  }
  .md\:hasta-cobalto-600 {
    --color-hasta: #0b3982;
  }
  .md\:hasta-cobalto-700 {
    --color-hasta: #082d66;
  }
  .md\:hasta-cobalto-800 {
    --color-hasta: #06214a;
  }
  .md\:hasta-cobalto-900 {
    --color-hasta: #04152f;
  }
  .md\:hasta-cobalto-950 {
    --color-hasta: #010813;
  }
  .md\:hasta-gris-10 {
    --color-hasta: #f5f6f7;
  }
  .md\:hasta-gris-25 {
    --color-hasta: #e6e8eb;
  }
  .md\:hasta-gris-50 {
    --color-hasta: #d7dadf;
  }
  .md\:hasta-gris-100 {
    --color-hasta: #c9ccd3;
  }
  .md\:hasta-gris-200 {
    --color-hasta: #babfc7;
  }
  .md\:hasta-gris-300 {
    --color-hasta: #abb1bb;
  }
  .md\:hasta-gris-400 {
    --color-hasta: #9ca3af;
  }
  .md\:hasta-gris-500 {
    --color-hasta: #858b95;
  }
  .md\:hasta-gris-600 {
    --color-hasta: #6d727a;
  }
  .md\:hasta-gris-700 {
    --color-hasta: #565a60;
  }
  .md\:hasta-gris-800 {
    --color-hasta: #3e4146;
  }
  .md\:hasta-gris-900 {
    --color-hasta: #27292c;
  }
  .md\:hasta-gris-950 {
    --color-hasta: #101011;
  }
  .md\:hasta-verde-10 {
    --color-hasta: #e7f8f2;
  }
  .md\:hasta-verde-25 {
    --color-hasta: #c3eee0;
  }
  .md\:hasta-verde-50 {
    --color-hasta: #9fe3cd;
  }
  .md\:hasta-verde-100 {
    --color-hasta: #7cd9ba;
  }
  .md\:hasta-verde-200 {
    --color-hasta: #58cea7;
  }
  .md\:hasta-verde-300 {
    --color-hasta: #34c494;
  }
  .md\:hasta-verde-400 {
    --color-hasta: #10b981;
  }
  .md\:hasta-verde-500 {
    --color-hasta: #0e9d6e;
  }
  .md\:hasta-verde-600 {
    --color-hasta: #0b825a;
  }
  .md\:hasta-verde-700 {
    --color-hasta: #096647;
  }
  .md\:hasta-verde-800 {
    --color-hasta: #064a34;
  }
  .md\:hasta-verde-900 {
    --color-hasta: #042e20;
  }
  .md\:hasta-verde-950 {
    --color-hasta: #02120d;
  }
  .md\:hasta-turquesa-10 {
    --color-hasta: #e6fafb;
  }
  .md\:hasta-turquesa-25 {
    --color-hasta: #bff2f4;
  }
  .md\:hasta-turquesa-50 {
    --color-hasta: #99e9ee;
  }
  .md\:hasta-turquesa-100 {
    --color-hasta: #73e1e7;
  }
  .md\:hasta-turquesa-200 {
    --color-hasta: #4dd9e1;
  }
  .md\:hasta-turquesa-300 {
    --color-hasta: #26d1da;
  }
  .md\:hasta-turquesa-400 {
    --color-hasta: #00c9d4;
  }
  .md\:hasta-turquesa-500 {
    --color-hasta: #00abb4;
  }
  .md\:hasta-turquesa-600 {
    --color-hasta: #008d94;
  }
  .md\:hasta-turquesa-700 {
    --color-hasta: #006f75;
  }
  .md\:hasta-turquesa-800 {
    --color-hasta: #005055;
  }
  .md\:hasta-turquesa-900 {
    --color-hasta: #003235;
  }
  .md\:hasta-turquesa-950 {
    --color-hasta: #001415;
  }
  .md\:hasta-naranja-10 {
    --color-hasta: #fdf1e6;
  }
  .md\:hasta-naranja-25 {
    --color-hasta: #fbdcbf;
  }
  .md\:hasta-naranja-50 {
    --color-hasta: #f8c699;
  }
  .md\:hasta-naranja-100 {
    --color-hasta: #f6b173;
  }
  .md\:hasta-naranja-200 {
    --color-hasta: #f39c4d;
  }
  .md\:hasta-naranja-300 {
    --color-hasta: #f18626;
  }
  .md\:hasta-naranja-400 {
    --color-hasta: #ee7100;
  }
  .md\:hasta-naranja-500 {
    --color-hasta: #ca6000;
  }
  .md\:hasta-naranja-600 {
    --color-hasta: #a74f00;
  }
  .md\:hasta-naranja-700 {
    --color-hasta: #833e00;
  }
  .md\:hasta-naranja-800 {
    --color-hasta: #5f2d00;
  }
  .md\:hasta-naranja-900 {
    --color-hasta: #3c1c00;
  }
  .md\:hasta-naranja-950 {
    --color-hasta: #180b00;
  }
  .md\:hasta-neutral-10 {
    --color-hasta: #f1f5f9;
  }
  .md\:hasta-neutral-25 {
    --color-hasta: #e2e8f0;
  }
  .md\:hasta-neutral-50 {
    --color-hasta: #cbd5e1;
  }
  .md\:hasta-neutral-100 {
    --color-hasta: #a9b5c5;
  }
  .md\:hasta-neutral-200 {
    --color-hasta: #92a1b5;
  }
  .md\:hasta-neutral-300 {
    --color-hasta: #7a8ca5;
  }
  .md\:hasta-neutral-400 {
    --color-hasta: #637895;
  }
  .md\:hasta-neutral-500 {
    --color-hasta: #54667f;
  }
  .md\:hasta-neutral-600 {
    --color-hasta: #455468;
  }
  .md\:hasta-neutral-700 {
    --color-hasta: #364252;
  }
  .md\:hasta-neutral-800 {
    --color-hasta: #28303c;
  }
  .md\:hasta-neutral-900 {
    --color-hasta: #191e25;
  }
  .md\:hasta-neutral-950 {
    --color-hasta: #0a0c0f;
  }
  .md\:hasta-blanco {
    --color-hasta: #fff;
  }
  .md\:hasta-negro {
    --color-hasta: #000;
  }
  .md\:hasta-transparente {
    --color-hasta: transparent;
  }
  .md\:hover\:bg-rojo-10:hover {
    background-color: rgba(253, 236, 236, var(--bg-opacidad));
  }
  .md\:hover\:color-rojo-10:hover {
    color: #fdecec;
  }
  .md\:hover\:borde-rojo-10:hover {
    border-color: #fdecec;
  }
  .md\:hover\:de-rojo-10:hover {
    --color-de: #fdecec 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-rojo-10:hover {
    --sombra-color: rgba(253, 236, 236, var(--sombra-opacidad));
  }
  .md\:hover\:fill-rojo-10:hover svg {
    fill: #fdecec;
  }
  .md\:hover\:stroke-rojo-10:hover svg {
    stroke: #fdecec;
  }
  .md\:hover\:bg-rojo-25:hover {
    background-color: rgba(251, 208, 208, var(--bg-opacidad));
  }
  .md\:hover\:color-rojo-25:hover {
    color: #fbd0d0;
  }
  .md\:hover\:borde-rojo-25:hover {
    border-color: #fbd0d0;
  }
  .md\:hover\:de-rojo-25:hover {
    --color-de: #fbd0d0 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-rojo-25:hover {
    --sombra-color: rgba(251, 208, 208, var(--sombra-opacidad));
  }
  .md\:hover\:fill-rojo-25:hover svg {
    fill: #fbd0d0;
  }
  .md\:hover\:stroke-rojo-25:hover svg {
    stroke: #fbd0d0;
  }
  .md\:hover\:bg-rojo-50:hover {
    background-color: rgba(251, 208, 208, var(--bg-opacidad));
  }
  .md\:hover\:color-rojo-50:hover {
    color: #fbd0d0;
  }
  .md\:hover\:borde-rojo-50:hover {
    border-color: #fbd0d0;
  }
  .md\:hover\:de-rojo-50:hover {
    --color-de: #fbd0d0 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-rojo-50:hover {
    --sombra-color: rgba(251, 208, 208, var(--sombra-opacidad));
  }
  .md\:hover\:fill-rojo-50:hover svg {
    fill: #fbd0d0;
  }
  .md\:hover\:stroke-rojo-50:hover svg {
    stroke: #fbd0d0;
  }
  .md\:hover\:bg-rojo-100:hover {
    background-color: rgba(246, 152, 152, var(--bg-opacidad));
  }
  .md\:hover\:color-rojo-100:hover {
    color: #f69898;
  }
  .md\:hover\:borde-rojo-100:hover {
    border-color: #f69898;
  }
  .md\:hover\:de-rojo-100:hover {
    --color-de: #f69898 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-rojo-100:hover {
    --sombra-color: rgba(246, 152, 152, var(--sombra-opacidad));
  }
  .md\:hover\:fill-rojo-100:hover svg {
    fill: #f69898;
  }
  .md\:hover\:stroke-rojo-100:hover svg {
    stroke: #f69898;
  }
  .md\:hover\:bg-rojo-200:hover {
    background-color: rgba(244, 124, 124, var(--bg-opacidad));
  }
  .md\:hover\:color-rojo-200:hover {
    color: #f47c7c;
  }
  .md\:hover\:borde-rojo-200:hover {
    border-color: #f47c7c;
  }
  .md\:hover\:de-rojo-200:hover {
    --color-de: #f47c7c 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-rojo-200:hover {
    --sombra-color: rgba(244, 124, 124, var(--sombra-opacidad));
  }
  .md\:hover\:fill-rojo-200:hover svg {
    fill: #f47c7c;
  }
  .md\:hover\:stroke-rojo-200:hover svg {
    stroke: #f47c7c;
  }
  .md\:hover\:bg-rojo-300:hover {
    background-color: rgba(241, 96, 96, var(--bg-opacidad));
  }
  .md\:hover\:color-rojo-300:hover {
    color: #f16060;
  }
  .md\:hover\:borde-rojo-300:hover {
    border-color: #f16060;
  }
  .md\:hover\:de-rojo-300:hover {
    --color-de: #f16060 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-rojo-300:hover {
    --sombra-color: rgba(241, 96, 96, var(--sombra-opacidad));
  }
  .md\:hover\:fill-rojo-300:hover svg {
    fill: #f16060;
  }
  .md\:hover\:stroke-rojo-300:hover svg {
    stroke: #f16060;
  }
  .md\:hover\:bg-rojo-400:hover {
    background-color: rgba(239, 68, 68, var(--bg-opacidad));
  }
  .md\:hover\:color-rojo-400:hover {
    color: #ef4444;
  }
  .md\:hover\:borde-rojo-400:hover {
    border-color: #ef4444;
  }
  .md\:hover\:de-rojo-400:hover {
    --color-de: #ef4444 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-rojo-400:hover {
    --sombra-color: rgba(239, 68, 68, var(--sombra-opacidad));
  }
  .md\:hover\:fill-rojo-400:hover svg {
    fill: #ef4444;
  }
  .md\:hover\:stroke-rojo-400:hover svg {
    stroke: #ef4444;
  }
  .md\:hover\:bg-rojo-500:hover {
    background-color: rgba(203, 58, 58, var(--bg-opacidad));
  }
  .md\:hover\:color-rojo-500:hover {
    color: #cb3a3a;
  }
  .md\:hover\:borde-rojo-500:hover {
    border-color: #cb3a3a;
  }
  .md\:hover\:de-rojo-500:hover {
    --color-de: #cb3a3a 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-rojo-500:hover {
    --sombra-color: rgba(203, 58, 58, var(--sombra-opacidad));
  }
  .md\:hover\:fill-rojo-500:hover svg {
    fill: #cb3a3a;
  }
  .md\:hover\:stroke-rojo-500:hover svg {
    stroke: #cb3a3a;
  }
  .md\:hover\:bg-rojo-600:hover {
    background-color: rgba(167, 48, 48, var(--bg-opacidad));
  }
  .md\:hover\:color-rojo-600:hover {
    color: #a73030;
  }
  .md\:hover\:borde-rojo-600:hover {
    border-color: #a73030;
  }
  .md\:hover\:de-rojo-600:hover {
    --color-de: #a73030 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-rojo-600:hover {
    --sombra-color: rgba(167, 48, 48, var(--sombra-opacidad));
  }
  .md\:hover\:fill-rojo-600:hover svg {
    fill: #a73030;
  }
  .md\:hover\:stroke-rojo-600:hover svg {
    stroke: #a73030;
  }
  .md\:hover\:bg-rojo-700:hover {
    background-color: rgba(131, 37, 37, var(--bg-opacidad));
  }
  .md\:hover\:color-rojo-700:hover {
    color: #832525;
  }
  .md\:hover\:borde-rojo-700:hover {
    border-color: #832525;
  }
  .md\:hover\:de-rojo-700:hover {
    --color-de: #832525 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-rojo-700:hover {
    --sombra-color: rgba(131, 37, 37, var(--sombra-opacidad));
  }
  .md\:hover\:fill-rojo-700:hover svg {
    fill: #832525;
  }
  .md\:hover\:stroke-rojo-700:hover svg {
    stroke: #832525;
  }
  .md\:hover\:bg-rojo-800:hover {
    background-color: rgba(96, 27, 27, var(--bg-opacidad));
  }
  .md\:hover\:color-rojo-800:hover {
    color: #601b1b;
  }
  .md\:hover\:borde-rojo-800:hover {
    border-color: #601b1b;
  }
  .md\:hover\:de-rojo-800:hover {
    --color-de: #601b1b 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-rojo-800:hover {
    --sombra-color: rgba(96, 27, 27, var(--sombra-opacidad));
  }
  .md\:hover\:fill-rojo-800:hover svg {
    fill: #601b1b;
  }
  .md\:hover\:stroke-rojo-800:hover svg {
    stroke: #601b1b;
  }
  .md\:hover\:bg-rojo-900:hover {
    background-color: rgba(60, 17, 17, var(--bg-opacidad));
  }
  .md\:hover\:color-rojo-900:hover {
    color: #3c1111;
  }
  .md\:hover\:borde-rojo-900:hover {
    border-color: #3c1111;
  }
  .md\:hover\:de-rojo-900:hover {
    --color-de: #3c1111 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-rojo-900:hover {
    --sombra-color: rgba(60, 17, 17, var(--sombra-opacidad));
  }
  .md\:hover\:fill-rojo-900:hover svg {
    fill: #3c1111;
  }
  .md\:hover\:stroke-rojo-900:hover svg {
    stroke: #3c1111;
  }
  .md\:hover\:bg-rojo-950:hover {
    background-color: rgba(24, 7, 7, var(--bg-opacidad));
  }
  .md\:hover\:color-rojo-950:hover {
    color: #180707;
  }
  .md\:hover\:borde-rojo-950:hover {
    border-color: #180707;
  }
  .md\:hover\:de-rojo-950:hover {
    --color-de: #180707 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-rojo-950:hover {
    --sombra-color: rgba(24, 7, 7, var(--sombra-opacidad));
  }
  .md\:hover\:fill-rojo-950:hover svg {
    fill: #180707;
  }
  .md\:hover\:stroke-rojo-950:hover svg {
    stroke: #180707;
  }
  .md\:hover\:bg-amarillo-10:hover {
    background-color: rgba(255, 250, 232, var(--bg-opacidad));
  }
  .md\:hover\:color-amarillo-10:hover {
    color: #fffae8;
  }
  .md\:hover\:borde-amarillo-10:hover {
    border-color: #fffae8;
  }
  .md\:hover\:de-amarillo-10:hover {
    --color-de: #fffae8 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-amarillo-10:hover {
    --sombra-color: rgba(255, 250, 232, var(--sombra-opacidad));
  }
  .md\:hover\:fill-amarillo-10:hover svg {
    fill: #fffae8;
  }
  .md\:hover\:stroke-amarillo-10:hover svg {
    stroke: #fffae8;
  }
  .md\:hover\:bg-amarillo-25:hover {
    background-color: rgba(254, 242, 197, var(--bg-opacidad));
  }
  .md\:hover\:color-amarillo-25:hover {
    color: #fef2c5;
  }
  .md\:hover\:borde-amarillo-25:hover {
    border-color: #fef2c5;
  }
  .md\:hover\:de-amarillo-25:hover {
    --color-de: #fef2c5 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-amarillo-25:hover {
    --sombra-color: rgba(254, 242, 197, var(--sombra-opacidad));
  }
  .md\:hover\:fill-amarillo-25:hover svg {
    fill: #fef2c5;
  }
  .md\:hover\:stroke-amarillo-25:hover svg {
    stroke: #fef2c5;
  }
  .md\:hover\:bg-amarillo-50:hover {
    background-color: rgba(253, 235, 161, var(--bg-opacidad));
  }
  .md\:hover\:color-amarillo-50:hover {
    color: #fdeba1;
  }
  .md\:hover\:borde-amarillo-50:hover {
    border-color: #fdeba1;
  }
  .md\:hover\:de-amarillo-50:hover {
    --color-de: #fdeba1 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-amarillo-50:hover {
    --sombra-color: rgba(253, 235, 161, var(--sombra-opacidad));
  }
  .md\:hover\:fill-amarillo-50:hover svg {
    fill: #fdeba1;
  }
  .md\:hover\:stroke-amarillo-50:hover svg {
    stroke: #fdeba1;
  }
  .md\:hover\:bg-amarillo-100:hover {
    background-color: rgba(252, 227, 126, var(--bg-opacidad));
  }
  .md\:hover\:color-amarillo-100:hover {
    color: #fce37e;
  }
  .md\:hover\:borde-amarillo-100:hover {
    border-color: #fce37e;
  }
  .md\:hover\:de-amarillo-100:hover {
    --color-de: #fce37e 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-amarillo-100:hover {
    --sombra-color: rgba(252, 227, 126, var(--sombra-opacidad));
  }
  .md\:hover\:fill-amarillo-100:hover svg {
    fill: #fce37e;
  }
  .md\:hover\:stroke-amarillo-100:hover svg {
    stroke: #fce37e;
  }
  .md\:hover\:bg-amarillo-200:hover {
    background-color: rgba(252, 219, 91, var(--bg-opacidad));
  }
  .md\:hover\:color-amarillo-200:hover {
    color: #fcdb5b;
  }
  .md\:hover\:borde-amarillo-200:hover {
    border-color: #fcdb5b;
  }
  .md\:hover\:de-amarillo-200:hover {
    --color-de: #fcdb5b 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-amarillo-200:hover {
    --sombra-color: rgba(252, 219, 91, var(--sombra-opacidad));
  }
  .md\:hover\:fill-amarillo-200:hover svg {
    fill: #fcdb5b;
  }
  .md\:hover\:stroke-amarillo-200:hover svg {
    stroke: #fcdb5b;
  }
  .md\:hover\:bg-amarillo-300:hover {
    background-color: rgba(251, 212, 56, var(--bg-opacidad));
  }
  .md\:hover\:color-amarillo-300:hover {
    color: #fbd438;
  }
  .md\:hover\:borde-amarillo-300:hover {
    border-color: #fbd438;
  }
  .md\:hover\:de-amarillo-300:hover {
    --color-de: #fbd438 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-amarillo-300:hover {
    --sombra-color: rgba(251, 212, 56, var(--sombra-opacidad));
  }
  .md\:hover\:fill-amarillo-300:hover svg {
    fill: #fbd438;
  }
  .md\:hover\:stroke-amarillo-300:hover svg {
    stroke: #fbd438;
  }
  .md\:hover\:bg-amarillo-400:hover {
    background-color: rgba(250, 204, 21, var(--bg-opacidad));
  }
  .md\:hover\:color-amarillo-400:hover {
    color: #facc15;
  }
  .md\:hover\:borde-amarillo-400:hover {
    border-color: #facc15;
  }
  .md\:hover\:de-amarillo-400:hover {
    --color-de: #facc15 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-amarillo-400:hover {
    --sombra-color: rgba(250, 204, 21, var(--sombra-opacidad));
  }
  .md\:hover\:fill-amarillo-400:hover svg {
    fill: #facc15;
  }
  .md\:hover\:stroke-amarillo-400:hover svg {
    stroke: #facc15;
  }
  .md\:hover\:bg-amarillo-500:hover {
    background-color: rgba(213, 173, 18, var(--bg-opacidad));
  }
  .md\:hover\:color-amarillo-500:hover {
    color: #d5ad12;
  }
  .md\:hover\:borde-amarillo-500:hover {
    border-color: #d5ad12;
  }
  .md\:hover\:de-amarillo-500:hover {
    --color-de: #d5ad12 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-amarillo-500:hover {
    --sombra-color: rgba(213, 173, 18, var(--sombra-opacidad));
  }
  .md\:hover\:fill-amarillo-500:hover svg {
    fill: #d5ad12;
  }
  .md\:hover\:stroke-amarillo-500:hover svg {
    stroke: #d5ad12;
  }
  .md\:hover\:bg-amarillo-600:hover {
    background-color: rgba(175, 143, 15, var(--bg-opacidad));
  }
  .md\:hover\:color-amarillo-600:hover {
    color: #af8f0f;
  }
  .md\:hover\:borde-amarillo-600:hover {
    border-color: #af8f0f;
  }
  .md\:hover\:de-amarillo-600:hover {
    --color-de: #af8f0f 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-amarillo-600:hover {
    --sombra-color: rgba(175, 143, 15, var(--sombra-opacidad));
  }
  .md\:hover\:fill-amarillo-600:hover svg {
    fill: #af8f0f;
  }
  .md\:hover\:stroke-amarillo-600:hover svg {
    stroke: #af8f0f;
  }
  .md\:hover\:bg-amarillo-700:hover {
    background-color: rgba(138, 112, 12, var(--bg-opacidad));
  }
  .md\:hover\:color-amarillo-700:hover {
    color: #8a700c;
  }
  .md\:hover\:borde-amarillo-700:hover {
    border-color: #8a700c;
  }
  .md\:hover\:de-amarillo-700:hover {
    --color-de: #8a700c 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-amarillo-700:hover {
    --sombra-color: rgba(138, 112, 12, var(--sombra-opacidad));
  }
  .md\:hover\:fill-amarillo-700:hover svg {
    fill: #8a700c;
  }
  .md\:hover\:stroke-amarillo-700:hover svg {
    stroke: #8a700c;
  }
  .md\:hover\:bg-amarillo-800:hover {
    background-color: rgba(100, 82, 8, var(--bg-opacidad));
  }
  .md\:hover\:color-amarillo-800:hover {
    color: #645208;
  }
  .md\:hover\:borde-amarillo-800:hover {
    border-color: #645208;
  }
  .md\:hover\:de-amarillo-800:hover {
    --color-de: #645208 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-amarillo-800:hover {
    --sombra-color: rgba(100, 82, 8, var(--sombra-opacidad));
  }
  .md\:hover\:fill-amarillo-800:hover svg {
    fill: #645208;
  }
  .md\:hover\:stroke-amarillo-800:hover svg {
    stroke: #645208;
  }
  .md\:hover\:bg-amarillo-900:hover {
    background-color: rgba(63, 51, 5, var(--bg-opacidad));
  }
  .md\:hover\:color-amarillo-900:hover {
    color: #3f3305;
  }
  .md\:hover\:borde-amarillo-900:hover {
    border-color: #3f3305;
  }
  .md\:hover\:de-amarillo-900:hover {
    --color-de: #3f3305 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-amarillo-900:hover {
    --sombra-color: rgba(63, 51, 5, var(--sombra-opacidad));
  }
  .md\:hover\:fill-amarillo-900:hover svg {
    fill: #3f3305;
  }
  .md\:hover\:stroke-amarillo-900:hover svg {
    stroke: #3f3305;
  }
  .md\:hover\:bg-amarillo-950:hover {
    background-color: rgba(25, 20, 2, var(--bg-opacidad));
  }
  .md\:hover\:color-amarillo-950:hover {
    color: #191402;
  }
  .md\:hover\:borde-amarillo-950:hover {
    border-color: #191402;
  }
  .md\:hover\:de-amarillo-950:hover {
    --color-de: #191402 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-amarillo-950:hover {
    --sombra-color: rgba(25, 20, 2, var(--sombra-opacidad));
  }
  .md\:hover\:fill-amarillo-950:hover svg {
    fill: #191402;
  }
  .md\:hover\:stroke-amarillo-950:hover svg {
    stroke: #191402;
  }
  .md\:hover\:bg-azul-10:hover {
    background-color: rgba(235, 248, 254, var(--bg-opacidad));
  }
  .md\:hover\:color-azul-10:hover {
    color: #ebf8fe;
  }
  .md\:hover\:borde-azul-10:hover {
    border-color: #ebf8fe;
  }
  .md\:hover\:de-azul-10:hover {
    --color-de: #ebf8fe 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-azul-10:hover {
    --sombra-color: rgba(235, 248, 254, var(--sombra-opacidad));
  }
  .md\:hover\:fill-azul-10:hover svg {
    fill: #ebf8fe;
  }
  .md\:hover\:stroke-azul-10:hover svg {
    stroke: #ebf8fe;
  }
  .md\:hover\:bg-azul-25:hover {
    background-color: rgba(205, 239, 253, var(--bg-opacidad));
  }
  .md\:hover\:color-azul-25:hover {
    color: #cdeffd;
  }
  .md\:hover\:borde-azul-25:hover {
    border-color: #cdeffd;
  }
  .md\:hover\:de-azul-25:hover {
    --color-de: #cdeffd 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-azul-25:hover {
    --sombra-color: rgba(205, 239, 253, var(--sombra-opacidad));
  }
  .md\:hover\:fill-azul-25:hover svg {
    fill: #cdeffd;
  }
  .md\:hover\:stroke-azul-25:hover svg {
    stroke: #cdeffd;
  }
  .md\:hover\:bg-azul-50:hover {
    background-color: rgba(175, 229, 252, var(--bg-opacidad));
  }
  .md\:hover\:color-azul-50:hover {
    color: #afe5fc;
  }
  .md\:hover\:borde-azul-50:hover {
    border-color: #afe5fc;
  }
  .md\:hover\:de-azul-50:hover {
    --color-de: #afe5fc 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-azul-50:hover {
    --sombra-color: rgba(175, 229, 252, var(--sombra-opacidad));
  }
  .md\:hover\:fill-azul-50:hover svg {
    fill: #afe5fc;
  }
  .md\:hover\:stroke-azul-50:hover svg {
    stroke: #afe5fc;
  }
  .md\:hover\:bg-azul-100:hover {
    background-color: rgba(146, 219, 251, var(--bg-opacidad));
  }
  .md\:hover\:color-azul-100:hover {
    color: #92dbfb;
  }
  .md\:hover\:borde-azul-100:hover {
    border-color: #92dbfb;
  }
  .md\:hover\:de-azul-100:hover {
    --color-de: #92dbfb 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-azul-100:hover {
    --sombra-color: rgba(146, 219, 251, var(--sombra-opacidad));
  }
  .md\:hover\:fill-azul-100:hover svg {
    fill: #92dbfb;
  }
  .md\:hover\:stroke-azul-100:hover svg {
    stroke: #92dbfb;
  }
  .md\:hover\:bg-azul-200:hover {
    background-color: rgba(116, 209, 250, var(--bg-opacidad));
  }
  .md\:hover\:color-azul-200:hover {
    color: #74d1fa;
  }
  .md\:hover\:borde-azul-200:hover {
    border-color: #74d1fa;
  }
  .md\:hover\:de-azul-200:hover {
    --color-de: #74d1fa 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-azul-200:hover {
    --sombra-color: rgba(116, 209, 250, var(--sombra-opacidad));
  }
  .md\:hover\:fill-azul-200:hover svg {
    fill: #74d1fa;
  }
  .md\:hover\:stroke-azul-200:hover svg {
    stroke: #74d1fa;
  }
  .md\:hover\:bg-azul-300:hover {
    background-color: rgba(86, 199, 249, var(--bg-opacidad));
  }
  .md\:hover\:color-azul-300:hover {
    color: #56c7f9;
  }
  .md\:hover\:borde-azul-300:hover {
    border-color: #56c7f9;
  }
  .md\:hover\:de-azul-300:hover {
    --color-de: #56c7f9 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-azul-300:hover {
    --sombra-color: rgba(86, 199, 249, var(--sombra-opacidad));
  }
  .md\:hover\:fill-azul-300:hover svg {
    fill: #56c7f9;
  }
  .md\:hover\:stroke-azul-300:hover svg {
    stroke: #56c7f9;
  }
  .md\:hover\:bg-azul-400:hover {
    background-color: rgba(56, 189, 248, var(--bg-opacidad));
  }
  .md\:hover\:color-azul-400:hover {
    color: #38bdf8;
  }
  .md\:hover\:borde-azul-400:hover {
    border-color: #38bdf8;
  }
  .md\:hover\:de-azul-400:hover {
    --color-de: #38bdf8 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-azul-400:hover {
    --sombra-color: rgba(56, 189, 248, var(--sombra-opacidad));
  }
  .md\:hover\:fill-azul-400:hover svg {
    fill: #38bdf8;
  }
  .md\:hover\:stroke-azul-400:hover svg {
    stroke: #38bdf8;
  }
  .md\:hover\:bg-azul-500:hover {
    background-color: rgba(48, 161, 211, var(--bg-opacidad));
  }
  .md\:hover\:color-azul-500:hover {
    color: #30a1d3;
  }
  .md\:hover\:borde-azul-500:hover {
    border-color: #30a1d3;
  }
  .md\:hover\:de-azul-500:hover {
    --color-de: #30a1d3 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-azul-500:hover {
    --sombra-color: rgba(48, 161, 211, var(--sombra-opacidad));
  }
  .md\:hover\:fill-azul-500:hover svg {
    fill: #30a1d3;
  }
  .md\:hover\:stroke-azul-500:hover svg {
    stroke: #30a1d3;
  }
  .md\:hover\:bg-azul-600:hover {
    background-color: rgba(39, 132, 174, var(--bg-opacidad));
  }
  .md\:hover\:color-azul-600:hover {
    color: #2784ae;
  }
  .md\:hover\:borde-azul-600:hover {
    border-color: #2784ae;
  }
  .md\:hover\:de-azul-600:hover {
    --color-de: #2784ae 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-azul-600:hover {
    --sombra-color: rgba(39, 132, 174, var(--sombra-opacidad));
  }
  .md\:hover\:fill-azul-600:hover svg {
    fill: #2784ae;
  }
  .md\:hover\:stroke-azul-600:hover svg {
    stroke: #2784ae;
  }
  .md\:hover\:bg-azul-700:hover {
    background-color: rgba(31, 104, 136, var(--bg-opacidad));
  }
  .md\:hover\:color-azul-700:hover {
    color: #1f6888;
  }
  .md\:hover\:borde-azul-700:hover {
    border-color: #1f6888;
  }
  .md\:hover\:de-azul-700:hover {
    --color-de: #1f6888 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-azul-700:hover {
    --sombra-color: rgba(31, 104, 136, var(--sombra-opacidad));
  }
  .md\:hover\:fill-azul-700:hover svg {
    fill: #1f6888;
  }
  .md\:hover\:stroke-azul-700:hover svg {
    stroke: #1f6888;
  }
  .md\:hover\:bg-azul-800:hover {
    background-color: rgba(22, 76, 99, var(--bg-opacidad));
  }
  .md\:hover\:color-azul-800:hover {
    color: #164c63;
  }
  .md\:hover\:borde-azul-800:hover {
    border-color: #164c63;
  }
  .md\:hover\:de-azul-800:hover {
    --color-de: #164c63 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-azul-800:hover {
    --sombra-color: rgba(22, 76, 99, var(--sombra-opacidad));
  }
  .md\:hover\:fill-azul-800:hover svg {
    fill: #164c63;
  }
  .md\:hover\:stroke-azul-800:hover svg {
    stroke: #164c63;
  }
  .md\:hover\:bg-azul-900:hover {
    background-color: rgba(14, 47, 62, var(--bg-opacidad));
  }
  .md\:hover\:color-azul-900:hover {
    color: #0e2f3e;
  }
  .md\:hover\:borde-azul-900:hover {
    border-color: #0e2f3e;
  }
  .md\:hover\:de-azul-900:hover {
    --color-de: #0e2f3e 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-azul-900:hover {
    --sombra-color: rgba(14, 47, 62, var(--sombra-opacidad));
  }
  .md\:hover\:fill-azul-900:hover svg {
    fill: #0e2f3e;
  }
  .md\:hover\:stroke-azul-900:hover svg {
    stroke: #0e2f3e;
  }
  .md\:hover\:bg-azul-950:hover {
    background-color: rgba(6, 19, 25, var(--bg-opacidad));
  }
  .md\:hover\:color-azul-950:hover {
    color: #061319;
  }
  .md\:hover\:borde-azul-950:hover {
    border-color: #061319;
  }
  .md\:hover\:de-azul-950:hover {
    --color-de: #061319 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-azul-950:hover {
    --sombra-color: rgba(6, 19, 25, var(--sombra-opacidad));
  }
  .md\:hover\:fill-azul-950:hover svg {
    fill: #061319;
  }
  .md\:hover\:stroke-azul-950:hover svg {
    stroke: #061319;
  }
  .md\:hover\:bg-cobalto-10:hover {
    background-color: rgba(231, 238, 248, var(--bg-opacidad));
  }
  .md\:hover\:color-cobalto-10:hover {
    color: #e7eef8;
  }
  .md\:hover\:borde-cobalto-10:hover {
    border-color: #e7eef8;
  }
  .md\:hover\:de-cobalto-10:hover {
    --color-de: #e7eef8 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-cobalto-10:hover {
    --sombra-color: rgba(231, 238, 248, var(--sombra-opacidad));
  }
  .md\:hover\:fill-cobalto-10:hover svg {
    fill: #e7eef8;
  }
  .md\:hover\:stroke-cobalto-10:hover svg {
    stroke: #e7eef8;
  }
  .md\:hover\:bg-cobalto-25:hover {
    background-color: rgba(195, 212, 238, var(--bg-opacidad));
  }
  .md\:hover\:color-cobalto-25:hover {
    color: #c3d4ee;
  }
  .md\:hover\:borde-cobalto-25:hover {
    border-color: #c3d4ee;
  }
  .md\:hover\:de-cobalto-25:hover {
    --color-de: #c3d4ee 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-cobalto-25:hover {
    --sombra-color: rgba(195, 212, 238, var(--sombra-opacidad));
  }
  .md\:hover\:fill-cobalto-25:hover svg {
    fill: #c3d4ee;
  }
  .md\:hover\:stroke-cobalto-25:hover svg {
    stroke: #c3d4ee;
  }
  .md\:hover\:bg-cobalto-50:hover {
    background-color: rgba(159, 186, 227, var(--bg-opacidad));
  }
  .md\:hover\:color-cobalto-50:hover {
    color: #9fbae3;
  }
  .md\:hover\:borde-cobalto-50:hover {
    border-color: #9fbae3;
  }
  .md\:hover\:de-cobalto-50:hover {
    --color-de: #9fbae3 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-cobalto-50:hover {
    --sombra-color: rgba(159, 186, 227, var(--sombra-opacidad));
  }
  .md\:hover\:fill-cobalto-50:hover svg {
    fill: #9fbae3;
  }
  .md\:hover\:stroke-cobalto-50:hover svg {
    stroke: #9fbae3;
  }
  .md\:hover\:bg-cobalto-100:hover {
    background-color: rgba(123, 160, 217, var(--bg-opacidad));
  }
  .md\:hover\:color-cobalto-100:hover {
    color: #7ba0d9;
  }
  .md\:hover\:borde-cobalto-100:hover {
    border-color: #7ba0d9;
  }
  .md\:hover\:de-cobalto-100:hover {
    --color-de: #7ba0d9 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-cobalto-100:hover {
    --sombra-color: rgba(123, 160, 217, var(--sombra-opacidad));
  }
  .md\:hover\:fill-cobalto-100:hover svg {
    fill: #7ba0d9;
  }
  .md\:hover\:stroke-cobalto-100:hover svg {
    stroke: #7ba0d9;
  }
  .md\:hover\:bg-cobalto-200:hover {
    background-color: rgba(87, 134, 207, var(--bg-opacidad));
  }
  .md\:hover\:color-cobalto-200:hover {
    color: #5786cf;
  }
  .md\:hover\:borde-cobalto-200:hover {
    border-color: #5786cf;
  }
  .md\:hover\:de-cobalto-200:hover {
    --color-de: #5786cf 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-cobalto-200:hover {
    --sombra-color: rgba(87, 134, 207, var(--sombra-opacidad));
  }
  .md\:hover\:fill-cobalto-200:hover svg {
    fill: #5786cf;
  }
  .md\:hover\:stroke-cobalto-200:hover svg {
    stroke: #5786cf;
  }
  .md\:hover\:bg-cobalto-300:hover {
    background-color: rgba(51, 108, 196, var(--bg-opacidad));
  }
  .md\:hover\:color-cobalto-300:hover {
    color: #336cc4;
  }
  .md\:hover\:borde-cobalto-300:hover {
    border-color: #336cc4;
  }
  .md\:hover\:de-cobalto-300:hover {
    --color-de: #336cc4 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-cobalto-300:hover {
    --sombra-color: rgba(51, 108, 196, var(--sombra-opacidad));
  }
  .md\:hover\:fill-cobalto-300:hover svg {
    fill: #336cc4;
  }
  .md\:hover\:stroke-cobalto-300:hover svg {
    stroke: #336cc4;
  }
  .md\:hover\:bg-cobalto-400:hover {
    background-color: rgba(15, 82, 186, var(--bg-opacidad));
  }
  .md\:hover\:color-cobalto-400:hover {
    color: #0f52ba;
  }
  .md\:hover\:borde-cobalto-400:hover {
    border-color: #0f52ba;
  }
  .md\:hover\:de-cobalto-400:hover {
    --color-de: #0f52ba 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-cobalto-400:hover {
    --sombra-color: rgba(15, 82, 186, var(--sombra-opacidad));
  }
  .md\:hover\:fill-cobalto-400:hover svg {
    fill: #0f52ba;
  }
  .md\:hover\:stroke-cobalto-400:hover svg {
    stroke: #0f52ba;
  }
  .md\:hover\:bg-cobalto-500:hover {
    background-color: rgba(13, 70, 158, var(--bg-opacidad));
  }
  .md\:hover\:color-cobalto-500:hover {
    color: #0d469e;
  }
  .md\:hover\:borde-cobalto-500:hover {
    border-color: #0d469e;
  }
  .md\:hover\:de-cobalto-500:hover {
    --color-de: #0d469e 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-cobalto-500:hover {
    --sombra-color: rgba(13, 70, 158, var(--sombra-opacidad));
  }
  .md\:hover\:fill-cobalto-500:hover svg {
    fill: #0d469e;
  }
  .md\:hover\:stroke-cobalto-500:hover svg {
    stroke: #0d469e;
  }
  .md\:hover\:bg-cobalto-600:hover {
    background-color: rgba(11, 57, 130, var(--bg-opacidad));
  }
  .md\:hover\:color-cobalto-600:hover {
    color: #0b3982;
  }
  .md\:hover\:borde-cobalto-600:hover {
    border-color: #0b3982;
  }
  .md\:hover\:de-cobalto-600:hover {
    --color-de: #0b3982 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-cobalto-600:hover {
    --sombra-color: rgba(11, 57, 130, var(--sombra-opacidad));
  }
  .md\:hover\:fill-cobalto-600:hover svg {
    fill: #0b3982;
  }
  .md\:hover\:stroke-cobalto-600:hover svg {
    stroke: #0b3982;
  }
  .md\:hover\:bg-cobalto-700:hover {
    background-color: rgba(8, 45, 102, var(--bg-opacidad));
  }
  .md\:hover\:color-cobalto-700:hover {
    color: #082d66;
  }
  .md\:hover\:borde-cobalto-700:hover {
    border-color: #082d66;
  }
  .md\:hover\:de-cobalto-700:hover {
    --color-de: #082d66 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-cobalto-700:hover {
    --sombra-color: rgba(8, 45, 102, var(--sombra-opacidad));
  }
  .md\:hover\:fill-cobalto-700:hover svg {
    fill: #082d66;
  }
  .md\:hover\:stroke-cobalto-700:hover svg {
    stroke: #082d66;
  }
  .md\:hover\:bg-cobalto-800:hover {
    background-color: rgba(6, 33, 74, var(--bg-opacidad));
  }
  .md\:hover\:color-cobalto-800:hover {
    color: #06214a;
  }
  .md\:hover\:borde-cobalto-800:hover {
    border-color: #06214a;
  }
  .md\:hover\:de-cobalto-800:hover {
    --color-de: #06214a 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-cobalto-800:hover {
    --sombra-color: rgba(6, 33, 74, var(--sombra-opacidad));
  }
  .md\:hover\:fill-cobalto-800:hover svg {
    fill: #06214a;
  }
  .md\:hover\:stroke-cobalto-800:hover svg {
    stroke: #06214a;
  }
  .md\:hover\:bg-cobalto-900:hover {
    background-color: rgba(4, 21, 47, var(--bg-opacidad));
  }
  .md\:hover\:color-cobalto-900:hover {
    color: #04152f;
  }
  .md\:hover\:borde-cobalto-900:hover {
    border-color: #04152f;
  }
  .md\:hover\:de-cobalto-900:hover {
    --color-de: #04152f 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-cobalto-900:hover {
    --sombra-color: rgba(4, 21, 47, var(--sombra-opacidad));
  }
  .md\:hover\:fill-cobalto-900:hover svg {
    fill: #04152f;
  }
  .md\:hover\:stroke-cobalto-900:hover svg {
    stroke: #04152f;
  }
  .md\:hover\:bg-cobalto-950:hover {
    background-color: rgba(1, 8, 19, var(--bg-opacidad));
  }
  .md\:hover\:color-cobalto-950:hover {
    color: #010813;
  }
  .md\:hover\:borde-cobalto-950:hover {
    border-color: #010813;
  }
  .md\:hover\:de-cobalto-950:hover {
    --color-de: #010813 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-cobalto-950:hover {
    --sombra-color: rgba(1, 8, 19, var(--sombra-opacidad));
  }
  .md\:hover\:fill-cobalto-950:hover svg {
    fill: #010813;
  }
  .md\:hover\:stroke-cobalto-950:hover svg {
    stroke: #010813;
  }
  .md\:hover\:bg-gris-10:hover {
    background-color: rgba(245, 246, 247, var(--bg-opacidad));
  }
  .md\:hover\:color-gris-10:hover {
    color: #f5f6f7;
  }
  .md\:hover\:borde-gris-10:hover {
    border-color: #f5f6f7;
  }
  .md\:hover\:de-gris-10:hover {
    --color-de: #f5f6f7 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-gris-10:hover {
    --sombra-color: rgba(245, 246, 247, var(--sombra-opacidad));
  }
  .md\:hover\:fill-gris-10:hover svg {
    fill: #f5f6f7;
  }
  .md\:hover\:stroke-gris-10:hover svg {
    stroke: #f5f6f7;
  }
  .md\:hover\:bg-gris-25:hover {
    background-color: rgba(230, 232, 235, var(--bg-opacidad));
  }
  .md\:hover\:color-gris-25:hover {
    color: #e6e8eb;
  }
  .md\:hover\:borde-gris-25:hover {
    border-color: #e6e8eb;
  }
  .md\:hover\:de-gris-25:hover {
    --color-de: #e6e8eb 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-gris-25:hover {
    --sombra-color: rgba(230, 232, 235, var(--sombra-opacidad));
  }
  .md\:hover\:fill-gris-25:hover svg {
    fill: #e6e8eb;
  }
  .md\:hover\:stroke-gris-25:hover svg {
    stroke: #e6e8eb;
  }
  .md\:hover\:bg-gris-50:hover {
    background-color: rgba(215, 218, 223, var(--bg-opacidad));
  }
  .md\:hover\:color-gris-50:hover {
    color: #d7dadf;
  }
  .md\:hover\:borde-gris-50:hover {
    border-color: #d7dadf;
  }
  .md\:hover\:de-gris-50:hover {
    --color-de: #d7dadf 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-gris-50:hover {
    --sombra-color: rgba(215, 218, 223, var(--sombra-opacidad));
  }
  .md\:hover\:fill-gris-50:hover svg {
    fill: #d7dadf;
  }
  .md\:hover\:stroke-gris-50:hover svg {
    stroke: #d7dadf;
  }
  .md\:hover\:bg-gris-100:hover {
    background-color: rgba(201, 204, 211, var(--bg-opacidad));
  }
  .md\:hover\:color-gris-100:hover {
    color: #c9ccd3;
  }
  .md\:hover\:borde-gris-100:hover {
    border-color: #c9ccd3;
  }
  .md\:hover\:de-gris-100:hover {
    --color-de: #c9ccd3 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-gris-100:hover {
    --sombra-color: rgba(201, 204, 211, var(--sombra-opacidad));
  }
  .md\:hover\:fill-gris-100:hover svg {
    fill: #c9ccd3;
  }
  .md\:hover\:stroke-gris-100:hover svg {
    stroke: #c9ccd3;
  }
  .md\:hover\:bg-gris-200:hover {
    background-color: rgba(186, 191, 199, var(--bg-opacidad));
  }
  .md\:hover\:color-gris-200:hover {
    color: #babfc7;
  }
  .md\:hover\:borde-gris-200:hover {
    border-color: #babfc7;
  }
  .md\:hover\:de-gris-200:hover {
    --color-de: #babfc7 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-gris-200:hover {
    --sombra-color: rgba(186, 191, 199, var(--sombra-opacidad));
  }
  .md\:hover\:fill-gris-200:hover svg {
    fill: #babfc7;
  }
  .md\:hover\:stroke-gris-200:hover svg {
    stroke: #babfc7;
  }
  .md\:hover\:bg-gris-300:hover {
    background-color: rgba(171, 177, 187, var(--bg-opacidad));
  }
  .md\:hover\:color-gris-300:hover {
    color: #abb1bb;
  }
  .md\:hover\:borde-gris-300:hover {
    border-color: #abb1bb;
  }
  .md\:hover\:de-gris-300:hover {
    --color-de: #abb1bb 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-gris-300:hover {
    --sombra-color: rgba(171, 177, 187, var(--sombra-opacidad));
  }
  .md\:hover\:fill-gris-300:hover svg {
    fill: #abb1bb;
  }
  .md\:hover\:stroke-gris-300:hover svg {
    stroke: #abb1bb;
  }
  .md\:hover\:bg-gris-400:hover {
    background-color: rgba(156, 163, 175, var(--bg-opacidad));
  }
  .md\:hover\:color-gris-400:hover {
    color: #9ca3af;
  }
  .md\:hover\:borde-gris-400:hover {
    border-color: #9ca3af;
  }
  .md\:hover\:de-gris-400:hover {
    --color-de: #9ca3af 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-gris-400:hover {
    --sombra-color: rgba(156, 163, 175, var(--sombra-opacidad));
  }
  .md\:hover\:fill-gris-400:hover svg {
    fill: #9ca3af;
  }
  .md\:hover\:stroke-gris-400:hover svg {
    stroke: #9ca3af;
  }
  .md\:hover\:bg-gris-500:hover {
    background-color: rgba(133, 139, 149, var(--bg-opacidad));
  }
  .md\:hover\:color-gris-500:hover {
    color: #858b95;
  }
  .md\:hover\:borde-gris-500:hover {
    border-color: #858b95;
  }
  .md\:hover\:de-gris-500:hover {
    --color-de: #858b95 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-gris-500:hover {
    --sombra-color: rgba(133, 139, 149, var(--sombra-opacidad));
  }
  .md\:hover\:fill-gris-500:hover svg {
    fill: #858b95;
  }
  .md\:hover\:stroke-gris-500:hover svg {
    stroke: #858b95;
  }
  .md\:hover\:bg-gris-600:hover {
    background-color: rgba(109, 114, 122, var(--bg-opacidad));
  }
  .md\:hover\:color-gris-600:hover {
    color: #6d727a;
  }
  .md\:hover\:borde-gris-600:hover {
    border-color: #6d727a;
  }
  .md\:hover\:de-gris-600:hover {
    --color-de: #6d727a 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-gris-600:hover {
    --sombra-color: rgba(109, 114, 122, var(--sombra-opacidad));
  }
  .md\:hover\:fill-gris-600:hover svg {
    fill: #6d727a;
  }
  .md\:hover\:stroke-gris-600:hover svg {
    stroke: #6d727a;
  }
  .md\:hover\:bg-gris-700:hover {
    background-color: rgba(86, 90, 96, var(--bg-opacidad));
  }
  .md\:hover\:color-gris-700:hover {
    color: #565a60;
  }
  .md\:hover\:borde-gris-700:hover {
    border-color: #565a60;
  }
  .md\:hover\:de-gris-700:hover {
    --color-de: #565a60 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-gris-700:hover {
    --sombra-color: rgba(86, 90, 96, var(--sombra-opacidad));
  }
  .md\:hover\:fill-gris-700:hover svg {
    fill: #565a60;
  }
  .md\:hover\:stroke-gris-700:hover svg {
    stroke: #565a60;
  }
  .md\:hover\:bg-gris-800:hover {
    background-color: rgba(62, 65, 70, var(--bg-opacidad));
  }
  .md\:hover\:color-gris-800:hover {
    color: #3e4146;
  }
  .md\:hover\:borde-gris-800:hover {
    border-color: #3e4146;
  }
  .md\:hover\:de-gris-800:hover {
    --color-de: #3e4146 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-gris-800:hover {
    --sombra-color: rgba(62, 65, 70, var(--sombra-opacidad));
  }
  .md\:hover\:fill-gris-800:hover svg {
    fill: #3e4146;
  }
  .md\:hover\:stroke-gris-800:hover svg {
    stroke: #3e4146;
  }
  .md\:hover\:bg-gris-900:hover {
    background-color: rgba(39, 41, 44, var(--bg-opacidad));
  }
  .md\:hover\:color-gris-900:hover {
    color: #27292c;
  }
  .md\:hover\:borde-gris-900:hover {
    border-color: #27292c;
  }
  .md\:hover\:de-gris-900:hover {
    --color-de: #27292c 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-gris-900:hover {
    --sombra-color: rgba(39, 41, 44, var(--sombra-opacidad));
  }
  .md\:hover\:fill-gris-900:hover svg {
    fill: #27292c;
  }
  .md\:hover\:stroke-gris-900:hover svg {
    stroke: #27292c;
  }
  .md\:hover\:bg-gris-950:hover {
    background-color: rgba(16, 16, 17, var(--bg-opacidad));
  }
  .md\:hover\:color-gris-950:hover {
    color: #101011;
  }
  .md\:hover\:borde-gris-950:hover {
    border-color: #101011;
  }
  .md\:hover\:de-gris-950:hover {
    --color-de: #101011 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-gris-950:hover {
    --sombra-color: rgba(16, 16, 17, var(--sombra-opacidad));
  }
  .md\:hover\:fill-gris-950:hover svg {
    fill: #101011;
  }
  .md\:hover\:stroke-gris-950:hover svg {
    stroke: #101011;
  }
  .md\:hover\:bg-verde-10:hover {
    background-color: rgba(231, 248, 242, var(--bg-opacidad));
  }
  .md\:hover\:color-verde-10:hover {
    color: #e7f8f2;
  }
  .md\:hover\:borde-verde-10:hover {
    border-color: #e7f8f2;
  }
  .md\:hover\:de-verde-10:hover {
    --color-de: #e7f8f2 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-verde-10:hover {
    --sombra-color: rgba(231, 248, 242, var(--sombra-opacidad));
  }
  .md\:hover\:fill-verde-10:hover svg {
    fill: #e7f8f2;
  }
  .md\:hover\:stroke-verde-10:hover svg {
    stroke: #e7f8f2;
  }
  .md\:hover\:bg-verde-25:hover {
    background-color: rgba(195, 238, 224, var(--bg-opacidad));
  }
  .md\:hover\:color-verde-25:hover {
    color: #c3eee0;
  }
  .md\:hover\:borde-verde-25:hover {
    border-color: #c3eee0;
  }
  .md\:hover\:de-verde-25:hover {
    --color-de: #c3eee0 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-verde-25:hover {
    --sombra-color: rgba(195, 238, 224, var(--sombra-opacidad));
  }
  .md\:hover\:fill-verde-25:hover svg {
    fill: #c3eee0;
  }
  .md\:hover\:stroke-verde-25:hover svg {
    stroke: #c3eee0;
  }
  .md\:hover\:bg-verde-50:hover {
    background-color: rgba(159, 227, 205, var(--bg-opacidad));
  }
  .md\:hover\:color-verde-50:hover {
    color: #9fe3cd;
  }
  .md\:hover\:borde-verde-50:hover {
    border-color: #9fe3cd;
  }
  .md\:hover\:de-verde-50:hover {
    --color-de: #9fe3cd 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-verde-50:hover {
    --sombra-color: rgba(159, 227, 205, var(--sombra-opacidad));
  }
  .md\:hover\:fill-verde-50:hover svg {
    fill: #9fe3cd;
  }
  .md\:hover\:stroke-verde-50:hover svg {
    stroke: #9fe3cd;
  }
  .md\:hover\:bg-verde-100:hover {
    background-color: rgba(124, 217, 186, var(--bg-opacidad));
  }
  .md\:hover\:color-verde-100:hover {
    color: #7cd9ba;
  }
  .md\:hover\:borde-verde-100:hover {
    border-color: #7cd9ba;
  }
  .md\:hover\:de-verde-100:hover {
    --color-de: #7cd9ba 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-verde-100:hover {
    --sombra-color: rgba(124, 217, 186, var(--sombra-opacidad));
  }
  .md\:hover\:fill-verde-100:hover svg {
    fill: #7cd9ba;
  }
  .md\:hover\:stroke-verde-100:hover svg {
    stroke: #7cd9ba;
  }
  .md\:hover\:bg-verde-200:hover {
    background-color: rgba(88, 206, 167, var(--bg-opacidad));
  }
  .md\:hover\:color-verde-200:hover {
    color: #58cea7;
  }
  .md\:hover\:borde-verde-200:hover {
    border-color: #58cea7;
  }
  .md\:hover\:de-verde-200:hover {
    --color-de: #58cea7 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-verde-200:hover {
    --sombra-color: rgba(88, 206, 167, var(--sombra-opacidad));
  }
  .md\:hover\:fill-verde-200:hover svg {
    fill: #58cea7;
  }
  .md\:hover\:stroke-verde-200:hover svg {
    stroke: #58cea7;
  }
  .md\:hover\:bg-verde-300:hover {
    background-color: rgba(52, 196, 148, var(--bg-opacidad));
  }
  .md\:hover\:color-verde-300:hover {
    color: #34c494;
  }
  .md\:hover\:borde-verde-300:hover {
    border-color: #34c494;
  }
  .md\:hover\:de-verde-300:hover {
    --color-de: #34c494 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-verde-300:hover {
    --sombra-color: rgba(52, 196, 148, var(--sombra-opacidad));
  }
  .md\:hover\:fill-verde-300:hover svg {
    fill: #34c494;
  }
  .md\:hover\:stroke-verde-300:hover svg {
    stroke: #34c494;
  }
  .md\:hover\:bg-verde-400:hover {
    background-color: rgba(16, 185, 129, var(--bg-opacidad));
  }
  .md\:hover\:color-verde-400:hover {
    color: #10b981;
  }
  .md\:hover\:borde-verde-400:hover {
    border-color: #10b981;
  }
  .md\:hover\:de-verde-400:hover {
    --color-de: #10b981 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-verde-400:hover {
    --sombra-color: rgba(16, 185, 129, var(--sombra-opacidad));
  }
  .md\:hover\:fill-verde-400:hover svg {
    fill: #10b981;
  }
  .md\:hover\:stroke-verde-400:hover svg {
    stroke: #10b981;
  }
  .md\:hover\:bg-verde-500:hover {
    background-color: rgba(14, 157, 110, var(--bg-opacidad));
  }
  .md\:hover\:color-verde-500:hover {
    color: #0e9d6e;
  }
  .md\:hover\:borde-verde-500:hover {
    border-color: #0e9d6e;
  }
  .md\:hover\:de-verde-500:hover {
    --color-de: #0e9d6e 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-verde-500:hover {
    --sombra-color: rgba(14, 157, 110, var(--sombra-opacidad));
  }
  .md\:hover\:fill-verde-500:hover svg {
    fill: #0e9d6e;
  }
  .md\:hover\:stroke-verde-500:hover svg {
    stroke: #0e9d6e;
  }
  .md\:hover\:bg-verde-600:hover {
    background-color: rgba(11, 130, 90, var(--bg-opacidad));
  }
  .md\:hover\:color-verde-600:hover {
    color: #0b825a;
  }
  .md\:hover\:borde-verde-600:hover {
    border-color: #0b825a;
  }
  .md\:hover\:de-verde-600:hover {
    --color-de: #0b825a 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-verde-600:hover {
    --sombra-color: rgba(11, 130, 90, var(--sombra-opacidad));
  }
  .md\:hover\:fill-verde-600:hover svg {
    fill: #0b825a;
  }
  .md\:hover\:stroke-verde-600:hover svg {
    stroke: #0b825a;
  }
  .md\:hover\:bg-verde-700:hover {
    background-color: rgba(9, 102, 71, var(--bg-opacidad));
  }
  .md\:hover\:color-verde-700:hover {
    color: #096647;
  }
  .md\:hover\:borde-verde-700:hover {
    border-color: #096647;
  }
  .md\:hover\:de-verde-700:hover {
    --color-de: #096647 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-verde-700:hover {
    --sombra-color: rgba(9, 102, 71, var(--sombra-opacidad));
  }
  .md\:hover\:fill-verde-700:hover svg {
    fill: #096647;
  }
  .md\:hover\:stroke-verde-700:hover svg {
    stroke: #096647;
  }
  .md\:hover\:bg-verde-800:hover {
    background-color: rgba(6, 74, 52, var(--bg-opacidad));
  }
  .md\:hover\:color-verde-800:hover {
    color: #064a34;
  }
  .md\:hover\:borde-verde-800:hover {
    border-color: #064a34;
  }
  .md\:hover\:de-verde-800:hover {
    --color-de: #064a34 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-verde-800:hover {
    --sombra-color: rgba(6, 74, 52, var(--sombra-opacidad));
  }
  .md\:hover\:fill-verde-800:hover svg {
    fill: #064a34;
  }
  .md\:hover\:stroke-verde-800:hover svg {
    stroke: #064a34;
  }
  .md\:hover\:bg-verde-900:hover {
    background-color: rgba(4, 46, 32, var(--bg-opacidad));
  }
  .md\:hover\:color-verde-900:hover {
    color: #042e20;
  }
  .md\:hover\:borde-verde-900:hover {
    border-color: #042e20;
  }
  .md\:hover\:de-verde-900:hover {
    --color-de: #042e20 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-verde-900:hover {
    --sombra-color: rgba(4, 46, 32, var(--sombra-opacidad));
  }
  .md\:hover\:fill-verde-900:hover svg {
    fill: #042e20;
  }
  .md\:hover\:stroke-verde-900:hover svg {
    stroke: #042e20;
  }
  .md\:hover\:bg-verde-950:hover {
    background-color: rgba(2, 18, 13, var(--bg-opacidad));
  }
  .md\:hover\:color-verde-950:hover {
    color: #02120d;
  }
  .md\:hover\:borde-verde-950:hover {
    border-color: #02120d;
  }
  .md\:hover\:de-verde-950:hover {
    --color-de: #02120d 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-verde-950:hover {
    --sombra-color: rgba(2, 18, 13, var(--sombra-opacidad));
  }
  .md\:hover\:fill-verde-950:hover svg {
    fill: #02120d;
  }
  .md\:hover\:stroke-verde-950:hover svg {
    stroke: #02120d;
  }
  .md\:hover\:bg-turquesa-10:hover {
    background-color: rgba(230, 250, 251, var(--bg-opacidad));
  }
  .md\:hover\:color-turquesa-10:hover {
    color: #e6fafb;
  }
  .md\:hover\:borde-turquesa-10:hover {
    border-color: #e6fafb;
  }
  .md\:hover\:de-turquesa-10:hover {
    --color-de: #e6fafb 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-turquesa-10:hover {
    --sombra-color: rgba(230, 250, 251, var(--sombra-opacidad));
  }
  .md\:hover\:fill-turquesa-10:hover svg {
    fill: #e6fafb;
  }
  .md\:hover\:stroke-turquesa-10:hover svg {
    stroke: #e6fafb;
  }
  .md\:hover\:bg-turquesa-25:hover {
    background-color: rgba(191, 242, 244, var(--bg-opacidad));
  }
  .md\:hover\:color-turquesa-25:hover {
    color: #bff2f4;
  }
  .md\:hover\:borde-turquesa-25:hover {
    border-color: #bff2f4;
  }
  .md\:hover\:de-turquesa-25:hover {
    --color-de: #bff2f4 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-turquesa-25:hover {
    --sombra-color: rgba(191, 242, 244, var(--sombra-opacidad));
  }
  .md\:hover\:fill-turquesa-25:hover svg {
    fill: #bff2f4;
  }
  .md\:hover\:stroke-turquesa-25:hover svg {
    stroke: #bff2f4;
  }
  .md\:hover\:bg-turquesa-50:hover {
    background-color: rgba(153, 233, 238, var(--bg-opacidad));
  }
  .md\:hover\:color-turquesa-50:hover {
    color: #99e9ee;
  }
  .md\:hover\:borde-turquesa-50:hover {
    border-color: #99e9ee;
  }
  .md\:hover\:de-turquesa-50:hover {
    --color-de: #99e9ee 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-turquesa-50:hover {
    --sombra-color: rgba(153, 233, 238, var(--sombra-opacidad));
  }
  .md\:hover\:fill-turquesa-50:hover svg {
    fill: #99e9ee;
  }
  .md\:hover\:stroke-turquesa-50:hover svg {
    stroke: #99e9ee;
  }
  .md\:hover\:bg-turquesa-100:hover {
    background-color: rgba(115, 225, 231, var(--bg-opacidad));
  }
  .md\:hover\:color-turquesa-100:hover {
    color: #73e1e7;
  }
  .md\:hover\:borde-turquesa-100:hover {
    border-color: #73e1e7;
  }
  .md\:hover\:de-turquesa-100:hover {
    --color-de: #73e1e7 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-turquesa-100:hover {
    --sombra-color: rgba(115, 225, 231, var(--sombra-opacidad));
  }
  .md\:hover\:fill-turquesa-100:hover svg {
    fill: #73e1e7;
  }
  .md\:hover\:stroke-turquesa-100:hover svg {
    stroke: #73e1e7;
  }
  .md\:hover\:bg-turquesa-200:hover {
    background-color: rgba(77, 217, 225, var(--bg-opacidad));
  }
  .md\:hover\:color-turquesa-200:hover {
    color: #4dd9e1;
  }
  .md\:hover\:borde-turquesa-200:hover {
    border-color: #4dd9e1;
  }
  .md\:hover\:de-turquesa-200:hover {
    --color-de: #4dd9e1 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-turquesa-200:hover {
    --sombra-color: rgba(77, 217, 225, var(--sombra-opacidad));
  }
  .md\:hover\:fill-turquesa-200:hover svg {
    fill: #4dd9e1;
  }
  .md\:hover\:stroke-turquesa-200:hover svg {
    stroke: #4dd9e1;
  }
  .md\:hover\:bg-turquesa-300:hover {
    background-color: rgba(38, 209, 218, var(--bg-opacidad));
  }
  .md\:hover\:color-turquesa-300:hover {
    color: #26d1da;
  }
  .md\:hover\:borde-turquesa-300:hover {
    border-color: #26d1da;
  }
  .md\:hover\:de-turquesa-300:hover {
    --color-de: #26d1da 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-turquesa-300:hover {
    --sombra-color: rgba(38, 209, 218, var(--sombra-opacidad));
  }
  .md\:hover\:fill-turquesa-300:hover svg {
    fill: #26d1da;
  }
  .md\:hover\:stroke-turquesa-300:hover svg {
    stroke: #26d1da;
  }
  .md\:hover\:bg-turquesa-400:hover {
    background-color: rgba(0, 201, 212, var(--bg-opacidad));
  }
  .md\:hover\:color-turquesa-400:hover {
    color: #00c9d4;
  }
  .md\:hover\:borde-turquesa-400:hover {
    border-color: #00c9d4;
  }
  .md\:hover\:de-turquesa-400:hover {
    --color-de: #00c9d4 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-turquesa-400:hover {
    --sombra-color: rgba(0, 201, 212, var(--sombra-opacidad));
  }
  .md\:hover\:fill-turquesa-400:hover svg {
    fill: #00c9d4;
  }
  .md\:hover\:stroke-turquesa-400:hover svg {
    stroke: #00c9d4;
  }
  .md\:hover\:bg-turquesa-500:hover {
    background-color: rgba(0, 171, 180, var(--bg-opacidad));
  }
  .md\:hover\:color-turquesa-500:hover {
    color: #00abb4;
  }
  .md\:hover\:borde-turquesa-500:hover {
    border-color: #00abb4;
  }
  .md\:hover\:de-turquesa-500:hover {
    --color-de: #00abb4 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-turquesa-500:hover {
    --sombra-color: rgba(0, 171, 180, var(--sombra-opacidad));
  }
  .md\:hover\:fill-turquesa-500:hover svg {
    fill: #00abb4;
  }
  .md\:hover\:stroke-turquesa-500:hover svg {
    stroke: #00abb4;
  }
  .md\:hover\:bg-turquesa-600:hover {
    background-color: rgba(0, 141, 148, var(--bg-opacidad));
  }
  .md\:hover\:color-turquesa-600:hover {
    color: #008d94;
  }
  .md\:hover\:borde-turquesa-600:hover {
    border-color: #008d94;
  }
  .md\:hover\:de-turquesa-600:hover {
    --color-de: #008d94 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-turquesa-600:hover {
    --sombra-color: rgba(0, 141, 148, var(--sombra-opacidad));
  }
  .md\:hover\:fill-turquesa-600:hover svg {
    fill: #008d94;
  }
  .md\:hover\:stroke-turquesa-600:hover svg {
    stroke: #008d94;
  }
  .md\:hover\:bg-turquesa-700:hover {
    background-color: rgba(0, 111, 117, var(--bg-opacidad));
  }
  .md\:hover\:color-turquesa-700:hover {
    color: #006f75;
  }
  .md\:hover\:borde-turquesa-700:hover {
    border-color: #006f75;
  }
  .md\:hover\:de-turquesa-700:hover {
    --color-de: #006f75 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-turquesa-700:hover {
    --sombra-color: rgba(0, 111, 117, var(--sombra-opacidad));
  }
  .md\:hover\:fill-turquesa-700:hover svg {
    fill: #006f75;
  }
  .md\:hover\:stroke-turquesa-700:hover svg {
    stroke: #006f75;
  }
  .md\:hover\:bg-turquesa-800:hover {
    background-color: rgba(0, 80, 85, var(--bg-opacidad));
  }
  .md\:hover\:color-turquesa-800:hover {
    color: #005055;
  }
  .md\:hover\:borde-turquesa-800:hover {
    border-color: #005055;
  }
  .md\:hover\:de-turquesa-800:hover {
    --color-de: #005055 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-turquesa-800:hover {
    --sombra-color: rgba(0, 80, 85, var(--sombra-opacidad));
  }
  .md\:hover\:fill-turquesa-800:hover svg {
    fill: #005055;
  }
  .md\:hover\:stroke-turquesa-800:hover svg {
    stroke: #005055;
  }
  .md\:hover\:bg-turquesa-900:hover {
    background-color: rgba(0, 50, 53, var(--bg-opacidad));
  }
  .md\:hover\:color-turquesa-900:hover {
    color: #003235;
  }
  .md\:hover\:borde-turquesa-900:hover {
    border-color: #003235;
  }
  .md\:hover\:de-turquesa-900:hover {
    --color-de: #003235 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-turquesa-900:hover {
    --sombra-color: rgba(0, 50, 53, var(--sombra-opacidad));
  }
  .md\:hover\:fill-turquesa-900:hover svg {
    fill: #003235;
  }
  .md\:hover\:stroke-turquesa-900:hover svg {
    stroke: #003235;
  }
  .md\:hover\:bg-turquesa-950:hover {
    background-color: rgba(0, 20, 21, var(--bg-opacidad));
  }
  .md\:hover\:color-turquesa-950:hover {
    color: #001415;
  }
  .md\:hover\:borde-turquesa-950:hover {
    border-color: #001415;
  }
  .md\:hover\:de-turquesa-950:hover {
    --color-de: #001415 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-turquesa-950:hover {
    --sombra-color: rgba(0, 20, 21, var(--sombra-opacidad));
  }
  .md\:hover\:fill-turquesa-950:hover svg {
    fill: #001415;
  }
  .md\:hover\:stroke-turquesa-950:hover svg {
    stroke: #001415;
  }
  .md\:hover\:bg-naranja-10:hover {
    background-color: rgba(253, 241, 230, var(--bg-opacidad));
  }
  .md\:hover\:color-naranja-10:hover {
    color: #fdf1e6;
  }
  .md\:hover\:borde-naranja-10:hover {
    border-color: #fdf1e6;
  }
  .md\:hover\:de-naranja-10:hover {
    --color-de: #fdf1e6 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-naranja-10:hover {
    --sombra-color: rgba(253, 241, 230, var(--sombra-opacidad));
  }
  .md\:hover\:fill-naranja-10:hover svg {
    fill: #fdf1e6;
  }
  .md\:hover\:stroke-naranja-10:hover svg {
    stroke: #fdf1e6;
  }
  .md\:hover\:bg-naranja-25:hover {
    background-color: rgba(251, 220, 191, var(--bg-opacidad));
  }
  .md\:hover\:color-naranja-25:hover {
    color: #fbdcbf;
  }
  .md\:hover\:borde-naranja-25:hover {
    border-color: #fbdcbf;
  }
  .md\:hover\:de-naranja-25:hover {
    --color-de: #fbdcbf 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-naranja-25:hover {
    --sombra-color: rgba(251, 220, 191, var(--sombra-opacidad));
  }
  .md\:hover\:fill-naranja-25:hover svg {
    fill: #fbdcbf;
  }
  .md\:hover\:stroke-naranja-25:hover svg {
    stroke: #fbdcbf;
  }
  .md\:hover\:bg-naranja-50:hover {
    background-color: rgba(248, 198, 153, var(--bg-opacidad));
  }
  .md\:hover\:color-naranja-50:hover {
    color: #f8c699;
  }
  .md\:hover\:borde-naranja-50:hover {
    border-color: #f8c699;
  }
  .md\:hover\:de-naranja-50:hover {
    --color-de: #f8c699 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-naranja-50:hover {
    --sombra-color: rgba(248, 198, 153, var(--sombra-opacidad));
  }
  .md\:hover\:fill-naranja-50:hover svg {
    fill: #f8c699;
  }
  .md\:hover\:stroke-naranja-50:hover svg {
    stroke: #f8c699;
  }
  .md\:hover\:bg-naranja-100:hover {
    background-color: rgba(246, 177, 115, var(--bg-opacidad));
  }
  .md\:hover\:color-naranja-100:hover {
    color: #f6b173;
  }
  .md\:hover\:borde-naranja-100:hover {
    border-color: #f6b173;
  }
  .md\:hover\:de-naranja-100:hover {
    --color-de: #f6b173 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-naranja-100:hover {
    --sombra-color: rgba(246, 177, 115, var(--sombra-opacidad));
  }
  .md\:hover\:fill-naranja-100:hover svg {
    fill: #f6b173;
  }
  .md\:hover\:stroke-naranja-100:hover svg {
    stroke: #f6b173;
  }
  .md\:hover\:bg-naranja-200:hover {
    background-color: rgba(243, 156, 77, var(--bg-opacidad));
  }
  .md\:hover\:color-naranja-200:hover {
    color: #f39c4d;
  }
  .md\:hover\:borde-naranja-200:hover {
    border-color: #f39c4d;
  }
  .md\:hover\:de-naranja-200:hover {
    --color-de: #f39c4d 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-naranja-200:hover {
    --sombra-color: rgba(243, 156, 77, var(--sombra-opacidad));
  }
  .md\:hover\:fill-naranja-200:hover svg {
    fill: #f39c4d;
  }
  .md\:hover\:stroke-naranja-200:hover svg {
    stroke: #f39c4d;
  }
  .md\:hover\:bg-naranja-300:hover {
    background-color: rgba(241, 134, 38, var(--bg-opacidad));
  }
  .md\:hover\:color-naranja-300:hover {
    color: #f18626;
  }
  .md\:hover\:borde-naranja-300:hover {
    border-color: #f18626;
  }
  .md\:hover\:de-naranja-300:hover {
    --color-de: #f18626 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-naranja-300:hover {
    --sombra-color: rgba(241, 134, 38, var(--sombra-opacidad));
  }
  .md\:hover\:fill-naranja-300:hover svg {
    fill: #f18626;
  }
  .md\:hover\:stroke-naranja-300:hover svg {
    stroke: #f18626;
  }
  .md\:hover\:bg-naranja-400:hover {
    background-color: rgba(238, 113, 0, var(--bg-opacidad));
  }
  .md\:hover\:color-naranja-400:hover {
    color: #ee7100;
  }
  .md\:hover\:borde-naranja-400:hover {
    border-color: #ee7100;
  }
  .md\:hover\:de-naranja-400:hover {
    --color-de: #ee7100 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-naranja-400:hover {
    --sombra-color: rgba(238, 113, 0, var(--sombra-opacidad));
  }
  .md\:hover\:fill-naranja-400:hover svg {
    fill: #ee7100;
  }
  .md\:hover\:stroke-naranja-400:hover svg {
    stroke: #ee7100;
  }
  .md\:hover\:bg-naranja-500:hover {
    background-color: rgba(202, 96, 0, var(--bg-opacidad));
  }
  .md\:hover\:color-naranja-500:hover {
    color: #ca6000;
  }
  .md\:hover\:borde-naranja-500:hover {
    border-color: #ca6000;
  }
  .md\:hover\:de-naranja-500:hover {
    --color-de: #ca6000 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-naranja-500:hover {
    --sombra-color: rgba(202, 96, 0, var(--sombra-opacidad));
  }
  .md\:hover\:fill-naranja-500:hover svg {
    fill: #ca6000;
  }
  .md\:hover\:stroke-naranja-500:hover svg {
    stroke: #ca6000;
  }
  .md\:hover\:bg-naranja-600:hover {
    background-color: rgba(167, 79, 0, var(--bg-opacidad));
  }
  .md\:hover\:color-naranja-600:hover {
    color: #a74f00;
  }
  .md\:hover\:borde-naranja-600:hover {
    border-color: #a74f00;
  }
  .md\:hover\:de-naranja-600:hover {
    --color-de: #a74f00 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-naranja-600:hover {
    --sombra-color: rgba(167, 79, 0, var(--sombra-opacidad));
  }
  .md\:hover\:fill-naranja-600:hover svg {
    fill: #a74f00;
  }
  .md\:hover\:stroke-naranja-600:hover svg {
    stroke: #a74f00;
  }
  .md\:hover\:bg-naranja-700:hover {
    background-color: rgba(131, 62, 0, var(--bg-opacidad));
  }
  .md\:hover\:color-naranja-700:hover {
    color: #833e00;
  }
  .md\:hover\:borde-naranja-700:hover {
    border-color: #833e00;
  }
  .md\:hover\:de-naranja-700:hover {
    --color-de: #833e00 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-naranja-700:hover {
    --sombra-color: rgba(131, 62, 0, var(--sombra-opacidad));
  }
  .md\:hover\:fill-naranja-700:hover svg {
    fill: #833e00;
  }
  .md\:hover\:stroke-naranja-700:hover svg {
    stroke: #833e00;
  }
  .md\:hover\:bg-naranja-800:hover {
    background-color: rgba(95, 45, 0, var(--bg-opacidad));
  }
  .md\:hover\:color-naranja-800:hover {
    color: #5f2d00;
  }
  .md\:hover\:borde-naranja-800:hover {
    border-color: #5f2d00;
  }
  .md\:hover\:de-naranja-800:hover {
    --color-de: #5f2d00 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-naranja-800:hover {
    --sombra-color: rgba(95, 45, 0, var(--sombra-opacidad));
  }
  .md\:hover\:fill-naranja-800:hover svg {
    fill: #5f2d00;
  }
  .md\:hover\:stroke-naranja-800:hover svg {
    stroke: #5f2d00;
  }
  .md\:hover\:bg-naranja-900:hover {
    background-color: rgba(60, 28, 0, var(--bg-opacidad));
  }
  .md\:hover\:color-naranja-900:hover {
    color: #3c1c00;
  }
  .md\:hover\:borde-naranja-900:hover {
    border-color: #3c1c00;
  }
  .md\:hover\:de-naranja-900:hover {
    --color-de: #3c1c00 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-naranja-900:hover {
    --sombra-color: rgba(60, 28, 0, var(--sombra-opacidad));
  }
  .md\:hover\:fill-naranja-900:hover svg {
    fill: #3c1c00;
  }
  .md\:hover\:stroke-naranja-900:hover svg {
    stroke: #3c1c00;
  }
  .md\:hover\:bg-naranja-950:hover {
    background-color: rgba(24, 11, 0, var(--bg-opacidad));
  }
  .md\:hover\:color-naranja-950:hover {
    color: #180b00;
  }
  .md\:hover\:borde-naranja-950:hover {
    border-color: #180b00;
  }
  .md\:hover\:de-naranja-950:hover {
    --color-de: #180b00 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-naranja-950:hover {
    --sombra-color: rgba(24, 11, 0, var(--sombra-opacidad));
  }
  .md\:hover\:fill-naranja-950:hover svg {
    fill: #180b00;
  }
  .md\:hover\:stroke-naranja-950:hover svg {
    stroke: #180b00;
  }
  .md\:hover\:bg-neutral-10:hover {
    background-color: rgba(241, 245, 249, var(--bg-opacidad));
  }
  .md\:hover\:color-neutral-10:hover {
    color: #f1f5f9;
  }
  .md\:hover\:borde-neutral-10:hover {
    border-color: #f1f5f9;
  }
  .md\:hover\:de-neutral-10:hover {
    --color-de: #f1f5f9 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-neutral-10:hover {
    --sombra-color: rgba(241, 245, 249, var(--sombra-opacidad));
  }
  .md\:hover\:fill-neutral-10:hover svg {
    fill: #f1f5f9;
  }
  .md\:hover\:stroke-neutral-10:hover svg {
    stroke: #f1f5f9;
  }
  .md\:hover\:bg-neutral-25:hover {
    background-color: rgba(226, 232, 240, var(--bg-opacidad));
  }
  .md\:hover\:color-neutral-25:hover {
    color: #e2e8f0;
  }
  .md\:hover\:borde-neutral-25:hover {
    border-color: #e2e8f0;
  }
  .md\:hover\:de-neutral-25:hover {
    --color-de: #e2e8f0 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-neutral-25:hover {
    --sombra-color: rgba(226, 232, 240, var(--sombra-opacidad));
  }
  .md\:hover\:fill-neutral-25:hover svg {
    fill: #e2e8f0;
  }
  .md\:hover\:stroke-neutral-25:hover svg {
    stroke: #e2e8f0;
  }
  .md\:hover\:bg-neutral-50:hover {
    background-color: rgba(203, 213, 225, var(--bg-opacidad));
  }
  .md\:hover\:color-neutral-50:hover {
    color: #cbd5e1;
  }
  .md\:hover\:borde-neutral-50:hover {
    border-color: #cbd5e1;
  }
  .md\:hover\:de-neutral-50:hover {
    --color-de: #cbd5e1 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-neutral-50:hover {
    --sombra-color: rgba(203, 213, 225, var(--sombra-opacidad));
  }
  .md\:hover\:fill-neutral-50:hover svg {
    fill: #cbd5e1;
  }
  .md\:hover\:stroke-neutral-50:hover svg {
    stroke: #cbd5e1;
  }
  .md\:hover\:bg-neutral-100:hover {
    background-color: rgba(169, 181, 197, var(--bg-opacidad));
  }
  .md\:hover\:color-neutral-100:hover {
    color: #a9b5c5;
  }
  .md\:hover\:borde-neutral-100:hover {
    border-color: #a9b5c5;
  }
  .md\:hover\:de-neutral-100:hover {
    --color-de: #a9b5c5 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-neutral-100:hover {
    --sombra-color: rgba(169, 181, 197, var(--sombra-opacidad));
  }
  .md\:hover\:fill-neutral-100:hover svg {
    fill: #a9b5c5;
  }
  .md\:hover\:stroke-neutral-100:hover svg {
    stroke: #a9b5c5;
  }
  .md\:hover\:bg-neutral-200:hover {
    background-color: rgba(146, 161, 181, var(--bg-opacidad));
  }
  .md\:hover\:color-neutral-200:hover {
    color: #92a1b5;
  }
  .md\:hover\:borde-neutral-200:hover {
    border-color: #92a1b5;
  }
  .md\:hover\:de-neutral-200:hover {
    --color-de: #92a1b5 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-neutral-200:hover {
    --sombra-color: rgba(146, 161, 181, var(--sombra-opacidad));
  }
  .md\:hover\:fill-neutral-200:hover svg {
    fill: #92a1b5;
  }
  .md\:hover\:stroke-neutral-200:hover svg {
    stroke: #92a1b5;
  }
  .md\:hover\:bg-neutral-300:hover {
    background-color: rgba(122, 140, 165, var(--bg-opacidad));
  }
  .md\:hover\:color-neutral-300:hover {
    color: #7a8ca5;
  }
  .md\:hover\:borde-neutral-300:hover {
    border-color: #7a8ca5;
  }
  .md\:hover\:de-neutral-300:hover {
    --color-de: #7a8ca5 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-neutral-300:hover {
    --sombra-color: rgba(122, 140, 165, var(--sombra-opacidad));
  }
  .md\:hover\:fill-neutral-300:hover svg {
    fill: #7a8ca5;
  }
  .md\:hover\:stroke-neutral-300:hover svg {
    stroke: #7a8ca5;
  }
  .md\:hover\:bg-neutral-400:hover {
    background-color: rgba(99, 120, 149, var(--bg-opacidad));
  }
  .md\:hover\:color-neutral-400:hover {
    color: #637895;
  }
  .md\:hover\:borde-neutral-400:hover {
    border-color: #637895;
  }
  .md\:hover\:de-neutral-400:hover {
    --color-de: #637895 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-neutral-400:hover {
    --sombra-color: rgba(99, 120, 149, var(--sombra-opacidad));
  }
  .md\:hover\:fill-neutral-400:hover svg {
    fill: #637895;
  }
  .md\:hover\:stroke-neutral-400:hover svg {
    stroke: #637895;
  }
  .md\:hover\:bg-neutral-500:hover {
    background-color: rgba(84, 102, 127, var(--bg-opacidad));
  }
  .md\:hover\:color-neutral-500:hover {
    color: #54667f;
  }
  .md\:hover\:borde-neutral-500:hover {
    border-color: #54667f;
  }
  .md\:hover\:de-neutral-500:hover {
    --color-de: #54667f 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-neutral-500:hover {
    --sombra-color: rgba(84, 102, 127, var(--sombra-opacidad));
  }
  .md\:hover\:fill-neutral-500:hover svg {
    fill: #54667f;
  }
  .md\:hover\:stroke-neutral-500:hover svg {
    stroke: #54667f;
  }
  .md\:hover\:bg-neutral-600:hover {
    background-color: rgba(69, 84, 104, var(--bg-opacidad));
  }
  .md\:hover\:color-neutral-600:hover {
    color: #455468;
  }
  .md\:hover\:borde-neutral-600:hover {
    border-color: #455468;
  }
  .md\:hover\:de-neutral-600:hover {
    --color-de: #455468 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-neutral-600:hover {
    --sombra-color: rgba(69, 84, 104, var(--sombra-opacidad));
  }
  .md\:hover\:fill-neutral-600:hover svg {
    fill: #455468;
  }
  .md\:hover\:stroke-neutral-600:hover svg {
    stroke: #455468;
  }
  .md\:hover\:bg-neutral-700:hover {
    background-color: rgba(54, 66, 82, var(--bg-opacidad));
  }
  .md\:hover\:color-neutral-700:hover {
    color: #364252;
  }
  .md\:hover\:borde-neutral-700:hover {
    border-color: #364252;
  }
  .md\:hover\:de-neutral-700:hover {
    --color-de: #364252 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-neutral-700:hover {
    --sombra-color: rgba(54, 66, 82, var(--sombra-opacidad));
  }
  .md\:hover\:fill-neutral-700:hover svg {
    fill: #364252;
  }
  .md\:hover\:stroke-neutral-700:hover svg {
    stroke: #364252;
  }
  .md\:hover\:bg-neutral-800:hover {
    background-color: rgba(40, 48, 60, var(--bg-opacidad));
  }
  .md\:hover\:color-neutral-800:hover {
    color: #28303c;
  }
  .md\:hover\:borde-neutral-800:hover {
    border-color: #28303c;
  }
  .md\:hover\:de-neutral-800:hover {
    --color-de: #28303c 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-neutral-800:hover {
    --sombra-color: rgba(40, 48, 60, var(--sombra-opacidad));
  }
  .md\:hover\:fill-neutral-800:hover svg {
    fill: #28303c;
  }
  .md\:hover\:stroke-neutral-800:hover svg {
    stroke: #28303c;
  }
  .md\:hover\:bg-neutral-900:hover {
    background-color: rgba(25, 30, 37, var(--bg-opacidad));
  }
  .md\:hover\:color-neutral-900:hover {
    color: #191e25;
  }
  .md\:hover\:borde-neutral-900:hover {
    border-color: #191e25;
  }
  .md\:hover\:de-neutral-900:hover {
    --color-de: #191e25 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-neutral-900:hover {
    --sombra-color: rgba(25, 30, 37, var(--sombra-opacidad));
  }
  .md\:hover\:fill-neutral-900:hover svg {
    fill: #191e25;
  }
  .md\:hover\:stroke-neutral-900:hover svg {
    stroke: #191e25;
  }
  .md\:hover\:bg-neutral-950:hover {
    background-color: rgba(10, 12, 15, var(--bg-opacidad));
  }
  .md\:hover\:color-neutral-950:hover {
    color: #0a0c0f;
  }
  .md\:hover\:borde-neutral-950:hover {
    border-color: #0a0c0f;
  }
  .md\:hover\:de-neutral-950:hover {
    --color-de: #0a0c0f 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-neutral-950:hover {
    --sombra-color: rgba(10, 12, 15, var(--sombra-opacidad));
  }
  .md\:hover\:fill-neutral-950:hover svg {
    fill: #0a0c0f;
  }
  .md\:hover\:stroke-neutral-950:hover svg {
    stroke: #0a0c0f;
  }
  .md\:hover\:bg-blanco:hover {
    background-color: rgba(255, 255, 255, var(--bg-opacidad));
  }
  .md\:hover\:color-blanco:hover {
    color: #fff;
  }
  .md\:hover\:borde-blanco:hover {
    border-color: #fff;
  }
  .md\:hover\:de-blanco:hover {
    --color-de: #fff 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-blanco:hover {
    --sombra-color: rgba(255, 255, 255, var(--sombra-opacidad));
  }
  .md\:hover\:fill-blanco:hover svg {
    fill: #fff;
  }
  .md\:hover\:stroke-blanco:hover svg {
    stroke: #fff;
  }
  .md\:hover\:bg-negro:hover {
    background-color: rgba(0, 0, 0, var(--bg-opacidad));
  }
  .md\:hover\:color-negro:hover {
    color: #000;
  }
  .md\:hover\:borde-negro:hover {
    border-color: #000;
  }
  .md\:hover\:de-negro:hover {
    --color-de: #000 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-negro:hover {
    --sombra-color: rgba(0, 0, 0, var(--sombra-opacidad));
  }
  .md\:hover\:fill-negro:hover svg {
    fill: #000;
  }
  .md\:hover\:stroke-negro:hover svg {
    stroke: #000;
  }
  .md\:hover\:bg-transparente:hover {
    background-color: rgba(0, 0, 0, var(--bg-opacidad));
  }
  .md\:hover\:color-transparente:hover {
    color: transparent;
  }
  .md\:hover\:borde-transparente:hover {
    border-color: transparent;
  }
  .md\:hover\:de-transparente:hover {
    --color-de: transparent 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-transparente:hover {
    --sombra-color: rgba(0, 0, 0, var(--sombra-opacidad));
  }
  .md\:hover\:fill-transparente:hover svg {
    fill: transparent;
  }
  .md\:hover\:stroke-transparente:hover svg {
    stroke: transparent;
  }
  .md\:hover\:hasta-rojo-10:hover {
    --color-hasta: #fdecec;
  }
  .md\:hover\:hasta-rojo-25:hover {
    --color-hasta: #fbd0d0;
  }
  .md\:hover\:hasta-rojo-50:hover {
    --color-hasta: #fbd0d0;
  }
  .md\:hover\:hasta-rojo-100:hover {
    --color-hasta: #f69898;
  }
  .md\:hover\:hasta-rojo-200:hover {
    --color-hasta: #f47c7c;
  }
  .md\:hover\:hasta-rojo-300:hover {
    --color-hasta: #f16060;
  }
  .md\:hover\:hasta-rojo-400:hover {
    --color-hasta: #ef4444;
  }
  .md\:hover\:hasta-rojo-500:hover {
    --color-hasta: #cb3a3a;
  }
  .md\:hover\:hasta-rojo-600:hover {
    --color-hasta: #a73030;
  }
  .md\:hover\:hasta-rojo-700:hover {
    --color-hasta: #832525;
  }
  .md\:hover\:hasta-rojo-800:hover {
    --color-hasta: #601b1b;
  }
  .md\:hover\:hasta-rojo-900:hover {
    --color-hasta: #3c1111;
  }
  .md\:hover\:hasta-rojo-950:hover {
    --color-hasta: #180707;
  }
  .md\:hover\:hasta-amarillo-10:hover {
    --color-hasta: #fffae8;
  }
  .md\:hover\:hasta-amarillo-25:hover {
    --color-hasta: #fef2c5;
  }
  .md\:hover\:hasta-amarillo-50:hover {
    --color-hasta: #fdeba1;
  }
  .md\:hover\:hasta-amarillo-100:hover {
    --color-hasta: #fce37e;
  }
  .md\:hover\:hasta-amarillo-200:hover {
    --color-hasta: #fcdb5b;
  }
  .md\:hover\:hasta-amarillo-300:hover {
    --color-hasta: #fbd438;
  }
  .md\:hover\:hasta-amarillo-400:hover {
    --color-hasta: #facc15;
  }
  .md\:hover\:hasta-amarillo-500:hover {
    --color-hasta: #d5ad12;
  }
  .md\:hover\:hasta-amarillo-600:hover {
    --color-hasta: #af8f0f;
  }
  .md\:hover\:hasta-amarillo-700:hover {
    --color-hasta: #8a700c;
  }
  .md\:hover\:hasta-amarillo-800:hover {
    --color-hasta: #645208;
  }
  .md\:hover\:hasta-amarillo-900:hover {
    --color-hasta: #3f3305;
  }
  .md\:hover\:hasta-amarillo-950:hover {
    --color-hasta: #191402;
  }
  .md\:hover\:hasta-azul-10:hover {
    --color-hasta: #ebf8fe;
  }
  .md\:hover\:hasta-azul-25:hover {
    --color-hasta: #cdeffd;
  }
  .md\:hover\:hasta-azul-50:hover {
    --color-hasta: #afe5fc;
  }
  .md\:hover\:hasta-azul-100:hover {
    --color-hasta: #92dbfb;
  }
  .md\:hover\:hasta-azul-200:hover {
    --color-hasta: #74d1fa;
  }
  .md\:hover\:hasta-azul-300:hover {
    --color-hasta: #56c7f9;
  }
  .md\:hover\:hasta-azul-400:hover {
    --color-hasta: #38bdf8;
  }
  .md\:hover\:hasta-azul-500:hover {
    --color-hasta: #30a1d3;
  }
  .md\:hover\:hasta-azul-600:hover {
    --color-hasta: #2784ae;
  }
  .md\:hover\:hasta-azul-700:hover {
    --color-hasta: #1f6888;
  }
  .md\:hover\:hasta-azul-800:hover {
    --color-hasta: #164c63;
  }
  .md\:hover\:hasta-azul-900:hover {
    --color-hasta: #0e2f3e;
  }
  .md\:hover\:hasta-azul-950:hover {
    --color-hasta: #061319;
  }
  .md\:hover\:hasta-cobalto-10:hover {
    --color-hasta: #e7eef8;
  }
  .md\:hover\:hasta-cobalto-25:hover {
    --color-hasta: #c3d4ee;
  }
  .md\:hover\:hasta-cobalto-50:hover {
    --color-hasta: #9fbae3;
  }
  .md\:hover\:hasta-cobalto-100:hover {
    --color-hasta: #7ba0d9;
  }
  .md\:hover\:hasta-cobalto-200:hover {
    --color-hasta: #5786cf;
  }
  .md\:hover\:hasta-cobalto-300:hover {
    --color-hasta: #336cc4;
  }
  .md\:hover\:hasta-cobalto-400:hover {
    --color-hasta: #0f52ba;
  }
  .md\:hover\:hasta-cobalto-500:hover {
    --color-hasta: #0d469e;
  }
  .md\:hover\:hasta-cobalto-600:hover {
    --color-hasta: #0b3982;
  }
  .md\:hover\:hasta-cobalto-700:hover {
    --color-hasta: #082d66;
  }
  .md\:hover\:hasta-cobalto-800:hover {
    --color-hasta: #06214a;
  }
  .md\:hover\:hasta-cobalto-900:hover {
    --color-hasta: #04152f;
  }
  .md\:hover\:hasta-cobalto-950:hover {
    --color-hasta: #010813;
  }
  .md\:hover\:hasta-gris-10:hover {
    --color-hasta: #f5f6f7;
  }
  .md\:hover\:hasta-gris-25:hover {
    --color-hasta: #e6e8eb;
  }
  .md\:hover\:hasta-gris-50:hover {
    --color-hasta: #d7dadf;
  }
  .md\:hover\:hasta-gris-100:hover {
    --color-hasta: #c9ccd3;
  }
  .md\:hover\:hasta-gris-200:hover {
    --color-hasta: #babfc7;
  }
  .md\:hover\:hasta-gris-300:hover {
    --color-hasta: #abb1bb;
  }
  .md\:hover\:hasta-gris-400:hover {
    --color-hasta: #9ca3af;
  }
  .md\:hover\:hasta-gris-500:hover {
    --color-hasta: #858b95;
  }
  .md\:hover\:hasta-gris-600:hover {
    --color-hasta: #6d727a;
  }
  .md\:hover\:hasta-gris-700:hover {
    --color-hasta: #565a60;
  }
  .md\:hover\:hasta-gris-800:hover {
    --color-hasta: #3e4146;
  }
  .md\:hover\:hasta-gris-900:hover {
    --color-hasta: #27292c;
  }
  .md\:hover\:hasta-gris-950:hover {
    --color-hasta: #101011;
  }
  .md\:hover\:hasta-verde-10:hover {
    --color-hasta: #e7f8f2;
  }
  .md\:hover\:hasta-verde-25:hover {
    --color-hasta: #c3eee0;
  }
  .md\:hover\:hasta-verde-50:hover {
    --color-hasta: #9fe3cd;
  }
  .md\:hover\:hasta-verde-100:hover {
    --color-hasta: #7cd9ba;
  }
  .md\:hover\:hasta-verde-200:hover {
    --color-hasta: #58cea7;
  }
  .md\:hover\:hasta-verde-300:hover {
    --color-hasta: #34c494;
  }
  .md\:hover\:hasta-verde-400:hover {
    --color-hasta: #10b981;
  }
  .md\:hover\:hasta-verde-500:hover {
    --color-hasta: #0e9d6e;
  }
  .md\:hover\:hasta-verde-600:hover {
    --color-hasta: #0b825a;
  }
  .md\:hover\:hasta-verde-700:hover {
    --color-hasta: #096647;
  }
  .md\:hover\:hasta-verde-800:hover {
    --color-hasta: #064a34;
  }
  .md\:hover\:hasta-verde-900:hover {
    --color-hasta: #042e20;
  }
  .md\:hover\:hasta-verde-950:hover {
    --color-hasta: #02120d;
  }
  .md\:hover\:hasta-turquesa-10:hover {
    --color-hasta: #e6fafb;
  }
  .md\:hover\:hasta-turquesa-25:hover {
    --color-hasta: #bff2f4;
  }
  .md\:hover\:hasta-turquesa-50:hover {
    --color-hasta: #99e9ee;
  }
  .md\:hover\:hasta-turquesa-100:hover {
    --color-hasta: #73e1e7;
  }
  .md\:hover\:hasta-turquesa-200:hover {
    --color-hasta: #4dd9e1;
  }
  .md\:hover\:hasta-turquesa-300:hover {
    --color-hasta: #26d1da;
  }
  .md\:hover\:hasta-turquesa-400:hover {
    --color-hasta: #00c9d4;
  }
  .md\:hover\:hasta-turquesa-500:hover {
    --color-hasta: #00abb4;
  }
  .md\:hover\:hasta-turquesa-600:hover {
    --color-hasta: #008d94;
  }
  .md\:hover\:hasta-turquesa-700:hover {
    --color-hasta: #006f75;
  }
  .md\:hover\:hasta-turquesa-800:hover {
    --color-hasta: #005055;
  }
  .md\:hover\:hasta-turquesa-900:hover {
    --color-hasta: #003235;
  }
  .md\:hover\:hasta-turquesa-950:hover {
    --color-hasta: #001415;
  }
  .md\:hover\:hasta-naranja-10:hover {
    --color-hasta: #fdf1e6;
  }
  .md\:hover\:hasta-naranja-25:hover {
    --color-hasta: #fbdcbf;
  }
  .md\:hover\:hasta-naranja-50:hover {
    --color-hasta: #f8c699;
  }
  .md\:hover\:hasta-naranja-100:hover {
    --color-hasta: #f6b173;
  }
  .md\:hover\:hasta-naranja-200:hover {
    --color-hasta: #f39c4d;
  }
  .md\:hover\:hasta-naranja-300:hover {
    --color-hasta: #f18626;
  }
  .md\:hover\:hasta-naranja-400:hover {
    --color-hasta: #ee7100;
  }
  .md\:hover\:hasta-naranja-500:hover {
    --color-hasta: #ca6000;
  }
  .md\:hover\:hasta-naranja-600:hover {
    --color-hasta: #a74f00;
  }
  .md\:hover\:hasta-naranja-700:hover {
    --color-hasta: #833e00;
  }
  .md\:hover\:hasta-naranja-800:hover {
    --color-hasta: #5f2d00;
  }
  .md\:hover\:hasta-naranja-900:hover {
    --color-hasta: #3c1c00;
  }
  .md\:hover\:hasta-naranja-950:hover {
    --color-hasta: #180b00;
  }
  .md\:hover\:hasta-neutral-10:hover {
    --color-hasta: #f1f5f9;
  }
  .md\:hover\:hasta-neutral-25:hover {
    --color-hasta: #e2e8f0;
  }
  .md\:hover\:hasta-neutral-50:hover {
    --color-hasta: #cbd5e1;
  }
  .md\:hover\:hasta-neutral-100:hover {
    --color-hasta: #a9b5c5;
  }
  .md\:hover\:hasta-neutral-200:hover {
    --color-hasta: #92a1b5;
  }
  .md\:hover\:hasta-neutral-300:hover {
    --color-hasta: #7a8ca5;
  }
  .md\:hover\:hasta-neutral-400:hover {
    --color-hasta: #637895;
  }
  .md\:hover\:hasta-neutral-500:hover {
    --color-hasta: #54667f;
  }
  .md\:hover\:hasta-neutral-600:hover {
    --color-hasta: #455468;
  }
  .md\:hover\:hasta-neutral-700:hover {
    --color-hasta: #364252;
  }
  .md\:hover\:hasta-neutral-800:hover {
    --color-hasta: #28303c;
  }
  .md\:hover\:hasta-neutral-900:hover {
    --color-hasta: #191e25;
  }
  .md\:hover\:hasta-neutral-950:hover {
    --color-hasta: #0a0c0f;
  }
  .md\:hover\:hasta-blanco:hover {
    --color-hasta: #fff;
  }
  .md\:hover\:hasta-negro:hover {
    --color-hasta: #000;
  }
  .md\:hover\:hasta-transparente:hover {
    --color-hasta: transparent;
  }
}
@media (min-width: 992px) {
  .lg\:bg-rojo-10 {
    background-color: rgba(253, 236, 236, var(--bg-opacidad));
  }
  .lg\:color-rojo-10 {
    color: #fdecec;
  }
  .lg\:borde-rojo-10 {
    border-color: #fdecec;
  }
  .lg\:de-rojo-10 {
    --color-de: #fdecec 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-rojo-10 {
    --sombra-color: rgba(253, 236, 236, var(--sombra-opacidad));
  }
  .lg\:fill-rojo-10 svg {
    fill: #fdecec;
  }
  .lg\:stroke-rojo-10 svg {
    stroke: #fdecec;
  }
  .lg\:bg-rojo-25 {
    background-color: rgba(251, 208, 208, var(--bg-opacidad));
  }
  .lg\:color-rojo-25 {
    color: #fbd0d0;
  }
  .lg\:borde-rojo-25 {
    border-color: #fbd0d0;
  }
  .lg\:de-rojo-25 {
    --color-de: #fbd0d0 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-rojo-25 {
    --sombra-color: rgba(251, 208, 208, var(--sombra-opacidad));
  }
  .lg\:fill-rojo-25 svg {
    fill: #fbd0d0;
  }
  .lg\:stroke-rojo-25 svg {
    stroke: #fbd0d0;
  }
  .lg\:bg-rojo-50 {
    background-color: rgba(251, 208, 208, var(--bg-opacidad));
  }
  .lg\:color-rojo-50 {
    color: #fbd0d0;
  }
  .lg\:borde-rojo-50 {
    border-color: #fbd0d0;
  }
  .lg\:de-rojo-50 {
    --color-de: #fbd0d0 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-rojo-50 {
    --sombra-color: rgba(251, 208, 208, var(--sombra-opacidad));
  }
  .lg\:fill-rojo-50 svg {
    fill: #fbd0d0;
  }
  .lg\:stroke-rojo-50 svg {
    stroke: #fbd0d0;
  }
  .lg\:bg-rojo-100 {
    background-color: rgba(246, 152, 152, var(--bg-opacidad));
  }
  .lg\:color-rojo-100 {
    color: #f69898;
  }
  .lg\:borde-rojo-100 {
    border-color: #f69898;
  }
  .lg\:de-rojo-100 {
    --color-de: #f69898 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-rojo-100 {
    --sombra-color: rgba(246, 152, 152, var(--sombra-opacidad));
  }
  .lg\:fill-rojo-100 svg {
    fill: #f69898;
  }
  .lg\:stroke-rojo-100 svg {
    stroke: #f69898;
  }
  .lg\:bg-rojo-200 {
    background-color: rgba(244, 124, 124, var(--bg-opacidad));
  }
  .lg\:color-rojo-200 {
    color: #f47c7c;
  }
  .lg\:borde-rojo-200 {
    border-color: #f47c7c;
  }
  .lg\:de-rojo-200 {
    --color-de: #f47c7c 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-rojo-200 {
    --sombra-color: rgba(244, 124, 124, var(--sombra-opacidad));
  }
  .lg\:fill-rojo-200 svg {
    fill: #f47c7c;
  }
  .lg\:stroke-rojo-200 svg {
    stroke: #f47c7c;
  }
  .lg\:bg-rojo-300 {
    background-color: rgba(241, 96, 96, var(--bg-opacidad));
  }
  .lg\:color-rojo-300 {
    color: #f16060;
  }
  .lg\:borde-rojo-300 {
    border-color: #f16060;
  }
  .lg\:de-rojo-300 {
    --color-de: #f16060 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-rojo-300 {
    --sombra-color: rgba(241, 96, 96, var(--sombra-opacidad));
  }
  .lg\:fill-rojo-300 svg {
    fill: #f16060;
  }
  .lg\:stroke-rojo-300 svg {
    stroke: #f16060;
  }
  .lg\:bg-rojo-400 {
    background-color: rgba(239, 68, 68, var(--bg-opacidad));
  }
  .lg\:color-rojo-400 {
    color: #ef4444;
  }
  .lg\:borde-rojo-400 {
    border-color: #ef4444;
  }
  .lg\:de-rojo-400 {
    --color-de: #ef4444 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-rojo-400 {
    --sombra-color: rgba(239, 68, 68, var(--sombra-opacidad));
  }
  .lg\:fill-rojo-400 svg {
    fill: #ef4444;
  }
  .lg\:stroke-rojo-400 svg {
    stroke: #ef4444;
  }
  .lg\:bg-rojo-500 {
    background-color: rgba(203, 58, 58, var(--bg-opacidad));
  }
  .lg\:color-rojo-500 {
    color: #cb3a3a;
  }
  .lg\:borde-rojo-500 {
    border-color: #cb3a3a;
  }
  .lg\:de-rojo-500 {
    --color-de: #cb3a3a 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-rojo-500 {
    --sombra-color: rgba(203, 58, 58, var(--sombra-opacidad));
  }
  .lg\:fill-rojo-500 svg {
    fill: #cb3a3a;
  }
  .lg\:stroke-rojo-500 svg {
    stroke: #cb3a3a;
  }
  .lg\:bg-rojo-600 {
    background-color: rgba(167, 48, 48, var(--bg-opacidad));
  }
  .lg\:color-rojo-600 {
    color: #a73030;
  }
  .lg\:borde-rojo-600 {
    border-color: #a73030;
  }
  .lg\:de-rojo-600 {
    --color-de: #a73030 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-rojo-600 {
    --sombra-color: rgba(167, 48, 48, var(--sombra-opacidad));
  }
  .lg\:fill-rojo-600 svg {
    fill: #a73030;
  }
  .lg\:stroke-rojo-600 svg {
    stroke: #a73030;
  }
  .lg\:bg-rojo-700 {
    background-color: rgba(131, 37, 37, var(--bg-opacidad));
  }
  .lg\:color-rojo-700 {
    color: #832525;
  }
  .lg\:borde-rojo-700 {
    border-color: #832525;
  }
  .lg\:de-rojo-700 {
    --color-de: #832525 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-rojo-700 {
    --sombra-color: rgba(131, 37, 37, var(--sombra-opacidad));
  }
  .lg\:fill-rojo-700 svg {
    fill: #832525;
  }
  .lg\:stroke-rojo-700 svg {
    stroke: #832525;
  }
  .lg\:bg-rojo-800 {
    background-color: rgba(96, 27, 27, var(--bg-opacidad));
  }
  .lg\:color-rojo-800 {
    color: #601b1b;
  }
  .lg\:borde-rojo-800 {
    border-color: #601b1b;
  }
  .lg\:de-rojo-800 {
    --color-de: #601b1b 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-rojo-800 {
    --sombra-color: rgba(96, 27, 27, var(--sombra-opacidad));
  }
  .lg\:fill-rojo-800 svg {
    fill: #601b1b;
  }
  .lg\:stroke-rojo-800 svg {
    stroke: #601b1b;
  }
  .lg\:bg-rojo-900 {
    background-color: rgba(60, 17, 17, var(--bg-opacidad));
  }
  .lg\:color-rojo-900 {
    color: #3c1111;
  }
  .lg\:borde-rojo-900 {
    border-color: #3c1111;
  }
  .lg\:de-rojo-900 {
    --color-de: #3c1111 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-rojo-900 {
    --sombra-color: rgba(60, 17, 17, var(--sombra-opacidad));
  }
  .lg\:fill-rojo-900 svg {
    fill: #3c1111;
  }
  .lg\:stroke-rojo-900 svg {
    stroke: #3c1111;
  }
  .lg\:bg-rojo-950 {
    background-color: rgba(24, 7, 7, var(--bg-opacidad));
  }
  .lg\:color-rojo-950 {
    color: #180707;
  }
  .lg\:borde-rojo-950 {
    border-color: #180707;
  }
  .lg\:de-rojo-950 {
    --color-de: #180707 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-rojo-950 {
    --sombra-color: rgba(24, 7, 7, var(--sombra-opacidad));
  }
  .lg\:fill-rojo-950 svg {
    fill: #180707;
  }
  .lg\:stroke-rojo-950 svg {
    stroke: #180707;
  }
  .lg\:bg-amarillo-10 {
    background-color: rgba(255, 250, 232, var(--bg-opacidad));
  }
  .lg\:color-amarillo-10 {
    color: #fffae8;
  }
  .lg\:borde-amarillo-10 {
    border-color: #fffae8;
  }
  .lg\:de-amarillo-10 {
    --color-de: #fffae8 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-amarillo-10 {
    --sombra-color: rgba(255, 250, 232, var(--sombra-opacidad));
  }
  .lg\:fill-amarillo-10 svg {
    fill: #fffae8;
  }
  .lg\:stroke-amarillo-10 svg {
    stroke: #fffae8;
  }
  .lg\:bg-amarillo-25 {
    background-color: rgba(254, 242, 197, var(--bg-opacidad));
  }
  .lg\:color-amarillo-25 {
    color: #fef2c5;
  }
  .lg\:borde-amarillo-25 {
    border-color: #fef2c5;
  }
  .lg\:de-amarillo-25 {
    --color-de: #fef2c5 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-amarillo-25 {
    --sombra-color: rgba(254, 242, 197, var(--sombra-opacidad));
  }
  .lg\:fill-amarillo-25 svg {
    fill: #fef2c5;
  }
  .lg\:stroke-amarillo-25 svg {
    stroke: #fef2c5;
  }
  .lg\:bg-amarillo-50 {
    background-color: rgba(253, 235, 161, var(--bg-opacidad));
  }
  .lg\:color-amarillo-50 {
    color: #fdeba1;
  }
  .lg\:borde-amarillo-50 {
    border-color: #fdeba1;
  }
  .lg\:de-amarillo-50 {
    --color-de: #fdeba1 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-amarillo-50 {
    --sombra-color: rgba(253, 235, 161, var(--sombra-opacidad));
  }
  .lg\:fill-amarillo-50 svg {
    fill: #fdeba1;
  }
  .lg\:stroke-amarillo-50 svg {
    stroke: #fdeba1;
  }
  .lg\:bg-amarillo-100 {
    background-color: rgba(252, 227, 126, var(--bg-opacidad));
  }
  .lg\:color-amarillo-100 {
    color: #fce37e;
  }
  .lg\:borde-amarillo-100 {
    border-color: #fce37e;
  }
  .lg\:de-amarillo-100 {
    --color-de: #fce37e 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-amarillo-100 {
    --sombra-color: rgba(252, 227, 126, var(--sombra-opacidad));
  }
  .lg\:fill-amarillo-100 svg {
    fill: #fce37e;
  }
  .lg\:stroke-amarillo-100 svg {
    stroke: #fce37e;
  }
  .lg\:bg-amarillo-200 {
    background-color: rgba(252, 219, 91, var(--bg-opacidad));
  }
  .lg\:color-amarillo-200 {
    color: #fcdb5b;
  }
  .lg\:borde-amarillo-200 {
    border-color: #fcdb5b;
  }
  .lg\:de-amarillo-200 {
    --color-de: #fcdb5b 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-amarillo-200 {
    --sombra-color: rgba(252, 219, 91, var(--sombra-opacidad));
  }
  .lg\:fill-amarillo-200 svg {
    fill: #fcdb5b;
  }
  .lg\:stroke-amarillo-200 svg {
    stroke: #fcdb5b;
  }
  .lg\:bg-amarillo-300 {
    background-color: rgba(251, 212, 56, var(--bg-opacidad));
  }
  .lg\:color-amarillo-300 {
    color: #fbd438;
  }
  .lg\:borde-amarillo-300 {
    border-color: #fbd438;
  }
  .lg\:de-amarillo-300 {
    --color-de: #fbd438 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-amarillo-300 {
    --sombra-color: rgba(251, 212, 56, var(--sombra-opacidad));
  }
  .lg\:fill-amarillo-300 svg {
    fill: #fbd438;
  }
  .lg\:stroke-amarillo-300 svg {
    stroke: #fbd438;
  }
  .lg\:bg-amarillo-400 {
    background-color: rgba(250, 204, 21, var(--bg-opacidad));
  }
  .lg\:color-amarillo-400 {
    color: #facc15;
  }
  .lg\:borde-amarillo-400 {
    border-color: #facc15;
  }
  .lg\:de-amarillo-400 {
    --color-de: #facc15 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-amarillo-400 {
    --sombra-color: rgba(250, 204, 21, var(--sombra-opacidad));
  }
  .lg\:fill-amarillo-400 svg {
    fill: #facc15;
  }
  .lg\:stroke-amarillo-400 svg {
    stroke: #facc15;
  }
  .lg\:bg-amarillo-500 {
    background-color: rgba(213, 173, 18, var(--bg-opacidad));
  }
  .lg\:color-amarillo-500 {
    color: #d5ad12;
  }
  .lg\:borde-amarillo-500 {
    border-color: #d5ad12;
  }
  .lg\:de-amarillo-500 {
    --color-de: #d5ad12 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-amarillo-500 {
    --sombra-color: rgba(213, 173, 18, var(--sombra-opacidad));
  }
  .lg\:fill-amarillo-500 svg {
    fill: #d5ad12;
  }
  .lg\:stroke-amarillo-500 svg {
    stroke: #d5ad12;
  }
  .lg\:bg-amarillo-600 {
    background-color: rgba(175, 143, 15, var(--bg-opacidad));
  }
  .lg\:color-amarillo-600 {
    color: #af8f0f;
  }
  .lg\:borde-amarillo-600 {
    border-color: #af8f0f;
  }
  .lg\:de-amarillo-600 {
    --color-de: #af8f0f 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-amarillo-600 {
    --sombra-color: rgba(175, 143, 15, var(--sombra-opacidad));
  }
  .lg\:fill-amarillo-600 svg {
    fill: #af8f0f;
  }
  .lg\:stroke-amarillo-600 svg {
    stroke: #af8f0f;
  }
  .lg\:bg-amarillo-700 {
    background-color: rgba(138, 112, 12, var(--bg-opacidad));
  }
  .lg\:color-amarillo-700 {
    color: #8a700c;
  }
  .lg\:borde-amarillo-700 {
    border-color: #8a700c;
  }
  .lg\:de-amarillo-700 {
    --color-de: #8a700c 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-amarillo-700 {
    --sombra-color: rgba(138, 112, 12, var(--sombra-opacidad));
  }
  .lg\:fill-amarillo-700 svg {
    fill: #8a700c;
  }
  .lg\:stroke-amarillo-700 svg {
    stroke: #8a700c;
  }
  .lg\:bg-amarillo-800 {
    background-color: rgba(100, 82, 8, var(--bg-opacidad));
  }
  .lg\:color-amarillo-800 {
    color: #645208;
  }
  .lg\:borde-amarillo-800 {
    border-color: #645208;
  }
  .lg\:de-amarillo-800 {
    --color-de: #645208 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-amarillo-800 {
    --sombra-color: rgba(100, 82, 8, var(--sombra-opacidad));
  }
  .lg\:fill-amarillo-800 svg {
    fill: #645208;
  }
  .lg\:stroke-amarillo-800 svg {
    stroke: #645208;
  }
  .lg\:bg-amarillo-900 {
    background-color: rgba(63, 51, 5, var(--bg-opacidad));
  }
  .lg\:color-amarillo-900 {
    color: #3f3305;
  }
  .lg\:borde-amarillo-900 {
    border-color: #3f3305;
  }
  .lg\:de-amarillo-900 {
    --color-de: #3f3305 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-amarillo-900 {
    --sombra-color: rgba(63, 51, 5, var(--sombra-opacidad));
  }
  .lg\:fill-amarillo-900 svg {
    fill: #3f3305;
  }
  .lg\:stroke-amarillo-900 svg {
    stroke: #3f3305;
  }
  .lg\:bg-amarillo-950 {
    background-color: rgba(25, 20, 2, var(--bg-opacidad));
  }
  .lg\:color-amarillo-950 {
    color: #191402;
  }
  .lg\:borde-amarillo-950 {
    border-color: #191402;
  }
  .lg\:de-amarillo-950 {
    --color-de: #191402 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-amarillo-950 {
    --sombra-color: rgba(25, 20, 2, var(--sombra-opacidad));
  }
  .lg\:fill-amarillo-950 svg {
    fill: #191402;
  }
  .lg\:stroke-amarillo-950 svg {
    stroke: #191402;
  }
  .lg\:bg-azul-10 {
    background-color: rgba(235, 248, 254, var(--bg-opacidad));
  }
  .lg\:color-azul-10 {
    color: #ebf8fe;
  }
  .lg\:borde-azul-10 {
    border-color: #ebf8fe;
  }
  .lg\:de-azul-10 {
    --color-de: #ebf8fe 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-azul-10 {
    --sombra-color: rgba(235, 248, 254, var(--sombra-opacidad));
  }
  .lg\:fill-azul-10 svg {
    fill: #ebf8fe;
  }
  .lg\:stroke-azul-10 svg {
    stroke: #ebf8fe;
  }
  .lg\:bg-azul-25 {
    background-color: rgba(205, 239, 253, var(--bg-opacidad));
  }
  .lg\:color-azul-25 {
    color: #cdeffd;
  }
  .lg\:borde-azul-25 {
    border-color: #cdeffd;
  }
  .lg\:de-azul-25 {
    --color-de: #cdeffd 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-azul-25 {
    --sombra-color: rgba(205, 239, 253, var(--sombra-opacidad));
  }
  .lg\:fill-azul-25 svg {
    fill: #cdeffd;
  }
  .lg\:stroke-azul-25 svg {
    stroke: #cdeffd;
  }
  .lg\:bg-azul-50 {
    background-color: rgba(175, 229, 252, var(--bg-opacidad));
  }
  .lg\:color-azul-50 {
    color: #afe5fc;
  }
  .lg\:borde-azul-50 {
    border-color: #afe5fc;
  }
  .lg\:de-azul-50 {
    --color-de: #afe5fc 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-azul-50 {
    --sombra-color: rgba(175, 229, 252, var(--sombra-opacidad));
  }
  .lg\:fill-azul-50 svg {
    fill: #afe5fc;
  }
  .lg\:stroke-azul-50 svg {
    stroke: #afe5fc;
  }
  .lg\:bg-azul-100 {
    background-color: rgba(146, 219, 251, var(--bg-opacidad));
  }
  .lg\:color-azul-100 {
    color: #92dbfb;
  }
  .lg\:borde-azul-100 {
    border-color: #92dbfb;
  }
  .lg\:de-azul-100 {
    --color-de: #92dbfb 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-azul-100 {
    --sombra-color: rgba(146, 219, 251, var(--sombra-opacidad));
  }
  .lg\:fill-azul-100 svg {
    fill: #92dbfb;
  }
  .lg\:stroke-azul-100 svg {
    stroke: #92dbfb;
  }
  .lg\:bg-azul-200 {
    background-color: rgba(116, 209, 250, var(--bg-opacidad));
  }
  .lg\:color-azul-200 {
    color: #74d1fa;
  }
  .lg\:borde-azul-200 {
    border-color: #74d1fa;
  }
  .lg\:de-azul-200 {
    --color-de: #74d1fa 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-azul-200 {
    --sombra-color: rgba(116, 209, 250, var(--sombra-opacidad));
  }
  .lg\:fill-azul-200 svg {
    fill: #74d1fa;
  }
  .lg\:stroke-azul-200 svg {
    stroke: #74d1fa;
  }
  .lg\:bg-azul-300 {
    background-color: rgba(86, 199, 249, var(--bg-opacidad));
  }
  .lg\:color-azul-300 {
    color: #56c7f9;
  }
  .lg\:borde-azul-300 {
    border-color: #56c7f9;
  }
  .lg\:de-azul-300 {
    --color-de: #56c7f9 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-azul-300 {
    --sombra-color: rgba(86, 199, 249, var(--sombra-opacidad));
  }
  .lg\:fill-azul-300 svg {
    fill: #56c7f9;
  }
  .lg\:stroke-azul-300 svg {
    stroke: #56c7f9;
  }
  .lg\:bg-azul-400 {
    background-color: rgba(56, 189, 248, var(--bg-opacidad));
  }
  .lg\:color-azul-400 {
    color: #38bdf8;
  }
  .lg\:borde-azul-400 {
    border-color: #38bdf8;
  }
  .lg\:de-azul-400 {
    --color-de: #38bdf8 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-azul-400 {
    --sombra-color: rgba(56, 189, 248, var(--sombra-opacidad));
  }
  .lg\:fill-azul-400 svg {
    fill: #38bdf8;
  }
  .lg\:stroke-azul-400 svg {
    stroke: #38bdf8;
  }
  .lg\:bg-azul-500 {
    background-color: rgba(48, 161, 211, var(--bg-opacidad));
  }
  .lg\:color-azul-500 {
    color: #30a1d3;
  }
  .lg\:borde-azul-500 {
    border-color: #30a1d3;
  }
  .lg\:de-azul-500 {
    --color-de: #30a1d3 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-azul-500 {
    --sombra-color: rgba(48, 161, 211, var(--sombra-opacidad));
  }
  .lg\:fill-azul-500 svg {
    fill: #30a1d3;
  }
  .lg\:stroke-azul-500 svg {
    stroke: #30a1d3;
  }
  .lg\:bg-azul-600 {
    background-color: rgba(39, 132, 174, var(--bg-opacidad));
  }
  .lg\:color-azul-600 {
    color: #2784ae;
  }
  .lg\:borde-azul-600 {
    border-color: #2784ae;
  }
  .lg\:de-azul-600 {
    --color-de: #2784ae 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-azul-600 {
    --sombra-color: rgba(39, 132, 174, var(--sombra-opacidad));
  }
  .lg\:fill-azul-600 svg {
    fill: #2784ae;
  }
  .lg\:stroke-azul-600 svg {
    stroke: #2784ae;
  }
  .lg\:bg-azul-700 {
    background-color: rgba(31, 104, 136, var(--bg-opacidad));
  }
  .lg\:color-azul-700 {
    color: #1f6888;
  }
  .lg\:borde-azul-700 {
    border-color: #1f6888;
  }
  .lg\:de-azul-700 {
    --color-de: #1f6888 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-azul-700 {
    --sombra-color: rgba(31, 104, 136, var(--sombra-opacidad));
  }
  .lg\:fill-azul-700 svg {
    fill: #1f6888;
  }
  .lg\:stroke-azul-700 svg {
    stroke: #1f6888;
  }
  .lg\:bg-azul-800 {
    background-color: rgba(22, 76, 99, var(--bg-opacidad));
  }
  .lg\:color-azul-800 {
    color: #164c63;
  }
  .lg\:borde-azul-800 {
    border-color: #164c63;
  }
  .lg\:de-azul-800 {
    --color-de: #164c63 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-azul-800 {
    --sombra-color: rgba(22, 76, 99, var(--sombra-opacidad));
  }
  .lg\:fill-azul-800 svg {
    fill: #164c63;
  }
  .lg\:stroke-azul-800 svg {
    stroke: #164c63;
  }
  .lg\:bg-azul-900 {
    background-color: rgba(14, 47, 62, var(--bg-opacidad));
  }
  .lg\:color-azul-900 {
    color: #0e2f3e;
  }
  .lg\:borde-azul-900 {
    border-color: #0e2f3e;
  }
  .lg\:de-azul-900 {
    --color-de: #0e2f3e 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-azul-900 {
    --sombra-color: rgba(14, 47, 62, var(--sombra-opacidad));
  }
  .lg\:fill-azul-900 svg {
    fill: #0e2f3e;
  }
  .lg\:stroke-azul-900 svg {
    stroke: #0e2f3e;
  }
  .lg\:bg-azul-950 {
    background-color: rgba(6, 19, 25, var(--bg-opacidad));
  }
  .lg\:color-azul-950 {
    color: #061319;
  }
  .lg\:borde-azul-950 {
    border-color: #061319;
  }
  .lg\:de-azul-950 {
    --color-de: #061319 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-azul-950 {
    --sombra-color: rgba(6, 19, 25, var(--sombra-opacidad));
  }
  .lg\:fill-azul-950 svg {
    fill: #061319;
  }
  .lg\:stroke-azul-950 svg {
    stroke: #061319;
  }
  .lg\:bg-cobalto-10 {
    background-color: rgba(231, 238, 248, var(--bg-opacidad));
  }
  .lg\:color-cobalto-10 {
    color: #e7eef8;
  }
  .lg\:borde-cobalto-10 {
    border-color: #e7eef8;
  }
  .lg\:de-cobalto-10 {
    --color-de: #e7eef8 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-cobalto-10 {
    --sombra-color: rgba(231, 238, 248, var(--sombra-opacidad));
  }
  .lg\:fill-cobalto-10 svg {
    fill: #e7eef8;
  }
  .lg\:stroke-cobalto-10 svg {
    stroke: #e7eef8;
  }
  .lg\:bg-cobalto-25 {
    background-color: rgba(195, 212, 238, var(--bg-opacidad));
  }
  .lg\:color-cobalto-25 {
    color: #c3d4ee;
  }
  .lg\:borde-cobalto-25 {
    border-color: #c3d4ee;
  }
  .lg\:de-cobalto-25 {
    --color-de: #c3d4ee 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-cobalto-25 {
    --sombra-color: rgba(195, 212, 238, var(--sombra-opacidad));
  }
  .lg\:fill-cobalto-25 svg {
    fill: #c3d4ee;
  }
  .lg\:stroke-cobalto-25 svg {
    stroke: #c3d4ee;
  }
  .lg\:bg-cobalto-50 {
    background-color: rgba(159, 186, 227, var(--bg-opacidad));
  }
  .lg\:color-cobalto-50 {
    color: #9fbae3;
  }
  .lg\:borde-cobalto-50 {
    border-color: #9fbae3;
  }
  .lg\:de-cobalto-50 {
    --color-de: #9fbae3 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-cobalto-50 {
    --sombra-color: rgba(159, 186, 227, var(--sombra-opacidad));
  }
  .lg\:fill-cobalto-50 svg {
    fill: #9fbae3;
  }
  .lg\:stroke-cobalto-50 svg {
    stroke: #9fbae3;
  }
  .lg\:bg-cobalto-100 {
    background-color: rgba(123, 160, 217, var(--bg-opacidad));
  }
  .lg\:color-cobalto-100 {
    color: #7ba0d9;
  }
  .lg\:borde-cobalto-100 {
    border-color: #7ba0d9;
  }
  .lg\:de-cobalto-100 {
    --color-de: #7ba0d9 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-cobalto-100 {
    --sombra-color: rgba(123, 160, 217, var(--sombra-opacidad));
  }
  .lg\:fill-cobalto-100 svg {
    fill: #7ba0d9;
  }
  .lg\:stroke-cobalto-100 svg {
    stroke: #7ba0d9;
  }
  .lg\:bg-cobalto-200 {
    background-color: rgba(87, 134, 207, var(--bg-opacidad));
  }
  .lg\:color-cobalto-200 {
    color: #5786cf;
  }
  .lg\:borde-cobalto-200 {
    border-color: #5786cf;
  }
  .lg\:de-cobalto-200 {
    --color-de: #5786cf 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-cobalto-200 {
    --sombra-color: rgba(87, 134, 207, var(--sombra-opacidad));
  }
  .lg\:fill-cobalto-200 svg {
    fill: #5786cf;
  }
  .lg\:stroke-cobalto-200 svg {
    stroke: #5786cf;
  }
  .lg\:bg-cobalto-300 {
    background-color: rgba(51, 108, 196, var(--bg-opacidad));
  }
  .lg\:color-cobalto-300 {
    color: #336cc4;
  }
  .lg\:borde-cobalto-300 {
    border-color: #336cc4;
  }
  .lg\:de-cobalto-300 {
    --color-de: #336cc4 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-cobalto-300 {
    --sombra-color: rgba(51, 108, 196, var(--sombra-opacidad));
  }
  .lg\:fill-cobalto-300 svg {
    fill: #336cc4;
  }
  .lg\:stroke-cobalto-300 svg {
    stroke: #336cc4;
  }
  .lg\:bg-cobalto-400 {
    background-color: rgba(15, 82, 186, var(--bg-opacidad));
  }
  .lg\:color-cobalto-400 {
    color: #0f52ba;
  }
  .lg\:borde-cobalto-400 {
    border-color: #0f52ba;
  }
  .lg\:de-cobalto-400 {
    --color-de: #0f52ba 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-cobalto-400 {
    --sombra-color: rgba(15, 82, 186, var(--sombra-opacidad));
  }
  .lg\:fill-cobalto-400 svg {
    fill: #0f52ba;
  }
  .lg\:stroke-cobalto-400 svg {
    stroke: #0f52ba;
  }
  .lg\:bg-cobalto-500 {
    background-color: rgba(13, 70, 158, var(--bg-opacidad));
  }
  .lg\:color-cobalto-500 {
    color: #0d469e;
  }
  .lg\:borde-cobalto-500 {
    border-color: #0d469e;
  }
  .lg\:de-cobalto-500 {
    --color-de: #0d469e 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-cobalto-500 {
    --sombra-color: rgba(13, 70, 158, var(--sombra-opacidad));
  }
  .lg\:fill-cobalto-500 svg {
    fill: #0d469e;
  }
  .lg\:stroke-cobalto-500 svg {
    stroke: #0d469e;
  }
  .lg\:bg-cobalto-600 {
    background-color: rgba(11, 57, 130, var(--bg-opacidad));
  }
  .lg\:color-cobalto-600 {
    color: #0b3982;
  }
  .lg\:borde-cobalto-600 {
    border-color: #0b3982;
  }
  .lg\:de-cobalto-600 {
    --color-de: #0b3982 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-cobalto-600 {
    --sombra-color: rgba(11, 57, 130, var(--sombra-opacidad));
  }
  .lg\:fill-cobalto-600 svg {
    fill: #0b3982;
  }
  .lg\:stroke-cobalto-600 svg {
    stroke: #0b3982;
  }
  .lg\:bg-cobalto-700 {
    background-color: rgba(8, 45, 102, var(--bg-opacidad));
  }
  .lg\:color-cobalto-700 {
    color: #082d66;
  }
  .lg\:borde-cobalto-700 {
    border-color: #082d66;
  }
  .lg\:de-cobalto-700 {
    --color-de: #082d66 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-cobalto-700 {
    --sombra-color: rgba(8, 45, 102, var(--sombra-opacidad));
  }
  .lg\:fill-cobalto-700 svg {
    fill: #082d66;
  }
  .lg\:stroke-cobalto-700 svg {
    stroke: #082d66;
  }
  .lg\:bg-cobalto-800 {
    background-color: rgba(6, 33, 74, var(--bg-opacidad));
  }
  .lg\:color-cobalto-800 {
    color: #06214a;
  }
  .lg\:borde-cobalto-800 {
    border-color: #06214a;
  }
  .lg\:de-cobalto-800 {
    --color-de: #06214a 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-cobalto-800 {
    --sombra-color: rgba(6, 33, 74, var(--sombra-opacidad));
  }
  .lg\:fill-cobalto-800 svg {
    fill: #06214a;
  }
  .lg\:stroke-cobalto-800 svg {
    stroke: #06214a;
  }
  .lg\:bg-cobalto-900 {
    background-color: rgba(4, 21, 47, var(--bg-opacidad));
  }
  .lg\:color-cobalto-900 {
    color: #04152f;
  }
  .lg\:borde-cobalto-900 {
    border-color: #04152f;
  }
  .lg\:de-cobalto-900 {
    --color-de: #04152f 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-cobalto-900 {
    --sombra-color: rgba(4, 21, 47, var(--sombra-opacidad));
  }
  .lg\:fill-cobalto-900 svg {
    fill: #04152f;
  }
  .lg\:stroke-cobalto-900 svg {
    stroke: #04152f;
  }
  .lg\:bg-cobalto-950 {
    background-color: rgba(1, 8, 19, var(--bg-opacidad));
  }
  .lg\:color-cobalto-950 {
    color: #010813;
  }
  .lg\:borde-cobalto-950 {
    border-color: #010813;
  }
  .lg\:de-cobalto-950 {
    --color-de: #010813 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-cobalto-950 {
    --sombra-color: rgba(1, 8, 19, var(--sombra-opacidad));
  }
  .lg\:fill-cobalto-950 svg {
    fill: #010813;
  }
  .lg\:stroke-cobalto-950 svg {
    stroke: #010813;
  }
  .lg\:bg-gris-10 {
    background-color: rgba(245, 246, 247, var(--bg-opacidad));
  }
  .lg\:color-gris-10 {
    color: #f5f6f7;
  }
  .lg\:borde-gris-10 {
    border-color: #f5f6f7;
  }
  .lg\:de-gris-10 {
    --color-de: #f5f6f7 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-gris-10 {
    --sombra-color: rgba(245, 246, 247, var(--sombra-opacidad));
  }
  .lg\:fill-gris-10 svg {
    fill: #f5f6f7;
  }
  .lg\:stroke-gris-10 svg {
    stroke: #f5f6f7;
  }
  .lg\:bg-gris-25 {
    background-color: rgba(230, 232, 235, var(--bg-opacidad));
  }
  .lg\:color-gris-25 {
    color: #e6e8eb;
  }
  .lg\:borde-gris-25 {
    border-color: #e6e8eb;
  }
  .lg\:de-gris-25 {
    --color-de: #e6e8eb 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-gris-25 {
    --sombra-color: rgba(230, 232, 235, var(--sombra-opacidad));
  }
  .lg\:fill-gris-25 svg {
    fill: #e6e8eb;
  }
  .lg\:stroke-gris-25 svg {
    stroke: #e6e8eb;
  }
  .lg\:bg-gris-50 {
    background-color: rgba(215, 218, 223, var(--bg-opacidad));
  }
  .lg\:color-gris-50 {
    color: #d7dadf;
  }
  .lg\:borde-gris-50 {
    border-color: #d7dadf;
  }
  .lg\:de-gris-50 {
    --color-de: #d7dadf 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-gris-50 {
    --sombra-color: rgba(215, 218, 223, var(--sombra-opacidad));
  }
  .lg\:fill-gris-50 svg {
    fill: #d7dadf;
  }
  .lg\:stroke-gris-50 svg {
    stroke: #d7dadf;
  }
  .lg\:bg-gris-100 {
    background-color: rgba(201, 204, 211, var(--bg-opacidad));
  }
  .lg\:color-gris-100 {
    color: #c9ccd3;
  }
  .lg\:borde-gris-100 {
    border-color: #c9ccd3;
  }
  .lg\:de-gris-100 {
    --color-de: #c9ccd3 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-gris-100 {
    --sombra-color: rgba(201, 204, 211, var(--sombra-opacidad));
  }
  .lg\:fill-gris-100 svg {
    fill: #c9ccd3;
  }
  .lg\:stroke-gris-100 svg {
    stroke: #c9ccd3;
  }
  .lg\:bg-gris-200 {
    background-color: rgba(186, 191, 199, var(--bg-opacidad));
  }
  .lg\:color-gris-200 {
    color: #babfc7;
  }
  .lg\:borde-gris-200 {
    border-color: #babfc7;
  }
  .lg\:de-gris-200 {
    --color-de: #babfc7 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-gris-200 {
    --sombra-color: rgba(186, 191, 199, var(--sombra-opacidad));
  }
  .lg\:fill-gris-200 svg {
    fill: #babfc7;
  }
  .lg\:stroke-gris-200 svg {
    stroke: #babfc7;
  }
  .lg\:bg-gris-300 {
    background-color: rgba(171, 177, 187, var(--bg-opacidad));
  }
  .lg\:color-gris-300 {
    color: #abb1bb;
  }
  .lg\:borde-gris-300 {
    border-color: #abb1bb;
  }
  .lg\:de-gris-300 {
    --color-de: #abb1bb 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-gris-300 {
    --sombra-color: rgba(171, 177, 187, var(--sombra-opacidad));
  }
  .lg\:fill-gris-300 svg {
    fill: #abb1bb;
  }
  .lg\:stroke-gris-300 svg {
    stroke: #abb1bb;
  }
  .lg\:bg-gris-400 {
    background-color: rgba(156, 163, 175, var(--bg-opacidad));
  }
  .lg\:color-gris-400 {
    color: #9ca3af;
  }
  .lg\:borde-gris-400 {
    border-color: #9ca3af;
  }
  .lg\:de-gris-400 {
    --color-de: #9ca3af 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-gris-400 {
    --sombra-color: rgba(156, 163, 175, var(--sombra-opacidad));
  }
  .lg\:fill-gris-400 svg {
    fill: #9ca3af;
  }
  .lg\:stroke-gris-400 svg {
    stroke: #9ca3af;
  }
  .lg\:bg-gris-500 {
    background-color: rgba(133, 139, 149, var(--bg-opacidad));
  }
  .lg\:color-gris-500 {
    color: #858b95;
  }
  .lg\:borde-gris-500 {
    border-color: #858b95;
  }
  .lg\:de-gris-500 {
    --color-de: #858b95 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-gris-500 {
    --sombra-color: rgba(133, 139, 149, var(--sombra-opacidad));
  }
  .lg\:fill-gris-500 svg {
    fill: #858b95;
  }
  .lg\:stroke-gris-500 svg {
    stroke: #858b95;
  }
  .lg\:bg-gris-600 {
    background-color: rgba(109, 114, 122, var(--bg-opacidad));
  }
  .lg\:color-gris-600 {
    color: #6d727a;
  }
  .lg\:borde-gris-600 {
    border-color: #6d727a;
  }
  .lg\:de-gris-600 {
    --color-de: #6d727a 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-gris-600 {
    --sombra-color: rgba(109, 114, 122, var(--sombra-opacidad));
  }
  .lg\:fill-gris-600 svg {
    fill: #6d727a;
  }
  .lg\:stroke-gris-600 svg {
    stroke: #6d727a;
  }
  .lg\:bg-gris-700 {
    background-color: rgba(86, 90, 96, var(--bg-opacidad));
  }
  .lg\:color-gris-700 {
    color: #565a60;
  }
  .lg\:borde-gris-700 {
    border-color: #565a60;
  }
  .lg\:de-gris-700 {
    --color-de: #565a60 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-gris-700 {
    --sombra-color: rgba(86, 90, 96, var(--sombra-opacidad));
  }
  .lg\:fill-gris-700 svg {
    fill: #565a60;
  }
  .lg\:stroke-gris-700 svg {
    stroke: #565a60;
  }
  .lg\:bg-gris-800 {
    background-color: rgba(62, 65, 70, var(--bg-opacidad));
  }
  .lg\:color-gris-800 {
    color: #3e4146;
  }
  .lg\:borde-gris-800 {
    border-color: #3e4146;
  }
  .lg\:de-gris-800 {
    --color-de: #3e4146 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-gris-800 {
    --sombra-color: rgba(62, 65, 70, var(--sombra-opacidad));
  }
  .lg\:fill-gris-800 svg {
    fill: #3e4146;
  }
  .lg\:stroke-gris-800 svg {
    stroke: #3e4146;
  }
  .lg\:bg-gris-900 {
    background-color: rgba(39, 41, 44, var(--bg-opacidad));
  }
  .lg\:color-gris-900 {
    color: #27292c;
  }
  .lg\:borde-gris-900 {
    border-color: #27292c;
  }
  .lg\:de-gris-900 {
    --color-de: #27292c 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-gris-900 {
    --sombra-color: rgba(39, 41, 44, var(--sombra-opacidad));
  }
  .lg\:fill-gris-900 svg {
    fill: #27292c;
  }
  .lg\:stroke-gris-900 svg {
    stroke: #27292c;
  }
  .lg\:bg-gris-950 {
    background-color: rgba(16, 16, 17, var(--bg-opacidad));
  }
  .lg\:color-gris-950 {
    color: #101011;
  }
  .lg\:borde-gris-950 {
    border-color: #101011;
  }
  .lg\:de-gris-950 {
    --color-de: #101011 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-gris-950 {
    --sombra-color: rgba(16, 16, 17, var(--sombra-opacidad));
  }
  .lg\:fill-gris-950 svg {
    fill: #101011;
  }
  .lg\:stroke-gris-950 svg {
    stroke: #101011;
  }
  .lg\:bg-verde-10 {
    background-color: rgba(231, 248, 242, var(--bg-opacidad));
  }
  .lg\:color-verde-10 {
    color: #e7f8f2;
  }
  .lg\:borde-verde-10 {
    border-color: #e7f8f2;
  }
  .lg\:de-verde-10 {
    --color-de: #e7f8f2 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-verde-10 {
    --sombra-color: rgba(231, 248, 242, var(--sombra-opacidad));
  }
  .lg\:fill-verde-10 svg {
    fill: #e7f8f2;
  }
  .lg\:stroke-verde-10 svg {
    stroke: #e7f8f2;
  }
  .lg\:bg-verde-25 {
    background-color: rgba(195, 238, 224, var(--bg-opacidad));
  }
  .lg\:color-verde-25 {
    color: #c3eee0;
  }
  .lg\:borde-verde-25 {
    border-color: #c3eee0;
  }
  .lg\:de-verde-25 {
    --color-de: #c3eee0 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-verde-25 {
    --sombra-color: rgba(195, 238, 224, var(--sombra-opacidad));
  }
  .lg\:fill-verde-25 svg {
    fill: #c3eee0;
  }
  .lg\:stroke-verde-25 svg {
    stroke: #c3eee0;
  }
  .lg\:bg-verde-50 {
    background-color: rgba(159, 227, 205, var(--bg-opacidad));
  }
  .lg\:color-verde-50 {
    color: #9fe3cd;
  }
  .lg\:borde-verde-50 {
    border-color: #9fe3cd;
  }
  .lg\:de-verde-50 {
    --color-de: #9fe3cd 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-verde-50 {
    --sombra-color: rgba(159, 227, 205, var(--sombra-opacidad));
  }
  .lg\:fill-verde-50 svg {
    fill: #9fe3cd;
  }
  .lg\:stroke-verde-50 svg {
    stroke: #9fe3cd;
  }
  .lg\:bg-verde-100 {
    background-color: rgba(124, 217, 186, var(--bg-opacidad));
  }
  .lg\:color-verde-100 {
    color: #7cd9ba;
  }
  .lg\:borde-verde-100 {
    border-color: #7cd9ba;
  }
  .lg\:de-verde-100 {
    --color-de: #7cd9ba 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-verde-100 {
    --sombra-color: rgba(124, 217, 186, var(--sombra-opacidad));
  }
  .lg\:fill-verde-100 svg {
    fill: #7cd9ba;
  }
  .lg\:stroke-verde-100 svg {
    stroke: #7cd9ba;
  }
  .lg\:bg-verde-200 {
    background-color: rgba(88, 206, 167, var(--bg-opacidad));
  }
  .lg\:color-verde-200 {
    color: #58cea7;
  }
  .lg\:borde-verde-200 {
    border-color: #58cea7;
  }
  .lg\:de-verde-200 {
    --color-de: #58cea7 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-verde-200 {
    --sombra-color: rgba(88, 206, 167, var(--sombra-opacidad));
  }
  .lg\:fill-verde-200 svg {
    fill: #58cea7;
  }
  .lg\:stroke-verde-200 svg {
    stroke: #58cea7;
  }
  .lg\:bg-verde-300 {
    background-color: rgba(52, 196, 148, var(--bg-opacidad));
  }
  .lg\:color-verde-300 {
    color: #34c494;
  }
  .lg\:borde-verde-300 {
    border-color: #34c494;
  }
  .lg\:de-verde-300 {
    --color-de: #34c494 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-verde-300 {
    --sombra-color: rgba(52, 196, 148, var(--sombra-opacidad));
  }
  .lg\:fill-verde-300 svg {
    fill: #34c494;
  }
  .lg\:stroke-verde-300 svg {
    stroke: #34c494;
  }
  .lg\:bg-verde-400 {
    background-color: rgba(16, 185, 129, var(--bg-opacidad));
  }
  .lg\:color-verde-400 {
    color: #10b981;
  }
  .lg\:borde-verde-400 {
    border-color: #10b981;
  }
  .lg\:de-verde-400 {
    --color-de: #10b981 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-verde-400 {
    --sombra-color: rgba(16, 185, 129, var(--sombra-opacidad));
  }
  .lg\:fill-verde-400 svg {
    fill: #10b981;
  }
  .lg\:stroke-verde-400 svg {
    stroke: #10b981;
  }
  .lg\:bg-verde-500 {
    background-color: rgba(14, 157, 110, var(--bg-opacidad));
  }
  .lg\:color-verde-500 {
    color: #0e9d6e;
  }
  .lg\:borde-verde-500 {
    border-color: #0e9d6e;
  }
  .lg\:de-verde-500 {
    --color-de: #0e9d6e 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-verde-500 {
    --sombra-color: rgba(14, 157, 110, var(--sombra-opacidad));
  }
  .lg\:fill-verde-500 svg {
    fill: #0e9d6e;
  }
  .lg\:stroke-verde-500 svg {
    stroke: #0e9d6e;
  }
  .lg\:bg-verde-600 {
    background-color: rgba(11, 130, 90, var(--bg-opacidad));
  }
  .lg\:color-verde-600 {
    color: #0b825a;
  }
  .lg\:borde-verde-600 {
    border-color: #0b825a;
  }
  .lg\:de-verde-600 {
    --color-de: #0b825a 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-verde-600 {
    --sombra-color: rgba(11, 130, 90, var(--sombra-opacidad));
  }
  .lg\:fill-verde-600 svg {
    fill: #0b825a;
  }
  .lg\:stroke-verde-600 svg {
    stroke: #0b825a;
  }
  .lg\:bg-verde-700 {
    background-color: rgba(9, 102, 71, var(--bg-opacidad));
  }
  .lg\:color-verde-700 {
    color: #096647;
  }
  .lg\:borde-verde-700 {
    border-color: #096647;
  }
  .lg\:de-verde-700 {
    --color-de: #096647 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-verde-700 {
    --sombra-color: rgba(9, 102, 71, var(--sombra-opacidad));
  }
  .lg\:fill-verde-700 svg {
    fill: #096647;
  }
  .lg\:stroke-verde-700 svg {
    stroke: #096647;
  }
  .lg\:bg-verde-800 {
    background-color: rgba(6, 74, 52, var(--bg-opacidad));
  }
  .lg\:color-verde-800 {
    color: #064a34;
  }
  .lg\:borde-verde-800 {
    border-color: #064a34;
  }
  .lg\:de-verde-800 {
    --color-de: #064a34 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-verde-800 {
    --sombra-color: rgba(6, 74, 52, var(--sombra-opacidad));
  }
  .lg\:fill-verde-800 svg {
    fill: #064a34;
  }
  .lg\:stroke-verde-800 svg {
    stroke: #064a34;
  }
  .lg\:bg-verde-900 {
    background-color: rgba(4, 46, 32, var(--bg-opacidad));
  }
  .lg\:color-verde-900 {
    color: #042e20;
  }
  .lg\:borde-verde-900 {
    border-color: #042e20;
  }
  .lg\:de-verde-900 {
    --color-de: #042e20 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-verde-900 {
    --sombra-color: rgba(4, 46, 32, var(--sombra-opacidad));
  }
  .lg\:fill-verde-900 svg {
    fill: #042e20;
  }
  .lg\:stroke-verde-900 svg {
    stroke: #042e20;
  }
  .lg\:bg-verde-950 {
    background-color: rgba(2, 18, 13, var(--bg-opacidad));
  }
  .lg\:color-verde-950 {
    color: #02120d;
  }
  .lg\:borde-verde-950 {
    border-color: #02120d;
  }
  .lg\:de-verde-950 {
    --color-de: #02120d 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-verde-950 {
    --sombra-color: rgba(2, 18, 13, var(--sombra-opacidad));
  }
  .lg\:fill-verde-950 svg {
    fill: #02120d;
  }
  .lg\:stroke-verde-950 svg {
    stroke: #02120d;
  }
  .lg\:bg-turquesa-10 {
    background-color: rgba(230, 250, 251, var(--bg-opacidad));
  }
  .lg\:color-turquesa-10 {
    color: #e6fafb;
  }
  .lg\:borde-turquesa-10 {
    border-color: #e6fafb;
  }
  .lg\:de-turquesa-10 {
    --color-de: #e6fafb 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-turquesa-10 {
    --sombra-color: rgba(230, 250, 251, var(--sombra-opacidad));
  }
  .lg\:fill-turquesa-10 svg {
    fill: #e6fafb;
  }
  .lg\:stroke-turquesa-10 svg {
    stroke: #e6fafb;
  }
  .lg\:bg-turquesa-25 {
    background-color: rgba(191, 242, 244, var(--bg-opacidad));
  }
  .lg\:color-turquesa-25 {
    color: #bff2f4;
  }
  .lg\:borde-turquesa-25 {
    border-color: #bff2f4;
  }
  .lg\:de-turquesa-25 {
    --color-de: #bff2f4 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-turquesa-25 {
    --sombra-color: rgba(191, 242, 244, var(--sombra-opacidad));
  }
  .lg\:fill-turquesa-25 svg {
    fill: #bff2f4;
  }
  .lg\:stroke-turquesa-25 svg {
    stroke: #bff2f4;
  }
  .lg\:bg-turquesa-50 {
    background-color: rgba(153, 233, 238, var(--bg-opacidad));
  }
  .lg\:color-turquesa-50 {
    color: #99e9ee;
  }
  .lg\:borde-turquesa-50 {
    border-color: #99e9ee;
  }
  .lg\:de-turquesa-50 {
    --color-de: #99e9ee 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-turquesa-50 {
    --sombra-color: rgba(153, 233, 238, var(--sombra-opacidad));
  }
  .lg\:fill-turquesa-50 svg {
    fill: #99e9ee;
  }
  .lg\:stroke-turquesa-50 svg {
    stroke: #99e9ee;
  }
  .lg\:bg-turquesa-100 {
    background-color: rgba(115, 225, 231, var(--bg-opacidad));
  }
  .lg\:color-turquesa-100 {
    color: #73e1e7;
  }
  .lg\:borde-turquesa-100 {
    border-color: #73e1e7;
  }
  .lg\:de-turquesa-100 {
    --color-de: #73e1e7 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-turquesa-100 {
    --sombra-color: rgba(115, 225, 231, var(--sombra-opacidad));
  }
  .lg\:fill-turquesa-100 svg {
    fill: #73e1e7;
  }
  .lg\:stroke-turquesa-100 svg {
    stroke: #73e1e7;
  }
  .lg\:bg-turquesa-200 {
    background-color: rgba(77, 217, 225, var(--bg-opacidad));
  }
  .lg\:color-turquesa-200 {
    color: #4dd9e1;
  }
  .lg\:borde-turquesa-200 {
    border-color: #4dd9e1;
  }
  .lg\:de-turquesa-200 {
    --color-de: #4dd9e1 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-turquesa-200 {
    --sombra-color: rgba(77, 217, 225, var(--sombra-opacidad));
  }
  .lg\:fill-turquesa-200 svg {
    fill: #4dd9e1;
  }
  .lg\:stroke-turquesa-200 svg {
    stroke: #4dd9e1;
  }
  .lg\:bg-turquesa-300 {
    background-color: rgba(38, 209, 218, var(--bg-opacidad));
  }
  .lg\:color-turquesa-300 {
    color: #26d1da;
  }
  .lg\:borde-turquesa-300 {
    border-color: #26d1da;
  }
  .lg\:de-turquesa-300 {
    --color-de: #26d1da 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-turquesa-300 {
    --sombra-color: rgba(38, 209, 218, var(--sombra-opacidad));
  }
  .lg\:fill-turquesa-300 svg {
    fill: #26d1da;
  }
  .lg\:stroke-turquesa-300 svg {
    stroke: #26d1da;
  }
  .lg\:bg-turquesa-400 {
    background-color: rgba(0, 201, 212, var(--bg-opacidad));
  }
  .lg\:color-turquesa-400 {
    color: #00c9d4;
  }
  .lg\:borde-turquesa-400 {
    border-color: #00c9d4;
  }
  .lg\:de-turquesa-400 {
    --color-de: #00c9d4 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-turquesa-400 {
    --sombra-color: rgba(0, 201, 212, var(--sombra-opacidad));
  }
  .lg\:fill-turquesa-400 svg {
    fill: #00c9d4;
  }
  .lg\:stroke-turquesa-400 svg {
    stroke: #00c9d4;
  }
  .lg\:bg-turquesa-500 {
    background-color: rgba(0, 171, 180, var(--bg-opacidad));
  }
  .lg\:color-turquesa-500 {
    color: #00abb4;
  }
  .lg\:borde-turquesa-500 {
    border-color: #00abb4;
  }
  .lg\:de-turquesa-500 {
    --color-de: #00abb4 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-turquesa-500 {
    --sombra-color: rgba(0, 171, 180, var(--sombra-opacidad));
  }
  .lg\:fill-turquesa-500 svg {
    fill: #00abb4;
  }
  .lg\:stroke-turquesa-500 svg {
    stroke: #00abb4;
  }
  .lg\:bg-turquesa-600 {
    background-color: rgba(0, 141, 148, var(--bg-opacidad));
  }
  .lg\:color-turquesa-600 {
    color: #008d94;
  }
  .lg\:borde-turquesa-600 {
    border-color: #008d94;
  }
  .lg\:de-turquesa-600 {
    --color-de: #008d94 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-turquesa-600 {
    --sombra-color: rgba(0, 141, 148, var(--sombra-opacidad));
  }
  .lg\:fill-turquesa-600 svg {
    fill: #008d94;
  }
  .lg\:stroke-turquesa-600 svg {
    stroke: #008d94;
  }
  .lg\:bg-turquesa-700 {
    background-color: rgba(0, 111, 117, var(--bg-opacidad));
  }
  .lg\:color-turquesa-700 {
    color: #006f75;
  }
  .lg\:borde-turquesa-700 {
    border-color: #006f75;
  }
  .lg\:de-turquesa-700 {
    --color-de: #006f75 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-turquesa-700 {
    --sombra-color: rgba(0, 111, 117, var(--sombra-opacidad));
  }
  .lg\:fill-turquesa-700 svg {
    fill: #006f75;
  }
  .lg\:stroke-turquesa-700 svg {
    stroke: #006f75;
  }
  .lg\:bg-turquesa-800 {
    background-color: rgba(0, 80, 85, var(--bg-opacidad));
  }
  .lg\:color-turquesa-800 {
    color: #005055;
  }
  .lg\:borde-turquesa-800 {
    border-color: #005055;
  }
  .lg\:de-turquesa-800 {
    --color-de: #005055 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-turquesa-800 {
    --sombra-color: rgba(0, 80, 85, var(--sombra-opacidad));
  }
  .lg\:fill-turquesa-800 svg {
    fill: #005055;
  }
  .lg\:stroke-turquesa-800 svg {
    stroke: #005055;
  }
  .lg\:bg-turquesa-900 {
    background-color: rgba(0, 50, 53, var(--bg-opacidad));
  }
  .lg\:color-turquesa-900 {
    color: #003235;
  }
  .lg\:borde-turquesa-900 {
    border-color: #003235;
  }
  .lg\:de-turquesa-900 {
    --color-de: #003235 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-turquesa-900 {
    --sombra-color: rgba(0, 50, 53, var(--sombra-opacidad));
  }
  .lg\:fill-turquesa-900 svg {
    fill: #003235;
  }
  .lg\:stroke-turquesa-900 svg {
    stroke: #003235;
  }
  .lg\:bg-turquesa-950 {
    background-color: rgba(0, 20, 21, var(--bg-opacidad));
  }
  .lg\:color-turquesa-950 {
    color: #001415;
  }
  .lg\:borde-turquesa-950 {
    border-color: #001415;
  }
  .lg\:de-turquesa-950 {
    --color-de: #001415 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-turquesa-950 {
    --sombra-color: rgba(0, 20, 21, var(--sombra-opacidad));
  }
  .lg\:fill-turquesa-950 svg {
    fill: #001415;
  }
  .lg\:stroke-turquesa-950 svg {
    stroke: #001415;
  }
  .lg\:bg-naranja-10 {
    background-color: rgba(253, 241, 230, var(--bg-opacidad));
  }
  .lg\:color-naranja-10 {
    color: #fdf1e6;
  }
  .lg\:borde-naranja-10 {
    border-color: #fdf1e6;
  }
  .lg\:de-naranja-10 {
    --color-de: #fdf1e6 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-naranja-10 {
    --sombra-color: rgba(253, 241, 230, var(--sombra-opacidad));
  }
  .lg\:fill-naranja-10 svg {
    fill: #fdf1e6;
  }
  .lg\:stroke-naranja-10 svg {
    stroke: #fdf1e6;
  }
  .lg\:bg-naranja-25 {
    background-color: rgba(251, 220, 191, var(--bg-opacidad));
  }
  .lg\:color-naranja-25 {
    color: #fbdcbf;
  }
  .lg\:borde-naranja-25 {
    border-color: #fbdcbf;
  }
  .lg\:de-naranja-25 {
    --color-de: #fbdcbf 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-naranja-25 {
    --sombra-color: rgba(251, 220, 191, var(--sombra-opacidad));
  }
  .lg\:fill-naranja-25 svg {
    fill: #fbdcbf;
  }
  .lg\:stroke-naranja-25 svg {
    stroke: #fbdcbf;
  }
  .lg\:bg-naranja-50 {
    background-color: rgba(248, 198, 153, var(--bg-opacidad));
  }
  .lg\:color-naranja-50 {
    color: #f8c699;
  }
  .lg\:borde-naranja-50 {
    border-color: #f8c699;
  }
  .lg\:de-naranja-50 {
    --color-de: #f8c699 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-naranja-50 {
    --sombra-color: rgba(248, 198, 153, var(--sombra-opacidad));
  }
  .lg\:fill-naranja-50 svg {
    fill: #f8c699;
  }
  .lg\:stroke-naranja-50 svg {
    stroke: #f8c699;
  }
  .lg\:bg-naranja-100 {
    background-color: rgba(246, 177, 115, var(--bg-opacidad));
  }
  .lg\:color-naranja-100 {
    color: #f6b173;
  }
  .lg\:borde-naranja-100 {
    border-color: #f6b173;
  }
  .lg\:de-naranja-100 {
    --color-de: #f6b173 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-naranja-100 {
    --sombra-color: rgba(246, 177, 115, var(--sombra-opacidad));
  }
  .lg\:fill-naranja-100 svg {
    fill: #f6b173;
  }
  .lg\:stroke-naranja-100 svg {
    stroke: #f6b173;
  }
  .lg\:bg-naranja-200 {
    background-color: rgba(243, 156, 77, var(--bg-opacidad));
  }
  .lg\:color-naranja-200 {
    color: #f39c4d;
  }
  .lg\:borde-naranja-200 {
    border-color: #f39c4d;
  }
  .lg\:de-naranja-200 {
    --color-de: #f39c4d 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-naranja-200 {
    --sombra-color: rgba(243, 156, 77, var(--sombra-opacidad));
  }
  .lg\:fill-naranja-200 svg {
    fill: #f39c4d;
  }
  .lg\:stroke-naranja-200 svg {
    stroke: #f39c4d;
  }
  .lg\:bg-naranja-300 {
    background-color: rgba(241, 134, 38, var(--bg-opacidad));
  }
  .lg\:color-naranja-300 {
    color: #f18626;
  }
  .lg\:borde-naranja-300 {
    border-color: #f18626;
  }
  .lg\:de-naranja-300 {
    --color-de: #f18626 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-naranja-300 {
    --sombra-color: rgba(241, 134, 38, var(--sombra-opacidad));
  }
  .lg\:fill-naranja-300 svg {
    fill: #f18626;
  }
  .lg\:stroke-naranja-300 svg {
    stroke: #f18626;
  }
  .lg\:bg-naranja-400 {
    background-color: rgba(238, 113, 0, var(--bg-opacidad));
  }
  .lg\:color-naranja-400 {
    color: #ee7100;
  }
  .lg\:borde-naranja-400 {
    border-color: #ee7100;
  }
  .lg\:de-naranja-400 {
    --color-de: #ee7100 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-naranja-400 {
    --sombra-color: rgba(238, 113, 0, var(--sombra-opacidad));
  }
  .lg\:fill-naranja-400 svg {
    fill: #ee7100;
  }
  .lg\:stroke-naranja-400 svg {
    stroke: #ee7100;
  }
  .lg\:bg-naranja-500 {
    background-color: rgba(202, 96, 0, var(--bg-opacidad));
  }
  .lg\:color-naranja-500 {
    color: #ca6000;
  }
  .lg\:borde-naranja-500 {
    border-color: #ca6000;
  }
  .lg\:de-naranja-500 {
    --color-de: #ca6000 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-naranja-500 {
    --sombra-color: rgba(202, 96, 0, var(--sombra-opacidad));
  }
  .lg\:fill-naranja-500 svg {
    fill: #ca6000;
  }
  .lg\:stroke-naranja-500 svg {
    stroke: #ca6000;
  }
  .lg\:bg-naranja-600 {
    background-color: rgba(167, 79, 0, var(--bg-opacidad));
  }
  .lg\:color-naranja-600 {
    color: #a74f00;
  }
  .lg\:borde-naranja-600 {
    border-color: #a74f00;
  }
  .lg\:de-naranja-600 {
    --color-de: #a74f00 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-naranja-600 {
    --sombra-color: rgba(167, 79, 0, var(--sombra-opacidad));
  }
  .lg\:fill-naranja-600 svg {
    fill: #a74f00;
  }
  .lg\:stroke-naranja-600 svg {
    stroke: #a74f00;
  }
  .lg\:bg-naranja-700 {
    background-color: rgba(131, 62, 0, var(--bg-opacidad));
  }
  .lg\:color-naranja-700 {
    color: #833e00;
  }
  .lg\:borde-naranja-700 {
    border-color: #833e00;
  }
  .lg\:de-naranja-700 {
    --color-de: #833e00 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-naranja-700 {
    --sombra-color: rgba(131, 62, 0, var(--sombra-opacidad));
  }
  .lg\:fill-naranja-700 svg {
    fill: #833e00;
  }
  .lg\:stroke-naranja-700 svg {
    stroke: #833e00;
  }
  .lg\:bg-naranja-800 {
    background-color: rgba(95, 45, 0, var(--bg-opacidad));
  }
  .lg\:color-naranja-800 {
    color: #5f2d00;
  }
  .lg\:borde-naranja-800 {
    border-color: #5f2d00;
  }
  .lg\:de-naranja-800 {
    --color-de: #5f2d00 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-naranja-800 {
    --sombra-color: rgba(95, 45, 0, var(--sombra-opacidad));
  }
  .lg\:fill-naranja-800 svg {
    fill: #5f2d00;
  }
  .lg\:stroke-naranja-800 svg {
    stroke: #5f2d00;
  }
  .lg\:bg-naranja-900 {
    background-color: rgba(60, 28, 0, var(--bg-opacidad));
  }
  .lg\:color-naranja-900 {
    color: #3c1c00;
  }
  .lg\:borde-naranja-900 {
    border-color: #3c1c00;
  }
  .lg\:de-naranja-900 {
    --color-de: #3c1c00 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-naranja-900 {
    --sombra-color: rgba(60, 28, 0, var(--sombra-opacidad));
  }
  .lg\:fill-naranja-900 svg {
    fill: #3c1c00;
  }
  .lg\:stroke-naranja-900 svg {
    stroke: #3c1c00;
  }
  .lg\:bg-naranja-950 {
    background-color: rgba(24, 11, 0, var(--bg-opacidad));
  }
  .lg\:color-naranja-950 {
    color: #180b00;
  }
  .lg\:borde-naranja-950 {
    border-color: #180b00;
  }
  .lg\:de-naranja-950 {
    --color-de: #180b00 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-naranja-950 {
    --sombra-color: rgba(24, 11, 0, var(--sombra-opacidad));
  }
  .lg\:fill-naranja-950 svg {
    fill: #180b00;
  }
  .lg\:stroke-naranja-950 svg {
    stroke: #180b00;
  }
  .lg\:bg-neutral-10 {
    background-color: rgba(241, 245, 249, var(--bg-opacidad));
  }
  .lg\:color-neutral-10 {
    color: #f1f5f9;
  }
  .lg\:borde-neutral-10 {
    border-color: #f1f5f9;
  }
  .lg\:de-neutral-10 {
    --color-de: #f1f5f9 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-neutral-10 {
    --sombra-color: rgba(241, 245, 249, var(--sombra-opacidad));
  }
  .lg\:fill-neutral-10 svg {
    fill: #f1f5f9;
  }
  .lg\:stroke-neutral-10 svg {
    stroke: #f1f5f9;
  }
  .lg\:bg-neutral-25 {
    background-color: rgba(226, 232, 240, var(--bg-opacidad));
  }
  .lg\:color-neutral-25 {
    color: #e2e8f0;
  }
  .lg\:borde-neutral-25 {
    border-color: #e2e8f0;
  }
  .lg\:de-neutral-25 {
    --color-de: #e2e8f0 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-neutral-25 {
    --sombra-color: rgba(226, 232, 240, var(--sombra-opacidad));
  }
  .lg\:fill-neutral-25 svg {
    fill: #e2e8f0;
  }
  .lg\:stroke-neutral-25 svg {
    stroke: #e2e8f0;
  }
  .lg\:bg-neutral-50 {
    background-color: rgba(203, 213, 225, var(--bg-opacidad));
  }
  .lg\:color-neutral-50 {
    color: #cbd5e1;
  }
  .lg\:borde-neutral-50 {
    border-color: #cbd5e1;
  }
  .lg\:de-neutral-50 {
    --color-de: #cbd5e1 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-neutral-50 {
    --sombra-color: rgba(203, 213, 225, var(--sombra-opacidad));
  }
  .lg\:fill-neutral-50 svg {
    fill: #cbd5e1;
  }
  .lg\:stroke-neutral-50 svg {
    stroke: #cbd5e1;
  }
  .lg\:bg-neutral-100 {
    background-color: rgba(169, 181, 197, var(--bg-opacidad));
  }
  .lg\:color-neutral-100 {
    color: #a9b5c5;
  }
  .lg\:borde-neutral-100 {
    border-color: #a9b5c5;
  }
  .lg\:de-neutral-100 {
    --color-de: #a9b5c5 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-neutral-100 {
    --sombra-color: rgba(169, 181, 197, var(--sombra-opacidad));
  }
  .lg\:fill-neutral-100 svg {
    fill: #a9b5c5;
  }
  .lg\:stroke-neutral-100 svg {
    stroke: #a9b5c5;
  }
  .lg\:bg-neutral-200 {
    background-color: rgba(146, 161, 181, var(--bg-opacidad));
  }
  .lg\:color-neutral-200 {
    color: #92a1b5;
  }
  .lg\:borde-neutral-200 {
    border-color: #92a1b5;
  }
  .lg\:de-neutral-200 {
    --color-de: #92a1b5 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-neutral-200 {
    --sombra-color: rgba(146, 161, 181, var(--sombra-opacidad));
  }
  .lg\:fill-neutral-200 svg {
    fill: #92a1b5;
  }
  .lg\:stroke-neutral-200 svg {
    stroke: #92a1b5;
  }
  .lg\:bg-neutral-300 {
    background-color: rgba(122, 140, 165, var(--bg-opacidad));
  }
  .lg\:color-neutral-300 {
    color: #7a8ca5;
  }
  .lg\:borde-neutral-300 {
    border-color: #7a8ca5;
  }
  .lg\:de-neutral-300 {
    --color-de: #7a8ca5 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-neutral-300 {
    --sombra-color: rgba(122, 140, 165, var(--sombra-opacidad));
  }
  .lg\:fill-neutral-300 svg {
    fill: #7a8ca5;
  }
  .lg\:stroke-neutral-300 svg {
    stroke: #7a8ca5;
  }
  .lg\:bg-neutral-400 {
    background-color: rgba(99, 120, 149, var(--bg-opacidad));
  }
  .lg\:color-neutral-400 {
    color: #637895;
  }
  .lg\:borde-neutral-400 {
    border-color: #637895;
  }
  .lg\:de-neutral-400 {
    --color-de: #637895 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-neutral-400 {
    --sombra-color: rgba(99, 120, 149, var(--sombra-opacidad));
  }
  .lg\:fill-neutral-400 svg {
    fill: #637895;
  }
  .lg\:stroke-neutral-400 svg {
    stroke: #637895;
  }
  .lg\:bg-neutral-500 {
    background-color: rgba(84, 102, 127, var(--bg-opacidad));
  }
  .lg\:color-neutral-500 {
    color: #54667f;
  }
  .lg\:borde-neutral-500 {
    border-color: #54667f;
  }
  .lg\:de-neutral-500 {
    --color-de: #54667f 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-neutral-500 {
    --sombra-color: rgba(84, 102, 127, var(--sombra-opacidad));
  }
  .lg\:fill-neutral-500 svg {
    fill: #54667f;
  }
  .lg\:stroke-neutral-500 svg {
    stroke: #54667f;
  }
  .lg\:bg-neutral-600 {
    background-color: rgba(69, 84, 104, var(--bg-opacidad));
  }
  .lg\:color-neutral-600 {
    color: #455468;
  }
  .lg\:borde-neutral-600 {
    border-color: #455468;
  }
  .lg\:de-neutral-600 {
    --color-de: #455468 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-neutral-600 {
    --sombra-color: rgba(69, 84, 104, var(--sombra-opacidad));
  }
  .lg\:fill-neutral-600 svg {
    fill: #455468;
  }
  .lg\:stroke-neutral-600 svg {
    stroke: #455468;
  }
  .lg\:bg-neutral-700 {
    background-color: rgba(54, 66, 82, var(--bg-opacidad));
  }
  .lg\:color-neutral-700 {
    color: #364252;
  }
  .lg\:borde-neutral-700 {
    border-color: #364252;
  }
  .lg\:de-neutral-700 {
    --color-de: #364252 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-neutral-700 {
    --sombra-color: rgba(54, 66, 82, var(--sombra-opacidad));
  }
  .lg\:fill-neutral-700 svg {
    fill: #364252;
  }
  .lg\:stroke-neutral-700 svg {
    stroke: #364252;
  }
  .lg\:bg-neutral-800 {
    background-color: rgba(40, 48, 60, var(--bg-opacidad));
  }
  .lg\:color-neutral-800 {
    color: #28303c;
  }
  .lg\:borde-neutral-800 {
    border-color: #28303c;
  }
  .lg\:de-neutral-800 {
    --color-de: #28303c 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-neutral-800 {
    --sombra-color: rgba(40, 48, 60, var(--sombra-opacidad));
  }
  .lg\:fill-neutral-800 svg {
    fill: #28303c;
  }
  .lg\:stroke-neutral-800 svg {
    stroke: #28303c;
  }
  .lg\:bg-neutral-900 {
    background-color: rgba(25, 30, 37, var(--bg-opacidad));
  }
  .lg\:color-neutral-900 {
    color: #191e25;
  }
  .lg\:borde-neutral-900 {
    border-color: #191e25;
  }
  .lg\:de-neutral-900 {
    --color-de: #191e25 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-neutral-900 {
    --sombra-color: rgba(25, 30, 37, var(--sombra-opacidad));
  }
  .lg\:fill-neutral-900 svg {
    fill: #191e25;
  }
  .lg\:stroke-neutral-900 svg {
    stroke: #191e25;
  }
  .lg\:bg-neutral-950 {
    background-color: rgba(10, 12, 15, var(--bg-opacidad));
  }
  .lg\:color-neutral-950 {
    color: #0a0c0f;
  }
  .lg\:borde-neutral-950 {
    border-color: #0a0c0f;
  }
  .lg\:de-neutral-950 {
    --color-de: #0a0c0f 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-neutral-950 {
    --sombra-color: rgba(10, 12, 15, var(--sombra-opacidad));
  }
  .lg\:fill-neutral-950 svg {
    fill: #0a0c0f;
  }
  .lg\:stroke-neutral-950 svg {
    stroke: #0a0c0f;
  }
  .lg\:bg-blanco {
    background-color: rgba(255, 255, 255, var(--bg-opacidad));
  }
  .lg\:color-blanco, .menu li ul a {
    color: #fff;
  }
  .lg\:borde-blanco {
    border-color: #fff;
  }
  .lg\:de-blanco {
    --color-de: #fff 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-blanco {
    --sombra-color: rgba(255, 255, 255, var(--sombra-opacidad));
  }
  .lg\:fill-blanco svg {
    fill: #fff;
  }
  .lg\:stroke-blanco svg {
    stroke: #fff;
  }
  .lg\:bg-negro, .menu li ul, .menu li ul a {
    background-color: rgba(0, 0, 0, var(--bg-opacidad));
  }
  .lg\:color-negro {
    color: #000;
  }
  .lg\:borde-negro {
    border-color: #000;
  }
  .lg\:de-negro {
    --color-de: #000 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-negro {
    --sombra-color: rgba(0, 0, 0, var(--sombra-opacidad));
  }
  .lg\:fill-negro svg {
    fill: #000;
  }
  .lg\:stroke-negro svg {
    stroke: #000;
  }
  .lg\:bg-transparente {
    background-color: rgba(0, 0, 0, var(--bg-opacidad));
  }
  .lg\:color-transparente {
    color: transparent;
  }
  .lg\:borde-transparente {
    border-color: transparent;
  }
  .lg\:de-transparente {
    --color-de: transparent 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-transparente {
    --sombra-color: rgba(0, 0, 0, var(--sombra-opacidad));
  }
  .lg\:fill-transparente svg {
    fill: transparent;
  }
  .lg\:stroke-transparente svg {
    stroke: transparent;
  }
  .lg\:hasta-rojo-10 {
    --color-hasta: #fdecec;
  }
  .lg\:hasta-rojo-25 {
    --color-hasta: #fbd0d0;
  }
  .lg\:hasta-rojo-50 {
    --color-hasta: #fbd0d0;
  }
  .lg\:hasta-rojo-100 {
    --color-hasta: #f69898;
  }
  .lg\:hasta-rojo-200 {
    --color-hasta: #f47c7c;
  }
  .lg\:hasta-rojo-300 {
    --color-hasta: #f16060;
  }
  .lg\:hasta-rojo-400 {
    --color-hasta: #ef4444;
  }
  .lg\:hasta-rojo-500 {
    --color-hasta: #cb3a3a;
  }
  .lg\:hasta-rojo-600 {
    --color-hasta: #a73030;
  }
  .lg\:hasta-rojo-700 {
    --color-hasta: #832525;
  }
  .lg\:hasta-rojo-800 {
    --color-hasta: #601b1b;
  }
  .lg\:hasta-rojo-900 {
    --color-hasta: #3c1111;
  }
  .lg\:hasta-rojo-950 {
    --color-hasta: #180707;
  }
  .lg\:hasta-amarillo-10 {
    --color-hasta: #fffae8;
  }
  .lg\:hasta-amarillo-25 {
    --color-hasta: #fef2c5;
  }
  .lg\:hasta-amarillo-50 {
    --color-hasta: #fdeba1;
  }
  .lg\:hasta-amarillo-100 {
    --color-hasta: #fce37e;
  }
  .lg\:hasta-amarillo-200 {
    --color-hasta: #fcdb5b;
  }
  .lg\:hasta-amarillo-300 {
    --color-hasta: #fbd438;
  }
  .lg\:hasta-amarillo-400 {
    --color-hasta: #facc15;
  }
  .lg\:hasta-amarillo-500 {
    --color-hasta: #d5ad12;
  }
  .lg\:hasta-amarillo-600 {
    --color-hasta: #af8f0f;
  }
  .lg\:hasta-amarillo-700 {
    --color-hasta: #8a700c;
  }
  .lg\:hasta-amarillo-800 {
    --color-hasta: #645208;
  }
  .lg\:hasta-amarillo-900 {
    --color-hasta: #3f3305;
  }
  .lg\:hasta-amarillo-950 {
    --color-hasta: #191402;
  }
  .lg\:hasta-azul-10 {
    --color-hasta: #ebf8fe;
  }
  .lg\:hasta-azul-25 {
    --color-hasta: #cdeffd;
  }
  .lg\:hasta-azul-50 {
    --color-hasta: #afe5fc;
  }
  .lg\:hasta-azul-100 {
    --color-hasta: #92dbfb;
  }
  .lg\:hasta-azul-200 {
    --color-hasta: #74d1fa;
  }
  .lg\:hasta-azul-300 {
    --color-hasta: #56c7f9;
  }
  .lg\:hasta-azul-400 {
    --color-hasta: #38bdf8;
  }
  .lg\:hasta-azul-500 {
    --color-hasta: #30a1d3;
  }
  .lg\:hasta-azul-600 {
    --color-hasta: #2784ae;
  }
  .lg\:hasta-azul-700 {
    --color-hasta: #1f6888;
  }
  .lg\:hasta-azul-800 {
    --color-hasta: #164c63;
  }
  .lg\:hasta-azul-900 {
    --color-hasta: #0e2f3e;
  }
  .lg\:hasta-azul-950 {
    --color-hasta: #061319;
  }
  .lg\:hasta-cobalto-10 {
    --color-hasta: #e7eef8;
  }
  .lg\:hasta-cobalto-25 {
    --color-hasta: #c3d4ee;
  }
  .lg\:hasta-cobalto-50 {
    --color-hasta: #9fbae3;
  }
  .lg\:hasta-cobalto-100 {
    --color-hasta: #7ba0d9;
  }
  .lg\:hasta-cobalto-200 {
    --color-hasta: #5786cf;
  }
  .lg\:hasta-cobalto-300 {
    --color-hasta: #336cc4;
  }
  .lg\:hasta-cobalto-400 {
    --color-hasta: #0f52ba;
  }
  .lg\:hasta-cobalto-500 {
    --color-hasta: #0d469e;
  }
  .lg\:hasta-cobalto-600 {
    --color-hasta: #0b3982;
  }
  .lg\:hasta-cobalto-700 {
    --color-hasta: #082d66;
  }
  .lg\:hasta-cobalto-800 {
    --color-hasta: #06214a;
  }
  .lg\:hasta-cobalto-900 {
    --color-hasta: #04152f;
  }
  .lg\:hasta-cobalto-950 {
    --color-hasta: #010813;
  }
  .lg\:hasta-gris-10 {
    --color-hasta: #f5f6f7;
  }
  .lg\:hasta-gris-25 {
    --color-hasta: #e6e8eb;
  }
  .lg\:hasta-gris-50 {
    --color-hasta: #d7dadf;
  }
  .lg\:hasta-gris-100 {
    --color-hasta: #c9ccd3;
  }
  .lg\:hasta-gris-200 {
    --color-hasta: #babfc7;
  }
  .lg\:hasta-gris-300 {
    --color-hasta: #abb1bb;
  }
  .lg\:hasta-gris-400 {
    --color-hasta: #9ca3af;
  }
  .lg\:hasta-gris-500 {
    --color-hasta: #858b95;
  }
  .lg\:hasta-gris-600 {
    --color-hasta: #6d727a;
  }
  .lg\:hasta-gris-700 {
    --color-hasta: #565a60;
  }
  .lg\:hasta-gris-800 {
    --color-hasta: #3e4146;
  }
  .lg\:hasta-gris-900 {
    --color-hasta: #27292c;
  }
  .lg\:hasta-gris-950 {
    --color-hasta: #101011;
  }
  .lg\:hasta-verde-10 {
    --color-hasta: #e7f8f2;
  }
  .lg\:hasta-verde-25 {
    --color-hasta: #c3eee0;
  }
  .lg\:hasta-verde-50 {
    --color-hasta: #9fe3cd;
  }
  .lg\:hasta-verde-100 {
    --color-hasta: #7cd9ba;
  }
  .lg\:hasta-verde-200 {
    --color-hasta: #58cea7;
  }
  .lg\:hasta-verde-300 {
    --color-hasta: #34c494;
  }
  .lg\:hasta-verde-400 {
    --color-hasta: #10b981;
  }
  .lg\:hasta-verde-500 {
    --color-hasta: #0e9d6e;
  }
  .lg\:hasta-verde-600 {
    --color-hasta: #0b825a;
  }
  .lg\:hasta-verde-700 {
    --color-hasta: #096647;
  }
  .lg\:hasta-verde-800 {
    --color-hasta: #064a34;
  }
  .lg\:hasta-verde-900 {
    --color-hasta: #042e20;
  }
  .lg\:hasta-verde-950 {
    --color-hasta: #02120d;
  }
  .lg\:hasta-turquesa-10 {
    --color-hasta: #e6fafb;
  }
  .lg\:hasta-turquesa-25 {
    --color-hasta: #bff2f4;
  }
  .lg\:hasta-turquesa-50 {
    --color-hasta: #99e9ee;
  }
  .lg\:hasta-turquesa-100 {
    --color-hasta: #73e1e7;
  }
  .lg\:hasta-turquesa-200 {
    --color-hasta: #4dd9e1;
  }
  .lg\:hasta-turquesa-300 {
    --color-hasta: #26d1da;
  }
  .lg\:hasta-turquesa-400 {
    --color-hasta: #00c9d4;
  }
  .lg\:hasta-turquesa-500 {
    --color-hasta: #00abb4;
  }
  .lg\:hasta-turquesa-600 {
    --color-hasta: #008d94;
  }
  .lg\:hasta-turquesa-700 {
    --color-hasta: #006f75;
  }
  .lg\:hasta-turquesa-800 {
    --color-hasta: #005055;
  }
  .lg\:hasta-turquesa-900 {
    --color-hasta: #003235;
  }
  .lg\:hasta-turquesa-950 {
    --color-hasta: #001415;
  }
  .lg\:hasta-naranja-10 {
    --color-hasta: #fdf1e6;
  }
  .lg\:hasta-naranja-25 {
    --color-hasta: #fbdcbf;
  }
  .lg\:hasta-naranja-50 {
    --color-hasta: #f8c699;
  }
  .lg\:hasta-naranja-100 {
    --color-hasta: #f6b173;
  }
  .lg\:hasta-naranja-200 {
    --color-hasta: #f39c4d;
  }
  .lg\:hasta-naranja-300 {
    --color-hasta: #f18626;
  }
  .lg\:hasta-naranja-400 {
    --color-hasta: #ee7100;
  }
  .lg\:hasta-naranja-500 {
    --color-hasta: #ca6000;
  }
  .lg\:hasta-naranja-600 {
    --color-hasta: #a74f00;
  }
  .lg\:hasta-naranja-700 {
    --color-hasta: #833e00;
  }
  .lg\:hasta-naranja-800 {
    --color-hasta: #5f2d00;
  }
  .lg\:hasta-naranja-900 {
    --color-hasta: #3c1c00;
  }
  .lg\:hasta-naranja-950 {
    --color-hasta: #180b00;
  }
  .lg\:hasta-neutral-10 {
    --color-hasta: #f1f5f9;
  }
  .lg\:hasta-neutral-25 {
    --color-hasta: #e2e8f0;
  }
  .lg\:hasta-neutral-50 {
    --color-hasta: #cbd5e1;
  }
  .lg\:hasta-neutral-100 {
    --color-hasta: #a9b5c5;
  }
  .lg\:hasta-neutral-200 {
    --color-hasta: #92a1b5;
  }
  .lg\:hasta-neutral-300 {
    --color-hasta: #7a8ca5;
  }
  .lg\:hasta-neutral-400 {
    --color-hasta: #637895;
  }
  .lg\:hasta-neutral-500 {
    --color-hasta: #54667f;
  }
  .lg\:hasta-neutral-600 {
    --color-hasta: #455468;
  }
  .lg\:hasta-neutral-700 {
    --color-hasta: #364252;
  }
  .lg\:hasta-neutral-800 {
    --color-hasta: #28303c;
  }
  .lg\:hasta-neutral-900 {
    --color-hasta: #191e25;
  }
  .lg\:hasta-neutral-950 {
    --color-hasta: #0a0c0f;
  }
  .lg\:hasta-blanco {
    --color-hasta: #fff;
  }
  .lg\:hasta-negro {
    --color-hasta: #000;
  }
  .lg\:hasta-transparente {
    --color-hasta: transparent;
  }
  .lg\:hover\:bg-rojo-10:hover {
    background-color: rgba(253, 236, 236, var(--bg-opacidad));
  }
  .lg\:hover\:color-rojo-10:hover {
    color: #fdecec;
  }
  .lg\:hover\:borde-rojo-10:hover {
    border-color: #fdecec;
  }
  .lg\:hover\:de-rojo-10:hover {
    --color-de: #fdecec 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-rojo-10:hover {
    --sombra-color: rgba(253, 236, 236, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-rojo-10:hover svg {
    fill: #fdecec;
  }
  .lg\:hover\:stroke-rojo-10:hover svg {
    stroke: #fdecec;
  }
  .lg\:hover\:bg-rojo-25:hover {
    background-color: rgba(251, 208, 208, var(--bg-opacidad));
  }
  .lg\:hover\:color-rojo-25:hover {
    color: #fbd0d0;
  }
  .lg\:hover\:borde-rojo-25:hover {
    border-color: #fbd0d0;
  }
  .lg\:hover\:de-rojo-25:hover {
    --color-de: #fbd0d0 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-rojo-25:hover {
    --sombra-color: rgba(251, 208, 208, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-rojo-25:hover svg {
    fill: #fbd0d0;
  }
  .lg\:hover\:stroke-rojo-25:hover svg {
    stroke: #fbd0d0;
  }
  .lg\:hover\:bg-rojo-50:hover {
    background-color: rgba(251, 208, 208, var(--bg-opacidad));
  }
  .lg\:hover\:color-rojo-50:hover {
    color: #fbd0d0;
  }
  .lg\:hover\:borde-rojo-50:hover {
    border-color: #fbd0d0;
  }
  .lg\:hover\:de-rojo-50:hover {
    --color-de: #fbd0d0 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-rojo-50:hover {
    --sombra-color: rgba(251, 208, 208, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-rojo-50:hover svg {
    fill: #fbd0d0;
  }
  .lg\:hover\:stroke-rojo-50:hover svg {
    stroke: #fbd0d0;
  }
  .lg\:hover\:bg-rojo-100:hover {
    background-color: rgba(246, 152, 152, var(--bg-opacidad));
  }
  .lg\:hover\:color-rojo-100:hover {
    color: #f69898;
  }
  .lg\:hover\:borde-rojo-100:hover {
    border-color: #f69898;
  }
  .lg\:hover\:de-rojo-100:hover {
    --color-de: #f69898 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-rojo-100:hover {
    --sombra-color: rgba(246, 152, 152, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-rojo-100:hover svg {
    fill: #f69898;
  }
  .lg\:hover\:stroke-rojo-100:hover svg {
    stroke: #f69898;
  }
  .lg\:hover\:bg-rojo-200:hover {
    background-color: rgba(244, 124, 124, var(--bg-opacidad));
  }
  .lg\:hover\:color-rojo-200:hover {
    color: #f47c7c;
  }
  .lg\:hover\:borde-rojo-200:hover {
    border-color: #f47c7c;
  }
  .lg\:hover\:de-rojo-200:hover {
    --color-de: #f47c7c 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-rojo-200:hover {
    --sombra-color: rgba(244, 124, 124, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-rojo-200:hover svg {
    fill: #f47c7c;
  }
  .lg\:hover\:stroke-rojo-200:hover svg {
    stroke: #f47c7c;
  }
  .lg\:hover\:bg-rojo-300:hover {
    background-color: rgba(241, 96, 96, var(--bg-opacidad));
  }
  .lg\:hover\:color-rojo-300:hover {
    color: #f16060;
  }
  .lg\:hover\:borde-rojo-300:hover {
    border-color: #f16060;
  }
  .lg\:hover\:de-rojo-300:hover {
    --color-de: #f16060 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-rojo-300:hover {
    --sombra-color: rgba(241, 96, 96, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-rojo-300:hover svg {
    fill: #f16060;
  }
  .lg\:hover\:stroke-rojo-300:hover svg {
    stroke: #f16060;
  }
  .lg\:hover\:bg-rojo-400:hover {
    background-color: rgba(239, 68, 68, var(--bg-opacidad));
  }
  .lg\:hover\:color-rojo-400:hover {
    color: #ef4444;
  }
  .lg\:hover\:borde-rojo-400:hover {
    border-color: #ef4444;
  }
  .lg\:hover\:de-rojo-400:hover {
    --color-de: #ef4444 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-rojo-400:hover {
    --sombra-color: rgba(239, 68, 68, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-rojo-400:hover svg {
    fill: #ef4444;
  }
  .lg\:hover\:stroke-rojo-400:hover svg {
    stroke: #ef4444;
  }
  .lg\:hover\:bg-rojo-500:hover {
    background-color: rgba(203, 58, 58, var(--bg-opacidad));
  }
  .lg\:hover\:color-rojo-500:hover {
    color: #cb3a3a;
  }
  .lg\:hover\:borde-rojo-500:hover {
    border-color: #cb3a3a;
  }
  .lg\:hover\:de-rojo-500:hover {
    --color-de: #cb3a3a 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-rojo-500:hover {
    --sombra-color: rgba(203, 58, 58, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-rojo-500:hover svg {
    fill: #cb3a3a;
  }
  .lg\:hover\:stroke-rojo-500:hover svg {
    stroke: #cb3a3a;
  }
  .lg\:hover\:bg-rojo-600:hover {
    background-color: rgba(167, 48, 48, var(--bg-opacidad));
  }
  .lg\:hover\:color-rojo-600:hover {
    color: #a73030;
  }
  .lg\:hover\:borde-rojo-600:hover {
    border-color: #a73030;
  }
  .lg\:hover\:de-rojo-600:hover {
    --color-de: #a73030 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-rojo-600:hover {
    --sombra-color: rgba(167, 48, 48, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-rojo-600:hover svg {
    fill: #a73030;
  }
  .lg\:hover\:stroke-rojo-600:hover svg {
    stroke: #a73030;
  }
  .lg\:hover\:bg-rojo-700:hover {
    background-color: rgba(131, 37, 37, var(--bg-opacidad));
  }
  .lg\:hover\:color-rojo-700:hover {
    color: #832525;
  }
  .lg\:hover\:borde-rojo-700:hover {
    border-color: #832525;
  }
  .lg\:hover\:de-rojo-700:hover {
    --color-de: #832525 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-rojo-700:hover {
    --sombra-color: rgba(131, 37, 37, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-rojo-700:hover svg {
    fill: #832525;
  }
  .lg\:hover\:stroke-rojo-700:hover svg {
    stroke: #832525;
  }
  .lg\:hover\:bg-rojo-800:hover {
    background-color: rgba(96, 27, 27, var(--bg-opacidad));
  }
  .lg\:hover\:color-rojo-800:hover {
    color: #601b1b;
  }
  .lg\:hover\:borde-rojo-800:hover {
    border-color: #601b1b;
  }
  .lg\:hover\:de-rojo-800:hover {
    --color-de: #601b1b 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-rojo-800:hover {
    --sombra-color: rgba(96, 27, 27, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-rojo-800:hover svg {
    fill: #601b1b;
  }
  .lg\:hover\:stroke-rojo-800:hover svg {
    stroke: #601b1b;
  }
  .lg\:hover\:bg-rojo-900:hover {
    background-color: rgba(60, 17, 17, var(--bg-opacidad));
  }
  .lg\:hover\:color-rojo-900:hover {
    color: #3c1111;
  }
  .lg\:hover\:borde-rojo-900:hover {
    border-color: #3c1111;
  }
  .lg\:hover\:de-rojo-900:hover {
    --color-de: #3c1111 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-rojo-900:hover {
    --sombra-color: rgba(60, 17, 17, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-rojo-900:hover svg {
    fill: #3c1111;
  }
  .lg\:hover\:stroke-rojo-900:hover svg {
    stroke: #3c1111;
  }
  .lg\:hover\:bg-rojo-950:hover {
    background-color: rgba(24, 7, 7, var(--bg-opacidad));
  }
  .lg\:hover\:color-rojo-950:hover {
    color: #180707;
  }
  .lg\:hover\:borde-rojo-950:hover {
    border-color: #180707;
  }
  .lg\:hover\:de-rojo-950:hover {
    --color-de: #180707 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-rojo-950:hover {
    --sombra-color: rgba(24, 7, 7, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-rojo-950:hover svg {
    fill: #180707;
  }
  .lg\:hover\:stroke-rojo-950:hover svg {
    stroke: #180707;
  }
  .lg\:hover\:bg-amarillo-10:hover {
    background-color: rgba(255, 250, 232, var(--bg-opacidad));
  }
  .lg\:hover\:color-amarillo-10:hover {
    color: #fffae8;
  }
  .lg\:hover\:borde-amarillo-10:hover {
    border-color: #fffae8;
  }
  .lg\:hover\:de-amarillo-10:hover {
    --color-de: #fffae8 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-amarillo-10:hover {
    --sombra-color: rgba(255, 250, 232, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-amarillo-10:hover svg {
    fill: #fffae8;
  }
  .lg\:hover\:stroke-amarillo-10:hover svg {
    stroke: #fffae8;
  }
  .lg\:hover\:bg-amarillo-25:hover {
    background-color: rgba(254, 242, 197, var(--bg-opacidad));
  }
  .lg\:hover\:color-amarillo-25:hover {
    color: #fef2c5;
  }
  .lg\:hover\:borde-amarillo-25:hover {
    border-color: #fef2c5;
  }
  .lg\:hover\:de-amarillo-25:hover {
    --color-de: #fef2c5 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-amarillo-25:hover {
    --sombra-color: rgba(254, 242, 197, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-amarillo-25:hover svg {
    fill: #fef2c5;
  }
  .lg\:hover\:stroke-amarillo-25:hover svg {
    stroke: #fef2c5;
  }
  .lg\:hover\:bg-amarillo-50:hover {
    background-color: rgba(253, 235, 161, var(--bg-opacidad));
  }
  .lg\:hover\:color-amarillo-50:hover {
    color: #fdeba1;
  }
  .lg\:hover\:borde-amarillo-50:hover {
    border-color: #fdeba1;
  }
  .lg\:hover\:de-amarillo-50:hover {
    --color-de: #fdeba1 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-amarillo-50:hover {
    --sombra-color: rgba(253, 235, 161, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-amarillo-50:hover svg {
    fill: #fdeba1;
  }
  .lg\:hover\:stroke-amarillo-50:hover svg {
    stroke: #fdeba1;
  }
  .lg\:hover\:bg-amarillo-100:hover {
    background-color: rgba(252, 227, 126, var(--bg-opacidad));
  }
  .lg\:hover\:color-amarillo-100:hover {
    color: #fce37e;
  }
  .lg\:hover\:borde-amarillo-100:hover {
    border-color: #fce37e;
  }
  .lg\:hover\:de-amarillo-100:hover {
    --color-de: #fce37e 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-amarillo-100:hover {
    --sombra-color: rgba(252, 227, 126, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-amarillo-100:hover svg {
    fill: #fce37e;
  }
  .lg\:hover\:stroke-amarillo-100:hover svg {
    stroke: #fce37e;
  }
  .lg\:hover\:bg-amarillo-200:hover {
    background-color: rgba(252, 219, 91, var(--bg-opacidad));
  }
  .lg\:hover\:color-amarillo-200:hover {
    color: #fcdb5b;
  }
  .lg\:hover\:borde-amarillo-200:hover {
    border-color: #fcdb5b;
  }
  .lg\:hover\:de-amarillo-200:hover {
    --color-de: #fcdb5b 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-amarillo-200:hover {
    --sombra-color: rgba(252, 219, 91, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-amarillo-200:hover svg {
    fill: #fcdb5b;
  }
  .lg\:hover\:stroke-amarillo-200:hover svg {
    stroke: #fcdb5b;
  }
  .lg\:hover\:bg-amarillo-300:hover {
    background-color: rgba(251, 212, 56, var(--bg-opacidad));
  }
  .lg\:hover\:color-amarillo-300:hover {
    color: #fbd438;
  }
  .lg\:hover\:borde-amarillo-300:hover {
    border-color: #fbd438;
  }
  .lg\:hover\:de-amarillo-300:hover {
    --color-de: #fbd438 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-amarillo-300:hover {
    --sombra-color: rgba(251, 212, 56, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-amarillo-300:hover svg {
    fill: #fbd438;
  }
  .lg\:hover\:stroke-amarillo-300:hover svg {
    stroke: #fbd438;
  }
  .lg\:hover\:bg-amarillo-400:hover {
    background-color: rgba(250, 204, 21, var(--bg-opacidad));
  }
  .lg\:hover\:color-amarillo-400:hover {
    color: #facc15;
  }
  .lg\:hover\:borde-amarillo-400:hover {
    border-color: #facc15;
  }
  .lg\:hover\:de-amarillo-400:hover {
    --color-de: #facc15 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-amarillo-400:hover {
    --sombra-color: rgba(250, 204, 21, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-amarillo-400:hover svg {
    fill: #facc15;
  }
  .lg\:hover\:stroke-amarillo-400:hover svg {
    stroke: #facc15;
  }
  .lg\:hover\:bg-amarillo-500:hover {
    background-color: rgba(213, 173, 18, var(--bg-opacidad));
  }
  .lg\:hover\:color-amarillo-500:hover {
    color: #d5ad12;
  }
  .lg\:hover\:borde-amarillo-500:hover {
    border-color: #d5ad12;
  }
  .lg\:hover\:de-amarillo-500:hover {
    --color-de: #d5ad12 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-amarillo-500:hover {
    --sombra-color: rgba(213, 173, 18, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-amarillo-500:hover svg {
    fill: #d5ad12;
  }
  .lg\:hover\:stroke-amarillo-500:hover svg {
    stroke: #d5ad12;
  }
  .lg\:hover\:bg-amarillo-600:hover {
    background-color: rgba(175, 143, 15, var(--bg-opacidad));
  }
  .lg\:hover\:color-amarillo-600:hover {
    color: #af8f0f;
  }
  .lg\:hover\:borde-amarillo-600:hover {
    border-color: #af8f0f;
  }
  .lg\:hover\:de-amarillo-600:hover {
    --color-de: #af8f0f 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-amarillo-600:hover {
    --sombra-color: rgba(175, 143, 15, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-amarillo-600:hover svg {
    fill: #af8f0f;
  }
  .lg\:hover\:stroke-amarillo-600:hover svg {
    stroke: #af8f0f;
  }
  .lg\:hover\:bg-amarillo-700:hover {
    background-color: rgba(138, 112, 12, var(--bg-opacidad));
  }
  .lg\:hover\:color-amarillo-700:hover {
    color: #8a700c;
  }
  .lg\:hover\:borde-amarillo-700:hover {
    border-color: #8a700c;
  }
  .lg\:hover\:de-amarillo-700:hover {
    --color-de: #8a700c 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-amarillo-700:hover {
    --sombra-color: rgba(138, 112, 12, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-amarillo-700:hover svg {
    fill: #8a700c;
  }
  .lg\:hover\:stroke-amarillo-700:hover svg {
    stroke: #8a700c;
  }
  .lg\:hover\:bg-amarillo-800:hover {
    background-color: rgba(100, 82, 8, var(--bg-opacidad));
  }
  .lg\:hover\:color-amarillo-800:hover {
    color: #645208;
  }
  .lg\:hover\:borde-amarillo-800:hover {
    border-color: #645208;
  }
  .lg\:hover\:de-amarillo-800:hover {
    --color-de: #645208 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-amarillo-800:hover {
    --sombra-color: rgba(100, 82, 8, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-amarillo-800:hover svg {
    fill: #645208;
  }
  .lg\:hover\:stroke-amarillo-800:hover svg {
    stroke: #645208;
  }
  .lg\:hover\:bg-amarillo-900:hover {
    background-color: rgba(63, 51, 5, var(--bg-opacidad));
  }
  .lg\:hover\:color-amarillo-900:hover {
    color: #3f3305;
  }
  .lg\:hover\:borde-amarillo-900:hover {
    border-color: #3f3305;
  }
  .lg\:hover\:de-amarillo-900:hover {
    --color-de: #3f3305 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-amarillo-900:hover {
    --sombra-color: rgba(63, 51, 5, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-amarillo-900:hover svg {
    fill: #3f3305;
  }
  .lg\:hover\:stroke-amarillo-900:hover svg {
    stroke: #3f3305;
  }
  .lg\:hover\:bg-amarillo-950:hover {
    background-color: rgba(25, 20, 2, var(--bg-opacidad));
  }
  .lg\:hover\:color-amarillo-950:hover {
    color: #191402;
  }
  .lg\:hover\:borde-amarillo-950:hover {
    border-color: #191402;
  }
  .lg\:hover\:de-amarillo-950:hover {
    --color-de: #191402 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-amarillo-950:hover {
    --sombra-color: rgba(25, 20, 2, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-amarillo-950:hover svg {
    fill: #191402;
  }
  .lg\:hover\:stroke-amarillo-950:hover svg {
    stroke: #191402;
  }
  .lg\:hover\:bg-azul-10:hover {
    background-color: rgba(235, 248, 254, var(--bg-opacidad));
  }
  .lg\:hover\:color-azul-10:hover {
    color: #ebf8fe;
  }
  .lg\:hover\:borde-azul-10:hover {
    border-color: #ebf8fe;
  }
  .lg\:hover\:de-azul-10:hover {
    --color-de: #ebf8fe 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-azul-10:hover {
    --sombra-color: rgba(235, 248, 254, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-azul-10:hover svg {
    fill: #ebf8fe;
  }
  .lg\:hover\:stroke-azul-10:hover svg {
    stroke: #ebf8fe;
  }
  .lg\:hover\:bg-azul-25:hover {
    background-color: rgba(205, 239, 253, var(--bg-opacidad));
  }
  .lg\:hover\:color-azul-25:hover {
    color: #cdeffd;
  }
  .lg\:hover\:borde-azul-25:hover {
    border-color: #cdeffd;
  }
  .lg\:hover\:de-azul-25:hover {
    --color-de: #cdeffd 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-azul-25:hover {
    --sombra-color: rgba(205, 239, 253, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-azul-25:hover svg {
    fill: #cdeffd;
  }
  .lg\:hover\:stroke-azul-25:hover svg {
    stroke: #cdeffd;
  }
  .lg\:hover\:bg-azul-50:hover {
    background-color: rgba(175, 229, 252, var(--bg-opacidad));
  }
  .lg\:hover\:color-azul-50:hover {
    color: #afe5fc;
  }
  .lg\:hover\:borde-azul-50:hover {
    border-color: #afe5fc;
  }
  .lg\:hover\:de-azul-50:hover {
    --color-de: #afe5fc 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-azul-50:hover {
    --sombra-color: rgba(175, 229, 252, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-azul-50:hover svg {
    fill: #afe5fc;
  }
  .lg\:hover\:stroke-azul-50:hover svg {
    stroke: #afe5fc;
  }
  .lg\:hover\:bg-azul-100:hover {
    background-color: rgba(146, 219, 251, var(--bg-opacidad));
  }
  .lg\:hover\:color-azul-100:hover {
    color: #92dbfb;
  }
  .lg\:hover\:borde-azul-100:hover {
    border-color: #92dbfb;
  }
  .lg\:hover\:de-azul-100:hover {
    --color-de: #92dbfb 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-azul-100:hover {
    --sombra-color: rgba(146, 219, 251, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-azul-100:hover svg {
    fill: #92dbfb;
  }
  .lg\:hover\:stroke-azul-100:hover svg {
    stroke: #92dbfb;
  }
  .lg\:hover\:bg-azul-200:hover {
    background-color: rgba(116, 209, 250, var(--bg-opacidad));
  }
  .lg\:hover\:color-azul-200:hover {
    color: #74d1fa;
  }
  .lg\:hover\:borde-azul-200:hover {
    border-color: #74d1fa;
  }
  .lg\:hover\:de-azul-200:hover {
    --color-de: #74d1fa 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-azul-200:hover {
    --sombra-color: rgba(116, 209, 250, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-azul-200:hover svg {
    fill: #74d1fa;
  }
  .lg\:hover\:stroke-azul-200:hover svg {
    stroke: #74d1fa;
  }
  .lg\:hover\:bg-azul-300:hover {
    background-color: rgba(86, 199, 249, var(--bg-opacidad));
  }
  .lg\:hover\:color-azul-300:hover {
    color: #56c7f9;
  }
  .lg\:hover\:borde-azul-300:hover {
    border-color: #56c7f9;
  }
  .lg\:hover\:de-azul-300:hover {
    --color-de: #56c7f9 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-azul-300:hover {
    --sombra-color: rgba(86, 199, 249, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-azul-300:hover svg {
    fill: #56c7f9;
  }
  .lg\:hover\:stroke-azul-300:hover svg {
    stroke: #56c7f9;
  }
  .lg\:hover\:bg-azul-400:hover {
    background-color: rgba(56, 189, 248, var(--bg-opacidad));
  }
  .lg\:hover\:color-azul-400:hover {
    color: #38bdf8;
  }
  .lg\:hover\:borde-azul-400:hover {
    border-color: #38bdf8;
  }
  .lg\:hover\:de-azul-400:hover {
    --color-de: #38bdf8 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-azul-400:hover {
    --sombra-color: rgba(56, 189, 248, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-azul-400:hover svg {
    fill: #38bdf8;
  }
  .lg\:hover\:stroke-azul-400:hover svg {
    stroke: #38bdf8;
  }
  .lg\:hover\:bg-azul-500:hover {
    background-color: rgba(48, 161, 211, var(--bg-opacidad));
  }
  .lg\:hover\:color-azul-500:hover {
    color: #30a1d3;
  }
  .lg\:hover\:borde-azul-500:hover {
    border-color: #30a1d3;
  }
  .lg\:hover\:de-azul-500:hover {
    --color-de: #30a1d3 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-azul-500:hover {
    --sombra-color: rgba(48, 161, 211, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-azul-500:hover svg {
    fill: #30a1d3;
  }
  .lg\:hover\:stroke-azul-500:hover svg {
    stroke: #30a1d3;
  }
  .lg\:hover\:bg-azul-600:hover {
    background-color: rgba(39, 132, 174, var(--bg-opacidad));
  }
  .lg\:hover\:color-azul-600:hover {
    color: #2784ae;
  }
  .lg\:hover\:borde-azul-600:hover {
    border-color: #2784ae;
  }
  .lg\:hover\:de-azul-600:hover {
    --color-de: #2784ae 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-azul-600:hover {
    --sombra-color: rgba(39, 132, 174, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-azul-600:hover svg {
    fill: #2784ae;
  }
  .lg\:hover\:stroke-azul-600:hover svg {
    stroke: #2784ae;
  }
  .lg\:hover\:bg-azul-700:hover {
    background-color: rgba(31, 104, 136, var(--bg-opacidad));
  }
  .lg\:hover\:color-azul-700:hover {
    color: #1f6888;
  }
  .lg\:hover\:borde-azul-700:hover {
    border-color: #1f6888;
  }
  .lg\:hover\:de-azul-700:hover {
    --color-de: #1f6888 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-azul-700:hover {
    --sombra-color: rgba(31, 104, 136, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-azul-700:hover svg {
    fill: #1f6888;
  }
  .lg\:hover\:stroke-azul-700:hover svg {
    stroke: #1f6888;
  }
  .lg\:hover\:bg-azul-800:hover {
    background-color: rgba(22, 76, 99, var(--bg-opacidad));
  }
  .lg\:hover\:color-azul-800:hover {
    color: #164c63;
  }
  .lg\:hover\:borde-azul-800:hover {
    border-color: #164c63;
  }
  .lg\:hover\:de-azul-800:hover {
    --color-de: #164c63 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-azul-800:hover {
    --sombra-color: rgba(22, 76, 99, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-azul-800:hover svg {
    fill: #164c63;
  }
  .lg\:hover\:stroke-azul-800:hover svg {
    stroke: #164c63;
  }
  .lg\:hover\:bg-azul-900:hover {
    background-color: rgba(14, 47, 62, var(--bg-opacidad));
  }
  .lg\:hover\:color-azul-900:hover {
    color: #0e2f3e;
  }
  .lg\:hover\:borde-azul-900:hover {
    border-color: #0e2f3e;
  }
  .lg\:hover\:de-azul-900:hover {
    --color-de: #0e2f3e 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-azul-900:hover {
    --sombra-color: rgba(14, 47, 62, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-azul-900:hover svg {
    fill: #0e2f3e;
  }
  .lg\:hover\:stroke-azul-900:hover svg {
    stroke: #0e2f3e;
  }
  .lg\:hover\:bg-azul-950:hover {
    background-color: rgba(6, 19, 25, var(--bg-opacidad));
  }
  .lg\:hover\:color-azul-950:hover {
    color: #061319;
  }
  .lg\:hover\:borde-azul-950:hover {
    border-color: #061319;
  }
  .lg\:hover\:de-azul-950:hover {
    --color-de: #061319 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-azul-950:hover {
    --sombra-color: rgba(6, 19, 25, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-azul-950:hover svg {
    fill: #061319;
  }
  .lg\:hover\:stroke-azul-950:hover svg {
    stroke: #061319;
  }
  .lg\:hover\:bg-cobalto-10:hover {
    background-color: rgba(231, 238, 248, var(--bg-opacidad));
  }
  .lg\:hover\:color-cobalto-10:hover {
    color: #e7eef8;
  }
  .lg\:hover\:borde-cobalto-10:hover {
    border-color: #e7eef8;
  }
  .lg\:hover\:de-cobalto-10:hover {
    --color-de: #e7eef8 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-cobalto-10:hover {
    --sombra-color: rgba(231, 238, 248, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-cobalto-10:hover svg {
    fill: #e7eef8;
  }
  .lg\:hover\:stroke-cobalto-10:hover svg {
    stroke: #e7eef8;
  }
  .lg\:hover\:bg-cobalto-25:hover {
    background-color: rgba(195, 212, 238, var(--bg-opacidad));
  }
  .lg\:hover\:color-cobalto-25:hover {
    color: #c3d4ee;
  }
  .lg\:hover\:borde-cobalto-25:hover {
    border-color: #c3d4ee;
  }
  .lg\:hover\:de-cobalto-25:hover {
    --color-de: #c3d4ee 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-cobalto-25:hover {
    --sombra-color: rgba(195, 212, 238, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-cobalto-25:hover svg {
    fill: #c3d4ee;
  }
  .lg\:hover\:stroke-cobalto-25:hover svg {
    stroke: #c3d4ee;
  }
  .lg\:hover\:bg-cobalto-50:hover {
    background-color: rgba(159, 186, 227, var(--bg-opacidad));
  }
  .lg\:hover\:color-cobalto-50:hover {
    color: #9fbae3;
  }
  .lg\:hover\:borde-cobalto-50:hover {
    border-color: #9fbae3;
  }
  .lg\:hover\:de-cobalto-50:hover {
    --color-de: #9fbae3 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-cobalto-50:hover {
    --sombra-color: rgba(159, 186, 227, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-cobalto-50:hover svg {
    fill: #9fbae3;
  }
  .lg\:hover\:stroke-cobalto-50:hover svg {
    stroke: #9fbae3;
  }
  .lg\:hover\:bg-cobalto-100:hover {
    background-color: rgba(123, 160, 217, var(--bg-opacidad));
  }
  .lg\:hover\:color-cobalto-100:hover {
    color: #7ba0d9;
  }
  .lg\:hover\:borde-cobalto-100:hover {
    border-color: #7ba0d9;
  }
  .lg\:hover\:de-cobalto-100:hover {
    --color-de: #7ba0d9 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-cobalto-100:hover {
    --sombra-color: rgba(123, 160, 217, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-cobalto-100:hover svg {
    fill: #7ba0d9;
  }
  .lg\:hover\:stroke-cobalto-100:hover svg {
    stroke: #7ba0d9;
  }
  .lg\:hover\:bg-cobalto-200:hover {
    background-color: rgba(87, 134, 207, var(--bg-opacidad));
  }
  .lg\:hover\:color-cobalto-200:hover {
    color: #5786cf;
  }
  .lg\:hover\:borde-cobalto-200:hover {
    border-color: #5786cf;
  }
  .lg\:hover\:de-cobalto-200:hover {
    --color-de: #5786cf 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-cobalto-200:hover {
    --sombra-color: rgba(87, 134, 207, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-cobalto-200:hover svg {
    fill: #5786cf;
  }
  .lg\:hover\:stroke-cobalto-200:hover svg {
    stroke: #5786cf;
  }
  .lg\:hover\:bg-cobalto-300:hover {
    background-color: rgba(51, 108, 196, var(--bg-opacidad));
  }
  .lg\:hover\:color-cobalto-300:hover {
    color: #336cc4;
  }
  .lg\:hover\:borde-cobalto-300:hover {
    border-color: #336cc4;
  }
  .lg\:hover\:de-cobalto-300:hover {
    --color-de: #336cc4 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-cobalto-300:hover {
    --sombra-color: rgba(51, 108, 196, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-cobalto-300:hover svg {
    fill: #336cc4;
  }
  .lg\:hover\:stroke-cobalto-300:hover svg {
    stroke: #336cc4;
  }
  .lg\:hover\:bg-cobalto-400:hover {
    background-color: rgba(15, 82, 186, var(--bg-opacidad));
  }
  .lg\:hover\:color-cobalto-400:hover {
    color: #0f52ba;
  }
  .lg\:hover\:borde-cobalto-400:hover {
    border-color: #0f52ba;
  }
  .lg\:hover\:de-cobalto-400:hover {
    --color-de: #0f52ba 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-cobalto-400:hover {
    --sombra-color: rgba(15, 82, 186, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-cobalto-400:hover svg {
    fill: #0f52ba;
  }
  .lg\:hover\:stroke-cobalto-400:hover svg {
    stroke: #0f52ba;
  }
  .lg\:hover\:bg-cobalto-500:hover {
    background-color: rgba(13, 70, 158, var(--bg-opacidad));
  }
  .lg\:hover\:color-cobalto-500:hover {
    color: #0d469e;
  }
  .lg\:hover\:borde-cobalto-500:hover {
    border-color: #0d469e;
  }
  .lg\:hover\:de-cobalto-500:hover {
    --color-de: #0d469e 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-cobalto-500:hover {
    --sombra-color: rgba(13, 70, 158, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-cobalto-500:hover svg {
    fill: #0d469e;
  }
  .lg\:hover\:stroke-cobalto-500:hover svg {
    stroke: #0d469e;
  }
  .lg\:hover\:bg-cobalto-600:hover {
    background-color: rgba(11, 57, 130, var(--bg-opacidad));
  }
  .lg\:hover\:color-cobalto-600:hover {
    color: #0b3982;
  }
  .lg\:hover\:borde-cobalto-600:hover {
    border-color: #0b3982;
  }
  .lg\:hover\:de-cobalto-600:hover {
    --color-de: #0b3982 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-cobalto-600:hover {
    --sombra-color: rgba(11, 57, 130, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-cobalto-600:hover svg {
    fill: #0b3982;
  }
  .lg\:hover\:stroke-cobalto-600:hover svg {
    stroke: #0b3982;
  }
  .lg\:hover\:bg-cobalto-700:hover {
    background-color: rgba(8, 45, 102, var(--bg-opacidad));
  }
  .lg\:hover\:color-cobalto-700:hover {
    color: #082d66;
  }
  .lg\:hover\:borde-cobalto-700:hover {
    border-color: #082d66;
  }
  .lg\:hover\:de-cobalto-700:hover {
    --color-de: #082d66 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-cobalto-700:hover {
    --sombra-color: rgba(8, 45, 102, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-cobalto-700:hover svg {
    fill: #082d66;
  }
  .lg\:hover\:stroke-cobalto-700:hover svg {
    stroke: #082d66;
  }
  .lg\:hover\:bg-cobalto-800:hover {
    background-color: rgba(6, 33, 74, var(--bg-opacidad));
  }
  .lg\:hover\:color-cobalto-800:hover {
    color: #06214a;
  }
  .lg\:hover\:borde-cobalto-800:hover {
    border-color: #06214a;
  }
  .lg\:hover\:de-cobalto-800:hover {
    --color-de: #06214a 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-cobalto-800:hover {
    --sombra-color: rgba(6, 33, 74, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-cobalto-800:hover svg {
    fill: #06214a;
  }
  .lg\:hover\:stroke-cobalto-800:hover svg {
    stroke: #06214a;
  }
  .lg\:hover\:bg-cobalto-900:hover {
    background-color: rgba(4, 21, 47, var(--bg-opacidad));
  }
  .lg\:hover\:color-cobalto-900:hover {
    color: #04152f;
  }
  .lg\:hover\:borde-cobalto-900:hover {
    border-color: #04152f;
  }
  .lg\:hover\:de-cobalto-900:hover {
    --color-de: #04152f 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-cobalto-900:hover {
    --sombra-color: rgba(4, 21, 47, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-cobalto-900:hover svg {
    fill: #04152f;
  }
  .lg\:hover\:stroke-cobalto-900:hover svg {
    stroke: #04152f;
  }
  .lg\:hover\:bg-cobalto-950:hover {
    background-color: rgba(1, 8, 19, var(--bg-opacidad));
  }
  .lg\:hover\:color-cobalto-950:hover {
    color: #010813;
  }
  .lg\:hover\:borde-cobalto-950:hover {
    border-color: #010813;
  }
  .lg\:hover\:de-cobalto-950:hover {
    --color-de: #010813 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-cobalto-950:hover {
    --sombra-color: rgba(1, 8, 19, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-cobalto-950:hover svg {
    fill: #010813;
  }
  .lg\:hover\:stroke-cobalto-950:hover svg {
    stroke: #010813;
  }
  .lg\:hover\:bg-gris-10:hover {
    background-color: rgba(245, 246, 247, var(--bg-opacidad));
  }
  .lg\:hover\:color-gris-10:hover {
    color: #f5f6f7;
  }
  .lg\:hover\:borde-gris-10:hover {
    border-color: #f5f6f7;
  }
  .lg\:hover\:de-gris-10:hover {
    --color-de: #f5f6f7 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-gris-10:hover {
    --sombra-color: rgba(245, 246, 247, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-gris-10:hover svg {
    fill: #f5f6f7;
  }
  .lg\:hover\:stroke-gris-10:hover svg {
    stroke: #f5f6f7;
  }
  .lg\:hover\:bg-gris-25:hover {
    background-color: rgba(230, 232, 235, var(--bg-opacidad));
  }
  .lg\:hover\:color-gris-25:hover {
    color: #e6e8eb;
  }
  .lg\:hover\:borde-gris-25:hover {
    border-color: #e6e8eb;
  }
  .lg\:hover\:de-gris-25:hover {
    --color-de: #e6e8eb 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-gris-25:hover {
    --sombra-color: rgba(230, 232, 235, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-gris-25:hover svg {
    fill: #e6e8eb;
  }
  .lg\:hover\:stroke-gris-25:hover svg {
    stroke: #e6e8eb;
  }
  .lg\:hover\:bg-gris-50:hover {
    background-color: rgba(215, 218, 223, var(--bg-opacidad));
  }
  .lg\:hover\:color-gris-50:hover {
    color: #d7dadf;
  }
  .lg\:hover\:borde-gris-50:hover {
    border-color: #d7dadf;
  }
  .lg\:hover\:de-gris-50:hover {
    --color-de: #d7dadf 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-gris-50:hover {
    --sombra-color: rgba(215, 218, 223, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-gris-50:hover svg {
    fill: #d7dadf;
  }
  .lg\:hover\:stroke-gris-50:hover svg {
    stroke: #d7dadf;
  }
  .lg\:hover\:bg-gris-100:hover {
    background-color: rgba(201, 204, 211, var(--bg-opacidad));
  }
  .lg\:hover\:color-gris-100:hover {
    color: #c9ccd3;
  }
  .lg\:hover\:borde-gris-100:hover {
    border-color: #c9ccd3;
  }
  .lg\:hover\:de-gris-100:hover {
    --color-de: #c9ccd3 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-gris-100:hover {
    --sombra-color: rgba(201, 204, 211, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-gris-100:hover svg {
    fill: #c9ccd3;
  }
  .lg\:hover\:stroke-gris-100:hover svg {
    stroke: #c9ccd3;
  }
  .lg\:hover\:bg-gris-200:hover {
    background-color: rgba(186, 191, 199, var(--bg-opacidad));
  }
  .lg\:hover\:color-gris-200:hover {
    color: #babfc7;
  }
  .lg\:hover\:borde-gris-200:hover {
    border-color: #babfc7;
  }
  .lg\:hover\:de-gris-200:hover {
    --color-de: #babfc7 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-gris-200:hover {
    --sombra-color: rgba(186, 191, 199, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-gris-200:hover svg {
    fill: #babfc7;
  }
  .lg\:hover\:stroke-gris-200:hover svg {
    stroke: #babfc7;
  }
  .lg\:hover\:bg-gris-300:hover {
    background-color: rgba(171, 177, 187, var(--bg-opacidad));
  }
  .lg\:hover\:color-gris-300:hover {
    color: #abb1bb;
  }
  .lg\:hover\:borde-gris-300:hover {
    border-color: #abb1bb;
  }
  .lg\:hover\:de-gris-300:hover {
    --color-de: #abb1bb 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-gris-300:hover {
    --sombra-color: rgba(171, 177, 187, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-gris-300:hover svg {
    fill: #abb1bb;
  }
  .lg\:hover\:stroke-gris-300:hover svg {
    stroke: #abb1bb;
  }
  .lg\:hover\:bg-gris-400:hover {
    background-color: rgba(156, 163, 175, var(--bg-opacidad));
  }
  .lg\:hover\:color-gris-400:hover {
    color: #9ca3af;
  }
  .lg\:hover\:borde-gris-400:hover {
    border-color: #9ca3af;
  }
  .lg\:hover\:de-gris-400:hover {
    --color-de: #9ca3af 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-gris-400:hover {
    --sombra-color: rgba(156, 163, 175, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-gris-400:hover svg {
    fill: #9ca3af;
  }
  .lg\:hover\:stroke-gris-400:hover svg {
    stroke: #9ca3af;
  }
  .lg\:hover\:bg-gris-500:hover {
    background-color: rgba(133, 139, 149, var(--bg-opacidad));
  }
  .lg\:hover\:color-gris-500:hover {
    color: #858b95;
  }
  .lg\:hover\:borde-gris-500:hover {
    border-color: #858b95;
  }
  .lg\:hover\:de-gris-500:hover {
    --color-de: #858b95 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-gris-500:hover {
    --sombra-color: rgba(133, 139, 149, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-gris-500:hover svg {
    fill: #858b95;
  }
  .lg\:hover\:stroke-gris-500:hover svg {
    stroke: #858b95;
  }
  .lg\:hover\:bg-gris-600:hover {
    background-color: rgba(109, 114, 122, var(--bg-opacidad));
  }
  .lg\:hover\:color-gris-600:hover {
    color: #6d727a;
  }
  .lg\:hover\:borde-gris-600:hover {
    border-color: #6d727a;
  }
  .lg\:hover\:de-gris-600:hover {
    --color-de: #6d727a 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-gris-600:hover {
    --sombra-color: rgba(109, 114, 122, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-gris-600:hover svg {
    fill: #6d727a;
  }
  .lg\:hover\:stroke-gris-600:hover svg {
    stroke: #6d727a;
  }
  .lg\:hover\:bg-gris-700:hover {
    background-color: rgba(86, 90, 96, var(--bg-opacidad));
  }
  .lg\:hover\:color-gris-700:hover {
    color: #565a60;
  }
  .lg\:hover\:borde-gris-700:hover {
    border-color: #565a60;
  }
  .lg\:hover\:de-gris-700:hover {
    --color-de: #565a60 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-gris-700:hover {
    --sombra-color: rgba(86, 90, 96, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-gris-700:hover svg {
    fill: #565a60;
  }
  .lg\:hover\:stroke-gris-700:hover svg {
    stroke: #565a60;
  }
  .lg\:hover\:bg-gris-800:hover {
    background-color: rgba(62, 65, 70, var(--bg-opacidad));
  }
  .lg\:hover\:color-gris-800:hover {
    color: #3e4146;
  }
  .lg\:hover\:borde-gris-800:hover {
    border-color: #3e4146;
  }
  .lg\:hover\:de-gris-800:hover {
    --color-de: #3e4146 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-gris-800:hover {
    --sombra-color: rgba(62, 65, 70, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-gris-800:hover svg {
    fill: #3e4146;
  }
  .lg\:hover\:stroke-gris-800:hover svg {
    stroke: #3e4146;
  }
  .lg\:hover\:bg-gris-900:hover {
    background-color: rgba(39, 41, 44, var(--bg-opacidad));
  }
  .lg\:hover\:color-gris-900:hover {
    color: #27292c;
  }
  .lg\:hover\:borde-gris-900:hover {
    border-color: #27292c;
  }
  .lg\:hover\:de-gris-900:hover {
    --color-de: #27292c 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-gris-900:hover {
    --sombra-color: rgba(39, 41, 44, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-gris-900:hover svg {
    fill: #27292c;
  }
  .lg\:hover\:stroke-gris-900:hover svg {
    stroke: #27292c;
  }
  .lg\:hover\:bg-gris-950:hover {
    background-color: rgba(16, 16, 17, var(--bg-opacidad));
  }
  .lg\:hover\:color-gris-950:hover {
    color: #101011;
  }
  .lg\:hover\:borde-gris-950:hover {
    border-color: #101011;
  }
  .lg\:hover\:de-gris-950:hover {
    --color-de: #101011 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-gris-950:hover {
    --sombra-color: rgba(16, 16, 17, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-gris-950:hover svg {
    fill: #101011;
  }
  .lg\:hover\:stroke-gris-950:hover svg {
    stroke: #101011;
  }
  .lg\:hover\:bg-verde-10:hover {
    background-color: rgba(231, 248, 242, var(--bg-opacidad));
  }
  .lg\:hover\:color-verde-10:hover {
    color: #e7f8f2;
  }
  .lg\:hover\:borde-verde-10:hover {
    border-color: #e7f8f2;
  }
  .lg\:hover\:de-verde-10:hover {
    --color-de: #e7f8f2 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-verde-10:hover {
    --sombra-color: rgba(231, 248, 242, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-verde-10:hover svg {
    fill: #e7f8f2;
  }
  .lg\:hover\:stroke-verde-10:hover svg {
    stroke: #e7f8f2;
  }
  .lg\:hover\:bg-verde-25:hover {
    background-color: rgba(195, 238, 224, var(--bg-opacidad));
  }
  .lg\:hover\:color-verde-25:hover {
    color: #c3eee0;
  }
  .lg\:hover\:borde-verde-25:hover {
    border-color: #c3eee0;
  }
  .lg\:hover\:de-verde-25:hover {
    --color-de: #c3eee0 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-verde-25:hover {
    --sombra-color: rgba(195, 238, 224, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-verde-25:hover svg {
    fill: #c3eee0;
  }
  .lg\:hover\:stroke-verde-25:hover svg {
    stroke: #c3eee0;
  }
  .lg\:hover\:bg-verde-50:hover {
    background-color: rgba(159, 227, 205, var(--bg-opacidad));
  }
  .lg\:hover\:color-verde-50:hover {
    color: #9fe3cd;
  }
  .lg\:hover\:borde-verde-50:hover {
    border-color: #9fe3cd;
  }
  .lg\:hover\:de-verde-50:hover {
    --color-de: #9fe3cd 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-verde-50:hover {
    --sombra-color: rgba(159, 227, 205, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-verde-50:hover svg {
    fill: #9fe3cd;
  }
  .lg\:hover\:stroke-verde-50:hover svg {
    stroke: #9fe3cd;
  }
  .lg\:hover\:bg-verde-100:hover {
    background-color: rgba(124, 217, 186, var(--bg-opacidad));
  }
  .lg\:hover\:color-verde-100:hover {
    color: #7cd9ba;
  }
  .lg\:hover\:borde-verde-100:hover {
    border-color: #7cd9ba;
  }
  .lg\:hover\:de-verde-100:hover {
    --color-de: #7cd9ba 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-verde-100:hover {
    --sombra-color: rgba(124, 217, 186, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-verde-100:hover svg {
    fill: #7cd9ba;
  }
  .lg\:hover\:stroke-verde-100:hover svg {
    stroke: #7cd9ba;
  }
  .lg\:hover\:bg-verde-200:hover {
    background-color: rgba(88, 206, 167, var(--bg-opacidad));
  }
  .lg\:hover\:color-verde-200:hover {
    color: #58cea7;
  }
  .lg\:hover\:borde-verde-200:hover {
    border-color: #58cea7;
  }
  .lg\:hover\:de-verde-200:hover {
    --color-de: #58cea7 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-verde-200:hover {
    --sombra-color: rgba(88, 206, 167, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-verde-200:hover svg {
    fill: #58cea7;
  }
  .lg\:hover\:stroke-verde-200:hover svg {
    stroke: #58cea7;
  }
  .lg\:hover\:bg-verde-300:hover {
    background-color: rgba(52, 196, 148, var(--bg-opacidad));
  }
  .lg\:hover\:color-verde-300:hover {
    color: #34c494;
  }
  .lg\:hover\:borde-verde-300:hover {
    border-color: #34c494;
  }
  .lg\:hover\:de-verde-300:hover {
    --color-de: #34c494 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-verde-300:hover {
    --sombra-color: rgba(52, 196, 148, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-verde-300:hover svg {
    fill: #34c494;
  }
  .lg\:hover\:stroke-verde-300:hover svg {
    stroke: #34c494;
  }
  .lg\:hover\:bg-verde-400:hover {
    background-color: rgba(16, 185, 129, var(--bg-opacidad));
  }
  .lg\:hover\:color-verde-400:hover {
    color: #10b981;
  }
  .lg\:hover\:borde-verde-400:hover {
    border-color: #10b981;
  }
  .lg\:hover\:de-verde-400:hover {
    --color-de: #10b981 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-verde-400:hover {
    --sombra-color: rgba(16, 185, 129, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-verde-400:hover svg {
    fill: #10b981;
  }
  .lg\:hover\:stroke-verde-400:hover svg {
    stroke: #10b981;
  }
  .lg\:hover\:bg-verde-500:hover {
    background-color: rgba(14, 157, 110, var(--bg-opacidad));
  }
  .lg\:hover\:color-verde-500:hover {
    color: #0e9d6e;
  }
  .lg\:hover\:borde-verde-500:hover {
    border-color: #0e9d6e;
  }
  .lg\:hover\:de-verde-500:hover {
    --color-de: #0e9d6e 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-verde-500:hover {
    --sombra-color: rgba(14, 157, 110, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-verde-500:hover svg {
    fill: #0e9d6e;
  }
  .lg\:hover\:stroke-verde-500:hover svg {
    stroke: #0e9d6e;
  }
  .lg\:hover\:bg-verde-600:hover {
    background-color: rgba(11, 130, 90, var(--bg-opacidad));
  }
  .lg\:hover\:color-verde-600:hover {
    color: #0b825a;
  }
  .lg\:hover\:borde-verde-600:hover {
    border-color: #0b825a;
  }
  .lg\:hover\:de-verde-600:hover {
    --color-de: #0b825a 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-verde-600:hover {
    --sombra-color: rgba(11, 130, 90, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-verde-600:hover svg {
    fill: #0b825a;
  }
  .lg\:hover\:stroke-verde-600:hover svg {
    stroke: #0b825a;
  }
  .lg\:hover\:bg-verde-700:hover {
    background-color: rgba(9, 102, 71, var(--bg-opacidad));
  }
  .lg\:hover\:color-verde-700:hover {
    color: #096647;
  }
  .lg\:hover\:borde-verde-700:hover {
    border-color: #096647;
  }
  .lg\:hover\:de-verde-700:hover {
    --color-de: #096647 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-verde-700:hover {
    --sombra-color: rgba(9, 102, 71, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-verde-700:hover svg {
    fill: #096647;
  }
  .lg\:hover\:stroke-verde-700:hover svg {
    stroke: #096647;
  }
  .lg\:hover\:bg-verde-800:hover {
    background-color: rgba(6, 74, 52, var(--bg-opacidad));
  }
  .lg\:hover\:color-verde-800:hover {
    color: #064a34;
  }
  .lg\:hover\:borde-verde-800:hover {
    border-color: #064a34;
  }
  .lg\:hover\:de-verde-800:hover {
    --color-de: #064a34 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-verde-800:hover {
    --sombra-color: rgba(6, 74, 52, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-verde-800:hover svg {
    fill: #064a34;
  }
  .lg\:hover\:stroke-verde-800:hover svg {
    stroke: #064a34;
  }
  .lg\:hover\:bg-verde-900:hover {
    background-color: rgba(4, 46, 32, var(--bg-opacidad));
  }
  .lg\:hover\:color-verde-900:hover {
    color: #042e20;
  }
  .lg\:hover\:borde-verde-900:hover {
    border-color: #042e20;
  }
  .lg\:hover\:de-verde-900:hover {
    --color-de: #042e20 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-verde-900:hover {
    --sombra-color: rgba(4, 46, 32, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-verde-900:hover svg {
    fill: #042e20;
  }
  .lg\:hover\:stroke-verde-900:hover svg {
    stroke: #042e20;
  }
  .lg\:hover\:bg-verde-950:hover {
    background-color: rgba(2, 18, 13, var(--bg-opacidad));
  }
  .lg\:hover\:color-verde-950:hover {
    color: #02120d;
  }
  .lg\:hover\:borde-verde-950:hover {
    border-color: #02120d;
  }
  .lg\:hover\:de-verde-950:hover {
    --color-de: #02120d 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-verde-950:hover {
    --sombra-color: rgba(2, 18, 13, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-verde-950:hover svg {
    fill: #02120d;
  }
  .lg\:hover\:stroke-verde-950:hover svg {
    stroke: #02120d;
  }
  .lg\:hover\:bg-turquesa-10:hover {
    background-color: rgba(230, 250, 251, var(--bg-opacidad));
  }
  .lg\:hover\:color-turquesa-10:hover {
    color: #e6fafb;
  }
  .lg\:hover\:borde-turquesa-10:hover {
    border-color: #e6fafb;
  }
  .lg\:hover\:de-turquesa-10:hover {
    --color-de: #e6fafb 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-turquesa-10:hover {
    --sombra-color: rgba(230, 250, 251, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-turquesa-10:hover svg {
    fill: #e6fafb;
  }
  .lg\:hover\:stroke-turquesa-10:hover svg {
    stroke: #e6fafb;
  }
  .lg\:hover\:bg-turquesa-25:hover {
    background-color: rgba(191, 242, 244, var(--bg-opacidad));
  }
  .lg\:hover\:color-turquesa-25:hover {
    color: #bff2f4;
  }
  .lg\:hover\:borde-turquesa-25:hover {
    border-color: #bff2f4;
  }
  .lg\:hover\:de-turquesa-25:hover {
    --color-de: #bff2f4 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-turquesa-25:hover {
    --sombra-color: rgba(191, 242, 244, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-turquesa-25:hover svg {
    fill: #bff2f4;
  }
  .lg\:hover\:stroke-turquesa-25:hover svg {
    stroke: #bff2f4;
  }
  .lg\:hover\:bg-turquesa-50:hover {
    background-color: rgba(153, 233, 238, var(--bg-opacidad));
  }
  .lg\:hover\:color-turquesa-50:hover {
    color: #99e9ee;
  }
  .lg\:hover\:borde-turquesa-50:hover {
    border-color: #99e9ee;
  }
  .lg\:hover\:de-turquesa-50:hover {
    --color-de: #99e9ee 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-turquesa-50:hover {
    --sombra-color: rgba(153, 233, 238, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-turquesa-50:hover svg {
    fill: #99e9ee;
  }
  .lg\:hover\:stroke-turquesa-50:hover svg {
    stroke: #99e9ee;
  }
  .lg\:hover\:bg-turquesa-100:hover {
    background-color: rgba(115, 225, 231, var(--bg-opacidad));
  }
  .lg\:hover\:color-turquesa-100:hover {
    color: #73e1e7;
  }
  .lg\:hover\:borde-turquesa-100:hover {
    border-color: #73e1e7;
  }
  .lg\:hover\:de-turquesa-100:hover {
    --color-de: #73e1e7 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-turquesa-100:hover {
    --sombra-color: rgba(115, 225, 231, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-turquesa-100:hover svg {
    fill: #73e1e7;
  }
  .lg\:hover\:stroke-turquesa-100:hover svg {
    stroke: #73e1e7;
  }
  .lg\:hover\:bg-turquesa-200:hover {
    background-color: rgba(77, 217, 225, var(--bg-opacidad));
  }
  .lg\:hover\:color-turquesa-200:hover {
    color: #4dd9e1;
  }
  .lg\:hover\:borde-turquesa-200:hover {
    border-color: #4dd9e1;
  }
  .lg\:hover\:de-turquesa-200:hover {
    --color-de: #4dd9e1 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-turquesa-200:hover {
    --sombra-color: rgba(77, 217, 225, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-turquesa-200:hover svg {
    fill: #4dd9e1;
  }
  .lg\:hover\:stroke-turquesa-200:hover svg {
    stroke: #4dd9e1;
  }
  .lg\:hover\:bg-turquesa-300:hover {
    background-color: rgba(38, 209, 218, var(--bg-opacidad));
  }
  .lg\:hover\:color-turquesa-300:hover {
    color: #26d1da;
  }
  .lg\:hover\:borde-turquesa-300:hover {
    border-color: #26d1da;
  }
  .lg\:hover\:de-turquesa-300:hover {
    --color-de: #26d1da 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-turquesa-300:hover {
    --sombra-color: rgba(38, 209, 218, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-turquesa-300:hover svg {
    fill: #26d1da;
  }
  .lg\:hover\:stroke-turquesa-300:hover svg {
    stroke: #26d1da;
  }
  .lg\:hover\:bg-turquesa-400:hover {
    background-color: rgba(0, 201, 212, var(--bg-opacidad));
  }
  .lg\:hover\:color-turquesa-400:hover {
    color: #00c9d4;
  }
  .lg\:hover\:borde-turquesa-400:hover {
    border-color: #00c9d4;
  }
  .lg\:hover\:de-turquesa-400:hover {
    --color-de: #00c9d4 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-turquesa-400:hover {
    --sombra-color: rgba(0, 201, 212, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-turquesa-400:hover svg {
    fill: #00c9d4;
  }
  .lg\:hover\:stroke-turquesa-400:hover svg {
    stroke: #00c9d4;
  }
  .lg\:hover\:bg-turquesa-500:hover {
    background-color: rgba(0, 171, 180, var(--bg-opacidad));
  }
  .lg\:hover\:color-turquesa-500:hover {
    color: #00abb4;
  }
  .lg\:hover\:borde-turquesa-500:hover {
    border-color: #00abb4;
  }
  .lg\:hover\:de-turquesa-500:hover {
    --color-de: #00abb4 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-turquesa-500:hover {
    --sombra-color: rgba(0, 171, 180, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-turquesa-500:hover svg {
    fill: #00abb4;
  }
  .lg\:hover\:stroke-turquesa-500:hover svg {
    stroke: #00abb4;
  }
  .lg\:hover\:bg-turquesa-600:hover {
    background-color: rgba(0, 141, 148, var(--bg-opacidad));
  }
  .lg\:hover\:color-turquesa-600:hover {
    color: #008d94;
  }
  .lg\:hover\:borde-turquesa-600:hover {
    border-color: #008d94;
  }
  .lg\:hover\:de-turquesa-600:hover {
    --color-de: #008d94 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-turquesa-600:hover {
    --sombra-color: rgba(0, 141, 148, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-turquesa-600:hover svg {
    fill: #008d94;
  }
  .lg\:hover\:stroke-turquesa-600:hover svg {
    stroke: #008d94;
  }
  .lg\:hover\:bg-turquesa-700:hover {
    background-color: rgba(0, 111, 117, var(--bg-opacidad));
  }
  .lg\:hover\:color-turquesa-700:hover {
    color: #006f75;
  }
  .lg\:hover\:borde-turquesa-700:hover {
    border-color: #006f75;
  }
  .lg\:hover\:de-turquesa-700:hover {
    --color-de: #006f75 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-turquesa-700:hover {
    --sombra-color: rgba(0, 111, 117, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-turquesa-700:hover svg {
    fill: #006f75;
  }
  .lg\:hover\:stroke-turquesa-700:hover svg {
    stroke: #006f75;
  }
  .lg\:hover\:bg-turquesa-800:hover {
    background-color: rgba(0, 80, 85, var(--bg-opacidad));
  }
  .lg\:hover\:color-turquesa-800:hover {
    color: #005055;
  }
  .lg\:hover\:borde-turquesa-800:hover {
    border-color: #005055;
  }
  .lg\:hover\:de-turquesa-800:hover {
    --color-de: #005055 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-turquesa-800:hover {
    --sombra-color: rgba(0, 80, 85, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-turquesa-800:hover svg {
    fill: #005055;
  }
  .lg\:hover\:stroke-turquesa-800:hover svg {
    stroke: #005055;
  }
  .lg\:hover\:bg-turquesa-900:hover {
    background-color: rgba(0, 50, 53, var(--bg-opacidad));
  }
  .lg\:hover\:color-turquesa-900:hover {
    color: #003235;
  }
  .lg\:hover\:borde-turquesa-900:hover {
    border-color: #003235;
  }
  .lg\:hover\:de-turquesa-900:hover {
    --color-de: #003235 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-turquesa-900:hover {
    --sombra-color: rgba(0, 50, 53, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-turquesa-900:hover svg {
    fill: #003235;
  }
  .lg\:hover\:stroke-turquesa-900:hover svg {
    stroke: #003235;
  }
  .lg\:hover\:bg-turquesa-950:hover {
    background-color: rgba(0, 20, 21, var(--bg-opacidad));
  }
  .lg\:hover\:color-turquesa-950:hover {
    color: #001415;
  }
  .lg\:hover\:borde-turquesa-950:hover {
    border-color: #001415;
  }
  .lg\:hover\:de-turquesa-950:hover {
    --color-de: #001415 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-turquesa-950:hover {
    --sombra-color: rgba(0, 20, 21, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-turquesa-950:hover svg {
    fill: #001415;
  }
  .lg\:hover\:stroke-turquesa-950:hover svg {
    stroke: #001415;
  }
  .lg\:hover\:bg-naranja-10:hover {
    background-color: rgba(253, 241, 230, var(--bg-opacidad));
  }
  .lg\:hover\:color-naranja-10:hover {
    color: #fdf1e6;
  }
  .lg\:hover\:borde-naranja-10:hover {
    border-color: #fdf1e6;
  }
  .lg\:hover\:de-naranja-10:hover {
    --color-de: #fdf1e6 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-naranja-10:hover {
    --sombra-color: rgba(253, 241, 230, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-naranja-10:hover svg {
    fill: #fdf1e6;
  }
  .lg\:hover\:stroke-naranja-10:hover svg {
    stroke: #fdf1e6;
  }
  .lg\:hover\:bg-naranja-25:hover {
    background-color: rgba(251, 220, 191, var(--bg-opacidad));
  }
  .lg\:hover\:color-naranja-25:hover {
    color: #fbdcbf;
  }
  .lg\:hover\:borde-naranja-25:hover {
    border-color: #fbdcbf;
  }
  .lg\:hover\:de-naranja-25:hover {
    --color-de: #fbdcbf 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-naranja-25:hover {
    --sombra-color: rgba(251, 220, 191, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-naranja-25:hover svg {
    fill: #fbdcbf;
  }
  .lg\:hover\:stroke-naranja-25:hover svg {
    stroke: #fbdcbf;
  }
  .lg\:hover\:bg-naranja-50:hover {
    background-color: rgba(248, 198, 153, var(--bg-opacidad));
  }
  .lg\:hover\:color-naranja-50:hover {
    color: #f8c699;
  }
  .lg\:hover\:borde-naranja-50:hover {
    border-color: #f8c699;
  }
  .lg\:hover\:de-naranja-50:hover {
    --color-de: #f8c699 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-naranja-50:hover {
    --sombra-color: rgba(248, 198, 153, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-naranja-50:hover svg {
    fill: #f8c699;
  }
  .lg\:hover\:stroke-naranja-50:hover svg {
    stroke: #f8c699;
  }
  .lg\:hover\:bg-naranja-100:hover {
    background-color: rgba(246, 177, 115, var(--bg-opacidad));
  }
  .lg\:hover\:color-naranja-100:hover {
    color: #f6b173;
  }
  .lg\:hover\:borde-naranja-100:hover {
    border-color: #f6b173;
  }
  .lg\:hover\:de-naranja-100:hover {
    --color-de: #f6b173 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-naranja-100:hover {
    --sombra-color: rgba(246, 177, 115, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-naranja-100:hover svg {
    fill: #f6b173;
  }
  .lg\:hover\:stroke-naranja-100:hover svg {
    stroke: #f6b173;
  }
  .lg\:hover\:bg-naranja-200:hover {
    background-color: rgba(243, 156, 77, var(--bg-opacidad));
  }
  .lg\:hover\:color-naranja-200:hover {
    color: #f39c4d;
  }
  .lg\:hover\:borde-naranja-200:hover {
    border-color: #f39c4d;
  }
  .lg\:hover\:de-naranja-200:hover {
    --color-de: #f39c4d 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-naranja-200:hover {
    --sombra-color: rgba(243, 156, 77, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-naranja-200:hover svg {
    fill: #f39c4d;
  }
  .lg\:hover\:stroke-naranja-200:hover svg {
    stroke: #f39c4d;
  }
  .lg\:hover\:bg-naranja-300:hover {
    background-color: rgba(241, 134, 38, var(--bg-opacidad));
  }
  .lg\:hover\:color-naranja-300:hover {
    color: #f18626;
  }
  .lg\:hover\:borde-naranja-300:hover {
    border-color: #f18626;
  }
  .lg\:hover\:de-naranja-300:hover {
    --color-de: #f18626 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-naranja-300:hover {
    --sombra-color: rgba(241, 134, 38, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-naranja-300:hover svg {
    fill: #f18626;
  }
  .lg\:hover\:stroke-naranja-300:hover svg {
    stroke: #f18626;
  }
  .lg\:hover\:bg-naranja-400:hover {
    background-color: rgba(238, 113, 0, var(--bg-opacidad));
  }
  .lg\:hover\:color-naranja-400:hover {
    color: #ee7100;
  }
  .lg\:hover\:borde-naranja-400:hover {
    border-color: #ee7100;
  }
  .lg\:hover\:de-naranja-400:hover {
    --color-de: #ee7100 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-naranja-400:hover {
    --sombra-color: rgba(238, 113, 0, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-naranja-400:hover svg {
    fill: #ee7100;
  }
  .lg\:hover\:stroke-naranja-400:hover svg {
    stroke: #ee7100;
  }
  .lg\:hover\:bg-naranja-500:hover {
    background-color: rgba(202, 96, 0, var(--bg-opacidad));
  }
  .lg\:hover\:color-naranja-500:hover {
    color: #ca6000;
  }
  .lg\:hover\:borde-naranja-500:hover {
    border-color: #ca6000;
  }
  .lg\:hover\:de-naranja-500:hover {
    --color-de: #ca6000 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-naranja-500:hover {
    --sombra-color: rgba(202, 96, 0, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-naranja-500:hover svg {
    fill: #ca6000;
  }
  .lg\:hover\:stroke-naranja-500:hover svg {
    stroke: #ca6000;
  }
  .lg\:hover\:bg-naranja-600:hover {
    background-color: rgba(167, 79, 0, var(--bg-opacidad));
  }
  .lg\:hover\:color-naranja-600:hover {
    color: #a74f00;
  }
  .lg\:hover\:borde-naranja-600:hover {
    border-color: #a74f00;
  }
  .lg\:hover\:de-naranja-600:hover {
    --color-de: #a74f00 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-naranja-600:hover {
    --sombra-color: rgba(167, 79, 0, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-naranja-600:hover svg {
    fill: #a74f00;
  }
  .lg\:hover\:stroke-naranja-600:hover svg {
    stroke: #a74f00;
  }
  .lg\:hover\:bg-naranja-700:hover {
    background-color: rgba(131, 62, 0, var(--bg-opacidad));
  }
  .lg\:hover\:color-naranja-700:hover {
    color: #833e00;
  }
  .lg\:hover\:borde-naranja-700:hover {
    border-color: #833e00;
  }
  .lg\:hover\:de-naranja-700:hover {
    --color-de: #833e00 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-naranja-700:hover {
    --sombra-color: rgba(131, 62, 0, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-naranja-700:hover svg {
    fill: #833e00;
  }
  .lg\:hover\:stroke-naranja-700:hover svg {
    stroke: #833e00;
  }
  .lg\:hover\:bg-naranja-800:hover {
    background-color: rgba(95, 45, 0, var(--bg-opacidad));
  }
  .lg\:hover\:color-naranja-800:hover {
    color: #5f2d00;
  }
  .lg\:hover\:borde-naranja-800:hover {
    border-color: #5f2d00;
  }
  .lg\:hover\:de-naranja-800:hover {
    --color-de: #5f2d00 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-naranja-800:hover {
    --sombra-color: rgba(95, 45, 0, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-naranja-800:hover svg {
    fill: #5f2d00;
  }
  .lg\:hover\:stroke-naranja-800:hover svg {
    stroke: #5f2d00;
  }
  .lg\:hover\:bg-naranja-900:hover {
    background-color: rgba(60, 28, 0, var(--bg-opacidad));
  }
  .lg\:hover\:color-naranja-900:hover {
    color: #3c1c00;
  }
  .lg\:hover\:borde-naranja-900:hover {
    border-color: #3c1c00;
  }
  .lg\:hover\:de-naranja-900:hover {
    --color-de: #3c1c00 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-naranja-900:hover {
    --sombra-color: rgba(60, 28, 0, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-naranja-900:hover svg {
    fill: #3c1c00;
  }
  .lg\:hover\:stroke-naranja-900:hover svg {
    stroke: #3c1c00;
  }
  .lg\:hover\:bg-naranja-950:hover {
    background-color: rgba(24, 11, 0, var(--bg-opacidad));
  }
  .lg\:hover\:color-naranja-950:hover {
    color: #180b00;
  }
  .lg\:hover\:borde-naranja-950:hover {
    border-color: #180b00;
  }
  .lg\:hover\:de-naranja-950:hover {
    --color-de: #180b00 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-naranja-950:hover {
    --sombra-color: rgba(24, 11, 0, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-naranja-950:hover svg {
    fill: #180b00;
  }
  .lg\:hover\:stroke-naranja-950:hover svg {
    stroke: #180b00;
  }
  .lg\:hover\:bg-neutral-10:hover {
    background-color: rgba(241, 245, 249, var(--bg-opacidad));
  }
  .lg\:hover\:color-neutral-10:hover {
    color: #f1f5f9;
  }
  .lg\:hover\:borde-neutral-10:hover {
    border-color: #f1f5f9;
  }
  .lg\:hover\:de-neutral-10:hover {
    --color-de: #f1f5f9 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-neutral-10:hover {
    --sombra-color: rgba(241, 245, 249, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-neutral-10:hover svg {
    fill: #f1f5f9;
  }
  .lg\:hover\:stroke-neutral-10:hover svg {
    stroke: #f1f5f9;
  }
  .lg\:hover\:bg-neutral-25:hover {
    background-color: rgba(226, 232, 240, var(--bg-opacidad));
  }
  .lg\:hover\:color-neutral-25:hover {
    color: #e2e8f0;
  }
  .lg\:hover\:borde-neutral-25:hover {
    border-color: #e2e8f0;
  }
  .lg\:hover\:de-neutral-25:hover {
    --color-de: #e2e8f0 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-neutral-25:hover {
    --sombra-color: rgba(226, 232, 240, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-neutral-25:hover svg {
    fill: #e2e8f0;
  }
  .lg\:hover\:stroke-neutral-25:hover svg {
    stroke: #e2e8f0;
  }
  .lg\:hover\:bg-neutral-50:hover {
    background-color: rgba(203, 213, 225, var(--bg-opacidad));
  }
  .lg\:hover\:color-neutral-50:hover {
    color: #cbd5e1;
  }
  .lg\:hover\:borde-neutral-50:hover {
    border-color: #cbd5e1;
  }
  .lg\:hover\:de-neutral-50:hover {
    --color-de: #cbd5e1 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-neutral-50:hover {
    --sombra-color: rgba(203, 213, 225, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-neutral-50:hover svg {
    fill: #cbd5e1;
  }
  .lg\:hover\:stroke-neutral-50:hover svg {
    stroke: #cbd5e1;
  }
  .lg\:hover\:bg-neutral-100:hover {
    background-color: rgba(169, 181, 197, var(--bg-opacidad));
  }
  .lg\:hover\:color-neutral-100:hover {
    color: #a9b5c5;
  }
  .lg\:hover\:borde-neutral-100:hover {
    border-color: #a9b5c5;
  }
  .lg\:hover\:de-neutral-100:hover {
    --color-de: #a9b5c5 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-neutral-100:hover {
    --sombra-color: rgba(169, 181, 197, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-neutral-100:hover svg {
    fill: #a9b5c5;
  }
  .lg\:hover\:stroke-neutral-100:hover svg {
    stroke: #a9b5c5;
  }
  .lg\:hover\:bg-neutral-200:hover {
    background-color: rgba(146, 161, 181, var(--bg-opacidad));
  }
  .lg\:hover\:color-neutral-200:hover {
    color: #92a1b5;
  }
  .lg\:hover\:borde-neutral-200:hover {
    border-color: #92a1b5;
  }
  .lg\:hover\:de-neutral-200:hover {
    --color-de: #92a1b5 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-neutral-200:hover {
    --sombra-color: rgba(146, 161, 181, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-neutral-200:hover svg {
    fill: #92a1b5;
  }
  .lg\:hover\:stroke-neutral-200:hover svg {
    stroke: #92a1b5;
  }
  .lg\:hover\:bg-neutral-300:hover {
    background-color: rgba(122, 140, 165, var(--bg-opacidad));
  }
  .lg\:hover\:color-neutral-300:hover {
    color: #7a8ca5;
  }
  .lg\:hover\:borde-neutral-300:hover {
    border-color: #7a8ca5;
  }
  .lg\:hover\:de-neutral-300:hover {
    --color-de: #7a8ca5 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-neutral-300:hover {
    --sombra-color: rgba(122, 140, 165, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-neutral-300:hover svg {
    fill: #7a8ca5;
  }
  .lg\:hover\:stroke-neutral-300:hover svg {
    stroke: #7a8ca5;
  }
  .lg\:hover\:bg-neutral-400:hover {
    background-color: rgba(99, 120, 149, var(--bg-opacidad));
  }
  .lg\:hover\:color-neutral-400:hover {
    color: #637895;
  }
  .lg\:hover\:borde-neutral-400:hover {
    border-color: #637895;
  }
  .lg\:hover\:de-neutral-400:hover {
    --color-de: #637895 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-neutral-400:hover {
    --sombra-color: rgba(99, 120, 149, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-neutral-400:hover svg {
    fill: #637895;
  }
  .lg\:hover\:stroke-neutral-400:hover svg {
    stroke: #637895;
  }
  .lg\:hover\:bg-neutral-500:hover {
    background-color: rgba(84, 102, 127, var(--bg-opacidad));
  }
  .lg\:hover\:color-neutral-500:hover {
    color: #54667f;
  }
  .lg\:hover\:borde-neutral-500:hover {
    border-color: #54667f;
  }
  .lg\:hover\:de-neutral-500:hover {
    --color-de: #54667f 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-neutral-500:hover {
    --sombra-color: rgba(84, 102, 127, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-neutral-500:hover svg {
    fill: #54667f;
  }
  .lg\:hover\:stroke-neutral-500:hover svg {
    stroke: #54667f;
  }
  .lg\:hover\:bg-neutral-600:hover {
    background-color: rgba(69, 84, 104, var(--bg-opacidad));
  }
  .lg\:hover\:color-neutral-600:hover {
    color: #455468;
  }
  .lg\:hover\:borde-neutral-600:hover {
    border-color: #455468;
  }
  .lg\:hover\:de-neutral-600:hover {
    --color-de: #455468 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-neutral-600:hover {
    --sombra-color: rgba(69, 84, 104, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-neutral-600:hover svg {
    fill: #455468;
  }
  .lg\:hover\:stroke-neutral-600:hover svg {
    stroke: #455468;
  }
  .lg\:hover\:bg-neutral-700:hover {
    background-color: rgba(54, 66, 82, var(--bg-opacidad));
  }
  .lg\:hover\:color-neutral-700:hover {
    color: #364252;
  }
  .lg\:hover\:borde-neutral-700:hover {
    border-color: #364252;
  }
  .lg\:hover\:de-neutral-700:hover {
    --color-de: #364252 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-neutral-700:hover {
    --sombra-color: rgba(54, 66, 82, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-neutral-700:hover svg {
    fill: #364252;
  }
  .lg\:hover\:stroke-neutral-700:hover svg {
    stroke: #364252;
  }
  .lg\:hover\:bg-neutral-800:hover {
    background-color: rgba(40, 48, 60, var(--bg-opacidad));
  }
  .lg\:hover\:color-neutral-800:hover {
    color: #28303c;
  }
  .lg\:hover\:borde-neutral-800:hover {
    border-color: #28303c;
  }
  .lg\:hover\:de-neutral-800:hover {
    --color-de: #28303c 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-neutral-800:hover {
    --sombra-color: rgba(40, 48, 60, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-neutral-800:hover svg {
    fill: #28303c;
  }
  .lg\:hover\:stroke-neutral-800:hover svg {
    stroke: #28303c;
  }
  .lg\:hover\:bg-neutral-900:hover {
    background-color: rgba(25, 30, 37, var(--bg-opacidad));
  }
  .lg\:hover\:color-neutral-900:hover {
    color: #191e25;
  }
  .lg\:hover\:borde-neutral-900:hover {
    border-color: #191e25;
  }
  .lg\:hover\:de-neutral-900:hover {
    --color-de: #191e25 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-neutral-900:hover {
    --sombra-color: rgba(25, 30, 37, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-neutral-900:hover svg {
    fill: #191e25;
  }
  .lg\:hover\:stroke-neutral-900:hover svg {
    stroke: #191e25;
  }
  .lg\:hover\:bg-neutral-950:hover {
    background-color: rgba(10, 12, 15, var(--bg-opacidad));
  }
  .lg\:hover\:color-neutral-950:hover {
    color: #0a0c0f;
  }
  .lg\:hover\:borde-neutral-950:hover {
    border-color: #0a0c0f;
  }
  .lg\:hover\:de-neutral-950:hover {
    --color-de: #0a0c0f 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-neutral-950:hover {
    --sombra-color: rgba(10, 12, 15, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-neutral-950:hover svg {
    fill: #0a0c0f;
  }
  .lg\:hover\:stroke-neutral-950:hover svg {
    stroke: #0a0c0f;
  }
  .lg\:hover\:bg-blanco:hover {
    background-color: rgba(255, 255, 255, var(--bg-opacidad));
  }
  .lg\:hover\:color-blanco:hover {
    color: #fff;
  }
  .lg\:hover\:borde-blanco:hover {
    border-color: #fff;
  }
  .lg\:hover\:de-blanco:hover {
    --color-de: #fff 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-blanco:hover {
    --sombra-color: rgba(255, 255, 255, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-blanco:hover svg {
    fill: #fff;
  }
  .lg\:hover\:stroke-blanco:hover svg {
    stroke: #fff;
  }
  .lg\:hover\:bg-negro:hover {
    background-color: rgba(0, 0, 0, var(--bg-opacidad));
  }
  .lg\:hover\:color-negro:hover {
    color: #000;
  }
  .lg\:hover\:borde-negro:hover {
    border-color: #000;
  }
  .lg\:hover\:de-negro:hover {
    --color-de: #000 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-negro:hover {
    --sombra-color: rgba(0, 0, 0, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-negro:hover svg {
    fill: #000;
  }
  .lg\:hover\:stroke-negro:hover svg {
    stroke: #000;
  }
  .lg\:hover\:bg-transparente:hover {
    background-color: rgba(0, 0, 0, var(--bg-opacidad));
  }
  .lg\:hover\:color-transparente:hover {
    color: transparent;
  }
  .lg\:hover\:borde-transparente:hover {
    border-color: transparent;
  }
  .lg\:hover\:de-transparente:hover {
    --color-de: transparent 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-transparente:hover {
    --sombra-color: rgba(0, 0, 0, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-transparente:hover svg {
    fill: transparent;
  }
  .lg\:hover\:stroke-transparente:hover svg {
    stroke: transparent;
  }
  .lg\:hover\:hasta-rojo-10:hover {
    --color-hasta: #fdecec;
  }
  .lg\:hover\:hasta-rojo-25:hover {
    --color-hasta: #fbd0d0;
  }
  .lg\:hover\:hasta-rojo-50:hover {
    --color-hasta: #fbd0d0;
  }
  .lg\:hover\:hasta-rojo-100:hover {
    --color-hasta: #f69898;
  }
  .lg\:hover\:hasta-rojo-200:hover {
    --color-hasta: #f47c7c;
  }
  .lg\:hover\:hasta-rojo-300:hover {
    --color-hasta: #f16060;
  }
  .lg\:hover\:hasta-rojo-400:hover {
    --color-hasta: #ef4444;
  }
  .lg\:hover\:hasta-rojo-500:hover {
    --color-hasta: #cb3a3a;
  }
  .lg\:hover\:hasta-rojo-600:hover {
    --color-hasta: #a73030;
  }
  .lg\:hover\:hasta-rojo-700:hover {
    --color-hasta: #832525;
  }
  .lg\:hover\:hasta-rojo-800:hover {
    --color-hasta: #601b1b;
  }
  .lg\:hover\:hasta-rojo-900:hover {
    --color-hasta: #3c1111;
  }
  .lg\:hover\:hasta-rojo-950:hover {
    --color-hasta: #180707;
  }
  .lg\:hover\:hasta-amarillo-10:hover {
    --color-hasta: #fffae8;
  }
  .lg\:hover\:hasta-amarillo-25:hover {
    --color-hasta: #fef2c5;
  }
  .lg\:hover\:hasta-amarillo-50:hover {
    --color-hasta: #fdeba1;
  }
  .lg\:hover\:hasta-amarillo-100:hover {
    --color-hasta: #fce37e;
  }
  .lg\:hover\:hasta-amarillo-200:hover {
    --color-hasta: #fcdb5b;
  }
  .lg\:hover\:hasta-amarillo-300:hover {
    --color-hasta: #fbd438;
  }
  .lg\:hover\:hasta-amarillo-400:hover {
    --color-hasta: #facc15;
  }
  .lg\:hover\:hasta-amarillo-500:hover {
    --color-hasta: #d5ad12;
  }
  .lg\:hover\:hasta-amarillo-600:hover {
    --color-hasta: #af8f0f;
  }
  .lg\:hover\:hasta-amarillo-700:hover {
    --color-hasta: #8a700c;
  }
  .lg\:hover\:hasta-amarillo-800:hover {
    --color-hasta: #645208;
  }
  .lg\:hover\:hasta-amarillo-900:hover {
    --color-hasta: #3f3305;
  }
  .lg\:hover\:hasta-amarillo-950:hover {
    --color-hasta: #191402;
  }
  .lg\:hover\:hasta-azul-10:hover {
    --color-hasta: #ebf8fe;
  }
  .lg\:hover\:hasta-azul-25:hover {
    --color-hasta: #cdeffd;
  }
  .lg\:hover\:hasta-azul-50:hover {
    --color-hasta: #afe5fc;
  }
  .lg\:hover\:hasta-azul-100:hover {
    --color-hasta: #92dbfb;
  }
  .lg\:hover\:hasta-azul-200:hover {
    --color-hasta: #74d1fa;
  }
  .lg\:hover\:hasta-azul-300:hover {
    --color-hasta: #56c7f9;
  }
  .lg\:hover\:hasta-azul-400:hover {
    --color-hasta: #38bdf8;
  }
  .lg\:hover\:hasta-azul-500:hover {
    --color-hasta: #30a1d3;
  }
  .lg\:hover\:hasta-azul-600:hover {
    --color-hasta: #2784ae;
  }
  .lg\:hover\:hasta-azul-700:hover {
    --color-hasta: #1f6888;
  }
  .lg\:hover\:hasta-azul-800:hover {
    --color-hasta: #164c63;
  }
  .lg\:hover\:hasta-azul-900:hover {
    --color-hasta: #0e2f3e;
  }
  .lg\:hover\:hasta-azul-950:hover {
    --color-hasta: #061319;
  }
  .lg\:hover\:hasta-cobalto-10:hover {
    --color-hasta: #e7eef8;
  }
  .lg\:hover\:hasta-cobalto-25:hover {
    --color-hasta: #c3d4ee;
  }
  .lg\:hover\:hasta-cobalto-50:hover {
    --color-hasta: #9fbae3;
  }
  .lg\:hover\:hasta-cobalto-100:hover {
    --color-hasta: #7ba0d9;
  }
  .lg\:hover\:hasta-cobalto-200:hover {
    --color-hasta: #5786cf;
  }
  .lg\:hover\:hasta-cobalto-300:hover {
    --color-hasta: #336cc4;
  }
  .lg\:hover\:hasta-cobalto-400:hover {
    --color-hasta: #0f52ba;
  }
  .lg\:hover\:hasta-cobalto-500:hover {
    --color-hasta: #0d469e;
  }
  .lg\:hover\:hasta-cobalto-600:hover {
    --color-hasta: #0b3982;
  }
  .lg\:hover\:hasta-cobalto-700:hover {
    --color-hasta: #082d66;
  }
  .lg\:hover\:hasta-cobalto-800:hover {
    --color-hasta: #06214a;
  }
  .lg\:hover\:hasta-cobalto-900:hover {
    --color-hasta: #04152f;
  }
  .lg\:hover\:hasta-cobalto-950:hover {
    --color-hasta: #010813;
  }
  .lg\:hover\:hasta-gris-10:hover {
    --color-hasta: #f5f6f7;
  }
  .lg\:hover\:hasta-gris-25:hover {
    --color-hasta: #e6e8eb;
  }
  .lg\:hover\:hasta-gris-50:hover {
    --color-hasta: #d7dadf;
  }
  .lg\:hover\:hasta-gris-100:hover {
    --color-hasta: #c9ccd3;
  }
  .lg\:hover\:hasta-gris-200:hover {
    --color-hasta: #babfc7;
  }
  .lg\:hover\:hasta-gris-300:hover {
    --color-hasta: #abb1bb;
  }
  .lg\:hover\:hasta-gris-400:hover {
    --color-hasta: #9ca3af;
  }
  .lg\:hover\:hasta-gris-500:hover {
    --color-hasta: #858b95;
  }
  .lg\:hover\:hasta-gris-600:hover {
    --color-hasta: #6d727a;
  }
  .lg\:hover\:hasta-gris-700:hover {
    --color-hasta: #565a60;
  }
  .lg\:hover\:hasta-gris-800:hover {
    --color-hasta: #3e4146;
  }
  .lg\:hover\:hasta-gris-900:hover {
    --color-hasta: #27292c;
  }
  .lg\:hover\:hasta-gris-950:hover {
    --color-hasta: #101011;
  }
  .lg\:hover\:hasta-verde-10:hover {
    --color-hasta: #e7f8f2;
  }
  .lg\:hover\:hasta-verde-25:hover {
    --color-hasta: #c3eee0;
  }
  .lg\:hover\:hasta-verde-50:hover {
    --color-hasta: #9fe3cd;
  }
  .lg\:hover\:hasta-verde-100:hover {
    --color-hasta: #7cd9ba;
  }
  .lg\:hover\:hasta-verde-200:hover {
    --color-hasta: #58cea7;
  }
  .lg\:hover\:hasta-verde-300:hover {
    --color-hasta: #34c494;
  }
  .lg\:hover\:hasta-verde-400:hover {
    --color-hasta: #10b981;
  }
  .lg\:hover\:hasta-verde-500:hover {
    --color-hasta: #0e9d6e;
  }
  .lg\:hover\:hasta-verde-600:hover {
    --color-hasta: #0b825a;
  }
  .lg\:hover\:hasta-verde-700:hover {
    --color-hasta: #096647;
  }
  .lg\:hover\:hasta-verde-800:hover {
    --color-hasta: #064a34;
  }
  .lg\:hover\:hasta-verde-900:hover {
    --color-hasta: #042e20;
  }
  .lg\:hover\:hasta-verde-950:hover {
    --color-hasta: #02120d;
  }
  .lg\:hover\:hasta-turquesa-10:hover {
    --color-hasta: #e6fafb;
  }
  .lg\:hover\:hasta-turquesa-25:hover {
    --color-hasta: #bff2f4;
  }
  .lg\:hover\:hasta-turquesa-50:hover {
    --color-hasta: #99e9ee;
  }
  .lg\:hover\:hasta-turquesa-100:hover {
    --color-hasta: #73e1e7;
  }
  .lg\:hover\:hasta-turquesa-200:hover {
    --color-hasta: #4dd9e1;
  }
  .lg\:hover\:hasta-turquesa-300:hover {
    --color-hasta: #26d1da;
  }
  .lg\:hover\:hasta-turquesa-400:hover {
    --color-hasta: #00c9d4;
  }
  .lg\:hover\:hasta-turquesa-500:hover {
    --color-hasta: #00abb4;
  }
  .lg\:hover\:hasta-turquesa-600:hover {
    --color-hasta: #008d94;
  }
  .lg\:hover\:hasta-turquesa-700:hover {
    --color-hasta: #006f75;
  }
  .lg\:hover\:hasta-turquesa-800:hover {
    --color-hasta: #005055;
  }
  .lg\:hover\:hasta-turquesa-900:hover {
    --color-hasta: #003235;
  }
  .lg\:hover\:hasta-turquesa-950:hover {
    --color-hasta: #001415;
  }
  .lg\:hover\:hasta-naranja-10:hover {
    --color-hasta: #fdf1e6;
  }
  .lg\:hover\:hasta-naranja-25:hover {
    --color-hasta: #fbdcbf;
  }
  .lg\:hover\:hasta-naranja-50:hover {
    --color-hasta: #f8c699;
  }
  .lg\:hover\:hasta-naranja-100:hover {
    --color-hasta: #f6b173;
  }
  .lg\:hover\:hasta-naranja-200:hover {
    --color-hasta: #f39c4d;
  }
  .lg\:hover\:hasta-naranja-300:hover {
    --color-hasta: #f18626;
  }
  .lg\:hover\:hasta-naranja-400:hover {
    --color-hasta: #ee7100;
  }
  .lg\:hover\:hasta-naranja-500:hover {
    --color-hasta: #ca6000;
  }
  .lg\:hover\:hasta-naranja-600:hover {
    --color-hasta: #a74f00;
  }
  .lg\:hover\:hasta-naranja-700:hover {
    --color-hasta: #833e00;
  }
  .lg\:hover\:hasta-naranja-800:hover {
    --color-hasta: #5f2d00;
  }
  .lg\:hover\:hasta-naranja-900:hover {
    --color-hasta: #3c1c00;
  }
  .lg\:hover\:hasta-naranja-950:hover {
    --color-hasta: #180b00;
  }
  .lg\:hover\:hasta-neutral-10:hover {
    --color-hasta: #f1f5f9;
  }
  .lg\:hover\:hasta-neutral-25:hover {
    --color-hasta: #e2e8f0;
  }
  .lg\:hover\:hasta-neutral-50:hover {
    --color-hasta: #cbd5e1;
  }
  .lg\:hover\:hasta-neutral-100:hover {
    --color-hasta: #a9b5c5;
  }
  .lg\:hover\:hasta-neutral-200:hover {
    --color-hasta: #92a1b5;
  }
  .lg\:hover\:hasta-neutral-300:hover {
    --color-hasta: #7a8ca5;
  }
  .lg\:hover\:hasta-neutral-400:hover {
    --color-hasta: #637895;
  }
  .lg\:hover\:hasta-neutral-500:hover {
    --color-hasta: #54667f;
  }
  .lg\:hover\:hasta-neutral-600:hover {
    --color-hasta: #455468;
  }
  .lg\:hover\:hasta-neutral-700:hover {
    --color-hasta: #364252;
  }
  .lg\:hover\:hasta-neutral-800:hover {
    --color-hasta: #28303c;
  }
  .lg\:hover\:hasta-neutral-900:hover {
    --color-hasta: #191e25;
  }
  .lg\:hover\:hasta-neutral-950:hover {
    --color-hasta: #0a0c0f;
  }
  .lg\:hover\:hasta-blanco:hover {
    --color-hasta: #fff;
  }
  .lg\:hover\:hasta-negro:hover {
    --color-hasta: #000;
  }
  .lg\:hover\:hasta-transparente:hover {
    --color-hasta: transparent;
  }
}
:root {
  --ancho-contenedor: 1280px;
  --fuente-xxxs: 0.8rem;
  --fuente-xxs: 1.1rem;
  --fuente-xs: 1.2rem;
  --fuente-sm: 1.4rem;
  --fuente-normal: 1.6rem;
  --fuente-md: 2.0rem;
  --fuente-lg: 2.4rem;
  --fuente-xl: 2.8rem;
  --fuente-2xl: 3.2rem;
  --fuente-3xl: 4rem;
  --fuente-4xl: 4.8rem;
  --fuente-5xl: 5.4rem;
  --fuente-6xl: 6rem;
  --fuente-7xl: 7.2rem;
  --fuente-8xl: 8rem;
  --fuente-9xl: 9.6rem;
  --fuente-10xl: 12.8rem;
  --espaciado-auto: auto;
  --espaciado-0: 0;
  --espaciado-xxxs: 0.2rem;
  --espaciado-xxs: 0.4rem;
  --espaciado-xs: 0.8rem;
  --espaciado-sm: 1.6rem;
  --espaciado-normal: 2.4rem;
  --espaciado-md: 3.2rem;
  --espaciado-lg: 4rem;
  --espaciado-xl: 4.8rem;
  --espaciado-2xl:5.6rem;
  --espaciado-3xl: 6.4rem;
  --espaciado-4xl: 7.2rem;
  --espaciado-5xl: 8rem;
  --espaciado-6xl: 9.6rem;
  --espaciado-7xl: 11.2rem;
  --espaciado-8xl: 12.8rem;
  --espaciado-9xl: 14.4rem;
  --espaciado-10xl: 16rem;
  --espaciado-11xl: 17.6rem;
  --espaciado-12xl: 19.2rem;
  --espaciado-13xl: 20.8rem;
  --espaciado-14xl: 22.4rem;
  --espaciado-15xl: 24rem;
  --es-n-xxxs: calc(var(--espaciado-xxxs) * -1);
  --es-n-xxs: calc(var(--espaciado-xxs) * -1);
  --es-n-xs: calc(var(--espaciado-xs) * -1);
  --es-n-sm: calc(var(--espaciado-sm) * -1);
  --es-n-normal: calc(var(--espaciado-normal) * -1);
  --es-n-md: calc(var(--espaciado-md) * -1);
  --es-n-lg: calc(var(--espaciado-lg) * -1);
  --es-n-xl: calc(var(--espaciado-xl) * -1);
  --es-n-2xl: calc(var(--espaciado-2xl) * -1);
  --es-n-3xl: calc(var(--espaciado-3xl) * -1);
  --es-n-4xl: calc(var(--espaciado-4xl) * -1);
  --es-n-5xl: calc(var(--espaciado-5xl) * -1);
  --es-n-6xl: calc(var(--espaciado-6xl) * -1);
  --es-n-7xl: calc(var(--espaciado-7xl) * -1);
  --es-n-8xl: calc(var(--espaciado-8xl) * -1);
  --es-n-9xl: calc(var(--espaciado-9xl) * -1);
  --es-n-10xl: calc(var(--espaciado-10xl) * -1);
  --es-n-11xl: calc(var(--espaciado-11xl) * -1);
  --es-n-12xl: calc(var(--espaciado-12xl) * -1);
  --es-n-13xl: calc(var(--espaciado-13xl) * -1);
  --es-n-14xl: calc(var(--espaciado-14xl) * -1);
  --es-n-15xl: calc(var(--espaciado-15xl) * -1);
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

*,
*:after,
*:before {
  box-sizing: inherit;
  border: 0 solid #e5e7eb;
}

body {
  font-weight: 400;
  font-size: 1.8rem;
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

embed,
iframe,
img,
object,
video {
  max-width: 100%;
}

figure {
  margin: 0;
}

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

/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

.burger-icon {
  margin-left: auto;
  cursor: pointer;
  z-index: 99;
}

.burger-icon div {
  width: 40px;
  height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.burger-icon .burger-linea {
  display: block;
  width: 100%;
  height: 3px;
  transition: transform 0.3s ease-in-out;
}

.burger-icon.active .burger-linea:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

.burger-icon.active .burger-linea:nth-child(2) {
  transform: scaleX(0);
}

.burger-icon.active .burger-linea:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

.menu a {
  display: block;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
    Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu {
  position: absolute;
  top: 100%; /* Comienza apartir de la posicion del header */
  right: 0px;
  transform: scale(0, 1);
  transform-origin: right;
  transition: transform 0.5s ease-in-out;
  min-width: 200px;
  overflow: hidden;
  width: 90%;
  z-index: 99;
}

.menu a {
  opacity: 0;
}

.menu.active {
  transform: scale(1);
  overflow-y: auto;
  overscroll-behavior-block: contain;
  height: 90vh;
}

.menu.active a {
  opacity: 1;
  transition: opacity 250ms ease-in-out 250ms;
}

@media (min-width: 992px) {
  .lg\:menu {
    position: relative;
    transform: scale(1);
    overflow: inherit;
    width: auto;
  }
  .lg\:menu a {
    opacity: 1;
  }
  .lg\:menu.burger-icon {
    display: none;
  }
  .lg\:menu > ul > li {
    position: relative;
  }
  .lg\:menu > ul > li:hover ul, .lg\:menu > ul > li:focus-within ul {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%);
  }
  .lg\:menu > ul li ul {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: var(--ancho-submenu);
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%) translateY(-20px);
    transition: all 0.3s ease-in-out;
  }
}
@media (min-width: 768px) {
  .md\:menu {
    position: relative;
    transform: scale(1);
    overflow: inherit;
    width: auto;
  }
  .md\:menu a {
    opacity: 1;
  }
  .md\:menu.burger-icon {
    display: none;
  }
  .md\:menu > ul > li {
    position: relative;
  }
  .md\:menu > ul > li:hover ul, .md\:menu > ul > li:focus-within ul {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%);
  }
  .md\:menu > ul li ul {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: var(--ancho-submenu);
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%) translateY(-20px);
    transition: all 0.3s ease-in-out;
  }
}
.overlay-body {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 98;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.overlay-body.active {
  display: block;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.border-collapse {
  border-collapse: collapse;
}

.boton {
  position: relative;
  overflow: hidden;
  display: inline-block;
  z-index: 1;
}

.boton:before {
  content: "";
  position: absolute;
  z-index: -1;
}

.boton-cubrir-izquierda::before,
.boton-cubrir-derecha::before {
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--color-hasta);
}

.boton-cubrir-derecha::before {
  right: 0;
  left: auto;
}

.boton-cubrir-izquierda:hover::before, .boton-cubrir-derecha:hover::before {
  width: 100%;
}

.boton-cubrir-arriba::before,
.boton-cubrir-abajo::before {
  inset: 0;
  margin: 0 auto;
  top: 100%;
  height: 100%;
  width: 50%;
  border-radius: 50%;
  transform: scale(1);
  background-color: var(--color-hasta);
}

.boton-cubrir-abajo::before {
  top: -100%;
}

.boton-cubrir-arriba:hover::before,
.boton-cubrir-abajo:hover::before {
  top: 0;
  transform: scale(3);
}

.faq-respuesta {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.faq-mostrar + div {
  opacity: 1;
  visibility: visible;
}

.faq-mostrar .icon {
  transform: rotate(180deg);
}

.flecha-abajo, .flecha-arriba, .flecha-derecha, .flecha-izquierda {
  --borde-color: currentColor;
  display: inline-block;
  position: relative;
  margin-left: 4px;
  width: 10px;
  height: 10px;
}

.flecha-abajo::after, .flecha-arriba::after, .flecha-derecha::after, .flecha-izquierda::after {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 10px;
  height: 10px;
  border-right: 3px solid var(--borde-color);
  border-bottom: 3px solid var(--borde-color);
  transform: rotate(45deg);
}

.flecha-arriba::after {
  top: 4px;
  left: 0;
  border: none;
  border-right: 3px solid var(--borde-color);
  border-top: 3px solid var(--borde-color);
}

.flecha-derecha::after {
  top: 0;
  left: -4px;
  border: none;
  border-right: 3px solid var(--borde-color);
  border-top: 3px solid var(--borde-color);
}

.flecha-izquierda::after {
  top: 0;
  left: 4px;
  border: none;
  border-left: 3px solid var(--borde-color);
  border-top: 3px solid var(--borde-color);
}

.icon,
.icon-xs,
.icon-sm,
.icon-md {
  width: 32px;
  height: 32px;
  display: inline-block;
}

.icon-xs {
  width: 1.2rem;
  height: 1.2rem;
}

.icon-sm {
  width: 1.6rem;
  height: 1.6rem;
}

.icon-md {
  width: 2.2rem;
  height: 2.2rem;
}

.icon-lg {
  width: 4rem;
  height: 4rem;
}

.icon-xl {
  width: 4.8rem;
  height: 4.8rem;
}

.icon-2xl {
  width: 4.8rem;
  height: 4.8rem;
}

.icon svg {
  height: 100%;
  width: 100%;
}

ul {
  list-style-position: inside;
}

.lista-cuadros {
  list-style-type: square;
}

.lista-decimales {
  list-style-type: auto;
}

.lista-circulos {
  list-style-type: circle;
}

.lista-none {
  list-style-type: none;
}

.lista-disco {
  list-style-type: disc;
}

@media (min-width: 768px) {
  .md\:lista-cuadros {
    list-style-type: square;
  }
  .md\:lista-decimales {
    list-style-type: auto;
  }
  .md\:lista-circulos {
    list-style-type: circle;
  }
  .md\:lista-none {
    list-style-type: none;
  }
  .md\:lista-disco {
    list-style-type: disc;
  }
}
@media (min-width: 992px) {
  .lg\:lista-cuadros {
    list-style-type: square;
  }
  .lg\:lista-decimales {
    list-style-type: auto;
  }
  .lg\:lista-circulos {
    list-style-type: circle;
  }
  .lg\:lista-none {
    list-style-type: none;
  }
  .lg\:lista-disco {
    list-style-type: disc;
  }
}
.contenedor {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--ancho-contenedor);
  position: relative;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flow-root {
  display: flow-root;
}

.display-none {
  display: none;
}

.flex, .menu li ul a {
  display: flex;
}

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

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

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

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

.grow {
  flex-grow: 1;
}

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

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-inicial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.grid {
  display: grid;
}

.grid-reverse *:first-child {
  order: 1;
}

.grid-flow-row {
  grid-auto-flow: row;
}

.grid-flow-col {
  grid-auto-flow: column;
}

.grid-flow-dense {
  grid-auto-flow: dense;
}

.gap-xxxs {
  grid-gap: var(--espaciado-xxxs);
}

.gap-xxs {
  grid-gap: var(--espaciado-xxs);
}

.gap-xs {
  grid-gap: var(--espaciado-xs);
}

.gap-sm {
  grid-gap: var(--espaciado-sm);
}

.gap {
  grid-gap: var(--espaciado-normal);
}

.gap-md {
  grid-gap: var(--espaciado-md);
}

.gap-lg {
  grid-gap: var(--espaciado-lg);
}

.gap-xl {
  grid-gap: var(--espaciado-xl);
}

.gap-2xl {
  grid-gap: var(--espaciado-2xl);
}

.gap-3xl {
  grid-gap: var(--espaciado-3xl);
}

.gap-4xl {
  grid-gap: var(--espaciado-4xl);
}

.gap-5xl {
  grid-gap: var(--espaciado-5xl);
}

.gap-6xl {
  grid-gap: var(--espaciado-6xl);
}

.gap-7xl {
  grid-gap: var(--espaciado-7xl);
}

.gap-8xl {
  grid-gap: var(--espaciado-8xl);
}

.no-gap {
  grid-gap: 0;
}

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

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

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

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

.justify-items-start {
  justify-items: start;
}

.justify-items-end {
  justify-items: end;
}

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

.justify-items-stretch {
  justify-items: stretch;
}

.justify-self-auto {
  justify-self: auto;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

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

.justify-self-stretch {
  justify-self: stretch;
}

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

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

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

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

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

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

.items-center, .menu li ul a {
  align-items: center;
}

.align-self-auto {
  align-self: auto;
}

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

.align-self-end {
  align-self: flex-end;
}

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

.align-self-stretch {
  align-self: stretch;
}

.align-self-baseline {
  align-self: baseline;
}

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

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

.row-span-1 {
  grid-row: span 1/span 1;
}

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

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

.row-span-2 {
  grid-row: span 2/span 2;
}

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

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

.row-span-3 {
  grid-row: span 3/span 3;
}

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

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

.row-span-4 {
  grid-row: span 4/span 4;
}

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

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

.row-span-5 {
  grid-row: span 5/span 5;
}

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

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

.row-span-6 {
  grid-row: span 6/span 6;
}

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

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

.row-span-7 {
  grid-row: span 7/span 7;
}

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

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

.row-span-8 {
  grid-row: span 8/span 8;
}

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

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

.row-span-9 {
  grid-row: span 9/span 9;
}

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

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

.row-span-10 {
  grid-row: span 10/span 10;
}

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

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

.row-span-11 {
  grid-row: span 11/span 11;
}

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

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

.row-span-12 {
  grid-row: span 12/span 12;
}

.col-start-1 {
  grid-column-start: 1;
}

.col-start-2 {
  grid-column-start: 2;
}

.col-start-3 {
  grid-column-start: 3;
}

.col-start-4 {
  grid-column-start: 4;
}

.col-start-5 {
  grid-column-start: 5;
}

.col-start-6 {
  grid-column-start: 6;
}

.col-start-7 {
  grid-column-start: 7;
}

.col-start-8 {
  grid-column-start: 8;
}

.col-start-9 {
  grid-column-start: 9;
}

.col-start-10 {
  grid-column-start: 10;
}

.col-start-11 {
  grid-column-start: 11;
}

.col-start-12 {
  grid-column-start: 12;
}

.col-auto {
  grid-column: auto;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.order-primero {
  order: -9999;
}

.order-ultimo {
  order: 9999;
}

.order-0 {
  order: 0;
}

@media (min-width: 768px) {
  .md\:block {
    display: block;
  }
  .md\:inline-block {
    display: inline-block;
  }
  .md\:inline {
    display: inline;
  }
  .md\:flow-root {
    display: flow-root;
  }
  .md\:display-none {
    display: none;
  }
  .md\:flex {
    display: flex;
  }
  .md\:flex-columnas {
    flex-direction: column;
  }
  .md\:flex-filas {
    flex-direction: row;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .md\:flex-centrado {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .md\:grow {
    flex-grow: 1;
  }
  .md\:grow-0 {
    flex-grow: 0;
  }
  .md\:flex-1 {
    flex: 1 1 0%;
  }
  .md\:flex-auto {
    flex: 1 1 auto;
  }
  .md\:flex-inicial {
    flex: 0 1 auto;
  }
  .md\:flex-none {
    flex: none;
  }
  .md\:grid {
    display: grid;
  }
  .md\:grid-reverse *:first-child {
    order: 1;
  }
  .md\:grid-flow-row {
    grid-auto-flow: row;
  }
  .md\:grid-flow-col {
    grid-auto-flow: column;
  }
  .md\:grid-flow-dense {
    grid-auto-flow: dense;
  }
  .md\:gap-xxxs {
    grid-gap: var(--espaciado-xxxs);
  }
  .md\:gap-xxs {
    grid-gap: var(--espaciado-xxs);
  }
  .md\:gap-xs {
    grid-gap: var(--espaciado-xs);
  }
  .md\:gap-sm {
    grid-gap: var(--espaciado-sm);
  }
  .md\:gap {
    grid-gap: var(--espaciado-normal);
  }
  .md\:gap-md {
    grid-gap: var(--espaciado-md);
  }
  .md\:gap-lg {
    grid-gap: var(--espaciado-lg);
  }
  .md\:gap-xl {
    grid-gap: var(--espaciado-xl);
  }
  .md\:gap-2xl {
    grid-gap: var(--espaciado-2xl);
  }
  .md\:gap-3xl {
    grid-gap: var(--espaciado-3xl);
  }
  .md\:gap-4xl {
    grid-gap: var(--espaciado-4xl);
  }
  .md\:gap-5xl {
    grid-gap: var(--espaciado-5xl);
  }
  .md\:gap-6xl {
    grid-gap: var(--espaciado-6xl);
  }
  .md\:gap-7xl {
    grid-gap: var(--espaciado-7xl);
  }
  .md\:gap-8xl {
    grid-gap: var(--espaciado-8xl);
  }
  .md\:no-gap {
    grid-gap: 0;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:justify-items-start {
    justify-items: start;
  }
  .md\:justify-items-end {
    justify-items: end;
  }
  .md\:justify-items-center {
    justify-items: center;
  }
  .md\:justify-items-stretch {
    justify-items: stretch;
  }
  .md\:justify-self-auto {
    justify-self: auto;
  }
  .md\:justify-self-start {
    justify-self: start;
  }
  .md\:justify-self-end {
    justify-self: end;
  }
  .md\:justify-self-center {
    justify-self: center;
  }
  .md\:justify-self-stretch {
    justify-self: stretch;
  }
  .md\:align-content-center {
    align-content: center;
  }
  .md\:align-content-start {
    align-content: flex-start;
  }
  .md\:align-content-end {
    align-content: flex-end;
  }
  .md\:align-content-between {
    align-content: space-between;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:items-end {
    align-items: flex-end;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:align-self-auto {
    align-self: auto;
  }
  .md\:align-self-start {
    align-self: flex-start;
  }
  .md\:align-self-end {
    align-self: flex-end;
  }
  .md\:align-self-center {
    align-self: center;
  }
  .md\:align-self-stretch {
    align-self: stretch;
  }
  .md\:align-self-baseline {
    align-self: baseline;
  }
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:col-span-1 {
    grid-column: span 1/span 1;
  }
  .md\:row-span-1 {
    grid-row: span 1/span 1;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 2fr));
  }
  .md\:col-span-2 {
    grid-column: span 2/span 2;
  }
  .md\:row-span-2 {
    grid-row: span 2/span 2;
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 3fr));
  }
  .md\:col-span-3 {
    grid-column: span 3/span 3;
  }
  .md\:row-span-3 {
    grid-row: span 3/span 3;
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 4fr));
  }
  .md\:col-span-4 {
    grid-column: span 4/span 4;
  }
  .md\:row-span-4 {
    grid-row: span 4/span 4;
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 5fr));
  }
  .md\:col-span-5 {
    grid-column: span 5/span 5;
  }
  .md\:row-span-5 {
    grid-row: span 5/span 5;
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 6fr));
  }
  .md\:col-span-6 {
    grid-column: span 6/span 6;
  }
  .md\:row-span-6 {
    grid-row: span 6/span 6;
  }
  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 7fr));
  }
  .md\:col-span-7 {
    grid-column: span 7/span 7;
  }
  .md\:row-span-7 {
    grid-row: span 7/span 7;
  }
  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 8fr));
  }
  .md\:col-span-8 {
    grid-column: span 8/span 8;
  }
  .md\:row-span-8 {
    grid-row: span 8/span 8;
  }
  .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 9fr));
  }
  .md\:col-span-9 {
    grid-column: span 9/span 9;
  }
  .md\:row-span-9 {
    grid-row: span 9/span 9;
  }
  .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 10fr));
  }
  .md\:col-span-10 {
    grid-column: span 10/span 10;
  }
  .md\:row-span-10 {
    grid-row: span 10/span 10;
  }
  .md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 11fr));
  }
  .md\:col-span-11 {
    grid-column: span 11/span 11;
  }
  .md\:row-span-11 {
    grid-row: span 11/span 11;
  }
  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 12fr));
  }
  .md\:col-span-12 {
    grid-column: span 12/span 12;
  }
  .md\:row-span-12 {
    grid-row: span 12/span 12;
  }
  .md\:col-start-1 {
    grid-column-start: 1;
  }
  .md\:col-start-2 {
    grid-column-start: 2;
  }
  .md\:col-start-3 {
    grid-column-start: 3;
  }
  .md\:col-start-4 {
    grid-column-start: 4;
  }
  .md\:col-start-5 {
    grid-column-start: 5;
  }
  .md\:col-start-6 {
    grid-column-start: 6;
  }
  .md\:col-start-7 {
    grid-column-start: 7;
  }
  .md\:col-start-8 {
    grid-column-start: 8;
  }
  .md\:col-start-9 {
    grid-column-start: 9;
  }
  .md\:col-start-10 {
    grid-column-start: 10;
  }
  .md\:col-start-11 {
    grid-column-start: 11;
  }
  .md\:col-start-12 {
    grid-column-start: 12;
  }
  .md\:col-auto {
    grid-column: auto;
  }
  .md\:order-1 {
    order: 1;
  }
  .md\:order-2 {
    order: 2;
  }
  .md\:order-3 {
    order: 3;
  }
  .md\:order-4 {
    order: 4;
  }
  .md\:order-5 {
    order: 5;
  }
  .md\:order-6 {
    order: 6;
  }
  .md\:order-7 {
    order: 7;
  }
  .md\:order-8 {
    order: 8;
  }
  .md\:order-9 {
    order: 9;
  }
  .md\:order-10 {
    order: 10;
  }
  .md\:order-11 {
    order: 11;
  }
  .md\:order-12 {
    order: 12;
  }
  .md\:order-primero {
    order: -9999;
  }
  .md\:order-ultimo {
    order: 9999;
  }
  .md\:order-0 {
    order: 0;
  }
}
@media (min-width: 992px) {
  .lg\:block {
    display: block;
  }
  .lg\:inline-block {
    display: inline-block;
  }
  .lg\:inline {
    display: inline;
  }
  .lg\:flow-root {
    display: flow-root;
  }
  .lg\:display-none {
    display: none;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:flex-columnas {
    flex-direction: column;
  }
  .lg\:flex-filas {
    flex-direction: row;
  }
  .lg\:flex-wrap {
    flex-wrap: wrap;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .lg\:flex-centrado {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .lg\:grow {
    flex-grow: 1;
  }
  .lg\:grow-0 {
    flex-grow: 0;
  }
  .lg\:flex-1 {
    flex: 1 1 0%;
  }
  .lg\:flex-auto {
    flex: 1 1 auto;
  }
  .lg\:flex-inicial {
    flex: 0 1 auto;
  }
  .lg\:flex-none {
    flex: none;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:grid-reverse *:first-child {
    order: 1;
  }
  .lg\:grid-flow-row {
    grid-auto-flow: row;
  }
  .lg\:grid-flow-col {
    grid-auto-flow: column;
  }
  .lg\:grid-flow-dense {
    grid-auto-flow: dense;
  }
  .lg\:gap-xxxs {
    grid-gap: var(--espaciado-xxxs);
  }
  .lg\:gap-xxs {
    grid-gap: var(--espaciado-xxs);
  }
  .lg\:gap-xs {
    grid-gap: var(--espaciado-xs);
  }
  .lg\:gap-sm {
    grid-gap: var(--espaciado-sm);
  }
  .lg\:gap {
    grid-gap: var(--espaciado-normal);
  }
  .lg\:gap-md {
    grid-gap: var(--espaciado-md);
  }
  .lg\:gap-lg {
    grid-gap: var(--espaciado-lg);
  }
  .lg\:gap-xl {
    grid-gap: var(--espaciado-xl);
  }
  .lg\:gap-2xl {
    grid-gap: var(--espaciado-2xl);
  }
  .lg\:gap-3xl {
    grid-gap: var(--espaciado-3xl);
  }
  .lg\:gap-4xl {
    grid-gap: var(--espaciado-4xl);
  }
  .lg\:gap-5xl {
    grid-gap: var(--espaciado-5xl);
  }
  .lg\:gap-6xl {
    grid-gap: var(--espaciado-6xl);
  }
  .lg\:gap-7xl {
    grid-gap: var(--espaciado-7xl);
  }
  .lg\:gap-8xl {
    grid-gap: var(--espaciado-8xl);
  }
  .lg\:no-gap {
    grid-gap: 0;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:justify-end {
    justify-content: flex-end;
  }
  .lg\:justify-start {
    justify-content: flex-start;
  }
  .lg\:justify-items-start {
    justify-items: start;
  }
  .lg\:justify-items-end {
    justify-items: end;
  }
  .lg\:justify-items-center {
    justify-items: center;
  }
  .lg\:justify-items-stretch {
    justify-items: stretch;
  }
  .lg\:justify-self-auto {
    justify-self: auto;
  }
  .lg\:justify-self-start {
    justify-self: start;
  }
  .lg\:justify-self-end {
    justify-self: end;
  }
  .lg\:justify-self-center {
    justify-self: center;
  }
  .lg\:justify-self-stretch {
    justify-self: stretch;
  }
  .lg\:align-content-center {
    align-content: center;
  }
  .lg\:align-content-start {
    align-content: flex-start;
  }
  .lg\:align-content-end {
    align-content: flex-end;
  }
  .lg\:align-content-between {
    align-content: space-between;
  }
  .lg\:items-start {
    align-items: flex-start;
  }
  .lg\:items-end {
    align-items: flex-end;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:align-self-auto {
    align-self: auto;
  }
  .lg\:align-self-start {
    align-self: flex-start;
  }
  .lg\:align-self-end {
    align-self: flex-end;
  }
  .lg\:align-self-center {
    align-self: center;
  }
  .lg\:align-self-stretch {
    align-self: stretch;
  }
  .lg\:align-self-baseline {
    align-self: baseline;
  }
  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lg\:col-span-1 {
    grid-column: span 1/span 1;
  }
  .lg\:row-span-1 {
    grid-row: span 1/span 1;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 2fr));
  }
  .lg\:col-span-2 {
    grid-column: span 2/span 2;
  }
  .lg\:row-span-2 {
    grid-row: span 2/span 2;
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 3fr));
  }
  .lg\:col-span-3 {
    grid-column: span 3/span 3;
  }
  .lg\:row-span-3 {
    grid-row: span 3/span 3;
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 4fr));
  }
  .lg\:col-span-4 {
    grid-column: span 4/span 4;
  }
  .lg\:row-span-4 {
    grid-row: span 4/span 4;
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 5fr));
  }
  .lg\:col-span-5 {
    grid-column: span 5/span 5;
  }
  .lg\:row-span-5 {
    grid-row: span 5/span 5;
  }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 6fr));
  }
  .lg\:col-span-6 {
    grid-column: span 6/span 6;
  }
  .lg\:row-span-6 {
    grid-row: span 6/span 6;
  }
  .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 7fr));
  }
  .lg\:col-span-7 {
    grid-column: span 7/span 7;
  }
  .lg\:row-span-7 {
    grid-row: span 7/span 7;
  }
  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 8fr));
  }
  .lg\:col-span-8 {
    grid-column: span 8/span 8;
  }
  .lg\:row-span-8 {
    grid-row: span 8/span 8;
  }
  .lg\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 9fr));
  }
  .lg\:col-span-9 {
    grid-column: span 9/span 9;
  }
  .lg\:row-span-9 {
    grid-row: span 9/span 9;
  }
  .lg\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 10fr));
  }
  .lg\:col-span-10 {
    grid-column: span 10/span 10;
  }
  .lg\:row-span-10 {
    grid-row: span 10/span 10;
  }
  .lg\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 11fr));
  }
  .lg\:col-span-11 {
    grid-column: span 11/span 11;
  }
  .lg\:row-span-11 {
    grid-row: span 11/span 11;
  }
  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 12fr));
  }
  .lg\:col-span-12 {
    grid-column: span 12/span 12;
  }
  .lg\:row-span-12 {
    grid-row: span 12/span 12;
  }
  .lg\:col-start-1 {
    grid-column-start: 1;
  }
  .lg\:col-start-2 {
    grid-column-start: 2;
  }
  .lg\:col-start-3 {
    grid-column-start: 3;
  }
  .lg\:col-start-4 {
    grid-column-start: 4;
  }
  .lg\:col-start-5 {
    grid-column-start: 5;
  }
  .lg\:col-start-6 {
    grid-column-start: 6;
  }
  .lg\:col-start-7 {
    grid-column-start: 7;
  }
  .lg\:col-start-8 {
    grid-column-start: 8;
  }
  .lg\:col-start-9 {
    grid-column-start: 9;
  }
  .lg\:col-start-10 {
    grid-column-start: 10;
  }
  .lg\:col-start-11 {
    grid-column-start: 11;
  }
  .lg\:col-start-12 {
    grid-column-start: 12;
  }
  .lg\:col-auto {
    grid-column: auto;
  }
  .lg\:order-1 {
    order: 1;
  }
  .lg\:order-2 {
    order: 2;
  }
  .lg\:order-3 {
    order: 3;
  }
  .lg\:order-4 {
    order: 4;
  }
  .lg\:order-5 {
    order: 5;
  }
  .lg\:order-6 {
    order: 6;
  }
  .lg\:order-7 {
    order: 7;
  }
  .lg\:order-8 {
    order: 8;
  }
  .lg\:order-9 {
    order: 9;
  }
  .lg\:order-10 {
    order: 10;
  }
  .lg\:order-11 {
    order: 11;
  }
  .lg\:order-12 {
    order: 12;
  }
  .lg\:order-primero {
    order: -9999;
  }
  .lg\:order-ultimo {
    order: 9999;
  }
  .lg\:order-0 {
    order: 0;
  }
}
.z-index-menos-1 {
  z-index: -1;
}

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

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

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

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

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

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

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

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

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

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

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

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.sticky {
  position: sticky;
}

.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.top-0 {
  top: 0;
}

.left-0 {
  left: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.float-none {
  float: none;
}

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

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.collapse {
  visibility: collapse;
}

.hover\:z-index-menos-1:hover {
  z-index: -1;
}

.hover\:z-index-1:hover {
  z-index: 1;
}

.hover\:z-index-2:hover {
  z-index: 2;
}

.hover\:z-index-3:hover {
  z-index: 3;
}

.hover\:z-index-4:hover {
  z-index: 4;
}

.hover\:z-index-5:hover {
  z-index: 5;
}

.hover\:z-index-6:hover {
  z-index: 6;
}

.hover\:z-index-7:hover {
  z-index: 7;
}

.hover\:z-index-8:hover {
  z-index: 8;
}

.hover\:z-index-9:hover {
  z-index: 9;
}

.hover\:z-index-99:hover {
  z-index: 99;
}

.hover\:z-index-999:hover {
  z-index: 999;
}

.hover\:relative:hover {
  position: relative;
}

.hover\:absolute:hover {
  position: absolute;
}

.hover\:fixed:hover {
  position: fixed;
}

.hover\:sticky:hover {
  position: sticky;
}

.hover\:inset-0:hover {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.hover\:top-0:hover {
  top: 0;
}

.hover\:left-0:hover {
  left: 0;
}

.hover\:right-0:hover {
  right: 0;
}

.hover\:bottom-0:hover {
  bottom: 0;
}

.hover\:float-right:hover {
  float: right;
}

.hover\:float-left:hover {
  float: left;
}

.hover\:float-none:hover {
  float: none;
}

.hover\:centrar:hover {
  margin-left: auto;
  margin-right: auto;
}

.hover\:invisible:hover {
  visibility: hidden;
}

.hover\:visible:hover {
  visibility: visible;
}

.hover\:collapse:hover {
  visibility: collapse;
}

@media (min-width: 768px) {
  .md\:z-index-menos-1 {
    z-index: -1;
  }
  .md\:z-index-1 {
    z-index: 1;
  }
  .md\:z-index-2 {
    z-index: 2;
  }
  .md\:z-index-3 {
    z-index: 3;
  }
  .md\:z-index-4 {
    z-index: 4;
  }
  .md\:z-index-5 {
    z-index: 5;
  }
  .md\:z-index-6 {
    z-index: 6;
  }
  .md\:z-index-7 {
    z-index: 7;
  }
  .md\:z-index-8 {
    z-index: 8;
  }
  .md\:z-index-9 {
    z-index: 9;
  }
  .md\:z-index-99 {
    z-index: 99;
  }
  .md\:z-index-999 {
    z-index: 999;
  }
  .md\:relative {
    position: relative;
  }
  .md\:absolute {
    position: absolute;
  }
  .md\:fixed {
    position: fixed;
  }
  .md\:sticky {
    position: sticky;
  }
  .md\:inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
  .md\:top-0 {
    top: 0;
  }
  .md\:left-0 {
    left: 0;
  }
  .md\:right-0 {
    right: 0;
  }
  .md\:bottom-0 {
    bottom: 0;
  }
  .md\:float-right {
    float: right;
  }
  .md\:float-left {
    float: left;
  }
  .md\:float-none {
    float: none;
  }
  .md\:centrar {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:invisible {
    visibility: hidden;
  }
  .md\:visible {
    visibility: visible;
  }
  .md\:collapse {
    visibility: collapse;
  }
  .md\:hover\:z-index-menos-1:hover {
    z-index: -1;
  }
  .md\:hover\:z-index-1:hover {
    z-index: 1;
  }
  .md\:hover\:z-index-2:hover {
    z-index: 2;
  }
  .md\:hover\:z-index-3:hover {
    z-index: 3;
  }
  .md\:hover\:z-index-4:hover {
    z-index: 4;
  }
  .md\:hover\:z-index-5:hover {
    z-index: 5;
  }
  .md\:hover\:z-index-6:hover {
    z-index: 6;
  }
  .md\:hover\:z-index-7:hover {
    z-index: 7;
  }
  .md\:hover\:z-index-8:hover {
    z-index: 8;
  }
  .md\:hover\:z-index-9:hover {
    z-index: 9;
  }
  .md\:hover\:z-index-99:hover {
    z-index: 99;
  }
  .md\:hover\:z-index-999:hover {
    z-index: 999;
  }
  .md\:hover\:relative:hover {
    position: relative;
  }
  .md\:hover\:absolute:hover {
    position: absolute;
  }
  .md\:hover\:fixed:hover {
    position: fixed;
  }
  .md\:hover\:sticky:hover {
    position: sticky;
  }
  .md\:hover\:inset-0:hover {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
  .md\:hover\:top-0:hover {
    top: 0;
  }
  .md\:hover\:left-0:hover {
    left: 0;
  }
  .md\:hover\:right-0:hover {
    right: 0;
  }
  .md\:hover\:bottom-0:hover {
    bottom: 0;
  }
  .md\:hover\:float-right:hover {
    float: right;
  }
  .md\:hover\:float-left:hover {
    float: left;
  }
  .md\:hover\:float-none:hover {
    float: none;
  }
  .md\:hover\:centrar:hover {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:hover\:invisible:hover {
    visibility: hidden;
  }
  .md\:hover\:visible:hover {
    visibility: visible;
  }
  .md\:hover\:collapse:hover {
    visibility: collapse;
  }
}
@media (min-width: 992px) {
  .lg\:z-index-menos-1 {
    z-index: -1;
  }
  .lg\:z-index-1 {
    z-index: 1;
  }
  .lg\:z-index-2 {
    z-index: 2;
  }
  .lg\:z-index-3 {
    z-index: 3;
  }
  .lg\:z-index-4 {
    z-index: 4;
  }
  .lg\:z-index-5 {
    z-index: 5;
  }
  .lg\:z-index-6 {
    z-index: 6;
  }
  .lg\:z-index-7 {
    z-index: 7;
  }
  .lg\:z-index-8 {
    z-index: 8;
  }
  .lg\:z-index-9 {
    z-index: 9;
  }
  .lg\:z-index-99 {
    z-index: 99;
  }
  .lg\:z-index-999 {
    z-index: 999;
  }
  .lg\:relative {
    position: relative;
  }
  .lg\:absolute {
    position: absolute;
  }
  .lg\:fixed {
    position: fixed;
  }
  .lg\:sticky {
    position: sticky;
  }
  .lg\:inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
  .lg\:top-0 {
    top: 0;
  }
  .lg\:left-0 {
    left: 0;
  }
  .lg\:right-0 {
    right: 0;
  }
  .lg\:bottom-0 {
    bottom: 0;
  }
  .lg\:float-right {
    float: right;
  }
  .lg\:float-left {
    float: left;
  }
  .lg\:float-none {
    float: none;
  }
  .lg\:centrar {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:invisible {
    visibility: hidden;
  }
  .lg\:visible {
    visibility: visible;
  }
  .lg\:collapse {
    visibility: collapse;
  }
  .lg\:hover\:z-index-menos-1:hover {
    z-index: -1;
  }
  .lg\:hover\:z-index-1:hover {
    z-index: 1;
  }
  .lg\:hover\:z-index-2:hover {
    z-index: 2;
  }
  .lg\:hover\:z-index-3:hover {
    z-index: 3;
  }
  .lg\:hover\:z-index-4:hover {
    z-index: 4;
  }
  .lg\:hover\:z-index-5:hover {
    z-index: 5;
  }
  .lg\:hover\:z-index-6:hover {
    z-index: 6;
  }
  .lg\:hover\:z-index-7:hover {
    z-index: 7;
  }
  .lg\:hover\:z-index-8:hover {
    z-index: 8;
  }
  .lg\:hover\:z-index-9:hover {
    z-index: 9;
  }
  .lg\:hover\:z-index-99:hover {
    z-index: 99;
  }
  .lg\:hover\:z-index-999:hover {
    z-index: 999;
  }
  .lg\:hover\:relative:hover {
    position: relative;
  }
  .lg\:hover\:absolute:hover {
    position: absolute;
  }
  .lg\:hover\:fixed:hover {
    position: fixed;
  }
  .lg\:hover\:sticky:hover {
    position: sticky;
  }
  .lg\:hover\:inset-0:hover {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
  .lg\:hover\:top-0:hover {
    top: 0;
  }
  .lg\:hover\:left-0:hover {
    left: 0;
  }
  .lg\:hover\:right-0:hover {
    right: 0;
  }
  .lg\:hover\:bottom-0:hover {
    bottom: 0;
  }
  .lg\:hover\:float-right:hover {
    float: right;
  }
  .lg\:hover\:float-left:hover {
    float: left;
  }
  .lg\:hover\:float-none:hover {
    float: none;
  }
  .lg\:hover\:centrar:hover {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:hover\:invisible:hover {
    visibility: hidden;
  }
  .lg\:hover\:visible:hover {
    visibility: visible;
  }
  .lg\:hover\:collapse:hover {
    visibility: collapse;
  }
}
.borde-0 {
  border-width: 0;
}

.borde-y-0 {
  border-top-width: 0;
  border-bottom-width: 0;
}

.borde-x-0 {
  border-left-width: 0;
  border-right-width: 0;
}

.borde-1px {
  border-width: 1px;
}

.borde-y-1px {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.borde-x-1px {
  border-left-width: 1px;
  border-right-width: 1px;
}

.borde-2px {
  border-width: 2px;
}

.borde-y-2px {
  border-top-width: 2px;
  border-bottom-width: 2px;
}

.borde-x-2px {
  border-left-width: 2px;
  border-right-width: 2px;
}

.borde-3px {
  border-width: 3px;
}

.borde-y-3px {
  border-top-width: 3px;
  border-bottom-width: 3px;
}

.borde-x-3px {
  border-left-width: 3px;
  border-right-width: 3px;
}

.borde-4px {
  border-width: 4px;
}

.borde-y-4px {
  border-top-width: 4px;
  border-bottom-width: 4px;
}

.borde-x-4px {
  border-left-width: 4px;
  border-right-width: 4px;
}

.borde-5px {
  border-width: 5px;
}

.borde-y-5px {
  border-top-width: 5px;
  border-bottom-width: 5px;
}

.borde-x-5px {
  border-left-width: 5px;
  border-right-width: 5px;
}

.borde-6px {
  border-width: 6px;
}

.borde-y-6px {
  border-top-width: 6px;
  border-bottom-width: 6px;
}

.borde-x-6px {
  border-left-width: 6px;
  border-right-width: 6px;
}

.borde-7px {
  border-width: 7px;
}

.borde-y-7px {
  border-top-width: 7px;
  border-bottom-width: 7px;
}

.borde-x-7px {
  border-left-width: 7px;
  border-right-width: 7px;
}

.borde-8px {
  border-width: 8px;
}

.borde-y-8px {
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.borde-x-8px {
  border-left-width: 8px;
  border-right-width: 8px;
}

.borde-9px {
  border-width: 9px;
}

.borde-y-9px {
  border-top-width: 9px;
  border-bottom-width: 9px;
}

.borde-x-9px {
  border-left-width: 9px;
  border-right-width: 9px;
}

.borde-10px {
  border-width: 10px;
}

.borde-y-10px {
  border-top-width: 10px;
  border-bottom-width: 10px;
}

.borde-x-10px {
  border-left-width: 10px;
  border-right-width: 10px;
}

.borde-arriba-0 {
  border-top-width: 0;
}

.borde-abajo-0 {
  border-bottom-width: 0;
}

.borde-derecha-0 {
  border-right-width: 0;
}

.borde-izquierda-0 {
  border-left-width: 0;
}

.borde-arriba-1px {
  border-top-width: 1px;
}

.borde-abajo-1px {
  border-bottom-width: 1px;
}

.borde-derecha-1px {
  border-right-width: 1px;
}

.borde-izquierda-1px {
  border-left-width: 1px;
}

.borde-arriba-2px {
  border-top-width: 2px;
}

.borde-abajo-2px {
  border-bottom-width: 2px;
}

.borde-derecha-2px {
  border-right-width: 2px;
}

.borde-izquierda-2px {
  border-left-width: 2px;
}

.borde-arriba-3px {
  border-top-width: 3px;
}

.borde-abajo-3px {
  border-bottom-width: 3px;
}

.borde-derecha-3px {
  border-right-width: 3px;
}

.borde-izquierda-3px {
  border-left-width: 3px;
}

.borde-arriba-4px {
  border-top-width: 4px;
}

.borde-abajo-4px {
  border-bottom-width: 4px;
}

.borde-derecha-4px {
  border-right-width: 4px;
}

.borde-izquierda-4px {
  border-left-width: 4px;
}

.borde-arriba-5px {
  border-top-width: 5px;
}

.borde-abajo-5px {
  border-bottom-width: 5px;
}

.borde-derecha-5px {
  border-right-width: 5px;
}

.borde-izquierda-5px {
  border-left-width: 5px;
}

.borde-arriba-6px {
  border-top-width: 6px;
}

.borde-abajo-6px {
  border-bottom-width: 6px;
}

.borde-derecha-6px {
  border-right-width: 6px;
}

.borde-izquierda-6px {
  border-left-width: 6px;
}

.borde-arriba-7px {
  border-top-width: 7px;
}

.borde-abajo-7px {
  border-bottom-width: 7px;
}

.borde-derecha-7px {
  border-right-width: 7px;
}

.borde-izquierda-7px {
  border-left-width: 7px;
}

.borde-arriba-8px {
  border-top-width: 8px;
}

.borde-abajo-8px {
  border-bottom-width: 8px;
}

.borde-derecha-8px {
  border-right-width: 8px;
}

.borde-izquierda-8px {
  border-left-width: 8px;
}

.borde-arriba-9px {
  border-top-width: 9px;
}

.borde-abajo-9px {
  border-bottom-width: 9px;
}

.borde-derecha-9px {
  border-right-width: 9px;
}

.borde-izquierda-9px {
  border-left-width: 9px;
}

.borde-arriba-10px {
  border-top-width: 10px;
}

.borde-abajo-10px {
  border-bottom-width: 10px;
}

.borde-derecha-10px {
  border-right-width: 10px;
}

.borde-izquierda-10px {
  border-left-width: 10px;
}

.redondeado-xxs {
  border-radius: 2px;
}

.redondeado-arriba-derecha-xxs {
  border-top-right-radius: 2px;
}

.redondeado-arriba-izquierda-xxs {
  border-top-left-radius: 2px;
}

.redondeado-abajo-izquierda-xxs {
  border-bottom-left-radius: 2px;
}

.redondeado-abajo-derecha-xxs {
  border-bottom-right-radius: 2px;
}

.redondeado-xs {
  border-radius: 4px;
}

.redondeado-arriba-derecha-xs {
  border-top-right-radius: 4px;
}

.redondeado-arriba-izquierda-xs {
  border-top-left-radius: 4px;
}

.redondeado-abajo-izquierda-xs {
  border-bottom-left-radius: 4px;
}

.redondeado-abajo-derecha-xs {
  border-bottom-right-radius: 4px;
}

.redondeado-sm {
  border-radius: 6px;
}

.redondeado-arriba-derecha-sm {
  border-top-right-radius: 6px;
}

.redondeado-arriba-izquierda-sm {
  border-top-left-radius: 6px;
}

.redondeado-abajo-izquierda-sm {
  border-bottom-left-radius: 6px;
}

.redondeado-abajo-derecha-sm {
  border-bottom-right-radius: 6px;
}

.redondeado-normal {
  border-radius: 8px;
}

.redondeado-arriba-derecha-normal {
  border-top-right-radius: 8px;
}

.redondeado-arriba-izquierda-normal {
  border-top-left-radius: 8px;
}

.redondeado-abajo-izquierda-normal {
  border-bottom-left-radius: 8px;
}

.redondeado-abajo-derecha-normal {
  border-bottom-right-radius: 8px;
}

.redondeado-md {
  border-radius: 12px;
}

.redondeado-arriba-derecha-md {
  border-top-right-radius: 12px;
}

.redondeado-arriba-izquierda-md {
  border-top-left-radius: 12px;
}

.redondeado-abajo-izquierda-md {
  border-bottom-left-radius: 12px;
}

.redondeado-abajo-derecha-md {
  border-bottom-right-radius: 12px;
}

.redondeado- {
  border-radius: 16px;
}

.redondeado-arriba-derecha- {
  border-top-right-radius: 16px;
}

.redondeado-arriba-izquierda- {
  border-top-left-radius: 16px;
}

.redondeado-abajo-izquierda- {
  border-bottom-left-radius: 16px;
}

.redondeado-abajo-derecha- {
  border-bottom-right-radius: 16px;
}

.redondeado-xl {
  border-radius: 20px;
}

.redondeado-arriba-derecha-xl {
  border-top-right-radius: 20px;
}

.redondeado-arriba-izquierda-xl {
  border-top-left-radius: 20px;
}

.redondeado-abajo-izquierda-xl {
  border-bottom-left-radius: 20px;
}

.redondeado-abajo-derecha-xl {
  border-bottom-right-radius: 20px;
}

.redondeado-2xl {
  border-radius: 24px;
}

.redondeado-arriba-derecha-2xl {
  border-top-right-radius: 24px;
}

.redondeado-arriba-izquierda-2xl {
  border-top-left-radius: 24px;
}

.redondeado-abajo-izquierda-2xl {
  border-bottom-left-radius: 24px;
}

.redondeado-abajo-derecha-2xl {
  border-bottom-right-radius: 24px;
}

.redondeado-circulo {
  border-radius: 9999px;
}

.redondeado-arriba-derecha-circulo {
  border-top-right-radius: 9999px;
}

.redondeado-arriba-izquierda-circulo {
  border-top-left-radius: 9999px;
}

.redondeado-abajo-izquierda-circulo {
  border-bottom-left-radius: 9999px;
}

.redondeado-abajo-derecha-circulo {
  border-bottom-right-radius: 9999px;
}

.hover\:borde-0:hover {
  border-width: 0;
}

.hover\:borde-y-0:hover {
  border-top-width: 0;
  border-bottom-width: 0;
}

.hover\:borde-x-0:hover {
  border-left-width: 0;
  border-right-width: 0;
}

.hover\:borde-1px:hover {
  border-width: 1px;
}

.hover\:borde-y-1px:hover {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.hover\:borde-x-1px:hover {
  border-left-width: 1px;
  border-right-width: 1px;
}

.hover\:borde-2px:hover {
  border-width: 2px;
}

.hover\:borde-y-2px:hover {
  border-top-width: 2px;
  border-bottom-width: 2px;
}

.hover\:borde-x-2px:hover {
  border-left-width: 2px;
  border-right-width: 2px;
}

.hover\:borde-3px:hover {
  border-width: 3px;
}

.hover\:borde-y-3px:hover {
  border-top-width: 3px;
  border-bottom-width: 3px;
}

.hover\:borde-x-3px:hover {
  border-left-width: 3px;
  border-right-width: 3px;
}

.hover\:borde-4px:hover {
  border-width: 4px;
}

.hover\:borde-y-4px:hover {
  border-top-width: 4px;
  border-bottom-width: 4px;
}

.hover\:borde-x-4px:hover {
  border-left-width: 4px;
  border-right-width: 4px;
}

.hover\:borde-5px:hover {
  border-width: 5px;
}

.hover\:borde-y-5px:hover {
  border-top-width: 5px;
  border-bottom-width: 5px;
}

.hover\:borde-x-5px:hover {
  border-left-width: 5px;
  border-right-width: 5px;
}

.hover\:borde-6px:hover {
  border-width: 6px;
}

.hover\:borde-y-6px:hover {
  border-top-width: 6px;
  border-bottom-width: 6px;
}

.hover\:borde-x-6px:hover {
  border-left-width: 6px;
  border-right-width: 6px;
}

.hover\:borde-7px:hover {
  border-width: 7px;
}

.hover\:borde-y-7px:hover {
  border-top-width: 7px;
  border-bottom-width: 7px;
}

.hover\:borde-x-7px:hover {
  border-left-width: 7px;
  border-right-width: 7px;
}

.hover\:borde-8px:hover {
  border-width: 8px;
}

.hover\:borde-y-8px:hover {
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.hover\:borde-x-8px:hover {
  border-left-width: 8px;
  border-right-width: 8px;
}

.hover\:borde-9px:hover {
  border-width: 9px;
}

.hover\:borde-y-9px:hover {
  border-top-width: 9px;
  border-bottom-width: 9px;
}

.hover\:borde-x-9px:hover {
  border-left-width: 9px;
  border-right-width: 9px;
}

.hover\:borde-10px:hover {
  border-width: 10px;
}

.hover\:borde-y-10px:hover {
  border-top-width: 10px;
  border-bottom-width: 10px;
}

.hover\:borde-x-10px:hover {
  border-left-width: 10px;
  border-right-width: 10px;
}

.hover\:borde-arriba-0:hover {
  border-top-width: 0;
}

.hover\:borde-abajo-0:hover {
  border-bottom-width: 0;
}

.hover\:borde-derecha-0:hover {
  border-right-width: 0;
}

.hover\:borde-izquierda-0:hover {
  border-left-width: 0;
}

.hover\:borde-arriba-1px:hover {
  border-top-width: 1px;
}

.hover\:borde-abajo-1px:hover {
  border-bottom-width: 1px;
}

.hover\:borde-derecha-1px:hover {
  border-right-width: 1px;
}

.hover\:borde-izquierda-1px:hover {
  border-left-width: 1px;
}

.hover\:borde-arriba-2px:hover {
  border-top-width: 2px;
}

.hover\:borde-abajo-2px:hover {
  border-bottom-width: 2px;
}

.hover\:borde-derecha-2px:hover {
  border-right-width: 2px;
}

.hover\:borde-izquierda-2px:hover {
  border-left-width: 2px;
}

.hover\:borde-arriba-3px:hover {
  border-top-width: 3px;
}

.hover\:borde-abajo-3px:hover {
  border-bottom-width: 3px;
}

.hover\:borde-derecha-3px:hover {
  border-right-width: 3px;
}

.hover\:borde-izquierda-3px:hover {
  border-left-width: 3px;
}

.hover\:borde-arriba-4px:hover {
  border-top-width: 4px;
}

.hover\:borde-abajo-4px:hover {
  border-bottom-width: 4px;
}

.hover\:borde-derecha-4px:hover {
  border-right-width: 4px;
}

.hover\:borde-izquierda-4px:hover {
  border-left-width: 4px;
}

.hover\:borde-arriba-5px:hover {
  border-top-width: 5px;
}

.hover\:borde-abajo-5px:hover {
  border-bottom-width: 5px;
}

.hover\:borde-derecha-5px:hover {
  border-right-width: 5px;
}

.hover\:borde-izquierda-5px:hover {
  border-left-width: 5px;
}

.hover\:borde-arriba-6px:hover {
  border-top-width: 6px;
}

.hover\:borde-abajo-6px:hover {
  border-bottom-width: 6px;
}

.hover\:borde-derecha-6px:hover {
  border-right-width: 6px;
}

.hover\:borde-izquierda-6px:hover {
  border-left-width: 6px;
}

.hover\:borde-arriba-7px:hover {
  border-top-width: 7px;
}

.hover\:borde-abajo-7px:hover {
  border-bottom-width: 7px;
}

.hover\:borde-derecha-7px:hover {
  border-right-width: 7px;
}

.hover\:borde-izquierda-7px:hover {
  border-left-width: 7px;
}

.hover\:borde-arriba-8px:hover {
  border-top-width: 8px;
}

.hover\:borde-abajo-8px:hover {
  border-bottom-width: 8px;
}

.hover\:borde-derecha-8px:hover {
  border-right-width: 8px;
}

.hover\:borde-izquierda-8px:hover {
  border-left-width: 8px;
}

.hover\:borde-arriba-9px:hover {
  border-top-width: 9px;
}

.hover\:borde-abajo-9px:hover {
  border-bottom-width: 9px;
}

.hover\:borde-derecha-9px:hover {
  border-right-width: 9px;
}

.hover\:borde-izquierda-9px:hover {
  border-left-width: 9px;
}

.hover\:borde-arriba-10px:hover {
  border-top-width: 10px;
}

.hover\:borde-abajo-10px:hover {
  border-bottom-width: 10px;
}

.hover\:borde-derecha-10px:hover {
  border-right-width: 10px;
}

.hover\:borde-izquierda-10px:hover {
  border-left-width: 10px;
}

.hover\:redondeado-xxs:hover {
  border-radius: 2px;
}

.hover\:redondeado-arriba-derecha-xxs:hover {
  border-top-right-radius: 2px;
}

.hover\:redondeado-arriba-izquierda-xxs:hover {
  border-top-left-radius: 2px;
}

.hover\:redondeado-abajo-izquierda-xxs:hover {
  border-bottom-left-radius: 2px;
}

.hover\:redondeado-abajo-derecha-xxs:hover {
  border-bottom-right-radius: 2px;
}

.hover\:redondeado-xs:hover {
  border-radius: 4px;
}

.hover\:redondeado-arriba-derecha-xs:hover {
  border-top-right-radius: 4px;
}

.hover\:redondeado-arriba-izquierda-xs:hover {
  border-top-left-radius: 4px;
}

.hover\:redondeado-abajo-izquierda-xs:hover {
  border-bottom-left-radius: 4px;
}

.hover\:redondeado-abajo-derecha-xs:hover {
  border-bottom-right-radius: 4px;
}

.hover\:redondeado-sm:hover {
  border-radius: 6px;
}

.hover\:redondeado-arriba-derecha-sm:hover {
  border-top-right-radius: 6px;
}

.hover\:redondeado-arriba-izquierda-sm:hover {
  border-top-left-radius: 6px;
}

.hover\:redondeado-abajo-izquierda-sm:hover {
  border-bottom-left-radius: 6px;
}

.hover\:redondeado-abajo-derecha-sm:hover {
  border-bottom-right-radius: 6px;
}

.hover\:redondeado-normal:hover {
  border-radius: 8px;
}

.hover\:redondeado-arriba-derecha-normal:hover {
  border-top-right-radius: 8px;
}

.hover\:redondeado-arriba-izquierda-normal:hover {
  border-top-left-radius: 8px;
}

.hover\:redondeado-abajo-izquierda-normal:hover {
  border-bottom-left-radius: 8px;
}

.hover\:redondeado-abajo-derecha-normal:hover {
  border-bottom-right-radius: 8px;
}

.hover\:redondeado-md:hover {
  border-radius: 12px;
}

.hover\:redondeado-arriba-derecha-md:hover {
  border-top-right-radius: 12px;
}

.hover\:redondeado-arriba-izquierda-md:hover {
  border-top-left-radius: 12px;
}

.hover\:redondeado-abajo-izquierda-md:hover {
  border-bottom-left-radius: 12px;
}

.hover\:redondeado-abajo-derecha-md:hover {
  border-bottom-right-radius: 12px;
}

.hover\:redondeado-:hover {
  border-radius: 16px;
}

.hover\:redondeado-arriba-derecha-:hover {
  border-top-right-radius: 16px;
}

.hover\:redondeado-arriba-izquierda-:hover {
  border-top-left-radius: 16px;
}

.hover\:redondeado-abajo-izquierda-:hover {
  border-bottom-left-radius: 16px;
}

.hover\:redondeado-abajo-derecha-:hover {
  border-bottom-right-radius: 16px;
}

.hover\:redondeado-xl:hover {
  border-radius: 20px;
}

.hover\:redondeado-arriba-derecha-xl:hover {
  border-top-right-radius: 20px;
}

.hover\:redondeado-arriba-izquierda-xl:hover {
  border-top-left-radius: 20px;
}

.hover\:redondeado-abajo-izquierda-xl:hover {
  border-bottom-left-radius: 20px;
}

.hover\:redondeado-abajo-derecha-xl:hover {
  border-bottom-right-radius: 20px;
}

.hover\:redondeado-2xl:hover {
  border-radius: 24px;
}

.hover\:redondeado-arriba-derecha-2xl:hover {
  border-top-right-radius: 24px;
}

.hover\:redondeado-arriba-izquierda-2xl:hover {
  border-top-left-radius: 24px;
}

.hover\:redondeado-abajo-izquierda-2xl:hover {
  border-bottom-left-radius: 24px;
}

.hover\:redondeado-abajo-derecha-2xl:hover {
  border-bottom-right-radius: 24px;
}

.hover\:redondeado-circulo:hover {
  border-radius: 9999px;
}

.hover\:redondeado-arriba-derecha-circulo:hover {
  border-top-right-radius: 9999px;
}

.hover\:redondeado-arriba-izquierda-circulo:hover {
  border-top-left-radius: 9999px;
}

.hover\:redondeado-abajo-izquierda-circulo:hover {
  border-bottom-left-radius: 9999px;
}

.hover\:redondeado-abajo-derecha-circulo:hover {
  border-bottom-right-radius: 9999px;
}

@media (min-width: 768px) {
  .md\:borde-0 {
    border-width: 0;
  }
  .md\:borde-y-0 {
    border-top-width: 0;
    border-bottom-width: 0;
  }
  .md\:borde-x-0 {
    border-left-width: 0;
    border-right-width: 0;
  }
  .md\:borde-1px {
    border-width: 1px;
  }
  .md\:borde-y-1px {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  .md\:borde-x-1px {
    border-left-width: 1px;
    border-right-width: 1px;
  }
  .md\:borde-2px {
    border-width: 2px;
  }
  .md\:borde-y-2px {
    border-top-width: 2px;
    border-bottom-width: 2px;
  }
  .md\:borde-x-2px {
    border-left-width: 2px;
    border-right-width: 2px;
  }
  .md\:borde-3px {
    border-width: 3px;
  }
  .md\:borde-y-3px {
    border-top-width: 3px;
    border-bottom-width: 3px;
  }
  .md\:borde-x-3px {
    border-left-width: 3px;
    border-right-width: 3px;
  }
  .md\:borde-4px {
    border-width: 4px;
  }
  .md\:borde-y-4px {
    border-top-width: 4px;
    border-bottom-width: 4px;
  }
  .md\:borde-x-4px {
    border-left-width: 4px;
    border-right-width: 4px;
  }
  .md\:borde-5px {
    border-width: 5px;
  }
  .md\:borde-y-5px {
    border-top-width: 5px;
    border-bottom-width: 5px;
  }
  .md\:borde-x-5px {
    border-left-width: 5px;
    border-right-width: 5px;
  }
  .md\:borde-6px {
    border-width: 6px;
  }
  .md\:borde-y-6px {
    border-top-width: 6px;
    border-bottom-width: 6px;
  }
  .md\:borde-x-6px {
    border-left-width: 6px;
    border-right-width: 6px;
  }
  .md\:borde-7px {
    border-width: 7px;
  }
  .md\:borde-y-7px {
    border-top-width: 7px;
    border-bottom-width: 7px;
  }
  .md\:borde-x-7px {
    border-left-width: 7px;
    border-right-width: 7px;
  }
  .md\:borde-8px {
    border-width: 8px;
  }
  .md\:borde-y-8px {
    border-top-width: 8px;
    border-bottom-width: 8px;
  }
  .md\:borde-x-8px {
    border-left-width: 8px;
    border-right-width: 8px;
  }
  .md\:borde-9px {
    border-width: 9px;
  }
  .md\:borde-y-9px {
    border-top-width: 9px;
    border-bottom-width: 9px;
  }
  .md\:borde-x-9px {
    border-left-width: 9px;
    border-right-width: 9px;
  }
  .md\:borde-10px {
    border-width: 10px;
  }
  .md\:borde-y-10px {
    border-top-width: 10px;
    border-bottom-width: 10px;
  }
  .md\:borde-x-10px {
    border-left-width: 10px;
    border-right-width: 10px;
  }
  .md\:borde-arriba-0 {
    border-top-width: 0;
  }
  .md\:borde-abajo-0 {
    border-bottom-width: 0;
  }
  .md\:borde-derecha-0 {
    border-right-width: 0;
  }
  .md\:borde-izquierda-0 {
    border-left-width: 0;
  }
  .md\:borde-arriba-1px {
    border-top-width: 1px;
  }
  .md\:borde-abajo-1px {
    border-bottom-width: 1px;
  }
  .md\:borde-derecha-1px {
    border-right-width: 1px;
  }
  .md\:borde-izquierda-1px {
    border-left-width: 1px;
  }
  .md\:borde-arriba-2px {
    border-top-width: 2px;
  }
  .md\:borde-abajo-2px {
    border-bottom-width: 2px;
  }
  .md\:borde-derecha-2px {
    border-right-width: 2px;
  }
  .md\:borde-izquierda-2px {
    border-left-width: 2px;
  }
  .md\:borde-arriba-3px {
    border-top-width: 3px;
  }
  .md\:borde-abajo-3px {
    border-bottom-width: 3px;
  }
  .md\:borde-derecha-3px {
    border-right-width: 3px;
  }
  .md\:borde-izquierda-3px {
    border-left-width: 3px;
  }
  .md\:borde-arriba-4px {
    border-top-width: 4px;
  }
  .md\:borde-abajo-4px {
    border-bottom-width: 4px;
  }
  .md\:borde-derecha-4px {
    border-right-width: 4px;
  }
  .md\:borde-izquierda-4px {
    border-left-width: 4px;
  }
  .md\:borde-arriba-5px {
    border-top-width: 5px;
  }
  .md\:borde-abajo-5px {
    border-bottom-width: 5px;
  }
  .md\:borde-derecha-5px {
    border-right-width: 5px;
  }
  .md\:borde-izquierda-5px {
    border-left-width: 5px;
  }
  .md\:borde-arriba-6px {
    border-top-width: 6px;
  }
  .md\:borde-abajo-6px {
    border-bottom-width: 6px;
  }
  .md\:borde-derecha-6px {
    border-right-width: 6px;
  }
  .md\:borde-izquierda-6px {
    border-left-width: 6px;
  }
  .md\:borde-arriba-7px {
    border-top-width: 7px;
  }
  .md\:borde-abajo-7px {
    border-bottom-width: 7px;
  }
  .md\:borde-derecha-7px {
    border-right-width: 7px;
  }
  .md\:borde-izquierda-7px {
    border-left-width: 7px;
  }
  .md\:borde-arriba-8px {
    border-top-width: 8px;
  }
  .md\:borde-abajo-8px {
    border-bottom-width: 8px;
  }
  .md\:borde-derecha-8px {
    border-right-width: 8px;
  }
  .md\:borde-izquierda-8px {
    border-left-width: 8px;
  }
  .md\:borde-arriba-9px {
    border-top-width: 9px;
  }
  .md\:borde-abajo-9px {
    border-bottom-width: 9px;
  }
  .md\:borde-derecha-9px {
    border-right-width: 9px;
  }
  .md\:borde-izquierda-9px {
    border-left-width: 9px;
  }
  .md\:borde-arriba-10px {
    border-top-width: 10px;
  }
  .md\:borde-abajo-10px {
    border-bottom-width: 10px;
  }
  .md\:borde-derecha-10px {
    border-right-width: 10px;
  }
  .md\:borde-izquierda-10px {
    border-left-width: 10px;
  }
  .md\:redondeado-xxs {
    border-radius: 2px;
  }
  .md\:redondeado-arriba-derecha-xxs {
    border-top-right-radius: 2px;
  }
  .md\:redondeado-arriba-izquierda-xxs {
    border-top-left-radius: 2px;
  }
  .md\:redondeado-abajo-izquierda-xxs {
    border-bottom-left-radius: 2px;
  }
  .md\:redondeado-abajo-derecha-xxs {
    border-bottom-right-radius: 2px;
  }
  .md\:redondeado-xs {
    border-radius: 4px;
  }
  .md\:redondeado-arriba-derecha-xs {
    border-top-right-radius: 4px;
  }
  .md\:redondeado-arriba-izquierda-xs {
    border-top-left-radius: 4px;
  }
  .md\:redondeado-abajo-izquierda-xs {
    border-bottom-left-radius: 4px;
  }
  .md\:redondeado-abajo-derecha-xs {
    border-bottom-right-radius: 4px;
  }
  .md\:redondeado-sm {
    border-radius: 6px;
  }
  .md\:redondeado-arriba-derecha-sm {
    border-top-right-radius: 6px;
  }
  .md\:redondeado-arriba-izquierda-sm {
    border-top-left-radius: 6px;
  }
  .md\:redondeado-abajo-izquierda-sm {
    border-bottom-left-radius: 6px;
  }
  .md\:redondeado-abajo-derecha-sm {
    border-bottom-right-radius: 6px;
  }
  .md\:redondeado-normal {
    border-radius: 8px;
  }
  .md\:redondeado-arriba-derecha-normal {
    border-top-right-radius: 8px;
  }
  .md\:redondeado-arriba-izquierda-normal {
    border-top-left-radius: 8px;
  }
  .md\:redondeado-abajo-izquierda-normal {
    border-bottom-left-radius: 8px;
  }
  .md\:redondeado-abajo-derecha-normal {
    border-bottom-right-radius: 8px;
  }
  .md\:redondeado-md {
    border-radius: 12px;
  }
  .md\:redondeado-arriba-derecha-md {
    border-top-right-radius: 12px;
  }
  .md\:redondeado-arriba-izquierda-md {
    border-top-left-radius: 12px;
  }
  .md\:redondeado-abajo-izquierda-md {
    border-bottom-left-radius: 12px;
  }
  .md\:redondeado-abajo-derecha-md {
    border-bottom-right-radius: 12px;
  }
  .md\:redondeado- {
    border-radius: 16px;
  }
  .md\:redondeado-arriba-derecha- {
    border-top-right-radius: 16px;
  }
  .md\:redondeado-arriba-izquierda- {
    border-top-left-radius: 16px;
  }
  .md\:redondeado-abajo-izquierda- {
    border-bottom-left-radius: 16px;
  }
  .md\:redondeado-abajo-derecha- {
    border-bottom-right-radius: 16px;
  }
  .md\:redondeado-xl {
    border-radius: 20px;
  }
  .md\:redondeado-arriba-derecha-xl {
    border-top-right-radius: 20px;
  }
  .md\:redondeado-arriba-izquierda-xl {
    border-top-left-radius: 20px;
  }
  .md\:redondeado-abajo-izquierda-xl {
    border-bottom-left-radius: 20px;
  }
  .md\:redondeado-abajo-derecha-xl {
    border-bottom-right-radius: 20px;
  }
  .md\:redondeado-2xl {
    border-radius: 24px;
  }
  .md\:redondeado-arriba-derecha-2xl {
    border-top-right-radius: 24px;
  }
  .md\:redondeado-arriba-izquierda-2xl {
    border-top-left-radius: 24px;
  }
  .md\:redondeado-abajo-izquierda-2xl {
    border-bottom-left-radius: 24px;
  }
  .md\:redondeado-abajo-derecha-2xl {
    border-bottom-right-radius: 24px;
  }
  .md\:redondeado-circulo {
    border-radius: 9999px;
  }
  .md\:redondeado-arriba-derecha-circulo {
    border-top-right-radius: 9999px;
  }
  .md\:redondeado-arriba-izquierda-circulo {
    border-top-left-radius: 9999px;
  }
  .md\:redondeado-abajo-izquierda-circulo {
    border-bottom-left-radius: 9999px;
  }
  .md\:redondeado-abajo-derecha-circulo {
    border-bottom-right-radius: 9999px;
  }
  .md\:hover\:borde-0:hover {
    border-width: 0;
  }
  .md\:hover\:borde-y-0:hover {
    border-top-width: 0;
    border-bottom-width: 0;
  }
  .md\:hover\:borde-x-0:hover {
    border-left-width: 0;
    border-right-width: 0;
  }
  .md\:hover\:borde-1px:hover {
    border-width: 1px;
  }
  .md\:hover\:borde-y-1px:hover {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  .md\:hover\:borde-x-1px:hover {
    border-left-width: 1px;
    border-right-width: 1px;
  }
  .md\:hover\:borde-2px:hover {
    border-width: 2px;
  }
  .md\:hover\:borde-y-2px:hover {
    border-top-width: 2px;
    border-bottom-width: 2px;
  }
  .md\:hover\:borde-x-2px:hover {
    border-left-width: 2px;
    border-right-width: 2px;
  }
  .md\:hover\:borde-3px:hover {
    border-width: 3px;
  }
  .md\:hover\:borde-y-3px:hover {
    border-top-width: 3px;
    border-bottom-width: 3px;
  }
  .md\:hover\:borde-x-3px:hover {
    border-left-width: 3px;
    border-right-width: 3px;
  }
  .md\:hover\:borde-4px:hover {
    border-width: 4px;
  }
  .md\:hover\:borde-y-4px:hover {
    border-top-width: 4px;
    border-bottom-width: 4px;
  }
  .md\:hover\:borde-x-4px:hover {
    border-left-width: 4px;
    border-right-width: 4px;
  }
  .md\:hover\:borde-5px:hover {
    border-width: 5px;
  }
  .md\:hover\:borde-y-5px:hover {
    border-top-width: 5px;
    border-bottom-width: 5px;
  }
  .md\:hover\:borde-x-5px:hover {
    border-left-width: 5px;
    border-right-width: 5px;
  }
  .md\:hover\:borde-6px:hover {
    border-width: 6px;
  }
  .md\:hover\:borde-y-6px:hover {
    border-top-width: 6px;
    border-bottom-width: 6px;
  }
  .md\:hover\:borde-x-6px:hover {
    border-left-width: 6px;
    border-right-width: 6px;
  }
  .md\:hover\:borde-7px:hover {
    border-width: 7px;
  }
  .md\:hover\:borde-y-7px:hover {
    border-top-width: 7px;
    border-bottom-width: 7px;
  }
  .md\:hover\:borde-x-7px:hover {
    border-left-width: 7px;
    border-right-width: 7px;
  }
  .md\:hover\:borde-8px:hover {
    border-width: 8px;
  }
  .md\:hover\:borde-y-8px:hover {
    border-top-width: 8px;
    border-bottom-width: 8px;
  }
  .md\:hover\:borde-x-8px:hover {
    border-left-width: 8px;
    border-right-width: 8px;
  }
  .md\:hover\:borde-9px:hover {
    border-width: 9px;
  }
  .md\:hover\:borde-y-9px:hover {
    border-top-width: 9px;
    border-bottom-width: 9px;
  }
  .md\:hover\:borde-x-9px:hover {
    border-left-width: 9px;
    border-right-width: 9px;
  }
  .md\:hover\:borde-10px:hover {
    border-width: 10px;
  }
  .md\:hover\:borde-y-10px:hover {
    border-top-width: 10px;
    border-bottom-width: 10px;
  }
  .md\:hover\:borde-x-10px:hover {
    border-left-width: 10px;
    border-right-width: 10px;
  }
  .md\:hover\:borde-arriba-0:hover {
    border-top-width: 0;
  }
  .md\:hover\:borde-abajo-0:hover {
    border-bottom-width: 0;
  }
  .md\:hover\:borde-derecha-0:hover {
    border-right-width: 0;
  }
  .md\:hover\:borde-izquierda-0:hover {
    border-left-width: 0;
  }
  .md\:hover\:borde-arriba-1px:hover {
    border-top-width: 1px;
  }
  .md\:hover\:borde-abajo-1px:hover {
    border-bottom-width: 1px;
  }
  .md\:hover\:borde-derecha-1px:hover {
    border-right-width: 1px;
  }
  .md\:hover\:borde-izquierda-1px:hover {
    border-left-width: 1px;
  }
  .md\:hover\:borde-arriba-2px:hover {
    border-top-width: 2px;
  }
  .md\:hover\:borde-abajo-2px:hover {
    border-bottom-width: 2px;
  }
  .md\:hover\:borde-derecha-2px:hover {
    border-right-width: 2px;
  }
  .md\:hover\:borde-izquierda-2px:hover {
    border-left-width: 2px;
  }
  .md\:hover\:borde-arriba-3px:hover {
    border-top-width: 3px;
  }
  .md\:hover\:borde-abajo-3px:hover {
    border-bottom-width: 3px;
  }
  .md\:hover\:borde-derecha-3px:hover {
    border-right-width: 3px;
  }
  .md\:hover\:borde-izquierda-3px:hover {
    border-left-width: 3px;
  }
  .md\:hover\:borde-arriba-4px:hover {
    border-top-width: 4px;
  }
  .md\:hover\:borde-abajo-4px:hover {
    border-bottom-width: 4px;
  }
  .md\:hover\:borde-derecha-4px:hover {
    border-right-width: 4px;
  }
  .md\:hover\:borde-izquierda-4px:hover {
    border-left-width: 4px;
  }
  .md\:hover\:borde-arriba-5px:hover {
    border-top-width: 5px;
  }
  .md\:hover\:borde-abajo-5px:hover {
    border-bottom-width: 5px;
  }
  .md\:hover\:borde-derecha-5px:hover {
    border-right-width: 5px;
  }
  .md\:hover\:borde-izquierda-5px:hover {
    border-left-width: 5px;
  }
  .md\:hover\:borde-arriba-6px:hover {
    border-top-width: 6px;
  }
  .md\:hover\:borde-abajo-6px:hover {
    border-bottom-width: 6px;
  }
  .md\:hover\:borde-derecha-6px:hover {
    border-right-width: 6px;
  }
  .md\:hover\:borde-izquierda-6px:hover {
    border-left-width: 6px;
  }
  .md\:hover\:borde-arriba-7px:hover {
    border-top-width: 7px;
  }
  .md\:hover\:borde-abajo-7px:hover {
    border-bottom-width: 7px;
  }
  .md\:hover\:borde-derecha-7px:hover {
    border-right-width: 7px;
  }
  .md\:hover\:borde-izquierda-7px:hover {
    border-left-width: 7px;
  }
  .md\:hover\:borde-arriba-8px:hover {
    border-top-width: 8px;
  }
  .md\:hover\:borde-abajo-8px:hover {
    border-bottom-width: 8px;
  }
  .md\:hover\:borde-derecha-8px:hover {
    border-right-width: 8px;
  }
  .md\:hover\:borde-izquierda-8px:hover {
    border-left-width: 8px;
  }
  .md\:hover\:borde-arriba-9px:hover {
    border-top-width: 9px;
  }
  .md\:hover\:borde-abajo-9px:hover {
    border-bottom-width: 9px;
  }
  .md\:hover\:borde-derecha-9px:hover {
    border-right-width: 9px;
  }
  .md\:hover\:borde-izquierda-9px:hover {
    border-left-width: 9px;
  }
  .md\:hover\:borde-arriba-10px:hover {
    border-top-width: 10px;
  }
  .md\:hover\:borde-abajo-10px:hover {
    border-bottom-width: 10px;
  }
  .md\:hover\:borde-derecha-10px:hover {
    border-right-width: 10px;
  }
  .md\:hover\:borde-izquierda-10px:hover {
    border-left-width: 10px;
  }
  .md\:hover\:redondeado-xxs:hover {
    border-radius: 2px;
  }
  .md\:hover\:redondeado-arriba-derecha-xxs:hover {
    border-top-right-radius: 2px;
  }
  .md\:hover\:redondeado-arriba-izquierda-xxs:hover {
    border-top-left-radius: 2px;
  }
  .md\:hover\:redondeado-abajo-izquierda-xxs:hover {
    border-bottom-left-radius: 2px;
  }
  .md\:hover\:redondeado-abajo-derecha-xxs:hover {
    border-bottom-right-radius: 2px;
  }
  .md\:hover\:redondeado-xs:hover {
    border-radius: 4px;
  }
  .md\:hover\:redondeado-arriba-derecha-xs:hover {
    border-top-right-radius: 4px;
  }
  .md\:hover\:redondeado-arriba-izquierda-xs:hover {
    border-top-left-radius: 4px;
  }
  .md\:hover\:redondeado-abajo-izquierda-xs:hover {
    border-bottom-left-radius: 4px;
  }
  .md\:hover\:redondeado-abajo-derecha-xs:hover {
    border-bottom-right-radius: 4px;
  }
  .md\:hover\:redondeado-sm:hover {
    border-radius: 6px;
  }
  .md\:hover\:redondeado-arriba-derecha-sm:hover {
    border-top-right-radius: 6px;
  }
  .md\:hover\:redondeado-arriba-izquierda-sm:hover {
    border-top-left-radius: 6px;
  }
  .md\:hover\:redondeado-abajo-izquierda-sm:hover {
    border-bottom-left-radius: 6px;
  }
  .md\:hover\:redondeado-abajo-derecha-sm:hover {
    border-bottom-right-radius: 6px;
  }
  .md\:hover\:redondeado-normal:hover {
    border-radius: 8px;
  }
  .md\:hover\:redondeado-arriba-derecha-normal:hover {
    border-top-right-radius: 8px;
  }
  .md\:hover\:redondeado-arriba-izquierda-normal:hover {
    border-top-left-radius: 8px;
  }
  .md\:hover\:redondeado-abajo-izquierda-normal:hover {
    border-bottom-left-radius: 8px;
  }
  .md\:hover\:redondeado-abajo-derecha-normal:hover {
    border-bottom-right-radius: 8px;
  }
  .md\:hover\:redondeado-md:hover {
    border-radius: 12px;
  }
  .md\:hover\:redondeado-arriba-derecha-md:hover {
    border-top-right-radius: 12px;
  }
  .md\:hover\:redondeado-arriba-izquierda-md:hover {
    border-top-left-radius: 12px;
  }
  .md\:hover\:redondeado-abajo-izquierda-md:hover {
    border-bottom-left-radius: 12px;
  }
  .md\:hover\:redondeado-abajo-derecha-md:hover {
    border-bottom-right-radius: 12px;
  }
  .md\:hover\:redondeado-:hover {
    border-radius: 16px;
  }
  .md\:hover\:redondeado-arriba-derecha-:hover {
    border-top-right-radius: 16px;
  }
  .md\:hover\:redondeado-arriba-izquierda-:hover {
    border-top-left-radius: 16px;
  }
  .md\:hover\:redondeado-abajo-izquierda-:hover {
    border-bottom-left-radius: 16px;
  }
  .md\:hover\:redondeado-abajo-derecha-:hover {
    border-bottom-right-radius: 16px;
  }
  .md\:hover\:redondeado-xl:hover {
    border-radius: 20px;
  }
  .md\:hover\:redondeado-arriba-derecha-xl:hover {
    border-top-right-radius: 20px;
  }
  .md\:hover\:redondeado-arriba-izquierda-xl:hover {
    border-top-left-radius: 20px;
  }
  .md\:hover\:redondeado-abajo-izquierda-xl:hover {
    border-bottom-left-radius: 20px;
  }
  .md\:hover\:redondeado-abajo-derecha-xl:hover {
    border-bottom-right-radius: 20px;
  }
  .md\:hover\:redondeado-2xl:hover {
    border-radius: 24px;
  }
  .md\:hover\:redondeado-arriba-derecha-2xl:hover {
    border-top-right-radius: 24px;
  }
  .md\:hover\:redondeado-arriba-izquierda-2xl:hover {
    border-top-left-radius: 24px;
  }
  .md\:hover\:redondeado-abajo-izquierda-2xl:hover {
    border-bottom-left-radius: 24px;
  }
  .md\:hover\:redondeado-abajo-derecha-2xl:hover {
    border-bottom-right-radius: 24px;
  }
  .md\:hover\:redondeado-circulo:hover {
    border-radius: 9999px;
  }
  .md\:hover\:redondeado-arriba-derecha-circulo:hover {
    border-top-right-radius: 9999px;
  }
  .md\:hover\:redondeado-arriba-izquierda-circulo:hover {
    border-top-left-radius: 9999px;
  }
  .md\:hover\:redondeado-abajo-izquierda-circulo:hover {
    border-bottom-left-radius: 9999px;
  }
  .md\:hover\:redondeado-abajo-derecha-circulo:hover {
    border-bottom-right-radius: 9999px;
  }
}
@media (min-width: 992px) {
  .lg\:borde-0 {
    border-width: 0;
  }
  .lg\:borde-y-0 {
    border-top-width: 0;
    border-bottom-width: 0;
  }
  .lg\:borde-x-0 {
    border-left-width: 0;
    border-right-width: 0;
  }
  .lg\:borde-1px {
    border-width: 1px;
  }
  .lg\:borde-y-1px {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  .lg\:borde-x-1px {
    border-left-width: 1px;
    border-right-width: 1px;
  }
  .lg\:borde-2px {
    border-width: 2px;
  }
  .lg\:borde-y-2px {
    border-top-width: 2px;
    border-bottom-width: 2px;
  }
  .lg\:borde-x-2px {
    border-left-width: 2px;
    border-right-width: 2px;
  }
  .lg\:borde-3px {
    border-width: 3px;
  }
  .lg\:borde-y-3px {
    border-top-width: 3px;
    border-bottom-width: 3px;
  }
  .lg\:borde-x-3px {
    border-left-width: 3px;
    border-right-width: 3px;
  }
  .lg\:borde-4px {
    border-width: 4px;
  }
  .lg\:borde-y-4px {
    border-top-width: 4px;
    border-bottom-width: 4px;
  }
  .lg\:borde-x-4px {
    border-left-width: 4px;
    border-right-width: 4px;
  }
  .lg\:borde-5px {
    border-width: 5px;
  }
  .lg\:borde-y-5px {
    border-top-width: 5px;
    border-bottom-width: 5px;
  }
  .lg\:borde-x-5px {
    border-left-width: 5px;
    border-right-width: 5px;
  }
  .lg\:borde-6px {
    border-width: 6px;
  }
  .lg\:borde-y-6px {
    border-top-width: 6px;
    border-bottom-width: 6px;
  }
  .lg\:borde-x-6px {
    border-left-width: 6px;
    border-right-width: 6px;
  }
  .lg\:borde-7px {
    border-width: 7px;
  }
  .lg\:borde-y-7px {
    border-top-width: 7px;
    border-bottom-width: 7px;
  }
  .lg\:borde-x-7px {
    border-left-width: 7px;
    border-right-width: 7px;
  }
  .lg\:borde-8px {
    border-width: 8px;
  }
  .lg\:borde-y-8px {
    border-top-width: 8px;
    border-bottom-width: 8px;
  }
  .lg\:borde-x-8px {
    border-left-width: 8px;
    border-right-width: 8px;
  }
  .lg\:borde-9px {
    border-width: 9px;
  }
  .lg\:borde-y-9px {
    border-top-width: 9px;
    border-bottom-width: 9px;
  }
  .lg\:borde-x-9px {
    border-left-width: 9px;
    border-right-width: 9px;
  }
  .lg\:borde-10px {
    border-width: 10px;
  }
  .lg\:borde-y-10px {
    border-top-width: 10px;
    border-bottom-width: 10px;
  }
  .lg\:borde-x-10px {
    border-left-width: 10px;
    border-right-width: 10px;
  }
  .lg\:borde-arriba-0 {
    border-top-width: 0;
  }
  .lg\:borde-abajo-0 {
    border-bottom-width: 0;
  }
  .lg\:borde-derecha-0 {
    border-right-width: 0;
  }
  .lg\:borde-izquierda-0 {
    border-left-width: 0;
  }
  .lg\:borde-arriba-1px {
    border-top-width: 1px;
  }
  .lg\:borde-abajo-1px {
    border-bottom-width: 1px;
  }
  .lg\:borde-derecha-1px {
    border-right-width: 1px;
  }
  .lg\:borde-izquierda-1px {
    border-left-width: 1px;
  }
  .lg\:borde-arriba-2px {
    border-top-width: 2px;
  }
  .lg\:borde-abajo-2px {
    border-bottom-width: 2px;
  }
  .lg\:borde-derecha-2px {
    border-right-width: 2px;
  }
  .lg\:borde-izquierda-2px {
    border-left-width: 2px;
  }
  .lg\:borde-arriba-3px {
    border-top-width: 3px;
  }
  .lg\:borde-abajo-3px {
    border-bottom-width: 3px;
  }
  .lg\:borde-derecha-3px {
    border-right-width: 3px;
  }
  .lg\:borde-izquierda-3px {
    border-left-width: 3px;
  }
  .lg\:borde-arriba-4px {
    border-top-width: 4px;
  }
  .lg\:borde-abajo-4px {
    border-bottom-width: 4px;
  }
  .lg\:borde-derecha-4px {
    border-right-width: 4px;
  }
  .lg\:borde-izquierda-4px {
    border-left-width: 4px;
  }
  .lg\:borde-arriba-5px {
    border-top-width: 5px;
  }
  .lg\:borde-abajo-5px {
    border-bottom-width: 5px;
  }
  .lg\:borde-derecha-5px {
    border-right-width: 5px;
  }
  .lg\:borde-izquierda-5px {
    border-left-width: 5px;
  }
  .lg\:borde-arriba-6px {
    border-top-width: 6px;
  }
  .lg\:borde-abajo-6px {
    border-bottom-width: 6px;
  }
  .lg\:borde-derecha-6px {
    border-right-width: 6px;
  }
  .lg\:borde-izquierda-6px {
    border-left-width: 6px;
  }
  .lg\:borde-arriba-7px {
    border-top-width: 7px;
  }
  .lg\:borde-abajo-7px {
    border-bottom-width: 7px;
  }
  .lg\:borde-derecha-7px {
    border-right-width: 7px;
  }
  .lg\:borde-izquierda-7px {
    border-left-width: 7px;
  }
  .lg\:borde-arriba-8px {
    border-top-width: 8px;
  }
  .lg\:borde-abajo-8px {
    border-bottom-width: 8px;
  }
  .lg\:borde-derecha-8px {
    border-right-width: 8px;
  }
  .lg\:borde-izquierda-8px {
    border-left-width: 8px;
  }
  .lg\:borde-arriba-9px {
    border-top-width: 9px;
  }
  .lg\:borde-abajo-9px {
    border-bottom-width: 9px;
  }
  .lg\:borde-derecha-9px {
    border-right-width: 9px;
  }
  .lg\:borde-izquierda-9px {
    border-left-width: 9px;
  }
  .lg\:borde-arriba-10px {
    border-top-width: 10px;
  }
  .lg\:borde-abajo-10px {
    border-bottom-width: 10px;
  }
  .lg\:borde-derecha-10px {
    border-right-width: 10px;
  }
  .lg\:borde-izquierda-10px {
    border-left-width: 10px;
  }
  .lg\:redondeado-xxs {
    border-radius: 2px;
  }
  .lg\:redondeado-arriba-derecha-xxs {
    border-top-right-radius: 2px;
  }
  .lg\:redondeado-arriba-izquierda-xxs {
    border-top-left-radius: 2px;
  }
  .lg\:redondeado-abajo-izquierda-xxs {
    border-bottom-left-radius: 2px;
  }
  .lg\:redondeado-abajo-derecha-xxs {
    border-bottom-right-radius: 2px;
  }
  .lg\:redondeado-xs {
    border-radius: 4px;
  }
  .lg\:redondeado-arriba-derecha-xs {
    border-top-right-radius: 4px;
  }
  .lg\:redondeado-arriba-izquierda-xs {
    border-top-left-radius: 4px;
  }
  .lg\:redondeado-abajo-izquierda-xs {
    border-bottom-left-radius: 4px;
  }
  .lg\:redondeado-abajo-derecha-xs {
    border-bottom-right-radius: 4px;
  }
  .lg\:redondeado-sm {
    border-radius: 6px;
  }
  .lg\:redondeado-arriba-derecha-sm {
    border-top-right-radius: 6px;
  }
  .lg\:redondeado-arriba-izquierda-sm {
    border-top-left-radius: 6px;
  }
  .lg\:redondeado-abajo-izquierda-sm {
    border-bottom-left-radius: 6px;
  }
  .lg\:redondeado-abajo-derecha-sm {
    border-bottom-right-radius: 6px;
  }
  .lg\:redondeado-normal {
    border-radius: 8px;
  }
  .lg\:redondeado-arriba-derecha-normal {
    border-top-right-radius: 8px;
  }
  .lg\:redondeado-arriba-izquierda-normal {
    border-top-left-radius: 8px;
  }
  .lg\:redondeado-abajo-izquierda-normal {
    border-bottom-left-radius: 8px;
  }
  .lg\:redondeado-abajo-derecha-normal {
    border-bottom-right-radius: 8px;
  }
  .lg\:redondeado-md {
    border-radius: 12px;
  }
  .lg\:redondeado-arriba-derecha-md {
    border-top-right-radius: 12px;
  }
  .lg\:redondeado-arriba-izquierda-md {
    border-top-left-radius: 12px;
  }
  .lg\:redondeado-abajo-izquierda-md {
    border-bottom-left-radius: 12px;
  }
  .lg\:redondeado-abajo-derecha-md {
    border-bottom-right-radius: 12px;
  }
  .lg\:redondeado- {
    border-radius: 16px;
  }
  .lg\:redondeado-arriba-derecha- {
    border-top-right-radius: 16px;
  }
  .lg\:redondeado-arriba-izquierda- {
    border-top-left-radius: 16px;
  }
  .lg\:redondeado-abajo-izquierda- {
    border-bottom-left-radius: 16px;
  }
  .lg\:redondeado-abajo-derecha- {
    border-bottom-right-radius: 16px;
  }
  .lg\:redondeado-xl {
    border-radius: 20px;
  }
  .lg\:redondeado-arriba-derecha-xl {
    border-top-right-radius: 20px;
  }
  .lg\:redondeado-arriba-izquierda-xl {
    border-top-left-radius: 20px;
  }
  .lg\:redondeado-abajo-izquierda-xl {
    border-bottom-left-radius: 20px;
  }
  .lg\:redondeado-abajo-derecha-xl {
    border-bottom-right-radius: 20px;
  }
  .lg\:redondeado-2xl {
    border-radius: 24px;
  }
  .lg\:redondeado-arriba-derecha-2xl {
    border-top-right-radius: 24px;
  }
  .lg\:redondeado-arriba-izquierda-2xl {
    border-top-left-radius: 24px;
  }
  .lg\:redondeado-abajo-izquierda-2xl {
    border-bottom-left-radius: 24px;
  }
  .lg\:redondeado-abajo-derecha-2xl {
    border-bottom-right-radius: 24px;
  }
  .lg\:redondeado-circulo {
    border-radius: 9999px;
  }
  .lg\:redondeado-arriba-derecha-circulo {
    border-top-right-radius: 9999px;
  }
  .lg\:redondeado-arriba-izquierda-circulo {
    border-top-left-radius: 9999px;
  }
  .lg\:redondeado-abajo-izquierda-circulo {
    border-bottom-left-radius: 9999px;
  }
  .lg\:redondeado-abajo-derecha-circulo {
    border-bottom-right-radius: 9999px;
  }
  .lg\:hover\:borde-0:hover {
    border-width: 0;
  }
  .lg\:hover\:borde-y-0:hover {
    border-top-width: 0;
    border-bottom-width: 0;
  }
  .lg\:hover\:borde-x-0:hover {
    border-left-width: 0;
    border-right-width: 0;
  }
  .lg\:hover\:borde-1px:hover {
    border-width: 1px;
  }
  .lg\:hover\:borde-y-1px:hover {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  .lg\:hover\:borde-x-1px:hover {
    border-left-width: 1px;
    border-right-width: 1px;
  }
  .lg\:hover\:borde-2px:hover {
    border-width: 2px;
  }
  .lg\:hover\:borde-y-2px:hover {
    border-top-width: 2px;
    border-bottom-width: 2px;
  }
  .lg\:hover\:borde-x-2px:hover {
    border-left-width: 2px;
    border-right-width: 2px;
  }
  .lg\:hover\:borde-3px:hover {
    border-width: 3px;
  }
  .lg\:hover\:borde-y-3px:hover {
    border-top-width: 3px;
    border-bottom-width: 3px;
  }
  .lg\:hover\:borde-x-3px:hover {
    border-left-width: 3px;
    border-right-width: 3px;
  }
  .lg\:hover\:borde-4px:hover {
    border-width: 4px;
  }
  .lg\:hover\:borde-y-4px:hover {
    border-top-width: 4px;
    border-bottom-width: 4px;
  }
  .lg\:hover\:borde-x-4px:hover {
    border-left-width: 4px;
    border-right-width: 4px;
  }
  .lg\:hover\:borde-5px:hover {
    border-width: 5px;
  }
  .lg\:hover\:borde-y-5px:hover {
    border-top-width: 5px;
    border-bottom-width: 5px;
  }
  .lg\:hover\:borde-x-5px:hover {
    border-left-width: 5px;
    border-right-width: 5px;
  }
  .lg\:hover\:borde-6px:hover {
    border-width: 6px;
  }
  .lg\:hover\:borde-y-6px:hover {
    border-top-width: 6px;
    border-bottom-width: 6px;
  }
  .lg\:hover\:borde-x-6px:hover {
    border-left-width: 6px;
    border-right-width: 6px;
  }
  .lg\:hover\:borde-7px:hover {
    border-width: 7px;
  }
  .lg\:hover\:borde-y-7px:hover {
    border-top-width: 7px;
    border-bottom-width: 7px;
  }
  .lg\:hover\:borde-x-7px:hover {
    border-left-width: 7px;
    border-right-width: 7px;
  }
  .lg\:hover\:borde-8px:hover {
    border-width: 8px;
  }
  .lg\:hover\:borde-y-8px:hover {
    border-top-width: 8px;
    border-bottom-width: 8px;
  }
  .lg\:hover\:borde-x-8px:hover {
    border-left-width: 8px;
    border-right-width: 8px;
  }
  .lg\:hover\:borde-9px:hover {
    border-width: 9px;
  }
  .lg\:hover\:borde-y-9px:hover {
    border-top-width: 9px;
    border-bottom-width: 9px;
  }
  .lg\:hover\:borde-x-9px:hover {
    border-left-width: 9px;
    border-right-width: 9px;
  }
  .lg\:hover\:borde-10px:hover {
    border-width: 10px;
  }
  .lg\:hover\:borde-y-10px:hover {
    border-top-width: 10px;
    border-bottom-width: 10px;
  }
  .lg\:hover\:borde-x-10px:hover {
    border-left-width: 10px;
    border-right-width: 10px;
  }
  .lg\:hover\:borde-arriba-0:hover {
    border-top-width: 0;
  }
  .lg\:hover\:borde-abajo-0:hover {
    border-bottom-width: 0;
  }
  .lg\:hover\:borde-derecha-0:hover {
    border-right-width: 0;
  }
  .lg\:hover\:borde-izquierda-0:hover {
    border-left-width: 0;
  }
  .lg\:hover\:borde-arriba-1px:hover {
    border-top-width: 1px;
  }
  .lg\:hover\:borde-abajo-1px:hover {
    border-bottom-width: 1px;
  }
  .lg\:hover\:borde-derecha-1px:hover {
    border-right-width: 1px;
  }
  .lg\:hover\:borde-izquierda-1px:hover {
    border-left-width: 1px;
  }
  .lg\:hover\:borde-arriba-2px:hover {
    border-top-width: 2px;
  }
  .lg\:hover\:borde-abajo-2px:hover {
    border-bottom-width: 2px;
  }
  .lg\:hover\:borde-derecha-2px:hover {
    border-right-width: 2px;
  }
  .lg\:hover\:borde-izquierda-2px:hover {
    border-left-width: 2px;
  }
  .lg\:hover\:borde-arriba-3px:hover {
    border-top-width: 3px;
  }
  .lg\:hover\:borde-abajo-3px:hover {
    border-bottom-width: 3px;
  }
  .lg\:hover\:borde-derecha-3px:hover {
    border-right-width: 3px;
  }
  .lg\:hover\:borde-izquierda-3px:hover {
    border-left-width: 3px;
  }
  .lg\:hover\:borde-arriba-4px:hover {
    border-top-width: 4px;
  }
  .lg\:hover\:borde-abajo-4px:hover {
    border-bottom-width: 4px;
  }
  .lg\:hover\:borde-derecha-4px:hover {
    border-right-width: 4px;
  }
  .lg\:hover\:borde-izquierda-4px:hover {
    border-left-width: 4px;
  }
  .lg\:hover\:borde-arriba-5px:hover {
    border-top-width: 5px;
  }
  .lg\:hover\:borde-abajo-5px:hover {
    border-bottom-width: 5px;
  }
  .lg\:hover\:borde-derecha-5px:hover {
    border-right-width: 5px;
  }
  .lg\:hover\:borde-izquierda-5px:hover {
    border-left-width: 5px;
  }
  .lg\:hover\:borde-arriba-6px:hover {
    border-top-width: 6px;
  }
  .lg\:hover\:borde-abajo-6px:hover {
    border-bottom-width: 6px;
  }
  .lg\:hover\:borde-derecha-6px:hover {
    border-right-width: 6px;
  }
  .lg\:hover\:borde-izquierda-6px:hover {
    border-left-width: 6px;
  }
  .lg\:hover\:borde-arriba-7px:hover {
    border-top-width: 7px;
  }
  .lg\:hover\:borde-abajo-7px:hover {
    border-bottom-width: 7px;
  }
  .lg\:hover\:borde-derecha-7px:hover {
    border-right-width: 7px;
  }
  .lg\:hover\:borde-izquierda-7px:hover {
    border-left-width: 7px;
  }
  .lg\:hover\:borde-arriba-8px:hover {
    border-top-width: 8px;
  }
  .lg\:hover\:borde-abajo-8px:hover {
    border-bottom-width: 8px;
  }
  .lg\:hover\:borde-derecha-8px:hover {
    border-right-width: 8px;
  }
  .lg\:hover\:borde-izquierda-8px:hover {
    border-left-width: 8px;
  }
  .lg\:hover\:borde-arriba-9px:hover {
    border-top-width: 9px;
  }
  .lg\:hover\:borde-abajo-9px:hover {
    border-bottom-width: 9px;
  }
  .lg\:hover\:borde-derecha-9px:hover {
    border-right-width: 9px;
  }
  .lg\:hover\:borde-izquierda-9px:hover {
    border-left-width: 9px;
  }
  .lg\:hover\:borde-arriba-10px:hover {
    border-top-width: 10px;
  }
  .lg\:hover\:borde-abajo-10px:hover {
    border-bottom-width: 10px;
  }
  .lg\:hover\:borde-derecha-10px:hover {
    border-right-width: 10px;
  }
  .lg\:hover\:borde-izquierda-10px:hover {
    border-left-width: 10px;
  }
  .lg\:hover\:redondeado-xxs:hover {
    border-radius: 2px;
  }
  .lg\:hover\:redondeado-arriba-derecha-xxs:hover {
    border-top-right-radius: 2px;
  }
  .lg\:hover\:redondeado-arriba-izquierda-xxs:hover {
    border-top-left-radius: 2px;
  }
  .lg\:hover\:redondeado-abajo-izquierda-xxs:hover {
    border-bottom-left-radius: 2px;
  }
  .lg\:hover\:redondeado-abajo-derecha-xxs:hover {
    border-bottom-right-radius: 2px;
  }
  .lg\:hover\:redondeado-xs:hover {
    border-radius: 4px;
  }
  .lg\:hover\:redondeado-arriba-derecha-xs:hover {
    border-top-right-radius: 4px;
  }
  .lg\:hover\:redondeado-arriba-izquierda-xs:hover {
    border-top-left-radius: 4px;
  }
  .lg\:hover\:redondeado-abajo-izquierda-xs:hover {
    border-bottom-left-radius: 4px;
  }
  .lg\:hover\:redondeado-abajo-derecha-xs:hover {
    border-bottom-right-radius: 4px;
  }
  .lg\:hover\:redondeado-sm:hover {
    border-radius: 6px;
  }
  .lg\:hover\:redondeado-arriba-derecha-sm:hover {
    border-top-right-radius: 6px;
  }
  .lg\:hover\:redondeado-arriba-izquierda-sm:hover {
    border-top-left-radius: 6px;
  }
  .lg\:hover\:redondeado-abajo-izquierda-sm:hover {
    border-bottom-left-radius: 6px;
  }
  .lg\:hover\:redondeado-abajo-derecha-sm:hover {
    border-bottom-right-radius: 6px;
  }
  .lg\:hover\:redondeado-normal:hover {
    border-radius: 8px;
  }
  .lg\:hover\:redondeado-arriba-derecha-normal:hover {
    border-top-right-radius: 8px;
  }
  .lg\:hover\:redondeado-arriba-izquierda-normal:hover {
    border-top-left-radius: 8px;
  }
  .lg\:hover\:redondeado-abajo-izquierda-normal:hover {
    border-bottom-left-radius: 8px;
  }
  .lg\:hover\:redondeado-abajo-derecha-normal:hover {
    border-bottom-right-radius: 8px;
  }
  .lg\:hover\:redondeado-md:hover {
    border-radius: 12px;
  }
  .lg\:hover\:redondeado-arriba-derecha-md:hover {
    border-top-right-radius: 12px;
  }
  .lg\:hover\:redondeado-arriba-izquierda-md:hover {
    border-top-left-radius: 12px;
  }
  .lg\:hover\:redondeado-abajo-izquierda-md:hover {
    border-bottom-left-radius: 12px;
  }
  .lg\:hover\:redondeado-abajo-derecha-md:hover {
    border-bottom-right-radius: 12px;
  }
  .lg\:hover\:redondeado-:hover {
    border-radius: 16px;
  }
  .lg\:hover\:redondeado-arriba-derecha-:hover {
    border-top-right-radius: 16px;
  }
  .lg\:hover\:redondeado-arriba-izquierda-:hover {
    border-top-left-radius: 16px;
  }
  .lg\:hover\:redondeado-abajo-izquierda-:hover {
    border-bottom-left-radius: 16px;
  }
  .lg\:hover\:redondeado-abajo-derecha-:hover {
    border-bottom-right-radius: 16px;
  }
  .lg\:hover\:redondeado-xl:hover {
    border-radius: 20px;
  }
  .lg\:hover\:redondeado-arriba-derecha-xl:hover {
    border-top-right-radius: 20px;
  }
  .lg\:hover\:redondeado-arriba-izquierda-xl:hover {
    border-top-left-radius: 20px;
  }
  .lg\:hover\:redondeado-abajo-izquierda-xl:hover {
    border-bottom-left-radius: 20px;
  }
  .lg\:hover\:redondeado-abajo-derecha-xl:hover {
    border-bottom-right-radius: 20px;
  }
  .lg\:hover\:redondeado-2xl:hover {
    border-radius: 24px;
  }
  .lg\:hover\:redondeado-arriba-derecha-2xl:hover {
    border-top-right-radius: 24px;
  }
  .lg\:hover\:redondeado-arriba-izquierda-2xl:hover {
    border-top-left-radius: 24px;
  }
  .lg\:hover\:redondeado-abajo-izquierda-2xl:hover {
    border-bottom-left-radius: 24px;
  }
  .lg\:hover\:redondeado-abajo-derecha-2xl:hover {
    border-bottom-right-radius: 24px;
  }
  .lg\:hover\:redondeado-circulo:hover {
    border-radius: 9999px;
  }
  .lg\:hover\:redondeado-arriba-derecha-circulo:hover {
    border-top-right-radius: 9999px;
  }
  .lg\:hover\:redondeado-arriba-izquierda-circulo:hover {
    border-top-left-radius: 9999px;
  }
  .lg\:hover\:redondeado-abajo-izquierda-circulo:hover {
    border-bottom-left-radius: 9999px;
  }
  .lg\:hover\:redondeado-abajo-derecha-circulo:hover {
    border-bottom-right-radius: 9999px;
  }
}
.texto-centrado {
  text-align: center;
}

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

.texto-derecha {
  text-align: right;
}

.texto-justificado {
  text-align: justify;
}

.mayusculas {
  text-transform: uppercase;
}

.minusculas {
  text-transform: lowercase;
}

.capitalizar {
  text-transform: capitalize;
}

.subrayado, .menu-pie a {
  text-decoration: underline;
}

.no-subrayado {
  text-decoration: none;
}

.negrita {
  font-weight: bold;
}

.italica {
  font-style: italic;
}

.line-height-10 {
  line-height: 1;
}

.line-height-11 {
  line-height: 1.1;
}

.line-height-12 {
  line-height: 1.2;
}

.line-height-13 {
  line-height: 1.3;
}

.line-height-14 {
  line-height: 1.4;
}

.line-height-15 {
  line-height: 1.5;
}

.line-height-16 {
  line-height: 1.6;
}

.line-height-17 {
  line-height: 1.7;
}

.line-height-18 {
  line-height: 1.8;
}

.line-height-19 {
  line-height: 1.9;
}

.line-height-20 {
  line-height: 2;
}

.hover\:texto-centrado:hover {
  text-align: center;
}

.hover\:texto-izquierda:hover {
  text-align: left;
}

.hover\:texto-derecha:hover {
  text-align: right;
}

.hover\:texto-justificado:hover {
  text-align: justify;
}

.hover\:mayusculas:hover {
  text-transform: uppercase;
}

.hover\:minusculas:hover {
  text-transform: lowercase;
}

.hover\:capitalizar:hover {
  text-transform: capitalize;
}

.hover\:subrayado:hover {
  text-decoration: underline;
}

.hover\:no-subrayado:hover {
  text-decoration: none;
}

.hover\:negrita:hover {
  font-weight: bold;
}

.hover\:italica:hover {
  font-style: italic;
}

.hover\:line-height-10:hover {
  line-height: 1;
}

.hover\:line-height-11:hover {
  line-height: 1.1;
}

.hover\:line-height-12:hover {
  line-height: 1.2;
}

.hover\:line-height-13:hover {
  line-height: 1.3;
}

.hover\:line-height-14:hover {
  line-height: 1.4;
}

.hover\:line-height-15:hover {
  line-height: 1.5;
}

.hover\:line-height-16:hover {
  line-height: 1.6;
}

.hover\:line-height-17:hover {
  line-height: 1.7;
}

.hover\:line-height-18:hover {
  line-height: 1.8;
}

.hover\:line-height-19:hover {
  line-height: 1.9;
}

.hover\:line-height-20:hover {
  line-height: 2;
}

@media (min-width: 768px) {
  .md\:texto-centrado {
    text-align: center;
  }
  .md\:texto-izquierda {
    text-align: left;
  }
  .md\:texto-derecha {
    text-align: right;
  }
  .md\:texto-justificado {
    text-align: justify;
  }
  .md\:mayusculas {
    text-transform: uppercase;
  }
  .md\:minusculas {
    text-transform: lowercase;
  }
  .md\:capitalizar {
    text-transform: capitalize;
  }
  .md\:subrayado {
    text-decoration: underline;
  }
  .md\:no-subrayado {
    text-decoration: none;
  }
  .md\:negrita {
    font-weight: bold;
  }
  .md\:italica {
    font-style: italic;
  }
  .md\:line-height-10 {
    line-height: 1;
  }
  .md\:line-height-11 {
    line-height: 1.1;
  }
  .md\:line-height-12 {
    line-height: 1.2;
  }
  .md\:line-height-13 {
    line-height: 1.3;
  }
  .md\:line-height-14 {
    line-height: 1.4;
  }
  .md\:line-height-15 {
    line-height: 1.5;
  }
  .md\:line-height-16 {
    line-height: 1.6;
  }
  .md\:line-height-17 {
    line-height: 1.7;
  }
  .md\:line-height-18 {
    line-height: 1.8;
  }
  .md\:line-height-19 {
    line-height: 1.9;
  }
  .md\:line-height-20 {
    line-height: 2;
  }
  .md\:hover\:texto-centrado:hover {
    text-align: center;
  }
  .md\:hover\:texto-izquierda:hover {
    text-align: left;
  }
  .md\:hover\:texto-derecha:hover {
    text-align: right;
  }
  .md\:hover\:texto-justificado:hover {
    text-align: justify;
  }
  .md\:hover\:mayusculas:hover {
    text-transform: uppercase;
  }
  .md\:hover\:minusculas:hover {
    text-transform: lowercase;
  }
  .md\:hover\:capitalizar:hover {
    text-transform: capitalize;
  }
  .md\:hover\:subrayado:hover {
    text-decoration: underline;
  }
  .md\:hover\:no-subrayado:hover {
    text-decoration: none;
  }
  .md\:hover\:negrita:hover {
    font-weight: bold;
  }
  .md\:hover\:italica:hover {
    font-style: italic;
  }
  .md\:hover\:line-height-10:hover {
    line-height: 1;
  }
  .md\:hover\:line-height-11:hover {
    line-height: 1.1;
  }
  .md\:hover\:line-height-12:hover {
    line-height: 1.2;
  }
  .md\:hover\:line-height-13:hover {
    line-height: 1.3;
  }
  .md\:hover\:line-height-14:hover {
    line-height: 1.4;
  }
  .md\:hover\:line-height-15:hover {
    line-height: 1.5;
  }
  .md\:hover\:line-height-16:hover {
    line-height: 1.6;
  }
  .md\:hover\:line-height-17:hover {
    line-height: 1.7;
  }
  .md\:hover\:line-height-18:hover {
    line-height: 1.8;
  }
  .md\:hover\:line-height-19:hover {
    line-height: 1.9;
  }
  .md\:hover\:line-height-20:hover {
    line-height: 2;
  }
}
@media (min-width: 992px) {
  .lg\:texto-centrado {
    text-align: center;
  }
  .lg\:texto-izquierda {
    text-align: left;
  }
  .lg\:texto-derecha {
    text-align: right;
  }
  .lg\:texto-justificado {
    text-align: justify;
  }
  .lg\:mayusculas {
    text-transform: uppercase;
  }
  .lg\:minusculas {
    text-transform: lowercase;
  }
  .lg\:capitalizar {
    text-transform: capitalize;
  }
  .lg\:subrayado {
    text-decoration: underline;
  }
  .lg\:no-subrayado {
    text-decoration: none;
  }
  .lg\:negrita {
    font-weight: bold;
  }
  .lg\:italica {
    font-style: italic;
  }
  .lg\:line-height-10 {
    line-height: 1;
  }
  .lg\:line-height-11 {
    line-height: 1.1;
  }
  .lg\:line-height-12 {
    line-height: 1.2;
  }
  .lg\:line-height-13 {
    line-height: 1.3;
  }
  .lg\:line-height-14 {
    line-height: 1.4;
  }
  .lg\:line-height-15 {
    line-height: 1.5;
  }
  .lg\:line-height-16 {
    line-height: 1.6;
  }
  .lg\:line-height-17 {
    line-height: 1.7;
  }
  .lg\:line-height-18 {
    line-height: 1.8;
  }
  .lg\:line-height-19 {
    line-height: 1.9;
  }
  .lg\:line-height-20 {
    line-height: 2;
  }
  .lg\:hover\:texto-centrado:hover {
    text-align: center;
  }
  .lg\:hover\:texto-izquierda:hover {
    text-align: left;
  }
  .lg\:hover\:texto-derecha:hover {
    text-align: right;
  }
  .lg\:hover\:texto-justificado:hover {
    text-align: justify;
  }
  .lg\:hover\:mayusculas:hover {
    text-transform: uppercase;
  }
  .lg\:hover\:minusculas:hover {
    text-transform: lowercase;
  }
  .lg\:hover\:capitalizar:hover {
    text-transform: capitalize;
  }
  .lg\:hover\:subrayado:hover {
    text-decoration: underline;
  }
  .lg\:hover\:no-subrayado:hover {
    text-decoration: none;
  }
  .lg\:hover\:negrita:hover {
    font-weight: bold;
  }
  .lg\:hover\:italica:hover {
    font-style: italic;
  }
  .lg\:hover\:line-height-10:hover {
    line-height: 1;
  }
  .lg\:hover\:line-height-11:hover {
    line-height: 1.1;
  }
  .lg\:hover\:line-height-12:hover {
    line-height: 1.2;
  }
  .lg\:hover\:line-height-13:hover {
    line-height: 1.3;
  }
  .lg\:hover\:line-height-14:hover {
    line-height: 1.4;
  }
  .lg\:hover\:line-height-15:hover {
    line-height: 1.5;
  }
  .lg\:hover\:line-height-16:hover {
    line-height: 1.6;
  }
  .lg\:hover\:line-height-17:hover {
    line-height: 1.7;
  }
  .lg\:hover\:line-height-18:hover {
    line-height: 1.8;
  }
  .lg\:hover\:line-height-19:hover {
    line-height: 1.9;
  }
  .lg\:hover\:line-height-20:hover {
    line-height: 2;
  }
}
.object-cover {
  object-fit: cover;
}

.object-center {
  object-position: center;
}

.aspect-video {
  aspect-ratio: 16/9;
}

.aspect-box {
  aspect-ratio: 1/1;
}

.alinear-centro {
  vertical-align: middle;
}

.hover\:object-cover:hover {
  object-fit: cover;
}

.hover\:object-center:hover {
  object-position: center;
}

.hover\:aspect-video:hover {
  aspect-ratio: 16/9;
}

.hover\:aspect-box:hover {
  aspect-ratio: 1/1;
}

.hover\:alinear-centro {
  vertical-align: middle;
}

@media (min-width: 768px) {
  .md\:object-cover {
    object-fit: cover;
  }
  .md\:object-center {
    object-position: center;
  }
  .md\:aspect-video {
    aspect-ratio: 16/9;
  }
  .md\:aspect-box {
    aspect-ratio: 1/1;
  }
  .md\:alinear-centro {
    vertical-align: middle;
  }
  .md\:hover\:object-cover:hover {
    object-fit: cover;
  }
  .md\:hover\:object-center:hover {
    object-position: center;
  }
  .md\:hover\:aspect-video:hover {
    aspect-ratio: 16/9;
  }
  .md\:hover\:aspect-box:hover {
    aspect-ratio: 1/1;
  }
  .md\:hover\:alinear-centro {
    vertical-align: middle;
  }
}
@media (min-width: 992px) {
  .lg\:object-cover {
    object-fit: cover;
  }
  .lg\:object-center {
    object-position: center;
  }
  .lg\:aspect-video {
    aspect-ratio: 16/9;
  }
  .lg\:aspect-box {
    aspect-ratio: 1/1;
  }
  .lg\:alinear-centro {
    vertical-align: middle;
  }
  .lg\:hover\:object-cover:hover {
    object-fit: cover;
  }
  .lg\:hover\:object-center:hover {
    object-position: center;
  }
  .lg\:hover\:aspect-video:hover {
    aspect-ratio: 16/9;
  }
  .lg\:hover\:aspect-box:hover {
    aspect-ratio: 1/1;
  }
  .lg\:hover\:alinear-centro {
    vertical-align: middle;
  }
}
.espaciado-xxxs {
  padding: var(--espaciado-xxxs);
}

.espaciado-xxs {
  padding: var(--espaciado-xxs);
}

.espaciado-xs {
  padding: var(--espaciado-xs);
}

.espaciado-sm, .menu-pie a {
  padding: var(--espaciado-sm);
}

.espaciado-normal {
  padding: var(--espaciado-normal);
}

.espaciado-md {
  padding: var(--espaciado-md);
}

.espaciado-lg {
  padding: var(--espaciado-lg);
}

.espaciado-xl {
  padding: var(--espaciado-xl);
}

.espaciado-2xl {
  padding: var(--espaciado-2xl);
}

.espaciado-3xl {
  padding: var(--espaciado-3xl);
}

.espaciado-4xl {
  padding: var(--espaciado-4xl);
}

.espaciado-5xl {
  padding: var(--espaciado-5xl);
}

.espaciado-6xl {
  padding: var(--espaciado-6xl);
}

.espaciado-7xl {
  padding: var(--espaciado-7xl);
}

.espaciado-8xl {
  padding: var(--espaciado-8xl);
}

.espaciado-9xl {
  padding: var(--espaciado-9xl);
}

.espaciado-10xl {
  padding: var(--espaciado-10xl);
}

.espaciado-11xl {
  padding: var(--espaciado-11xl);
}

.espaciado-12xl {
  padding: var(--espaciado-12xl);
}

.espaciado-13xl {
  padding: var(--espaciado-13xl);
}

.espaciado-14xl {
  padding: var(--espaciado-14xl);
}

.espaciado-15xl {
  padding: var(--espaciado-15xl);
}

.espaciado-0 {
  padding: var(--espaciado-0);
}

.espaciado-y-xxxs {
  padding-top: var(--espaciado-xxxs);
  padding-bottom: var(--espaciado-xxxs);
}

.espaciado-x-xxxs {
  padding-left: var(--espaciado-xxxs);
  padding-right: var(--espaciado-xxxs);
}

.espaciado-y-xxs, li {
  padding-top: var(--espaciado-xxs);
  padding-bottom: var(--espaciado-xxs);
}

.espaciado-x-xxs {
  padding-left: var(--espaciado-xxs);
  padding-right: var(--espaciado-xxs);
}

.espaciado-y-xs, .menu ul li > a {
  padding-top: var(--espaciado-xs);
  padding-bottom: var(--espaciado-xs);
}

.espaciado-x-xs {
  padding-left: var(--espaciado-xs);
  padding-right: var(--espaciado-xs);
}

.espaciado-y-sm, .menu li ul a {
  padding-top: var(--espaciado-sm);
  padding-bottom: var(--espaciado-sm);
}

.espaciado-x-sm {
  padding-left: var(--espaciado-sm);
  padding-right: var(--espaciado-sm);
}

.espaciado-y-normal {
  padding-top: var(--espaciado-normal);
  padding-bottom: var(--espaciado-normal);
}

.espaciado-x-normal {
  padding-left: var(--espaciado-normal);
  padding-right: var(--espaciado-normal);
}

.espaciado-y-md {
  padding-top: var(--espaciado-md);
  padding-bottom: var(--espaciado-md);
}

.espaciado-x-md {
  padding-left: var(--espaciado-md);
  padding-right: var(--espaciado-md);
}

.espaciado-y-lg {
  padding-top: var(--espaciado-lg);
  padding-bottom: var(--espaciado-lg);
}

.espaciado-x-lg {
  padding-left: var(--espaciado-lg);
  padding-right: var(--espaciado-lg);
}

.espaciado-y-xl {
  padding-top: var(--espaciado-xl);
  padding-bottom: var(--espaciado-xl);
}

.espaciado-x-xl {
  padding-left: var(--espaciado-xl);
  padding-right: var(--espaciado-xl);
}

.espaciado-y-2xl {
  padding-top: var(--espaciado-2xl);
  padding-bottom: var(--espaciado-2xl);
}

.espaciado-x-2xl {
  padding-left: var(--espaciado-2xl);
  padding-right: var(--espaciado-2xl);
}

.espaciado-y-3xl {
  padding-top: var(--espaciado-3xl);
  padding-bottom: var(--espaciado-3xl);
}

.espaciado-x-3xl {
  padding-left: var(--espaciado-3xl);
  padding-right: var(--espaciado-3xl);
}

.espaciado-y-4xl {
  padding-top: var(--espaciado-4xl);
  padding-bottom: var(--espaciado-4xl);
}

.espaciado-x-4xl {
  padding-left: var(--espaciado-4xl);
  padding-right: var(--espaciado-4xl);
}

.espaciado-y-5xl {
  padding-top: var(--espaciado-5xl);
  padding-bottom: var(--espaciado-5xl);
}

.espaciado-x-5xl {
  padding-left: var(--espaciado-5xl);
  padding-right: var(--espaciado-5xl);
}

.espaciado-y-6xl {
  padding-top: var(--espaciado-6xl);
  padding-bottom: var(--espaciado-6xl);
}

.espaciado-x-6xl {
  padding-left: var(--espaciado-6xl);
  padding-right: var(--espaciado-6xl);
}

.espaciado-y-7xl {
  padding-top: var(--espaciado-7xl);
  padding-bottom: var(--espaciado-7xl);
}

.espaciado-x-7xl {
  padding-left: var(--espaciado-7xl);
  padding-right: var(--espaciado-7xl);
}

.espaciado-y-8xl {
  padding-top: var(--espaciado-8xl);
  padding-bottom: var(--espaciado-8xl);
}

.espaciado-x-8xl {
  padding-left: var(--espaciado-8xl);
  padding-right: var(--espaciado-8xl);
}

.espaciado-y-9xl {
  padding-top: var(--espaciado-9xl);
  padding-bottom: var(--espaciado-9xl);
}

.espaciado-x-9xl {
  padding-left: var(--espaciado-9xl);
  padding-right: var(--espaciado-9xl);
}

.espaciado-y-10xl {
  padding-top: var(--espaciado-10xl);
  padding-bottom: var(--espaciado-10xl);
}

.espaciado-x-10xl {
  padding-left: var(--espaciado-10xl);
  padding-right: var(--espaciado-10xl);
}

.espaciado-y-11xl {
  padding-top: var(--espaciado-11xl);
  padding-bottom: var(--espaciado-11xl);
}

.espaciado-x-11xl {
  padding-left: var(--espaciado-11xl);
  padding-right: var(--espaciado-11xl);
}

.espaciado-y-12xl {
  padding-top: var(--espaciado-12xl);
  padding-bottom: var(--espaciado-12xl);
}

.espaciado-x-12xl {
  padding-left: var(--espaciado-12xl);
  padding-right: var(--espaciado-12xl);
}

.espaciado-y-13xl {
  padding-top: var(--espaciado-13xl);
  padding-bottom: var(--espaciado-13xl);
}

.espaciado-x-13xl {
  padding-left: var(--espaciado-13xl);
  padding-right: var(--espaciado-13xl);
}

.espaciado-y-14xl {
  padding-top: var(--espaciado-14xl);
  padding-bottom: var(--espaciado-14xl);
}

.espaciado-x-14xl {
  padding-left: var(--espaciado-14xl);
  padding-right: var(--espaciado-14xl);
}

.espaciado-y-15xl {
  padding-top: var(--espaciado-15xl);
  padding-bottom: var(--espaciado-15xl);
}

.espaciado-x-15xl {
  padding-left: var(--espaciado-15xl);
  padding-right: var(--espaciado-15xl);
}

.espaciado-y-0 {
  padding-top: var(--espaciado-0);
  padding-bottom: var(--espaciado-0);
}

.espaciado-x-0 {
  padding-left: var(--espaciado-0);
  padding-right: var(--espaciado-0);
}

.espaciado-arriba-xxxs {
  padding-top: var(--espaciado-xxxs);
}

.espaciado-derecha-xxxs {
  padding-right: var(--espaciado-xxxs);
}

.espaciado-abajo-xxxs {
  padding-bottom: var(--espaciado-xxxs);
}

.espaciado-izquierda-xxxs {
  padding-left: var(--espaciado-xxxs);
}

.espaciado-arriba-xxs {
  padding-top: var(--espaciado-xxs);
}

.espaciado-derecha-xxs {
  padding-right: var(--espaciado-xxs);
}

.espaciado-abajo-xxs {
  padding-bottom: var(--espaciado-xxs);
}

.espaciado-izquierda-xxs {
  padding-left: var(--espaciado-xxs);
}

.espaciado-arriba-xs {
  padding-top: var(--espaciado-xs);
}

.espaciado-derecha-xs {
  padding-right: var(--espaciado-xs);
}

.espaciado-abajo-xs {
  padding-bottom: var(--espaciado-xs);
}

.espaciado-izquierda-xs {
  padding-left: var(--espaciado-xs);
}

.espaciado-arriba-sm {
  padding-top: var(--espaciado-sm);
}

.espaciado-derecha-sm {
  padding-right: var(--espaciado-sm);
}

.espaciado-abajo-sm {
  padding-bottom: var(--espaciado-sm);
}

.espaciado-izquierda-sm {
  padding-left: var(--espaciado-sm);
}

.espaciado-arriba-normal {
  padding-top: var(--espaciado-normal);
}

.espaciado-derecha-normal {
  padding-right: var(--espaciado-normal);
}

.espaciado-abajo-normal {
  padding-bottom: var(--espaciado-normal);
}

.espaciado-izquierda-normal {
  padding-left: var(--espaciado-normal);
}

.espaciado-arriba-md {
  padding-top: var(--espaciado-md);
}

.espaciado-derecha-md {
  padding-right: var(--espaciado-md);
}

.espaciado-abajo-md {
  padding-bottom: var(--espaciado-md);
}

.espaciado-izquierda-md {
  padding-left: var(--espaciado-md);
}

.espaciado-arriba-lg {
  padding-top: var(--espaciado-lg);
}

.espaciado-derecha-lg {
  padding-right: var(--espaciado-lg);
}

.espaciado-abajo-lg {
  padding-bottom: var(--espaciado-lg);
}

.espaciado-izquierda-lg {
  padding-left: var(--espaciado-lg);
}

.espaciado-arriba-xl {
  padding-top: var(--espaciado-xl);
}

.espaciado-derecha-xl {
  padding-right: var(--espaciado-xl);
}

.espaciado-abajo-xl {
  padding-bottom: var(--espaciado-xl);
}

.espaciado-izquierda-xl {
  padding-left: var(--espaciado-xl);
}

.espaciado-arriba-2xl {
  padding-top: var(--espaciado-2xl);
}

.espaciado-derecha-2xl {
  padding-right: var(--espaciado-2xl);
}

.espaciado-abajo-2xl {
  padding-bottom: var(--espaciado-2xl);
}

.espaciado-izquierda-2xl {
  padding-left: var(--espaciado-2xl);
}

.espaciado-arriba-3xl {
  padding-top: var(--espaciado-3xl);
}

.espaciado-derecha-3xl {
  padding-right: var(--espaciado-3xl);
}

.espaciado-abajo-3xl {
  padding-bottom: var(--espaciado-3xl);
}

.espaciado-izquierda-3xl {
  padding-left: var(--espaciado-3xl);
}

.espaciado-arriba-4xl {
  padding-top: var(--espaciado-4xl);
}

.espaciado-derecha-4xl {
  padding-right: var(--espaciado-4xl);
}

.espaciado-abajo-4xl {
  padding-bottom: var(--espaciado-4xl);
}

.espaciado-izquierda-4xl {
  padding-left: var(--espaciado-4xl);
}

.espaciado-arriba-5xl {
  padding-top: var(--espaciado-5xl);
}

.espaciado-derecha-5xl {
  padding-right: var(--espaciado-5xl);
}

.espaciado-abajo-5xl {
  padding-bottom: var(--espaciado-5xl);
}

.espaciado-izquierda-5xl {
  padding-left: var(--espaciado-5xl);
}

.espaciado-arriba-6xl {
  padding-top: var(--espaciado-6xl);
}

.espaciado-derecha-6xl {
  padding-right: var(--espaciado-6xl);
}

.espaciado-abajo-6xl {
  padding-bottom: var(--espaciado-6xl);
}

.espaciado-izquierda-6xl {
  padding-left: var(--espaciado-6xl);
}

.espaciado-arriba-7xl {
  padding-top: var(--espaciado-7xl);
}

.espaciado-derecha-7xl {
  padding-right: var(--espaciado-7xl);
}

.espaciado-abajo-7xl {
  padding-bottom: var(--espaciado-7xl);
}

.espaciado-izquierda-7xl {
  padding-left: var(--espaciado-7xl);
}

.espaciado-arriba-8xl {
  padding-top: var(--espaciado-8xl);
}

.espaciado-derecha-8xl {
  padding-right: var(--espaciado-8xl);
}

.espaciado-abajo-8xl {
  padding-bottom: var(--espaciado-8xl);
}

.espaciado-izquierda-8xl {
  padding-left: var(--espaciado-8xl);
}

.espaciado-arriba-9xl {
  padding-top: var(--espaciado-9xl);
}

.espaciado-derecha-9xl {
  padding-right: var(--espaciado-9xl);
}

.espaciado-abajo-9xl {
  padding-bottom: var(--espaciado-9xl);
}

.espaciado-izquierda-9xl {
  padding-left: var(--espaciado-9xl);
}

.espaciado-arriba-10xl {
  padding-top: var(--espaciado-10xl);
}

.espaciado-derecha-10xl {
  padding-right: var(--espaciado-10xl);
}

.espaciado-abajo-10xl {
  padding-bottom: var(--espaciado-10xl);
}

.espaciado-izquierda-10xl {
  padding-left: var(--espaciado-10xl);
}

.espaciado-arriba-11xl {
  padding-top: var(--espaciado-11xl);
}

.espaciado-derecha-11xl {
  padding-right: var(--espaciado-11xl);
}

.espaciado-abajo-11xl {
  padding-bottom: var(--espaciado-11xl);
}

.espaciado-izquierda-11xl {
  padding-left: var(--espaciado-11xl);
}

.espaciado-arriba-12xl {
  padding-top: var(--espaciado-12xl);
}

.espaciado-derecha-12xl {
  padding-right: var(--espaciado-12xl);
}

.espaciado-abajo-12xl {
  padding-bottom: var(--espaciado-12xl);
}

.espaciado-izquierda-12xl {
  padding-left: var(--espaciado-12xl);
}

.espaciado-arriba-13xl {
  padding-top: var(--espaciado-13xl);
}

.espaciado-derecha-13xl {
  padding-right: var(--espaciado-13xl);
}

.espaciado-abajo-13xl {
  padding-bottom: var(--espaciado-13xl);
}

.espaciado-izquierda-13xl {
  padding-left: var(--espaciado-13xl);
}

.espaciado-arriba-14xl {
  padding-top: var(--espaciado-14xl);
}

.espaciado-derecha-14xl {
  padding-right: var(--espaciado-14xl);
}

.espaciado-abajo-14xl {
  padding-bottom: var(--espaciado-14xl);
}

.espaciado-izquierda-14xl {
  padding-left: var(--espaciado-14xl);
}

.espaciado-arriba-15xl {
  padding-top: var(--espaciado-15xl);
}

.espaciado-derecha-15xl {
  padding-right: var(--espaciado-15xl);
}

.espaciado-abajo-15xl {
  padding-bottom: var(--espaciado-15xl);
}

.espaciado-izquierda-15xl {
  padding-left: var(--espaciado-15xl);
}

.espaciado-arriba-0 {
  padding-top: var(--espaciado-0);
}

.espaciado-derecha-0 {
  padding-right: var(--espaciado-0);
}

.espaciado-abajo-0 {
  padding-bottom: var(--espaciado-0);
}

.espaciado-izquierda-0 {
  padding-left: var(--espaciado-0);
}

.margen-negativo-arriba-xxxs {
  margin-top: var(--es-n-xxxs);
}

.margen-negativo-derecha-xxxs {
  margin-right: var(--es-n-xxxs);
}

.margen-negativo-abajo-xxxs {
  margin-bottom: var(--es-n-xxxs);
}

.margen-negativo-izquierda-xxxs {
  margin-left: var(--es-n-xxxs);
}

.margen-negativo-arriba-xxs {
  margin-top: var(--es-n-xxs);
}

.margen-negativo-derecha-xxs {
  margin-right: var(--es-n-xxs);
}

.margen-negativo-abajo-xxs {
  margin-bottom: var(--es-n-xxs);
}

.margen-negativo-izquierda-xxs {
  margin-left: var(--es-n-xxs);
}

.margen-negativo-arriba-xs {
  margin-top: var(--es-n-xs);
}

.margen-negativo-derecha-xs {
  margin-right: var(--es-n-xs);
}

.margen-negativo-abajo-xs {
  margin-bottom: var(--es-n-xs);
}

.margen-negativo-izquierda-xs {
  margin-left: var(--es-n-xs);
}

.margen-negativo-arriba-sm {
  margin-top: var(--es-n-sm);
}

.margen-negativo-derecha-sm {
  margin-right: var(--es-n-sm);
}

.margen-negativo-abajo-sm {
  margin-bottom: var(--es-n-sm);
}

.margen-negativo-izquierda-sm {
  margin-left: var(--es-n-sm);
}

.margen-negativo-arriba-normal {
  margin-top: var(--es-n-normal);
}

.margen-negativo-derecha-normal {
  margin-right: var(--es-n-normal);
}

.margen-negativo-abajo-normal {
  margin-bottom: var(--es-n-normal);
}

.margen-negativo-izquierda-normal {
  margin-left: var(--es-n-normal);
}

.margen-negativo-arriba-md {
  margin-top: var(--es-n-md);
}

.margen-negativo-derecha-md {
  margin-right: var(--es-n-md);
}

.margen-negativo-abajo-md {
  margin-bottom: var(--es-n-md);
}

.margen-negativo-izquierda-md {
  margin-left: var(--es-n-md);
}

.margen-negativo-arriba-lg {
  margin-top: var(--es-n-lg);
}

.margen-negativo-derecha-lg {
  margin-right: var(--es-n-lg);
}

.margen-negativo-abajo-lg {
  margin-bottom: var(--es-n-lg);
}

.margen-negativo-izquierda-lg {
  margin-left: var(--es-n-lg);
}

.margen-negativo-arriba-xl {
  margin-top: var(--es-n-xl);
}

.margen-negativo-derecha-xl {
  margin-right: var(--es-n-xl);
}

.margen-negativo-abajo-xl {
  margin-bottom: var(--es-n-xl);
}

.margen-negativo-izquierda-xl {
  margin-left: var(--es-n-xl);
}

.margen-negativo-arriba-2xl {
  margin-top: var(--es-n-2xl);
}

.margen-negativo-derecha-2xl {
  margin-right: var(--es-n-2xl);
}

.margen-negativo-abajo-2xl {
  margin-bottom: var(--es-n-2xl);
}

.margen-negativo-izquierda-2xl {
  margin-left: var(--es-n-2xl);
}

.margen-negativo-arriba-3xl {
  margin-top: var(--es-n-3xl);
}

.margen-negativo-derecha-3xl {
  margin-right: var(--es-n-3xl);
}

.margen-negativo-abajo-3xl {
  margin-bottom: var(--es-n-3xl);
}

.margen-negativo-izquierda-3xl {
  margin-left: var(--es-n-3xl);
}

.margen-negativo-arriba-4xl {
  margin-top: var(--es-n-4xl);
}

.margen-negativo-derecha-4xl {
  margin-right: var(--es-n-4xl);
}

.margen-negativo-abajo-4xl {
  margin-bottom: var(--es-n-4xl);
}

.margen-negativo-izquierda-4xl {
  margin-left: var(--es-n-4xl);
}

.margen-negativo-arriba-5xl {
  margin-top: var(--es-n-5xl);
}

.margen-negativo-derecha-5xl {
  margin-right: var(--es-n-5xl);
}

.margen-negativo-abajo-5xl {
  margin-bottom: var(--es-n-5xl);
}

.margen-negativo-izquierda-5xl {
  margin-left: var(--es-n-5xl);
}

.margen-negativo-arriba-6xl {
  margin-top: var(--es-n-6xl);
}

.margen-negativo-derecha-6xl {
  margin-right: var(--es-n-6xl);
}

.margen-negativo-abajo-6xl {
  margin-bottom: var(--es-n-6xl);
}

.margen-negativo-izquierda-6xl {
  margin-left: var(--es-n-6xl);
}

.margen-negativo-arriba-7xl {
  margin-top: var(--es-n-7xl);
}

.margen-negativo-derecha-7xl {
  margin-right: var(--es-n-7xl);
}

.margen-negativo-abajo-7xl {
  margin-bottom: var(--es-n-7xl);
}

.margen-negativo-izquierda-7xl {
  margin-left: var(--es-n-7xl);
}

.margen-negativo-arriba-8xl {
  margin-top: var(--es-n-8xl);
}

.margen-negativo-derecha-8xl {
  margin-right: var(--es-n-8xl);
}

.margen-negativo-abajo-8xl {
  margin-bottom: var(--es-n-8xl);
}

.margen-negativo-izquierda-8xl {
  margin-left: var(--es-n-8xl);
}

.margen-negativo-arriba-9xl {
  margin-top: var(--es-n-9xl);
}

.margen-negativo-derecha-9xl {
  margin-right: var(--es-n-9xl);
}

.margen-negativo-abajo-9xl {
  margin-bottom: var(--es-n-9xl);
}

.margen-negativo-izquierda-9xl {
  margin-left: var(--es-n-9xl);
}

.margen-negativo-arriba-10xl {
  margin-top: var(--es-n-10xl);
}

.margen-negativo-derecha-10xl {
  margin-right: var(--es-n-10xl);
}

.margen-negativo-abajo-10xl {
  margin-bottom: var(--es-n-10xl);
}

.margen-negativo-izquierda-10xl {
  margin-left: var(--es-n-10xl);
}

.margen-negativo-arriba-11xl {
  margin-top: var(--es-n-11xl);
}

.margen-negativo-derecha-11xl {
  margin-right: var(--es-n-11xl);
}

.margen-negativo-abajo-11xl {
  margin-bottom: var(--es-n-11xl);
}

.margen-negativo-izquierda-11xl {
  margin-left: var(--es-n-11xl);
}

.margen-negativo-arriba-12xl {
  margin-top: var(--es-n-12xl);
}

.margen-negativo-derecha-12xl {
  margin-right: var(--es-n-12xl);
}

.margen-negativo-abajo-12xl {
  margin-bottom: var(--es-n-12xl);
}

.margen-negativo-izquierda-12xl {
  margin-left: var(--es-n-12xl);
}

.margen-negativo-arriba-13xl {
  margin-top: var(--es-n-13xl);
}

.margen-negativo-derecha-13xl {
  margin-right: var(--es-n-13xl);
}

.margen-negativo-abajo-13xl {
  margin-bottom: var(--es-n-13xl);
}

.margen-negativo-izquierda-13xl {
  margin-left: var(--es-n-13xl);
}

.margen-negativo-arriba-14xl {
  margin-top: var(--es-n-14xl);
}

.margen-negativo-derecha-14xl {
  margin-right: var(--es-n-14xl);
}

.margen-negativo-abajo-14xl {
  margin-bottom: var(--es-n-14xl);
}

.margen-negativo-izquierda-14xl {
  margin-left: var(--es-n-14xl);
}

.margen-negativo-arriba-15xl {
  margin-top: var(--es-n-15xl);
}

.margen-negativo-derecha-15xl {
  margin-right: var(--es-n-15xl);
}

.margen-negativo-abajo-15xl {
  margin-bottom: var(--es-n-15xl);
}

.margen-negativo-izquierda-15xl {
  margin-left: var(--es-n-15xl);
}

.margen-negativo-arriba-0 {
  margin-top: var(--es-n-0);
}

.margen-negativo-derecha-0 {
  margin-right: var(--es-n-0);
}

.margen-negativo-abajo-0 {
  margin-bottom: var(--es-n-0);
}

.margen-negativo-izquierda-0 {
  margin-left: var(--es-n-0);
}

.margen-xxxs {
  margin: var(--espaciado-xxxs);
}

.margen-xxs {
  margin: var(--espaciado-xxs);
}

.margen-xs {
  margin: var(--espaciado-xs);
}

.margen-sm {
  margin: var(--espaciado-sm);
}

.margen-normal {
  margin: var(--espaciado-normal);
}

.margen-md {
  margin: var(--espaciado-md);
}

.margen-lg {
  margin: var(--espaciado-lg);
}

.margen-xl {
  margin: var(--espaciado-xl);
}

.margen-2xl {
  margin: var(--espaciado-2xl);
}

.margen-3xl {
  margin: var(--espaciado-3xl);
}

.margen-4xl {
  margin: var(--espaciado-4xl);
}

.margen-5xl {
  margin: var(--espaciado-5xl);
}

.margen-6xl {
  margin: var(--espaciado-6xl);
}

.margen-7xl {
  margin: var(--espaciado-7xl);
}

.margen-8xl {
  margin: var(--espaciado-8xl);
}

.margen-9xl {
  margin: var(--espaciado-9xl);
}

.margen-10xl {
  margin: var(--espaciado-10xl);
}

.margen-11xl {
  margin: var(--espaciado-11xl);
}

.margen-12xl {
  margin: var(--espaciado-12xl);
}

.margen-13xl {
  margin: var(--espaciado-13xl);
}

.margen-14xl {
  margin: var(--espaciado-14xl);
}

.margen-15xl {
  margin: var(--espaciado-15xl);
}

.margen-0 {
  margin: var(--espaciado-0);
}

.margen-auto {
  margin: var(--espaciado-auto);
}

.margen-y-xxxs {
  margin-top: var(--espaciado-xxxs);
  margin-bottom: var(--espaciado-xxxs);
}

.margen-x-xxxs {
  margin-left: var(--espaciado-xxxs);
  margin-right: var(--espaciado-xxxs);
}

.margen-y-xxs {
  margin-top: var(--espaciado-xxs);
  margin-bottom: var(--espaciado-xxs);
}

.margen-x-xxs {
  margin-left: var(--espaciado-xxs);
  margin-right: var(--espaciado-xxs);
}

.margen-y-xs {
  margin-top: var(--espaciado-xs);
  margin-bottom: var(--espaciado-xs);
}

.margen-x-xs {
  margin-left: var(--espaciado-xs);
  margin-right: var(--espaciado-xs);
}

.margen-y-sm {
  margin-top: var(--espaciado-sm);
  margin-bottom: var(--espaciado-sm);
}

.margen-x-sm {
  margin-left: var(--espaciado-sm);
  margin-right: var(--espaciado-sm);
}

.margen-y-normal {
  margin-top: var(--espaciado-normal);
  margin-bottom: var(--espaciado-normal);
}

.margen-x-normal {
  margin-left: var(--espaciado-normal);
  margin-right: var(--espaciado-normal);
}

.margen-y-md {
  margin-top: var(--espaciado-md);
  margin-bottom: var(--espaciado-md);
}

.margen-x-md {
  margin-left: var(--espaciado-md);
  margin-right: var(--espaciado-md);
}

.margen-y-lg {
  margin-top: var(--espaciado-lg);
  margin-bottom: var(--espaciado-lg);
}

.margen-x-lg {
  margin-left: var(--espaciado-lg);
  margin-right: var(--espaciado-lg);
}

.margen-y-xl {
  margin-top: var(--espaciado-xl);
  margin-bottom: var(--espaciado-xl);
}

.margen-x-xl {
  margin-left: var(--espaciado-xl);
  margin-right: var(--espaciado-xl);
}

.margen-y-2xl {
  margin-top: var(--espaciado-2xl);
  margin-bottom: var(--espaciado-2xl);
}

.margen-x-2xl {
  margin-left: var(--espaciado-2xl);
  margin-right: var(--espaciado-2xl);
}

.margen-y-3xl {
  margin-top: var(--espaciado-3xl);
  margin-bottom: var(--espaciado-3xl);
}

.margen-x-3xl {
  margin-left: var(--espaciado-3xl);
  margin-right: var(--espaciado-3xl);
}

.margen-y-4xl {
  margin-top: var(--espaciado-4xl);
  margin-bottom: var(--espaciado-4xl);
}

.margen-x-4xl {
  margin-left: var(--espaciado-4xl);
  margin-right: var(--espaciado-4xl);
}

.margen-y-5xl {
  margin-top: var(--espaciado-5xl);
  margin-bottom: var(--espaciado-5xl);
}

.margen-x-5xl {
  margin-left: var(--espaciado-5xl);
  margin-right: var(--espaciado-5xl);
}

.margen-y-6xl {
  margin-top: var(--espaciado-6xl);
  margin-bottom: var(--espaciado-6xl);
}

.margen-x-6xl {
  margin-left: var(--espaciado-6xl);
  margin-right: var(--espaciado-6xl);
}

.margen-y-7xl {
  margin-top: var(--espaciado-7xl);
  margin-bottom: var(--espaciado-7xl);
}

.margen-x-7xl {
  margin-left: var(--espaciado-7xl);
  margin-right: var(--espaciado-7xl);
}

.margen-y-8xl {
  margin-top: var(--espaciado-8xl);
  margin-bottom: var(--espaciado-8xl);
}

.margen-x-8xl {
  margin-left: var(--espaciado-8xl);
  margin-right: var(--espaciado-8xl);
}

.margen-y-9xl {
  margin-top: var(--espaciado-9xl);
  margin-bottom: var(--espaciado-9xl);
}

.margen-x-9xl {
  margin-left: var(--espaciado-9xl);
  margin-right: var(--espaciado-9xl);
}

.margen-y-10xl {
  margin-top: var(--espaciado-10xl);
  margin-bottom: var(--espaciado-10xl);
}

.margen-x-10xl {
  margin-left: var(--espaciado-10xl);
  margin-right: var(--espaciado-10xl);
}

.margen-y-11xl {
  margin-top: var(--espaciado-11xl);
  margin-bottom: var(--espaciado-11xl);
}

.margen-x-11xl {
  margin-left: var(--espaciado-11xl);
  margin-right: var(--espaciado-11xl);
}

.margen-y-12xl {
  margin-top: var(--espaciado-12xl);
  margin-bottom: var(--espaciado-12xl);
}

.margen-x-12xl {
  margin-left: var(--espaciado-12xl);
  margin-right: var(--espaciado-12xl);
}

.margen-y-13xl {
  margin-top: var(--espaciado-13xl);
  margin-bottom: var(--espaciado-13xl);
}

.margen-x-13xl {
  margin-left: var(--espaciado-13xl);
  margin-right: var(--espaciado-13xl);
}

.margen-y-14xl {
  margin-top: var(--espaciado-14xl);
  margin-bottom: var(--espaciado-14xl);
}

.margen-x-14xl {
  margin-left: var(--espaciado-14xl);
  margin-right: var(--espaciado-14xl);
}

.margen-y-15xl {
  margin-top: var(--espaciado-15xl);
  margin-bottom: var(--espaciado-15xl);
}

.margen-x-15xl {
  margin-left: var(--espaciado-15xl);
  margin-right: var(--espaciado-15xl);
}

.margen-y-0 {
  margin-top: var(--espaciado-0);
  margin-bottom: var(--espaciado-0);
}

.margen-x-0 {
  margin-left: var(--espaciado-0);
  margin-right: var(--espaciado-0);
}

.margen-y-auto {
  margin-top: var(--espaciado-auto);
  margin-bottom: var(--espaciado-auto);
}

.margen-x-auto {
  margin-left: var(--espaciado-auto);
  margin-right: var(--espaciado-auto);
}

.margen-arriba-xxxs {
  margin-top: var(--espaciado-xxxs);
}

.margen-derecha-xxxs {
  margin-right: var(--espaciado-xxxs);
}

.margen-abajo-xxxs {
  margin-bottom: var(--espaciado-xxxs);
}

.margen-izquierda-xxxs {
  margin-left: var(--espaciado-xxxs);
}

.margen-arriba-xxs {
  margin-top: var(--espaciado-xxs);
}

.margen-derecha-xxs {
  margin-right: var(--espaciado-xxs);
}

.margen-abajo-xxs {
  margin-bottom: var(--espaciado-xxs);
}

.margen-izquierda-xxs {
  margin-left: var(--espaciado-xxs);
}

.margen-arriba-xs {
  margin-top: var(--espaciado-xs);
}

.margen-derecha-xs {
  margin-right: var(--espaciado-xs);
}

.margen-abajo-xs {
  margin-bottom: var(--espaciado-xs);
}

.margen-izquierda-xs {
  margin-left: var(--espaciado-xs);
}

.margen-arriba-sm {
  margin-top: var(--espaciado-sm);
}

.margen-derecha-sm {
  margin-right: var(--espaciado-sm);
}

.margen-abajo-sm {
  margin-bottom: var(--espaciado-sm);
}

.margen-izquierda-sm {
  margin-left: var(--espaciado-sm);
}

.margen-arriba-normal {
  margin-top: var(--espaciado-normal);
}

.margen-derecha-normal {
  margin-right: var(--espaciado-normal);
}

.margen-abajo-normal {
  margin-bottom: var(--espaciado-normal);
}

.margen-izquierda-normal {
  margin-left: var(--espaciado-normal);
}

.margen-arriba-md {
  margin-top: var(--espaciado-md);
}

.margen-derecha-md {
  margin-right: var(--espaciado-md);
}

.margen-abajo-md {
  margin-bottom: var(--espaciado-md);
}

.margen-izquierda-md {
  margin-left: var(--espaciado-md);
}

.margen-arriba-lg {
  margin-top: var(--espaciado-lg);
}

.margen-derecha-lg {
  margin-right: var(--espaciado-lg);
}

.margen-abajo-lg {
  margin-bottom: var(--espaciado-lg);
}

.margen-izquierda-lg {
  margin-left: var(--espaciado-lg);
}

.margen-arriba-xl {
  margin-top: var(--espaciado-xl);
}

.margen-derecha-xl {
  margin-right: var(--espaciado-xl);
}

.margen-abajo-xl {
  margin-bottom: var(--espaciado-xl);
}

.margen-izquierda-xl {
  margin-left: var(--espaciado-xl);
}

.margen-arriba-2xl {
  margin-top: var(--espaciado-2xl);
}

.margen-derecha-2xl {
  margin-right: var(--espaciado-2xl);
}

.margen-abajo-2xl {
  margin-bottom: var(--espaciado-2xl);
}

.margen-izquierda-2xl {
  margin-left: var(--espaciado-2xl);
}

.margen-arriba-3xl {
  margin-top: var(--espaciado-3xl);
}

.margen-derecha-3xl {
  margin-right: var(--espaciado-3xl);
}

.margen-abajo-3xl {
  margin-bottom: var(--espaciado-3xl);
}

.margen-izquierda-3xl {
  margin-left: var(--espaciado-3xl);
}

.margen-arriba-4xl {
  margin-top: var(--espaciado-4xl);
}

.margen-derecha-4xl {
  margin-right: var(--espaciado-4xl);
}

.margen-abajo-4xl {
  margin-bottom: var(--espaciado-4xl);
}

.margen-izquierda-4xl {
  margin-left: var(--espaciado-4xl);
}

.margen-arriba-5xl {
  margin-top: var(--espaciado-5xl);
}

.margen-derecha-5xl {
  margin-right: var(--espaciado-5xl);
}

.margen-abajo-5xl {
  margin-bottom: var(--espaciado-5xl);
}

.margen-izquierda-5xl {
  margin-left: var(--espaciado-5xl);
}

.margen-arriba-6xl {
  margin-top: var(--espaciado-6xl);
}

.margen-derecha-6xl {
  margin-right: var(--espaciado-6xl);
}

.margen-abajo-6xl {
  margin-bottom: var(--espaciado-6xl);
}

.margen-izquierda-6xl {
  margin-left: var(--espaciado-6xl);
}

.margen-arriba-7xl {
  margin-top: var(--espaciado-7xl);
}

.margen-derecha-7xl {
  margin-right: var(--espaciado-7xl);
}

.margen-abajo-7xl {
  margin-bottom: var(--espaciado-7xl);
}

.margen-izquierda-7xl {
  margin-left: var(--espaciado-7xl);
}

.margen-arriba-8xl {
  margin-top: var(--espaciado-8xl);
}

.margen-derecha-8xl {
  margin-right: var(--espaciado-8xl);
}

.margen-abajo-8xl {
  margin-bottom: var(--espaciado-8xl);
}

.margen-izquierda-8xl {
  margin-left: var(--espaciado-8xl);
}

.margen-arriba-9xl {
  margin-top: var(--espaciado-9xl);
}

.margen-derecha-9xl {
  margin-right: var(--espaciado-9xl);
}

.margen-abajo-9xl {
  margin-bottom: var(--espaciado-9xl);
}

.margen-izquierda-9xl {
  margin-left: var(--espaciado-9xl);
}

.margen-arriba-10xl {
  margin-top: var(--espaciado-10xl);
}

.margen-derecha-10xl {
  margin-right: var(--espaciado-10xl);
}

.margen-abajo-10xl {
  margin-bottom: var(--espaciado-10xl);
}

.margen-izquierda-10xl {
  margin-left: var(--espaciado-10xl);
}

.margen-arriba-11xl {
  margin-top: var(--espaciado-11xl);
}

.margen-derecha-11xl {
  margin-right: var(--espaciado-11xl);
}

.margen-abajo-11xl {
  margin-bottom: var(--espaciado-11xl);
}

.margen-izquierda-11xl {
  margin-left: var(--espaciado-11xl);
}

.margen-arriba-12xl {
  margin-top: var(--espaciado-12xl);
}

.margen-derecha-12xl {
  margin-right: var(--espaciado-12xl);
}

.margen-abajo-12xl {
  margin-bottom: var(--espaciado-12xl);
}

.margen-izquierda-12xl {
  margin-left: var(--espaciado-12xl);
}

.margen-arriba-13xl {
  margin-top: var(--espaciado-13xl);
}

.margen-derecha-13xl {
  margin-right: var(--espaciado-13xl);
}

.margen-abajo-13xl {
  margin-bottom: var(--espaciado-13xl);
}

.margen-izquierda-13xl {
  margin-left: var(--espaciado-13xl);
}

.margen-arriba-14xl {
  margin-top: var(--espaciado-14xl);
}

.margen-derecha-14xl {
  margin-right: var(--espaciado-14xl);
}

.margen-abajo-14xl {
  margin-bottom: var(--espaciado-14xl);
}

.margen-izquierda-14xl {
  margin-left: var(--espaciado-14xl);
}

.margen-arriba-15xl {
  margin-top: var(--espaciado-15xl);
}

.margen-derecha-15xl {
  margin-right: var(--espaciado-15xl);
}

.margen-abajo-15xl {
  margin-bottom: var(--espaciado-15xl);
}

.margen-izquierda-15xl {
  margin-left: var(--espaciado-15xl);
}

.margen-arriba-0 {
  margin-top: var(--espaciado-0);
}

.margen-derecha-0 {
  margin-right: var(--espaciado-0);
}

.margen-abajo-0 {
  margin-bottom: var(--espaciado-0);
}

.margen-izquierda-0 {
  margin-left: var(--espaciado-0);
}

.margen-arriba-auto {
  margin-top: var(--espaciado-auto);
}

.margen-derecha-auto {
  margin-right: var(--espaciado-auto);
}

.margen-abajo-auto {
  margin-bottom: var(--espaciado-auto);
}

.margen-izquierda-auto {
  margin-left: var(--espaciado-auto);
}

@media (min-width: 768px) {
  .md\:espaciado-xxxs {
    padding: var(--espaciado-xxxs);
  }
  .md\:espaciado-xxs {
    padding: var(--espaciado-xxs);
  }
  .md\:espaciado-xs {
    padding: var(--espaciado-xs);
  }
  .md\:espaciado-sm {
    padding: var(--espaciado-sm);
  }
  .md\:espaciado-normal {
    padding: var(--espaciado-normal);
  }
  .md\:espaciado-md {
    padding: var(--espaciado-md);
  }
  .md\:espaciado-lg {
    padding: var(--espaciado-lg);
  }
  .md\:espaciado-xl {
    padding: var(--espaciado-xl);
  }
  .md\:espaciado-2xl {
    padding: var(--espaciado-2xl);
  }
  .md\:espaciado-3xl {
    padding: var(--espaciado-3xl);
  }
  .md\:espaciado-4xl {
    padding: var(--espaciado-4xl);
  }
  .md\:espaciado-5xl {
    padding: var(--espaciado-5xl);
  }
  .md\:espaciado-6xl {
    padding: var(--espaciado-6xl);
  }
  .md\:espaciado-7xl {
    padding: var(--espaciado-7xl);
  }
  .md\:espaciado-8xl {
    padding: var(--espaciado-8xl);
  }
  .md\:espaciado-9xl {
    padding: var(--espaciado-9xl);
  }
  .md\:espaciado-10xl {
    padding: var(--espaciado-10xl);
  }
  .md\:espaciado-11xl {
    padding: var(--espaciado-11xl);
  }
  .md\:espaciado-12xl {
    padding: var(--espaciado-12xl);
  }
  .md\:espaciado-13xl {
    padding: var(--espaciado-13xl);
  }
  .md\:espaciado-14xl {
    padding: var(--espaciado-14xl);
  }
  .md\:espaciado-15xl {
    padding: var(--espaciado-15xl);
  }
  .md\:espaciado-0 {
    padding: var(--espaciado-0);
  }
  .md\:espaciado-y-xxxs {
    padding-top: var(--espaciado-xxxs);
    padding-bottom: var(--espaciado-xxxs);
  }
  .md\:espaciado-x-xxxs {
    padding-left: var(--espaciado-xxxs);
    padding-right: var(--espaciado-xxxs);
  }
  .md\:espaciado-y-xxs {
    padding-top: var(--espaciado-xxs);
    padding-bottom: var(--espaciado-xxs);
  }
  .md\:espaciado-x-xxs {
    padding-left: var(--espaciado-xxs);
    padding-right: var(--espaciado-xxs);
  }
  .md\:espaciado-y-xs {
    padding-top: var(--espaciado-xs);
    padding-bottom: var(--espaciado-xs);
  }
  .md\:espaciado-x-xs {
    padding-left: var(--espaciado-xs);
    padding-right: var(--espaciado-xs);
  }
  .md\:espaciado-y-sm {
    padding-top: var(--espaciado-sm);
    padding-bottom: var(--espaciado-sm);
  }
  .md\:espaciado-x-sm {
    padding-left: var(--espaciado-sm);
    padding-right: var(--espaciado-sm);
  }
  .md\:espaciado-y-normal {
    padding-top: var(--espaciado-normal);
    padding-bottom: var(--espaciado-normal);
  }
  .md\:espaciado-x-normal {
    padding-left: var(--espaciado-normal);
    padding-right: var(--espaciado-normal);
  }
  .md\:espaciado-y-md {
    padding-top: var(--espaciado-md);
    padding-bottom: var(--espaciado-md);
  }
  .md\:espaciado-x-md {
    padding-left: var(--espaciado-md);
    padding-right: var(--espaciado-md);
  }
  .md\:espaciado-y-lg {
    padding-top: var(--espaciado-lg);
    padding-bottom: var(--espaciado-lg);
  }
  .md\:espaciado-x-lg {
    padding-left: var(--espaciado-lg);
    padding-right: var(--espaciado-lg);
  }
  .md\:espaciado-y-xl {
    padding-top: var(--espaciado-xl);
    padding-bottom: var(--espaciado-xl);
  }
  .md\:espaciado-x-xl {
    padding-left: var(--espaciado-xl);
    padding-right: var(--espaciado-xl);
  }
  .md\:espaciado-y-2xl {
    padding-top: var(--espaciado-2xl);
    padding-bottom: var(--espaciado-2xl);
  }
  .md\:espaciado-x-2xl {
    padding-left: var(--espaciado-2xl);
    padding-right: var(--espaciado-2xl);
  }
  .md\:espaciado-y-3xl {
    padding-top: var(--espaciado-3xl);
    padding-bottom: var(--espaciado-3xl);
  }
  .md\:espaciado-x-3xl {
    padding-left: var(--espaciado-3xl);
    padding-right: var(--espaciado-3xl);
  }
  .md\:espaciado-y-4xl {
    padding-top: var(--espaciado-4xl);
    padding-bottom: var(--espaciado-4xl);
  }
  .md\:espaciado-x-4xl {
    padding-left: var(--espaciado-4xl);
    padding-right: var(--espaciado-4xl);
  }
  .md\:espaciado-y-5xl {
    padding-top: var(--espaciado-5xl);
    padding-bottom: var(--espaciado-5xl);
  }
  .md\:espaciado-x-5xl {
    padding-left: var(--espaciado-5xl);
    padding-right: var(--espaciado-5xl);
  }
  .md\:espaciado-y-6xl {
    padding-top: var(--espaciado-6xl);
    padding-bottom: var(--espaciado-6xl);
  }
  .md\:espaciado-x-6xl {
    padding-left: var(--espaciado-6xl);
    padding-right: var(--espaciado-6xl);
  }
  .md\:espaciado-y-7xl {
    padding-top: var(--espaciado-7xl);
    padding-bottom: var(--espaciado-7xl);
  }
  .md\:espaciado-x-7xl {
    padding-left: var(--espaciado-7xl);
    padding-right: var(--espaciado-7xl);
  }
  .md\:espaciado-y-8xl {
    padding-top: var(--espaciado-8xl);
    padding-bottom: var(--espaciado-8xl);
  }
  .md\:espaciado-x-8xl {
    padding-left: var(--espaciado-8xl);
    padding-right: var(--espaciado-8xl);
  }
  .md\:espaciado-y-9xl {
    padding-top: var(--espaciado-9xl);
    padding-bottom: var(--espaciado-9xl);
  }
  .md\:espaciado-x-9xl {
    padding-left: var(--espaciado-9xl);
    padding-right: var(--espaciado-9xl);
  }
  .md\:espaciado-y-10xl {
    padding-top: var(--espaciado-10xl);
    padding-bottom: var(--espaciado-10xl);
  }
  .md\:espaciado-x-10xl {
    padding-left: var(--espaciado-10xl);
    padding-right: var(--espaciado-10xl);
  }
  .md\:espaciado-y-11xl {
    padding-top: var(--espaciado-11xl);
    padding-bottom: var(--espaciado-11xl);
  }
  .md\:espaciado-x-11xl {
    padding-left: var(--espaciado-11xl);
    padding-right: var(--espaciado-11xl);
  }
  .md\:espaciado-y-12xl {
    padding-top: var(--espaciado-12xl);
    padding-bottom: var(--espaciado-12xl);
  }
  .md\:espaciado-x-12xl {
    padding-left: var(--espaciado-12xl);
    padding-right: var(--espaciado-12xl);
  }
  .md\:espaciado-y-13xl {
    padding-top: var(--espaciado-13xl);
    padding-bottom: var(--espaciado-13xl);
  }
  .md\:espaciado-x-13xl {
    padding-left: var(--espaciado-13xl);
    padding-right: var(--espaciado-13xl);
  }
  .md\:espaciado-y-14xl {
    padding-top: var(--espaciado-14xl);
    padding-bottom: var(--espaciado-14xl);
  }
  .md\:espaciado-x-14xl {
    padding-left: var(--espaciado-14xl);
    padding-right: var(--espaciado-14xl);
  }
  .md\:espaciado-y-15xl {
    padding-top: var(--espaciado-15xl);
    padding-bottom: var(--espaciado-15xl);
  }
  .md\:espaciado-x-15xl {
    padding-left: var(--espaciado-15xl);
    padding-right: var(--espaciado-15xl);
  }
  .md\:espaciado-y-0 {
    padding-top: var(--espaciado-0);
    padding-bottom: var(--espaciado-0);
  }
  .md\:espaciado-x-0 {
    padding-left: var(--espaciado-0);
    padding-right: var(--espaciado-0);
  }
  .md\:espaciado-arriba-xxxs {
    padding-top: var(--espaciado-xxxs);
  }
  .md\:espaciado-derecha-xxxs {
    padding-right: var(--espaciado-xxxs);
  }
  .md\:espaciado-abajo-xxxs {
    padding-bottom: var(--espaciado-xxxs);
  }
  .md\:espaciado-izquierda-xxxs {
    padding-left: var(--espaciado-xxxs);
  }
  .md\:espaciado-arriba-xxs {
    padding-top: var(--espaciado-xxs);
  }
  .md\:espaciado-derecha-xxs {
    padding-right: var(--espaciado-xxs);
  }
  .md\:espaciado-abajo-xxs {
    padding-bottom: var(--espaciado-xxs);
  }
  .md\:espaciado-izquierda-xxs {
    padding-left: var(--espaciado-xxs);
  }
  .md\:espaciado-arriba-xs {
    padding-top: var(--espaciado-xs);
  }
  .md\:espaciado-derecha-xs {
    padding-right: var(--espaciado-xs);
  }
  .md\:espaciado-abajo-xs {
    padding-bottom: var(--espaciado-xs);
  }
  .md\:espaciado-izquierda-xs {
    padding-left: var(--espaciado-xs);
  }
  .md\:espaciado-arriba-sm {
    padding-top: var(--espaciado-sm);
  }
  .md\:espaciado-derecha-sm {
    padding-right: var(--espaciado-sm);
  }
  .md\:espaciado-abajo-sm {
    padding-bottom: var(--espaciado-sm);
  }
  .md\:espaciado-izquierda-sm {
    padding-left: var(--espaciado-sm);
  }
  .md\:espaciado-arriba-normal {
    padding-top: var(--espaciado-normal);
  }
  .md\:espaciado-derecha-normal {
    padding-right: var(--espaciado-normal);
  }
  .md\:espaciado-abajo-normal {
    padding-bottom: var(--espaciado-normal);
  }
  .md\:espaciado-izquierda-normal {
    padding-left: var(--espaciado-normal);
  }
  .md\:espaciado-arriba-md {
    padding-top: var(--espaciado-md);
  }
  .md\:espaciado-derecha-md {
    padding-right: var(--espaciado-md);
  }
  .md\:espaciado-abajo-md {
    padding-bottom: var(--espaciado-md);
  }
  .md\:espaciado-izquierda-md {
    padding-left: var(--espaciado-md);
  }
  .md\:espaciado-arriba-lg {
    padding-top: var(--espaciado-lg);
  }
  .md\:espaciado-derecha-lg {
    padding-right: var(--espaciado-lg);
  }
  .md\:espaciado-abajo-lg {
    padding-bottom: var(--espaciado-lg);
  }
  .md\:espaciado-izquierda-lg {
    padding-left: var(--espaciado-lg);
  }
  .md\:espaciado-arriba-xl {
    padding-top: var(--espaciado-xl);
  }
  .md\:espaciado-derecha-xl {
    padding-right: var(--espaciado-xl);
  }
  .md\:espaciado-abajo-xl {
    padding-bottom: var(--espaciado-xl);
  }
  .md\:espaciado-izquierda-xl {
    padding-left: var(--espaciado-xl);
  }
  .md\:espaciado-arriba-2xl {
    padding-top: var(--espaciado-2xl);
  }
  .md\:espaciado-derecha-2xl {
    padding-right: var(--espaciado-2xl);
  }
  .md\:espaciado-abajo-2xl {
    padding-bottom: var(--espaciado-2xl);
  }
  .md\:espaciado-izquierda-2xl {
    padding-left: var(--espaciado-2xl);
  }
  .md\:espaciado-arriba-3xl {
    padding-top: var(--espaciado-3xl);
  }
  .md\:espaciado-derecha-3xl {
    padding-right: var(--espaciado-3xl);
  }
  .md\:espaciado-abajo-3xl {
    padding-bottom: var(--espaciado-3xl);
  }
  .md\:espaciado-izquierda-3xl {
    padding-left: var(--espaciado-3xl);
  }
  .md\:espaciado-arriba-4xl {
    padding-top: var(--espaciado-4xl);
  }
  .md\:espaciado-derecha-4xl {
    padding-right: var(--espaciado-4xl);
  }
  .md\:espaciado-abajo-4xl {
    padding-bottom: var(--espaciado-4xl);
  }
  .md\:espaciado-izquierda-4xl {
    padding-left: var(--espaciado-4xl);
  }
  .md\:espaciado-arriba-5xl {
    padding-top: var(--espaciado-5xl);
  }
  .md\:espaciado-derecha-5xl {
    padding-right: var(--espaciado-5xl);
  }
  .md\:espaciado-abajo-5xl {
    padding-bottom: var(--espaciado-5xl);
  }
  .md\:espaciado-izquierda-5xl {
    padding-left: var(--espaciado-5xl);
  }
  .md\:espaciado-arriba-6xl {
    padding-top: var(--espaciado-6xl);
  }
  .md\:espaciado-derecha-6xl {
    padding-right: var(--espaciado-6xl);
  }
  .md\:espaciado-abajo-6xl {
    padding-bottom: var(--espaciado-6xl);
  }
  .md\:espaciado-izquierda-6xl {
    padding-left: var(--espaciado-6xl);
  }
  .md\:espaciado-arriba-7xl {
    padding-top: var(--espaciado-7xl);
  }
  .md\:espaciado-derecha-7xl {
    padding-right: var(--espaciado-7xl);
  }
  .md\:espaciado-abajo-7xl {
    padding-bottom: var(--espaciado-7xl);
  }
  .md\:espaciado-izquierda-7xl {
    padding-left: var(--espaciado-7xl);
  }
  .md\:espaciado-arriba-8xl {
    padding-top: var(--espaciado-8xl);
  }
  .md\:espaciado-derecha-8xl {
    padding-right: var(--espaciado-8xl);
  }
  .md\:espaciado-abajo-8xl {
    padding-bottom: var(--espaciado-8xl);
  }
  .md\:espaciado-izquierda-8xl {
    padding-left: var(--espaciado-8xl);
  }
  .md\:espaciado-arriba-9xl {
    padding-top: var(--espaciado-9xl);
  }
  .md\:espaciado-derecha-9xl {
    padding-right: var(--espaciado-9xl);
  }
  .md\:espaciado-abajo-9xl {
    padding-bottom: var(--espaciado-9xl);
  }
  .md\:espaciado-izquierda-9xl {
    padding-left: var(--espaciado-9xl);
  }
  .md\:espaciado-arriba-10xl {
    padding-top: var(--espaciado-10xl);
  }
  .md\:espaciado-derecha-10xl {
    padding-right: var(--espaciado-10xl);
  }
  .md\:espaciado-abajo-10xl {
    padding-bottom: var(--espaciado-10xl);
  }
  .md\:espaciado-izquierda-10xl {
    padding-left: var(--espaciado-10xl);
  }
  .md\:espaciado-arriba-11xl {
    padding-top: var(--espaciado-11xl);
  }
  .md\:espaciado-derecha-11xl {
    padding-right: var(--espaciado-11xl);
  }
  .md\:espaciado-abajo-11xl {
    padding-bottom: var(--espaciado-11xl);
  }
  .md\:espaciado-izquierda-11xl {
    padding-left: var(--espaciado-11xl);
  }
  .md\:espaciado-arriba-12xl {
    padding-top: var(--espaciado-12xl);
  }
  .md\:espaciado-derecha-12xl {
    padding-right: var(--espaciado-12xl);
  }
  .md\:espaciado-abajo-12xl {
    padding-bottom: var(--espaciado-12xl);
  }
  .md\:espaciado-izquierda-12xl {
    padding-left: var(--espaciado-12xl);
  }
  .md\:espaciado-arriba-13xl {
    padding-top: var(--espaciado-13xl);
  }
  .md\:espaciado-derecha-13xl {
    padding-right: var(--espaciado-13xl);
  }
  .md\:espaciado-abajo-13xl {
    padding-bottom: var(--espaciado-13xl);
  }
  .md\:espaciado-izquierda-13xl {
    padding-left: var(--espaciado-13xl);
  }
  .md\:espaciado-arriba-14xl {
    padding-top: var(--espaciado-14xl);
  }
  .md\:espaciado-derecha-14xl {
    padding-right: var(--espaciado-14xl);
  }
  .md\:espaciado-abajo-14xl {
    padding-bottom: var(--espaciado-14xl);
  }
  .md\:espaciado-izquierda-14xl {
    padding-left: var(--espaciado-14xl);
  }
  .md\:espaciado-arriba-15xl {
    padding-top: var(--espaciado-15xl);
  }
  .md\:espaciado-derecha-15xl {
    padding-right: var(--espaciado-15xl);
  }
  .md\:espaciado-abajo-15xl {
    padding-bottom: var(--espaciado-15xl);
  }
  .md\:espaciado-izquierda-15xl {
    padding-left: var(--espaciado-15xl);
  }
  .md\:espaciado-arriba-0 {
    padding-top: var(--espaciado-0);
  }
  .md\:espaciado-derecha-0 {
    padding-right: var(--espaciado-0);
  }
  .md\:espaciado-abajo-0 {
    padding-bottom: var(--espaciado-0);
  }
  .md\:espaciado-izquierda-0 {
    padding-left: var(--espaciado-0);
  }
  .md\:margen-negativo-arriba-xxxs {
    margin-top: var(--es-n-xxxs);
  }
  .md\:margen-negativo-derecha-xxxs {
    margin-right: var(--es-n-xxxs);
  }
  .md\:margen-negativo-abajo-xxxs {
    margin-bottom: var(--es-n-xxxs);
  }
  .md\:margen-negativo-izquierda-xxxs {
    margin-left: var(--es-n-xxxs);
  }
  .md\:margen-negativo-arriba-xxs {
    margin-top: var(--es-n-xxs);
  }
  .md\:margen-negativo-derecha-xxs {
    margin-right: var(--es-n-xxs);
  }
  .md\:margen-negativo-abajo-xxs {
    margin-bottom: var(--es-n-xxs);
  }
  .md\:margen-negativo-izquierda-xxs {
    margin-left: var(--es-n-xxs);
  }
  .md\:margen-negativo-arriba-xs {
    margin-top: var(--es-n-xs);
  }
  .md\:margen-negativo-derecha-xs {
    margin-right: var(--es-n-xs);
  }
  .md\:margen-negativo-abajo-xs {
    margin-bottom: var(--es-n-xs);
  }
  .md\:margen-negativo-izquierda-xs {
    margin-left: var(--es-n-xs);
  }
  .md\:margen-negativo-arriba-sm {
    margin-top: var(--es-n-sm);
  }
  .md\:margen-negativo-derecha-sm {
    margin-right: var(--es-n-sm);
  }
  .md\:margen-negativo-abajo-sm {
    margin-bottom: var(--es-n-sm);
  }
  .md\:margen-negativo-izquierda-sm {
    margin-left: var(--es-n-sm);
  }
  .md\:margen-negativo-arriba-normal {
    margin-top: var(--es-n-normal);
  }
  .md\:margen-negativo-derecha-normal {
    margin-right: var(--es-n-normal);
  }
  .md\:margen-negativo-abajo-normal {
    margin-bottom: var(--es-n-normal);
  }
  .md\:margen-negativo-izquierda-normal {
    margin-left: var(--es-n-normal);
  }
  .md\:margen-negativo-arriba-md {
    margin-top: var(--es-n-md);
  }
  .md\:margen-negativo-derecha-md {
    margin-right: var(--es-n-md);
  }
  .md\:margen-negativo-abajo-md {
    margin-bottom: var(--es-n-md);
  }
  .md\:margen-negativo-izquierda-md {
    margin-left: var(--es-n-md);
  }
  .md\:margen-negativo-arriba-lg {
    margin-top: var(--es-n-lg);
  }
  .md\:margen-negativo-derecha-lg {
    margin-right: var(--es-n-lg);
  }
  .md\:margen-negativo-abajo-lg {
    margin-bottom: var(--es-n-lg);
  }
  .md\:margen-negativo-izquierda-lg {
    margin-left: var(--es-n-lg);
  }
  .md\:margen-negativo-arriba-xl {
    margin-top: var(--es-n-xl);
  }
  .md\:margen-negativo-derecha-xl {
    margin-right: var(--es-n-xl);
  }
  .md\:margen-negativo-abajo-xl {
    margin-bottom: var(--es-n-xl);
  }
  .md\:margen-negativo-izquierda-xl {
    margin-left: var(--es-n-xl);
  }
  .md\:margen-negativo-arriba-2xl {
    margin-top: var(--es-n-2xl);
  }
  .md\:margen-negativo-derecha-2xl {
    margin-right: var(--es-n-2xl);
  }
  .md\:margen-negativo-abajo-2xl {
    margin-bottom: var(--es-n-2xl);
  }
  .md\:margen-negativo-izquierda-2xl {
    margin-left: var(--es-n-2xl);
  }
  .md\:margen-negativo-arriba-3xl {
    margin-top: var(--es-n-3xl);
  }
  .md\:margen-negativo-derecha-3xl {
    margin-right: var(--es-n-3xl);
  }
  .md\:margen-negativo-abajo-3xl {
    margin-bottom: var(--es-n-3xl);
  }
  .md\:margen-negativo-izquierda-3xl {
    margin-left: var(--es-n-3xl);
  }
  .md\:margen-negativo-arriba-4xl {
    margin-top: var(--es-n-4xl);
  }
  .md\:margen-negativo-derecha-4xl {
    margin-right: var(--es-n-4xl);
  }
  .md\:margen-negativo-abajo-4xl {
    margin-bottom: var(--es-n-4xl);
  }
  .md\:margen-negativo-izquierda-4xl {
    margin-left: var(--es-n-4xl);
  }
  .md\:margen-negativo-arriba-5xl {
    margin-top: var(--es-n-5xl);
  }
  .md\:margen-negativo-derecha-5xl {
    margin-right: var(--es-n-5xl);
  }
  .md\:margen-negativo-abajo-5xl {
    margin-bottom: var(--es-n-5xl);
  }
  .md\:margen-negativo-izquierda-5xl {
    margin-left: var(--es-n-5xl);
  }
  .md\:margen-negativo-arriba-6xl {
    margin-top: var(--es-n-6xl);
  }
  .md\:margen-negativo-derecha-6xl {
    margin-right: var(--es-n-6xl);
  }
  .md\:margen-negativo-abajo-6xl {
    margin-bottom: var(--es-n-6xl);
  }
  .md\:margen-negativo-izquierda-6xl {
    margin-left: var(--es-n-6xl);
  }
  .md\:margen-negativo-arriba-7xl {
    margin-top: var(--es-n-7xl);
  }
  .md\:margen-negativo-derecha-7xl {
    margin-right: var(--es-n-7xl);
  }
  .md\:margen-negativo-abajo-7xl {
    margin-bottom: var(--es-n-7xl);
  }
  .md\:margen-negativo-izquierda-7xl {
    margin-left: var(--es-n-7xl);
  }
  .md\:margen-negativo-arriba-8xl {
    margin-top: var(--es-n-8xl);
  }
  .md\:margen-negativo-derecha-8xl {
    margin-right: var(--es-n-8xl);
  }
  .md\:margen-negativo-abajo-8xl {
    margin-bottom: var(--es-n-8xl);
  }
  .md\:margen-negativo-izquierda-8xl {
    margin-left: var(--es-n-8xl);
  }
  .md\:margen-negativo-arriba-9xl {
    margin-top: var(--es-n-9xl);
  }
  .md\:margen-negativo-derecha-9xl {
    margin-right: var(--es-n-9xl);
  }
  .md\:margen-negativo-abajo-9xl {
    margin-bottom: var(--es-n-9xl);
  }
  .md\:margen-negativo-izquierda-9xl {
    margin-left: var(--es-n-9xl);
  }
  .md\:margen-negativo-arriba-10xl {
    margin-top: var(--es-n-10xl);
  }
  .md\:margen-negativo-derecha-10xl {
    margin-right: var(--es-n-10xl);
  }
  .md\:margen-negativo-abajo-10xl {
    margin-bottom: var(--es-n-10xl);
  }
  .md\:margen-negativo-izquierda-10xl {
    margin-left: var(--es-n-10xl);
  }
  .md\:margen-negativo-arriba-11xl {
    margin-top: var(--es-n-11xl);
  }
  .md\:margen-negativo-derecha-11xl {
    margin-right: var(--es-n-11xl);
  }
  .md\:margen-negativo-abajo-11xl {
    margin-bottom: var(--es-n-11xl);
  }
  .md\:margen-negativo-izquierda-11xl {
    margin-left: var(--es-n-11xl);
  }
  .md\:margen-negativo-arriba-12xl {
    margin-top: var(--es-n-12xl);
  }
  .md\:margen-negativo-derecha-12xl {
    margin-right: var(--es-n-12xl);
  }
  .md\:margen-negativo-abajo-12xl {
    margin-bottom: var(--es-n-12xl);
  }
  .md\:margen-negativo-izquierda-12xl {
    margin-left: var(--es-n-12xl);
  }
  .md\:margen-negativo-arriba-13xl {
    margin-top: var(--es-n-13xl);
  }
  .md\:margen-negativo-derecha-13xl {
    margin-right: var(--es-n-13xl);
  }
  .md\:margen-negativo-abajo-13xl {
    margin-bottom: var(--es-n-13xl);
  }
  .md\:margen-negativo-izquierda-13xl {
    margin-left: var(--es-n-13xl);
  }
  .md\:margen-negativo-arriba-14xl {
    margin-top: var(--es-n-14xl);
  }
  .md\:margen-negativo-derecha-14xl {
    margin-right: var(--es-n-14xl);
  }
  .md\:margen-negativo-abajo-14xl {
    margin-bottom: var(--es-n-14xl);
  }
  .md\:margen-negativo-izquierda-14xl {
    margin-left: var(--es-n-14xl);
  }
  .md\:margen-negativo-arriba-15xl {
    margin-top: var(--es-n-15xl);
  }
  .md\:margen-negativo-derecha-15xl {
    margin-right: var(--es-n-15xl);
  }
  .md\:margen-negativo-abajo-15xl {
    margin-bottom: var(--es-n-15xl);
  }
  .md\:margen-negativo-izquierda-15xl {
    margin-left: var(--es-n-15xl);
  }
  .md\:margen-negativo-arriba-0 {
    margin-top: var(--es-n-0);
  }
  .md\:margen-negativo-derecha-0 {
    margin-right: var(--es-n-0);
  }
  .md\:margen-negativo-abajo-0 {
    margin-bottom: var(--es-n-0);
  }
  .md\:margen-negativo-izquierda-0 {
    margin-left: var(--es-n-0);
  }
  .md\:margen-xxxs {
    margin: var(--espaciado-xxxs);
  }
  .md\:margen-xxs {
    margin: var(--espaciado-xxs);
  }
  .md\:margen-xs {
    margin: var(--espaciado-xs);
  }
  .md\:margen-sm {
    margin: var(--espaciado-sm);
  }
  .md\:margen-normal {
    margin: var(--espaciado-normal);
  }
  .md\:margen-md {
    margin: var(--espaciado-md);
  }
  .md\:margen-lg {
    margin: var(--espaciado-lg);
  }
  .md\:margen-xl {
    margin: var(--espaciado-xl);
  }
  .md\:margen-2xl {
    margin: var(--espaciado-2xl);
  }
  .md\:margen-3xl {
    margin: var(--espaciado-3xl);
  }
  .md\:margen-4xl {
    margin: var(--espaciado-4xl);
  }
  .md\:margen-5xl {
    margin: var(--espaciado-5xl);
  }
  .md\:margen-6xl {
    margin: var(--espaciado-6xl);
  }
  .md\:margen-7xl {
    margin: var(--espaciado-7xl);
  }
  .md\:margen-8xl {
    margin: var(--espaciado-8xl);
  }
  .md\:margen-9xl {
    margin: var(--espaciado-9xl);
  }
  .md\:margen-10xl {
    margin: var(--espaciado-10xl);
  }
  .md\:margen-11xl {
    margin: var(--espaciado-11xl);
  }
  .md\:margen-12xl {
    margin: var(--espaciado-12xl);
  }
  .md\:margen-13xl {
    margin: var(--espaciado-13xl);
  }
  .md\:margen-14xl {
    margin: var(--espaciado-14xl);
  }
  .md\:margen-15xl {
    margin: var(--espaciado-15xl);
  }
  .md\:margen-0 {
    margin: var(--espaciado-0);
  }
  .md\:margen-auto {
    margin: var(--espaciado-auto);
  }
  .md\:margen-y-xxxs {
    margin-top: var(--espaciado-xxxs);
    margin-bottom: var(--espaciado-xxxs);
  }
  .md\:margen-x-xxxs {
    margin-left: var(--espaciado-xxxs);
    margin-right: var(--espaciado-xxxs);
  }
  .md\:margen-y-xxs {
    margin-top: var(--espaciado-xxs);
    margin-bottom: var(--espaciado-xxs);
  }
  .md\:margen-x-xxs {
    margin-left: var(--espaciado-xxs);
    margin-right: var(--espaciado-xxs);
  }
  .md\:margen-y-xs {
    margin-top: var(--espaciado-xs);
    margin-bottom: var(--espaciado-xs);
  }
  .md\:margen-x-xs {
    margin-left: var(--espaciado-xs);
    margin-right: var(--espaciado-xs);
  }
  .md\:margen-y-sm {
    margin-top: var(--espaciado-sm);
    margin-bottom: var(--espaciado-sm);
  }
  .md\:margen-x-sm {
    margin-left: var(--espaciado-sm);
    margin-right: var(--espaciado-sm);
  }
  .md\:margen-y-normal {
    margin-top: var(--espaciado-normal);
    margin-bottom: var(--espaciado-normal);
  }
  .md\:margen-x-normal {
    margin-left: var(--espaciado-normal);
    margin-right: var(--espaciado-normal);
  }
  .md\:margen-y-md {
    margin-top: var(--espaciado-md);
    margin-bottom: var(--espaciado-md);
  }
  .md\:margen-x-md {
    margin-left: var(--espaciado-md);
    margin-right: var(--espaciado-md);
  }
  .md\:margen-y-lg {
    margin-top: var(--espaciado-lg);
    margin-bottom: var(--espaciado-lg);
  }
  .md\:margen-x-lg {
    margin-left: var(--espaciado-lg);
    margin-right: var(--espaciado-lg);
  }
  .md\:margen-y-xl {
    margin-top: var(--espaciado-xl);
    margin-bottom: var(--espaciado-xl);
  }
  .md\:margen-x-xl {
    margin-left: var(--espaciado-xl);
    margin-right: var(--espaciado-xl);
  }
  .md\:margen-y-2xl {
    margin-top: var(--espaciado-2xl);
    margin-bottom: var(--espaciado-2xl);
  }
  .md\:margen-x-2xl {
    margin-left: var(--espaciado-2xl);
    margin-right: var(--espaciado-2xl);
  }
  .md\:margen-y-3xl {
    margin-top: var(--espaciado-3xl);
    margin-bottom: var(--espaciado-3xl);
  }
  .md\:margen-x-3xl {
    margin-left: var(--espaciado-3xl);
    margin-right: var(--espaciado-3xl);
  }
  .md\:margen-y-4xl {
    margin-top: var(--espaciado-4xl);
    margin-bottom: var(--espaciado-4xl);
  }
  .md\:margen-x-4xl {
    margin-left: var(--espaciado-4xl);
    margin-right: var(--espaciado-4xl);
  }
  .md\:margen-y-5xl {
    margin-top: var(--espaciado-5xl);
    margin-bottom: var(--espaciado-5xl);
  }
  .md\:margen-x-5xl {
    margin-left: var(--espaciado-5xl);
    margin-right: var(--espaciado-5xl);
  }
  .md\:margen-y-6xl {
    margin-top: var(--espaciado-6xl);
    margin-bottom: var(--espaciado-6xl);
  }
  .md\:margen-x-6xl {
    margin-left: var(--espaciado-6xl);
    margin-right: var(--espaciado-6xl);
  }
  .md\:margen-y-7xl {
    margin-top: var(--espaciado-7xl);
    margin-bottom: var(--espaciado-7xl);
  }
  .md\:margen-x-7xl {
    margin-left: var(--espaciado-7xl);
    margin-right: var(--espaciado-7xl);
  }
  .md\:margen-y-8xl {
    margin-top: var(--espaciado-8xl);
    margin-bottom: var(--espaciado-8xl);
  }
  .md\:margen-x-8xl {
    margin-left: var(--espaciado-8xl);
    margin-right: var(--espaciado-8xl);
  }
  .md\:margen-y-9xl {
    margin-top: var(--espaciado-9xl);
    margin-bottom: var(--espaciado-9xl);
  }
  .md\:margen-x-9xl {
    margin-left: var(--espaciado-9xl);
    margin-right: var(--espaciado-9xl);
  }
  .md\:margen-y-10xl {
    margin-top: var(--espaciado-10xl);
    margin-bottom: var(--espaciado-10xl);
  }
  .md\:margen-x-10xl {
    margin-left: var(--espaciado-10xl);
    margin-right: var(--espaciado-10xl);
  }
  .md\:margen-y-11xl {
    margin-top: var(--espaciado-11xl);
    margin-bottom: var(--espaciado-11xl);
  }
  .md\:margen-x-11xl {
    margin-left: var(--espaciado-11xl);
    margin-right: var(--espaciado-11xl);
  }
  .md\:margen-y-12xl {
    margin-top: var(--espaciado-12xl);
    margin-bottom: var(--espaciado-12xl);
  }
  .md\:margen-x-12xl {
    margin-left: var(--espaciado-12xl);
    margin-right: var(--espaciado-12xl);
  }
  .md\:margen-y-13xl {
    margin-top: var(--espaciado-13xl);
    margin-bottom: var(--espaciado-13xl);
  }
  .md\:margen-x-13xl {
    margin-left: var(--espaciado-13xl);
    margin-right: var(--espaciado-13xl);
  }
  .md\:margen-y-14xl {
    margin-top: var(--espaciado-14xl);
    margin-bottom: var(--espaciado-14xl);
  }
  .md\:margen-x-14xl {
    margin-left: var(--espaciado-14xl);
    margin-right: var(--espaciado-14xl);
  }
  .md\:margen-y-15xl {
    margin-top: var(--espaciado-15xl);
    margin-bottom: var(--espaciado-15xl);
  }
  .md\:margen-x-15xl {
    margin-left: var(--espaciado-15xl);
    margin-right: var(--espaciado-15xl);
  }
  .md\:margen-y-0 {
    margin-top: var(--espaciado-0);
    margin-bottom: var(--espaciado-0);
  }
  .md\:margen-x-0 {
    margin-left: var(--espaciado-0);
    margin-right: var(--espaciado-0);
  }
  .md\:margen-y-auto {
    margin-top: var(--espaciado-auto);
    margin-bottom: var(--espaciado-auto);
  }
  .md\:margen-x-auto {
    margin-left: var(--espaciado-auto);
    margin-right: var(--espaciado-auto);
  }
  .md\:margen-arriba-xxxs {
    margin-top: var(--espaciado-xxxs);
  }
  .md\:margen-derecha-xxxs {
    margin-right: var(--espaciado-xxxs);
  }
  .md\:margen-abajo-xxxs {
    margin-bottom: var(--espaciado-xxxs);
  }
  .md\:margen-izquierda-xxxs {
    margin-left: var(--espaciado-xxxs);
  }
  .md\:margen-arriba-xxs {
    margin-top: var(--espaciado-xxs);
  }
  .md\:margen-derecha-xxs {
    margin-right: var(--espaciado-xxs);
  }
  .md\:margen-abajo-xxs {
    margin-bottom: var(--espaciado-xxs);
  }
  .md\:margen-izquierda-xxs {
    margin-left: var(--espaciado-xxs);
  }
  .md\:margen-arriba-xs {
    margin-top: var(--espaciado-xs);
  }
  .md\:margen-derecha-xs {
    margin-right: var(--espaciado-xs);
  }
  .md\:margen-abajo-xs {
    margin-bottom: var(--espaciado-xs);
  }
  .md\:margen-izquierda-xs {
    margin-left: var(--espaciado-xs);
  }
  .md\:margen-arriba-sm {
    margin-top: var(--espaciado-sm);
  }
  .md\:margen-derecha-sm {
    margin-right: var(--espaciado-sm);
  }
  .md\:margen-abajo-sm {
    margin-bottom: var(--espaciado-sm);
  }
  .md\:margen-izquierda-sm {
    margin-left: var(--espaciado-sm);
  }
  .md\:margen-arriba-normal {
    margin-top: var(--espaciado-normal);
  }
  .md\:margen-derecha-normal {
    margin-right: var(--espaciado-normal);
  }
  .md\:margen-abajo-normal {
    margin-bottom: var(--espaciado-normal);
  }
  .md\:margen-izquierda-normal {
    margin-left: var(--espaciado-normal);
  }
  .md\:margen-arriba-md {
    margin-top: var(--espaciado-md);
  }
  .md\:margen-derecha-md {
    margin-right: var(--espaciado-md);
  }
  .md\:margen-abajo-md {
    margin-bottom: var(--espaciado-md);
  }
  .md\:margen-izquierda-md {
    margin-left: var(--espaciado-md);
  }
  .md\:margen-arriba-lg {
    margin-top: var(--espaciado-lg);
  }
  .md\:margen-derecha-lg {
    margin-right: var(--espaciado-lg);
  }
  .md\:margen-abajo-lg {
    margin-bottom: var(--espaciado-lg);
  }
  .md\:margen-izquierda-lg {
    margin-left: var(--espaciado-lg);
  }
  .md\:margen-arriba-xl {
    margin-top: var(--espaciado-xl);
  }
  .md\:margen-derecha-xl {
    margin-right: var(--espaciado-xl);
  }
  .md\:margen-abajo-xl {
    margin-bottom: var(--espaciado-xl);
  }
  .md\:margen-izquierda-xl {
    margin-left: var(--espaciado-xl);
  }
  .md\:margen-arriba-2xl {
    margin-top: var(--espaciado-2xl);
  }
  .md\:margen-derecha-2xl {
    margin-right: var(--espaciado-2xl);
  }
  .md\:margen-abajo-2xl {
    margin-bottom: var(--espaciado-2xl);
  }
  .md\:margen-izquierda-2xl {
    margin-left: var(--espaciado-2xl);
  }
  .md\:margen-arriba-3xl {
    margin-top: var(--espaciado-3xl);
  }
  .md\:margen-derecha-3xl {
    margin-right: var(--espaciado-3xl);
  }
  .md\:margen-abajo-3xl {
    margin-bottom: var(--espaciado-3xl);
  }
  .md\:margen-izquierda-3xl {
    margin-left: var(--espaciado-3xl);
  }
  .md\:margen-arriba-4xl {
    margin-top: var(--espaciado-4xl);
  }
  .md\:margen-derecha-4xl {
    margin-right: var(--espaciado-4xl);
  }
  .md\:margen-abajo-4xl {
    margin-bottom: var(--espaciado-4xl);
  }
  .md\:margen-izquierda-4xl {
    margin-left: var(--espaciado-4xl);
  }
  .md\:margen-arriba-5xl {
    margin-top: var(--espaciado-5xl);
  }
  .md\:margen-derecha-5xl {
    margin-right: var(--espaciado-5xl);
  }
  .md\:margen-abajo-5xl {
    margin-bottom: var(--espaciado-5xl);
  }
  .md\:margen-izquierda-5xl {
    margin-left: var(--espaciado-5xl);
  }
  .md\:margen-arriba-6xl {
    margin-top: var(--espaciado-6xl);
  }
  .md\:margen-derecha-6xl {
    margin-right: var(--espaciado-6xl);
  }
  .md\:margen-abajo-6xl {
    margin-bottom: var(--espaciado-6xl);
  }
  .md\:margen-izquierda-6xl {
    margin-left: var(--espaciado-6xl);
  }
  .md\:margen-arriba-7xl {
    margin-top: var(--espaciado-7xl);
  }
  .md\:margen-derecha-7xl {
    margin-right: var(--espaciado-7xl);
  }
  .md\:margen-abajo-7xl {
    margin-bottom: var(--espaciado-7xl);
  }
  .md\:margen-izquierda-7xl {
    margin-left: var(--espaciado-7xl);
  }
  .md\:margen-arriba-8xl {
    margin-top: var(--espaciado-8xl);
  }
  .md\:margen-derecha-8xl {
    margin-right: var(--espaciado-8xl);
  }
  .md\:margen-abajo-8xl {
    margin-bottom: var(--espaciado-8xl);
  }
  .md\:margen-izquierda-8xl {
    margin-left: var(--espaciado-8xl);
  }
  .md\:margen-arriba-9xl {
    margin-top: var(--espaciado-9xl);
  }
  .md\:margen-derecha-9xl {
    margin-right: var(--espaciado-9xl);
  }
  .md\:margen-abajo-9xl {
    margin-bottom: var(--espaciado-9xl);
  }
  .md\:margen-izquierda-9xl {
    margin-left: var(--espaciado-9xl);
  }
  .md\:margen-arriba-10xl {
    margin-top: var(--espaciado-10xl);
  }
  .md\:margen-derecha-10xl {
    margin-right: var(--espaciado-10xl);
  }
  .md\:margen-abajo-10xl {
    margin-bottom: var(--espaciado-10xl);
  }
  .md\:margen-izquierda-10xl {
    margin-left: var(--espaciado-10xl);
  }
  .md\:margen-arriba-11xl {
    margin-top: var(--espaciado-11xl);
  }
  .md\:margen-derecha-11xl {
    margin-right: var(--espaciado-11xl);
  }
  .md\:margen-abajo-11xl {
    margin-bottom: var(--espaciado-11xl);
  }
  .md\:margen-izquierda-11xl {
    margin-left: var(--espaciado-11xl);
  }
  .md\:margen-arriba-12xl {
    margin-top: var(--espaciado-12xl);
  }
  .md\:margen-derecha-12xl {
    margin-right: var(--espaciado-12xl);
  }
  .md\:margen-abajo-12xl {
    margin-bottom: var(--espaciado-12xl);
  }
  .md\:margen-izquierda-12xl {
    margin-left: var(--espaciado-12xl);
  }
  .md\:margen-arriba-13xl {
    margin-top: var(--espaciado-13xl);
  }
  .md\:margen-derecha-13xl {
    margin-right: var(--espaciado-13xl);
  }
  .md\:margen-abajo-13xl {
    margin-bottom: var(--espaciado-13xl);
  }
  .md\:margen-izquierda-13xl {
    margin-left: var(--espaciado-13xl);
  }
  .md\:margen-arriba-14xl {
    margin-top: var(--espaciado-14xl);
  }
  .md\:margen-derecha-14xl {
    margin-right: var(--espaciado-14xl);
  }
  .md\:margen-abajo-14xl {
    margin-bottom: var(--espaciado-14xl);
  }
  .md\:margen-izquierda-14xl {
    margin-left: var(--espaciado-14xl);
  }
  .md\:margen-arriba-15xl {
    margin-top: var(--espaciado-15xl);
  }
  .md\:margen-derecha-15xl {
    margin-right: var(--espaciado-15xl);
  }
  .md\:margen-abajo-15xl {
    margin-bottom: var(--espaciado-15xl);
  }
  .md\:margen-izquierda-15xl {
    margin-left: var(--espaciado-15xl);
  }
  .md\:margen-arriba-0 {
    margin-top: var(--espaciado-0);
  }
  .md\:margen-derecha-0 {
    margin-right: var(--espaciado-0);
  }
  .md\:margen-abajo-0 {
    margin-bottom: var(--espaciado-0);
  }
  .md\:margen-izquierda-0 {
    margin-left: var(--espaciado-0);
  }
  .md\:margen-arriba-auto {
    margin-top: var(--espaciado-auto);
  }
  .md\:margen-derecha-auto {
    margin-right: var(--espaciado-auto);
  }
  .md\:margen-abajo-auto {
    margin-bottom: var(--espaciado-auto);
  }
  .md\:margen-izquierda-auto {
    margin-left: var(--espaciado-auto);
  }
}
@media (min-width: 992px) {
  .lg\:espaciado-xxxs {
    padding: var(--espaciado-xxxs);
  }
  .lg\:espaciado-xxs {
    padding: var(--espaciado-xxs);
  }
  .lg\:espaciado-xs {
    padding: var(--espaciado-xs);
  }
  .lg\:espaciado-sm, .menu li ul a {
    padding: var(--espaciado-sm);
  }
  .lg\:espaciado-normal {
    padding: var(--espaciado-normal);
  }
  .lg\:espaciado-md {
    padding: var(--espaciado-md);
  }
  .lg\:espaciado-lg {
    padding: var(--espaciado-lg);
  }
  .lg\:espaciado-xl {
    padding: var(--espaciado-xl);
  }
  .lg\:espaciado-2xl {
    padding: var(--espaciado-2xl);
  }
  .lg\:espaciado-3xl {
    padding: var(--espaciado-3xl);
  }
  .lg\:espaciado-4xl {
    padding: var(--espaciado-4xl);
  }
  .lg\:espaciado-5xl {
    padding: var(--espaciado-5xl);
  }
  .lg\:espaciado-6xl {
    padding: var(--espaciado-6xl);
  }
  .lg\:espaciado-7xl {
    padding: var(--espaciado-7xl);
  }
  .lg\:espaciado-8xl {
    padding: var(--espaciado-8xl);
  }
  .lg\:espaciado-9xl {
    padding: var(--espaciado-9xl);
  }
  .lg\:espaciado-10xl {
    padding: var(--espaciado-10xl);
  }
  .lg\:espaciado-11xl {
    padding: var(--espaciado-11xl);
  }
  .lg\:espaciado-12xl {
    padding: var(--espaciado-12xl);
  }
  .lg\:espaciado-13xl {
    padding: var(--espaciado-13xl);
  }
  .lg\:espaciado-14xl {
    padding: var(--espaciado-14xl);
  }
  .lg\:espaciado-15xl {
    padding: var(--espaciado-15xl);
  }
  .lg\:espaciado-0 {
    padding: var(--espaciado-0);
  }
  .lg\:espaciado-y-xxxs {
    padding-top: var(--espaciado-xxxs);
    padding-bottom: var(--espaciado-xxxs);
  }
  .lg\:espaciado-x-xxxs {
    padding-left: var(--espaciado-xxxs);
    padding-right: var(--espaciado-xxxs);
  }
  .lg\:espaciado-y-xxs {
    padding-top: var(--espaciado-xxs);
    padding-bottom: var(--espaciado-xxs);
  }
  .lg\:espaciado-x-xxs {
    padding-left: var(--espaciado-xxs);
    padding-right: var(--espaciado-xxs);
  }
  .lg\:espaciado-y-xs {
    padding-top: var(--espaciado-xs);
    padding-bottom: var(--espaciado-xs);
  }
  .lg\:espaciado-x-xs {
    padding-left: var(--espaciado-xs);
    padding-right: var(--espaciado-xs);
  }
  .lg\:espaciado-y-sm {
    padding-top: var(--espaciado-sm);
    padding-bottom: var(--espaciado-sm);
  }
  .lg\:espaciado-x-sm {
    padding-left: var(--espaciado-sm);
    padding-right: var(--espaciado-sm);
  }
  .lg\:espaciado-y-normal {
    padding-top: var(--espaciado-normal);
    padding-bottom: var(--espaciado-normal);
  }
  .lg\:espaciado-x-normal {
    padding-left: var(--espaciado-normal);
    padding-right: var(--espaciado-normal);
  }
  .lg\:espaciado-y-md {
    padding-top: var(--espaciado-md);
    padding-bottom: var(--espaciado-md);
  }
  .lg\:espaciado-x-md {
    padding-left: var(--espaciado-md);
    padding-right: var(--espaciado-md);
  }
  .lg\:espaciado-y-lg {
    padding-top: var(--espaciado-lg);
    padding-bottom: var(--espaciado-lg);
  }
  .lg\:espaciado-x-lg {
    padding-left: var(--espaciado-lg);
    padding-right: var(--espaciado-lg);
  }
  .lg\:espaciado-y-xl {
    padding-top: var(--espaciado-xl);
    padding-bottom: var(--espaciado-xl);
  }
  .lg\:espaciado-x-xl {
    padding-left: var(--espaciado-xl);
    padding-right: var(--espaciado-xl);
  }
  .lg\:espaciado-y-2xl {
    padding-top: var(--espaciado-2xl);
    padding-bottom: var(--espaciado-2xl);
  }
  .lg\:espaciado-x-2xl {
    padding-left: var(--espaciado-2xl);
    padding-right: var(--espaciado-2xl);
  }
  .lg\:espaciado-y-3xl {
    padding-top: var(--espaciado-3xl);
    padding-bottom: var(--espaciado-3xl);
  }
  .lg\:espaciado-x-3xl {
    padding-left: var(--espaciado-3xl);
    padding-right: var(--espaciado-3xl);
  }
  .lg\:espaciado-y-4xl {
    padding-top: var(--espaciado-4xl);
    padding-bottom: var(--espaciado-4xl);
  }
  .lg\:espaciado-x-4xl {
    padding-left: var(--espaciado-4xl);
    padding-right: var(--espaciado-4xl);
  }
  .lg\:espaciado-y-5xl {
    padding-top: var(--espaciado-5xl);
    padding-bottom: var(--espaciado-5xl);
  }
  .lg\:espaciado-x-5xl {
    padding-left: var(--espaciado-5xl);
    padding-right: var(--espaciado-5xl);
  }
  .lg\:espaciado-y-6xl {
    padding-top: var(--espaciado-6xl);
    padding-bottom: var(--espaciado-6xl);
  }
  .lg\:espaciado-x-6xl {
    padding-left: var(--espaciado-6xl);
    padding-right: var(--espaciado-6xl);
  }
  .lg\:espaciado-y-7xl {
    padding-top: var(--espaciado-7xl);
    padding-bottom: var(--espaciado-7xl);
  }
  .lg\:espaciado-x-7xl {
    padding-left: var(--espaciado-7xl);
    padding-right: var(--espaciado-7xl);
  }
  .lg\:espaciado-y-8xl {
    padding-top: var(--espaciado-8xl);
    padding-bottom: var(--espaciado-8xl);
  }
  .lg\:espaciado-x-8xl {
    padding-left: var(--espaciado-8xl);
    padding-right: var(--espaciado-8xl);
  }
  .lg\:espaciado-y-9xl {
    padding-top: var(--espaciado-9xl);
    padding-bottom: var(--espaciado-9xl);
  }
  .lg\:espaciado-x-9xl {
    padding-left: var(--espaciado-9xl);
    padding-right: var(--espaciado-9xl);
  }
  .lg\:espaciado-y-10xl {
    padding-top: var(--espaciado-10xl);
    padding-bottom: var(--espaciado-10xl);
  }
  .lg\:espaciado-x-10xl {
    padding-left: var(--espaciado-10xl);
    padding-right: var(--espaciado-10xl);
  }
  .lg\:espaciado-y-11xl {
    padding-top: var(--espaciado-11xl);
    padding-bottom: var(--espaciado-11xl);
  }
  .lg\:espaciado-x-11xl {
    padding-left: var(--espaciado-11xl);
    padding-right: var(--espaciado-11xl);
  }
  .lg\:espaciado-y-12xl {
    padding-top: var(--espaciado-12xl);
    padding-bottom: var(--espaciado-12xl);
  }
  .lg\:espaciado-x-12xl {
    padding-left: var(--espaciado-12xl);
    padding-right: var(--espaciado-12xl);
  }
  .lg\:espaciado-y-13xl {
    padding-top: var(--espaciado-13xl);
    padding-bottom: var(--espaciado-13xl);
  }
  .lg\:espaciado-x-13xl {
    padding-left: var(--espaciado-13xl);
    padding-right: var(--espaciado-13xl);
  }
  .lg\:espaciado-y-14xl {
    padding-top: var(--espaciado-14xl);
    padding-bottom: var(--espaciado-14xl);
  }
  .lg\:espaciado-x-14xl {
    padding-left: var(--espaciado-14xl);
    padding-right: var(--espaciado-14xl);
  }
  .lg\:espaciado-y-15xl {
    padding-top: var(--espaciado-15xl);
    padding-bottom: var(--espaciado-15xl);
  }
  .lg\:espaciado-x-15xl {
    padding-left: var(--espaciado-15xl);
    padding-right: var(--espaciado-15xl);
  }
  .lg\:espaciado-y-0 {
    padding-top: var(--espaciado-0);
    padding-bottom: var(--espaciado-0);
  }
  .lg\:espaciado-x-0 {
    padding-left: var(--espaciado-0);
    padding-right: var(--espaciado-0);
  }
  .lg\:espaciado-arriba-xxxs {
    padding-top: var(--espaciado-xxxs);
  }
  .lg\:espaciado-derecha-xxxs {
    padding-right: var(--espaciado-xxxs);
  }
  .lg\:espaciado-abajo-xxxs {
    padding-bottom: var(--espaciado-xxxs);
  }
  .lg\:espaciado-izquierda-xxxs {
    padding-left: var(--espaciado-xxxs);
  }
  .lg\:espaciado-arriba-xxs {
    padding-top: var(--espaciado-xxs);
  }
  .lg\:espaciado-derecha-xxs {
    padding-right: var(--espaciado-xxs);
  }
  .lg\:espaciado-abajo-xxs {
    padding-bottom: var(--espaciado-xxs);
  }
  .lg\:espaciado-izquierda-xxs {
    padding-left: var(--espaciado-xxs);
  }
  .lg\:espaciado-arriba-xs {
    padding-top: var(--espaciado-xs);
  }
  .lg\:espaciado-derecha-xs {
    padding-right: var(--espaciado-xs);
  }
  .lg\:espaciado-abajo-xs {
    padding-bottom: var(--espaciado-xs);
  }
  .lg\:espaciado-izquierda-xs {
    padding-left: var(--espaciado-xs);
  }
  .lg\:espaciado-arriba-sm {
    padding-top: var(--espaciado-sm);
  }
  .lg\:espaciado-derecha-sm {
    padding-right: var(--espaciado-sm);
  }
  .lg\:espaciado-abajo-sm {
    padding-bottom: var(--espaciado-sm);
  }
  .lg\:espaciado-izquierda-sm {
    padding-left: var(--espaciado-sm);
  }
  .lg\:espaciado-arriba-normal {
    padding-top: var(--espaciado-normal);
  }
  .lg\:espaciado-derecha-normal {
    padding-right: var(--espaciado-normal);
  }
  .lg\:espaciado-abajo-normal {
    padding-bottom: var(--espaciado-normal);
  }
  .lg\:espaciado-izquierda-normal {
    padding-left: var(--espaciado-normal);
  }
  .lg\:espaciado-arriba-md {
    padding-top: var(--espaciado-md);
  }
  .lg\:espaciado-derecha-md {
    padding-right: var(--espaciado-md);
  }
  .lg\:espaciado-abajo-md {
    padding-bottom: var(--espaciado-md);
  }
  .lg\:espaciado-izquierda-md {
    padding-left: var(--espaciado-md);
  }
  .lg\:espaciado-arriba-lg {
    padding-top: var(--espaciado-lg);
  }
  .lg\:espaciado-derecha-lg {
    padding-right: var(--espaciado-lg);
  }
  .lg\:espaciado-abajo-lg {
    padding-bottom: var(--espaciado-lg);
  }
  .lg\:espaciado-izquierda-lg {
    padding-left: var(--espaciado-lg);
  }
  .lg\:espaciado-arriba-xl {
    padding-top: var(--espaciado-xl);
  }
  .lg\:espaciado-derecha-xl {
    padding-right: var(--espaciado-xl);
  }
  .lg\:espaciado-abajo-xl {
    padding-bottom: var(--espaciado-xl);
  }
  .lg\:espaciado-izquierda-xl {
    padding-left: var(--espaciado-xl);
  }
  .lg\:espaciado-arriba-2xl {
    padding-top: var(--espaciado-2xl);
  }
  .lg\:espaciado-derecha-2xl {
    padding-right: var(--espaciado-2xl);
  }
  .lg\:espaciado-abajo-2xl {
    padding-bottom: var(--espaciado-2xl);
  }
  .lg\:espaciado-izquierda-2xl {
    padding-left: var(--espaciado-2xl);
  }
  .lg\:espaciado-arriba-3xl {
    padding-top: var(--espaciado-3xl);
  }
  .lg\:espaciado-derecha-3xl {
    padding-right: var(--espaciado-3xl);
  }
  .lg\:espaciado-abajo-3xl {
    padding-bottom: var(--espaciado-3xl);
  }
  .lg\:espaciado-izquierda-3xl {
    padding-left: var(--espaciado-3xl);
  }
  .lg\:espaciado-arriba-4xl {
    padding-top: var(--espaciado-4xl);
  }
  .lg\:espaciado-derecha-4xl {
    padding-right: var(--espaciado-4xl);
  }
  .lg\:espaciado-abajo-4xl {
    padding-bottom: var(--espaciado-4xl);
  }
  .lg\:espaciado-izquierda-4xl {
    padding-left: var(--espaciado-4xl);
  }
  .lg\:espaciado-arriba-5xl {
    padding-top: var(--espaciado-5xl);
  }
  .lg\:espaciado-derecha-5xl {
    padding-right: var(--espaciado-5xl);
  }
  .lg\:espaciado-abajo-5xl {
    padding-bottom: var(--espaciado-5xl);
  }
  .lg\:espaciado-izquierda-5xl {
    padding-left: var(--espaciado-5xl);
  }
  .lg\:espaciado-arriba-6xl {
    padding-top: var(--espaciado-6xl);
  }
  .lg\:espaciado-derecha-6xl {
    padding-right: var(--espaciado-6xl);
  }
  .lg\:espaciado-abajo-6xl {
    padding-bottom: var(--espaciado-6xl);
  }
  .lg\:espaciado-izquierda-6xl {
    padding-left: var(--espaciado-6xl);
  }
  .lg\:espaciado-arriba-7xl {
    padding-top: var(--espaciado-7xl);
  }
  .lg\:espaciado-derecha-7xl {
    padding-right: var(--espaciado-7xl);
  }
  .lg\:espaciado-abajo-7xl {
    padding-bottom: var(--espaciado-7xl);
  }
  .lg\:espaciado-izquierda-7xl {
    padding-left: var(--espaciado-7xl);
  }
  .lg\:espaciado-arriba-8xl {
    padding-top: var(--espaciado-8xl);
  }
  .lg\:espaciado-derecha-8xl {
    padding-right: var(--espaciado-8xl);
  }
  .lg\:espaciado-abajo-8xl {
    padding-bottom: var(--espaciado-8xl);
  }
  .lg\:espaciado-izquierda-8xl {
    padding-left: var(--espaciado-8xl);
  }
  .lg\:espaciado-arriba-9xl {
    padding-top: var(--espaciado-9xl);
  }
  .lg\:espaciado-derecha-9xl {
    padding-right: var(--espaciado-9xl);
  }
  .lg\:espaciado-abajo-9xl {
    padding-bottom: var(--espaciado-9xl);
  }
  .lg\:espaciado-izquierda-9xl {
    padding-left: var(--espaciado-9xl);
  }
  .lg\:espaciado-arriba-10xl {
    padding-top: var(--espaciado-10xl);
  }
  .lg\:espaciado-derecha-10xl {
    padding-right: var(--espaciado-10xl);
  }
  .lg\:espaciado-abajo-10xl {
    padding-bottom: var(--espaciado-10xl);
  }
  .lg\:espaciado-izquierda-10xl {
    padding-left: var(--espaciado-10xl);
  }
  .lg\:espaciado-arriba-11xl {
    padding-top: var(--espaciado-11xl);
  }
  .lg\:espaciado-derecha-11xl {
    padding-right: var(--espaciado-11xl);
  }
  .lg\:espaciado-abajo-11xl {
    padding-bottom: var(--espaciado-11xl);
  }
  .lg\:espaciado-izquierda-11xl {
    padding-left: var(--espaciado-11xl);
  }
  .lg\:espaciado-arriba-12xl {
    padding-top: var(--espaciado-12xl);
  }
  .lg\:espaciado-derecha-12xl {
    padding-right: var(--espaciado-12xl);
  }
  .lg\:espaciado-abajo-12xl {
    padding-bottom: var(--espaciado-12xl);
  }
  .lg\:espaciado-izquierda-12xl {
    padding-left: var(--espaciado-12xl);
  }
  .lg\:espaciado-arriba-13xl {
    padding-top: var(--espaciado-13xl);
  }
  .lg\:espaciado-derecha-13xl {
    padding-right: var(--espaciado-13xl);
  }
  .lg\:espaciado-abajo-13xl {
    padding-bottom: var(--espaciado-13xl);
  }
  .lg\:espaciado-izquierda-13xl {
    padding-left: var(--espaciado-13xl);
  }
  .lg\:espaciado-arriba-14xl {
    padding-top: var(--espaciado-14xl);
  }
  .lg\:espaciado-derecha-14xl {
    padding-right: var(--espaciado-14xl);
  }
  .lg\:espaciado-abajo-14xl {
    padding-bottom: var(--espaciado-14xl);
  }
  .lg\:espaciado-izquierda-14xl {
    padding-left: var(--espaciado-14xl);
  }
  .lg\:espaciado-arriba-15xl {
    padding-top: var(--espaciado-15xl);
  }
  .lg\:espaciado-derecha-15xl {
    padding-right: var(--espaciado-15xl);
  }
  .lg\:espaciado-abajo-15xl {
    padding-bottom: var(--espaciado-15xl);
  }
  .lg\:espaciado-izquierda-15xl {
    padding-left: var(--espaciado-15xl);
  }
  .lg\:espaciado-arriba-0 {
    padding-top: var(--espaciado-0);
  }
  .lg\:espaciado-derecha-0 {
    padding-right: var(--espaciado-0);
  }
  .lg\:espaciado-abajo-0 {
    padding-bottom: var(--espaciado-0);
  }
  .lg\:espaciado-izquierda-0 {
    padding-left: var(--espaciado-0);
  }
  .lg\:margen-negativo-arriba-xxxs {
    margin-top: var(--es-n-xxxs);
  }
  .lg\:margen-negativo-derecha-xxxs {
    margin-right: var(--es-n-xxxs);
  }
  .lg\:margen-negativo-abajo-xxxs {
    margin-bottom: var(--es-n-xxxs);
  }
  .lg\:margen-negativo-izquierda-xxxs {
    margin-left: var(--es-n-xxxs);
  }
  .lg\:margen-negativo-arriba-xxs {
    margin-top: var(--es-n-xxs);
  }
  .lg\:margen-negativo-derecha-xxs {
    margin-right: var(--es-n-xxs);
  }
  .lg\:margen-negativo-abajo-xxs {
    margin-bottom: var(--es-n-xxs);
  }
  .lg\:margen-negativo-izquierda-xxs {
    margin-left: var(--es-n-xxs);
  }
  .lg\:margen-negativo-arriba-xs {
    margin-top: var(--es-n-xs);
  }
  .lg\:margen-negativo-derecha-xs {
    margin-right: var(--es-n-xs);
  }
  .lg\:margen-negativo-abajo-xs {
    margin-bottom: var(--es-n-xs);
  }
  .lg\:margen-negativo-izquierda-xs {
    margin-left: var(--es-n-xs);
  }
  .lg\:margen-negativo-arriba-sm {
    margin-top: var(--es-n-sm);
  }
  .lg\:margen-negativo-derecha-sm {
    margin-right: var(--es-n-sm);
  }
  .lg\:margen-negativo-abajo-sm {
    margin-bottom: var(--es-n-sm);
  }
  .lg\:margen-negativo-izquierda-sm {
    margin-left: var(--es-n-sm);
  }
  .lg\:margen-negativo-arriba-normal {
    margin-top: var(--es-n-normal);
  }
  .lg\:margen-negativo-derecha-normal {
    margin-right: var(--es-n-normal);
  }
  .lg\:margen-negativo-abajo-normal {
    margin-bottom: var(--es-n-normal);
  }
  .lg\:margen-negativo-izquierda-normal {
    margin-left: var(--es-n-normal);
  }
  .lg\:margen-negativo-arriba-md {
    margin-top: var(--es-n-md);
  }
  .lg\:margen-negativo-derecha-md {
    margin-right: var(--es-n-md);
  }
  .lg\:margen-negativo-abajo-md {
    margin-bottom: var(--es-n-md);
  }
  .lg\:margen-negativo-izquierda-md {
    margin-left: var(--es-n-md);
  }
  .lg\:margen-negativo-arriba-lg {
    margin-top: var(--es-n-lg);
  }
  .lg\:margen-negativo-derecha-lg {
    margin-right: var(--es-n-lg);
  }
  .lg\:margen-negativo-abajo-lg {
    margin-bottom: var(--es-n-lg);
  }
  .lg\:margen-negativo-izquierda-lg {
    margin-left: var(--es-n-lg);
  }
  .lg\:margen-negativo-arriba-xl {
    margin-top: var(--es-n-xl);
  }
  .lg\:margen-negativo-derecha-xl {
    margin-right: var(--es-n-xl);
  }
  .lg\:margen-negativo-abajo-xl {
    margin-bottom: var(--es-n-xl);
  }
  .lg\:margen-negativo-izquierda-xl {
    margin-left: var(--es-n-xl);
  }
  .lg\:margen-negativo-arriba-2xl {
    margin-top: var(--es-n-2xl);
  }
  .lg\:margen-negativo-derecha-2xl {
    margin-right: var(--es-n-2xl);
  }
  .lg\:margen-negativo-abajo-2xl {
    margin-bottom: var(--es-n-2xl);
  }
  .lg\:margen-negativo-izquierda-2xl {
    margin-left: var(--es-n-2xl);
  }
  .lg\:margen-negativo-arriba-3xl {
    margin-top: var(--es-n-3xl);
  }
  .lg\:margen-negativo-derecha-3xl {
    margin-right: var(--es-n-3xl);
  }
  .lg\:margen-negativo-abajo-3xl {
    margin-bottom: var(--es-n-3xl);
  }
  .lg\:margen-negativo-izquierda-3xl {
    margin-left: var(--es-n-3xl);
  }
  .lg\:margen-negativo-arriba-4xl {
    margin-top: var(--es-n-4xl);
  }
  .lg\:margen-negativo-derecha-4xl {
    margin-right: var(--es-n-4xl);
  }
  .lg\:margen-negativo-abajo-4xl {
    margin-bottom: var(--es-n-4xl);
  }
  .lg\:margen-negativo-izquierda-4xl {
    margin-left: var(--es-n-4xl);
  }
  .lg\:margen-negativo-arriba-5xl {
    margin-top: var(--es-n-5xl);
  }
  .lg\:margen-negativo-derecha-5xl {
    margin-right: var(--es-n-5xl);
  }
  .lg\:margen-negativo-abajo-5xl {
    margin-bottom: var(--es-n-5xl);
  }
  .lg\:margen-negativo-izquierda-5xl {
    margin-left: var(--es-n-5xl);
  }
  .lg\:margen-negativo-arriba-6xl {
    margin-top: var(--es-n-6xl);
  }
  .lg\:margen-negativo-derecha-6xl {
    margin-right: var(--es-n-6xl);
  }
  .lg\:margen-negativo-abajo-6xl {
    margin-bottom: var(--es-n-6xl);
  }
  .lg\:margen-negativo-izquierda-6xl {
    margin-left: var(--es-n-6xl);
  }
  .lg\:margen-negativo-arriba-7xl {
    margin-top: var(--es-n-7xl);
  }
  .lg\:margen-negativo-derecha-7xl {
    margin-right: var(--es-n-7xl);
  }
  .lg\:margen-negativo-abajo-7xl {
    margin-bottom: var(--es-n-7xl);
  }
  .lg\:margen-negativo-izquierda-7xl {
    margin-left: var(--es-n-7xl);
  }
  .lg\:margen-negativo-arriba-8xl {
    margin-top: var(--es-n-8xl);
  }
  .lg\:margen-negativo-derecha-8xl {
    margin-right: var(--es-n-8xl);
  }
  .lg\:margen-negativo-abajo-8xl {
    margin-bottom: var(--es-n-8xl);
  }
  .lg\:margen-negativo-izquierda-8xl {
    margin-left: var(--es-n-8xl);
  }
  .lg\:margen-negativo-arriba-9xl {
    margin-top: var(--es-n-9xl);
  }
  .lg\:margen-negativo-derecha-9xl {
    margin-right: var(--es-n-9xl);
  }
  .lg\:margen-negativo-abajo-9xl {
    margin-bottom: var(--es-n-9xl);
  }
  .lg\:margen-negativo-izquierda-9xl {
    margin-left: var(--es-n-9xl);
  }
  .lg\:margen-negativo-arriba-10xl {
    margin-top: var(--es-n-10xl);
  }
  .lg\:margen-negativo-derecha-10xl {
    margin-right: var(--es-n-10xl);
  }
  .lg\:margen-negativo-abajo-10xl {
    margin-bottom: var(--es-n-10xl);
  }
  .lg\:margen-negativo-izquierda-10xl {
    margin-left: var(--es-n-10xl);
  }
  .lg\:margen-negativo-arriba-11xl {
    margin-top: var(--es-n-11xl);
  }
  .lg\:margen-negativo-derecha-11xl {
    margin-right: var(--es-n-11xl);
  }
  .lg\:margen-negativo-abajo-11xl {
    margin-bottom: var(--es-n-11xl);
  }
  .lg\:margen-negativo-izquierda-11xl {
    margin-left: var(--es-n-11xl);
  }
  .lg\:margen-negativo-arriba-12xl {
    margin-top: var(--es-n-12xl);
  }
  .lg\:margen-negativo-derecha-12xl {
    margin-right: var(--es-n-12xl);
  }
  .lg\:margen-negativo-abajo-12xl {
    margin-bottom: var(--es-n-12xl);
  }
  .lg\:margen-negativo-izquierda-12xl {
    margin-left: var(--es-n-12xl);
  }
  .lg\:margen-negativo-arriba-13xl {
    margin-top: var(--es-n-13xl);
  }
  .lg\:margen-negativo-derecha-13xl {
    margin-right: var(--es-n-13xl);
  }
  .lg\:margen-negativo-abajo-13xl {
    margin-bottom: var(--es-n-13xl);
  }
  .lg\:margen-negativo-izquierda-13xl {
    margin-left: var(--es-n-13xl);
  }
  .lg\:margen-negativo-arriba-14xl {
    margin-top: var(--es-n-14xl);
  }
  .lg\:margen-negativo-derecha-14xl {
    margin-right: var(--es-n-14xl);
  }
  .lg\:margen-negativo-abajo-14xl {
    margin-bottom: var(--es-n-14xl);
  }
  .lg\:margen-negativo-izquierda-14xl {
    margin-left: var(--es-n-14xl);
  }
  .lg\:margen-negativo-arriba-15xl {
    margin-top: var(--es-n-15xl);
  }
  .lg\:margen-negativo-derecha-15xl {
    margin-right: var(--es-n-15xl);
  }
  .lg\:margen-negativo-abajo-15xl {
    margin-bottom: var(--es-n-15xl);
  }
  .lg\:margen-negativo-izquierda-15xl {
    margin-left: var(--es-n-15xl);
  }
  .lg\:margen-negativo-arriba-0 {
    margin-top: var(--es-n-0);
  }
  .lg\:margen-negativo-derecha-0 {
    margin-right: var(--es-n-0);
  }
  .lg\:margen-negativo-abajo-0 {
    margin-bottom: var(--es-n-0);
  }
  .lg\:margen-negativo-izquierda-0 {
    margin-left: var(--es-n-0);
  }
  .lg\:margen-xxxs {
    margin: var(--espaciado-xxxs);
  }
  .lg\:margen-xxs {
    margin: var(--espaciado-xxs);
  }
  .lg\:margen-xs {
    margin: var(--espaciado-xs);
  }
  .lg\:margen-sm {
    margin: var(--espaciado-sm);
  }
  .lg\:margen-normal {
    margin: var(--espaciado-normal);
  }
  .lg\:margen-md {
    margin: var(--espaciado-md);
  }
  .lg\:margen-lg {
    margin: var(--espaciado-lg);
  }
  .lg\:margen-xl {
    margin: var(--espaciado-xl);
  }
  .lg\:margen-2xl {
    margin: var(--espaciado-2xl);
  }
  .lg\:margen-3xl {
    margin: var(--espaciado-3xl);
  }
  .lg\:margen-4xl {
    margin: var(--espaciado-4xl);
  }
  .lg\:margen-5xl {
    margin: var(--espaciado-5xl);
  }
  .lg\:margen-6xl {
    margin: var(--espaciado-6xl);
  }
  .lg\:margen-7xl {
    margin: var(--espaciado-7xl);
  }
  .lg\:margen-8xl {
    margin: var(--espaciado-8xl);
  }
  .lg\:margen-9xl {
    margin: var(--espaciado-9xl);
  }
  .lg\:margen-10xl {
    margin: var(--espaciado-10xl);
  }
  .lg\:margen-11xl {
    margin: var(--espaciado-11xl);
  }
  .lg\:margen-12xl {
    margin: var(--espaciado-12xl);
  }
  .lg\:margen-13xl {
    margin: var(--espaciado-13xl);
  }
  .lg\:margen-14xl {
    margin: var(--espaciado-14xl);
  }
  .lg\:margen-15xl {
    margin: var(--espaciado-15xl);
  }
  .lg\:margen-0 {
    margin: var(--espaciado-0);
  }
  .lg\:margen-auto {
    margin: var(--espaciado-auto);
  }
  .lg\:margen-y-xxxs {
    margin-top: var(--espaciado-xxxs);
    margin-bottom: var(--espaciado-xxxs);
  }
  .lg\:margen-x-xxxs {
    margin-left: var(--espaciado-xxxs);
    margin-right: var(--espaciado-xxxs);
  }
  .lg\:margen-y-xxs {
    margin-top: var(--espaciado-xxs);
    margin-bottom: var(--espaciado-xxs);
  }
  .lg\:margen-x-xxs {
    margin-left: var(--espaciado-xxs);
    margin-right: var(--espaciado-xxs);
  }
  .lg\:margen-y-xs {
    margin-top: var(--espaciado-xs);
    margin-bottom: var(--espaciado-xs);
  }
  .lg\:margen-x-xs {
    margin-left: var(--espaciado-xs);
    margin-right: var(--espaciado-xs);
  }
  .lg\:margen-y-sm {
    margin-top: var(--espaciado-sm);
    margin-bottom: var(--espaciado-sm);
  }
  .lg\:margen-x-sm, .menu ul li > a {
    margin-left: var(--espaciado-sm);
    margin-right: var(--espaciado-sm);
  }
  .lg\:margen-y-normal {
    margin-top: var(--espaciado-normal);
    margin-bottom: var(--espaciado-normal);
  }
  .lg\:margen-x-normal {
    margin-left: var(--espaciado-normal);
    margin-right: var(--espaciado-normal);
  }
  .lg\:margen-y-md {
    margin-top: var(--espaciado-md);
    margin-bottom: var(--espaciado-md);
  }
  .lg\:margen-x-md {
    margin-left: var(--espaciado-md);
    margin-right: var(--espaciado-md);
  }
  .lg\:margen-y-lg {
    margin-top: var(--espaciado-lg);
    margin-bottom: var(--espaciado-lg);
  }
  .lg\:margen-x-lg {
    margin-left: var(--espaciado-lg);
    margin-right: var(--espaciado-lg);
  }
  .lg\:margen-y-xl {
    margin-top: var(--espaciado-xl);
    margin-bottom: var(--espaciado-xl);
  }
  .lg\:margen-x-xl {
    margin-left: var(--espaciado-xl);
    margin-right: var(--espaciado-xl);
  }
  .lg\:margen-y-2xl {
    margin-top: var(--espaciado-2xl);
    margin-bottom: var(--espaciado-2xl);
  }
  .lg\:margen-x-2xl {
    margin-left: var(--espaciado-2xl);
    margin-right: var(--espaciado-2xl);
  }
  .lg\:margen-y-3xl {
    margin-top: var(--espaciado-3xl);
    margin-bottom: var(--espaciado-3xl);
  }
  .lg\:margen-x-3xl {
    margin-left: var(--espaciado-3xl);
    margin-right: var(--espaciado-3xl);
  }
  .lg\:margen-y-4xl {
    margin-top: var(--espaciado-4xl);
    margin-bottom: var(--espaciado-4xl);
  }
  .lg\:margen-x-4xl {
    margin-left: var(--espaciado-4xl);
    margin-right: var(--espaciado-4xl);
  }
  .lg\:margen-y-5xl {
    margin-top: var(--espaciado-5xl);
    margin-bottom: var(--espaciado-5xl);
  }
  .lg\:margen-x-5xl {
    margin-left: var(--espaciado-5xl);
    margin-right: var(--espaciado-5xl);
  }
  .lg\:margen-y-6xl {
    margin-top: var(--espaciado-6xl);
    margin-bottom: var(--espaciado-6xl);
  }
  .lg\:margen-x-6xl {
    margin-left: var(--espaciado-6xl);
    margin-right: var(--espaciado-6xl);
  }
  .lg\:margen-y-7xl {
    margin-top: var(--espaciado-7xl);
    margin-bottom: var(--espaciado-7xl);
  }
  .lg\:margen-x-7xl {
    margin-left: var(--espaciado-7xl);
    margin-right: var(--espaciado-7xl);
  }
  .lg\:margen-y-8xl {
    margin-top: var(--espaciado-8xl);
    margin-bottom: var(--espaciado-8xl);
  }
  .lg\:margen-x-8xl {
    margin-left: var(--espaciado-8xl);
    margin-right: var(--espaciado-8xl);
  }
  .lg\:margen-y-9xl {
    margin-top: var(--espaciado-9xl);
    margin-bottom: var(--espaciado-9xl);
  }
  .lg\:margen-x-9xl {
    margin-left: var(--espaciado-9xl);
    margin-right: var(--espaciado-9xl);
  }
  .lg\:margen-y-10xl {
    margin-top: var(--espaciado-10xl);
    margin-bottom: var(--espaciado-10xl);
  }
  .lg\:margen-x-10xl {
    margin-left: var(--espaciado-10xl);
    margin-right: var(--espaciado-10xl);
  }
  .lg\:margen-y-11xl {
    margin-top: var(--espaciado-11xl);
    margin-bottom: var(--espaciado-11xl);
  }
  .lg\:margen-x-11xl {
    margin-left: var(--espaciado-11xl);
    margin-right: var(--espaciado-11xl);
  }
  .lg\:margen-y-12xl {
    margin-top: var(--espaciado-12xl);
    margin-bottom: var(--espaciado-12xl);
  }
  .lg\:margen-x-12xl {
    margin-left: var(--espaciado-12xl);
    margin-right: var(--espaciado-12xl);
  }
  .lg\:margen-y-13xl {
    margin-top: var(--espaciado-13xl);
    margin-bottom: var(--espaciado-13xl);
  }
  .lg\:margen-x-13xl {
    margin-left: var(--espaciado-13xl);
    margin-right: var(--espaciado-13xl);
  }
  .lg\:margen-y-14xl {
    margin-top: var(--espaciado-14xl);
    margin-bottom: var(--espaciado-14xl);
  }
  .lg\:margen-x-14xl {
    margin-left: var(--espaciado-14xl);
    margin-right: var(--espaciado-14xl);
  }
  .lg\:margen-y-15xl {
    margin-top: var(--espaciado-15xl);
    margin-bottom: var(--espaciado-15xl);
  }
  .lg\:margen-x-15xl {
    margin-left: var(--espaciado-15xl);
    margin-right: var(--espaciado-15xl);
  }
  .lg\:margen-y-0 {
    margin-top: var(--espaciado-0);
    margin-bottom: var(--espaciado-0);
  }
  .lg\:margen-x-0 {
    margin-left: var(--espaciado-0);
    margin-right: var(--espaciado-0);
  }
  .lg\:margen-y-auto {
    margin-top: var(--espaciado-auto);
    margin-bottom: var(--espaciado-auto);
  }
  .lg\:margen-x-auto {
    margin-left: var(--espaciado-auto);
    margin-right: var(--espaciado-auto);
  }
  .lg\:margen-arriba-xxxs {
    margin-top: var(--espaciado-xxxs);
  }
  .lg\:margen-derecha-xxxs {
    margin-right: var(--espaciado-xxxs);
  }
  .lg\:margen-abajo-xxxs {
    margin-bottom: var(--espaciado-xxxs);
  }
  .lg\:margen-izquierda-xxxs {
    margin-left: var(--espaciado-xxxs);
  }
  .lg\:margen-arriba-xxs {
    margin-top: var(--espaciado-xxs);
  }
  .lg\:margen-derecha-xxs {
    margin-right: var(--espaciado-xxs);
  }
  .lg\:margen-abajo-xxs {
    margin-bottom: var(--espaciado-xxs);
  }
  .lg\:margen-izquierda-xxs {
    margin-left: var(--espaciado-xxs);
  }
  .lg\:margen-arriba-xs {
    margin-top: var(--espaciado-xs);
  }
  .lg\:margen-derecha-xs {
    margin-right: var(--espaciado-xs);
  }
  .lg\:margen-abajo-xs {
    margin-bottom: var(--espaciado-xs);
  }
  .lg\:margen-izquierda-xs {
    margin-left: var(--espaciado-xs);
  }
  .lg\:margen-arriba-sm {
    margin-top: var(--espaciado-sm);
  }
  .lg\:margen-derecha-sm {
    margin-right: var(--espaciado-sm);
  }
  .lg\:margen-abajo-sm {
    margin-bottom: var(--espaciado-sm);
  }
  .lg\:margen-izquierda-sm {
    margin-left: var(--espaciado-sm);
  }
  .lg\:margen-arriba-normal {
    margin-top: var(--espaciado-normal);
  }
  .lg\:margen-derecha-normal {
    margin-right: var(--espaciado-normal);
  }
  .lg\:margen-abajo-normal {
    margin-bottom: var(--espaciado-normal);
  }
  .lg\:margen-izquierda-normal {
    margin-left: var(--espaciado-normal);
  }
  .lg\:margen-arriba-md {
    margin-top: var(--espaciado-md);
  }
  .lg\:margen-derecha-md {
    margin-right: var(--espaciado-md);
  }
  .lg\:margen-abajo-md {
    margin-bottom: var(--espaciado-md);
  }
  .lg\:margen-izquierda-md {
    margin-left: var(--espaciado-md);
  }
  .lg\:margen-arriba-lg {
    margin-top: var(--espaciado-lg);
  }
  .lg\:margen-derecha-lg {
    margin-right: var(--espaciado-lg);
  }
  .lg\:margen-abajo-lg {
    margin-bottom: var(--espaciado-lg);
  }
  .lg\:margen-izquierda-lg {
    margin-left: var(--espaciado-lg);
  }
  .lg\:margen-arriba-xl {
    margin-top: var(--espaciado-xl);
  }
  .lg\:margen-derecha-xl {
    margin-right: var(--espaciado-xl);
  }
  .lg\:margen-abajo-xl {
    margin-bottom: var(--espaciado-xl);
  }
  .lg\:margen-izquierda-xl {
    margin-left: var(--espaciado-xl);
  }
  .lg\:margen-arriba-2xl {
    margin-top: var(--espaciado-2xl);
  }
  .lg\:margen-derecha-2xl {
    margin-right: var(--espaciado-2xl);
  }
  .lg\:margen-abajo-2xl {
    margin-bottom: var(--espaciado-2xl);
  }
  .lg\:margen-izquierda-2xl {
    margin-left: var(--espaciado-2xl);
  }
  .lg\:margen-arriba-3xl {
    margin-top: var(--espaciado-3xl);
  }
  .lg\:margen-derecha-3xl {
    margin-right: var(--espaciado-3xl);
  }
  .lg\:margen-abajo-3xl {
    margin-bottom: var(--espaciado-3xl);
  }
  .lg\:margen-izquierda-3xl {
    margin-left: var(--espaciado-3xl);
  }
  .lg\:margen-arriba-4xl {
    margin-top: var(--espaciado-4xl);
  }
  .lg\:margen-derecha-4xl {
    margin-right: var(--espaciado-4xl);
  }
  .lg\:margen-abajo-4xl {
    margin-bottom: var(--espaciado-4xl);
  }
  .lg\:margen-izquierda-4xl {
    margin-left: var(--espaciado-4xl);
  }
  .lg\:margen-arriba-5xl {
    margin-top: var(--espaciado-5xl);
  }
  .lg\:margen-derecha-5xl {
    margin-right: var(--espaciado-5xl);
  }
  .lg\:margen-abajo-5xl {
    margin-bottom: var(--espaciado-5xl);
  }
  .lg\:margen-izquierda-5xl {
    margin-left: var(--espaciado-5xl);
  }
  .lg\:margen-arriba-6xl {
    margin-top: var(--espaciado-6xl);
  }
  .lg\:margen-derecha-6xl {
    margin-right: var(--espaciado-6xl);
  }
  .lg\:margen-abajo-6xl {
    margin-bottom: var(--espaciado-6xl);
  }
  .lg\:margen-izquierda-6xl {
    margin-left: var(--espaciado-6xl);
  }
  .lg\:margen-arriba-7xl {
    margin-top: var(--espaciado-7xl);
  }
  .lg\:margen-derecha-7xl {
    margin-right: var(--espaciado-7xl);
  }
  .lg\:margen-abajo-7xl {
    margin-bottom: var(--espaciado-7xl);
  }
  .lg\:margen-izquierda-7xl {
    margin-left: var(--espaciado-7xl);
  }
  .lg\:margen-arriba-8xl {
    margin-top: var(--espaciado-8xl);
  }
  .lg\:margen-derecha-8xl {
    margin-right: var(--espaciado-8xl);
  }
  .lg\:margen-abajo-8xl {
    margin-bottom: var(--espaciado-8xl);
  }
  .lg\:margen-izquierda-8xl {
    margin-left: var(--espaciado-8xl);
  }
  .lg\:margen-arriba-9xl {
    margin-top: var(--espaciado-9xl);
  }
  .lg\:margen-derecha-9xl {
    margin-right: var(--espaciado-9xl);
  }
  .lg\:margen-abajo-9xl {
    margin-bottom: var(--espaciado-9xl);
  }
  .lg\:margen-izquierda-9xl {
    margin-left: var(--espaciado-9xl);
  }
  .lg\:margen-arriba-10xl {
    margin-top: var(--espaciado-10xl);
  }
  .lg\:margen-derecha-10xl {
    margin-right: var(--espaciado-10xl);
  }
  .lg\:margen-abajo-10xl {
    margin-bottom: var(--espaciado-10xl);
  }
  .lg\:margen-izquierda-10xl {
    margin-left: var(--espaciado-10xl);
  }
  .lg\:margen-arriba-11xl {
    margin-top: var(--espaciado-11xl);
  }
  .lg\:margen-derecha-11xl {
    margin-right: var(--espaciado-11xl);
  }
  .lg\:margen-abajo-11xl {
    margin-bottom: var(--espaciado-11xl);
  }
  .lg\:margen-izquierda-11xl {
    margin-left: var(--espaciado-11xl);
  }
  .lg\:margen-arriba-12xl {
    margin-top: var(--espaciado-12xl);
  }
  .lg\:margen-derecha-12xl {
    margin-right: var(--espaciado-12xl);
  }
  .lg\:margen-abajo-12xl {
    margin-bottom: var(--espaciado-12xl);
  }
  .lg\:margen-izquierda-12xl {
    margin-left: var(--espaciado-12xl);
  }
  .lg\:margen-arriba-13xl {
    margin-top: var(--espaciado-13xl);
  }
  .lg\:margen-derecha-13xl {
    margin-right: var(--espaciado-13xl);
  }
  .lg\:margen-abajo-13xl {
    margin-bottom: var(--espaciado-13xl);
  }
  .lg\:margen-izquierda-13xl {
    margin-left: var(--espaciado-13xl);
  }
  .lg\:margen-arriba-14xl {
    margin-top: var(--espaciado-14xl);
  }
  .lg\:margen-derecha-14xl {
    margin-right: var(--espaciado-14xl);
  }
  .lg\:margen-abajo-14xl {
    margin-bottom: var(--espaciado-14xl);
  }
  .lg\:margen-izquierda-14xl {
    margin-left: var(--espaciado-14xl);
  }
  .lg\:margen-arriba-15xl {
    margin-top: var(--espaciado-15xl);
  }
  .lg\:margen-derecha-15xl {
    margin-right: var(--espaciado-15xl);
  }
  .lg\:margen-abajo-15xl {
    margin-bottom: var(--espaciado-15xl);
  }
  .lg\:margen-izquierda-15xl {
    margin-left: var(--espaciado-15xl);
  }
  .lg\:margen-arriba-0 {
    margin-top: var(--espaciado-0);
  }
  .lg\:margen-derecha-0 {
    margin-right: var(--espaciado-0);
  }
  .lg\:margen-abajo-0 {
    margin-bottom: var(--espaciado-0);
  }
  .lg\:margen-izquierda-0 {
    margin-left: var(--espaciado-0);
  }
  .lg\:margen-arriba-auto {
    margin-top: var(--espaciado-auto);
  }
  .lg\:margen-derecha-auto {
    margin-right: var(--espaciado-auto);
  }
  .lg\:margen-abajo-auto {
    margin-bottom: var(--espaciado-auto);
  }
  .lg\:margen-izquierda-auto {
    margin-left: var(--espaciado-auto);
  }
}
.sombra-xxs {
  box-shadow: 0 1px 1px 0 var(--sombra-color);
}

.sombra-xs {
  box-shadow: 0 2px 4px 0 var(--sombra-color);
}

.sombra-sm {
  box-shadow: 0 3px 6px var(--sombra-color);
}

.sombra-md {
  box-shadow: 0 5px 8px -1px var(--sombra-color);
}

.sombra-lg {
  box-shadow: 0 10px 15px -3px var(--sombra-color);
}

.sombra-xl {
  box-shadow: 0 20px 25px -5px var(--sombra-color);
}

.sombra-2xl {
  box-shadow: 0 25px 50px -12px var(--sombra-color);
}

.drop-sombra-xxs {
  filter: drop-shadow(0 1px 1px var(--sombra-color));
}

.drop-sombra-xs {
  filter: drop-shadow(0 2px 2px var(--sombra-color));
}

.drop-sombra-xs {
  filter: drop-shadow(0 3px 3px var(--sombra-color));
}

.drop-sombra-sm {
  filter: drop-shadow(0 4px 3px var(--sombra-color));
}

.drop-sombra-md {
  filter: drop-shadow(0 6px 4px var(--sombra-color));
}

.drop-sombra-lg {
  filter: drop-shadow(0 8px 6px var(--sombra-color));
}

.drop-sombra-xl {
  filter: drop-shadow(0 16px 8px var(--sombra-color));
}

.drop-sombra-2xl {
  filter: drop-shadow(0 20px 12px var(--sombra-color));
}

.texto-sombra-1 {
  text-shadow: 0px 1px 0px var(--sombra-color);
}

.texto-sombra-2 {
  text-shadow: 1px 2px 0px var(--sombra-color);
}

.texto-sombra-3 {
  text-shadow: 2px 3px 0px var(--sombra-color);
}

.texto-sombra-4 {
  text-shadow: 3px 4px 0px var(--sombra-color);
}

.texto-sombra-5 {
  text-shadow: 4px 5px 0px var(--sombra-color);
}

.texto-sombra-6 {
  text-shadow: 5px 6px 0px var(--sombra-color);
}

.texto-sombra-7 {
  text-shadow: 6px 7px 0px var(--sombra-color);
}

.texto-sombra-8 {
  text-shadow: 7px 8px 0px var(--sombra-color);
}

.texto-sombra-9 {
  text-shadow: 8px 9px 0px var(--sombra-color);
}

.texto-sombra-10 {
  text-shadow: 9px 10px 0px var(--sombra-color);
}

.sombra-opacidad-10 {
  --sombra-opacidad: 0.1;
}

.sombra-opacidad-20 {
  --sombra-opacidad: 0.2;
}

.sombra-opacidad-30 {
  --sombra-opacidad: 0.3;
}

.sombra-opacidad-40 {
  --sombra-opacidad: 0.4;
}

.sombra-opacidad-50 {
  --sombra-opacidad: 0.5;
}

.sombra-opacidad-60 {
  --sombra-opacidad: 0.6;
}

.sombra-opacidad-70 {
  --sombra-opacidad: 0.7;
}

.sombra-opacidad-80 {
  --sombra-opacidad: 0.8;
}

.sombra-opacidad-90 {
  --sombra-opacidad: 0.9;
}

.sombra-opacidad-100 {
  --sombra-opacidad: 1;
}

.hover\:sombra-xxs:hover {
  box-shadow: 0 1px 1px 0 var(--sombra-color);
}

.hover\:sombra-xs:hover {
  box-shadow: 0 2px 4px 0 var(--sombra-color);
}

.hover\:sombra-sm:hover {
  box-shadow: 0 3px 6px var(--sombra-color);
}

.hover\:sombra-md:hover {
  box-shadow: 0 5px 8px -1px var(--sombra-color);
}

.hover\:sombra-lg:hover {
  box-shadow: 0 10px 15px -3px var(--sombra-color);
}

.hover\:sombra-xl:hover {
  box-shadow: 0 20px 25px -5px var(--sombra-color);
}

.hover\:sombra-2xl:hover {
  box-shadow: 0 25px 50px -12px var(--sombra-color);
}

.hover\:drop-sombra-xxs:hover {
  filter: drop-shadow(0 1px 1px var(--sombra-color));
}

.hover\:drop-sombra-xs:hover {
  filter: drop-shadow(0 2px 2px var(--sombra-color));
}

.hover\:drop-sombra-xs:hover {
  filter: drop-shadow(0 3px 3px var(--sombra-color));
}

.hover\:drop-sombra-sm:hover {
  filter: drop-shadow(0 4px 3px var(--sombra-color));
}

.hover\:drop-sombra-md:hover {
  filter: drop-shadow(0 6px 4px var(--sombra-color));
}

.hover\:drop-sombra-lg:hover {
  filter: drop-shadow(0 8px 6px var(--sombra-color));
}

.hover\:drop-sombra-xl:hover {
  filter: drop-shadow(0 16px 8px var(--sombra-color));
}

.hover\:drop-sombra-2xl:hover {
  filter: drop-shadow(0 20px 12px var(--sombra-color));
}

.hover\:texto-sombra-1:hover {
  text-shadow: 0px 1px 0px var(--sombra-color);
}

.hover\:texto-sombra-2:hover {
  text-shadow: 1px 2px 0px var(--sombra-color);
}

.hover\:texto-sombra-3:hover {
  text-shadow: 2px 3px 0px var(--sombra-color);
}

.hover\:texto-sombra-4:hover {
  text-shadow: 3px 4px 0px var(--sombra-color);
}

.hover\:texto-sombra-5:hover {
  text-shadow: 4px 5px 0px var(--sombra-color);
}

.hover\:texto-sombra-6:hover {
  text-shadow: 5px 6px 0px var(--sombra-color);
}

.hover\:texto-sombra-7:hover {
  text-shadow: 6px 7px 0px var(--sombra-color);
}

.hover\:texto-sombra-8:hover {
  text-shadow: 7px 8px 0px var(--sombra-color);
}

.hover\:texto-sombra-9:hover {
  text-shadow: 8px 9px 0px var(--sombra-color);
}

.hover\:texto-sombra-10:hover {
  text-shadow: 9px 10px 0px var(--sombra-color);
}

.hover\:sombra-opacidad-10:hover {
  --sombra-opacidad: 0.1;
}

.hover\:sombra-opacidad-20:hover {
  --sombra-opacidad: 0.2;
}

.hover\:sombra-opacidad-30:hover {
  --sombra-opacidad: 0.3;
}

.hover\:sombra-opacidad-40:hover {
  --sombra-opacidad: 0.4;
}

.hover\:sombra-opacidad-50:hover {
  --sombra-opacidad: 0.5;
}

.hover\:sombra-opacidad-60:hover {
  --sombra-opacidad: 0.6;
}

.hover\:sombra-opacidad-70:hover {
  --sombra-opacidad: 0.7;
}

.hover\:sombra-opacidad-80:hover {
  --sombra-opacidad: 0.8;
}

.hover\:sombra-opacidad-90:hover {
  --sombra-opacidad: 0.9;
}

.hover\:sombra-opacidad-100:hover {
  --sombra-opacidad: 1;
}

@media (min-width: 768px) {
  .md\:sombra-xxs {
    box-shadow: 0 1px 1px 0 var(--sombra-color);
  }
  .md\:sombra-xs {
    box-shadow: 0 2px 4px 0 var(--sombra-color);
  }
  .md\:sombra-sm {
    box-shadow: 0 3px 6px var(--sombra-color);
  }
  .md\:sombra-md {
    box-shadow: 0 5px 8px -1px var(--sombra-color);
  }
  .md\:sombra-lg {
    box-shadow: 0 10px 15px -3px var(--sombra-color);
  }
  .md\:sombra-xl {
    box-shadow: 0 20px 25px -5px var(--sombra-color);
  }
  .md\:sombra-2xl {
    box-shadow: 0 25px 50px -12px var(--sombra-color);
  }
  .md\:drop-sombra-xxs {
    filter: drop-shadow(0 1px 1px var(--sombra-color));
  }
  .md\:drop-sombra-xs {
    filter: drop-shadow(0 2px 2px var(--sombra-color));
  }
  .md\:drop-sombra-xs {
    filter: drop-shadow(0 3px 3px var(--sombra-color));
  }
  .md\:drop-sombra-sm {
    filter: drop-shadow(0 4px 3px var(--sombra-color));
  }
  .md\:drop-sombra-md {
    filter: drop-shadow(0 6px 4px var(--sombra-color));
  }
  .md\:drop-sombra-lg {
    filter: drop-shadow(0 8px 6px var(--sombra-color));
  }
  .md\:drop-sombra-xl {
    filter: drop-shadow(0 16px 8px var(--sombra-color));
  }
  .md\:drop-sombra-2xl {
    filter: drop-shadow(0 20px 12px var(--sombra-color));
  }
  .md\:texto-sombra-1 {
    text-shadow: 0px 1px 0px var(--sombra-color);
  }
  .md\:texto-sombra-2 {
    text-shadow: 1px 2px 0px var(--sombra-color);
  }
  .md\:texto-sombra-3 {
    text-shadow: 2px 3px 0px var(--sombra-color);
  }
  .md\:texto-sombra-4 {
    text-shadow: 3px 4px 0px var(--sombra-color);
  }
  .md\:texto-sombra-5 {
    text-shadow: 4px 5px 0px var(--sombra-color);
  }
  .md\:texto-sombra-6 {
    text-shadow: 5px 6px 0px var(--sombra-color);
  }
  .md\:texto-sombra-7 {
    text-shadow: 6px 7px 0px var(--sombra-color);
  }
  .md\:texto-sombra-8 {
    text-shadow: 7px 8px 0px var(--sombra-color);
  }
  .md\:texto-sombra-9 {
    text-shadow: 8px 9px 0px var(--sombra-color);
  }
  .md\:texto-sombra-10 {
    text-shadow: 9px 10px 0px var(--sombra-color);
  }
  .md\:sombra-opacidad-10 {
    --sombra-opacidad: 0.1;
  }
  .md\:sombra-opacidad-20 {
    --sombra-opacidad: 0.2;
  }
  .md\:sombra-opacidad-30 {
    --sombra-opacidad: 0.3;
  }
  .md\:sombra-opacidad-40 {
    --sombra-opacidad: 0.4;
  }
  .md\:sombra-opacidad-50 {
    --sombra-opacidad: 0.5;
  }
  .md\:sombra-opacidad-60 {
    --sombra-opacidad: 0.6;
  }
  .md\:sombra-opacidad-70 {
    --sombra-opacidad: 0.7;
  }
  .md\:sombra-opacidad-80 {
    --sombra-opacidad: 0.8;
  }
  .md\:sombra-opacidad-90 {
    --sombra-opacidad: 0.9;
  }
  .md\:sombra-opacidad-100 {
    --sombra-opacidad: 1;
  }
  .md\:hover\:sombra-xxs:hover {
    box-shadow: 0 1px 1px 0 var(--sombra-color);
  }
  .md\:hover\:sombra-xs:hover {
    box-shadow: 0 2px 4px 0 var(--sombra-color);
  }
  .md\:hover\:sombra-sm:hover {
    box-shadow: 0 3px 6px var(--sombra-color);
  }
  .md\:hover\:sombra-md:hover {
    box-shadow: 0 5px 8px -1px var(--sombra-color);
  }
  .md\:hover\:sombra-lg:hover {
    box-shadow: 0 10px 15px -3px var(--sombra-color);
  }
  .md\:hover\:sombra-xl:hover {
    box-shadow: 0 20px 25px -5px var(--sombra-color);
  }
  .md\:hover\:sombra-2xl:hover {
    box-shadow: 0 25px 50px -12px var(--sombra-color);
  }
  .md\:hover\:drop-sombra-xxs:hover {
    filter: drop-shadow(0 1px 1px var(--sombra-color));
  }
  .md\:hover\:drop-sombra-xs:hover {
    filter: drop-shadow(0 2px 2px var(--sombra-color));
  }
  .md\:hover\:drop-sombra-xs:hover {
    filter: drop-shadow(0 3px 3px var(--sombra-color));
  }
  .md\:hover\:drop-sombra-sm:hover {
    filter: drop-shadow(0 4px 3px var(--sombra-color));
  }
  .md\:hover\:drop-sombra-md:hover {
    filter: drop-shadow(0 6px 4px var(--sombra-color));
  }
  .md\:hover\:drop-sombra-lg:hover {
    filter: drop-shadow(0 8px 6px var(--sombra-color));
  }
  .md\:hover\:drop-sombra-xl:hover {
    filter: drop-shadow(0 16px 8px var(--sombra-color));
  }
  .md\:hover\:drop-sombra-2xl:hover {
    filter: drop-shadow(0 20px 12px var(--sombra-color));
  }
  .md\:hover\:texto-sombra-1:hover {
    text-shadow: 0px 1px 0px var(--sombra-color);
  }
  .md\:hover\:texto-sombra-2:hover {
    text-shadow: 1px 2px 0px var(--sombra-color);
  }
  .md\:hover\:texto-sombra-3:hover {
    text-shadow: 2px 3px 0px var(--sombra-color);
  }
  .md\:hover\:texto-sombra-4:hover {
    text-shadow: 3px 4px 0px var(--sombra-color);
  }
  .md\:hover\:texto-sombra-5:hover {
    text-shadow: 4px 5px 0px var(--sombra-color);
  }
  .md\:hover\:texto-sombra-6:hover {
    text-shadow: 5px 6px 0px var(--sombra-color);
  }
  .md\:hover\:texto-sombra-7:hover {
    text-shadow: 6px 7px 0px var(--sombra-color);
  }
  .md\:hover\:texto-sombra-8:hover {
    text-shadow: 7px 8px 0px var(--sombra-color);
  }
  .md\:hover\:texto-sombra-9:hover {
    text-shadow: 8px 9px 0px var(--sombra-color);
  }
  .md\:hover\:texto-sombra-10:hover {
    text-shadow: 9px 10px 0px var(--sombra-color);
  }
  .md\:hover\:sombra-opacidad-10:hover {
    --sombra-opacidad: 0.1;
  }
  .md\:hover\:sombra-opacidad-20:hover {
    --sombra-opacidad: 0.2;
  }
  .md\:hover\:sombra-opacidad-30:hover {
    --sombra-opacidad: 0.3;
  }
  .md\:hover\:sombra-opacidad-40:hover {
    --sombra-opacidad: 0.4;
  }
  .md\:hover\:sombra-opacidad-50:hover {
    --sombra-opacidad: 0.5;
  }
  .md\:hover\:sombra-opacidad-60:hover {
    --sombra-opacidad: 0.6;
  }
  .md\:hover\:sombra-opacidad-70:hover {
    --sombra-opacidad: 0.7;
  }
  .md\:hover\:sombra-opacidad-80:hover {
    --sombra-opacidad: 0.8;
  }
  .md\:hover\:sombra-opacidad-90:hover {
    --sombra-opacidad: 0.9;
  }
  .md\:hover\:sombra-opacidad-100:hover {
    --sombra-opacidad: 1;
  }
}
@media (min-width: 992px) {
  .lg\:sombra-xxs {
    box-shadow: 0 1px 1px 0 var(--sombra-color);
  }
  .lg\:sombra-xs {
    box-shadow: 0 2px 4px 0 var(--sombra-color);
  }
  .lg\:sombra-sm {
    box-shadow: 0 3px 6px var(--sombra-color);
  }
  .lg\:sombra-md {
    box-shadow: 0 5px 8px -1px var(--sombra-color);
  }
  .lg\:sombra-lg {
    box-shadow: 0 10px 15px -3px var(--sombra-color);
  }
  .lg\:sombra-xl {
    box-shadow: 0 20px 25px -5px var(--sombra-color);
  }
  .lg\:sombra-2xl {
    box-shadow: 0 25px 50px -12px var(--sombra-color);
  }
  .lg\:drop-sombra-xxs {
    filter: drop-shadow(0 1px 1px var(--sombra-color));
  }
  .lg\:drop-sombra-xs {
    filter: drop-shadow(0 2px 2px var(--sombra-color));
  }
  .lg\:drop-sombra-xs {
    filter: drop-shadow(0 3px 3px var(--sombra-color));
  }
  .lg\:drop-sombra-sm {
    filter: drop-shadow(0 4px 3px var(--sombra-color));
  }
  .lg\:drop-sombra-md {
    filter: drop-shadow(0 6px 4px var(--sombra-color));
  }
  .lg\:drop-sombra-lg {
    filter: drop-shadow(0 8px 6px var(--sombra-color));
  }
  .lg\:drop-sombra-xl {
    filter: drop-shadow(0 16px 8px var(--sombra-color));
  }
  .lg\:drop-sombra-2xl {
    filter: drop-shadow(0 20px 12px var(--sombra-color));
  }
  .lg\:texto-sombra-1 {
    text-shadow: 0px 1px 0px var(--sombra-color);
  }
  .lg\:texto-sombra-2 {
    text-shadow: 1px 2px 0px var(--sombra-color);
  }
  .lg\:texto-sombra-3 {
    text-shadow: 2px 3px 0px var(--sombra-color);
  }
  .lg\:texto-sombra-4 {
    text-shadow: 3px 4px 0px var(--sombra-color);
  }
  .lg\:texto-sombra-5 {
    text-shadow: 4px 5px 0px var(--sombra-color);
  }
  .lg\:texto-sombra-6 {
    text-shadow: 5px 6px 0px var(--sombra-color);
  }
  .lg\:texto-sombra-7 {
    text-shadow: 6px 7px 0px var(--sombra-color);
  }
  .lg\:texto-sombra-8 {
    text-shadow: 7px 8px 0px var(--sombra-color);
  }
  .lg\:texto-sombra-9 {
    text-shadow: 8px 9px 0px var(--sombra-color);
  }
  .lg\:texto-sombra-10 {
    text-shadow: 9px 10px 0px var(--sombra-color);
  }
  .lg\:sombra-opacidad-10 {
    --sombra-opacidad: 0.1;
  }
  .lg\:sombra-opacidad-20 {
    --sombra-opacidad: 0.2;
  }
  .lg\:sombra-opacidad-30 {
    --sombra-opacidad: 0.3;
  }
  .lg\:sombra-opacidad-40 {
    --sombra-opacidad: 0.4;
  }
  .lg\:sombra-opacidad-50 {
    --sombra-opacidad: 0.5;
  }
  .lg\:sombra-opacidad-60 {
    --sombra-opacidad: 0.6;
  }
  .lg\:sombra-opacidad-70 {
    --sombra-opacidad: 0.7;
  }
  .lg\:sombra-opacidad-80 {
    --sombra-opacidad: 0.8;
  }
  .lg\:sombra-opacidad-90 {
    --sombra-opacidad: 0.9;
  }
  .lg\:sombra-opacidad-100 {
    --sombra-opacidad: 1;
  }
  .lg\:hover\:sombra-xxs:hover {
    box-shadow: 0 1px 1px 0 var(--sombra-color);
  }
  .lg\:hover\:sombra-xs:hover {
    box-shadow: 0 2px 4px 0 var(--sombra-color);
  }
  .lg\:hover\:sombra-sm:hover {
    box-shadow: 0 3px 6px var(--sombra-color);
  }
  .lg\:hover\:sombra-md:hover {
    box-shadow: 0 5px 8px -1px var(--sombra-color);
  }
  .lg\:hover\:sombra-lg:hover {
    box-shadow: 0 10px 15px -3px var(--sombra-color);
  }
  .lg\:hover\:sombra-xl:hover {
    box-shadow: 0 20px 25px -5px var(--sombra-color);
  }
  .lg\:hover\:sombra-2xl:hover {
    box-shadow: 0 25px 50px -12px var(--sombra-color);
  }
  .lg\:hover\:drop-sombra-xxs:hover {
    filter: drop-shadow(0 1px 1px var(--sombra-color));
  }
  .lg\:hover\:drop-sombra-xs:hover {
    filter: drop-shadow(0 2px 2px var(--sombra-color));
  }
  .lg\:hover\:drop-sombra-xs:hover {
    filter: drop-shadow(0 3px 3px var(--sombra-color));
  }
  .lg\:hover\:drop-sombra-sm:hover {
    filter: drop-shadow(0 4px 3px var(--sombra-color));
  }
  .lg\:hover\:drop-sombra-md:hover {
    filter: drop-shadow(0 6px 4px var(--sombra-color));
  }
  .lg\:hover\:drop-sombra-lg:hover {
    filter: drop-shadow(0 8px 6px var(--sombra-color));
  }
  .lg\:hover\:drop-sombra-xl:hover {
    filter: drop-shadow(0 16px 8px var(--sombra-color));
  }
  .lg\:hover\:drop-sombra-2xl:hover {
    filter: drop-shadow(0 20px 12px var(--sombra-color));
  }
  .lg\:hover\:texto-sombra-1:hover {
    text-shadow: 0px 1px 0px var(--sombra-color);
  }
  .lg\:hover\:texto-sombra-2:hover {
    text-shadow: 1px 2px 0px var(--sombra-color);
  }
  .lg\:hover\:texto-sombra-3:hover {
    text-shadow: 2px 3px 0px var(--sombra-color);
  }
  .lg\:hover\:texto-sombra-4:hover {
    text-shadow: 3px 4px 0px var(--sombra-color);
  }
  .lg\:hover\:texto-sombra-5:hover {
    text-shadow: 4px 5px 0px var(--sombra-color);
  }
  .lg\:hover\:texto-sombra-6:hover {
    text-shadow: 5px 6px 0px var(--sombra-color);
  }
  .lg\:hover\:texto-sombra-7:hover {
    text-shadow: 6px 7px 0px var(--sombra-color);
  }
  .lg\:hover\:texto-sombra-8:hover {
    text-shadow: 7px 8px 0px var(--sombra-color);
  }
  .lg\:hover\:texto-sombra-9:hover {
    text-shadow: 8px 9px 0px var(--sombra-color);
  }
  .lg\:hover\:texto-sombra-10:hover {
    text-shadow: 9px 10px 0px var(--sombra-color);
  }
  .lg\:hover\:sombra-opacidad-10:hover {
    --sombra-opacidad: 0.1;
  }
  .lg\:hover\:sombra-opacidad-20:hover {
    --sombra-opacidad: 0.2;
  }
  .lg\:hover\:sombra-opacidad-30:hover {
    --sombra-opacidad: 0.3;
  }
  .lg\:hover\:sombra-opacidad-40:hover {
    --sombra-opacidad: 0.4;
  }
  .lg\:hover\:sombra-opacidad-50:hover {
    --sombra-opacidad: 0.5;
  }
  .lg\:hover\:sombra-opacidad-60:hover {
    --sombra-opacidad: 0.6;
  }
  .lg\:hover\:sombra-opacidad-70:hover {
    --sombra-opacidad: 0.7;
  }
  .lg\:hover\:sombra-opacidad-80:hover {
    --sombra-opacidad: 0.8;
  }
  .lg\:hover\:sombra-opacidad-90:hover {
    --sombra-opacidad: 0.9;
  }
  .lg\:hover\:sombra-opacidad-100:hover {
    --sombra-opacidad: 1;
  }
}
p {
  line-height: 1.6;
  margin-top: 0;
}

b,
strong {
  font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 400;
  line-height: 1.2;
}

.fuente-xxxs {
  font-size: var(--fuente-xxxs);
}

.fuente-xxs {
  font-size: var(--fuente-xxs);
}

.fuente-xs {
  font-size: var(--fuente-xs);
}

.fuente-sm {
  font-size: var(--fuente-sm);
}

.fuente-normal {
  font-size: var(--fuente-normal);
}

.fuente-md {
  font-size: var(--fuente-md);
}

.fuente-lg, h4 {
  font-size: var(--fuente-lg);
}

.fuente-xl, h3 {
  font-size: var(--fuente-xl);
}

.fuente-2xl {
  font-size: var(--fuente-2xl);
}

.fuente-3xl {
  font-size: var(--fuente-3xl);
}

.fuente-4xl {
  font-size: var(--fuente-4xl);
}

.fuente-5xl {
  font-size: var(--fuente-5xl);
}

.fuente-6xl {
  font-size: var(--fuente-6xl);
}

.fuente-7xl {
  font-size: var(--fuente-7xl);
}

.fuente-8xl {
  font-size: var(--fuente-8xl);
}

.fuente-9xl {
  font-size: var(--fuente-9xl);
}

.fuente-10xl {
  font-size: var(--fuente-10xl);
}

.fuente-200 {
  font-weight: 200;
}

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

.fuente-400, .menu li ul a {
  font-weight: 400;
}

.fuente-500 {
  font-weight: 500;
}

.fuente-600 {
  font-weight: 600;
}

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

.fuente-800 {
  font-weight: 800;
}

.fuente-900 {
  font-weight: 900;
}

.hover\:fuente-xxxs:hover {
  font-size: var(--fuente-xxxs);
}

.hover\:fuente-xxs:hover {
  font-size: var(--fuente-xxs);
}

.hover\:fuente-xs:hover {
  font-size: var(--fuente-xs);
}

.hover\:fuente-sm:hover {
  font-size: var(--fuente-sm);
}

.hover\:fuente-normal:hover {
  font-size: var(--fuente-normal);
}

.hover\:fuente-md:hover {
  font-size: var(--fuente-md);
}

.hover\:fuente-lg:hover {
  font-size: var(--fuente-lg);
}

.hover\:fuente-xl:hover {
  font-size: var(--fuente-xl);
}

.hover\:fuente-2xl:hover {
  font-size: var(--fuente-2xl);
}

.hover\:fuente-3xl:hover {
  font-size: var(--fuente-3xl);
}

.hover\:fuente-4xl:hover {
  font-size: var(--fuente-4xl);
}

.hover\:fuente-5xl:hover {
  font-size: var(--fuente-5xl);
}

.hover\:fuente-6xl:hover {
  font-size: var(--fuente-6xl);
}

.hover\:fuente-7xl:hover {
  font-size: var(--fuente-7xl);
}

.hover\:fuente-8xl:hover {
  font-size: var(--fuente-8xl);
}

.hover\:fuente-9xl:hover {
  font-size: var(--fuente-9xl);
}

.hover\:fuente-10xl:hover {
  font-size: var(--fuente-10xl);
}

.hover\:fuente-200:hover {
  font-weight: 200;
}

.hover\:fuente-300:hover {
  font-weight: 300;
}

.hover\:fuente-400:hover {
  font-weight: 400;
}

.hover\:fuente-500:hover {
  font-weight: 500;
}

.hover\:fuente-600:hover {
  font-weight: 600;
}

.hover\:fuente-700:hover {
  font-weight: 700;
}

.hover\:fuente-800:hover {
  font-weight: 800;
}

.hover\:fuente-900:hover {
  font-weight: 900;
}

@media (min-width: 768px) {
  .md\:fuente-xxxs {
    font-size: var(--fuente-xxxs);
  }
  .md\:fuente-xxs {
    font-size: var(--fuente-xxs);
  }
  .md\:fuente-xs {
    font-size: var(--fuente-xs);
  }
  .md\:fuente-sm {
    font-size: var(--fuente-sm);
  }
  .md\:fuente-normal {
    font-size: var(--fuente-normal);
  }
  .md\:fuente-md {
    font-size: var(--fuente-md);
  }
  .md\:fuente-lg {
    font-size: var(--fuente-lg);
  }
  .md\:fuente-xl {
    font-size: var(--fuente-xl);
  }
  .md\:fuente-2xl {
    font-size: var(--fuente-2xl);
  }
  .md\:fuente-3xl {
    font-size: var(--fuente-3xl);
  }
  .md\:fuente-4xl {
    font-size: var(--fuente-4xl);
  }
  .md\:fuente-5xl {
    font-size: var(--fuente-5xl);
  }
  .md\:fuente-6xl {
    font-size: var(--fuente-6xl);
  }
  .md\:fuente-7xl {
    font-size: var(--fuente-7xl);
  }
  .md\:fuente-8xl {
    font-size: var(--fuente-8xl);
  }
  .md\:fuente-9xl {
    font-size: var(--fuente-9xl);
  }
  .md\:fuente-10xl {
    font-size: var(--fuente-10xl);
  }
  .md\:fuente-200 {
    font-weight: 200;
  }
  .md\:fuente-300 {
    font-weight: 300;
  }
  .md\:fuente-400 {
    font-weight: 400;
  }
  .md\:fuente-500 {
    font-weight: 500;
  }
  .md\:fuente-600 {
    font-weight: 600;
  }
  .md\:fuente-700 {
    font-weight: 700;
  }
  .md\:fuente-800 {
    font-weight: 800;
  }
  .md\:fuente-900 {
    font-weight: 900;
  }
}
@media (min-width: 992px) {
  .lg\:fuente-xxxs {
    font-size: var(--fuente-xxxs);
  }
  .lg\:fuente-xxs {
    font-size: var(--fuente-xxs);
  }
  .lg\:fuente-xs {
    font-size: var(--fuente-xs);
  }
  .lg\:fuente-sm {
    font-size: var(--fuente-sm);
  }
  .lg\:fuente-normal {
    font-size: var(--fuente-normal);
  }
  .lg\:fuente-md {
    font-size: var(--fuente-md);
  }
  .lg\:fuente-lg {
    font-size: var(--fuente-lg);
  }
  .lg\:fuente-xl {
    font-size: var(--fuente-xl);
  }
  .lg\:fuente-2xl {
    font-size: var(--fuente-2xl);
  }
  .lg\:fuente-3xl {
    font-size: var(--fuente-3xl);
  }
  .lg\:fuente-4xl {
    font-size: var(--fuente-4xl);
  }
  .lg\:fuente-5xl {
    font-size: var(--fuente-5xl);
  }
  .lg\:fuente-6xl {
    font-size: var(--fuente-6xl);
  }
  .lg\:fuente-7xl {
    font-size: var(--fuente-7xl);
  }
  .lg\:fuente-8xl {
    font-size: var(--fuente-8xl);
  }
  .lg\:fuente-9xl {
    font-size: var(--fuente-9xl);
  }
  .lg\:fuente-10xl {
    font-size: var(--fuente-10xl);
  }
  .lg\:fuente-200 {
    font-weight: 200;
  }
  .lg\:fuente-300 {
    font-weight: 300;
  }
  .lg\:fuente-400 {
    font-weight: 400;
  }
  .lg\:fuente-500 {
    font-weight: 500;
  }
  .lg\:fuente-600 {
    font-weight: 600;
  }
  .lg\:fuente-700 {
    font-weight: 700;
  }
  .lg\:fuente-800 {
    font-weight: 800;
  }
  .lg\:fuente-900 {
    font-weight: 900;
  }
}
.stroke-path-1 path {
  stroke-width: 1;
}

.stroke-path-2 path {
  stroke-width: 2;
}

.stroke-path-3 path {
  stroke-width: 3;
}

.stroke-path-4 path {
  stroke-width: 4;
}

.stroke-path-5 path {
  stroke-width: 5;
}

.stroke-path-6 path {
  stroke-width: 6;
}

.stroke-path-7 path {
  stroke-width: 7;
}

.stroke-path-8 path {
  stroke-width: 8;
}

.stroke-path-9 path {
  stroke-width: 9;
}

.stroke-path-10 path {
  stroke-width: 10;
}

.hover\:stroke-path-1:hover path {
  stroke-width: 1;
}

.hover\:stroke-path-2:hover path {
  stroke-width: 2;
}

.hover\:stroke-path-3:hover path {
  stroke-width: 3;
}

.hover\:stroke-path-4:hover path {
  stroke-width: 4;
}

.hover\:stroke-path-5:hover path {
  stroke-width: 5;
}

.hover\:stroke-path-6:hover path {
  stroke-width: 6;
}

.hover\:stroke-path-7:hover path {
  stroke-width: 7;
}

.hover\:stroke-path-8:hover path {
  stroke-width: 8;
}

.hover\:stroke-path-9:hover path {
  stroke-width: 9;
}

.hover\:stroke-path-10:hover path {
  stroke-width: 10;
}

@media (min-width: 768px) {
  .md\:stroke-path-1 path {
    stroke-width: 1;
  }
  .md\:stroke-path-2 path {
    stroke-width: 2;
  }
  .md\:stroke-path-3 path {
    stroke-width: 3;
  }
  .md\:stroke-path-4 path {
    stroke-width: 4;
  }
  .md\:stroke-path-5 path {
    stroke-width: 5;
  }
  .md\:stroke-path-6 path {
    stroke-width: 6;
  }
  .md\:stroke-path-7 path {
    stroke-width: 7;
  }
  .md\:stroke-path-8 path {
    stroke-width: 8;
  }
  .md\:stroke-path-9 path {
    stroke-width: 9;
  }
  .md\:stroke-path-10 path {
    stroke-width: 10;
  }
  .md\:hover\:stroke-path-1:hover path {
    stroke-width: 1;
  }
  .md\:hover\:stroke-path-2:hover path {
    stroke-width: 2;
  }
  .md\:hover\:stroke-path-3:hover path {
    stroke-width: 3;
  }
  .md\:hover\:stroke-path-4:hover path {
    stroke-width: 4;
  }
  .md\:hover\:stroke-path-5:hover path {
    stroke-width: 5;
  }
  .md\:hover\:stroke-path-6:hover path {
    stroke-width: 6;
  }
  .md\:hover\:stroke-path-7:hover path {
    stroke-width: 7;
  }
  .md\:hover\:stroke-path-8:hover path {
    stroke-width: 8;
  }
  .md\:hover\:stroke-path-9:hover path {
    stroke-width: 9;
  }
  .md\:hover\:stroke-path-10:hover path {
    stroke-width: 10;
  }
}
@media (min-width: 992px) {
  .lg\:stroke-path-1 path {
    stroke-width: 1;
  }
  .lg\:stroke-path-2 path {
    stroke-width: 2;
  }
  .lg\:stroke-path-3 path {
    stroke-width: 3;
  }
  .lg\:stroke-path-4 path {
    stroke-width: 4;
  }
  .lg\:stroke-path-5 path {
    stroke-width: 5;
  }
  .lg\:stroke-path-6 path {
    stroke-width: 6;
  }
  .lg\:stroke-path-7 path {
    stroke-width: 7;
  }
  .lg\:stroke-path-8 path {
    stroke-width: 8;
  }
  .lg\:stroke-path-9 path {
    stroke-width: 9;
  }
  .lg\:stroke-path-10 path {
    stroke-width: 10;
  }
  .lg\:hover\:stroke-path-1:hover path {
    stroke-width: 1;
  }
  .lg\:hover\:stroke-path-2:hover path {
    stroke-width: 2;
  }
  .lg\:hover\:stroke-path-3:hover path {
    stroke-width: 3;
  }
  .lg\:hover\:stroke-path-4:hover path {
    stroke-width: 4;
  }
  .lg\:hover\:stroke-path-5:hover path {
    stroke-width: 5;
  }
  .lg\:hover\:stroke-path-6:hover path {
    stroke-width: 6;
  }
  .lg\:hover\:stroke-path-7:hover path {
    stroke-width: 7;
  }
  .lg\:hover\:stroke-path-8:hover path {
    stroke-width: 8;
  }
  .lg\:hover\:stroke-path-9:hover path {
    stroke-width: 9;
  }
  .lg\:hover\:stroke-path-10:hover path {
    stroke-width: 10;
  }
}
.opacidad-0 {
  opacity: 0;
}

.opacidad-10 {
  opacity: 0.1;
}

.opacidad-20 {
  opacity: 0.2;
}

.opacidad-30 {
  opacity: 0.3;
}

.opacidad-40 {
  opacity: 0.4;
}

.opacidad-50 {
  opacity: 0.5;
}

.opacidad-60 {
  opacity: 0.6;
}

.opacidad-70 {
  opacity: 0.7;
}

.opacidad-80 {
  opacity: 0.8;
}

.opacidad-90 {
  opacity: 0.9;
}

.opacidad-100 {
  opacity: 1;
}

.w-20 {
  width: 20%;
}

.h-20 {
  height: 20%;
}

.h-20vh {
  height: 20vh;
}

.w-25 {
  width: 25%;
}

.h-25 {
  height: 25%;
}

.h-25vh {
  height: 25vh;
}

.w-30 {
  width: 30%;
}

.h-30 {
  height: 30%;
}

.h-30vh {
  height: 30vh;
}

.w-35 {
  width: 35%;
}

.h-35 {
  height: 35%;
}

.h-35vh {
  height: 35vh;
}

.w-40 {
  width: 40%;
}

.h-40 {
  height: 40%;
}

.h-40vh {
  height: 40vh;
}

.w-45 {
  width: 45%;
}

.h-45 {
  height: 45%;
}

.h-45vh {
  height: 45vh;
}

.w-50 {
  width: 50%;
}

.h-50 {
  height: 50%;
}

.h-50vh {
  height: 50vh;
}

.w-55 {
  width: 55%;
}

.h-55 {
  height: 55%;
}

.h-55vh {
  height: 55vh;
}

.w-60 {
  width: 60%;
}

.h-60 {
  height: 60%;
}

.h-60vh {
  height: 60vh;
}

.w-65 {
  width: 65%;
}

.h-65 {
  height: 65%;
}

.h-65vh {
  height: 65vh;
}

.w-70 {
  width: 70%;
}

.h-70 {
  height: 70%;
}

.h-70vh {
  height: 70vh;
}

.w-75 {
  width: 75%;
}

.h-75 {
  height: 75%;
}

.h-75vh {
  height: 75vh;
}

.w-80 {
  width: 80%;
}

.h-80 {
  height: 80%;
}

.h-80vh {
  height: 80vh;
}

.w-85 {
  width: 85%;
}

.h-85 {
  height: 85%;
}

.h-85vh {
  height: 85vh;
}

.w-90 {
  width: 90%;
}

.h-90 {
  height: 90%;
}

.h-90vh {
  height: 90vh;
}

.w-95 {
  width: 95%;
}

.h-95 {
  height: 95%;
}

.h-95vh {
  height: 95vh;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.h-100vh {
  height: 100vh;
}

.w-0px {
  width: 0px;
}

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

.max-w-0px {
  max-width: 0px;
}

.min-w-0px {
  min-width: 0px;
}

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

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

.top-0px {
  top: 0px;
}

.bottom-0px {
  bottom: 0px;
}

.left-0px {
  left: 0px;
}

.right-0px {
  right: 0px;
}

.w-8px {
  width: 8px;
}

.h-8px {
  height: 8px;
}

.max-w-8px {
  max-width: 8px;
}

.min-w-8px {
  min-width: 8px;
}

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

.min-h-8px {
  min-height: 8px;
}

.top-8px {
  top: 8px;
}

.bottom-8px {
  bottom: 8px;
}

.left-8px {
  left: 8px;
}

.right-8px {
  right: 8px;
}

.w-16px {
  width: 16px;
}

.h-16px {
  height: 16px;
}

.max-w-16px {
  max-width: 16px;
}

.min-w-16px {
  min-width: 16px;
}

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

.min-h-16px {
  min-height: 16px;
}

.top-16px {
  top: 16px;
}

.bottom-16px {
  bottom: 16px;
}

.left-16px {
  left: 16px;
}

.right-16px {
  right: 16px;
}

.w-20px {
  width: 20px;
}

.h-20px {
  height: 20px;
}

.max-w-20px {
  max-width: 20px;
}

.min-w-20px {
  min-width: 20px;
}

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

.min-h-20px {
  min-height: 20px;
}

.top-20px {
  top: 20px;
}

.bottom-20px {
  bottom: 20px;
}

.left-20px {
  left: 20px;
}

.right-20px {
  right: 20px;
}

.w-24px {
  width: 24px;
}

.h-24px {
  height: 24px;
}

.max-w-24px {
  max-width: 24px;
}

.min-w-24px {
  min-width: 24px;
}

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

.min-h-24px {
  min-height: 24px;
}

.top-24px {
  top: 24px;
}

.bottom-24px {
  bottom: 24px;
}

.left-24px {
  left: 24px;
}

.right-24px {
  right: 24px;
}

.w-32px {
  width: 32px;
}

.h-32px {
  height: 32px;
}

.max-w-32px {
  max-width: 32px;
}

.min-w-32px {
  min-width: 32px;
}

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

.min-h-32px {
  min-height: 32px;
}

.top-32px {
  top: 32px;
}

.bottom-32px {
  bottom: 32px;
}

.left-32px {
  left: 32px;
}

.right-32px {
  right: 32px;
}

.w-36px {
  width: 36px;
}

.h-36px {
  height: 36px;
}

.max-w-36px {
  max-width: 36px;
}

.min-w-36px {
  min-width: 36px;
}

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

.min-h-36px {
  min-height: 36px;
}

.top-36px {
  top: 36px;
}

.bottom-36px {
  bottom: 36px;
}

.left-36px {
  left: 36px;
}

.right-36px {
  right: 36px;
}

.w-40px {
  width: 40px;
}

.h-40px {
  height: 40px;
}

.max-w-40px {
  max-width: 40px;
}

.min-w-40px {
  min-width: 40px;
}

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

.min-h-40px {
  min-height: 40px;
}

.top-40px {
  top: 40px;
}

.bottom-40px {
  bottom: 40px;
}

.left-40px {
  left: 40px;
}

.right-40px {
  right: 40px;
}

.w-48px {
  width: 48px;
}

.h-48px {
  height: 48px;
}

.max-w-48px {
  max-width: 48px;
}

.min-w-48px {
  min-width: 48px;
}

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

.min-h-48px {
  min-height: 48px;
}

.top-48px {
  top: 48px;
}

.bottom-48px {
  bottom: 48px;
}

.left-48px {
  left: 48px;
}

.right-48px {
  right: 48px;
}

.w-56px {
  width: 56px;
}

.h-56px {
  height: 56px;
}

.max-w-56px {
  max-width: 56px;
}

.min-w-56px {
  min-width: 56px;
}

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

.min-h-56px {
  min-height: 56px;
}

.top-56px {
  top: 56px;
}

.bottom-56px {
  bottom: 56px;
}

.left-56px {
  left: 56px;
}

.right-56px {
  right: 56px;
}

.w-64px {
  width: 64px;
}

.h-64px {
  height: 64px;
}

.max-w-64px {
  max-width: 64px;
}

.min-w-64px {
  min-width: 64px;
}

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

.min-h-64px {
  min-height: 64px;
}

.top-64px {
  top: 64px;
}

.bottom-64px {
  bottom: 64px;
}

.left-64px {
  left: 64px;
}

.right-64px {
  right: 64px;
}

.w-80px {
  width: 80px;
}

.h-80px {
  height: 80px;
}

.max-w-80px {
  max-width: 80px;
}

.min-w-80px {
  min-width: 80px;
}

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

.min-h-80px {
  min-height: 80px;
}

.top-80px {
  top: 80px;
}

.bottom-80px {
  bottom: 80px;
}

.left-80px {
  left: 80px;
}

.right-80px {
  right: 80px;
}

.w-96px {
  width: 96px;
}

.h-96px {
  height: 96px;
}

.max-w-96px {
  max-width: 96px;
}

.min-w-96px {
  min-width: 96px;
}

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

.min-h-96px {
  min-height: 96px;
}

.top-96px {
  top: 96px;
}

.bottom-96px {
  bottom: 96px;
}

.left-96px {
  left: 96px;
}

.right-96px {
  right: 96px;
}

.w-128px {
  width: 128px;
}

.h-128px {
  height: 128px;
}

.max-w-128px {
  max-width: 128px;
}

.min-w-128px {
  min-width: 128px;
}

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

.min-h-128px {
  min-height: 128px;
}

.top-128px {
  top: 128px;
}

.bottom-128px {
  bottom: 128px;
}

.left-128px {
  left: 128px;
}

.right-128px {
  right: 128px;
}

.w-144px {
  width: 144px;
}

.h-144px {
  height: 144px;
}

.max-w-144px {
  max-width: 144px;
}

.min-w-144px {
  min-width: 144px;
}

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

.min-h-144px {
  min-height: 144px;
}

.top-144px {
  top: 144px;
}

.bottom-144px {
  bottom: 144px;
}

.left-144px {
  left: 144px;
}

.right-144px {
  right: 144px;
}

.w-160px {
  width: 160px;
}

.h-160px {
  height: 160px;
}

.max-w-160px {
  max-width: 160px;
}

.min-w-160px {
  min-width: 160px;
}

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

.min-h-160px {
  min-height: 160px;
}

.top-160px {
  top: 160px;
}

.bottom-160px {
  bottom: 160px;
}

.left-160px {
  left: 160px;
}

.right-160px {
  right: 160px;
}

.w-192px {
  width: 192px;
}

.h-192px {
  height: 192px;
}

.max-w-192px {
  max-width: 192px;
}

.min-w-192px {
  min-width: 192px;
}

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

.min-h-192px {
  min-height: 192px;
}

.top-192px {
  top: 192px;
}

.bottom-192px {
  bottom: 192px;
}

.left-192px {
  left: 192px;
}

.right-192px {
  right: 192px;
}

.w-224px {
  width: 224px;
}

.h-224px {
  height: 224px;
}

.max-w-224px {
  max-width: 224px;
}

.min-w-224px {
  min-width: 224px;
}

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

.min-h-224px {
  min-height: 224px;
}

.top-224px {
  top: 224px;
}

.bottom-224px {
  bottom: 224px;
}

.left-224px {
  left: 224px;
}

.right-224px {
  right: 224px;
}

.w-240px {
  width: 240px;
}

.h-240px {
  height: 240px;
}

.max-w-240px {
  max-width: 240px;
}

.min-w-240px {
  min-width: 240px;
}

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

.min-h-240px {
  min-height: 240px;
}

.top-240px {
  top: 240px;
}

.bottom-240px {
  bottom: 240px;
}

.left-240px {
  left: 240px;
}

.right-240px {
  right: 240px;
}

.w-280px {
  width: 280px;
}

.h-280px {
  height: 280px;
}

.max-w-280px {
  max-width: 280px;
}

.min-w-280px {
  min-width: 280px;
}

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

.min-h-280px {
  min-height: 280px;
}

.top-280px {
  top: 280px;
}

.bottom-280px {
  bottom: 280px;
}

.left-280px {
  left: 280px;
}

.right-280px {
  right: 280px;
}

.w-312px {
  width: 312px;
}

.h-312px {
  height: 312px;
}

.max-w-312px {
  max-width: 312px;
}

.min-w-312px {
  min-width: 312px;
}

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

.min-h-312px {
  min-height: 312px;
}

.top-312px {
  top: 312px;
}

.bottom-312px {
  bottom: 312px;
}

.left-312px {
  left: 312px;
}

.right-312px {
  right: 312px;
}

.w-320px {
  width: 320px;
}

.h-320px {
  height: 320px;
}

.max-w-320px {
  max-width: 320px;
}

.min-w-320px {
  min-width: 320px;
}

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

.min-h-320px {
  min-height: 320px;
}

.top-320px {
  top: 320px;
}

.bottom-320px {
  bottom: 320px;
}

.left-320px {
  left: 320px;
}

.right-320px {
  right: 320px;
}

.w-384px {
  width: 384px;
}

.h-384px {
  height: 384px;
}

.max-w-384px {
  max-width: 384px;
}

.min-w-384px {
  min-width: 384px;
}

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

.min-h-384px {
  min-height: 384px;
}

.top-384px {
  top: 384px;
}

.bottom-384px {
  bottom: 384px;
}

.left-384px {
  left: 384px;
}

.right-384px {
  right: 384px;
}

.w-448px {
  width: 448px;
}

.h-448px {
  height: 448px;
}

.max-w-448px {
  max-width: 448px;
}

.min-w-448px {
  min-width: 448px;
}

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

.min-h-448px {
  min-height: 448px;
}

.top-448px {
  top: 448px;
}

.bottom-448px {
  bottom: 448px;
}

.left-448px {
  left: 448px;
}

.right-448px {
  right: 448px;
}

.w-512px {
  width: 512px;
}

.h-512px {
  height: 512px;
}

.max-w-512px {
  max-width: 512px;
}

.min-w-512px {
  min-width: 512px;
}

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

.min-h-512px {
  min-height: 512px;
}

.top-512px {
  top: 512px;
}

.bottom-512px {
  bottom: 512px;
}

.left-512px {
  left: 512px;
}

.right-512px {
  right: 512px;
}

.w-536px {
  width: 536px;
}

.h-536px {
  height: 536px;
}

.max-w-536px {
  max-width: 536px;
}

.min-w-536px {
  min-width: 536px;
}

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

.min-h-536px {
  min-height: 536px;
}

.top-536px {
  top: 536px;
}

.bottom-536px {
  bottom: 536px;
}

.left-536px {
  left: 536px;
}

.right-536px {
  right: 536px;
}

.w-560px {
  width: 560px;
}

.h-560px {
  height: 560px;
}

.max-w-560px {
  max-width: 560px;
}

.min-w-560px {
  min-width: 560px;
}

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

.min-h-560px {
  min-height: 560px;
}

.top-560px {
  top: 560px;
}

.bottom-560px {
  bottom: 560px;
}

.left-560px {
  left: 560px;
}

.right-560px {
  right: 560px;
}

.w-576px {
  width: 576px;
}

.h-576px {
  height: 576px;
}

.max-w-576px {
  max-width: 576px;
}

.min-w-576px {
  min-width: 576px;
}

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

.min-h-576px {
  min-height: 576px;
}

.top-576px {
  top: 576px;
}

.bottom-576px {
  bottom: 576px;
}

.left-576px {
  left: 576px;
}

.right-576px {
  right: 576px;
}

.w-672px {
  width: 672px;
}

.h-672px {
  height: 672px;
}

.max-w-672px {
  max-width: 672px;
}

.min-w-672px {
  min-width: 672px;
}

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

.min-h-672px {
  min-height: 672px;
}

.top-672px {
  top: 672px;
}

.bottom-672px {
  bottom: 672px;
}

.left-672px {
  left: 672px;
}

.right-672px {
  right: 672px;
}

.w-704px {
  width: 704px;
}

.h-704px {
  height: 704px;
}

.max-w-704px {
  max-width: 704px;
}

.min-w-704px {
  min-width: 704px;
}

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

.min-h-704px {
  min-height: 704px;
}

.top-704px {
  top: 704px;
}

.bottom-704px {
  bottom: 704px;
}

.left-704px {
  left: 704px;
}

.right-704px {
  right: 704px;
}

.w-768px {
  width: 768px;
}

.h-768px {
  height: 768px;
}

.max-w-768px {
  max-width: 768px;
}

.min-w-768px {
  min-width: 768px;
}

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

.min-h-768px {
  min-height: 768px;
}

.top-768px {
  top: 768px;
}

.bottom-768px {
  bottom: 768px;
}

.left-768px {
  left: 768px;
}

.right-768px {
  right: 768px;
}

.w-800px {
  width: 800px;
}

.h-800px {
  height: 800px;
}

.max-w-800px {
  max-width: 800px;
}

.min-w-800px {
  min-width: 800px;
}

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

.min-h-800px {
  min-height: 800px;
}

.top-800px {
  top: 800px;
}

.bottom-800px {
  bottom: 800px;
}

.left-800px {
  left: 800px;
}

.right-800px {
  right: 800px;
}

.w-auto {
  width: auto;
}

.h-auto {
  height: auto;
}

.top-full {
  top: 100%;
}

.left-full {
  left: 100%;
}

.right-full {
  right: 100%;
}

.bottom-full {
  bottom: 100%;
}

.w-fit-content {
  width: fit-content;
}

.overflow-scroll {
  overflow: scroll;
}

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

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

.overflow-hidden {
  overflow: hidden;
}

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

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

.overflow-auto {
  overflow: auto;
}

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

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

.overscroll-auto {
  overscroll-behavior: auto;
}

.overscroll-contain {
  overscroll-behavior: contain;
}

.overscroll-none {
  overscroll-behavior: none;
}

.overscroll-block {
  overscroll-behavior-block: contain;
}

.hover\:opacidad-0:hover {
  opacity: 0;
}

.hover\:opacidad-10:hover {
  opacity: 0.1;
}

.hover\:opacidad-20:hover {
  opacity: 0.2;
}

.hover\:opacidad-30:hover {
  opacity: 0.3;
}

.hover\:opacidad-40:hover {
  opacity: 0.4;
}

.hover\:opacidad-50:hover {
  opacity: 0.5;
}

.hover\:opacidad-60:hover {
  opacity: 0.6;
}

.hover\:opacidad-70:hover {
  opacity: 0.7;
}

.hover\:opacidad-80:hover {
  opacity: 0.8;
}

.hover\:opacidad-90:hover {
  opacity: 0.9;
}

.hover\:opacidad-100:hover {
  opacity: 1;
}

.hover\:w-20:hover {
  width: 20%;
}

.hover\:h-20:hover {
  height: 20%;
}

.hover\:h-20vh:hover {
  height: 20vh;
}

.hover\:w-25:hover {
  width: 25%;
}

.hover\:h-25:hover {
  height: 25%;
}

.hover\:h-25vh:hover {
  height: 25vh;
}

.hover\:w-30:hover {
  width: 30%;
}

.hover\:h-30:hover {
  height: 30%;
}

.hover\:h-30vh:hover {
  height: 30vh;
}

.hover\:w-35:hover {
  width: 35%;
}

.hover\:h-35:hover {
  height: 35%;
}

.hover\:h-35vh:hover {
  height: 35vh;
}

.hover\:w-40:hover {
  width: 40%;
}

.hover\:h-40:hover {
  height: 40%;
}

.hover\:h-40vh:hover {
  height: 40vh;
}

.hover\:w-45:hover {
  width: 45%;
}

.hover\:h-45:hover {
  height: 45%;
}

.hover\:h-45vh:hover {
  height: 45vh;
}

.hover\:w-50:hover {
  width: 50%;
}

.hover\:h-50:hover {
  height: 50%;
}

.hover\:h-50vh:hover {
  height: 50vh;
}

.hover\:w-55:hover {
  width: 55%;
}

.hover\:h-55:hover {
  height: 55%;
}

.hover\:h-55vh:hover {
  height: 55vh;
}

.hover\:w-60:hover {
  width: 60%;
}

.hover\:h-60:hover {
  height: 60%;
}

.hover\:h-60vh:hover {
  height: 60vh;
}

.hover\:w-65:hover {
  width: 65%;
}

.hover\:h-65:hover {
  height: 65%;
}

.hover\:h-65vh:hover {
  height: 65vh;
}

.hover\:w-70:hover {
  width: 70%;
}

.hover\:h-70:hover {
  height: 70%;
}

.hover\:h-70vh:hover {
  height: 70vh;
}

.hover\:w-75:hover {
  width: 75%;
}

.hover\:h-75:hover {
  height: 75%;
}

.hover\:h-75vh:hover {
  height: 75vh;
}

.hover\:w-80:hover {
  width: 80%;
}

.hover\:h-80:hover {
  height: 80%;
}

.hover\:h-80vh:hover {
  height: 80vh;
}

.hover\:w-85:hover {
  width: 85%;
}

.hover\:h-85:hover {
  height: 85%;
}

.hover\:h-85vh:hover {
  height: 85vh;
}

.hover\:w-90:hover {
  width: 90%;
}

.hover\:h-90:hover {
  height: 90%;
}

.hover\:h-90vh:hover {
  height: 90vh;
}

.hover\:w-95:hover {
  width: 95%;
}

.hover\:h-95:hover {
  height: 95%;
}

.hover\:h-95vh:hover {
  height: 95vh;
}

.hover\:w-100:hover {
  width: 100%;
}

.hover\:h-100:hover {
  height: 100%;
}

.hover\:h-100vh:hover {
  height: 100vh;
}

.hover\:w-0px:hover {
  width: 0px;
}

.hover\:h-0px:hover {
  height: 0px;
}

.hover\:max-w-0px:hover {
  max-width: 0px;
}

.hover\:min-w-0px:hover {
  min-width: 0px;
}

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

.hover\:min-h-0px:hover {
  min-height: 0px;
}

.hover\:top-0px:hover {
  top: 0px;
}

.hover\:bottom-0px:hover {
  bottom: 0px;
}

.hover\:left-0px:hover {
  left: 0px;
}

.hover\:right-0px:hover {
  right: 0px;
}

.hover\:w-8px:hover {
  width: 8px;
}

.hover\:h-8px:hover {
  height: 8px;
}

.hover\:max-w-8px:hover {
  max-width: 8px;
}

.hover\:min-w-8px:hover {
  min-width: 8px;
}

.hover\:max-h-8px:hover {
  max-height: 8px;
}

.hover\:min-h-8px:hover {
  min-height: 8px;
}

.hover\:top-8px:hover {
  top: 8px;
}

.hover\:bottom-8px:hover {
  bottom: 8px;
}

.hover\:left-8px:hover {
  left: 8px;
}

.hover\:right-8px:hover {
  right: 8px;
}

.hover\:w-16px:hover {
  width: 16px;
}

.hover\:h-16px:hover {
  height: 16px;
}

.hover\:max-w-16px:hover {
  max-width: 16px;
}

.hover\:min-w-16px:hover {
  min-width: 16px;
}

.hover\:max-h-16px:hover {
  max-height: 16px;
}

.hover\:min-h-16px:hover {
  min-height: 16px;
}

.hover\:top-16px:hover {
  top: 16px;
}

.hover\:bottom-16px:hover {
  bottom: 16px;
}

.hover\:left-16px:hover {
  left: 16px;
}

.hover\:right-16px:hover {
  right: 16px;
}

.hover\:w-20px:hover {
  width: 20px;
}

.hover\:h-20px:hover {
  height: 20px;
}

.hover\:max-w-20px:hover {
  max-width: 20px;
}

.hover\:min-w-20px:hover {
  min-width: 20px;
}

.hover\:max-h-20px:hover {
  max-height: 20px;
}

.hover\:min-h-20px:hover {
  min-height: 20px;
}

.hover\:top-20px:hover {
  top: 20px;
}

.hover\:bottom-20px:hover {
  bottom: 20px;
}

.hover\:left-20px:hover {
  left: 20px;
}

.hover\:right-20px:hover {
  right: 20px;
}

.hover\:w-24px:hover {
  width: 24px;
}

.hover\:h-24px:hover {
  height: 24px;
}

.hover\:max-w-24px:hover {
  max-width: 24px;
}

.hover\:min-w-24px:hover {
  min-width: 24px;
}

.hover\:max-h-24px:hover {
  max-height: 24px;
}

.hover\:min-h-24px:hover {
  min-height: 24px;
}

.hover\:top-24px:hover {
  top: 24px;
}

.hover\:bottom-24px:hover {
  bottom: 24px;
}

.hover\:left-24px:hover {
  left: 24px;
}

.hover\:right-24px:hover {
  right: 24px;
}

.hover\:w-32px:hover {
  width: 32px;
}

.hover\:h-32px:hover {
  height: 32px;
}

.hover\:max-w-32px:hover {
  max-width: 32px;
}

.hover\:min-w-32px:hover {
  min-width: 32px;
}

.hover\:max-h-32px:hover {
  max-height: 32px;
}

.hover\:min-h-32px:hover {
  min-height: 32px;
}

.hover\:top-32px:hover {
  top: 32px;
}

.hover\:bottom-32px:hover {
  bottom: 32px;
}

.hover\:left-32px:hover {
  left: 32px;
}

.hover\:right-32px:hover {
  right: 32px;
}

.hover\:w-36px:hover {
  width: 36px;
}

.hover\:h-36px:hover {
  height: 36px;
}

.hover\:max-w-36px:hover {
  max-width: 36px;
}

.hover\:min-w-36px:hover {
  min-width: 36px;
}

.hover\:max-h-36px:hover {
  max-height: 36px;
}

.hover\:min-h-36px:hover {
  min-height: 36px;
}

.hover\:top-36px:hover {
  top: 36px;
}

.hover\:bottom-36px:hover {
  bottom: 36px;
}

.hover\:left-36px:hover {
  left: 36px;
}

.hover\:right-36px:hover {
  right: 36px;
}

.hover\:w-40px:hover {
  width: 40px;
}

.hover\:h-40px:hover {
  height: 40px;
}

.hover\:max-w-40px:hover {
  max-width: 40px;
}

.hover\:min-w-40px:hover {
  min-width: 40px;
}

.hover\:max-h-40px:hover {
  max-height: 40px;
}

.hover\:min-h-40px:hover {
  min-height: 40px;
}

.hover\:top-40px:hover {
  top: 40px;
}

.hover\:bottom-40px:hover {
  bottom: 40px;
}

.hover\:left-40px:hover {
  left: 40px;
}

.hover\:right-40px:hover {
  right: 40px;
}

.hover\:w-48px:hover {
  width: 48px;
}

.hover\:h-48px:hover {
  height: 48px;
}

.hover\:max-w-48px:hover {
  max-width: 48px;
}

.hover\:min-w-48px:hover {
  min-width: 48px;
}

.hover\:max-h-48px:hover {
  max-height: 48px;
}

.hover\:min-h-48px:hover {
  min-height: 48px;
}

.hover\:top-48px:hover {
  top: 48px;
}

.hover\:bottom-48px:hover {
  bottom: 48px;
}

.hover\:left-48px:hover {
  left: 48px;
}

.hover\:right-48px:hover {
  right: 48px;
}

.hover\:w-56px:hover {
  width: 56px;
}

.hover\:h-56px:hover {
  height: 56px;
}

.hover\:max-w-56px:hover {
  max-width: 56px;
}

.hover\:min-w-56px:hover {
  min-width: 56px;
}

.hover\:max-h-56px:hover {
  max-height: 56px;
}

.hover\:min-h-56px:hover {
  min-height: 56px;
}

.hover\:top-56px:hover {
  top: 56px;
}

.hover\:bottom-56px:hover {
  bottom: 56px;
}

.hover\:left-56px:hover {
  left: 56px;
}

.hover\:right-56px:hover {
  right: 56px;
}

.hover\:w-64px:hover {
  width: 64px;
}

.hover\:h-64px:hover {
  height: 64px;
}

.hover\:max-w-64px:hover {
  max-width: 64px;
}

.hover\:min-w-64px:hover {
  min-width: 64px;
}

.hover\:max-h-64px:hover {
  max-height: 64px;
}

.hover\:min-h-64px:hover {
  min-height: 64px;
}

.hover\:top-64px:hover {
  top: 64px;
}

.hover\:bottom-64px:hover {
  bottom: 64px;
}

.hover\:left-64px:hover {
  left: 64px;
}

.hover\:right-64px:hover {
  right: 64px;
}

.hover\:w-80px:hover {
  width: 80px;
}

.hover\:h-80px:hover {
  height: 80px;
}

.hover\:max-w-80px:hover {
  max-width: 80px;
}

.hover\:min-w-80px:hover {
  min-width: 80px;
}

.hover\:max-h-80px:hover {
  max-height: 80px;
}

.hover\:min-h-80px:hover {
  min-height: 80px;
}

.hover\:top-80px:hover {
  top: 80px;
}

.hover\:bottom-80px:hover {
  bottom: 80px;
}

.hover\:left-80px:hover {
  left: 80px;
}

.hover\:right-80px:hover {
  right: 80px;
}

.hover\:w-96px:hover {
  width: 96px;
}

.hover\:h-96px:hover {
  height: 96px;
}

.hover\:max-w-96px:hover {
  max-width: 96px;
}

.hover\:min-w-96px:hover {
  min-width: 96px;
}

.hover\:max-h-96px:hover {
  max-height: 96px;
}

.hover\:min-h-96px:hover {
  min-height: 96px;
}

.hover\:top-96px:hover {
  top: 96px;
}

.hover\:bottom-96px:hover {
  bottom: 96px;
}

.hover\:left-96px:hover {
  left: 96px;
}

.hover\:right-96px:hover {
  right: 96px;
}

.hover\:w-128px:hover {
  width: 128px;
}

.hover\:h-128px:hover {
  height: 128px;
}

.hover\:max-w-128px:hover {
  max-width: 128px;
}

.hover\:min-w-128px:hover {
  min-width: 128px;
}

.hover\:max-h-128px:hover {
  max-height: 128px;
}

.hover\:min-h-128px:hover {
  min-height: 128px;
}

.hover\:top-128px:hover {
  top: 128px;
}

.hover\:bottom-128px:hover {
  bottom: 128px;
}

.hover\:left-128px:hover {
  left: 128px;
}

.hover\:right-128px:hover {
  right: 128px;
}

.hover\:w-144px:hover {
  width: 144px;
}

.hover\:h-144px:hover {
  height: 144px;
}

.hover\:max-w-144px:hover {
  max-width: 144px;
}

.hover\:min-w-144px:hover {
  min-width: 144px;
}

.hover\:max-h-144px:hover {
  max-height: 144px;
}

.hover\:min-h-144px:hover {
  min-height: 144px;
}

.hover\:top-144px:hover {
  top: 144px;
}

.hover\:bottom-144px:hover {
  bottom: 144px;
}

.hover\:left-144px:hover {
  left: 144px;
}

.hover\:right-144px:hover {
  right: 144px;
}

.hover\:w-160px:hover {
  width: 160px;
}

.hover\:h-160px:hover {
  height: 160px;
}

.hover\:max-w-160px:hover {
  max-width: 160px;
}

.hover\:min-w-160px:hover {
  min-width: 160px;
}

.hover\:max-h-160px:hover {
  max-height: 160px;
}

.hover\:min-h-160px:hover {
  min-height: 160px;
}

.hover\:top-160px:hover {
  top: 160px;
}

.hover\:bottom-160px:hover {
  bottom: 160px;
}

.hover\:left-160px:hover {
  left: 160px;
}

.hover\:right-160px:hover {
  right: 160px;
}

.hover\:w-192px:hover {
  width: 192px;
}

.hover\:h-192px:hover {
  height: 192px;
}

.hover\:max-w-192px:hover {
  max-width: 192px;
}

.hover\:min-w-192px:hover {
  min-width: 192px;
}

.hover\:max-h-192px:hover {
  max-height: 192px;
}

.hover\:min-h-192px:hover {
  min-height: 192px;
}

.hover\:top-192px:hover {
  top: 192px;
}

.hover\:bottom-192px:hover {
  bottom: 192px;
}

.hover\:left-192px:hover {
  left: 192px;
}

.hover\:right-192px:hover {
  right: 192px;
}

.hover\:w-224px:hover {
  width: 224px;
}

.hover\:h-224px:hover {
  height: 224px;
}

.hover\:max-w-224px:hover {
  max-width: 224px;
}

.hover\:min-w-224px:hover {
  min-width: 224px;
}

.hover\:max-h-224px:hover {
  max-height: 224px;
}

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

.hover\:top-224px:hover {
  top: 224px;
}

.hover\:bottom-224px:hover {
  bottom: 224px;
}

.hover\:left-224px:hover {
  left: 224px;
}

.hover\:right-224px:hover {
  right: 224px;
}

.hover\:w-240px:hover {
  width: 240px;
}

.hover\:h-240px:hover {
  height: 240px;
}

.hover\:max-w-240px:hover {
  max-width: 240px;
}

.hover\:min-w-240px:hover {
  min-width: 240px;
}

.hover\:max-h-240px:hover {
  max-height: 240px;
}

.hover\:min-h-240px:hover {
  min-height: 240px;
}

.hover\:top-240px:hover {
  top: 240px;
}

.hover\:bottom-240px:hover {
  bottom: 240px;
}

.hover\:left-240px:hover {
  left: 240px;
}

.hover\:right-240px:hover {
  right: 240px;
}

.hover\:w-280px:hover {
  width: 280px;
}

.hover\:h-280px:hover {
  height: 280px;
}

.hover\:max-w-280px:hover {
  max-width: 280px;
}

.hover\:min-w-280px:hover {
  min-width: 280px;
}

.hover\:max-h-280px:hover {
  max-height: 280px;
}

.hover\:min-h-280px:hover {
  min-height: 280px;
}

.hover\:top-280px:hover {
  top: 280px;
}

.hover\:bottom-280px:hover {
  bottom: 280px;
}

.hover\:left-280px:hover {
  left: 280px;
}

.hover\:right-280px:hover {
  right: 280px;
}

.hover\:w-312px:hover {
  width: 312px;
}

.hover\:h-312px:hover {
  height: 312px;
}

.hover\:max-w-312px:hover {
  max-width: 312px;
}

.hover\:min-w-312px:hover {
  min-width: 312px;
}

.hover\:max-h-312px:hover {
  max-height: 312px;
}

.hover\:min-h-312px:hover {
  min-height: 312px;
}

.hover\:top-312px:hover {
  top: 312px;
}

.hover\:bottom-312px:hover {
  bottom: 312px;
}

.hover\:left-312px:hover {
  left: 312px;
}

.hover\:right-312px:hover {
  right: 312px;
}

.hover\:w-320px:hover {
  width: 320px;
}

.hover\:h-320px:hover {
  height: 320px;
}

.hover\:max-w-320px:hover {
  max-width: 320px;
}

.hover\:min-w-320px:hover {
  min-width: 320px;
}

.hover\:max-h-320px:hover {
  max-height: 320px;
}

.hover\:min-h-320px:hover {
  min-height: 320px;
}

.hover\:top-320px:hover {
  top: 320px;
}

.hover\:bottom-320px:hover {
  bottom: 320px;
}

.hover\:left-320px:hover {
  left: 320px;
}

.hover\:right-320px:hover {
  right: 320px;
}

.hover\:w-384px:hover {
  width: 384px;
}

.hover\:h-384px:hover {
  height: 384px;
}

.hover\:max-w-384px:hover {
  max-width: 384px;
}

.hover\:min-w-384px:hover {
  min-width: 384px;
}

.hover\:max-h-384px:hover {
  max-height: 384px;
}

.hover\:min-h-384px:hover {
  min-height: 384px;
}

.hover\:top-384px:hover {
  top: 384px;
}

.hover\:bottom-384px:hover {
  bottom: 384px;
}

.hover\:left-384px:hover {
  left: 384px;
}

.hover\:right-384px:hover {
  right: 384px;
}

.hover\:w-448px:hover {
  width: 448px;
}

.hover\:h-448px:hover {
  height: 448px;
}

.hover\:max-w-448px:hover {
  max-width: 448px;
}

.hover\:min-w-448px:hover {
  min-width: 448px;
}

.hover\:max-h-448px:hover {
  max-height: 448px;
}

.hover\:min-h-448px:hover {
  min-height: 448px;
}

.hover\:top-448px:hover {
  top: 448px;
}

.hover\:bottom-448px:hover {
  bottom: 448px;
}

.hover\:left-448px:hover {
  left: 448px;
}

.hover\:right-448px:hover {
  right: 448px;
}

.hover\:w-512px:hover {
  width: 512px;
}

.hover\:h-512px:hover {
  height: 512px;
}

.hover\:max-w-512px:hover {
  max-width: 512px;
}

.hover\:min-w-512px:hover {
  min-width: 512px;
}

.hover\:max-h-512px:hover {
  max-height: 512px;
}

.hover\:min-h-512px:hover {
  min-height: 512px;
}

.hover\:top-512px:hover {
  top: 512px;
}

.hover\:bottom-512px:hover {
  bottom: 512px;
}

.hover\:left-512px:hover {
  left: 512px;
}

.hover\:right-512px:hover {
  right: 512px;
}

.hover\:w-536px:hover {
  width: 536px;
}

.hover\:h-536px:hover {
  height: 536px;
}

.hover\:max-w-536px:hover {
  max-width: 536px;
}

.hover\:min-w-536px:hover {
  min-width: 536px;
}

.hover\:max-h-536px:hover {
  max-height: 536px;
}

.hover\:min-h-536px:hover {
  min-height: 536px;
}

.hover\:top-536px:hover {
  top: 536px;
}

.hover\:bottom-536px:hover {
  bottom: 536px;
}

.hover\:left-536px:hover {
  left: 536px;
}

.hover\:right-536px:hover {
  right: 536px;
}

.hover\:w-560px:hover {
  width: 560px;
}

.hover\:h-560px:hover {
  height: 560px;
}

.hover\:max-w-560px:hover {
  max-width: 560px;
}

.hover\:min-w-560px:hover {
  min-width: 560px;
}

.hover\:max-h-560px:hover {
  max-height: 560px;
}

.hover\:min-h-560px:hover {
  min-height: 560px;
}

.hover\:top-560px:hover {
  top: 560px;
}

.hover\:bottom-560px:hover {
  bottom: 560px;
}

.hover\:left-560px:hover {
  left: 560px;
}

.hover\:right-560px:hover {
  right: 560px;
}

.hover\:w-576px:hover {
  width: 576px;
}

.hover\:h-576px:hover {
  height: 576px;
}

.hover\:max-w-576px:hover {
  max-width: 576px;
}

.hover\:min-w-576px:hover {
  min-width: 576px;
}

.hover\:max-h-576px:hover {
  max-height: 576px;
}

.hover\:min-h-576px:hover {
  min-height: 576px;
}

.hover\:top-576px:hover {
  top: 576px;
}

.hover\:bottom-576px:hover {
  bottom: 576px;
}

.hover\:left-576px:hover {
  left: 576px;
}

.hover\:right-576px:hover {
  right: 576px;
}

.hover\:w-672px:hover {
  width: 672px;
}

.hover\:h-672px:hover {
  height: 672px;
}

.hover\:max-w-672px:hover {
  max-width: 672px;
}

.hover\:min-w-672px:hover {
  min-width: 672px;
}

.hover\:max-h-672px:hover {
  max-height: 672px;
}

.hover\:min-h-672px:hover {
  min-height: 672px;
}

.hover\:top-672px:hover {
  top: 672px;
}

.hover\:bottom-672px:hover {
  bottom: 672px;
}

.hover\:left-672px:hover {
  left: 672px;
}

.hover\:right-672px:hover {
  right: 672px;
}

.hover\:w-704px:hover {
  width: 704px;
}

.hover\:h-704px:hover {
  height: 704px;
}

.hover\:max-w-704px:hover {
  max-width: 704px;
}

.hover\:min-w-704px:hover {
  min-width: 704px;
}

.hover\:max-h-704px:hover {
  max-height: 704px;
}

.hover\:min-h-704px:hover {
  min-height: 704px;
}

.hover\:top-704px:hover {
  top: 704px;
}

.hover\:bottom-704px:hover {
  bottom: 704px;
}

.hover\:left-704px:hover {
  left: 704px;
}

.hover\:right-704px:hover {
  right: 704px;
}

.hover\:w-768px:hover {
  width: 768px;
}

.hover\:h-768px:hover {
  height: 768px;
}

.hover\:max-w-768px:hover {
  max-width: 768px;
}

.hover\:min-w-768px:hover {
  min-width: 768px;
}

.hover\:max-h-768px:hover {
  max-height: 768px;
}

.hover\:min-h-768px:hover {
  min-height: 768px;
}

.hover\:top-768px:hover {
  top: 768px;
}

.hover\:bottom-768px:hover {
  bottom: 768px;
}

.hover\:left-768px:hover {
  left: 768px;
}

.hover\:right-768px:hover {
  right: 768px;
}

.hover\:w-800px:hover {
  width: 800px;
}

.hover\:h-800px:hover {
  height: 800px;
}

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

.hover\:min-w-800px:hover {
  min-width: 800px;
}

.hover\:max-h-800px:hover {
  max-height: 800px;
}

.hover\:min-h-800px:hover {
  min-height: 800px;
}

.hover\:top-800px:hover {
  top: 800px;
}

.hover\:bottom-800px:hover {
  bottom: 800px;
}

.hover\:left-800px:hover {
  left: 800px;
}

.hover\:right-800px:hover {
  right: 800px;
}

.hover\:w-auto:hover {
  width: auto;
}

.hover\:h-auto:hover {
  height: auto;
}

.hover\:top-full:hover {
  top: 100%;
}

.hover\:left-full:hover {
  left: 100%;
}

.hover\:right-full:hover {
  right: 100%;
}

.hover\:bottom-full:hover {
  bottom: 100%;
}

.hover\:w-fit-content:hover {
  width: fit-content;
}

.hover\:overflow-scroll:hover {
  overflow: scroll;
}

.hover\:overflow-x-scroll:hover {
  overflow-x: scroll;
}

.hover\:overflow-y-scroll:hover {
  overflow-y: scroll;
}

.hover\:overflow-hidden:hover {
  overflow: hidden;
}

.hover\:overflow-x-hidden:hover {
  overflow-x: hidden;
}

.hover\:overflow-y-hidden:hover {
  overflow-y: hidden;
}

.hover\:overflow-auto:hover {
  overflow: auto;
}

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

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

.hover\:overscroll-auto {
  overscroll-behavior: auto;
}

.hover\:overscroll-contain {
  overscroll-behavior: contain;
}

.hover\:overscroll-none {
  overscroll-behavior: none;
}

.hover\:overscroll-block {
  overscroll-behavior-block: contain;
}

@media (min-width: 768px) {
  .md\:opacidad-0 {
    opacity: 0;
  }
  .md\:opacidad-10 {
    opacity: 0.1;
  }
  .md\:opacidad-20 {
    opacity: 0.2;
  }
  .md\:opacidad-30 {
    opacity: 0.3;
  }
  .md\:opacidad-40 {
    opacity: 0.4;
  }
  .md\:opacidad-50 {
    opacity: 0.5;
  }
  .md\:opacidad-60 {
    opacity: 0.6;
  }
  .md\:opacidad-70 {
    opacity: 0.7;
  }
  .md\:opacidad-80 {
    opacity: 0.8;
  }
  .md\:opacidad-90 {
    opacity: 0.9;
  }
  .md\:opacidad-100 {
    opacity: 1;
  }
  .md\:w-20 {
    width: 20%;
  }
  .md\:h-20 {
    height: 20%;
  }
  .md\:h-20vh {
    height: 20vh;
  }
  .md\:w-25 {
    width: 25%;
  }
  .md\:h-25 {
    height: 25%;
  }
  .md\:h-25vh {
    height: 25vh;
  }
  .md\:w-30 {
    width: 30%;
  }
  .md\:h-30 {
    height: 30%;
  }
  .md\:h-30vh {
    height: 30vh;
  }
  .md\:w-35 {
    width: 35%;
  }
  .md\:h-35 {
    height: 35%;
  }
  .md\:h-35vh {
    height: 35vh;
  }
  .md\:w-40 {
    width: 40%;
  }
  .md\:h-40 {
    height: 40%;
  }
  .md\:h-40vh {
    height: 40vh;
  }
  .md\:w-45 {
    width: 45%;
  }
  .md\:h-45 {
    height: 45%;
  }
  .md\:h-45vh {
    height: 45vh;
  }
  .md\:w-50 {
    width: 50%;
  }
  .md\:h-50 {
    height: 50%;
  }
  .md\:h-50vh {
    height: 50vh;
  }
  .md\:w-55 {
    width: 55%;
  }
  .md\:h-55 {
    height: 55%;
  }
  .md\:h-55vh {
    height: 55vh;
  }
  .md\:w-60 {
    width: 60%;
  }
  .md\:h-60 {
    height: 60%;
  }
  .md\:h-60vh {
    height: 60vh;
  }
  .md\:w-65 {
    width: 65%;
  }
  .md\:h-65 {
    height: 65%;
  }
  .md\:h-65vh {
    height: 65vh;
  }
  .md\:w-70 {
    width: 70%;
  }
  .md\:h-70 {
    height: 70%;
  }
  .md\:h-70vh {
    height: 70vh;
  }
  .md\:w-75 {
    width: 75%;
  }
  .md\:h-75 {
    height: 75%;
  }
  .md\:h-75vh {
    height: 75vh;
  }
  .md\:w-80 {
    width: 80%;
  }
  .md\:h-80 {
    height: 80%;
  }
  .md\:h-80vh {
    height: 80vh;
  }
  .md\:w-85 {
    width: 85%;
  }
  .md\:h-85 {
    height: 85%;
  }
  .md\:h-85vh {
    height: 85vh;
  }
  .md\:w-90 {
    width: 90%;
  }
  .md\:h-90 {
    height: 90%;
  }
  .md\:h-90vh {
    height: 90vh;
  }
  .md\:w-95 {
    width: 95%;
  }
  .md\:h-95 {
    height: 95%;
  }
  .md\:h-95vh {
    height: 95vh;
  }
  .md\:w-100 {
    width: 100%;
  }
  .md\:h-100 {
    height: 100%;
  }
  .md\:h-100vh {
    height: 100vh;
  }
  .md\:w-0px {
    width: 0px;
  }
  .md\:h-0px {
    height: 0px;
  }
  .md\:max-w-0px {
    max-width: 0px;
  }
  .md\:min-w-0px {
    min-width: 0px;
  }
  .md\:max-h-0px {
    max-height: 0px;
  }
  .md\:min-h-0px {
    min-height: 0px;
  }
  .md\:top-0px {
    top: 0px;
  }
  .md\:bottom-0px {
    bottom: 0px;
  }
  .md\:left-0px {
    left: 0px;
  }
  .md\:right-0px {
    right: 0px;
  }
  .md\:w-8px {
    width: 8px;
  }
  .md\:h-8px {
    height: 8px;
  }
  .md\:max-w-8px {
    max-width: 8px;
  }
  .md\:min-w-8px {
    min-width: 8px;
  }
  .md\:max-h-8px {
    max-height: 8px;
  }
  .md\:min-h-8px {
    min-height: 8px;
  }
  .md\:top-8px {
    top: 8px;
  }
  .md\:bottom-8px {
    bottom: 8px;
  }
  .md\:left-8px {
    left: 8px;
  }
  .md\:right-8px {
    right: 8px;
  }
  .md\:w-16px {
    width: 16px;
  }
  .md\:h-16px {
    height: 16px;
  }
  .md\:max-w-16px {
    max-width: 16px;
  }
  .md\:min-w-16px {
    min-width: 16px;
  }
  .md\:max-h-16px {
    max-height: 16px;
  }
  .md\:min-h-16px {
    min-height: 16px;
  }
  .md\:top-16px {
    top: 16px;
  }
  .md\:bottom-16px {
    bottom: 16px;
  }
  .md\:left-16px {
    left: 16px;
  }
  .md\:right-16px {
    right: 16px;
  }
  .md\:w-20px {
    width: 20px;
  }
  .md\:h-20px {
    height: 20px;
  }
  .md\:max-w-20px {
    max-width: 20px;
  }
  .md\:min-w-20px {
    min-width: 20px;
  }
  .md\:max-h-20px {
    max-height: 20px;
  }
  .md\:min-h-20px {
    min-height: 20px;
  }
  .md\:top-20px {
    top: 20px;
  }
  .md\:bottom-20px {
    bottom: 20px;
  }
  .md\:left-20px {
    left: 20px;
  }
  .md\:right-20px {
    right: 20px;
  }
  .md\:w-24px {
    width: 24px;
  }
  .md\:h-24px {
    height: 24px;
  }
  .md\:max-w-24px {
    max-width: 24px;
  }
  .md\:min-w-24px {
    min-width: 24px;
  }
  .md\:max-h-24px {
    max-height: 24px;
  }
  .md\:min-h-24px {
    min-height: 24px;
  }
  .md\:top-24px {
    top: 24px;
  }
  .md\:bottom-24px {
    bottom: 24px;
  }
  .md\:left-24px {
    left: 24px;
  }
  .md\:right-24px {
    right: 24px;
  }
  .md\:w-32px {
    width: 32px;
  }
  .md\:h-32px {
    height: 32px;
  }
  .md\:max-w-32px {
    max-width: 32px;
  }
  .md\:min-w-32px {
    min-width: 32px;
  }
  .md\:max-h-32px {
    max-height: 32px;
  }
  .md\:min-h-32px {
    min-height: 32px;
  }
  .md\:top-32px {
    top: 32px;
  }
  .md\:bottom-32px {
    bottom: 32px;
  }
  .md\:left-32px {
    left: 32px;
  }
  .md\:right-32px {
    right: 32px;
  }
  .md\:w-36px {
    width: 36px;
  }
  .md\:h-36px {
    height: 36px;
  }
  .md\:max-w-36px {
    max-width: 36px;
  }
  .md\:min-w-36px {
    min-width: 36px;
  }
  .md\:max-h-36px {
    max-height: 36px;
  }
  .md\:min-h-36px {
    min-height: 36px;
  }
  .md\:top-36px {
    top: 36px;
  }
  .md\:bottom-36px {
    bottom: 36px;
  }
  .md\:left-36px {
    left: 36px;
  }
  .md\:right-36px {
    right: 36px;
  }
  .md\:w-40px {
    width: 40px;
  }
  .md\:h-40px {
    height: 40px;
  }
  .md\:max-w-40px {
    max-width: 40px;
  }
  .md\:min-w-40px {
    min-width: 40px;
  }
  .md\:max-h-40px {
    max-height: 40px;
  }
  .md\:min-h-40px {
    min-height: 40px;
  }
  .md\:top-40px {
    top: 40px;
  }
  .md\:bottom-40px {
    bottom: 40px;
  }
  .md\:left-40px {
    left: 40px;
  }
  .md\:right-40px {
    right: 40px;
  }
  .md\:w-48px {
    width: 48px;
  }
  .md\:h-48px {
    height: 48px;
  }
  .md\:max-w-48px {
    max-width: 48px;
  }
  .md\:min-w-48px {
    min-width: 48px;
  }
  .md\:max-h-48px {
    max-height: 48px;
  }
  .md\:min-h-48px {
    min-height: 48px;
  }
  .md\:top-48px {
    top: 48px;
  }
  .md\:bottom-48px {
    bottom: 48px;
  }
  .md\:left-48px {
    left: 48px;
  }
  .md\:right-48px {
    right: 48px;
  }
  .md\:w-56px {
    width: 56px;
  }
  .md\:h-56px {
    height: 56px;
  }
  .md\:max-w-56px {
    max-width: 56px;
  }
  .md\:min-w-56px {
    min-width: 56px;
  }
  .md\:max-h-56px {
    max-height: 56px;
  }
  .md\:min-h-56px {
    min-height: 56px;
  }
  .md\:top-56px {
    top: 56px;
  }
  .md\:bottom-56px {
    bottom: 56px;
  }
  .md\:left-56px {
    left: 56px;
  }
  .md\:right-56px {
    right: 56px;
  }
  .md\:w-64px {
    width: 64px;
  }
  .md\:h-64px {
    height: 64px;
  }
  .md\:max-w-64px {
    max-width: 64px;
  }
  .md\:min-w-64px {
    min-width: 64px;
  }
  .md\:max-h-64px {
    max-height: 64px;
  }
  .md\:min-h-64px {
    min-height: 64px;
  }
  .md\:top-64px {
    top: 64px;
  }
  .md\:bottom-64px {
    bottom: 64px;
  }
  .md\:left-64px {
    left: 64px;
  }
  .md\:right-64px {
    right: 64px;
  }
  .md\:w-80px {
    width: 80px;
  }
  .md\:h-80px {
    height: 80px;
  }
  .md\:max-w-80px {
    max-width: 80px;
  }
  .md\:min-w-80px {
    min-width: 80px;
  }
  .md\:max-h-80px {
    max-height: 80px;
  }
  .md\:min-h-80px {
    min-height: 80px;
  }
  .md\:top-80px {
    top: 80px;
  }
  .md\:bottom-80px {
    bottom: 80px;
  }
  .md\:left-80px {
    left: 80px;
  }
  .md\:right-80px {
    right: 80px;
  }
  .md\:w-96px {
    width: 96px;
  }
  .md\:h-96px {
    height: 96px;
  }
  .md\:max-w-96px {
    max-width: 96px;
  }
  .md\:min-w-96px {
    min-width: 96px;
  }
  .md\:max-h-96px {
    max-height: 96px;
  }
  .md\:min-h-96px {
    min-height: 96px;
  }
  .md\:top-96px {
    top: 96px;
  }
  .md\:bottom-96px {
    bottom: 96px;
  }
  .md\:left-96px {
    left: 96px;
  }
  .md\:right-96px {
    right: 96px;
  }
  .md\:w-128px {
    width: 128px;
  }
  .md\:h-128px {
    height: 128px;
  }
  .md\:max-w-128px {
    max-width: 128px;
  }
  .md\:min-w-128px {
    min-width: 128px;
  }
  .md\:max-h-128px {
    max-height: 128px;
  }
  .md\:min-h-128px {
    min-height: 128px;
  }
  .md\:top-128px {
    top: 128px;
  }
  .md\:bottom-128px {
    bottom: 128px;
  }
  .md\:left-128px {
    left: 128px;
  }
  .md\:right-128px {
    right: 128px;
  }
  .md\:w-144px {
    width: 144px;
  }
  .md\:h-144px {
    height: 144px;
  }
  .md\:max-w-144px {
    max-width: 144px;
  }
  .md\:min-w-144px {
    min-width: 144px;
  }
  .md\:max-h-144px {
    max-height: 144px;
  }
  .md\:min-h-144px {
    min-height: 144px;
  }
  .md\:top-144px {
    top: 144px;
  }
  .md\:bottom-144px {
    bottom: 144px;
  }
  .md\:left-144px {
    left: 144px;
  }
  .md\:right-144px {
    right: 144px;
  }
  .md\:w-160px {
    width: 160px;
  }
  .md\:h-160px {
    height: 160px;
  }
  .md\:max-w-160px {
    max-width: 160px;
  }
  .md\:min-w-160px {
    min-width: 160px;
  }
  .md\:max-h-160px {
    max-height: 160px;
  }
  .md\:min-h-160px {
    min-height: 160px;
  }
  .md\:top-160px {
    top: 160px;
  }
  .md\:bottom-160px {
    bottom: 160px;
  }
  .md\:left-160px {
    left: 160px;
  }
  .md\:right-160px {
    right: 160px;
  }
  .md\:w-192px {
    width: 192px;
  }
  .md\:h-192px {
    height: 192px;
  }
  .md\:max-w-192px {
    max-width: 192px;
  }
  .md\:min-w-192px {
    min-width: 192px;
  }
  .md\:max-h-192px {
    max-height: 192px;
  }
  .md\:min-h-192px {
    min-height: 192px;
  }
  .md\:top-192px {
    top: 192px;
  }
  .md\:bottom-192px {
    bottom: 192px;
  }
  .md\:left-192px {
    left: 192px;
  }
  .md\:right-192px {
    right: 192px;
  }
  .md\:w-224px {
    width: 224px;
  }
  .md\:h-224px {
    height: 224px;
  }
  .md\:max-w-224px {
    max-width: 224px;
  }
  .md\:min-w-224px {
    min-width: 224px;
  }
  .md\:max-h-224px {
    max-height: 224px;
  }
  .md\:min-h-224px {
    min-height: 224px;
  }
  .md\:top-224px {
    top: 224px;
  }
  .md\:bottom-224px {
    bottom: 224px;
  }
  .md\:left-224px {
    left: 224px;
  }
  .md\:right-224px {
    right: 224px;
  }
  .md\:w-240px {
    width: 240px;
  }
  .md\:h-240px {
    height: 240px;
  }
  .md\:max-w-240px {
    max-width: 240px;
  }
  .md\:min-w-240px {
    min-width: 240px;
  }
  .md\:max-h-240px {
    max-height: 240px;
  }
  .md\:min-h-240px {
    min-height: 240px;
  }
  .md\:top-240px {
    top: 240px;
  }
  .md\:bottom-240px {
    bottom: 240px;
  }
  .md\:left-240px {
    left: 240px;
  }
  .md\:right-240px {
    right: 240px;
  }
  .md\:w-280px {
    width: 280px;
  }
  .md\:h-280px {
    height: 280px;
  }
  .md\:max-w-280px {
    max-width: 280px;
  }
  .md\:min-w-280px {
    min-width: 280px;
  }
  .md\:max-h-280px {
    max-height: 280px;
  }
  .md\:min-h-280px {
    min-height: 280px;
  }
  .md\:top-280px {
    top: 280px;
  }
  .md\:bottom-280px {
    bottom: 280px;
  }
  .md\:left-280px {
    left: 280px;
  }
  .md\:right-280px {
    right: 280px;
  }
  .md\:w-312px {
    width: 312px;
  }
  .md\:h-312px {
    height: 312px;
  }
  .md\:max-w-312px {
    max-width: 312px;
  }
  .md\:min-w-312px {
    min-width: 312px;
  }
  .md\:max-h-312px {
    max-height: 312px;
  }
  .md\:min-h-312px {
    min-height: 312px;
  }
  .md\:top-312px {
    top: 312px;
  }
  .md\:bottom-312px {
    bottom: 312px;
  }
  .md\:left-312px {
    left: 312px;
  }
  .md\:right-312px {
    right: 312px;
  }
  .md\:w-320px {
    width: 320px;
  }
  .md\:h-320px {
    height: 320px;
  }
  .md\:max-w-320px {
    max-width: 320px;
  }
  .md\:min-w-320px {
    min-width: 320px;
  }
  .md\:max-h-320px {
    max-height: 320px;
  }
  .md\:min-h-320px {
    min-height: 320px;
  }
  .md\:top-320px {
    top: 320px;
  }
  .md\:bottom-320px {
    bottom: 320px;
  }
  .md\:left-320px {
    left: 320px;
  }
  .md\:right-320px {
    right: 320px;
  }
  .md\:w-384px {
    width: 384px;
  }
  .md\:h-384px {
    height: 384px;
  }
  .md\:max-w-384px {
    max-width: 384px;
  }
  .md\:min-w-384px {
    min-width: 384px;
  }
  .md\:max-h-384px {
    max-height: 384px;
  }
  .md\:min-h-384px {
    min-height: 384px;
  }
  .md\:top-384px {
    top: 384px;
  }
  .md\:bottom-384px {
    bottom: 384px;
  }
  .md\:left-384px {
    left: 384px;
  }
  .md\:right-384px {
    right: 384px;
  }
  .md\:w-448px {
    width: 448px;
  }
  .md\:h-448px {
    height: 448px;
  }
  .md\:max-w-448px {
    max-width: 448px;
  }
  .md\:min-w-448px {
    min-width: 448px;
  }
  .md\:max-h-448px {
    max-height: 448px;
  }
  .md\:min-h-448px {
    min-height: 448px;
  }
  .md\:top-448px {
    top: 448px;
  }
  .md\:bottom-448px {
    bottom: 448px;
  }
  .md\:left-448px {
    left: 448px;
  }
  .md\:right-448px {
    right: 448px;
  }
  .md\:w-512px {
    width: 512px;
  }
  .md\:h-512px {
    height: 512px;
  }
  .md\:max-w-512px {
    max-width: 512px;
  }
  .md\:min-w-512px {
    min-width: 512px;
  }
  .md\:max-h-512px {
    max-height: 512px;
  }
  .md\:min-h-512px {
    min-height: 512px;
  }
  .md\:top-512px {
    top: 512px;
  }
  .md\:bottom-512px {
    bottom: 512px;
  }
  .md\:left-512px {
    left: 512px;
  }
  .md\:right-512px {
    right: 512px;
  }
  .md\:w-536px {
    width: 536px;
  }
  .md\:h-536px {
    height: 536px;
  }
  .md\:max-w-536px {
    max-width: 536px;
  }
  .md\:min-w-536px {
    min-width: 536px;
  }
  .md\:max-h-536px {
    max-height: 536px;
  }
  .md\:min-h-536px {
    min-height: 536px;
  }
  .md\:top-536px {
    top: 536px;
  }
  .md\:bottom-536px {
    bottom: 536px;
  }
  .md\:left-536px {
    left: 536px;
  }
  .md\:right-536px {
    right: 536px;
  }
  .md\:w-560px {
    width: 560px;
  }
  .md\:h-560px {
    height: 560px;
  }
  .md\:max-w-560px {
    max-width: 560px;
  }
  .md\:min-w-560px {
    min-width: 560px;
  }
  .md\:max-h-560px {
    max-height: 560px;
  }
  .md\:min-h-560px {
    min-height: 560px;
  }
  .md\:top-560px {
    top: 560px;
  }
  .md\:bottom-560px {
    bottom: 560px;
  }
  .md\:left-560px {
    left: 560px;
  }
  .md\:right-560px {
    right: 560px;
  }
  .md\:w-576px {
    width: 576px;
  }
  .md\:h-576px {
    height: 576px;
  }
  .md\:max-w-576px {
    max-width: 576px;
  }
  .md\:min-w-576px {
    min-width: 576px;
  }
  .md\:max-h-576px {
    max-height: 576px;
  }
  .md\:min-h-576px {
    min-height: 576px;
  }
  .md\:top-576px {
    top: 576px;
  }
  .md\:bottom-576px {
    bottom: 576px;
  }
  .md\:left-576px {
    left: 576px;
  }
  .md\:right-576px {
    right: 576px;
  }
  .md\:w-672px {
    width: 672px;
  }
  .md\:h-672px {
    height: 672px;
  }
  .md\:max-w-672px {
    max-width: 672px;
  }
  .md\:min-w-672px {
    min-width: 672px;
  }
  .md\:max-h-672px {
    max-height: 672px;
  }
  .md\:min-h-672px {
    min-height: 672px;
  }
  .md\:top-672px {
    top: 672px;
  }
  .md\:bottom-672px {
    bottom: 672px;
  }
  .md\:left-672px {
    left: 672px;
  }
  .md\:right-672px {
    right: 672px;
  }
  .md\:w-704px {
    width: 704px;
  }
  .md\:h-704px {
    height: 704px;
  }
  .md\:max-w-704px {
    max-width: 704px;
  }
  .md\:min-w-704px {
    min-width: 704px;
  }
  .md\:max-h-704px {
    max-height: 704px;
  }
  .md\:min-h-704px {
    min-height: 704px;
  }
  .md\:top-704px {
    top: 704px;
  }
  .md\:bottom-704px {
    bottom: 704px;
  }
  .md\:left-704px {
    left: 704px;
  }
  .md\:right-704px {
    right: 704px;
  }
  .md\:w-768px {
    width: 768px;
  }
  .md\:h-768px {
    height: 768px;
  }
  .md\:max-w-768px {
    max-width: 768px;
  }
  .md\:min-w-768px {
    min-width: 768px;
  }
  .md\:max-h-768px {
    max-height: 768px;
  }
  .md\:min-h-768px {
    min-height: 768px;
  }
  .md\:top-768px {
    top: 768px;
  }
  .md\:bottom-768px {
    bottom: 768px;
  }
  .md\:left-768px {
    left: 768px;
  }
  .md\:right-768px {
    right: 768px;
  }
  .md\:w-800px {
    width: 800px;
  }
  .md\:h-800px {
    height: 800px;
  }
  .md\:max-w-800px {
    max-width: 800px;
  }
  .md\:min-w-800px {
    min-width: 800px;
  }
  .md\:max-h-800px {
    max-height: 800px;
  }
  .md\:min-h-800px {
    min-height: 800px;
  }
  .md\:top-800px {
    top: 800px;
  }
  .md\:bottom-800px {
    bottom: 800px;
  }
  .md\:left-800px {
    left: 800px;
  }
  .md\:right-800px {
    right: 800px;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:top-full {
    top: 100%;
  }
  .md\:left-full {
    left: 100%;
  }
  .md\:right-full {
    right: 100%;
  }
  .md\:bottom-full {
    bottom: 100%;
  }
  .md\:w-fit-content {
    width: fit-content;
  }
  .md\:overflow-scroll {
    overflow: scroll;
  }
  .md\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .md\:overflow-y-scroll {
    overflow-y: scroll;
  }
  .md\:overflow-hidden {
    overflow: hidden;
  }
  .md\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .md\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .md\:overflow-auto {
    overflow: auto;
  }
  .md\:overflow-x-auto {
    overflow-x: auto;
  }
  .md\:overflow-y-auto {
    overflow-y: auto;
  }
  .md\:overscroll-auto {
    overscroll-behavior: auto;
  }
  .md\:overscroll-contain {
    overscroll-behavior: contain;
  }
  .md\:overscroll-none {
    overscroll-behavior: none;
  }
  .md\:overscroll-block {
    overscroll-behavior-block: contain;
  }
  .md\:hover\:opacidad-0:hover {
    opacity: 0;
  }
  .md\:hover\:opacidad-10:hover {
    opacity: 0.1;
  }
  .md\:hover\:opacidad-20:hover {
    opacity: 0.2;
  }
  .md\:hover\:opacidad-30:hover {
    opacity: 0.3;
  }
  .md\:hover\:opacidad-40:hover {
    opacity: 0.4;
  }
  .md\:hover\:opacidad-50:hover {
    opacity: 0.5;
  }
  .md\:hover\:opacidad-60:hover {
    opacity: 0.6;
  }
  .md\:hover\:opacidad-70:hover {
    opacity: 0.7;
  }
  .md\:hover\:opacidad-80:hover {
    opacity: 0.8;
  }
  .md\:hover\:opacidad-90:hover {
    opacity: 0.9;
  }
  .md\:hover\:opacidad-100:hover {
    opacity: 1;
  }
  .md\:hover\:w-20:hover {
    width: 20%;
  }
  .md\:hover\:h-20:hover {
    height: 20%;
  }
  .md\:hover\:h-20vh:hover {
    height: 20vh;
  }
  .md\:hover\:w-25:hover {
    width: 25%;
  }
  .md\:hover\:h-25:hover {
    height: 25%;
  }
  .md\:hover\:h-25vh:hover {
    height: 25vh;
  }
  .md\:hover\:w-30:hover {
    width: 30%;
  }
  .md\:hover\:h-30:hover {
    height: 30%;
  }
  .md\:hover\:h-30vh:hover {
    height: 30vh;
  }
  .md\:hover\:w-35:hover {
    width: 35%;
  }
  .md\:hover\:h-35:hover {
    height: 35%;
  }
  .md\:hover\:h-35vh:hover {
    height: 35vh;
  }
  .md\:hover\:w-40:hover {
    width: 40%;
  }
  .md\:hover\:h-40:hover {
    height: 40%;
  }
  .md\:hover\:h-40vh:hover {
    height: 40vh;
  }
  .md\:hover\:w-45:hover {
    width: 45%;
  }
  .md\:hover\:h-45:hover {
    height: 45%;
  }
  .md\:hover\:h-45vh:hover {
    height: 45vh;
  }
  .md\:hover\:w-50:hover {
    width: 50%;
  }
  .md\:hover\:h-50:hover {
    height: 50%;
  }
  .md\:hover\:h-50vh:hover {
    height: 50vh;
  }
  .md\:hover\:w-55:hover {
    width: 55%;
  }
  .md\:hover\:h-55:hover {
    height: 55%;
  }
  .md\:hover\:h-55vh:hover {
    height: 55vh;
  }
  .md\:hover\:w-60:hover {
    width: 60%;
  }
  .md\:hover\:h-60:hover {
    height: 60%;
  }
  .md\:hover\:h-60vh:hover {
    height: 60vh;
  }
  .md\:hover\:w-65:hover {
    width: 65%;
  }
  .md\:hover\:h-65:hover {
    height: 65%;
  }
  .md\:hover\:h-65vh:hover {
    height: 65vh;
  }
  .md\:hover\:w-70:hover {
    width: 70%;
  }
  .md\:hover\:h-70:hover {
    height: 70%;
  }
  .md\:hover\:h-70vh:hover {
    height: 70vh;
  }
  .md\:hover\:w-75:hover {
    width: 75%;
  }
  .md\:hover\:h-75:hover {
    height: 75%;
  }
  .md\:hover\:h-75vh:hover {
    height: 75vh;
  }
  .md\:hover\:w-80:hover {
    width: 80%;
  }
  .md\:hover\:h-80:hover {
    height: 80%;
  }
  .md\:hover\:h-80vh:hover {
    height: 80vh;
  }
  .md\:hover\:w-85:hover {
    width: 85%;
  }
  .md\:hover\:h-85:hover {
    height: 85%;
  }
  .md\:hover\:h-85vh:hover {
    height: 85vh;
  }
  .md\:hover\:w-90:hover {
    width: 90%;
  }
  .md\:hover\:h-90:hover {
    height: 90%;
  }
  .md\:hover\:h-90vh:hover {
    height: 90vh;
  }
  .md\:hover\:w-95:hover {
    width: 95%;
  }
  .md\:hover\:h-95:hover {
    height: 95%;
  }
  .md\:hover\:h-95vh:hover {
    height: 95vh;
  }
  .md\:hover\:w-100:hover {
    width: 100%;
  }
  .md\:hover\:h-100:hover {
    height: 100%;
  }
  .md\:hover\:h-100vh:hover {
    height: 100vh;
  }
  .md\:hover\:w-0px:hover {
    width: 0px;
  }
  .md\:hover\:h-0px:hover {
    height: 0px;
  }
  .md\:hover\:max-w-0px:hover {
    max-width: 0px;
  }
  .md\:hover\:min-w-0px:hover {
    min-width: 0px;
  }
  .md\:hover\:max-h-0px:hover {
    max-height: 0px;
  }
  .md\:hover\:min-h-0px:hover {
    min-height: 0px;
  }
  .md\:hover\:top-0px:hover {
    top: 0px;
  }
  .md\:hover\:bottom-0px:hover {
    bottom: 0px;
  }
  .md\:hover\:left-0px:hover {
    left: 0px;
  }
  .md\:hover\:right-0px:hover {
    right: 0px;
  }
  .md\:hover\:w-8px:hover {
    width: 8px;
  }
  .md\:hover\:h-8px:hover {
    height: 8px;
  }
  .md\:hover\:max-w-8px:hover {
    max-width: 8px;
  }
  .md\:hover\:min-w-8px:hover {
    min-width: 8px;
  }
  .md\:hover\:max-h-8px:hover {
    max-height: 8px;
  }
  .md\:hover\:min-h-8px:hover {
    min-height: 8px;
  }
  .md\:hover\:top-8px:hover {
    top: 8px;
  }
  .md\:hover\:bottom-8px:hover {
    bottom: 8px;
  }
  .md\:hover\:left-8px:hover {
    left: 8px;
  }
  .md\:hover\:right-8px:hover {
    right: 8px;
  }
  .md\:hover\:w-16px:hover {
    width: 16px;
  }
  .md\:hover\:h-16px:hover {
    height: 16px;
  }
  .md\:hover\:max-w-16px:hover {
    max-width: 16px;
  }
  .md\:hover\:min-w-16px:hover {
    min-width: 16px;
  }
  .md\:hover\:max-h-16px:hover {
    max-height: 16px;
  }
  .md\:hover\:min-h-16px:hover {
    min-height: 16px;
  }
  .md\:hover\:top-16px:hover {
    top: 16px;
  }
  .md\:hover\:bottom-16px:hover {
    bottom: 16px;
  }
  .md\:hover\:left-16px:hover {
    left: 16px;
  }
  .md\:hover\:right-16px:hover {
    right: 16px;
  }
  .md\:hover\:w-20px:hover {
    width: 20px;
  }
  .md\:hover\:h-20px:hover {
    height: 20px;
  }
  .md\:hover\:max-w-20px:hover {
    max-width: 20px;
  }
  .md\:hover\:min-w-20px:hover {
    min-width: 20px;
  }
  .md\:hover\:max-h-20px:hover {
    max-height: 20px;
  }
  .md\:hover\:min-h-20px:hover {
    min-height: 20px;
  }
  .md\:hover\:top-20px:hover {
    top: 20px;
  }
  .md\:hover\:bottom-20px:hover {
    bottom: 20px;
  }
  .md\:hover\:left-20px:hover {
    left: 20px;
  }
  .md\:hover\:right-20px:hover {
    right: 20px;
  }
  .md\:hover\:w-24px:hover {
    width: 24px;
  }
  .md\:hover\:h-24px:hover {
    height: 24px;
  }
  .md\:hover\:max-w-24px:hover {
    max-width: 24px;
  }
  .md\:hover\:min-w-24px:hover {
    min-width: 24px;
  }
  .md\:hover\:max-h-24px:hover {
    max-height: 24px;
  }
  .md\:hover\:min-h-24px:hover {
    min-height: 24px;
  }
  .md\:hover\:top-24px:hover {
    top: 24px;
  }
  .md\:hover\:bottom-24px:hover {
    bottom: 24px;
  }
  .md\:hover\:left-24px:hover {
    left: 24px;
  }
  .md\:hover\:right-24px:hover {
    right: 24px;
  }
  .md\:hover\:w-32px:hover {
    width: 32px;
  }
  .md\:hover\:h-32px:hover {
    height: 32px;
  }
  .md\:hover\:max-w-32px:hover {
    max-width: 32px;
  }
  .md\:hover\:min-w-32px:hover {
    min-width: 32px;
  }
  .md\:hover\:max-h-32px:hover {
    max-height: 32px;
  }
  .md\:hover\:min-h-32px:hover {
    min-height: 32px;
  }
  .md\:hover\:top-32px:hover {
    top: 32px;
  }
  .md\:hover\:bottom-32px:hover {
    bottom: 32px;
  }
  .md\:hover\:left-32px:hover {
    left: 32px;
  }
  .md\:hover\:right-32px:hover {
    right: 32px;
  }
  .md\:hover\:w-36px:hover {
    width: 36px;
  }
  .md\:hover\:h-36px:hover {
    height: 36px;
  }
  .md\:hover\:max-w-36px:hover {
    max-width: 36px;
  }
  .md\:hover\:min-w-36px:hover {
    min-width: 36px;
  }
  .md\:hover\:max-h-36px:hover {
    max-height: 36px;
  }
  .md\:hover\:min-h-36px:hover {
    min-height: 36px;
  }
  .md\:hover\:top-36px:hover {
    top: 36px;
  }
  .md\:hover\:bottom-36px:hover {
    bottom: 36px;
  }
  .md\:hover\:left-36px:hover {
    left: 36px;
  }
  .md\:hover\:right-36px:hover {
    right: 36px;
  }
  .md\:hover\:w-40px:hover {
    width: 40px;
  }
  .md\:hover\:h-40px:hover {
    height: 40px;
  }
  .md\:hover\:max-w-40px:hover {
    max-width: 40px;
  }
  .md\:hover\:min-w-40px:hover {
    min-width: 40px;
  }
  .md\:hover\:max-h-40px:hover {
    max-height: 40px;
  }
  .md\:hover\:min-h-40px:hover {
    min-height: 40px;
  }
  .md\:hover\:top-40px:hover {
    top: 40px;
  }
  .md\:hover\:bottom-40px:hover {
    bottom: 40px;
  }
  .md\:hover\:left-40px:hover {
    left: 40px;
  }
  .md\:hover\:right-40px:hover {
    right: 40px;
  }
  .md\:hover\:w-48px:hover {
    width: 48px;
  }
  .md\:hover\:h-48px:hover {
    height: 48px;
  }
  .md\:hover\:max-w-48px:hover {
    max-width: 48px;
  }
  .md\:hover\:min-w-48px:hover {
    min-width: 48px;
  }
  .md\:hover\:max-h-48px:hover {
    max-height: 48px;
  }
  .md\:hover\:min-h-48px:hover {
    min-height: 48px;
  }
  .md\:hover\:top-48px:hover {
    top: 48px;
  }
  .md\:hover\:bottom-48px:hover {
    bottom: 48px;
  }
  .md\:hover\:left-48px:hover {
    left: 48px;
  }
  .md\:hover\:right-48px:hover {
    right: 48px;
  }
  .md\:hover\:w-56px:hover {
    width: 56px;
  }
  .md\:hover\:h-56px:hover {
    height: 56px;
  }
  .md\:hover\:max-w-56px:hover {
    max-width: 56px;
  }
  .md\:hover\:min-w-56px:hover {
    min-width: 56px;
  }
  .md\:hover\:max-h-56px:hover {
    max-height: 56px;
  }
  .md\:hover\:min-h-56px:hover {
    min-height: 56px;
  }
  .md\:hover\:top-56px:hover {
    top: 56px;
  }
  .md\:hover\:bottom-56px:hover {
    bottom: 56px;
  }
  .md\:hover\:left-56px:hover {
    left: 56px;
  }
  .md\:hover\:right-56px:hover {
    right: 56px;
  }
  .md\:hover\:w-64px:hover {
    width: 64px;
  }
  .md\:hover\:h-64px:hover {
    height: 64px;
  }
  .md\:hover\:max-w-64px:hover {
    max-width: 64px;
  }
  .md\:hover\:min-w-64px:hover {
    min-width: 64px;
  }
  .md\:hover\:max-h-64px:hover {
    max-height: 64px;
  }
  .md\:hover\:min-h-64px:hover {
    min-height: 64px;
  }
  .md\:hover\:top-64px:hover {
    top: 64px;
  }
  .md\:hover\:bottom-64px:hover {
    bottom: 64px;
  }
  .md\:hover\:left-64px:hover {
    left: 64px;
  }
  .md\:hover\:right-64px:hover {
    right: 64px;
  }
  .md\:hover\:w-80px:hover {
    width: 80px;
  }
  .md\:hover\:h-80px:hover {
    height: 80px;
  }
  .md\:hover\:max-w-80px:hover {
    max-width: 80px;
  }
  .md\:hover\:min-w-80px:hover {
    min-width: 80px;
  }
  .md\:hover\:max-h-80px:hover {
    max-height: 80px;
  }
  .md\:hover\:min-h-80px:hover {
    min-height: 80px;
  }
  .md\:hover\:top-80px:hover {
    top: 80px;
  }
  .md\:hover\:bottom-80px:hover {
    bottom: 80px;
  }
  .md\:hover\:left-80px:hover {
    left: 80px;
  }
  .md\:hover\:right-80px:hover {
    right: 80px;
  }
  .md\:hover\:w-96px:hover {
    width: 96px;
  }
  .md\:hover\:h-96px:hover {
    height: 96px;
  }
  .md\:hover\:max-w-96px:hover {
    max-width: 96px;
  }
  .md\:hover\:min-w-96px:hover {
    min-width: 96px;
  }
  .md\:hover\:max-h-96px:hover {
    max-height: 96px;
  }
  .md\:hover\:min-h-96px:hover {
    min-height: 96px;
  }
  .md\:hover\:top-96px:hover {
    top: 96px;
  }
  .md\:hover\:bottom-96px:hover {
    bottom: 96px;
  }
  .md\:hover\:left-96px:hover {
    left: 96px;
  }
  .md\:hover\:right-96px:hover {
    right: 96px;
  }
  .md\:hover\:w-128px:hover {
    width: 128px;
  }
  .md\:hover\:h-128px:hover {
    height: 128px;
  }
  .md\:hover\:max-w-128px:hover {
    max-width: 128px;
  }
  .md\:hover\:min-w-128px:hover {
    min-width: 128px;
  }
  .md\:hover\:max-h-128px:hover {
    max-height: 128px;
  }
  .md\:hover\:min-h-128px:hover {
    min-height: 128px;
  }
  .md\:hover\:top-128px:hover {
    top: 128px;
  }
  .md\:hover\:bottom-128px:hover {
    bottom: 128px;
  }
  .md\:hover\:left-128px:hover {
    left: 128px;
  }
  .md\:hover\:right-128px:hover {
    right: 128px;
  }
  .md\:hover\:w-144px:hover {
    width: 144px;
  }
  .md\:hover\:h-144px:hover {
    height: 144px;
  }
  .md\:hover\:max-w-144px:hover {
    max-width: 144px;
  }
  .md\:hover\:min-w-144px:hover {
    min-width: 144px;
  }
  .md\:hover\:max-h-144px:hover {
    max-height: 144px;
  }
  .md\:hover\:min-h-144px:hover {
    min-height: 144px;
  }
  .md\:hover\:top-144px:hover {
    top: 144px;
  }
  .md\:hover\:bottom-144px:hover {
    bottom: 144px;
  }
  .md\:hover\:left-144px:hover {
    left: 144px;
  }
  .md\:hover\:right-144px:hover {
    right: 144px;
  }
  .md\:hover\:w-160px:hover {
    width: 160px;
  }
  .md\:hover\:h-160px:hover {
    height: 160px;
  }
  .md\:hover\:max-w-160px:hover {
    max-width: 160px;
  }
  .md\:hover\:min-w-160px:hover {
    min-width: 160px;
  }
  .md\:hover\:max-h-160px:hover {
    max-height: 160px;
  }
  .md\:hover\:min-h-160px:hover {
    min-height: 160px;
  }
  .md\:hover\:top-160px:hover {
    top: 160px;
  }
  .md\:hover\:bottom-160px:hover {
    bottom: 160px;
  }
  .md\:hover\:left-160px:hover {
    left: 160px;
  }
  .md\:hover\:right-160px:hover {
    right: 160px;
  }
  .md\:hover\:w-192px:hover {
    width: 192px;
  }
  .md\:hover\:h-192px:hover {
    height: 192px;
  }
  .md\:hover\:max-w-192px:hover {
    max-width: 192px;
  }
  .md\:hover\:min-w-192px:hover {
    min-width: 192px;
  }
  .md\:hover\:max-h-192px:hover {
    max-height: 192px;
  }
  .md\:hover\:min-h-192px:hover {
    min-height: 192px;
  }
  .md\:hover\:top-192px:hover {
    top: 192px;
  }
  .md\:hover\:bottom-192px:hover {
    bottom: 192px;
  }
  .md\:hover\:left-192px:hover {
    left: 192px;
  }
  .md\:hover\:right-192px:hover {
    right: 192px;
  }
  .md\:hover\:w-224px:hover {
    width: 224px;
  }
  .md\:hover\:h-224px:hover {
    height: 224px;
  }
  .md\:hover\:max-w-224px:hover {
    max-width: 224px;
  }
  .md\:hover\:min-w-224px:hover {
    min-width: 224px;
  }
  .md\:hover\:max-h-224px:hover {
    max-height: 224px;
  }
  .md\:hover\:min-h-224px:hover {
    min-height: 224px;
  }
  .md\:hover\:top-224px:hover {
    top: 224px;
  }
  .md\:hover\:bottom-224px:hover {
    bottom: 224px;
  }
  .md\:hover\:left-224px:hover {
    left: 224px;
  }
  .md\:hover\:right-224px:hover {
    right: 224px;
  }
  .md\:hover\:w-240px:hover {
    width: 240px;
  }
  .md\:hover\:h-240px:hover {
    height: 240px;
  }
  .md\:hover\:max-w-240px:hover {
    max-width: 240px;
  }
  .md\:hover\:min-w-240px:hover {
    min-width: 240px;
  }
  .md\:hover\:max-h-240px:hover {
    max-height: 240px;
  }
  .md\:hover\:min-h-240px:hover {
    min-height: 240px;
  }
  .md\:hover\:top-240px:hover {
    top: 240px;
  }
  .md\:hover\:bottom-240px:hover {
    bottom: 240px;
  }
  .md\:hover\:left-240px:hover {
    left: 240px;
  }
  .md\:hover\:right-240px:hover {
    right: 240px;
  }
  .md\:hover\:w-280px:hover {
    width: 280px;
  }
  .md\:hover\:h-280px:hover {
    height: 280px;
  }
  .md\:hover\:max-w-280px:hover {
    max-width: 280px;
  }
  .md\:hover\:min-w-280px:hover {
    min-width: 280px;
  }
  .md\:hover\:max-h-280px:hover {
    max-height: 280px;
  }
  .md\:hover\:min-h-280px:hover {
    min-height: 280px;
  }
  .md\:hover\:top-280px:hover {
    top: 280px;
  }
  .md\:hover\:bottom-280px:hover {
    bottom: 280px;
  }
  .md\:hover\:left-280px:hover {
    left: 280px;
  }
  .md\:hover\:right-280px:hover {
    right: 280px;
  }
  .md\:hover\:w-312px:hover {
    width: 312px;
  }
  .md\:hover\:h-312px:hover {
    height: 312px;
  }
  .md\:hover\:max-w-312px:hover {
    max-width: 312px;
  }
  .md\:hover\:min-w-312px:hover {
    min-width: 312px;
  }
  .md\:hover\:max-h-312px:hover {
    max-height: 312px;
  }
  .md\:hover\:min-h-312px:hover {
    min-height: 312px;
  }
  .md\:hover\:top-312px:hover {
    top: 312px;
  }
  .md\:hover\:bottom-312px:hover {
    bottom: 312px;
  }
  .md\:hover\:left-312px:hover {
    left: 312px;
  }
  .md\:hover\:right-312px:hover {
    right: 312px;
  }
  .md\:hover\:w-320px:hover {
    width: 320px;
  }
  .md\:hover\:h-320px:hover {
    height: 320px;
  }
  .md\:hover\:max-w-320px:hover {
    max-width: 320px;
  }
  .md\:hover\:min-w-320px:hover {
    min-width: 320px;
  }
  .md\:hover\:max-h-320px:hover {
    max-height: 320px;
  }
  .md\:hover\:min-h-320px:hover {
    min-height: 320px;
  }
  .md\:hover\:top-320px:hover {
    top: 320px;
  }
  .md\:hover\:bottom-320px:hover {
    bottom: 320px;
  }
  .md\:hover\:left-320px:hover {
    left: 320px;
  }
  .md\:hover\:right-320px:hover {
    right: 320px;
  }
  .md\:hover\:w-384px:hover {
    width: 384px;
  }
  .md\:hover\:h-384px:hover {
    height: 384px;
  }
  .md\:hover\:max-w-384px:hover {
    max-width: 384px;
  }
  .md\:hover\:min-w-384px:hover {
    min-width: 384px;
  }
  .md\:hover\:max-h-384px:hover {
    max-height: 384px;
  }
  .md\:hover\:min-h-384px:hover {
    min-height: 384px;
  }
  .md\:hover\:top-384px:hover {
    top: 384px;
  }
  .md\:hover\:bottom-384px:hover {
    bottom: 384px;
  }
  .md\:hover\:left-384px:hover {
    left: 384px;
  }
  .md\:hover\:right-384px:hover {
    right: 384px;
  }
  .md\:hover\:w-448px:hover {
    width: 448px;
  }
  .md\:hover\:h-448px:hover {
    height: 448px;
  }
  .md\:hover\:max-w-448px:hover {
    max-width: 448px;
  }
  .md\:hover\:min-w-448px:hover {
    min-width: 448px;
  }
  .md\:hover\:max-h-448px:hover {
    max-height: 448px;
  }
  .md\:hover\:min-h-448px:hover {
    min-height: 448px;
  }
  .md\:hover\:top-448px:hover {
    top: 448px;
  }
  .md\:hover\:bottom-448px:hover {
    bottom: 448px;
  }
  .md\:hover\:left-448px:hover {
    left: 448px;
  }
  .md\:hover\:right-448px:hover {
    right: 448px;
  }
  .md\:hover\:w-512px:hover {
    width: 512px;
  }
  .md\:hover\:h-512px:hover {
    height: 512px;
  }
  .md\:hover\:max-w-512px:hover {
    max-width: 512px;
  }
  .md\:hover\:min-w-512px:hover {
    min-width: 512px;
  }
  .md\:hover\:max-h-512px:hover {
    max-height: 512px;
  }
  .md\:hover\:min-h-512px:hover {
    min-height: 512px;
  }
  .md\:hover\:top-512px:hover {
    top: 512px;
  }
  .md\:hover\:bottom-512px:hover {
    bottom: 512px;
  }
  .md\:hover\:left-512px:hover {
    left: 512px;
  }
  .md\:hover\:right-512px:hover {
    right: 512px;
  }
  .md\:hover\:w-536px:hover {
    width: 536px;
  }
  .md\:hover\:h-536px:hover {
    height: 536px;
  }
  .md\:hover\:max-w-536px:hover {
    max-width: 536px;
  }
  .md\:hover\:min-w-536px:hover {
    min-width: 536px;
  }
  .md\:hover\:max-h-536px:hover {
    max-height: 536px;
  }
  .md\:hover\:min-h-536px:hover {
    min-height: 536px;
  }
  .md\:hover\:top-536px:hover {
    top: 536px;
  }
  .md\:hover\:bottom-536px:hover {
    bottom: 536px;
  }
  .md\:hover\:left-536px:hover {
    left: 536px;
  }
  .md\:hover\:right-536px:hover {
    right: 536px;
  }
  .md\:hover\:w-560px:hover {
    width: 560px;
  }
  .md\:hover\:h-560px:hover {
    height: 560px;
  }
  .md\:hover\:max-w-560px:hover {
    max-width: 560px;
  }
  .md\:hover\:min-w-560px:hover {
    min-width: 560px;
  }
  .md\:hover\:max-h-560px:hover {
    max-height: 560px;
  }
  .md\:hover\:min-h-560px:hover {
    min-height: 560px;
  }
  .md\:hover\:top-560px:hover {
    top: 560px;
  }
  .md\:hover\:bottom-560px:hover {
    bottom: 560px;
  }
  .md\:hover\:left-560px:hover {
    left: 560px;
  }
  .md\:hover\:right-560px:hover {
    right: 560px;
  }
  .md\:hover\:w-576px:hover {
    width: 576px;
  }
  .md\:hover\:h-576px:hover {
    height: 576px;
  }
  .md\:hover\:max-w-576px:hover {
    max-width: 576px;
  }
  .md\:hover\:min-w-576px:hover {
    min-width: 576px;
  }
  .md\:hover\:max-h-576px:hover {
    max-height: 576px;
  }
  .md\:hover\:min-h-576px:hover {
    min-height: 576px;
  }
  .md\:hover\:top-576px:hover {
    top: 576px;
  }
  .md\:hover\:bottom-576px:hover {
    bottom: 576px;
  }
  .md\:hover\:left-576px:hover {
    left: 576px;
  }
  .md\:hover\:right-576px:hover {
    right: 576px;
  }
  .md\:hover\:w-672px:hover {
    width: 672px;
  }
  .md\:hover\:h-672px:hover {
    height: 672px;
  }
  .md\:hover\:max-w-672px:hover {
    max-width: 672px;
  }
  .md\:hover\:min-w-672px:hover {
    min-width: 672px;
  }
  .md\:hover\:max-h-672px:hover {
    max-height: 672px;
  }
  .md\:hover\:min-h-672px:hover {
    min-height: 672px;
  }
  .md\:hover\:top-672px:hover {
    top: 672px;
  }
  .md\:hover\:bottom-672px:hover {
    bottom: 672px;
  }
  .md\:hover\:left-672px:hover {
    left: 672px;
  }
  .md\:hover\:right-672px:hover {
    right: 672px;
  }
  .md\:hover\:w-704px:hover {
    width: 704px;
  }
  .md\:hover\:h-704px:hover {
    height: 704px;
  }
  .md\:hover\:max-w-704px:hover {
    max-width: 704px;
  }
  .md\:hover\:min-w-704px:hover {
    min-width: 704px;
  }
  .md\:hover\:max-h-704px:hover {
    max-height: 704px;
  }
  .md\:hover\:min-h-704px:hover {
    min-height: 704px;
  }
  .md\:hover\:top-704px:hover {
    top: 704px;
  }
  .md\:hover\:bottom-704px:hover {
    bottom: 704px;
  }
  .md\:hover\:left-704px:hover {
    left: 704px;
  }
  .md\:hover\:right-704px:hover {
    right: 704px;
  }
  .md\:hover\:w-768px:hover {
    width: 768px;
  }
  .md\:hover\:h-768px:hover {
    height: 768px;
  }
  .md\:hover\:max-w-768px:hover {
    max-width: 768px;
  }
  .md\:hover\:min-w-768px:hover {
    min-width: 768px;
  }
  .md\:hover\:max-h-768px:hover {
    max-height: 768px;
  }
  .md\:hover\:min-h-768px:hover {
    min-height: 768px;
  }
  .md\:hover\:top-768px:hover {
    top: 768px;
  }
  .md\:hover\:bottom-768px:hover {
    bottom: 768px;
  }
  .md\:hover\:left-768px:hover {
    left: 768px;
  }
  .md\:hover\:right-768px:hover {
    right: 768px;
  }
  .md\:hover\:w-800px:hover {
    width: 800px;
  }
  .md\:hover\:h-800px:hover {
    height: 800px;
  }
  .md\:hover\:max-w-800px:hover {
    max-width: 800px;
  }
  .md\:hover\:min-w-800px:hover {
    min-width: 800px;
  }
  .md\:hover\:max-h-800px:hover {
    max-height: 800px;
  }
  .md\:hover\:min-h-800px:hover {
    min-height: 800px;
  }
  .md\:hover\:top-800px:hover {
    top: 800px;
  }
  .md\:hover\:bottom-800px:hover {
    bottom: 800px;
  }
  .md\:hover\:left-800px:hover {
    left: 800px;
  }
  .md\:hover\:right-800px:hover {
    right: 800px;
  }
  .md\:hover\:w-auto:hover {
    width: auto;
  }
  .md\:hover\:h-auto:hover {
    height: auto;
  }
  .md\:hover\:top-full:hover {
    top: 100%;
  }
  .md\:hover\:left-full:hover {
    left: 100%;
  }
  .md\:hover\:right-full:hover {
    right: 100%;
  }
  .md\:hover\:bottom-full:hover {
    bottom: 100%;
  }
  .md\:hover\:w-fit-content:hover {
    width: fit-content;
  }
  .md\:hover\:overflow-scroll:hover {
    overflow: scroll;
  }
  .md\:hover\:overflow-x-scroll:hover {
    overflow-x: scroll;
  }
  .md\:hover\:overflow-y-scroll:hover {
    overflow-y: scroll;
  }
  .md\:hover\:overflow-hidden:hover {
    overflow: hidden;
  }
  .md\:hover\:overflow-x-hidden:hover {
    overflow-x: hidden;
  }
  .md\:hover\:overflow-y-hidden:hover {
    overflow-y: hidden;
  }
  .md\:hover\:overflow-auto:hover {
    overflow: auto;
  }
  .md\:hover\:overflow-x-auto:hover {
    overflow-x: auto;
  }
  .md\:hover\:overflow-y-auto:hover {
    overflow-y: auto;
  }
  .md\:hover\:overscroll-auto {
    overscroll-behavior: auto;
  }
  .md\:hover\:overscroll-contain {
    overscroll-behavior: contain;
  }
  .md\:hover\:overscroll-none {
    overscroll-behavior: none;
  }
  .md\:hover\:overscroll-block {
    overscroll-behavior-block: contain;
  }
}
@media (min-width: 992px) {
  .lg\:opacidad-0 {
    opacity: 0;
  }
  .lg\:opacidad-10 {
    opacity: 0.1;
  }
  .lg\:opacidad-20 {
    opacity: 0.2;
  }
  .lg\:opacidad-30 {
    opacity: 0.3;
  }
  .lg\:opacidad-40 {
    opacity: 0.4;
  }
  .lg\:opacidad-50 {
    opacity: 0.5;
  }
  .lg\:opacidad-60 {
    opacity: 0.6;
  }
  .lg\:opacidad-70 {
    opacity: 0.7;
  }
  .lg\:opacidad-80 {
    opacity: 0.8;
  }
  .lg\:opacidad-90 {
    opacity: 0.9;
  }
  .lg\:opacidad-100 {
    opacity: 1;
  }
  .lg\:w-20 {
    width: 20%;
  }
  .lg\:h-20 {
    height: 20%;
  }
  .lg\:h-20vh {
    height: 20vh;
  }
  .lg\:w-25 {
    width: 25%;
  }
  .lg\:h-25 {
    height: 25%;
  }
  .lg\:h-25vh {
    height: 25vh;
  }
  .lg\:w-30 {
    width: 30%;
  }
  .lg\:h-30 {
    height: 30%;
  }
  .lg\:h-30vh {
    height: 30vh;
  }
  .lg\:w-35 {
    width: 35%;
  }
  .lg\:h-35 {
    height: 35%;
  }
  .lg\:h-35vh {
    height: 35vh;
  }
  .lg\:w-40 {
    width: 40%;
  }
  .lg\:h-40 {
    height: 40%;
  }
  .lg\:h-40vh {
    height: 40vh;
  }
  .lg\:w-45 {
    width: 45%;
  }
  .lg\:h-45 {
    height: 45%;
  }
  .lg\:h-45vh {
    height: 45vh;
  }
  .lg\:w-50 {
    width: 50%;
  }
  .lg\:h-50 {
    height: 50%;
  }
  .lg\:h-50vh {
    height: 50vh;
  }
  .lg\:w-55 {
    width: 55%;
  }
  .lg\:h-55 {
    height: 55%;
  }
  .lg\:h-55vh {
    height: 55vh;
  }
  .lg\:w-60 {
    width: 60%;
  }
  .lg\:h-60 {
    height: 60%;
  }
  .lg\:h-60vh {
    height: 60vh;
  }
  .lg\:w-65 {
    width: 65%;
  }
  .lg\:h-65 {
    height: 65%;
  }
  .lg\:h-65vh {
    height: 65vh;
  }
  .lg\:w-70 {
    width: 70%;
  }
  .lg\:h-70 {
    height: 70%;
  }
  .lg\:h-70vh {
    height: 70vh;
  }
  .lg\:w-75 {
    width: 75%;
  }
  .lg\:h-75 {
    height: 75%;
  }
  .lg\:h-75vh {
    height: 75vh;
  }
  .lg\:w-80 {
    width: 80%;
  }
  .lg\:h-80 {
    height: 80%;
  }
  .lg\:h-80vh {
    height: 80vh;
  }
  .lg\:w-85 {
    width: 85%;
  }
  .lg\:h-85 {
    height: 85%;
  }
  .lg\:h-85vh {
    height: 85vh;
  }
  .lg\:w-90 {
    width: 90%;
  }
  .lg\:h-90 {
    height: 90%;
  }
  .lg\:h-90vh {
    height: 90vh;
  }
  .lg\:w-95 {
    width: 95%;
  }
  .lg\:h-95 {
    height: 95%;
  }
  .lg\:h-95vh {
    height: 95vh;
  }
  .lg\:w-100 {
    width: 100%;
  }
  .lg\:h-100 {
    height: 100%;
  }
  .lg\:h-100vh {
    height: 100vh;
  }
  .lg\:w-0px {
    width: 0px;
  }
  .lg\:h-0px {
    height: 0px;
  }
  .lg\:max-w-0px {
    max-width: 0px;
  }
  .lg\:min-w-0px {
    min-width: 0px;
  }
  .lg\:max-h-0px {
    max-height: 0px;
  }
  .lg\:min-h-0px {
    min-height: 0px;
  }
  .lg\:top-0px {
    top: 0px;
  }
  .lg\:bottom-0px {
    bottom: 0px;
  }
  .lg\:left-0px {
    left: 0px;
  }
  .lg\:right-0px {
    right: 0px;
  }
  .lg\:w-8px {
    width: 8px;
  }
  .lg\:h-8px {
    height: 8px;
  }
  .lg\:max-w-8px {
    max-width: 8px;
  }
  .lg\:min-w-8px {
    min-width: 8px;
  }
  .lg\:max-h-8px {
    max-height: 8px;
  }
  .lg\:min-h-8px {
    min-height: 8px;
  }
  .lg\:top-8px {
    top: 8px;
  }
  .lg\:bottom-8px {
    bottom: 8px;
  }
  .lg\:left-8px {
    left: 8px;
  }
  .lg\:right-8px {
    right: 8px;
  }
  .lg\:w-16px {
    width: 16px;
  }
  .lg\:h-16px {
    height: 16px;
  }
  .lg\:max-w-16px {
    max-width: 16px;
  }
  .lg\:min-w-16px {
    min-width: 16px;
  }
  .lg\:max-h-16px {
    max-height: 16px;
  }
  .lg\:min-h-16px {
    min-height: 16px;
  }
  .lg\:top-16px {
    top: 16px;
  }
  .lg\:bottom-16px {
    bottom: 16px;
  }
  .lg\:left-16px {
    left: 16px;
  }
  .lg\:right-16px {
    right: 16px;
  }
  .lg\:w-20px {
    width: 20px;
  }
  .lg\:h-20px {
    height: 20px;
  }
  .lg\:max-w-20px {
    max-width: 20px;
  }
  .lg\:min-w-20px {
    min-width: 20px;
  }
  .lg\:max-h-20px {
    max-height: 20px;
  }
  .lg\:min-h-20px {
    min-height: 20px;
  }
  .lg\:top-20px {
    top: 20px;
  }
  .lg\:bottom-20px {
    bottom: 20px;
  }
  .lg\:left-20px {
    left: 20px;
  }
  .lg\:right-20px {
    right: 20px;
  }
  .lg\:w-24px {
    width: 24px;
  }
  .lg\:h-24px {
    height: 24px;
  }
  .lg\:max-w-24px {
    max-width: 24px;
  }
  .lg\:min-w-24px {
    min-width: 24px;
  }
  .lg\:max-h-24px {
    max-height: 24px;
  }
  .lg\:min-h-24px {
    min-height: 24px;
  }
  .lg\:top-24px {
    top: 24px;
  }
  .lg\:bottom-24px {
    bottom: 24px;
  }
  .lg\:left-24px {
    left: 24px;
  }
  .lg\:right-24px {
    right: 24px;
  }
  .lg\:w-32px {
    width: 32px;
  }
  .lg\:h-32px {
    height: 32px;
  }
  .lg\:max-w-32px {
    max-width: 32px;
  }
  .lg\:min-w-32px {
    min-width: 32px;
  }
  .lg\:max-h-32px {
    max-height: 32px;
  }
  .lg\:min-h-32px {
    min-height: 32px;
  }
  .lg\:top-32px {
    top: 32px;
  }
  .lg\:bottom-32px {
    bottom: 32px;
  }
  .lg\:left-32px {
    left: 32px;
  }
  .lg\:right-32px {
    right: 32px;
  }
  .lg\:w-36px {
    width: 36px;
  }
  .lg\:h-36px {
    height: 36px;
  }
  .lg\:max-w-36px {
    max-width: 36px;
  }
  .lg\:min-w-36px {
    min-width: 36px;
  }
  .lg\:max-h-36px {
    max-height: 36px;
  }
  .lg\:min-h-36px {
    min-height: 36px;
  }
  .lg\:top-36px {
    top: 36px;
  }
  .lg\:bottom-36px {
    bottom: 36px;
  }
  .lg\:left-36px {
    left: 36px;
  }
  .lg\:right-36px {
    right: 36px;
  }
  .lg\:w-40px {
    width: 40px;
  }
  .lg\:h-40px {
    height: 40px;
  }
  .lg\:max-w-40px {
    max-width: 40px;
  }
  .lg\:min-w-40px {
    min-width: 40px;
  }
  .lg\:max-h-40px {
    max-height: 40px;
  }
  .lg\:min-h-40px {
    min-height: 40px;
  }
  .lg\:top-40px {
    top: 40px;
  }
  .lg\:bottom-40px {
    bottom: 40px;
  }
  .lg\:left-40px {
    left: 40px;
  }
  .lg\:right-40px {
    right: 40px;
  }
  .lg\:w-48px {
    width: 48px;
  }
  .lg\:h-48px {
    height: 48px;
  }
  .lg\:max-w-48px {
    max-width: 48px;
  }
  .lg\:min-w-48px {
    min-width: 48px;
  }
  .lg\:max-h-48px {
    max-height: 48px;
  }
  .lg\:min-h-48px {
    min-height: 48px;
  }
  .lg\:top-48px {
    top: 48px;
  }
  .lg\:bottom-48px {
    bottom: 48px;
  }
  .lg\:left-48px {
    left: 48px;
  }
  .lg\:right-48px {
    right: 48px;
  }
  .lg\:w-56px {
    width: 56px;
  }
  .lg\:h-56px {
    height: 56px;
  }
  .lg\:max-w-56px {
    max-width: 56px;
  }
  .lg\:min-w-56px {
    min-width: 56px;
  }
  .lg\:max-h-56px {
    max-height: 56px;
  }
  .lg\:min-h-56px {
    min-height: 56px;
  }
  .lg\:top-56px {
    top: 56px;
  }
  .lg\:bottom-56px {
    bottom: 56px;
  }
  .lg\:left-56px {
    left: 56px;
  }
  .lg\:right-56px {
    right: 56px;
  }
  .lg\:w-64px {
    width: 64px;
  }
  .lg\:h-64px {
    height: 64px;
  }
  .lg\:max-w-64px {
    max-width: 64px;
  }
  .lg\:min-w-64px {
    min-width: 64px;
  }
  .lg\:max-h-64px {
    max-height: 64px;
  }
  .lg\:min-h-64px {
    min-height: 64px;
  }
  .lg\:top-64px {
    top: 64px;
  }
  .lg\:bottom-64px {
    bottom: 64px;
  }
  .lg\:left-64px {
    left: 64px;
  }
  .lg\:right-64px {
    right: 64px;
  }
  .lg\:w-80px {
    width: 80px;
  }
  .lg\:h-80px {
    height: 80px;
  }
  .lg\:max-w-80px {
    max-width: 80px;
  }
  .lg\:min-w-80px {
    min-width: 80px;
  }
  .lg\:max-h-80px {
    max-height: 80px;
  }
  .lg\:min-h-80px {
    min-height: 80px;
  }
  .lg\:top-80px {
    top: 80px;
  }
  .lg\:bottom-80px {
    bottom: 80px;
  }
  .lg\:left-80px {
    left: 80px;
  }
  .lg\:right-80px {
    right: 80px;
  }
  .lg\:w-96px {
    width: 96px;
  }
  .lg\:h-96px {
    height: 96px;
  }
  .lg\:max-w-96px {
    max-width: 96px;
  }
  .lg\:min-w-96px {
    min-width: 96px;
  }
  .lg\:max-h-96px {
    max-height: 96px;
  }
  .lg\:min-h-96px {
    min-height: 96px;
  }
  .lg\:top-96px {
    top: 96px;
  }
  .lg\:bottom-96px {
    bottom: 96px;
  }
  .lg\:left-96px {
    left: 96px;
  }
  .lg\:right-96px {
    right: 96px;
  }
  .lg\:w-128px {
    width: 128px;
  }
  .lg\:h-128px {
    height: 128px;
  }
  .lg\:max-w-128px {
    max-width: 128px;
  }
  .lg\:min-w-128px {
    min-width: 128px;
  }
  .lg\:max-h-128px {
    max-height: 128px;
  }
  .lg\:min-h-128px {
    min-height: 128px;
  }
  .lg\:top-128px {
    top: 128px;
  }
  .lg\:bottom-128px {
    bottom: 128px;
  }
  .lg\:left-128px {
    left: 128px;
  }
  .lg\:right-128px {
    right: 128px;
  }
  .lg\:w-144px {
    width: 144px;
  }
  .lg\:h-144px {
    height: 144px;
  }
  .lg\:max-w-144px {
    max-width: 144px;
  }
  .lg\:min-w-144px {
    min-width: 144px;
  }
  .lg\:max-h-144px {
    max-height: 144px;
  }
  .lg\:min-h-144px {
    min-height: 144px;
  }
  .lg\:top-144px {
    top: 144px;
  }
  .lg\:bottom-144px {
    bottom: 144px;
  }
  .lg\:left-144px {
    left: 144px;
  }
  .lg\:right-144px {
    right: 144px;
  }
  .lg\:w-160px {
    width: 160px;
  }
  .lg\:h-160px {
    height: 160px;
  }
  .lg\:max-w-160px {
    max-width: 160px;
  }
  .lg\:min-w-160px {
    min-width: 160px;
  }
  .lg\:max-h-160px {
    max-height: 160px;
  }
  .lg\:min-h-160px {
    min-height: 160px;
  }
  .lg\:top-160px {
    top: 160px;
  }
  .lg\:bottom-160px {
    bottom: 160px;
  }
  .lg\:left-160px {
    left: 160px;
  }
  .lg\:right-160px {
    right: 160px;
  }
  .lg\:w-192px {
    width: 192px;
  }
  .lg\:h-192px {
    height: 192px;
  }
  .lg\:max-w-192px {
    max-width: 192px;
  }
  .lg\:min-w-192px {
    min-width: 192px;
  }
  .lg\:max-h-192px {
    max-height: 192px;
  }
  .lg\:min-h-192px {
    min-height: 192px;
  }
  .lg\:top-192px {
    top: 192px;
  }
  .lg\:bottom-192px {
    bottom: 192px;
  }
  .lg\:left-192px {
    left: 192px;
  }
  .lg\:right-192px {
    right: 192px;
  }
  .lg\:w-224px {
    width: 224px;
  }
  .lg\:h-224px {
    height: 224px;
  }
  .lg\:max-w-224px {
    max-width: 224px;
  }
  .lg\:min-w-224px {
    min-width: 224px;
  }
  .lg\:max-h-224px {
    max-height: 224px;
  }
  .lg\:min-h-224px {
    min-height: 224px;
  }
  .lg\:top-224px {
    top: 224px;
  }
  .lg\:bottom-224px {
    bottom: 224px;
  }
  .lg\:left-224px {
    left: 224px;
  }
  .lg\:right-224px {
    right: 224px;
  }
  .lg\:w-240px {
    width: 240px;
  }
  .lg\:h-240px {
    height: 240px;
  }
  .lg\:max-w-240px {
    max-width: 240px;
  }
  .lg\:min-w-240px {
    min-width: 240px;
  }
  .lg\:max-h-240px {
    max-height: 240px;
  }
  .lg\:min-h-240px {
    min-height: 240px;
  }
  .lg\:top-240px {
    top: 240px;
  }
  .lg\:bottom-240px {
    bottom: 240px;
  }
  .lg\:left-240px {
    left: 240px;
  }
  .lg\:right-240px {
    right: 240px;
  }
  .lg\:w-280px {
    width: 280px;
  }
  .lg\:h-280px {
    height: 280px;
  }
  .lg\:max-w-280px {
    max-width: 280px;
  }
  .lg\:min-w-280px {
    min-width: 280px;
  }
  .lg\:max-h-280px {
    max-height: 280px;
  }
  .lg\:min-h-280px {
    min-height: 280px;
  }
  .lg\:top-280px {
    top: 280px;
  }
  .lg\:bottom-280px {
    bottom: 280px;
  }
  .lg\:left-280px {
    left: 280px;
  }
  .lg\:right-280px {
    right: 280px;
  }
  .lg\:w-312px {
    width: 312px;
  }
  .lg\:h-312px {
    height: 312px;
  }
  .lg\:max-w-312px {
    max-width: 312px;
  }
  .lg\:min-w-312px {
    min-width: 312px;
  }
  .lg\:max-h-312px {
    max-height: 312px;
  }
  .lg\:min-h-312px {
    min-height: 312px;
  }
  .lg\:top-312px {
    top: 312px;
  }
  .lg\:bottom-312px {
    bottom: 312px;
  }
  .lg\:left-312px {
    left: 312px;
  }
  .lg\:right-312px {
    right: 312px;
  }
  .lg\:w-320px {
    width: 320px;
  }
  .lg\:h-320px {
    height: 320px;
  }
  .lg\:max-w-320px {
    max-width: 320px;
  }
  .lg\:min-w-320px {
    min-width: 320px;
  }
  .lg\:max-h-320px {
    max-height: 320px;
  }
  .lg\:min-h-320px {
    min-height: 320px;
  }
  .lg\:top-320px {
    top: 320px;
  }
  .lg\:bottom-320px {
    bottom: 320px;
  }
  .lg\:left-320px {
    left: 320px;
  }
  .lg\:right-320px {
    right: 320px;
  }
  .lg\:w-384px {
    width: 384px;
  }
  .lg\:h-384px {
    height: 384px;
  }
  .lg\:max-w-384px {
    max-width: 384px;
  }
  .lg\:min-w-384px {
    min-width: 384px;
  }
  .lg\:max-h-384px {
    max-height: 384px;
  }
  .lg\:min-h-384px {
    min-height: 384px;
  }
  .lg\:top-384px {
    top: 384px;
  }
  .lg\:bottom-384px {
    bottom: 384px;
  }
  .lg\:left-384px {
    left: 384px;
  }
  .lg\:right-384px {
    right: 384px;
  }
  .lg\:w-448px {
    width: 448px;
  }
  .lg\:h-448px {
    height: 448px;
  }
  .lg\:max-w-448px {
    max-width: 448px;
  }
  .lg\:min-w-448px {
    min-width: 448px;
  }
  .lg\:max-h-448px {
    max-height: 448px;
  }
  .lg\:min-h-448px {
    min-height: 448px;
  }
  .lg\:top-448px {
    top: 448px;
  }
  .lg\:bottom-448px {
    bottom: 448px;
  }
  .lg\:left-448px {
    left: 448px;
  }
  .lg\:right-448px {
    right: 448px;
  }
  .lg\:w-512px {
    width: 512px;
  }
  .lg\:h-512px {
    height: 512px;
  }
  .lg\:max-w-512px {
    max-width: 512px;
  }
  .lg\:min-w-512px {
    min-width: 512px;
  }
  .lg\:max-h-512px {
    max-height: 512px;
  }
  .lg\:min-h-512px {
    min-height: 512px;
  }
  .lg\:top-512px {
    top: 512px;
  }
  .lg\:bottom-512px {
    bottom: 512px;
  }
  .lg\:left-512px {
    left: 512px;
  }
  .lg\:right-512px {
    right: 512px;
  }
  .lg\:w-536px {
    width: 536px;
  }
  .lg\:h-536px {
    height: 536px;
  }
  .lg\:max-w-536px {
    max-width: 536px;
  }
  .lg\:min-w-536px {
    min-width: 536px;
  }
  .lg\:max-h-536px {
    max-height: 536px;
  }
  .lg\:min-h-536px {
    min-height: 536px;
  }
  .lg\:top-536px {
    top: 536px;
  }
  .lg\:bottom-536px {
    bottom: 536px;
  }
  .lg\:left-536px {
    left: 536px;
  }
  .lg\:right-536px {
    right: 536px;
  }
  .lg\:w-560px {
    width: 560px;
  }
  .lg\:h-560px {
    height: 560px;
  }
  .lg\:max-w-560px {
    max-width: 560px;
  }
  .lg\:min-w-560px {
    min-width: 560px;
  }
  .lg\:max-h-560px {
    max-height: 560px;
  }
  .lg\:min-h-560px {
    min-height: 560px;
  }
  .lg\:top-560px {
    top: 560px;
  }
  .lg\:bottom-560px {
    bottom: 560px;
  }
  .lg\:left-560px {
    left: 560px;
  }
  .lg\:right-560px {
    right: 560px;
  }
  .lg\:w-576px {
    width: 576px;
  }
  .lg\:h-576px {
    height: 576px;
  }
  .lg\:max-w-576px {
    max-width: 576px;
  }
  .lg\:min-w-576px {
    min-width: 576px;
  }
  .lg\:max-h-576px {
    max-height: 576px;
  }
  .lg\:min-h-576px {
    min-height: 576px;
  }
  .lg\:top-576px {
    top: 576px;
  }
  .lg\:bottom-576px {
    bottom: 576px;
  }
  .lg\:left-576px {
    left: 576px;
  }
  .lg\:right-576px {
    right: 576px;
  }
  .lg\:w-672px {
    width: 672px;
  }
  .lg\:h-672px {
    height: 672px;
  }
  .lg\:max-w-672px {
    max-width: 672px;
  }
  .lg\:min-w-672px {
    min-width: 672px;
  }
  .lg\:max-h-672px {
    max-height: 672px;
  }
  .lg\:min-h-672px {
    min-height: 672px;
  }
  .lg\:top-672px {
    top: 672px;
  }
  .lg\:bottom-672px {
    bottom: 672px;
  }
  .lg\:left-672px {
    left: 672px;
  }
  .lg\:right-672px {
    right: 672px;
  }
  .lg\:w-704px {
    width: 704px;
  }
  .lg\:h-704px {
    height: 704px;
  }
  .lg\:max-w-704px {
    max-width: 704px;
  }
  .lg\:min-w-704px {
    min-width: 704px;
  }
  .lg\:max-h-704px {
    max-height: 704px;
  }
  .lg\:min-h-704px {
    min-height: 704px;
  }
  .lg\:top-704px {
    top: 704px;
  }
  .lg\:bottom-704px {
    bottom: 704px;
  }
  .lg\:left-704px {
    left: 704px;
  }
  .lg\:right-704px {
    right: 704px;
  }
  .lg\:w-768px {
    width: 768px;
  }
  .lg\:h-768px {
    height: 768px;
  }
  .lg\:max-w-768px {
    max-width: 768px;
  }
  .lg\:min-w-768px {
    min-width: 768px;
  }
  .lg\:max-h-768px {
    max-height: 768px;
  }
  .lg\:min-h-768px {
    min-height: 768px;
  }
  .lg\:top-768px {
    top: 768px;
  }
  .lg\:bottom-768px {
    bottom: 768px;
  }
  .lg\:left-768px {
    left: 768px;
  }
  .lg\:right-768px {
    right: 768px;
  }
  .lg\:w-800px {
    width: 800px;
  }
  .lg\:h-800px {
    height: 800px;
  }
  .lg\:max-w-800px {
    max-width: 800px;
  }
  .lg\:min-w-800px {
    min-width: 800px;
  }
  .lg\:max-h-800px {
    max-height: 800px;
  }
  .lg\:min-h-800px {
    min-height: 800px;
  }
  .lg\:top-800px {
    top: 800px;
  }
  .lg\:bottom-800px {
    bottom: 800px;
  }
  .lg\:left-800px {
    left: 800px;
  }
  .lg\:right-800px {
    right: 800px;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:h-auto {
    height: auto;
  }
  .lg\:top-full {
    top: 100%;
  }
  .lg\:left-full {
    left: 100%;
  }
  .lg\:right-full {
    right: 100%;
  }
  .lg\:bottom-full {
    bottom: 100%;
  }
  .lg\:w-fit-content {
    width: fit-content;
  }
  .lg\:overflow-scroll {
    overflow: scroll;
  }
  .lg\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .lg\:overflow-y-scroll {
    overflow-y: scroll;
  }
  .lg\:overflow-hidden {
    overflow: hidden;
  }
  .lg\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .lg\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .lg\:overflow-auto {
    overflow: auto;
  }
  .lg\:overflow-x-auto {
    overflow-x: auto;
  }
  .lg\:overflow-y-auto {
    overflow-y: auto;
  }
  .lg\:overscroll-auto {
    overscroll-behavior: auto;
  }
  .lg\:overscroll-contain {
    overscroll-behavior: contain;
  }
  .lg\:overscroll-none {
    overscroll-behavior: none;
  }
  .lg\:overscroll-block {
    overscroll-behavior-block: contain;
  }
  .lg\:hover\:opacidad-0:hover {
    opacity: 0;
  }
  .lg\:hover\:opacidad-10:hover {
    opacity: 0.1;
  }
  .lg\:hover\:opacidad-20:hover {
    opacity: 0.2;
  }
  .lg\:hover\:opacidad-30:hover {
    opacity: 0.3;
  }
  .lg\:hover\:opacidad-40:hover {
    opacity: 0.4;
  }
  .lg\:hover\:opacidad-50:hover {
    opacity: 0.5;
  }
  .lg\:hover\:opacidad-60:hover {
    opacity: 0.6;
  }
  .lg\:hover\:opacidad-70:hover {
    opacity: 0.7;
  }
  .lg\:hover\:opacidad-80:hover {
    opacity: 0.8;
  }
  .lg\:hover\:opacidad-90:hover {
    opacity: 0.9;
  }
  .lg\:hover\:opacidad-100:hover {
    opacity: 1;
  }
  .lg\:hover\:w-20:hover {
    width: 20%;
  }
  .lg\:hover\:h-20:hover {
    height: 20%;
  }
  .lg\:hover\:h-20vh:hover {
    height: 20vh;
  }
  .lg\:hover\:w-25:hover {
    width: 25%;
  }
  .lg\:hover\:h-25:hover {
    height: 25%;
  }
  .lg\:hover\:h-25vh:hover {
    height: 25vh;
  }
  .lg\:hover\:w-30:hover {
    width: 30%;
  }
  .lg\:hover\:h-30:hover {
    height: 30%;
  }
  .lg\:hover\:h-30vh:hover {
    height: 30vh;
  }
  .lg\:hover\:w-35:hover {
    width: 35%;
  }
  .lg\:hover\:h-35:hover {
    height: 35%;
  }
  .lg\:hover\:h-35vh:hover {
    height: 35vh;
  }
  .lg\:hover\:w-40:hover {
    width: 40%;
  }
  .lg\:hover\:h-40:hover {
    height: 40%;
  }
  .lg\:hover\:h-40vh:hover {
    height: 40vh;
  }
  .lg\:hover\:w-45:hover {
    width: 45%;
  }
  .lg\:hover\:h-45:hover {
    height: 45%;
  }
  .lg\:hover\:h-45vh:hover {
    height: 45vh;
  }
  .lg\:hover\:w-50:hover {
    width: 50%;
  }
  .lg\:hover\:h-50:hover {
    height: 50%;
  }
  .lg\:hover\:h-50vh:hover {
    height: 50vh;
  }
  .lg\:hover\:w-55:hover {
    width: 55%;
  }
  .lg\:hover\:h-55:hover {
    height: 55%;
  }
  .lg\:hover\:h-55vh:hover {
    height: 55vh;
  }
  .lg\:hover\:w-60:hover {
    width: 60%;
  }
  .lg\:hover\:h-60:hover {
    height: 60%;
  }
  .lg\:hover\:h-60vh:hover {
    height: 60vh;
  }
  .lg\:hover\:w-65:hover {
    width: 65%;
  }
  .lg\:hover\:h-65:hover {
    height: 65%;
  }
  .lg\:hover\:h-65vh:hover {
    height: 65vh;
  }
  .lg\:hover\:w-70:hover {
    width: 70%;
  }
  .lg\:hover\:h-70:hover {
    height: 70%;
  }
  .lg\:hover\:h-70vh:hover {
    height: 70vh;
  }
  .lg\:hover\:w-75:hover {
    width: 75%;
  }
  .lg\:hover\:h-75:hover {
    height: 75%;
  }
  .lg\:hover\:h-75vh:hover {
    height: 75vh;
  }
  .lg\:hover\:w-80:hover {
    width: 80%;
  }
  .lg\:hover\:h-80:hover {
    height: 80%;
  }
  .lg\:hover\:h-80vh:hover {
    height: 80vh;
  }
  .lg\:hover\:w-85:hover {
    width: 85%;
  }
  .lg\:hover\:h-85:hover {
    height: 85%;
  }
  .lg\:hover\:h-85vh:hover {
    height: 85vh;
  }
  .lg\:hover\:w-90:hover {
    width: 90%;
  }
  .lg\:hover\:h-90:hover {
    height: 90%;
  }
  .lg\:hover\:h-90vh:hover {
    height: 90vh;
  }
  .lg\:hover\:w-95:hover {
    width: 95%;
  }
  .lg\:hover\:h-95:hover {
    height: 95%;
  }
  .lg\:hover\:h-95vh:hover {
    height: 95vh;
  }
  .lg\:hover\:w-100:hover {
    width: 100%;
  }
  .lg\:hover\:h-100:hover {
    height: 100%;
  }
  .lg\:hover\:h-100vh:hover {
    height: 100vh;
  }
  .lg\:hover\:w-0px:hover {
    width: 0px;
  }
  .lg\:hover\:h-0px:hover {
    height: 0px;
  }
  .lg\:hover\:max-w-0px:hover {
    max-width: 0px;
  }
  .lg\:hover\:min-w-0px:hover {
    min-width: 0px;
  }
  .lg\:hover\:max-h-0px:hover {
    max-height: 0px;
  }
  .lg\:hover\:min-h-0px:hover {
    min-height: 0px;
  }
  .lg\:hover\:top-0px:hover {
    top: 0px;
  }
  .lg\:hover\:bottom-0px:hover {
    bottom: 0px;
  }
  .lg\:hover\:left-0px:hover {
    left: 0px;
  }
  .lg\:hover\:right-0px:hover {
    right: 0px;
  }
  .lg\:hover\:w-8px:hover {
    width: 8px;
  }
  .lg\:hover\:h-8px:hover {
    height: 8px;
  }
  .lg\:hover\:max-w-8px:hover {
    max-width: 8px;
  }
  .lg\:hover\:min-w-8px:hover {
    min-width: 8px;
  }
  .lg\:hover\:max-h-8px:hover {
    max-height: 8px;
  }
  .lg\:hover\:min-h-8px:hover {
    min-height: 8px;
  }
  .lg\:hover\:top-8px:hover {
    top: 8px;
  }
  .lg\:hover\:bottom-8px:hover {
    bottom: 8px;
  }
  .lg\:hover\:left-8px:hover {
    left: 8px;
  }
  .lg\:hover\:right-8px:hover {
    right: 8px;
  }
  .lg\:hover\:w-16px:hover {
    width: 16px;
  }
  .lg\:hover\:h-16px:hover {
    height: 16px;
  }
  .lg\:hover\:max-w-16px:hover {
    max-width: 16px;
  }
  .lg\:hover\:min-w-16px:hover {
    min-width: 16px;
  }
  .lg\:hover\:max-h-16px:hover {
    max-height: 16px;
  }
  .lg\:hover\:min-h-16px:hover {
    min-height: 16px;
  }
  .lg\:hover\:top-16px:hover {
    top: 16px;
  }
  .lg\:hover\:bottom-16px:hover {
    bottom: 16px;
  }
  .lg\:hover\:left-16px:hover {
    left: 16px;
  }
  .lg\:hover\:right-16px:hover {
    right: 16px;
  }
  .lg\:hover\:w-20px:hover {
    width: 20px;
  }
  .lg\:hover\:h-20px:hover {
    height: 20px;
  }
  .lg\:hover\:max-w-20px:hover {
    max-width: 20px;
  }
  .lg\:hover\:min-w-20px:hover {
    min-width: 20px;
  }
  .lg\:hover\:max-h-20px:hover {
    max-height: 20px;
  }
  .lg\:hover\:min-h-20px:hover {
    min-height: 20px;
  }
  .lg\:hover\:top-20px:hover {
    top: 20px;
  }
  .lg\:hover\:bottom-20px:hover {
    bottom: 20px;
  }
  .lg\:hover\:left-20px:hover {
    left: 20px;
  }
  .lg\:hover\:right-20px:hover {
    right: 20px;
  }
  .lg\:hover\:w-24px:hover {
    width: 24px;
  }
  .lg\:hover\:h-24px:hover {
    height: 24px;
  }
  .lg\:hover\:max-w-24px:hover {
    max-width: 24px;
  }
  .lg\:hover\:min-w-24px:hover {
    min-width: 24px;
  }
  .lg\:hover\:max-h-24px:hover {
    max-height: 24px;
  }
  .lg\:hover\:min-h-24px:hover {
    min-height: 24px;
  }
  .lg\:hover\:top-24px:hover {
    top: 24px;
  }
  .lg\:hover\:bottom-24px:hover {
    bottom: 24px;
  }
  .lg\:hover\:left-24px:hover {
    left: 24px;
  }
  .lg\:hover\:right-24px:hover {
    right: 24px;
  }
  .lg\:hover\:w-32px:hover {
    width: 32px;
  }
  .lg\:hover\:h-32px:hover {
    height: 32px;
  }
  .lg\:hover\:max-w-32px:hover {
    max-width: 32px;
  }
  .lg\:hover\:min-w-32px:hover {
    min-width: 32px;
  }
  .lg\:hover\:max-h-32px:hover {
    max-height: 32px;
  }
  .lg\:hover\:min-h-32px:hover {
    min-height: 32px;
  }
  .lg\:hover\:top-32px:hover {
    top: 32px;
  }
  .lg\:hover\:bottom-32px:hover {
    bottom: 32px;
  }
  .lg\:hover\:left-32px:hover {
    left: 32px;
  }
  .lg\:hover\:right-32px:hover {
    right: 32px;
  }
  .lg\:hover\:w-36px:hover {
    width: 36px;
  }
  .lg\:hover\:h-36px:hover {
    height: 36px;
  }
  .lg\:hover\:max-w-36px:hover {
    max-width: 36px;
  }
  .lg\:hover\:min-w-36px:hover {
    min-width: 36px;
  }
  .lg\:hover\:max-h-36px:hover {
    max-height: 36px;
  }
  .lg\:hover\:min-h-36px:hover {
    min-height: 36px;
  }
  .lg\:hover\:top-36px:hover {
    top: 36px;
  }
  .lg\:hover\:bottom-36px:hover {
    bottom: 36px;
  }
  .lg\:hover\:left-36px:hover {
    left: 36px;
  }
  .lg\:hover\:right-36px:hover {
    right: 36px;
  }
  .lg\:hover\:w-40px:hover {
    width: 40px;
  }
  .lg\:hover\:h-40px:hover {
    height: 40px;
  }
  .lg\:hover\:max-w-40px:hover {
    max-width: 40px;
  }
  .lg\:hover\:min-w-40px:hover {
    min-width: 40px;
  }
  .lg\:hover\:max-h-40px:hover {
    max-height: 40px;
  }
  .lg\:hover\:min-h-40px:hover {
    min-height: 40px;
  }
  .lg\:hover\:top-40px:hover {
    top: 40px;
  }
  .lg\:hover\:bottom-40px:hover {
    bottom: 40px;
  }
  .lg\:hover\:left-40px:hover {
    left: 40px;
  }
  .lg\:hover\:right-40px:hover {
    right: 40px;
  }
  .lg\:hover\:w-48px:hover {
    width: 48px;
  }
  .lg\:hover\:h-48px:hover {
    height: 48px;
  }
  .lg\:hover\:max-w-48px:hover {
    max-width: 48px;
  }
  .lg\:hover\:min-w-48px:hover {
    min-width: 48px;
  }
  .lg\:hover\:max-h-48px:hover {
    max-height: 48px;
  }
  .lg\:hover\:min-h-48px:hover {
    min-height: 48px;
  }
  .lg\:hover\:top-48px:hover {
    top: 48px;
  }
  .lg\:hover\:bottom-48px:hover {
    bottom: 48px;
  }
  .lg\:hover\:left-48px:hover {
    left: 48px;
  }
  .lg\:hover\:right-48px:hover {
    right: 48px;
  }
  .lg\:hover\:w-56px:hover {
    width: 56px;
  }
  .lg\:hover\:h-56px:hover {
    height: 56px;
  }
  .lg\:hover\:max-w-56px:hover {
    max-width: 56px;
  }
  .lg\:hover\:min-w-56px:hover {
    min-width: 56px;
  }
  .lg\:hover\:max-h-56px:hover {
    max-height: 56px;
  }
  .lg\:hover\:min-h-56px:hover {
    min-height: 56px;
  }
  .lg\:hover\:top-56px:hover {
    top: 56px;
  }
  .lg\:hover\:bottom-56px:hover {
    bottom: 56px;
  }
  .lg\:hover\:left-56px:hover {
    left: 56px;
  }
  .lg\:hover\:right-56px:hover {
    right: 56px;
  }
  .lg\:hover\:w-64px:hover {
    width: 64px;
  }
  .lg\:hover\:h-64px:hover {
    height: 64px;
  }
  .lg\:hover\:max-w-64px:hover {
    max-width: 64px;
  }
  .lg\:hover\:min-w-64px:hover {
    min-width: 64px;
  }
  .lg\:hover\:max-h-64px:hover {
    max-height: 64px;
  }
  .lg\:hover\:min-h-64px:hover {
    min-height: 64px;
  }
  .lg\:hover\:top-64px:hover {
    top: 64px;
  }
  .lg\:hover\:bottom-64px:hover {
    bottom: 64px;
  }
  .lg\:hover\:left-64px:hover {
    left: 64px;
  }
  .lg\:hover\:right-64px:hover {
    right: 64px;
  }
  .lg\:hover\:w-80px:hover {
    width: 80px;
  }
  .lg\:hover\:h-80px:hover {
    height: 80px;
  }
  .lg\:hover\:max-w-80px:hover {
    max-width: 80px;
  }
  .lg\:hover\:min-w-80px:hover {
    min-width: 80px;
  }
  .lg\:hover\:max-h-80px:hover {
    max-height: 80px;
  }
  .lg\:hover\:min-h-80px:hover {
    min-height: 80px;
  }
  .lg\:hover\:top-80px:hover {
    top: 80px;
  }
  .lg\:hover\:bottom-80px:hover {
    bottom: 80px;
  }
  .lg\:hover\:left-80px:hover {
    left: 80px;
  }
  .lg\:hover\:right-80px:hover {
    right: 80px;
  }
  .lg\:hover\:w-96px:hover {
    width: 96px;
  }
  .lg\:hover\:h-96px:hover {
    height: 96px;
  }
  .lg\:hover\:max-w-96px:hover {
    max-width: 96px;
  }
  .lg\:hover\:min-w-96px:hover {
    min-width: 96px;
  }
  .lg\:hover\:max-h-96px:hover {
    max-height: 96px;
  }
  .lg\:hover\:min-h-96px:hover {
    min-height: 96px;
  }
  .lg\:hover\:top-96px:hover {
    top: 96px;
  }
  .lg\:hover\:bottom-96px:hover {
    bottom: 96px;
  }
  .lg\:hover\:left-96px:hover {
    left: 96px;
  }
  .lg\:hover\:right-96px:hover {
    right: 96px;
  }
  .lg\:hover\:w-128px:hover {
    width: 128px;
  }
  .lg\:hover\:h-128px:hover {
    height: 128px;
  }
  .lg\:hover\:max-w-128px:hover {
    max-width: 128px;
  }
  .lg\:hover\:min-w-128px:hover {
    min-width: 128px;
  }
  .lg\:hover\:max-h-128px:hover {
    max-height: 128px;
  }
  .lg\:hover\:min-h-128px:hover {
    min-height: 128px;
  }
  .lg\:hover\:top-128px:hover {
    top: 128px;
  }
  .lg\:hover\:bottom-128px:hover {
    bottom: 128px;
  }
  .lg\:hover\:left-128px:hover {
    left: 128px;
  }
  .lg\:hover\:right-128px:hover {
    right: 128px;
  }
  .lg\:hover\:w-144px:hover {
    width: 144px;
  }
  .lg\:hover\:h-144px:hover {
    height: 144px;
  }
  .lg\:hover\:max-w-144px:hover {
    max-width: 144px;
  }
  .lg\:hover\:min-w-144px:hover {
    min-width: 144px;
  }
  .lg\:hover\:max-h-144px:hover {
    max-height: 144px;
  }
  .lg\:hover\:min-h-144px:hover {
    min-height: 144px;
  }
  .lg\:hover\:top-144px:hover {
    top: 144px;
  }
  .lg\:hover\:bottom-144px:hover {
    bottom: 144px;
  }
  .lg\:hover\:left-144px:hover {
    left: 144px;
  }
  .lg\:hover\:right-144px:hover {
    right: 144px;
  }
  .lg\:hover\:w-160px:hover {
    width: 160px;
  }
  .lg\:hover\:h-160px:hover {
    height: 160px;
  }
  .lg\:hover\:max-w-160px:hover {
    max-width: 160px;
  }
  .lg\:hover\:min-w-160px:hover {
    min-width: 160px;
  }
  .lg\:hover\:max-h-160px:hover {
    max-height: 160px;
  }
  .lg\:hover\:min-h-160px:hover {
    min-height: 160px;
  }
  .lg\:hover\:top-160px:hover {
    top: 160px;
  }
  .lg\:hover\:bottom-160px:hover {
    bottom: 160px;
  }
  .lg\:hover\:left-160px:hover {
    left: 160px;
  }
  .lg\:hover\:right-160px:hover {
    right: 160px;
  }
  .lg\:hover\:w-192px:hover {
    width: 192px;
  }
  .lg\:hover\:h-192px:hover {
    height: 192px;
  }
  .lg\:hover\:max-w-192px:hover {
    max-width: 192px;
  }
  .lg\:hover\:min-w-192px:hover {
    min-width: 192px;
  }
  .lg\:hover\:max-h-192px:hover {
    max-height: 192px;
  }
  .lg\:hover\:min-h-192px:hover {
    min-height: 192px;
  }
  .lg\:hover\:top-192px:hover {
    top: 192px;
  }
  .lg\:hover\:bottom-192px:hover {
    bottom: 192px;
  }
  .lg\:hover\:left-192px:hover {
    left: 192px;
  }
  .lg\:hover\:right-192px:hover {
    right: 192px;
  }
  .lg\:hover\:w-224px:hover {
    width: 224px;
  }
  .lg\:hover\:h-224px:hover {
    height: 224px;
  }
  .lg\:hover\:max-w-224px:hover {
    max-width: 224px;
  }
  .lg\:hover\:min-w-224px:hover {
    min-width: 224px;
  }
  .lg\:hover\:max-h-224px:hover {
    max-height: 224px;
  }
  .lg\:hover\:min-h-224px:hover {
    min-height: 224px;
  }
  .lg\:hover\:top-224px:hover {
    top: 224px;
  }
  .lg\:hover\:bottom-224px:hover {
    bottom: 224px;
  }
  .lg\:hover\:left-224px:hover {
    left: 224px;
  }
  .lg\:hover\:right-224px:hover {
    right: 224px;
  }
  .lg\:hover\:w-240px:hover {
    width: 240px;
  }
  .lg\:hover\:h-240px:hover {
    height: 240px;
  }
  .lg\:hover\:max-w-240px:hover {
    max-width: 240px;
  }
  .lg\:hover\:min-w-240px:hover {
    min-width: 240px;
  }
  .lg\:hover\:max-h-240px:hover {
    max-height: 240px;
  }
  .lg\:hover\:min-h-240px:hover {
    min-height: 240px;
  }
  .lg\:hover\:top-240px:hover {
    top: 240px;
  }
  .lg\:hover\:bottom-240px:hover {
    bottom: 240px;
  }
  .lg\:hover\:left-240px:hover {
    left: 240px;
  }
  .lg\:hover\:right-240px:hover {
    right: 240px;
  }
  .lg\:hover\:w-280px:hover {
    width: 280px;
  }
  .lg\:hover\:h-280px:hover {
    height: 280px;
  }
  .lg\:hover\:max-w-280px:hover {
    max-width: 280px;
  }
  .lg\:hover\:min-w-280px:hover {
    min-width: 280px;
  }
  .lg\:hover\:max-h-280px:hover {
    max-height: 280px;
  }
  .lg\:hover\:min-h-280px:hover {
    min-height: 280px;
  }
  .lg\:hover\:top-280px:hover {
    top: 280px;
  }
  .lg\:hover\:bottom-280px:hover {
    bottom: 280px;
  }
  .lg\:hover\:left-280px:hover {
    left: 280px;
  }
  .lg\:hover\:right-280px:hover {
    right: 280px;
  }
  .lg\:hover\:w-312px:hover {
    width: 312px;
  }
  .lg\:hover\:h-312px:hover {
    height: 312px;
  }
  .lg\:hover\:max-w-312px:hover {
    max-width: 312px;
  }
  .lg\:hover\:min-w-312px:hover {
    min-width: 312px;
  }
  .lg\:hover\:max-h-312px:hover {
    max-height: 312px;
  }
  .lg\:hover\:min-h-312px:hover {
    min-height: 312px;
  }
  .lg\:hover\:top-312px:hover {
    top: 312px;
  }
  .lg\:hover\:bottom-312px:hover {
    bottom: 312px;
  }
  .lg\:hover\:left-312px:hover {
    left: 312px;
  }
  .lg\:hover\:right-312px:hover {
    right: 312px;
  }
  .lg\:hover\:w-320px:hover {
    width: 320px;
  }
  .lg\:hover\:h-320px:hover {
    height: 320px;
  }
  .lg\:hover\:max-w-320px:hover {
    max-width: 320px;
  }
  .lg\:hover\:min-w-320px:hover {
    min-width: 320px;
  }
  .lg\:hover\:max-h-320px:hover {
    max-height: 320px;
  }
  .lg\:hover\:min-h-320px:hover {
    min-height: 320px;
  }
  .lg\:hover\:top-320px:hover {
    top: 320px;
  }
  .lg\:hover\:bottom-320px:hover {
    bottom: 320px;
  }
  .lg\:hover\:left-320px:hover {
    left: 320px;
  }
  .lg\:hover\:right-320px:hover {
    right: 320px;
  }
  .lg\:hover\:w-384px:hover {
    width: 384px;
  }
  .lg\:hover\:h-384px:hover {
    height: 384px;
  }
  .lg\:hover\:max-w-384px:hover {
    max-width: 384px;
  }
  .lg\:hover\:min-w-384px:hover {
    min-width: 384px;
  }
  .lg\:hover\:max-h-384px:hover {
    max-height: 384px;
  }
  .lg\:hover\:min-h-384px:hover {
    min-height: 384px;
  }
  .lg\:hover\:top-384px:hover {
    top: 384px;
  }
  .lg\:hover\:bottom-384px:hover {
    bottom: 384px;
  }
  .lg\:hover\:left-384px:hover {
    left: 384px;
  }
  .lg\:hover\:right-384px:hover {
    right: 384px;
  }
  .lg\:hover\:w-448px:hover {
    width: 448px;
  }
  .lg\:hover\:h-448px:hover {
    height: 448px;
  }
  .lg\:hover\:max-w-448px:hover {
    max-width: 448px;
  }
  .lg\:hover\:min-w-448px:hover {
    min-width: 448px;
  }
  .lg\:hover\:max-h-448px:hover {
    max-height: 448px;
  }
  .lg\:hover\:min-h-448px:hover {
    min-height: 448px;
  }
  .lg\:hover\:top-448px:hover {
    top: 448px;
  }
  .lg\:hover\:bottom-448px:hover {
    bottom: 448px;
  }
  .lg\:hover\:left-448px:hover {
    left: 448px;
  }
  .lg\:hover\:right-448px:hover {
    right: 448px;
  }
  .lg\:hover\:w-512px:hover {
    width: 512px;
  }
  .lg\:hover\:h-512px:hover {
    height: 512px;
  }
  .lg\:hover\:max-w-512px:hover {
    max-width: 512px;
  }
  .lg\:hover\:min-w-512px:hover {
    min-width: 512px;
  }
  .lg\:hover\:max-h-512px:hover {
    max-height: 512px;
  }
  .lg\:hover\:min-h-512px:hover {
    min-height: 512px;
  }
  .lg\:hover\:top-512px:hover {
    top: 512px;
  }
  .lg\:hover\:bottom-512px:hover {
    bottom: 512px;
  }
  .lg\:hover\:left-512px:hover {
    left: 512px;
  }
  .lg\:hover\:right-512px:hover {
    right: 512px;
  }
  .lg\:hover\:w-536px:hover {
    width: 536px;
  }
  .lg\:hover\:h-536px:hover {
    height: 536px;
  }
  .lg\:hover\:max-w-536px:hover {
    max-width: 536px;
  }
  .lg\:hover\:min-w-536px:hover {
    min-width: 536px;
  }
  .lg\:hover\:max-h-536px:hover {
    max-height: 536px;
  }
  .lg\:hover\:min-h-536px:hover {
    min-height: 536px;
  }
  .lg\:hover\:top-536px:hover {
    top: 536px;
  }
  .lg\:hover\:bottom-536px:hover {
    bottom: 536px;
  }
  .lg\:hover\:left-536px:hover {
    left: 536px;
  }
  .lg\:hover\:right-536px:hover {
    right: 536px;
  }
  .lg\:hover\:w-560px:hover {
    width: 560px;
  }
  .lg\:hover\:h-560px:hover {
    height: 560px;
  }
  .lg\:hover\:max-w-560px:hover {
    max-width: 560px;
  }
  .lg\:hover\:min-w-560px:hover {
    min-width: 560px;
  }
  .lg\:hover\:max-h-560px:hover {
    max-height: 560px;
  }
  .lg\:hover\:min-h-560px:hover {
    min-height: 560px;
  }
  .lg\:hover\:top-560px:hover {
    top: 560px;
  }
  .lg\:hover\:bottom-560px:hover {
    bottom: 560px;
  }
  .lg\:hover\:left-560px:hover {
    left: 560px;
  }
  .lg\:hover\:right-560px:hover {
    right: 560px;
  }
  .lg\:hover\:w-576px:hover {
    width: 576px;
  }
  .lg\:hover\:h-576px:hover {
    height: 576px;
  }
  .lg\:hover\:max-w-576px:hover {
    max-width: 576px;
  }
  .lg\:hover\:min-w-576px:hover {
    min-width: 576px;
  }
  .lg\:hover\:max-h-576px:hover {
    max-height: 576px;
  }
  .lg\:hover\:min-h-576px:hover {
    min-height: 576px;
  }
  .lg\:hover\:top-576px:hover {
    top: 576px;
  }
  .lg\:hover\:bottom-576px:hover {
    bottom: 576px;
  }
  .lg\:hover\:left-576px:hover {
    left: 576px;
  }
  .lg\:hover\:right-576px:hover {
    right: 576px;
  }
  .lg\:hover\:w-672px:hover {
    width: 672px;
  }
  .lg\:hover\:h-672px:hover {
    height: 672px;
  }
  .lg\:hover\:max-w-672px:hover {
    max-width: 672px;
  }
  .lg\:hover\:min-w-672px:hover {
    min-width: 672px;
  }
  .lg\:hover\:max-h-672px:hover {
    max-height: 672px;
  }
  .lg\:hover\:min-h-672px:hover {
    min-height: 672px;
  }
  .lg\:hover\:top-672px:hover {
    top: 672px;
  }
  .lg\:hover\:bottom-672px:hover {
    bottom: 672px;
  }
  .lg\:hover\:left-672px:hover {
    left: 672px;
  }
  .lg\:hover\:right-672px:hover {
    right: 672px;
  }
  .lg\:hover\:w-704px:hover {
    width: 704px;
  }
  .lg\:hover\:h-704px:hover {
    height: 704px;
  }
  .lg\:hover\:max-w-704px:hover {
    max-width: 704px;
  }
  .lg\:hover\:min-w-704px:hover {
    min-width: 704px;
  }
  .lg\:hover\:max-h-704px:hover {
    max-height: 704px;
  }
  .lg\:hover\:min-h-704px:hover {
    min-height: 704px;
  }
  .lg\:hover\:top-704px:hover {
    top: 704px;
  }
  .lg\:hover\:bottom-704px:hover {
    bottom: 704px;
  }
  .lg\:hover\:left-704px:hover {
    left: 704px;
  }
  .lg\:hover\:right-704px:hover {
    right: 704px;
  }
  .lg\:hover\:w-768px:hover {
    width: 768px;
  }
  .lg\:hover\:h-768px:hover {
    height: 768px;
  }
  .lg\:hover\:max-w-768px:hover {
    max-width: 768px;
  }
  .lg\:hover\:min-w-768px:hover {
    min-width: 768px;
  }
  .lg\:hover\:max-h-768px:hover {
    max-height: 768px;
  }
  .lg\:hover\:min-h-768px:hover {
    min-height: 768px;
  }
  .lg\:hover\:top-768px:hover {
    top: 768px;
  }
  .lg\:hover\:bottom-768px:hover {
    bottom: 768px;
  }
  .lg\:hover\:left-768px:hover {
    left: 768px;
  }
  .lg\:hover\:right-768px:hover {
    right: 768px;
  }
  .lg\:hover\:w-800px:hover {
    width: 800px;
  }
  .lg\:hover\:h-800px:hover {
    height: 800px;
  }
  .lg\:hover\:max-w-800px:hover {
    max-width: 800px;
  }
  .lg\:hover\:min-w-800px:hover {
    min-width: 800px;
  }
  .lg\:hover\:max-h-800px:hover {
    max-height: 800px;
  }
  .lg\:hover\:min-h-800px:hover {
    min-height: 800px;
  }
  .lg\:hover\:top-800px:hover {
    top: 800px;
  }
  .lg\:hover\:bottom-800px:hover {
    bottom: 800px;
  }
  .lg\:hover\:left-800px:hover {
    left: 800px;
  }
  .lg\:hover\:right-800px:hover {
    right: 800px;
  }
  .lg\:hover\:w-auto:hover {
    width: auto;
  }
  .lg\:hover\:h-auto:hover {
    height: auto;
  }
  .lg\:hover\:top-full:hover {
    top: 100%;
  }
  .lg\:hover\:left-full:hover {
    left: 100%;
  }
  .lg\:hover\:right-full:hover {
    right: 100%;
  }
  .lg\:hover\:bottom-full:hover {
    bottom: 100%;
  }
  .lg\:hover\:w-fit-content:hover {
    width: fit-content;
  }
  .lg\:hover\:overflow-scroll:hover {
    overflow: scroll;
  }
  .lg\:hover\:overflow-x-scroll:hover {
    overflow-x: scroll;
  }
  .lg\:hover\:overflow-y-scroll:hover {
    overflow-y: scroll;
  }
  .lg\:hover\:overflow-hidden:hover {
    overflow: hidden;
  }
  .lg\:hover\:overflow-x-hidden:hover {
    overflow-x: hidden;
  }
  .lg\:hover\:overflow-y-hidden:hover {
    overflow-y: hidden;
  }
  .lg\:hover\:overflow-auto:hover {
    overflow: auto;
  }
  .lg\:hover\:overflow-x-auto:hover {
    overflow-x: auto;
  }
  .lg\:hover\:overflow-y-auto:hover {
    overflow-y: auto;
  }
  .lg\:hover\:overscroll-auto {
    overscroll-behavior: auto;
  }
  .lg\:hover\:overscroll-contain {
    overscroll-behavior: contain;
  }
  .lg\:hover\:overscroll-none {
    overscroll-behavior: none;
  }
  .lg\:hover\:overscroll-block {
    overscroll-behavior-block: contain;
  }
}
.clearfix {
  overflow: auto;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.pointer {
  cursor: pointer;
}

.no-scroll {
  overflow: hidden;
}

.transition {
  --duracion: .3s ;
}

.transition:hover, .transition:hover::after, .transition:hover::before {
  transition-duration: var(--duracion);
}

.transition, .transition::after, .transition::before {
  transition: all var(--duracion) ease-in-out;
}

.hover\:zoom-xs:hover {
  transform: scale(1.05);
}

.hover\:zoom-sm:hover {
  transform: scale(1.1);
}

.hover\:zoom-md:hover {
  transform: scale(1.2);
}

.hover\:zoom-lg:hover {
  transform: scale(1.3);
}

.glass {
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.blur-xs {
  backdrop-filter: blur(2px);
}

.blur-sm {
  backdrop-filter: blur(4px);
}

.blur {
  backdrop-filter: blur(8px);
}

.blur-md {
  backdrop-filter: blur(12px);
}

.blur-lg {
  backdrop-filter: blur(16px);
}

.blur-xl {
  backdrop-filter: blur(18px);
}

.blur-2xl {
  backdrop-filter: blur(20px);
}

.hover\:blur-xs:hover {
  backdrop-filter: blur(2px);
}

.hover\:blur-sm:hover {
  backdrop-filter: blur(4px);
}

.hover\:blur:hover {
  backdrop-filter: blur(8px);
}

.hover\:blur-md:hover {
  backdrop-filter: blur(12px);
}

.hover\:blur-lg:hover {
  backdrop-filter: blur(16px);
}

.hover\:blur-xl:hover {
  backdrop-filter: blur(18px);
}

.hover\:blur-2xl:hover {
  backdrop-filter: blur(20px);
}

@media (min-width: 768px) {
  .md\:blur-xs {
    backdrop-filter: blur(2px);
  }
  .md\:blur-sm {
    backdrop-filter: blur(4px);
  }
  .md\:blur {
    backdrop-filter: blur(8px);
  }
  .md\:blur-md {
    backdrop-filter: blur(12px);
  }
  .md\:blur-lg {
    backdrop-filter: blur(16px);
  }
  .md\:blur-xl {
    backdrop-filter: blur(18px);
  }
  .md\:blur-2xl {
    backdrop-filter: blur(20px);
  }
  .md\:hover\:blur-xs:hover {
    backdrop-filter: blur(2px);
  }
  .md\:hover\:blur-sm:hover {
    backdrop-filter: blur(4px);
  }
  .md\:hover\:blur:hover {
    backdrop-filter: blur(8px);
  }
  .md\:hover\:blur-md:hover {
    backdrop-filter: blur(12px);
  }
  .md\:hover\:blur-lg:hover {
    backdrop-filter: blur(16px);
  }
  .md\:hover\:blur-xl:hover {
    backdrop-filter: blur(18px);
  }
  .md\:hover\:blur-2xl:hover {
    backdrop-filter: blur(20px);
  }
}
:root {
  --duracion: 1s;
  --retardo: 0s;
  --efecto: cubic-bezier(0.42, 0, 0.45, 1.22);
}

.animated {
  opacity: 0;
}

.animation {
  opacity: 0;
  animation-duration: var(--duracion);
  animation-delay: var(--retardo);
  animation-timing-function: var(--efecto);
  animation-fill-mode: forwards;
}

.animation.fadeIn {
  animation-name: fadeIn;
}

.animation.fadeInUp {
  animation-name: fadeInUp;
}

.animation.fadeInDown {
  animation-name: fadeInDown;
}

.animation.fadeInLeft {
  animation-name: fadeInLeft;
}

.animation.fadeInRight {
  animation-name: fadeInRight;
}

.animation.zoomIn {
  animation-name: zoomIn;
}

.animation.zoomOut {
  animation-name: zoomOut;
}

.animation.revelarIzquierda {
  animation-name: revelarIzquierda;
}

.animation.revelarDerecha {
  animation-name: revelarDerecha;
}

.animation.revelarCirculo {
  animation-name: revelarCirculo;
}

.animation.scaleTop {
  animation-name: scaleTop;
}

@keyframes revelarCirculo {
  0% {
    clip-path: ellipse(1% 1% at 100% 100%);
    transform: scale(1.4);
  }
  100% {
    opacity: 1;
    clip-path: ellipse(76% 82% at 50% 41%);
  }
}
@keyframes revelarIzquierda {
  0% {
    transform: translateX(-100px);
    clip-path: inset(0 0 0 100%);
    letter-spacing: 10px;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    letter-spacing: normal;
    opacity: 1;
  }
}
@keyframes revelarDerecha {
  0% {
    transform: translateX(100px);
    clip-path: inset(0 100% 0 0);
    letter-spacing: 20px;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    letter-spacing: normal;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoomOut {
  0% {
    transform: scale(1.6);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scaleTop {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}
.duration-100ms {
  --duracion: 100ms;
}

.duration-200ms {
  --duracion: 200ms;
}

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

.duration-400ms {
  --duracion: 400ms;
}

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

.duration-600ms {
  --duracion: 600ms;
}

.duration-700ms {
  --duracion: 700ms;
}

.duration-800ms {
  --duracion: 800ms;
}

.duration-900ms {
  --duracion: 900ms;
}

.duration-1000ms {
  --duracion: 1000ms;
}

.duration-1100ms {
  --duracion: 1100ms;
}

.duration-1200ms {
  --duracion: 1200ms;
}

.duration-1300ms {
  --duracion: 1300ms;
}

.duration-1400ms {
  --duracion: 1400ms;
}

.duration-1500ms {
  --duracion: 1500ms;
}

.duration-2000ms {
  --duracion: 2000ms;
}

.duration-2500ms {
  --duracion: 2500ms;
}

.duration-3000ms {
  --duracion: 3000ms;
}

.duration-3500ms {
  --duracion: 3500ms;
}

.duration-4000ms {
  --duracion: 4000ms;
}

.delay-100ms {
  --retardo: 100ms;
}

.delay-200ms {
  --retardo: 200ms;
}

.delay-300ms {
  --retardo: 300ms;
}

.delay-400ms {
  --retardo: 400ms;
}

.delay-500ms {
  --retardo: 500ms;
}

.delay-600ms {
  --retardo: 600ms;
}

.delay-700ms {
  --retardo: 700ms;
}

.delay-800ms {
  --retardo: 800ms;
}

.delay-900ms {
  --retardo: 900ms;
}

.delay-1000ms {
  --retardo: 1000ms;
}

.delay-1100ms {
  --retardo: 1100ms;
}

.delay-1200ms {
  --retardo: 1200ms;
}

.delay-1300ms {
  --retardo: 1300ms;
}

.delay-1400ms {
  --retardo: 1400ms;
}

.delay-1500ms {
  --retardo: 1500ms;
}

.delay-2000ms {
  --retardo: 2000ms;
}

.delay-2500ms {
  --retardo: 2500ms;
}

.delay-3000ms {
  --retardo: 3000ms;
}

.delay-3500ms {
  --retardo: 3500ms;
}

.delay-4000ms {
  --retardo: 4000ms;
}

.hover\:zoom:hover {
  transform: scale(1.1);
}

@media (min-width: 768px) {
  .hover\:efecto-subrayado,
  .hover\:efecto-subrayado-2px, .hover\:efecto-subrayado-4px {
    --border-width: 1px;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% var(--border-width);
  }
  .hover\:efecto-subrayado:hover,
  .hover\:efecto-subrayado-2px:hover, .hover\:efecto-subrayado-4px:hover {
    background-size: 100% var(--border-width);
  }
  .hover\:efecto-subrayado-2px,
  .hover\:efecto-subrayado-2px:hover {
    --border-width: 2px;
  }
  .hover\:efecto-subrayado-4px, .hover\:efecto-subrayado-4px:hover {
    --border-width: 4px;
  }
}
.rotar-15 {
  transform: rotate(-15deg);
}

.rotar-45 {
  transform: rotate(-45deg);
}

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

.rotar-180 {
  transform: rotate(-180deg);
}

.rotar-360 {
  transform: rotate(-360deg);
}

.rotar15 {
  transform: rotate(15deg);
}

.rotar45 {
  transform: rotate(45deg);
}

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

.rotar180 {
  transform: rotate(180deg);
}

.rotar-360 {
  transform: rotate(360deg);
}

.escalar-75 {
  transform: scale(0.75);
}

.escalar-80 {
  transform: scale(0.8);
}

.escalar-90 {
  transform: scale(0.9);
}

.escalar-100 {
  transform: scale(1);
}

.escalar-105 {
  transform: scale(1.05);
}

.escalar-110 {
  transform: scale(1.1);
}

.escalar-115 {
  transform: scale(1.15);
}

.escalar-120 {
  transform: scale(1.2);
}

.escalar-125 {
  transform: scale(1.25);
}

.escalar-130 {
  transform: scale(1.3);
}

.escalar-140 {
  transform: scale(1.4);
}

.escalar-150 {
  transform: scale(1.5);
}

.escalar-200 {
  transform: scale(2);
}

.hover\:escalar-75:hover {
  transform: scale(0.75);
}

.hover\:escalar-80:hover {
  transform: scale(0.8);
}

.hover\:escalar-90:hover {
  transform: scale(0.9);
}

.hover\:escalar-100:hover {
  transform: scale(1);
}

.hover\:escalar-105:hover {
  transform: scale(1.05);
}

.hover\:escalar-110:hover {
  transform: scale(1.1);
}

.hover\:escalar-115:hover {
  transform: scale(1.15);
}

.hover\:escalar-120:hover {
  transform: scale(1.2);
}

.hover\:escalar-125:hover {
  transform: scale(1.25);
}

.hover\:escalar-130:hover {
  transform: scale(1.3);
}

.hover\:escalar-140:hover {
  transform: scale(1.4);
}

.hover\:escalar-150:hover {
  transform: scale(1.5);
}

.hover\:escalar-200:hover {
  transform: scale(2);
}

@media (min-width: 768px) {
  .md\:escalar-75 {
    transform: scale(0.75);
  }
  .md\:escalar-80 {
    transform: scale(0.8);
  }
  .md\:escalar-90 {
    transform: scale(0.9);
  }
  .md\:escalar-100 {
    transform: scale(1);
  }
  .md\:escalar-105 {
    transform: scale(1.05);
  }
  .md\:escalar-110 {
    transform: scale(1.1);
  }
  .md\:escalar-115 {
    transform: scale(1.15);
  }
  .md\:escalar-120 {
    transform: scale(1.2);
  }
  .md\:escalar-125 {
    transform: scale(1.25);
  }
  .md\:escalar-130 {
    transform: scale(1.3);
  }
  .md\:escalar-140 {
    transform: scale(1.4);
  }
  .md\:escalar-150 {
    transform: scale(1.5);
  }
  .md\:escalar-200 {
    transform: scale(2);
  }
  .md\:hover\:escalar-75:hover {
    transform: scale(0.75);
  }
  .md\:hover\:escalar-80:hover {
    transform: scale(0.8);
  }
  .md\:hover\:escalar-90:hover {
    transform: scale(0.9);
  }
  .md\:hover\:escalar-100:hover {
    transform: scale(1);
  }
  .md\:hover\:escalar-105:hover {
    transform: scale(1.05);
  }
  .md\:hover\:escalar-110:hover {
    transform: scale(1.1);
  }
  .md\:hover\:escalar-115:hover {
    transform: scale(1.15);
  }
  .md\:hover\:escalar-120:hover {
    transform: scale(1.2);
  }
  .md\:hover\:escalar-125:hover {
    transform: scale(1.25);
  }
  .md\:hover\:escalar-130:hover {
    transform: scale(1.3);
  }
  .md\:hover\:escalar-140:hover {
    transform: scale(1.4);
  }
  .md\:hover\:escalar-150:hover {
    transform: scale(1.5);
  }
  .md\:hover\:escalar-200:hover {
    transform: scale(2);
  }
}
@media (min-width: 992px) {
  .lg\:escalar-75 {
    transform: scale(0.75);
  }
  .lg\:escalar-80 {
    transform: scale(0.8);
  }
  .lg\:escalar-90 {
    transform: scale(0.9);
  }
  .lg\:escalar-100 {
    transform: scale(1);
  }
  .lg\:escalar-105 {
    transform: scale(1.05);
  }
  .lg\:escalar-110 {
    transform: scale(1.1);
  }
  .lg\:escalar-115 {
    transform: scale(1.15);
  }
  .lg\:escalar-120 {
    transform: scale(1.2);
  }
  .lg\:escalar-125 {
    transform: scale(1.25);
  }
  .lg\:escalar-130 {
    transform: scale(1.3);
  }
  .lg\:escalar-140 {
    transform: scale(1.4);
  }
  .lg\:escalar-150 {
    transform: scale(1.5);
  }
  .lg\:escalar-200 {
    transform: scale(2);
  }
  .lg\:hover\:escalar-75:hover {
    transform: scale(0.75);
  }
  .lg\:hover\:escalar-80:hover {
    transform: scale(0.8);
  }
  .lg\:hover\:escalar-90:hover {
    transform: scale(0.9);
  }
  .lg\:hover\:escalar-100:hover {
    transform: scale(1);
  }
  .lg\:hover\:escalar-105:hover {
    transform: scale(1.05);
  }
  .lg\:hover\:escalar-110:hover {
    transform: scale(1.1);
  }
  .lg\:hover\:escalar-115:hover {
    transform: scale(1.15);
  }
  .lg\:hover\:escalar-120:hover {
    transform: scale(1.2);
  }
  .lg\:hover\:escalar-125:hover {
    transform: scale(1.25);
  }
  .lg\:hover\:escalar-130:hover {
    transform: scale(1.3);
  }
  .lg\:hover\:escalar-140:hover {
    transform: scale(1.4);
  }
  .lg\:hover\:escalar-150:hover {
    transform: scale(1.5);
  }
  .lg\:hover\:escalar-200:hover {
    transform: scale(2);
  }
}
.bg-cover {
  background-size: cover;
}

.bg-repeat {
  background-repeat: repeat;
}

.bg-no-repeat {
  background-repeat: repeat;
}

.bg-center {
  background-position: center center;
}

.bg-top {
  background-position: top;
}

.bg-bottom {
  background-position: bottom;
}

.bg-left {
  background-position: left;
}

.bg-right {
  background-position: right;
}

.bg-clip-text {
  background-clip: text;
  -webkit-background-clip: text;
}

.bg-opacity-10 {
  --bg-opacidad: 0.1;
}

.bg-opacity-20 {
  --bg-opacidad: 0.2;
}

.bg-opacity-30 {
  --bg-opacidad: 0.3;
}

.bg-opacity-40 {
  --bg-opacidad: 0.4;
}

.bg-opacity-50 {
  --bg-opacidad: 0.5;
}

.bg-opacity-60 {
  --bg-opacidad: 0.6;
}

.bg-opacity-70 {
  --bg-opacidad: 0.7;
}

.bg-opacity-80 {
  --bg-opacidad: 0.8;
}

.bg-opacity-90 {
  --bg-opacidad: 0.9;
}

.bg-opacity-100 {
  --bg-opacidad: 1;
}

.bg-degradado-derecha {
  background-image: linear-gradient(to right, var(--color-de));
}

.bg-degradado-izquierda {
  background-image: linear-gradient(to left, var(--color-de));
}

.bg-degradado-arriba {
  background-image: linear-gradient(to top, var(--color-de));
}

.bg-degradado-abajo {
  background-image: linear-gradient(to bottom, var(--color-de));
}

.bg-degradado-arriba-derecha {
  background-image: linear-gradient(to top right, var(--color-de));
}

.bg-degradado-arriba-izquierda {
  background-image: linear-gradient(to top left, var(--color-de));
}

.bg-degradado-abajo-derecha {
  background-image: linear-gradient(to bottom right, var(--color-de));
}

.bg-degradado-abajo-izquierda {
  background-image: linear-gradient(to bottom left, var(--color-de));
}

.bg-opacity-0 {
  --bg-opacidad: 0;
}

.bg-opacity-10 {
  --bg-opacidad: 0.1;
}

.bg-opacity-20 {
  --bg-opacidad: 0.2;
}

.bg-opacity-30 {
  --bg-opacidad: 0.3;
}

.bg-opacity-40 {
  --bg-opacidad: 0.4;
}

.bg-opacity-50 {
  --bg-opacidad: 0.5;
}

.bg-opacity-60 {
  --bg-opacidad: 0.6;
}

.bg-opacity-70 {
  --bg-opacidad: 0.7;
}

.bg-opacity-80 {
  --bg-opacidad: 0.8;
}

.bg-opacity-90 {
  --bg-opacidad: 0.9;
}

.bg-opacity-100 {
  --bg-opacidad: 1;
}

.hover\:bg-cover:hover {
  background-size: cover;
}

.hover\:bg-repeat:hover {
  background-repeat: repeat;
}

.hover\:bg-no-repeat:hover {
  background-repeat: repeat;
}

.hover\:bg-center:hover {
  background-position: center center;
}

.hover\:bg-top:hover {
  background-position: top;
}

.hover\:bg-bottom:hover {
  background-position: bottom;
}

.hover\:bg-left:hover {
  background-position: left;
}

.hover\:bg-right:hover {
  background-position: right;
}

.hover\:bg-clip-text:hover {
  background-clip: text;
  -webkit-background-clip: text;
}

.bg-opacity-10 {
  --bg-opacidad: 0.1;
}

.bg-opacity-20 {
  --bg-opacidad: 0.2;
}

.bg-opacity-30 {
  --bg-opacidad: 0.3;
}

.bg-opacity-40 {
  --bg-opacidad: 0.4;
}

.bg-opacity-50 {
  --bg-opacidad: 0.5;
}

.bg-opacity-60 {
  --bg-opacidad: 0.6;
}

.bg-opacity-70 {
  --bg-opacidad: 0.7;
}

.bg-opacity-80 {
  --bg-opacidad: 0.8;
}

.bg-opacity-90 {
  --bg-opacidad: 0.9;
}

.bg-opacity-100 {
  --bg-opacidad: 1;
}

.hover\:bg-degradado-derecha:hover {
  background-image: linear-gradient(to right, var(--color-de));
}

.hover\:bg-degradado-izquierda:hover {
  background-image: linear-gradient(to left, var(--color-de));
}

.hover\:bg-degradado-arriba:hover {
  background-image: linear-gradient(to top, var(--color-de));
}

.hover\:bg-degradado-abajo:hover {
  background-image: linear-gradient(to bottom, var(--color-de));
}

.hover\:bg-degradado-arriba-derecha:hover {
  background-image: linear-gradient(to top right, var(--color-de));
}

.hover\:bg-degradado-arriba-izquierda:hover {
  background-image: linear-gradient(to top left, var(--color-de));
}

.hover\:bg-degradado-abajo-derecha:hover {
  background-image: linear-gradient(to bottom right, var(--color-de));
}

.hover\:bg-degradado-abajo-izquierda:hover {
  background-image: linear-gradient(to bottom left, var(--color-de));
}

.hover\:bg-opacity-0:hover {
  --bg-opacidad: 0;
}

.hover\:bg-opacity-10:hover {
  --bg-opacidad: 0.1;
}

.hover\:bg-opacity-20:hover {
  --bg-opacidad: 0.2;
}

.hover\:bg-opacity-30:hover {
  --bg-opacidad: 0.3;
}

.hover\:bg-opacity-40:hover {
  --bg-opacidad: 0.4;
}

.hover\:bg-opacity-50:hover {
  --bg-opacidad: 0.5;
}

.hover\:bg-opacity-60:hover {
  --bg-opacidad: 0.6;
}

.hover\:bg-opacity-70:hover {
  --bg-opacidad: 0.7;
}

.hover\:bg-opacity-80:hover {
  --bg-opacidad: 0.8;
}

.hover\:bg-opacity-90:hover {
  --bg-opacidad: 0.9;
}

.hover\:bg-opacity-100:hover {
  --bg-opacidad: 1;
}

@media (min-width: 768px) {
  .md\:bg-cover {
    background-size: cover;
  }
  .md\:bg-repeat {
    background-repeat: repeat;
  }
  .md\:bg-no-repeat {
    background-repeat: repeat;
  }
  .md\:bg-center {
    background-position: center center;
  }
  .md\:bg-top {
    background-position: top;
  }
  .md\:bg-bottom {
    background-position: bottom;
  }
  .md\:bg-left {
    background-position: left;
  }
  .md\:bg-right {
    background-position: right;
  }
  .md\:bg-clip-text {
    background-clip: text;
    -webkit-background-clip: text;
  }
  .md\: .bg-opacity-10 {
    --bg-opacidad: 0.1;
  }
  .md\: .bg-opacity-20 {
    --bg-opacidad: 0.2;
  }
  .md\: .bg-opacity-30 {
    --bg-opacidad: 0.3;
  }
  .md\: .bg-opacity-40 {
    --bg-opacidad: 0.4;
  }
  .md\: .bg-opacity-50 {
    --bg-opacidad: 0.5;
  }
  .md\: .bg-opacity-60 {
    --bg-opacidad: 0.6;
  }
  .md\: .bg-opacity-70 {
    --bg-opacidad: 0.7;
  }
  .md\: .bg-opacity-80 {
    --bg-opacidad: 0.8;
  }
  .md\: .bg-opacity-90 {
    --bg-opacidad: 0.9;
  }
  .md\: .bg-opacity-100 {
    --bg-opacidad: 1;
  }
  .md\:bg-degradado-derecha {
    background-image: linear-gradient(to right, var(--color-de));
  }
  .md\:bg-degradado-izquierda {
    background-image: linear-gradient(to left, var(--color-de));
  }
  .md\:bg-degradado-arriba {
    background-image: linear-gradient(to top, var(--color-de));
  }
  .md\:bg-degradado-abajo {
    background-image: linear-gradient(to bottom, var(--color-de));
  }
  .md\:bg-degradado-arriba-derecha {
    background-image: linear-gradient(to top right, var(--color-de));
  }
  .md\:bg-degradado-arriba-izquierda {
    background-image: linear-gradient(to top left, var(--color-de));
  }
  .md\:bg-degradado-abajo-derecha {
    background-image: linear-gradient(to bottom right, var(--color-de));
  }
  .md\:bg-degradado-abajo-izquierda {
    background-image: linear-gradient(to bottom left, var(--color-de));
  }
  .md\:bg-opacity-0 {
    --bg-opacidad: 0;
  }
  .md\:bg-opacity-10 {
    --bg-opacidad: 0.1;
  }
  .md\:bg-opacity-20 {
    --bg-opacidad: 0.2;
  }
  .md\:bg-opacity-30 {
    --bg-opacidad: 0.3;
  }
  .md\:bg-opacity-40 {
    --bg-opacidad: 0.4;
  }
  .md\:bg-opacity-50 {
    --bg-opacidad: 0.5;
  }
  .md\:bg-opacity-60 {
    --bg-opacidad: 0.6;
  }
  .md\:bg-opacity-70 {
    --bg-opacidad: 0.7;
  }
  .md\:bg-opacity-80 {
    --bg-opacidad: 0.8;
  }
  .md\:bg-opacity-90 {
    --bg-opacidad: 0.9;
  }
  .md\:bg-opacity-100 {
    --bg-opacidad: 1;
  }
  .md\:hover\:bg-cover:hover {
    background-size: cover;
  }
  .md\:hover\:bg-repeat:hover {
    background-repeat: repeat;
  }
  .md\:hover\:bg-no-repeat:hover {
    background-repeat: repeat;
  }
  .md\:hover\:bg-center:hover {
    background-position: center center;
  }
  .md\:hover\:bg-top:hover {
    background-position: top;
  }
  .md\:hover\:bg-bottom:hover {
    background-position: bottom;
  }
  .md\:hover\:bg-left:hover {
    background-position: left;
  }
  .md\:hover\:bg-right:hover {
    background-position: right;
  }
  .md\:hover\:bg-clip-text:hover {
    background-clip: text;
    -webkit-background-clip: text;
  }
  .md\: .bg-opacity-10 {
    --bg-opacidad: 0.1;
  }
  .md\: .bg-opacity-20 {
    --bg-opacidad: 0.2;
  }
  .md\: .bg-opacity-30 {
    --bg-opacidad: 0.3;
  }
  .md\: .bg-opacity-40 {
    --bg-opacidad: 0.4;
  }
  .md\: .bg-opacity-50 {
    --bg-opacidad: 0.5;
  }
  .md\: .bg-opacity-60 {
    --bg-opacidad: 0.6;
  }
  .md\: .bg-opacity-70 {
    --bg-opacidad: 0.7;
  }
  .md\: .bg-opacity-80 {
    --bg-opacidad: 0.8;
  }
  .md\: .bg-opacity-90 {
    --bg-opacidad: 0.9;
  }
  .md\: .bg-opacity-100 {
    --bg-opacidad: 1;
  }
  .md\:hover\:bg-degradado-derecha:hover {
    background-image: linear-gradient(to right, var(--color-de));
  }
  .md\:hover\:bg-degradado-izquierda:hover {
    background-image: linear-gradient(to left, var(--color-de));
  }
  .md\:hover\:bg-degradado-arriba:hover {
    background-image: linear-gradient(to top, var(--color-de));
  }
  .md\:hover\:bg-degradado-abajo:hover {
    background-image: linear-gradient(to bottom, var(--color-de));
  }
  .md\:hover\:bg-degradado-arriba-derecha:hover {
    background-image: linear-gradient(to top right, var(--color-de));
  }
  .md\:hover\:bg-degradado-arriba-izquierda:hover {
    background-image: linear-gradient(to top left, var(--color-de));
  }
  .md\:hover\:bg-degradado-abajo-derecha:hover {
    background-image: linear-gradient(to bottom right, var(--color-de));
  }
  .md\:hover\:bg-degradado-abajo-izquierda:hover {
    background-image: linear-gradient(to bottom left, var(--color-de));
  }
  .md\:hover\:bg-opacity-0:hover {
    --bg-opacidad: 0;
  }
  .md\:hover\:bg-opacity-10:hover {
    --bg-opacidad: 0.1;
  }
  .md\:hover\:bg-opacity-20:hover {
    --bg-opacidad: 0.2;
  }
  .md\:hover\:bg-opacity-30:hover {
    --bg-opacidad: 0.3;
  }
  .md\:hover\:bg-opacity-40:hover {
    --bg-opacidad: 0.4;
  }
  .md\:hover\:bg-opacity-50:hover {
    --bg-opacidad: 0.5;
  }
  .md\:hover\:bg-opacity-60:hover {
    --bg-opacidad: 0.6;
  }
  .md\:hover\:bg-opacity-70:hover {
    --bg-opacidad: 0.7;
  }
  .md\:hover\:bg-opacity-80:hover {
    --bg-opacidad: 0.8;
  }
  .md\:hover\:bg-opacity-90:hover {
    --bg-opacidad: 0.9;
  }
  .md\:hover\:bg-opacity-100:hover {
    --bg-opacidad: 1;
  }
}
@media (min-width: 992px) {
  .lg\:bg-cover {
    background-size: cover;
  }
  .lg\:bg-repeat {
    background-repeat: repeat;
  }
  .lg\:bg-no-repeat {
    background-repeat: repeat;
  }
  .lg\:bg-center {
    background-position: center center;
  }
  .lg\:bg-top {
    background-position: top;
  }
  .lg\:bg-bottom {
    background-position: bottom;
  }
  .lg\:bg-left {
    background-position: left;
  }
  .lg\:bg-right {
    background-position: right;
  }
  .lg\:bg-clip-text {
    background-clip: text;
    -webkit-background-clip: text;
  }
  .lg\: .bg-opacity-10 {
    --bg-opacidad: 0.1;
  }
  .lg\: .bg-opacity-20 {
    --bg-opacidad: 0.2;
  }
  .lg\: .bg-opacity-30 {
    --bg-opacidad: 0.3;
  }
  .lg\: .bg-opacity-40 {
    --bg-opacidad: 0.4;
  }
  .lg\: .bg-opacity-50 {
    --bg-opacidad: 0.5;
  }
  .lg\: .bg-opacity-60 {
    --bg-opacidad: 0.6;
  }
  .lg\: .bg-opacity-70 {
    --bg-opacidad: 0.7;
  }
  .lg\: .bg-opacity-80 {
    --bg-opacidad: 0.8;
  }
  .lg\: .bg-opacity-90 {
    --bg-opacidad: 0.9;
  }
  .lg\: .bg-opacity-100 {
    --bg-opacidad: 1;
  }
  .lg\:bg-degradado-derecha {
    background-image: linear-gradient(to right, var(--color-de));
  }
  .lg\:bg-degradado-izquierda {
    background-image: linear-gradient(to left, var(--color-de));
  }
  .lg\:bg-degradado-arriba {
    background-image: linear-gradient(to top, var(--color-de));
  }
  .lg\:bg-degradado-abajo {
    background-image: linear-gradient(to bottom, var(--color-de));
  }
  .lg\:bg-degradado-arriba-derecha {
    background-image: linear-gradient(to top right, var(--color-de));
  }
  .lg\:bg-degradado-arriba-izquierda {
    background-image: linear-gradient(to top left, var(--color-de));
  }
  .lg\:bg-degradado-abajo-derecha {
    background-image: linear-gradient(to bottom right, var(--color-de));
  }
  .lg\:bg-degradado-abajo-izquierda {
    background-image: linear-gradient(to bottom left, var(--color-de));
  }
  .lg\:bg-opacity-0 {
    --bg-opacidad: 0;
  }
  .lg\:bg-opacity-10 {
    --bg-opacidad: 0.1;
  }
  .lg\:bg-opacity-20 {
    --bg-opacidad: 0.2;
  }
  .lg\:bg-opacity-30 {
    --bg-opacidad: 0.3;
  }
  .lg\:bg-opacity-40 {
    --bg-opacidad: 0.4;
  }
  .lg\:bg-opacity-50 {
    --bg-opacidad: 0.5;
  }
  .lg\:bg-opacity-60 {
    --bg-opacidad: 0.6;
  }
  .lg\:bg-opacity-70 {
    --bg-opacidad: 0.7;
  }
  .lg\:bg-opacity-80 {
    --bg-opacidad: 0.8;
  }
  .lg\:bg-opacity-90 {
    --bg-opacidad: 0.9;
  }
  .lg\:bg-opacity-100 {
    --bg-opacidad: 1;
  }
  .lg\:hover\:bg-cover:hover {
    background-size: cover;
  }
  .lg\:hover\:bg-repeat:hover {
    background-repeat: repeat;
  }
  .lg\:hover\:bg-no-repeat:hover {
    background-repeat: repeat;
  }
  .lg\:hover\:bg-center:hover {
    background-position: center center;
  }
  .lg\:hover\:bg-top:hover {
    background-position: top;
  }
  .lg\:hover\:bg-bottom:hover {
    background-position: bottom;
  }
  .lg\:hover\:bg-left:hover {
    background-position: left;
  }
  .lg\:hover\:bg-right:hover {
    background-position: right;
  }
  .lg\:hover\:bg-clip-text:hover {
    background-clip: text;
    -webkit-background-clip: text;
  }
  .lg\: .bg-opacity-10 {
    --bg-opacidad: 0.1;
  }
  .lg\: .bg-opacity-20 {
    --bg-opacidad: 0.2;
  }
  .lg\: .bg-opacity-30 {
    --bg-opacidad: 0.3;
  }
  .lg\: .bg-opacity-40 {
    --bg-opacidad: 0.4;
  }
  .lg\: .bg-opacity-50 {
    --bg-opacidad: 0.5;
  }
  .lg\: .bg-opacity-60 {
    --bg-opacidad: 0.6;
  }
  .lg\: .bg-opacity-70 {
    --bg-opacidad: 0.7;
  }
  .lg\: .bg-opacity-80 {
    --bg-opacidad: 0.8;
  }
  .lg\: .bg-opacity-90 {
    --bg-opacidad: 0.9;
  }
  .lg\: .bg-opacity-100 {
    --bg-opacidad: 1;
  }
  .lg\:hover\:bg-degradado-derecha:hover {
    background-image: linear-gradient(to right, var(--color-de));
  }
  .lg\:hover\:bg-degradado-izquierda:hover {
    background-image: linear-gradient(to left, var(--color-de));
  }
  .lg\:hover\:bg-degradado-arriba:hover {
    background-image: linear-gradient(to top, var(--color-de));
  }
  .lg\:hover\:bg-degradado-abajo:hover {
    background-image: linear-gradient(to bottom, var(--color-de));
  }
  .lg\:hover\:bg-degradado-arriba-derecha:hover {
    background-image: linear-gradient(to top right, var(--color-de));
  }
  .lg\:hover\:bg-degradado-arriba-izquierda:hover {
    background-image: linear-gradient(to top left, var(--color-de));
  }
  .lg\:hover\:bg-degradado-abajo-derecha:hover {
    background-image: linear-gradient(to bottom right, var(--color-de));
  }
  .lg\:hover\:bg-degradado-abajo-izquierda:hover {
    background-image: linear-gradient(to bottom left, var(--color-de));
  }
  .lg\:hover\:bg-opacity-0:hover {
    --bg-opacidad: 0;
  }
  .lg\:hover\:bg-opacity-10:hover {
    --bg-opacidad: 0.1;
  }
  .lg\:hover\:bg-opacity-20:hover {
    --bg-opacidad: 0.2;
  }
  .lg\:hover\:bg-opacity-30:hover {
    --bg-opacidad: 0.3;
  }
  .lg\:hover\:bg-opacity-40:hover {
    --bg-opacidad: 0.4;
  }
  .lg\:hover\:bg-opacity-50:hover {
    --bg-opacidad: 0.5;
  }
  .lg\:hover\:bg-opacity-60:hover {
    --bg-opacidad: 0.6;
  }
  .lg\:hover\:bg-opacity-70:hover {
    --bg-opacidad: 0.7;
  }
  .lg\:hover\:bg-opacity-80:hover {
    --bg-opacidad: 0.8;
  }
  .lg\:hover\:bg-opacity-90:hover {
    --bg-opacidad: 0.9;
  }
  .lg\:hover\:bg-opacity-100:hover {
    --bg-opacidad: 1;
  }
}
/*# sourceMappingURL=framework.css.map */
.bg-primario-400 {
  background-color: rgba(18, 82, 149, var(--bg-opacidad));
}

.color-primario-400 {
  color: #125295;
}

.borde-primario-400 {
  border-color: #125295;
}

.de-primario-400 {
  --color-de: #125295 0%, var(--color-hasta) 100%;
}

.sombra-primario-400 {
  --sombra-color: rgba(18, 82, 149, var(--sombra-opacidad));
}

.fill-primario-400 svg {
  fill: #125295;
}

.stroke-primario-400 svg {
  stroke: #125295;
}

.bg-primario-500 {
  background-color: rgba(14, 66, 119, var(--bg-opacidad));
}

.color-primario-500 {
  color: #0e4277;
}

.borde-primario-500 {
  border-color: #0e4277;
}

.de-primario-500 {
  --color-de: #0e4277 0%, var(--color-hasta) 100%;
}

.sombra-primario-500 {
  --sombra-color: rgba(14, 66, 119, var(--sombra-opacidad));
}

.fill-primario-500 svg {
  fill: #0e4277;
}

.stroke-primario-500 svg {
  stroke: #0e4277;
}

.bg-primario-600 {
  background-color: rgba(13, 57, 104, var(--bg-opacidad));
}

.color-primario-600 {
  color: #0d3968;
}

.borde-primario-600 {
  border-color: #0d3968;
}

.de-primario-600 {
  --color-de: #0d3968 0%, var(--color-hasta) 100%;
}

.sombra-primario-600 {
  --sombra-color: rgba(13, 57, 104, var(--sombra-opacidad));
}

.fill-primario-600 svg {
  fill: #0d3968;
}

.stroke-primario-600 svg {
  stroke: #0d3968;
}

.bg-primario-700 {
  background-color: rgba(9, 41, 75, var(--bg-opacidad));
}

.color-primario-700 {
  color: #09294b;
}

.borde-primario-700 {
  border-color: #09294b;
}

.de-primario-700 {
  --color-de: #09294b 0%, var(--color-hasta) 100%;
}

.sombra-primario-700 {
  --sombra-color: rgba(9, 41, 75, var(--sombra-opacidad));
}

.fill-primario-700 svg {
  fill: #09294b;
}

.stroke-primario-700 svg {
  stroke: #09294b;
}

.bg-primario-800 {
  background-color: rgba(5, 25, 45, var(--bg-opacidad));
}

.color-primario-800 {
  color: #05192d;
}

.borde-primario-800 {
  border-color: #05192d;
}

.de-primario-800 {
  --color-de: #05192d 0%, var(--color-hasta) 100%;
}

.sombra-primario-800 {
  --sombra-color: rgba(5, 25, 45, var(--sombra-opacidad));
}

.fill-primario-800 svg {
  fill: #05192d;
}

.stroke-primario-800 svg {
  stroke: #05192d;
}

.bg-secundario-300 {
  background-color: rgba(241, 159, 83, var(--bg-opacidad));
}

.color-secundario-300 {
  color: #f19f53;
}

.borde-secundario-300 {
  border-color: #f19f53;
}

.de-secundario-300 {
  --color-de: #f19f53 0%, var(--color-hasta) 100%;
}

.sombra-secundario-300 {
  --sombra-color: rgba(241, 159, 83, var(--sombra-opacidad));
}

.fill-secundario-300 svg {
  fill: #f19f53;
}

.stroke-secundario-300 svg {
  stroke: #f19f53;
}

.bg-secundario-400 {
  background-color: rgba(194, 50, 66, var(--bg-opacidad));
}

.color-secundario-400 {
  color: #C23242;
}

.borde-secundario-400 {
  border-color: #C23242;
}

.de-secundario-400 {
  --color-de: #C23242 0%, var(--color-hasta) 100%;
}

.sombra-secundario-400 {
  --sombra-color: rgba(194, 50, 66, var(--sombra-opacidad));
}

.fill-secundario-400 svg {
  fill: #C23242;
}

.stroke-secundario-400 svg {
  stroke: #C23242;
}

.bg-secundario-500 {
  background-color: rgba(175, 45, 59, var(--bg-opacidad));
}

.color-secundario-500 {
  color: #af2d3b;
}

.borde-secundario-500 {
  border-color: #af2d3b;
}

.de-secundario-500 {
  --color-de: #af2d3b 0%, var(--color-hasta) 100%;
}

.sombra-secundario-500 {
  --sombra-color: rgba(175, 45, 59, var(--sombra-opacidad));
}

.fill-secundario-500 svg {
  fill: #af2d3b;
}

.stroke-secundario-500 svg {
  stroke: #af2d3b;
}

.bg-secundario-600 {
  background-color: rgba(155, 40, 53, var(--bg-opacidad));
}

.color-secundario-600 {
  color: #9b2835;
}

.borde-secundario-600 {
  border-color: #9b2835;
}

.de-secundario-600 {
  --color-de: #9b2835 0%, var(--color-hasta) 100%;
}

.sombra-secundario-600 {
  --sombra-color: rgba(155, 40, 53, var(--sombra-opacidad));
}

.fill-secundario-600 svg {
  fill: #9b2835;
}

.stroke-secundario-600 svg {
  stroke: #9b2835;
}

.hasta-primario-400 {
  --color-hasta: #125295;
}

.hasta-primario-500 {
  --color-hasta: #0e4277;
}

.hasta-primario-600 {
  --color-hasta: #0d3968;
}

.hasta-primario-700 {
  --color-hasta: #09294b;
}

.hasta-primario-800 {
  --color-hasta: #05192d;
}

.hasta-secundario-300 {
  --color-hasta: #f19f53;
}

.hasta-secundario-400 {
  --color-hasta: #C23242;
}

.hasta-secundario-500 {
  --color-hasta: #af2d3b;
}

.hasta-secundario-600 {
  --color-hasta: #9b2835;
}

.hover\:bg-primario-400:hover {
  background-color: rgba(18, 82, 149, var(--bg-opacidad));
}

.hover\:color-primario-400:hover {
  color: #125295;
}

.hover\:borde-primario-400:hover {
  border-color: #125295;
}

.hover\:de-primario-400:hover {
  --color-de: #125295 0%, var(--color-hasta) 100%;
}

.hover\:sombra-primario-400:hover {
  --sombra-color: rgba(18, 82, 149, var(--sombra-opacidad));
}

.hover\:fill-primario-400:hover svg {
  fill: #125295;
}

.hover\:stroke-primario-400:hover svg {
  stroke: #125295;
}

.hover\:bg-primario-500:hover {
  background-color: rgba(14, 66, 119, var(--bg-opacidad));
}

.hover\:color-primario-500:hover {
  color: #0e4277;
}

.hover\:borde-primario-500:hover {
  border-color: #0e4277;
}

.hover\:de-primario-500:hover {
  --color-de: #0e4277 0%, var(--color-hasta) 100%;
}

.hover\:sombra-primario-500:hover {
  --sombra-color: rgba(14, 66, 119, var(--sombra-opacidad));
}

.hover\:fill-primario-500:hover svg {
  fill: #0e4277;
}

.hover\:stroke-primario-500:hover svg {
  stroke: #0e4277;
}

.hover\:bg-primario-600:hover, .menu li ul a:hover {
  background-color: rgba(13, 57, 104, var(--bg-opacidad));
}

.hover\:color-primario-600:hover {
  color: #0d3968;
}

.hover\:borde-primario-600:hover {
  border-color: #0d3968;
}

.hover\:de-primario-600:hover {
  --color-de: #0d3968 0%, var(--color-hasta) 100%;
}

.hover\:sombra-primario-600:hover {
  --sombra-color: rgba(13, 57, 104, var(--sombra-opacidad));
}

.hover\:fill-primario-600:hover svg {
  fill: #0d3968;
}

.hover\:stroke-primario-600:hover svg {
  stroke: #0d3968;
}

.hover\:bg-primario-700:hover {
  background-color: rgba(9, 41, 75, var(--bg-opacidad));
}

.hover\:color-primario-700:hover {
  color: #09294b;
}

.hover\:borde-primario-700:hover {
  border-color: #09294b;
}

.hover\:de-primario-700:hover {
  --color-de: #09294b 0%, var(--color-hasta) 100%;
}

.hover\:sombra-primario-700:hover {
  --sombra-color: rgba(9, 41, 75, var(--sombra-opacidad));
}

.hover\:fill-primario-700:hover svg {
  fill: #09294b;
}

.hover\:stroke-primario-700:hover svg {
  stroke: #09294b;
}

.hover\:bg-primario-800:hover {
  background-color: rgba(5, 25, 45, var(--bg-opacidad));
}

.hover\:color-primario-800:hover {
  color: #05192d;
}

.hover\:borde-primario-800:hover {
  border-color: #05192d;
}

.hover\:de-primario-800:hover {
  --color-de: #05192d 0%, var(--color-hasta) 100%;
}

.hover\:sombra-primario-800:hover {
  --sombra-color: rgba(5, 25, 45, var(--sombra-opacidad));
}

.hover\:fill-primario-800:hover svg {
  fill: #05192d;
}

.hover\:stroke-primario-800:hover svg {
  stroke: #05192d;
}

.hover\:bg-secundario-300:hover {
  background-color: rgba(241, 159, 83, var(--bg-opacidad));
}

.hover\:color-secundario-300:hover {
  color: #f19f53;
}

.hover\:borde-secundario-300:hover {
  border-color: #f19f53;
}

.hover\:de-secundario-300:hover {
  --color-de: #f19f53 0%, var(--color-hasta) 100%;
}

.hover\:sombra-secundario-300:hover {
  --sombra-color: rgba(241, 159, 83, var(--sombra-opacidad));
}

.hover\:fill-secundario-300:hover svg {
  fill: #f19f53;
}

.hover\:stroke-secundario-300:hover svg {
  stroke: #f19f53;
}

.hover\:bg-secundario-400:hover {
  background-color: rgba(194, 50, 66, var(--bg-opacidad));
}

.hover\:color-secundario-400:hover {
  color: #C23242;
}

.hover\:borde-secundario-400:hover {
  border-color: #C23242;
}

.hover\:de-secundario-400:hover {
  --color-de: #C23242 0%, var(--color-hasta) 100%;
}

.hover\:sombra-secundario-400:hover {
  --sombra-color: rgba(194, 50, 66, var(--sombra-opacidad));
}

.hover\:fill-secundario-400:hover svg {
  fill: #C23242;
}

.hover\:stroke-secundario-400:hover svg {
  stroke: #C23242;
}

.hover\:bg-secundario-500:hover {
  background-color: rgba(175, 45, 59, var(--bg-opacidad));
}

.hover\:color-secundario-500:hover {
  color: #af2d3b;
}

.hover\:borde-secundario-500:hover {
  border-color: #af2d3b;
}

.hover\:de-secundario-500:hover {
  --color-de: #af2d3b 0%, var(--color-hasta) 100%;
}

.hover\:sombra-secundario-500:hover {
  --sombra-color: rgba(175, 45, 59, var(--sombra-opacidad));
}

.hover\:fill-secundario-500:hover svg {
  fill: #af2d3b;
}

.hover\:stroke-secundario-500:hover svg {
  stroke: #af2d3b;
}

.hover\:bg-secundario-600:hover {
  background-color: rgba(155, 40, 53, var(--bg-opacidad));
}

.hover\:color-secundario-600:hover {
  color: #9b2835;
}

.hover\:borde-secundario-600:hover {
  border-color: #9b2835;
}

.hover\:de-secundario-600:hover {
  --color-de: #9b2835 0%, var(--color-hasta) 100%;
}

.hover\:sombra-secundario-600:hover {
  --sombra-color: rgba(155, 40, 53, var(--sombra-opacidad));
}

.hover\:fill-secundario-600:hover svg {
  fill: #9b2835;
}

.hover\:stroke-secundario-600:hover svg {
  stroke: #9b2835;
}

.hover\:hasta-primario-400:hover {
  --color-hasta: #125295;
}

.hover\:hasta-primario-500:hover {
  --color-hasta: #0e4277;
}

.hover\:hasta-primario-600:hover {
  --color-hasta: #0d3968;
}

.hover\:hasta-primario-700:hover {
  --color-hasta: #09294b;
}

.hover\:hasta-primario-800:hover {
  --color-hasta: #05192d;
}

.hover\:hasta-secundario-300:hover {
  --color-hasta: #f19f53;
}

.hover\:hasta-secundario-400:hover {
  --color-hasta: #C23242;
}

.hover\:hasta-secundario-500:hover {
  --color-hasta: #af2d3b;
}

.hover\:hasta-secundario-600:hover {
  --color-hasta: #9b2835;
}

@media (min-width: 768px) {
  .md\:bg-primario-400 {
    background-color: rgba(18, 82, 149, var(--bg-opacidad));
  }
  .md\:color-primario-400 {
    color: #125295;
  }
  .md\:borde-primario-400 {
    border-color: #125295;
  }
  .md\:de-primario-400 {
    --color-de: #125295 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-primario-400 {
    --sombra-color: rgba(18, 82, 149, var(--sombra-opacidad));
  }
  .md\:fill-primario-400 svg {
    fill: #125295;
  }
  .md\:stroke-primario-400 svg {
    stroke: #125295;
  }
  .md\:bg-primario-500 {
    background-color: rgba(14, 66, 119, var(--bg-opacidad));
  }
  .md\:color-primario-500 {
    color: #0e4277;
  }
  .md\:borde-primario-500 {
    border-color: #0e4277;
  }
  .md\:de-primario-500 {
    --color-de: #0e4277 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-primario-500 {
    --sombra-color: rgba(14, 66, 119, var(--sombra-opacidad));
  }
  .md\:fill-primario-500 svg {
    fill: #0e4277;
  }
  .md\:stroke-primario-500 svg {
    stroke: #0e4277;
  }
  .md\:bg-primario-600 {
    background-color: rgba(13, 57, 104, var(--bg-opacidad));
  }
  .md\:color-primario-600 {
    color: #0d3968;
  }
  .md\:borde-primario-600 {
    border-color: #0d3968;
  }
  .md\:de-primario-600 {
    --color-de: #0d3968 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-primario-600 {
    --sombra-color: rgba(13, 57, 104, var(--sombra-opacidad));
  }
  .md\:fill-primario-600 svg {
    fill: #0d3968;
  }
  .md\:stroke-primario-600 svg {
    stroke: #0d3968;
  }
  .md\:bg-primario-700 {
    background-color: rgba(9, 41, 75, var(--bg-opacidad));
  }
  .md\:color-primario-700 {
    color: #09294b;
  }
  .md\:borde-primario-700 {
    border-color: #09294b;
  }
  .md\:de-primario-700 {
    --color-de: #09294b 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-primario-700 {
    --sombra-color: rgba(9, 41, 75, var(--sombra-opacidad));
  }
  .md\:fill-primario-700 svg {
    fill: #09294b;
  }
  .md\:stroke-primario-700 svg {
    stroke: #09294b;
  }
  .md\:bg-primario-800 {
    background-color: rgba(5, 25, 45, var(--bg-opacidad));
  }
  .md\:color-primario-800 {
    color: #05192d;
  }
  .md\:borde-primario-800 {
    border-color: #05192d;
  }
  .md\:de-primario-800 {
    --color-de: #05192d 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-primario-800 {
    --sombra-color: rgba(5, 25, 45, var(--sombra-opacidad));
  }
  .md\:fill-primario-800 svg {
    fill: #05192d;
  }
  .md\:stroke-primario-800 svg {
    stroke: #05192d;
  }
  .md\:bg-secundario-300 {
    background-color: rgba(241, 159, 83, var(--bg-opacidad));
  }
  .md\:color-secundario-300 {
    color: #f19f53;
  }
  .md\:borde-secundario-300 {
    border-color: #f19f53;
  }
  .md\:de-secundario-300 {
    --color-de: #f19f53 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-secundario-300 {
    --sombra-color: rgba(241, 159, 83, var(--sombra-opacidad));
  }
  .md\:fill-secundario-300 svg {
    fill: #f19f53;
  }
  .md\:stroke-secundario-300 svg {
    stroke: #f19f53;
  }
  .md\:bg-secundario-400 {
    background-color: rgba(194, 50, 66, var(--bg-opacidad));
  }
  .md\:color-secundario-400 {
    color: #C23242;
  }
  .md\:borde-secundario-400 {
    border-color: #C23242;
  }
  .md\:de-secundario-400 {
    --color-de: #C23242 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-secundario-400 {
    --sombra-color: rgba(194, 50, 66, var(--sombra-opacidad));
  }
  .md\:fill-secundario-400 svg {
    fill: #C23242;
  }
  .md\:stroke-secundario-400 svg {
    stroke: #C23242;
  }
  .md\:bg-secundario-500 {
    background-color: rgba(175, 45, 59, var(--bg-opacidad));
  }
  .md\:color-secundario-500 {
    color: #af2d3b;
  }
  .md\:borde-secundario-500 {
    border-color: #af2d3b;
  }
  .md\:de-secundario-500 {
    --color-de: #af2d3b 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-secundario-500 {
    --sombra-color: rgba(175, 45, 59, var(--sombra-opacidad));
  }
  .md\:fill-secundario-500 svg {
    fill: #af2d3b;
  }
  .md\:stroke-secundario-500 svg {
    stroke: #af2d3b;
  }
  .md\:bg-secundario-600 {
    background-color: rgba(155, 40, 53, var(--bg-opacidad));
  }
  .md\:color-secundario-600 {
    color: #9b2835;
  }
  .md\:borde-secundario-600 {
    border-color: #9b2835;
  }
  .md\:de-secundario-600 {
    --color-de: #9b2835 0%, var(--color-hasta) 100%;
  }
  .md\:sombra-secundario-600 {
    --sombra-color: rgba(155, 40, 53, var(--sombra-opacidad));
  }
  .md\:fill-secundario-600 svg {
    fill: #9b2835;
  }
  .md\:stroke-secundario-600 svg {
    stroke: #9b2835;
  }
  .md\:hasta-primario-400 {
    --color-hasta: #125295;
  }
  .md\:hasta-primario-500 {
    --color-hasta: #0e4277;
  }
  .md\:hasta-primario-600 {
    --color-hasta: #0d3968;
  }
  .md\:hasta-primario-700 {
    --color-hasta: #09294b;
  }
  .md\:hasta-primario-800 {
    --color-hasta: #05192d;
  }
  .md\:hasta-secundario-300 {
    --color-hasta: #f19f53;
  }
  .md\:hasta-secundario-400 {
    --color-hasta: #C23242;
  }
  .md\:hasta-secundario-500 {
    --color-hasta: #af2d3b;
  }
  .md\:hasta-secundario-600 {
    --color-hasta: #9b2835;
  }
  .md\:hover\:bg-primario-400:hover {
    background-color: rgba(18, 82, 149, var(--bg-opacidad));
  }
  .md\:hover\:color-primario-400:hover {
    color: #125295;
  }
  .md\:hover\:borde-primario-400:hover {
    border-color: #125295;
  }
  .md\:hover\:de-primario-400:hover {
    --color-de: #125295 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-primario-400:hover {
    --sombra-color: rgba(18, 82, 149, var(--sombra-opacidad));
  }
  .md\:hover\:fill-primario-400:hover svg {
    fill: #125295;
  }
  .md\:hover\:stroke-primario-400:hover svg {
    stroke: #125295;
  }
  .md\:hover\:bg-primario-500:hover {
    background-color: rgba(14, 66, 119, var(--bg-opacidad));
  }
  .md\:hover\:color-primario-500:hover {
    color: #0e4277;
  }
  .md\:hover\:borde-primario-500:hover {
    border-color: #0e4277;
  }
  .md\:hover\:de-primario-500:hover {
    --color-de: #0e4277 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-primario-500:hover {
    --sombra-color: rgba(14, 66, 119, var(--sombra-opacidad));
  }
  .md\:hover\:fill-primario-500:hover svg {
    fill: #0e4277;
  }
  .md\:hover\:stroke-primario-500:hover svg {
    stroke: #0e4277;
  }
  .md\:hover\:bg-primario-600:hover {
    background-color: rgba(13, 57, 104, var(--bg-opacidad));
  }
  .md\:hover\:color-primario-600:hover {
    color: #0d3968;
  }
  .md\:hover\:borde-primario-600:hover {
    border-color: #0d3968;
  }
  .md\:hover\:de-primario-600:hover {
    --color-de: #0d3968 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-primario-600:hover {
    --sombra-color: rgba(13, 57, 104, var(--sombra-opacidad));
  }
  .md\:hover\:fill-primario-600:hover svg {
    fill: #0d3968;
  }
  .md\:hover\:stroke-primario-600:hover svg {
    stroke: #0d3968;
  }
  .md\:hover\:bg-primario-700:hover {
    background-color: rgba(9, 41, 75, var(--bg-opacidad));
  }
  .md\:hover\:color-primario-700:hover {
    color: #09294b;
  }
  .md\:hover\:borde-primario-700:hover {
    border-color: #09294b;
  }
  .md\:hover\:de-primario-700:hover {
    --color-de: #09294b 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-primario-700:hover {
    --sombra-color: rgba(9, 41, 75, var(--sombra-opacidad));
  }
  .md\:hover\:fill-primario-700:hover svg {
    fill: #09294b;
  }
  .md\:hover\:stroke-primario-700:hover svg {
    stroke: #09294b;
  }
  .md\:hover\:bg-primario-800:hover {
    background-color: rgba(5, 25, 45, var(--bg-opacidad));
  }
  .md\:hover\:color-primario-800:hover {
    color: #05192d;
  }
  .md\:hover\:borde-primario-800:hover {
    border-color: #05192d;
  }
  .md\:hover\:de-primario-800:hover {
    --color-de: #05192d 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-primario-800:hover {
    --sombra-color: rgba(5, 25, 45, var(--sombra-opacidad));
  }
  .md\:hover\:fill-primario-800:hover svg {
    fill: #05192d;
  }
  .md\:hover\:stroke-primario-800:hover svg {
    stroke: #05192d;
  }
  .md\:hover\:bg-secundario-300:hover {
    background-color: rgba(241, 159, 83, var(--bg-opacidad));
  }
  .md\:hover\:color-secundario-300:hover {
    color: #f19f53;
  }
  .md\:hover\:borde-secundario-300:hover {
    border-color: #f19f53;
  }
  .md\:hover\:de-secundario-300:hover {
    --color-de: #f19f53 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-secundario-300:hover {
    --sombra-color: rgba(241, 159, 83, var(--sombra-opacidad));
  }
  .md\:hover\:fill-secundario-300:hover svg {
    fill: #f19f53;
  }
  .md\:hover\:stroke-secundario-300:hover svg {
    stroke: #f19f53;
  }
  .md\:hover\:bg-secundario-400:hover {
    background-color: rgba(194, 50, 66, var(--bg-opacidad));
  }
  .md\:hover\:color-secundario-400:hover {
    color: #C23242;
  }
  .md\:hover\:borde-secundario-400:hover {
    border-color: #C23242;
  }
  .md\:hover\:de-secundario-400:hover {
    --color-de: #C23242 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-secundario-400:hover {
    --sombra-color: rgba(194, 50, 66, var(--sombra-opacidad));
  }
  .md\:hover\:fill-secundario-400:hover svg {
    fill: #C23242;
  }
  .md\:hover\:stroke-secundario-400:hover svg {
    stroke: #C23242;
  }
  .md\:hover\:bg-secundario-500:hover {
    background-color: rgba(175, 45, 59, var(--bg-opacidad));
  }
  .md\:hover\:color-secundario-500:hover {
    color: #af2d3b;
  }
  .md\:hover\:borde-secundario-500:hover {
    border-color: #af2d3b;
  }
  .md\:hover\:de-secundario-500:hover {
    --color-de: #af2d3b 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-secundario-500:hover {
    --sombra-color: rgba(175, 45, 59, var(--sombra-opacidad));
  }
  .md\:hover\:fill-secundario-500:hover svg {
    fill: #af2d3b;
  }
  .md\:hover\:stroke-secundario-500:hover svg {
    stroke: #af2d3b;
  }
  .md\:hover\:bg-secundario-600:hover {
    background-color: rgba(155, 40, 53, var(--bg-opacidad));
  }
  .md\:hover\:color-secundario-600:hover {
    color: #9b2835;
  }
  .md\:hover\:borde-secundario-600:hover {
    border-color: #9b2835;
  }
  .md\:hover\:de-secundario-600:hover {
    --color-de: #9b2835 0%, var(--color-hasta) 100%;
  }
  .md\:hover\:sombra-secundario-600:hover {
    --sombra-color: rgba(155, 40, 53, var(--sombra-opacidad));
  }
  .md\:hover\:fill-secundario-600:hover svg {
    fill: #9b2835;
  }
  .md\:hover\:stroke-secundario-600:hover svg {
    stroke: #9b2835;
  }
  .md\:hover\:hasta-primario-400:hover {
    --color-hasta: #125295;
  }
  .md\:hover\:hasta-primario-500:hover {
    --color-hasta: #0e4277;
  }
  .md\:hover\:hasta-primario-600:hover {
    --color-hasta: #0d3968;
  }
  .md\:hover\:hasta-primario-700:hover {
    --color-hasta: #09294b;
  }
  .md\:hover\:hasta-primario-800:hover {
    --color-hasta: #05192d;
  }
  .md\:hover\:hasta-secundario-300:hover {
    --color-hasta: #f19f53;
  }
  .md\:hover\:hasta-secundario-400:hover {
    --color-hasta: #C23242;
  }
  .md\:hover\:hasta-secundario-500:hover {
    --color-hasta: #af2d3b;
  }
  .md\:hover\:hasta-secundario-600:hover {
    --color-hasta: #9b2835;
  }
}
@media (min-width: 992px) {
  .lg\:bg-primario-400 {
    background-color: rgba(18, 82, 149, var(--bg-opacidad));
  }
  .lg\:color-primario-400 {
    color: #125295;
  }
  .lg\:borde-primario-400 {
    border-color: #125295;
  }
  .lg\:de-primario-400 {
    --color-de: #125295 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-primario-400 {
    --sombra-color: rgba(18, 82, 149, var(--sombra-opacidad));
  }
  .lg\:fill-primario-400 svg {
    fill: #125295;
  }
  .lg\:stroke-primario-400 svg {
    stroke: #125295;
  }
  .lg\:bg-primario-500 {
    background-color: rgba(14, 66, 119, var(--bg-opacidad));
  }
  .lg\:color-primario-500 {
    color: #0e4277;
  }
  .lg\:borde-primario-500 {
    border-color: #0e4277;
  }
  .lg\:de-primario-500 {
    --color-de: #0e4277 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-primario-500 {
    --sombra-color: rgba(14, 66, 119, var(--sombra-opacidad));
  }
  .lg\:fill-primario-500 svg {
    fill: #0e4277;
  }
  .lg\:stroke-primario-500 svg {
    stroke: #0e4277;
  }
  .lg\:bg-primario-600 {
    background-color: rgba(13, 57, 104, var(--bg-opacidad));
  }
  .lg\:color-primario-600 {
    color: #0d3968;
  }
  .lg\:borde-primario-600 {
    border-color: #0d3968;
  }
  .lg\:de-primario-600 {
    --color-de: #0d3968 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-primario-600 {
    --sombra-color: rgba(13, 57, 104, var(--sombra-opacidad));
  }
  .lg\:fill-primario-600 svg {
    fill: #0d3968;
  }
  .lg\:stroke-primario-600 svg {
    stroke: #0d3968;
  }
  .lg\:bg-primario-700 {
    background-color: rgba(9, 41, 75, var(--bg-opacidad));
  }
  .lg\:color-primario-700 {
    color: #09294b;
  }
  .lg\:borde-primario-700 {
    border-color: #09294b;
  }
  .lg\:de-primario-700 {
    --color-de: #09294b 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-primario-700 {
    --sombra-color: rgba(9, 41, 75, var(--sombra-opacidad));
  }
  .lg\:fill-primario-700 svg {
    fill: #09294b;
  }
  .lg\:stroke-primario-700 svg {
    stroke: #09294b;
  }
  .lg\:bg-primario-800 {
    background-color: rgba(5, 25, 45, var(--bg-opacidad));
  }
  .lg\:color-primario-800 {
    color: #05192d;
  }
  .lg\:borde-primario-800 {
    border-color: #05192d;
  }
  .lg\:de-primario-800 {
    --color-de: #05192d 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-primario-800 {
    --sombra-color: rgba(5, 25, 45, var(--sombra-opacidad));
  }
  .lg\:fill-primario-800 svg {
    fill: #05192d;
  }
  .lg\:stroke-primario-800 svg {
    stroke: #05192d;
  }
  .lg\:bg-secundario-300 {
    background-color: rgba(241, 159, 83, var(--bg-opacidad));
  }
  .lg\:color-secundario-300 {
    color: #f19f53;
  }
  .lg\:borde-secundario-300 {
    border-color: #f19f53;
  }
  .lg\:de-secundario-300 {
    --color-de: #f19f53 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-secundario-300 {
    --sombra-color: rgba(241, 159, 83, var(--sombra-opacidad));
  }
  .lg\:fill-secundario-300 svg {
    fill: #f19f53;
  }
  .lg\:stroke-secundario-300 svg {
    stroke: #f19f53;
  }
  .lg\:bg-secundario-400 {
    background-color: rgba(194, 50, 66, var(--bg-opacidad));
  }
  .lg\:color-secundario-400 {
    color: #C23242;
  }
  .lg\:borde-secundario-400 {
    border-color: #C23242;
  }
  .lg\:de-secundario-400 {
    --color-de: #C23242 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-secundario-400 {
    --sombra-color: rgba(194, 50, 66, var(--sombra-opacidad));
  }
  .lg\:fill-secundario-400 svg {
    fill: #C23242;
  }
  .lg\:stroke-secundario-400 svg {
    stroke: #C23242;
  }
  .lg\:bg-secundario-500 {
    background-color: rgba(175, 45, 59, var(--bg-opacidad));
  }
  .lg\:color-secundario-500 {
    color: #af2d3b;
  }
  .lg\:borde-secundario-500 {
    border-color: #af2d3b;
  }
  .lg\:de-secundario-500 {
    --color-de: #af2d3b 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-secundario-500 {
    --sombra-color: rgba(175, 45, 59, var(--sombra-opacidad));
  }
  .lg\:fill-secundario-500 svg {
    fill: #af2d3b;
  }
  .lg\:stroke-secundario-500 svg {
    stroke: #af2d3b;
  }
  .lg\:bg-secundario-600 {
    background-color: rgba(155, 40, 53, var(--bg-opacidad));
  }
  .lg\:color-secundario-600 {
    color: #9b2835;
  }
  .lg\:borde-secundario-600 {
    border-color: #9b2835;
  }
  .lg\:de-secundario-600 {
    --color-de: #9b2835 0%, var(--color-hasta) 100%;
  }
  .lg\:sombra-secundario-600 {
    --sombra-color: rgba(155, 40, 53, var(--sombra-opacidad));
  }
  .lg\:fill-secundario-600 svg {
    fill: #9b2835;
  }
  .lg\:stroke-secundario-600 svg {
    stroke: #9b2835;
  }
  .lg\:hasta-primario-400 {
    --color-hasta: #125295;
  }
  .lg\:hasta-primario-500 {
    --color-hasta: #0e4277;
  }
  .lg\:hasta-primario-600 {
    --color-hasta: #0d3968;
  }
  .lg\:hasta-primario-700 {
    --color-hasta: #09294b;
  }
  .lg\:hasta-primario-800 {
    --color-hasta: #05192d;
  }
  .lg\:hasta-secundario-300 {
    --color-hasta: #f19f53;
  }
  .lg\:hasta-secundario-400 {
    --color-hasta: #C23242;
  }
  .lg\:hasta-secundario-500 {
    --color-hasta: #af2d3b;
  }
  .lg\:hasta-secundario-600 {
    --color-hasta: #9b2835;
  }
  .lg\:hover\:bg-primario-400:hover {
    background-color: rgba(18, 82, 149, var(--bg-opacidad));
  }
  .lg\:hover\:color-primario-400:hover {
    color: #125295;
  }
  .lg\:hover\:borde-primario-400:hover {
    border-color: #125295;
  }
  .lg\:hover\:de-primario-400:hover {
    --color-de: #125295 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-primario-400:hover {
    --sombra-color: rgba(18, 82, 149, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-primario-400:hover svg {
    fill: #125295;
  }
  .lg\:hover\:stroke-primario-400:hover svg {
    stroke: #125295;
  }
  .lg\:hover\:bg-primario-500:hover {
    background-color: rgba(14, 66, 119, var(--bg-opacidad));
  }
  .lg\:hover\:color-primario-500:hover {
    color: #0e4277;
  }
  .lg\:hover\:borde-primario-500:hover {
    border-color: #0e4277;
  }
  .lg\:hover\:de-primario-500:hover {
    --color-de: #0e4277 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-primario-500:hover {
    --sombra-color: rgba(14, 66, 119, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-primario-500:hover svg {
    fill: #0e4277;
  }
  .lg\:hover\:stroke-primario-500:hover svg {
    stroke: #0e4277;
  }
  .lg\:hover\:bg-primario-600:hover {
    background-color: rgba(13, 57, 104, var(--bg-opacidad));
  }
  .lg\:hover\:color-primario-600:hover {
    color: #0d3968;
  }
  .lg\:hover\:borde-primario-600:hover {
    border-color: #0d3968;
  }
  .lg\:hover\:de-primario-600:hover {
    --color-de: #0d3968 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-primario-600:hover {
    --sombra-color: rgba(13, 57, 104, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-primario-600:hover svg {
    fill: #0d3968;
  }
  .lg\:hover\:stroke-primario-600:hover svg {
    stroke: #0d3968;
  }
  .lg\:hover\:bg-primario-700:hover {
    background-color: rgba(9, 41, 75, var(--bg-opacidad));
  }
  .lg\:hover\:color-primario-700:hover {
    color: #09294b;
  }
  .lg\:hover\:borde-primario-700:hover {
    border-color: #09294b;
  }
  .lg\:hover\:de-primario-700:hover {
    --color-de: #09294b 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-primario-700:hover {
    --sombra-color: rgba(9, 41, 75, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-primario-700:hover svg {
    fill: #09294b;
  }
  .lg\:hover\:stroke-primario-700:hover svg {
    stroke: #09294b;
  }
  .lg\:hover\:bg-primario-800:hover {
    background-color: rgba(5, 25, 45, var(--bg-opacidad));
  }
  .lg\:hover\:color-primario-800:hover {
    color: #05192d;
  }
  .lg\:hover\:borde-primario-800:hover {
    border-color: #05192d;
  }
  .lg\:hover\:de-primario-800:hover {
    --color-de: #05192d 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-primario-800:hover {
    --sombra-color: rgba(5, 25, 45, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-primario-800:hover svg {
    fill: #05192d;
  }
  .lg\:hover\:stroke-primario-800:hover svg {
    stroke: #05192d;
  }
  .lg\:hover\:bg-secundario-300:hover {
    background-color: rgba(241, 159, 83, var(--bg-opacidad));
  }
  .lg\:hover\:color-secundario-300:hover {
    color: #f19f53;
  }
  .lg\:hover\:borde-secundario-300:hover {
    border-color: #f19f53;
  }
  .lg\:hover\:de-secundario-300:hover {
    --color-de: #f19f53 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-secundario-300:hover {
    --sombra-color: rgba(241, 159, 83, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-secundario-300:hover svg {
    fill: #f19f53;
  }
  .lg\:hover\:stroke-secundario-300:hover svg {
    stroke: #f19f53;
  }
  .lg\:hover\:bg-secundario-400:hover {
    background-color: rgba(194, 50, 66, var(--bg-opacidad));
  }
  .lg\:hover\:color-secundario-400:hover {
    color: #C23242;
  }
  .lg\:hover\:borde-secundario-400:hover {
    border-color: #C23242;
  }
  .lg\:hover\:de-secundario-400:hover {
    --color-de: #C23242 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-secundario-400:hover {
    --sombra-color: rgba(194, 50, 66, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-secundario-400:hover svg {
    fill: #C23242;
  }
  .lg\:hover\:stroke-secundario-400:hover svg {
    stroke: #C23242;
  }
  .lg\:hover\:bg-secundario-500:hover {
    background-color: rgba(175, 45, 59, var(--bg-opacidad));
  }
  .lg\:hover\:color-secundario-500:hover {
    color: #af2d3b;
  }
  .lg\:hover\:borde-secundario-500:hover {
    border-color: #af2d3b;
  }
  .lg\:hover\:de-secundario-500:hover {
    --color-de: #af2d3b 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-secundario-500:hover {
    --sombra-color: rgba(175, 45, 59, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-secundario-500:hover svg {
    fill: #af2d3b;
  }
  .lg\:hover\:stroke-secundario-500:hover svg {
    stroke: #af2d3b;
  }
  .lg\:hover\:bg-secundario-600:hover {
    background-color: rgba(155, 40, 53, var(--bg-opacidad));
  }
  .lg\:hover\:color-secundario-600:hover {
    color: #9b2835;
  }
  .lg\:hover\:borde-secundario-600:hover {
    border-color: #9b2835;
  }
  .lg\:hover\:de-secundario-600:hover {
    --color-de: #9b2835 0%, var(--color-hasta) 100%;
  }
  .lg\:hover\:sombra-secundario-600:hover {
    --sombra-color: rgba(155, 40, 53, var(--sombra-opacidad));
  }
  .lg\:hover\:fill-secundario-600:hover svg {
    fill: #9b2835;
  }
  .lg\:hover\:stroke-secundario-600:hover svg {
    stroke: #9b2835;
  }
  .lg\:hover\:hasta-primario-400:hover {
    --color-hasta: #125295;
  }
  .lg\:hover\:hasta-primario-500:hover {
    --color-hasta: #0e4277;
  }
  .lg\:hover\:hasta-primario-600:hover {
    --color-hasta: #0d3968;
  }
  .lg\:hover\:hasta-primario-700:hover {
    --color-hasta: #09294b;
  }
  .lg\:hover\:hasta-primario-800:hover {
    --color-hasta: #05192d;
  }
  .lg\:hover\:hasta-secundario-300:hover {
    --color-hasta: #f19f53;
  }
  .lg\:hover\:hasta-secundario-400:hover {
    --color-hasta: #C23242;
  }
  .lg\:hover\:hasta-secundario-500:hover {
    --color-hasta: #af2d3b;
  }
  .lg\:hover\:hasta-secundario-600:hover {
    --color-hasta: #9b2835;
  }
}
:root {
  --ancho-contenedor: 1200px;
}

body {
  font-size: 2.2rem;
  color: #000000;
  font-family: "Lato", sans-serif;
  font-weight: 300;
}

a {
  color: #000;
}

p {
  line-height: 1.7;
}

.fuente-lato {
  font-family: "Lato", sans-serif;
}

.fuente-titulo,
h1,
h2,
h3,
h4, h5 {
  font-family: "Montserrat", sans-serif;
}

h1,
h2,
h3,
h4, h5 {
  font-weight: 600;
}

.yate-home-desc:hover span {
  width: 100%;
}

.boton-flecha:hover span {
  opacity: 1;
  transform: translateX(24px);
}

.hover\:espaciado-derecha-lg:hover {
  padding-right: 60px;
}

.p-abajo-0 p:last-child {
  margin-bottom: 0;
}

.yate-horarios p:last-child {
  margin-bottom: 0;
}
.yate-horarios p {
  margin-bottom: 16px;
}

.menu.active {
  height: calc(100vh - 200px) !important;
}

.grecaptcha-badge {
  visibility: hidden;
}

header {
  left: 0;
  position: fixed !important;
  right: 0;
  top: 0;
  transition: top 0.2s ease-in-out;
  z-index: 100;
}

body {
  margin-top: 120px;
}

@media (min-width: 992px) {
  body {
    margin-top: 90px;
  }
}
.yate-img-gal:hover img {
  filter: saturate(1.4);
  transform: scale(1.06);
}

/*# sourceMappingURL=style.css.map */