@charset "UTF-8";
.pointer-events-none{
  pointer-events: none;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.bottom-\[65px\]{
  bottom: 65px;
}
.bottom-full{
  bottom: 100%;
}
.left-1\/2{
  left: 50%;
}
.top-full{
  top: 100%;
}
.m-4{
  margin: 1rem;
}
.m-auto{
  margin: auto;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-\[1rem\]{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-\[10px\]{
  margin-bottom: 10px;
}
.ml-auto{
  margin-left: auto;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-auto{
  margin-top: auto;
}
.\!block{
  display: block !important;
}
.block{
  display: block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.h-0{
  height: 0px;
}
.h-10{
  height: 2.5rem;
}
.h-3{
  height: 0.75rem;
}
.h-4{
  height: 1rem;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-64{
  height: 16rem;
}
.h-full{
  height: 100%;
}
.max-h-\[400px\]{
  max-height: 400px;
}
.w-0{
  width: 0px;
}
.w-1{
  width: 0.25rem;
}
.w-1\/2{
  width: 50%;
}
.w-1\/4{
  width: 25%;
}
.w-3\/4{
  width: 75%;
}
.w-3\/6{
  width: 50%;
}
.w-56{
  width: 14rem;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.min-w-\[820px\]{
  min-width: 820px;
}
.max-w-\[1100px\]{
  max-width: 1100px;
}
.max-w-\[1450px\]{
  max-width: 1450px;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse{
  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.cursor-pointer{
  cursor: pointer;
}
.resize{
  resize: both;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-stretch{
  align-items: stretch;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-2{
  gap: 0.5rem;
}
.gap-4{
  gap: 1rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-\[10px\]{
  gap: 10px;
}
.gap-\[3px\]{
  gap: 3px;
}
.-space-x-px > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-1px * var(--tw-space-x-reverse));
  margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overflow-y-scroll{
  overflow-y: scroll;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-l-8{
  border-left-width: 8px;
}
.border-r-8{
  border-right-width: 8px;
}
.border-t-8{
  border-top-width: 8px;
}
.border-\[\#04AA5E\]{
  --tw-border-opacity: 1;
  border-color: rgb(4 170 94 / var(--tw-border-opacity, 1));
}
.border-\[\#070707\]{
  --tw-border-opacity: 1;
  border-color: rgb(7 7 7 / var(--tw-border-opacity, 1));
}
.border-\[\#FF3C41\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 60 65 / var(--tw-border-opacity, 1));
}
.border-\[\#FF671D\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 103 29 / var(--tw-border-opacity, 1));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-l-transparent{
  border-left-color: transparent;
}
.border-r-transparent{
  border-right-color: transparent;
}
.border-t-orange-500{
  --tw-border-opacity: 1;
  border-top-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.bg-\[\#04AA5E\]{
  --tw-bg-opacity: 1;
  background-color: rgb(4 170 94 / var(--tw-bg-opacity, 1));
}
.bg-\[\#252525\]{
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity, 1));
}
.bg-\[\#CDEEDF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(205 238 223 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FF3C41\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 60 65 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FF671D\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 103 29 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFC2A5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 194 165 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFD8D9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 216 217 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ff671d\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 103 29 / var(--tw-bg-opacity, 1));
}
.bg-orange-500{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.bg-transparent{
  background-color: transparent;
}
.p-0{
  padding: 0px;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-\[16px\]{
  padding-bottom: 16px;
}
.pb-\[5px\]{
  padding-bottom: 5px;
}
.pl-\[10px\]{
  padding-left: 10px;
}
.pr-\[10px\]{
  padding-right: 10px;
}
.pt-\[10px\]{
  padding-top: 10px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[16px\]{
  font-size: 16px;
}
.text-\[20px\]{
  font-size: 20px;
}
.text-\[50px\]{
  font-size: 50px;
}
.text-\[60px\]{
  font-size: 60px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.font-bold{
  font-weight: 700;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.ordinal{
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.text-\[\#04AA5E\]{
  --tw-text-opacity: 1;
  color: rgb(4 170 94 / var(--tw-text-opacity, 1));
}
.text-\[\#04aa5e\]{
  --tw-text-opacity: 1;
  color: rgb(4 170 94 / var(--tw-text-opacity, 1));
}
.text-\[\#FF3C41\]{
  --tw-text-opacity: 1;
  color: rgb(255 60 65 / var(--tw-text-opacity, 1));
}
.text-\[\#FF671D\]{
  --tw-text-opacity: 1;
  color: rgb(255 103 29 / var(--tw-text-opacity, 1));
}
.text-\[\#ff3c41\]{
  --tw-text-opacity: 1;
  color: rgb(255 60 65 / var(--tw-text-opacity, 1));
}
.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-orange-400{
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
.text-orange-500{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.text-orange-600{
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.opacity-0{
  opacity: 0;
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
:root, :host {
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --color-red-100: oklch(93.6% 0.032 17.717);
  --color-red-800: oklch(44.4% 0.177 26.899);
  --color-yellow-100: oklch(97.3% 0.071 103.193);
  --color-yellow-800: oklch(47.6% 0.114 61.907);
  --color-green-100: oklch(96.2% 0.044 156.743);
  --color-green-800: oklch(44.8% 0.119 151.328);
  --color-blue-100: oklch(93.2% 0.032 255.585);
  --color-blue-800: oklch(42.4% 0.199 265.638);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-gray-800: oklch(27.8% 0.033 256.848);
  --color-white: #fff;
  --spacing: 0.25rem;
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --font-weight-medium: 500;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --animate-spin: spin 1s linear infinite;
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --color--one: #161616;
  --color--two: #FF671D;
  --color--two-light: #fc8145;
  --color--tree: #FFFFFF;
  --color--four: #60269E;
  --color--five: #7C7C7C;
  --font-family-regular: "Plus Jakarta Sans";
  --font-family-bold: "Plus Jakarta Sans Bold";
  --font-family-medium: "Plus Jakarta Sans Medium";
  /**
  * Dropbutton
  */
  --dropbutton-spacing-size: var(--space-m);
  --dropbutton-font-size: var(--font-size-base);
  --dropbutton-line-height: var(--space-m);
  --dropbutton-toggle-size: 3rem;
  --dropbutton-border-size: 1px;
  --dropbutton-toggle-size-spacing: var(--dropbutton-border-size);
  --dropbutton-border-radius-size: 2px;
  --dropbutton-item-max-width: 12.5rem;
  /* Variant variables: small. */
  --dropbutton-small-spacing-size: 0.625rem;
  --dropbutton-small-font-size: var(--font-size-xs);
  --dropbutton-small-line-height: 0.75rem;
  --dropbutton-small-toggle-size: calc((2 * var(--dropbutton-small-spacing-size)) + var(--dropbutton-small-line-height));
  /* Variant variables: extra small. */
  --dropbutton-extrasmall-spacing-size: 0.375rem;
  --dropbutton-extrasmall-font-size: var(--font-size-xs);
  --dropbutton-extrasmall-line-height: 0.75rem;
  --dropbutton-extrasmall-toggle-size: calc((2 * var(--dropbutton-extrasmall-spacing-size)) + var(--dropbutton-extrasmall-line-height));
}

:root[theme=dark] {
  --background: #1E1E1E;
  --background-trans: #000000CC;
  --mix-blend-mode: color-dodge;
  --opacity-background: inherit;
  --color--1: #161616;
  --color--2: #252525;
  --color--3: #D3D3D3;
  --color--4: #FF671D;
  --color--5: #FFFFFF;
  --color--6: #7C7C7C;
  --color--7: #FF671D;
  --color--8: #070707;
  --color--9: #FFFFFF;
  --color--10: #FFFFFF;
  --color--11: #515151;
  --color--12: #161616;
  --color--13: #252525;
  --color--14: #070707;
}

:root[theme=light] {
  --background: #FFFFFF;
  --background-trans: #FFFFFFCC;
  --mix-blend-mode: difference;
  --opacity-background: 30%;
  --color--1: #FF671D;
  --color--2: #FFFFFF;
  --color--3: #000000;
  --color--4: #FFE1D2;
  --color--5: #B9BABD;
  --color--6: #7C7C7C;
  --color--7: #252525;
  --color--8: #FFFFFF;
  --color--9: #252525;
  --color--10: #EDEEEE;
  --color--11: #252525;
  --color--12: #FFFFFF;
  --color--13: #EDEEEE;
  --color--14: #A8A8A8;
}

[type=submit]:not(.icon),
.button-primary {
  cursor: pointer;
  height: auto;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--color--two);
  border-radius: 50em;
  border: 3px solid rgba(0, 0, 0, 0);
  padding: 11px 1rem;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color--one);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  font-family: var(--font-family-bold);
  line-height: 22px;
  letter-spacing: -2%;
  animation: borderMove 2s infinite linear;
}

[type=submit]:not(.icon).whatsapp,
.button-primary.whatsapp {
  padding-left: 40px;
  position: relative;
}

[type=submit]:not(.icon).whatsapp:before,
.button-primary.whatsapp:before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzJfNDM2OSkiPgo8cGF0aCBkPSJNMjAuMjUgMy43MTI2NUMxOC4wNzUgMS41Mzc2NSAxNS4xMTI1IDAuMzM3NjQ2IDEyLjA3NSAwLjMzNzY0NkM1LjcgMC4zMzc2NDYgMC40ODc1IDUuNTEyNjUgMC40ODc1IDExLjg4NzZDMC40ODc1IDEzLjk1MDEgMS4wMTI1IDE1LjkwMDIgMi4wMjUgMTcuNzAwMUwwLjM3NSAyMy42NjI2TDYuNTYyNSAyMi4wODc3QzguMjUgMjIuOTg3NiAxMC4xNjI1IDIzLjUxMjYgMTIuMTEyNSAyMy41MTI2QzE4LjQ1IDIzLjQ3NTIgMjMuNjI1IDE4LjMwMDEgMjMuNjI1IDExLjg4NzZDMjMuNjI1IDguODEyNjUgMjIuNDI1IDUuOTI1MTUgMjAuMjUgMy43MTI2NVpNMTIuMDM3NSAyMS41MjUyQzEwLjM1IDIxLjUyNTIgOC41ODc1IDIxLjAzNzcgNy4xMjUgMjAuMTM3Nkw2Ljc1IDE5LjkxMjZMMy4xMTI1IDIwLjg1MDFMNC4xMjUgMTcuMzI1MUwzLjkgMTYuOTUwMUMyLjk2MjUgMTUuNDEyNyAyLjQzNzUgMTMuNjEyNiAyLjQzNzUgMTEuODEyN0MyLjQzNzUgNi41MjUxNSA2LjcxMjUgMi4yNTAxNSAxMi4wMzc1IDIuMjUwMTVDMTQuNTg3NSAyLjI1MDE1IDE2Ljk4NzUgMy4yNjI2NSAxOC43ODc1IDUuMDYyNjVDMjAuNTg3NSA2Ljg2MjY1IDIxLjYgOS4zMDAxNSAyMS42IDExLjg4NzZDMjEuNjc1IDE3LjI1MDIgMTcuMzI1IDIxLjUyNTIgMTIuMDM3NSAyMS41MjUyWk0xNy4zMjUgMTQuMzI1MkMxNy4wMjUgMTQuMTc1MiAxNS42Mzc1IDEzLjQ2MjcgMTUuMyAxMy40MjUxQzE1LjAzNzUgMTMuMzEyNiAxNC44MTI1IDEzLjI3NTIgMTQuNjYyNSAxMy41NzUyQzE0LjUxMjUgMTMuODc1MiAxMy45MTI1IDE0LjQ3NTIgMTMuNzYyNSAxNC43MDAyQzEzLjYxMjUgMTQuODUwMiAxMy40NjI1IDE0LjkyNTEgMTMuMTI1IDE0LjczNzZDMTIuODI1IDE0LjU4NzcgMTEuOTI1IDE0LjMyNTEgMTAuOCAxMy4yNzUxQzkuOTM3NSAxMi41MjUxIDkuMzM3NSAxMS41ODc3IDkuMjI1IDExLjI1MDJDOS4wNzUgMTAuOTUwMiA5LjE4NzUgMTAuODM3NyA5LjM3NSAxMC42NTAyQzkuNTI1IDEwLjUwMDEgOS42NzUgMTAuMzUwMiA5Ljc4NzUgMTAuMTI1MkM5LjkzNzUgOS45NzUxNSA5LjkzNzUgOS44MjUxNSAxMC4wODc1IDkuNjM3NjVDMTAuMjM3NSA5LjQ4NzY1IDEwLjEyNSA5LjI2MjY1IDEwLjA1IDkuMTEyNjVDOS45Mzc1IDguOTYyNjUgOS40MTI1IDcuNTM3NjUgOS4xNSA2LjkzNzY1QzguOTI1IDYuMzM3NjUgOC42NjI1IDYuNDUwMTUgOC41MTI1IDYuNDUwMTVDOC4zNjI1IDYuNDUwMTUgOC4xMzc1IDYuNDUwMTUgNy45ODc1IDYuNDUwMTVDNy44Mzc1IDYuNDUwMTUgNy40NjI1IDYuNDg3NjUgNy4yMzc1IDYuODI1MTVDNi45NzUgNy4xMjUxNSA2LjIyNSA3LjgzNzY1IDYuMjI1IDkuMjYyNjVDNi4yMjUgMTAuNjg3NiA3LjIzNzUgMTIuMDAwMiA3LjQyNSAxMi4yNjI3QzcuNTc1IDEyLjQxMjcgOS40ODc1IDE1LjM3NTEgMTIuMzM3NSAxNi42NTAyQzEzLjAxMjUgMTYuOTUwMSAxMy41Mzc1IDE3LjEzNzYgMTMuOTg3NSAxNy4yODc2QzE0LjY2MjUgMTcuNTEyNiAxNS4zIDE3LjQzNzYgMTUuNzg3NSAxNy40MDAyQzE2LjM1IDE3LjM2MjYgMTcuNDc1IDE2LjcyNTIgMTcuNzM3NSAxNi4wMTI3QzE3Ljk2MjUgMTUuMzc1MiAxNy45NjI1IDE0LjczNzYgMTcuODg3NSAxNC42MjUyQzE3LjgxMjUgMTQuNTUwMSAxNy41ODc1IDE0LjQzNzcgMTcuMzI1IDE0LjMyNTJaIiBmaWxsPSIjMjUyNTI1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMl80MzY5Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
  left: 10px;
}

[type=submit]:not(.icon):hover,
.button-primary:hover {
  background-size: 200% 200%;
  color: var(--color--one);
}

[type=submit]:not(.icon).button-secondary,
.button-secondary {
  cursor: pointer;
  display: flex;
  gap: 4px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(var(--color--8), var(--color--8)) padding-box, linear-gradient(to right, var(--color--four), var(--color--two)) border-box;
  border-radius: 50em;
  border: 2px solid rgba(0, 0, 0, 0);
  padding: 11px 1rem;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color--9);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  font-family: var(--font-family-bold);
  line-height: 22px;
  letter-spacing: -2%;
  animation: borderMove 2s infinite linear;
}

[type=submit]:not(.icon).button-secondary:hover,
.button-secondary:hover {
  background-size: 200% 200%;
  color: var(--color--9);
}

[type=submit]:not(.icon).button-secondary.withwout,
.button-secondary.withwout {
  background: linear-gradient(var(--color--one), var(--color--one)) padding-box, linear-gradient(to right, var(--color--four), var(--color--two)) border-box;
  color: white;
}

[type=submit]:not(.icon).button-secondary.icon,
.button-secondary.icon {
  padding-left: 40px;
  position: relative;
}

[type=submit]:not(.icon).button-secondary.icon:before,
.button-secondary.icon:before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  left: 10px;
  background-repeat: no-repeat;
  background-position: center;
}

[type=submit]:not(.icon).button-secondary.arrow-top-right:before,
.button-secondary.arrow-top-right:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNjI1MSAxOS4yMzc1QzUuNDAwMSAxOS4yMzc1IDUuMTc1MSAxOS4xNjI1IDUuMDI1MSAxOC45NzVDNC42ODc2IDE4LjYzNzUgNC42ODc2IDE4LjExMjUgNS4wMjUxIDE3Ljc3NUwxNi4zODc2IDYuNDEyNDVINy4zMTI2QzYuODYyNiA2LjQxMjQ1IDYuNDg3NiA2LjAzNzQ1IDYuNDg3NiA1LjU4NzQ1QzYuNDg3NiA1LjEzNzQ1IDYuODYyNiA0Ljc2MjQ1IDcuMzEyNiA0Ljc2MjQ1SDE4LjM3NTFDMTguODI1MSA0Ljc2MjQ1IDE5LjIwMDEgNS4xMzc0NSAxOS4yMDAxIDUuNTg3NDVWMTYuNzI1QzE5LjIwMDEgMTcuMTc1IDE4LjgyNTEgMTcuNTUgMTguMzc1MSAxNy41NUMxNy45MjUxIDE3LjU1IDE3LjU1MDEgMTcuMTc1IDE3LjU1MDEgMTYuNzI1VjcuNjg3NDVMNi4yMjUxIDE5LjAxMjVDNi4wNzUxIDE5LjE2MjUgNS44NTAxIDE5LjIzNzUgNS42MjUxIDE5LjIzNzVaIiBmaWxsPSIjZmZmZmZmIi8+Cjwvc3ZnPgo=");
}

[type=submit]:not(.icon).button-secondary.whatsapp:before,
.button-secondary.whatsapp:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDIuNDc1MUMxMi41NSAxLjAyNTEgMTAuNTc1IDAuMjI1MDk4IDguNTUgMC4yMjUwOThDNC4zIDAuMjI1MDk4IDAuODI1IDMuNjc1MSAwLjgyNSA3LjkyNTFDMC44MjUgOS4zMDAxIDEuMTc1IDEwLjYwMDEgMS44NSAxMS44MDAxTDAuNzUgMTUuNzc1MUw0Ljg3NSAxNC43MjUxQzYgMTUuMzI1MSA3LjI3NSAxNS42NzUxIDguNTc1IDE1LjY3NTFDMTIuOCAxNS42NTAxIDE2LjI1IDEyLjIwMDEgMTYuMjUgNy45MjUxQzE2LjI1IDUuODc1MSAxNS40NSAzLjk1MDEgMTQgMi40NzUxWk04LjUyNSAxNC4zNTAxQzcuNCAxNC4zNTAxIDYuMjI1IDE0LjAyNTEgNS4yNSAxMy40MjUxTDUgMTMuMjc1MUwyLjU3NSAxMy45MDAxTDMuMjUgMTEuNTUwMUwzLjEgMTEuMzAwMUMyLjQ3NSAxMC4yNzUxIDIuMTI1IDkuMDc1MSAyLjEyNSA3Ljg3NTFDMi4xMjUgNC4zNTAxIDQuOTc1IDEuNTAwMSA4LjUyNSAxLjUwMDFDMTAuMjI1IDEuNTAwMSAxMS44MjUgMi4xNzUxIDEzLjAyNSAzLjM3NTFDMTQuMjI1IDQuNTc1MSAxNC45IDYuMjAwMSAxNC45IDcuOTI1MUMxNC45NSAxMS41MDAxIDEyLjA1IDE0LjM1MDEgOC41MjUgMTQuMzUwMVpNMTIuMDUgOS41NTAxQzExLjg1IDkuNDUwMSAxMC45MjUgOC45NzUxIDEwLjcgOC45NTAxQzEwLjUyNSA4Ljg3NTEgMTAuMzc1IDguODUwMSAxMC4yNzUgOS4wNTAxQzEwLjE3NSA5LjI1MDEgOS43NzUgOS42NTAxIDkuNjc1IDkuODAwMUM5LjU3NSA5LjkwMDEgOS40NzUgOS45NTAxIDkuMjUgOS44MjUxQzkuMDUgOS43MjUxIDguNDUgOS41NTAxIDcuNyA4Ljg1MDFDNy4xMjUgOC4zNTAxIDYuNzI1IDcuNzI1MSA2LjY1IDcuNTAwMUM2LjU1IDcuMzAwMSA2LjYyNSA3LjIyNTEgNi43NSA3LjEwMDFDNi44NSA3LjAwMDEgNi45NSA2LjkwMDEgNy4wMjUgNi43NTAxQzcuMTI1IDYuNjUwMSA3LjEyNSA2LjU1MDEgNy4yMjUgNi40MjUxQzcuMzI1IDYuMzI1MSA3LjI1IDYuMTc1MSA3LjIgNi4wNzUxQzcuMTI1IDUuOTc1MSA2Ljc3NSA1LjAyNTEgNi42IDQuNjI1MUM2LjQ1IDQuMjI1MSA2LjI3NSA0LjMwMDEgNi4xNzUgNC4zMDAxQzYuMDc1IDQuMzAwMSA1LjkyNSA0LjMwMDEgNS44MjUgNC4zMDAxQzUuNzI1IDQuMzAwMSA1LjQ3NSA0LjMyNTEgNS4zMjUgNC41NTAxQzUuMTUgNC43NTAxIDQuNjUgNS4yMjUxIDQuNjUgNi4xNzUxQzQuNjUgNy4xMjUxIDUuMzI1IDguMDAwMSA1LjQ1IDguMTc1MUM1LjU1IDguMjc1MSA2LjgyNSAxMC4yNTAxIDguNzI1IDExLjEwMDFDOS4xNzUgMTEuMzAwMSA5LjUyNSAxMS40MjUxIDkuODI1IDExLjUyNTFDMTAuMjc1IDExLjY3NTEgMTAuNyAxMS42MjUxIDExLjAyNSAxMS42MDAxQzExLjQgMTEuNTc1MSAxMi4xNSAxMS4xNTAxIDEyLjMyNSAxMC42NzUxQzEyLjQ3NSAxMC4yNTAxIDEyLjQ3NSA5LjgyNTEgMTIuNDI1IDkuNzUwMUMxMi4zNzUgOS43MDAxIDEyLjIyNSA5LjYyNTEgMTIuMDUgOS41NTAxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
}

[type=submit]:not(.icon).button-secondary.add:before,
.button-secondary.add:before {
  fill: red;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0idmFyKC0tY29sb3ItLTkpIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjIuNSAxMS4xNzQ5SDEyLjg2MjVWMS40OTk5NUMxMi44NjI1IDEuMDQ5OTUgMTIuNDg3NSAwLjYzNzQ1MSAxMiAwLjYzNzQ1MUMxMS41NSAwLjYzNzQ1MSAxMS4xMzc1IDEuMDEyNDUgMTEuMTM3NSAxLjQ5OTk1VjExLjE3NDlIMS41MDAwMUMxLjA1MDAxIDExLjE3NDkgMC42Mzc1MTIgMTEuNTQ5OSAwLjYzNzUxMiAxMi4wMzc0QzAuNjM3NTEyIDEyLjQ4NzQgMS4wMTI1MSAxMi45IDEuNTAwMDEgMTIuOUgxMS4xNzVWMjIuNDk5OUMxMS4xNzUgMjIuOTQ5OSAxMS41NSAyMy4zNjI0IDEyLjAzNzUgMjMuMzYyNEMxMi40ODc1IDIzLjM2MjQgMTIuOSAyMi45ODc0IDEyLjkgMjIuNDk5OVYxMi44NjI0SDIyLjVDMjIuOTUgMTIuODYyNCAyMy4zNjI1IDEyLjQ4NzQgMjMuMzYyNSAxMkMyMy4zNjI1IDExLjU0OTkgMjIuOTUgMTEuMTc0OSAyMi41IDExLjE3NDlaIiBmaWxsPSJ2YXIoLS1jb2xvci0tOSkiLz4KPC9zdmc+Cg==");
}

[type=submit]:not(.icon).button-tertiary {
  background-color: transparent;
  border: 2px solid #FF671D;
  color: #FF671D;
}

/* Animación del borde */
@keyframes borderMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.button-primary {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--color--two);
  border-radius: 50em;
  border: 3px solid rgba(0, 0, 0, 0);
  padding: 11px 1rem;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color--one);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  font-family: var(--font-family-bold);
  line-height: 22px;
  letter-spacing: -2%;
  animation: borderMove 2s infinite linear;
}

.button-primary.whatsapp {
  padding-left: 40px;
  position: relative;
}

.button-primary.whatsapp:before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzJfNDM2OSkiPgo8cGF0aCBkPSJNMjAuMjUgMy43MTI2NUMxOC4wNzUgMS41Mzc2NSAxNS4xMTI1IDAuMzM3NjQ2IDEyLjA3NSAwLjMzNzY0NkM1LjcgMC4zMzc2NDYgMC40ODc1IDUuNTEyNjUgMC40ODc1IDExLjg4NzZDMC40ODc1IDEzLjk1MDEgMS4wMTI1IDE1LjkwMDIgMi4wMjUgMTcuNzAwMUwwLjM3NSAyMy42NjI2TDYuNTYyNSAyMi4wODc3QzguMjUgMjIuOTg3NiAxMC4xNjI1IDIzLjUxMjYgMTIuMTEyNSAyMy41MTI2QzE4LjQ1IDIzLjQ3NTIgMjMuNjI1IDE4LjMwMDEgMjMuNjI1IDExLjg4NzZDMjMuNjI1IDguODEyNjUgMjIuNDI1IDUuOTI1MTUgMjAuMjUgMy43MTI2NVpNMTIuMDM3NSAyMS41MjUyQzEwLjM1IDIxLjUyNTIgOC41ODc1IDIxLjAzNzcgNy4xMjUgMjAuMTM3Nkw2Ljc1IDE5LjkxMjZMMy4xMTI1IDIwLjg1MDFMNC4xMjUgMTcuMzI1MUwzLjkgMTYuOTUwMUMyLjk2MjUgMTUuNDEyNyAyLjQzNzUgMTMuNjEyNiAyLjQzNzUgMTEuODEyN0MyLjQzNzUgNi41MjUxNSA2LjcxMjUgMi4yNTAxNSAxMi4wMzc1IDIuMjUwMTVDMTQuNTg3NSAyLjI1MDE1IDE2Ljk4NzUgMy4yNjI2NSAxOC43ODc1IDUuMDYyNjVDMjAuNTg3NSA2Ljg2MjY1IDIxLjYgOS4zMDAxNSAyMS42IDExLjg4NzZDMjEuNjc1IDE3LjI1MDIgMTcuMzI1IDIxLjUyNTIgMTIuMDM3NSAyMS41MjUyWk0xNy4zMjUgMTQuMzI1MkMxNy4wMjUgMTQuMTc1MiAxNS42Mzc1IDEzLjQ2MjcgMTUuMyAxMy40MjUxQzE1LjAzNzUgMTMuMzEyNiAxNC44MTI1IDEzLjI3NTIgMTQuNjYyNSAxMy41NzUyQzE0LjUxMjUgMTMuODc1MiAxMy45MTI1IDE0LjQ3NTIgMTMuNzYyNSAxNC43MDAyQzEzLjYxMjUgMTQuODUwMiAxMy40NjI1IDE0LjkyNTEgMTMuMTI1IDE0LjczNzZDMTIuODI1IDE0LjU4NzcgMTEuOTI1IDE0LjMyNTEgMTAuOCAxMy4yNzUxQzkuOTM3NSAxMi41MjUxIDkuMzM3NSAxMS41ODc3IDkuMjI1IDExLjI1MDJDOS4wNzUgMTAuOTUwMiA5LjE4NzUgMTAuODM3NyA5LjM3NSAxMC42NTAyQzkuNTI1IDEwLjUwMDEgOS42NzUgMTAuMzUwMiA5Ljc4NzUgMTAuMTI1MkM5LjkzNzUgOS45NzUxNSA5LjkzNzUgOS44MjUxNSAxMC4wODc1IDkuNjM3NjVDMTAuMjM3NSA5LjQ4NzY1IDEwLjEyNSA5LjI2MjY1IDEwLjA1IDkuMTEyNjVDOS45Mzc1IDguOTYyNjUgOS40MTI1IDcuNTM3NjUgOS4xNSA2LjkzNzY1QzguOTI1IDYuMzM3NjUgOC42NjI1IDYuNDUwMTUgOC41MTI1IDYuNDUwMTVDOC4zNjI1IDYuNDUwMTUgOC4xMzc1IDYuNDUwMTUgNy45ODc1IDYuNDUwMTVDNy44Mzc1IDYuNDUwMTUgNy40NjI1IDYuNDg3NjUgNy4yMzc1IDYuODI1MTVDNi45NzUgNy4xMjUxNSA2LjIyNSA3LjgzNzY1IDYuMjI1IDkuMjYyNjVDNi4yMjUgMTAuNjg3NiA3LjIzNzUgMTIuMDAwMiA3LjQyNSAxMi4yNjI3QzcuNTc1IDEyLjQxMjcgOS40ODc1IDE1LjM3NTEgMTIuMzM3NSAxNi42NTAyQzEzLjAxMjUgMTYuOTUwMSAxMy41Mzc1IDE3LjEzNzYgMTMuOTg3NSAxNy4yODc2QzE0LjY2MjUgMTcuNTEyNiAxNS4zIDE3LjQzNzYgMTUuNzg3NSAxNy40MDAyQzE2LjM1IDE3LjM2MjYgMTcuNDc1IDE2LjcyNTIgMTcuNzM3NSAxNi4wMTI3QzE3Ljk2MjUgMTUuMzc1MiAxNy45NjI1IDE0LjczNzYgMTcuODg3NSAxNC42MjUyQzE3LjgxMjUgMTQuNTUwMSAxNy41ODc1IDE0LjQzNzcgMTcuMzI1IDE0LjMyNTJaIiBmaWxsPSIjMjUyNTI1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMl80MzY5Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
  left: 10px;
}

.button-primary:hover {
  background-size: 200% 200%;
  color: var(--color--one);
}

.button-primary-fixed {
  position: fixed;
  right: 20px;
  bottom: 8%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 66px;
  height: 66px;
  background: #f60;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  font-size: 2rem;
  color: #000;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  overflow: initial;
  color: rgba(0, 0, 0, 0);
  padding: 17px 18px;
}

.button-primary-fixed.whatsapp:before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzJfNDM2OSkiPgo8cGF0aCBkPSJNMjAuMjUgMy43MTI2NUMxOC4wNzUgMS41Mzc2NSAxNS4xMTI1IDAuMzM3NjQ2IDEyLjA3NSAwLjMzNzY0NkM1LjcgMC4zMzc2NDYgMC40ODc1IDUuNTEyNjUgMC40ODc1IDExLjg4NzZDMC40ODc1IDEzLjk1MDEgMS4wMTI1IDE1LjkwMDIgMi4wMjUgMTcuNzAwMUwwLjM3NSAyMy42NjI2TDYuNTYyNSAyMi4wODc3QzguMjUgMjIuOTg3NiAxMC4xNjI1IDIzLjUxMjYgMTIuMTEyNSAyMy41MTI2QzE4LjQ1IDIzLjQ3NTIgMjMuNjI1IDE4LjMwMDEgMjMuNjI1IDExLjg4NzZDMjMuNjI1IDguODEyNjUgMjIuNDI1IDUuOTI1MTUgMjAuMjUgMy43MTI2NVpNMTIuMDM3NSAyMS41MjUyQzEwLjM1IDIxLjUyNTIgOC41ODc1IDIxLjAzNzcgNy4xMjUgMjAuMTM3Nkw2Ljc1IDE5LjkxMjZMMy4xMTI1IDIwLjg1MDFMNC4xMjUgMTcuMzI1MUwzLjkgMTYuOTUwMUMyLjk2MjUgMTUuNDEyNyAyLjQzNzUgMTMuNjEyNiAyLjQzNzUgMTEuODEyN0MyLjQzNzUgNi41MjUxNSA2LjcxMjUgMi4yNTAxNSAxMi4wMzc1IDIuMjUwMTVDMTQuNTg3NSAyLjI1MDE1IDE2Ljk4NzUgMy4yNjI2NSAxOC43ODc1IDUuMDYyNjVDMjAuNTg3NSA2Ljg2MjY1IDIxLjYgOS4zMDAxNSAyMS42IDExLjg4NzZDMjEuNjc1IDE3LjI1MDIgMTcuMzI1IDIxLjUyNTIgMTIuMDM3NSAyMS41MjUyWk0xNy4zMjUgMTQuMzI1MkMxNy4wMjUgMTQuMTc1MiAxNS42Mzc1IDEzLjQ2MjcgMTUuMyAxMy40MjUxQzE1LjAzNzUgMTMuMzEyNiAxNC44MTI1IDEzLjI3NTIgMTQuNjYyNSAxMy41NzUyQzE0LjUxMjUgMTMuODc1MiAxMy45MTI1IDE0LjQ3NTIgMTMuNzYyNSAxNC43MDAyQzEzLjYxMjUgMTQuODUwMiAxMy40NjI1IDE0LjkyNTEgMTMuMTI1IDE0LjczNzZDMTIuODI1IDE0LjU4NzcgMTEuOTI1IDE0LjMyNTEgMTAuOCAxMy4yNzUxQzkuOTM3NSAxMi41MjUxIDkuMzM3NSAxMS41ODc3IDkuMjI1IDExLjI1MDJDOS4wNzUgMTAuOTUwMiA5LjE4NzUgMTAuODM3NyA5LjM3NSAxMC42NTAyQzkuNTI1IDEwLjUwMDEgOS42NzUgMTAuMzUwMiA5Ljc4NzUgMTAuMTI1MkM5LjkzNzUgOS45NzUxNSA5LjkzNzUgOS44MjUxNSAxMC4wODc1IDkuNjM3NjVDMTAuMjM3NSA5LjQ4NzY1IDEwLjEyNSA5LjI2MjY1IDEwLjA1IDkuMTEyNjVDOS45Mzc1IDguOTYyNjUgOS40MTI1IDcuNTM3NjUgOS4xNSA2LjkzNzY1QzguOTI1IDYuMzM3NjUgOC42NjI1IDYuNDUwMTUgOC41MTI1IDYuNDUwMTVDOC4zNjI1IDYuNDUwMTUgOC4xMzc1IDYuNDUwMTUgNy45ODc1IDYuNDUwMTVDNy44Mzc1IDYuNDUwMTUgNy40NjI1IDYuNDg3NjUgNy4yMzc1IDYuODI1MTVDNi45NzUgNy4xMjUxNSA2LjIyNSA3LjgzNzY1IDYuMjI1IDkuMjYyNjVDNi4yMjUgMTAuNjg3NiA3LjIzNzUgMTIuMDAwMiA3LjQyNSAxMi4yNjI3QzcuNTc1IDEyLjQxMjcgOS40ODc1IDE1LjM3NTEgMTIuMzM3NSAxNi42NTAyQzEzLjAxMjUgMTYuOTUwMSAxMy41Mzc1IDE3LjEzNzYgMTMuOTg3NSAxNy4yODc2QzE0LjY2MjUgMTcuNTEyNiAxNS4zIDE3LjQzNzYgMTUuNzg3NSAxNy40MDAyQzE2LjM1IDE3LjM2MjYgMTcuNDc1IDE2LjcyNTIgMTcuNzM3NSAxNi4wMTI3QzE3Ljk2MjUgMTUuMzc1MiAxNy45NjI1IDE0LjczNzYgMTcuODg3NSAxNC42MjUyQzE3LjgxMjUgMTQuNTUwMSAxNy41ODc1IDE0LjQzNzcgMTcuMzI1IDE0LjMyNTJaIiBmaWxsPSIjMjUyNTI1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMl80MzY5Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
}

*, ::after, ::before, ::backdrop, ::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}

button, select, input, select, optgroup, textarea, ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}

select,
input:not([type=range]):not([type=submit]) {
  width: 100%;
  height: 44px;
  border-radius: 36px;
  padding: 12px 14px;
  background: rgba(0, 0, 0, 0);
  outline: none;
  transition: border 0.3s ease, background 0.3s ease;
  font-size: 12px;
  line-height: 20px;
  font-family: var(--font-family-medium);
  color: #a8a8a8;
  border: 1px solid #d8dbde;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}

select:focus,
input:not([type=range]):not([type=submit]):focus {
  border: 1px solid rgba(0, 0, 0, 0);
  background: linear-gradient(var(--background), var(--background)) padding-box, linear-gradient(to right, #60269E, #FF671D) border-box;
  border-radius: 36px;
}

.small-range {
  background: linear-gradient(to right, #FF671D 30%, #ddd 30%);
}

.dropbutton-wrapper.open .dropbutton-action a {
  display: block;
  padding: 0.375rem;
}

.dropbutton-wrapper.open .dropbutton-action a:hover {
  background-color: var(--color--12);
}

.dropbutton-wrapper .dropbutton-toggle {
  background-color: var(--color--13);
  margin-left: 5px;
  cursor: pointer;
}

.dropbutton-wrapper .dropbutton-toggle:before {
  content: "";
  height: 100%;
  width: 3px;
  background-color: var(--color--12);
  display: block;
}

.dropbutton-wrapper .dropbutton-widget {
  width: 100%;
  background-color: var(--color--13);
  padding: 10px;
}

.container-modal-pre {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: var(--background-trans);
  align-items: center;
  justify-content: center;
  display: flex;
}

.container-modal-pre.hidden {
  display: none;
}

.container-modal-pre .close-button {
  color: var(--color--9);
  font-size: 32px;
  font-weight: 100;
  display: block;
  margin-left: auto;
  cursor: pointer;
}

.container-modal-pre .container-modal {
  background-color: var(--background);
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
}

.container-modal-pre .container-modal h1 {
  color: var(--color--9);
  font-size: 28px;
  font-family: var(--font-family-bold);
  margin: 1rem;
}

.container-modal-pre .container-modal .buttons {
  justify-content: center;
  margin-top: 1rem;
}

.container-modal-pre .container-modal .buttons input {
  width: 100%;
}

.container-modal-pre .container-modal p {
  color: #FF671D;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/src/PlusJakartaSans-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans Bold";
  src: url("../fonts/src/PlusJakartaSans-Bold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans Medium";
  src: url("../fonts/src/PlusJakartaSans-Medium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/src/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2") format("woff2");
}
header .links {
  display: flex;
  list-style: none;
  gap: 10px;
  align-items: center;
}
header .block-language {
  display: flex;
}
header .block-language a {
  color: var(--color--11);
}
header .block-language li {
  display: flex;
  height: 100%;
  align-items: center;
}
header .block-language li:first-child:after {
  content: "";
  height: 80%;
  width: 1px;
  background-color: #B9BABD;
  display: block;
  margin-left: 1rem;
}
header .block-language li.is-active a {
  color: #FF671D;
}
header .block-language::after {
  content: "";
  height: 80%;
  width: 1px;
  background-color: #B9BABD;
  display: block;
  margin: auto;
  margin-left: 1rem;
}
header .page-title {
  color: #FF671D;
  font-size: 24px;
}

.user-information {
  background-color: var(--color--8);
  padding: 1rem;
  border-radius: 2rem;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.0784313725), 0px 3px 3px 0px rgba(0, 0, 0, 0.0705882353), 0px 7px 4px 0px rgba(0, 0, 0, 0.0392156863), 0px 12px 5px 0px rgba(0, 0, 0, 0.0117647059), 0px 19px 5px 0px rgba(0, 0, 0, 0);
}
@media (max-width: 768px) {
  .user-information {
    background-color: inherit;
    box-shadow: inherit;
  }
}
.user-information .text-user {
  color: var(--color--9);
  font-size: 20px;
  font-family: var(--font-family-bold);
}
.user-information .views-field-field-logo img {
  width: 150px;
}

.block-table-working {
  margin-top: auto;
  background-color: #FF671D;
  padding: 1rem;
  border-radius: 2rem;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.0784313725), 0px 3px 3px 0px rgba(0, 0, 0, 0.0705882353), 0px 7px 4px 0px rgba(0, 0, 0, 0.0392156863), 0px 12px 5px 0px rgba(0, 0, 0, 0.0117647059), 0px 19px 5px 0px rgba(0, 0, 0, 0);
}
.block-table-working .field--name-field-titulo {
  color: #000000;
  font-size: 24px;
  font-family: var(--font-family-bold);
}
.block-table-working .field--name-field-descripcion {
  color: #000000;
  font-size: 12px;
  margin: 10px 0;
  font-family: var(--font-family-medium);
}

.menu--main {
  background-color: var(--color--8);
  padding: 1rem;
  border-radius: 2rem;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.0784313725), 0px 3px 3px 0px rgba(0, 0, 0, 0.0705882353), 0px 7px 4px 0px rgba(0, 0, 0, 0.0392156863), 0px 12px 5px 0px rgba(0, 0, 0, 0.0117647059), 0px 19px 5px 0px rgba(0, 0, 0, 0);
}
@media (max-width: 768px) {
  .menu--main {
    background-color: inherit;
    box-shadow: inherit;
  }
}
.menu--main a {
  color: var(--color--9);
  display: flex;
  gap: 10px;
  transition: all 300ms;
  padding: 7px 0;
}
@media (max-width: 768px) {
  .menu--main a {
    color: #252525;
  }
}
.menu--main a.active {
  color: #FF671D;
}
@media (max-width: 768px) {
  .menu--main a.active {
    color: #ffffff;
  }
}
.menu--main a.active:before {
  background-color: #FF671D;
  height: auto;
}
@media (max-width: 768px) {
  .menu--main a.active:before {
    background-color: #ffffff;
  }
}
.menu--main a:before {
  content: "";
  display: block;
  width: 4px;
  height: 0;
  transition: all 300ms;
}
.menu--main a:hover {
  color: #FF671D;
}
.menu--main a:hover:before {
  background-color: #FF671D;
  height: auto;
}

table {
  background-color: var(--color--12);
  margin-top: 1rem;
  table-layout: auto;
  width: 100%;
  border-spacing: initial;
}
table thead {
  background-color: var(--color--13);
  color: var(--color--6);
}
table td {
  padding: 1rem;
  border-spacing: initial;
  font-size: 12px;
  color: var(--color--9);
}
table a {
  color: var(--color--9);
}
table th {
  padding: 1rem;
  border-spacing: initial;
  font-size: 12px;
  white-space: nowrap;
  text-align: left;
}
table .material-icons {
  font-size: 18px;
}
table .dropbutton-widget {
  display: flex !important;
  align-items: center;
  gap: 4px;
}

.views-exposed-form {
  display: flex;
  align-items: end;
  gap: 10px;
}

.pager .pager__items {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.pager a {
  color: var(--color--9);
}
.pager a:hover {
  color: #FF671D;
}
.pager .pager__item--active a {
  color: #FF671D;
}

.switch-client h2 {
  color: var(--color--9);
  font-size: 16px;
}
.switch-client .view-content {
  display: flex;
  gap: 10px;
  padding: 10px 0;
}
.switch-client .view-content img {
  height: 30px;
  width: auto;
  filter: grayscale(100%);
}
.switch-client .view-content a.active img {
  filter: initial;
}
.switch-client .views-row {
  display: flex;
}
.switch-client .views-row::after {
  content: "";
  height: 100%;
  width: 1px;
  background-color: var(--color--5);
  display: block;
  margin-left: 1rem;
}
.switch-client .views-row:last-child:after {
  display: none;
}

.resports-client-filter .card-status {
  background-color: var(--color--12);
  border: 1px solid #FF671D;
}
.resports-client-filter .card-status .title {
  color: var(--color--9);
}
.resports-client-filter .card-status .info p {
  color: var(--color--9);
}
.resports-client-filter .card-status .status {
  background-color: #FFD8D9;
  border-radius: 2rem;
}
.resports-client-filter .card-status .status.on {
  background-color: #CDEEDF;
  color: #03884B;
}
.resports-client-filter .actions-sections {
  flex-wrap: wrap;
}
.resports-client-filter .actions-sections .item-list {
  width: 30%;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .resports-client-filter .actions-sections .item-list {
    width: 100%;
  }
}
.resports-client-filter .actions-sections .item-list ul {
  display: flex;
  align-items: center;
}
.resports-client-filter .actions-sections .item-list a {
  color: #515151;
  font-size: 16px;
  display: block;
  padding: 1rem;
  border-bottom: 1px #7C7C7C solid;
  transition: all 300ms;
}
.resports-client-filter .actions-sections .item-list a.is-active {
  color: #FF671D;
  border-bottom: 1px #FF671D solid;
}
.resports-client-filter .actions-sections .item-list a:hover {
  color: #FF671D;
  border-bottom: 1px #FF671D solid;
}
.resports-client-filter .actions-sections #edit-count {
  width: 70%;
  margin-bottom: 1rem;
  display: flex;
  justify-content: end;
  gap: 10px;
}
@media (max-width: 768px) {
  .resports-client-filter .actions-sections #edit-count {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: normal;
  }
  .resports-client-filter .actions-sections #edit-count::-webkit-scrollbar {
    height: 2px;
  }
}
.resports-client-filter .actions-sections #edit-count input {
  display: none;
}
.resports-client-filter .actions-sections #edit-count input:checked + label {
  color: var(--color--9);
  background: linear-gradient(var(--background), var(--background)) padding-box, linear-gradient(to right, var(--color--four), var(--color--two)) border-box;
  border: 1px solid transparent;
}
.resports-client-filter .actions-sections #edit-count input:checked + label .number {
  font-size: 32px;
  color: var(--color--9);
  font-family: var(--font-family-bold);
}
.resports-client-filter .actions-sections #edit-count input:checked + label .text {
  font-size: 12px;
  color: #FF671D;
}
.resports-client-filter .actions-sections #edit-count .form-item--count {
  min-width: auto;
}
.resports-client-filter .actions-sections #edit-count label {
  display: flex;
  align-items: center;
  border-radius: 2rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 1rem;
  gap: 10px;
  margin-bottom: 1rem;
  margin-left: auto;
  justify-content: center;
  color: #515151;
  border: 1px solid #515151;
  cursor: pointer;
}
.resports-client-filter .actions-sections #edit-count label .number {
  font-size: 32px;
  color: #515151;
  font-family: var(--font-family-bold);
}
.resports-client-filter .actions-sections #edit-count label .text {
  font-size: 12px;
  color: #515151;
}
.resports-client-filter .form-item--title {
  margin-top: 1rem;
  max-width: 300px;
  position: relative;
}
.resports-client-filter .form-item--title label {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  right: 10px;
  color: var(--color--9);
}
.resports-client-filter .view-grupos .views-row {
  color: var(--color--9);
  font-size: 16px;
}
.resports-client-filter .container-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.resports-client-filter .container-inline .form-item--title {
  max-width: 300px;
  position: relative;
}
.resports-client-filter .container-inline .form-item--title label {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  right: 10px;
  color: var(--color--9);
}
@media (max-width: 768px) {
  .resports-client-filter .container-inline {
    flex-direction: column;
  }
  .resports-client-filter .container-inline .form-item--title {
    width: 100%;
  }
  .resports-client-filter .container-inline #edit-status {
    order: 2;
    margin-top: 1rem;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .resports-client-filter .container-inline #edit-status::-webkit-scrollbar {
    height: 2px; /* grosor del scroll horizontal */
  }
  .resports-client-filter .container-inline .js-form-item {
    width: 100%;
    min-width: 150px;
    margin-bottom: 1rem;
  }
}
.resports-client-filter #edit-status {
  display: flex;
  gap: 8px;
}
.resports-client-filter #edit-status input {
  display: none;
}
.resports-client-filter #edit-status input:checked + label {
  color: var(--color--9);
  background: linear-gradient(var(--background), var(--background)) padding-box, linear-gradient(to right, var(--color--four), var(--color--two)) border-box;
  border: 1px solid transparent;
}
.resports-client-filter #edit-status input:checked + label span {
  color: #FF671D;
}
.resports-client-filter #edit-status label {
  display: flex;
  gap: 4px;
  color: #515151;
  font-size: 12px;
  align-items: center;
  border: 1px solid #515151;
  border-radius: 2rem;
  padding: 10px 1rem;
  cursor: pointer;
}
.resports-client-filter #edit-status label span {
  color: #515151;
}
.resports-client-filter .container--pre-content .form-boolean-group {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.resports-client-filter .container--pre-content .form-boolean-group input {
  display: none;
}
.resports-client-filter .container--pre-content .form-boolean-group input:checked + label {
  background-color: #FF671D;
  border: 1px solid #FF671D;
  color: var(--color--8);
}
.resports-client-filter .container--pre-content .form-boolean-group label {
  color: #D3D3D3;
  border-radius: 2rem;
  border: 1px solid #D3D3D3;
  padding: 10px 1rem;
}

.ajax-progress {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: var(--color--12);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: none;
}
.ajax-progress::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODciIGhlaWdodD0iODkiIHZpZXdCb3g9IjAgMCA4NyA4OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTc2LjgxMjcgNjIuNTk1NEM3OS4yNTc1IDYzLjk5NjggODIuNDA2MiA2My4xNTk2IDgzLjUxMTkgNjAuNTY3NUM4Ni4yODkzIDU0LjA1NjQgODcuNDQ2IDQ2Ljk0MDEgODYuODQ1NCAzOS44MzU0Qzg2LjEwMDkgMzEuMDI5MyA4Mi42OTE4IDIyLjY1ODcgNzcuMDcxOSAxNS44MzgyQzcxLjQ1MiA5LjAxNzYgNjMuODg4IDQuMDcwNTUgNTUuMzg2OCAxLjY1NTZDNDYuODg1NiAtMC43NTkzNTkgMzcuODUwNCAtMC41Mjc2NjEgMjkuNDg0MSAyLjMxOTg1QzIxLjExNzggNS4xNjczNiAxMy44MTczIDEwLjQ5NTYgOC41NTQ0MyAxNy41OTUyQzMuMjkxNTQgMjQuNjk0OSAwLjMxNTk0NiAzMy4yMjkxIDAuMDIzNzc2NCA0Mi4wNjE5Qy0wLjI2ODM5NCA1MC44OTQ3IDIuMTM2NzIgNTkuNjA2OSA2LjkxODkzIDY3LjAzODhDMTAuNzc3MSA3My4wMzQ4IDE2LjAzNSA3Ny45Njc5IDIyLjIwNzcgODEuNDMyN0MyNC42NjUxIDgyLjgxMjEgMjcuNjcwOCA4MS41NTQ3IDI4Ljc1MzEgNzguOTUyOEMyOS44MzU0IDc2LjM1MDkgMjguNTc1OSA3My4zOTYxIDI2LjE2OTggNzEuOTI5M0MyMS44OTA4IDY5LjMyMDkgMTguMjM2MiA2NS43Njc4IDE1LjUwMDcgNjEuNTE2N0MxMS44NDA0IDU1LjgyODMgOS45OTk1MyA0OS4xNTk5IDEwLjIyMzIgNDIuMzk5M0MxMC40NDY4IDM1LjYzODYgMTIuNzI0MyAyOS4xMDY1IDE2Ljc1MjUgMjMuNjcyNEMyMC43ODA4IDE4LjIzODMgMjYuMzY4NiAxNC4xNjAxIDMyLjc3MjIgMTEuOTgwNkMzOS4xNzU4IDkuODAxMDggNDYuMDkxMyA5LjYyMzc0IDUyLjU5ODIgMTEuNDcyMkM1OS4xMDUxIDEzLjMyMDYgNjQuODk0NiAxNy4xMDcxIDY5LjE5NiAyMi4zMjc1QzczLjQ5NzUgMjcuNTQ4IDc2LjEwNjggMzMuOTU0OSA3Ni42NzY3IDQwLjY5NTFDNzcuMTAyNSA0NS43MzIzIDc2LjM3NDMgNTAuNzc3MSA3NC41NzUgNTUuNDU0M0M3My41NjMyIDU4LjA4NDQgNzQuMzY3OCA2MS4xOTQgNzYuODEyNyA2Mi41OTU0WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzE1MjVfNDY0MCkiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZl8xNTI1XzQ2NDApIj4KPGVsbGlwc2UgY3g9IjcuNSIgY3k9IjcuNSIgcng9IjcuNSIgcnk9IjcuNSIgdHJhbnNmb3JtPSJtYXRyaXgoLTQuMzcxMTRlLTA4IDEgMSA0LjM3MTE0ZS0wOCAxOSA3MCkiIGZpbGw9IiNGRkMyQTUiLz4KPC9nPgo8ZWxsaXBzZSBjeD0iNS41IiBjeT0iNS41IiByeD0iNS41IiByeT0iNS41IiB0cmFuc2Zvcm09Im1hdHJpeCgtNC4zNzExNGUtMDggMSAxIDQuMzcxMTRlLTA4IDIxIDcyKSIgZmlsbD0iI0ZGNjcxRCIvPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mXzE1MjVfNDY0MCIgeD0iMTUiIHk9IjY2IiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzE1MjVfNDY0MCIvPgo8L2ZpbHRlcj4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE1MjVfNDY0MCIgeDE9IjQuNzU3ODEiIHkxPSIzLjM5ODQ0IiB4Mj0iODQuNjIxMSIgeTI9IjgwLjU0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNjAyNjlFIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGNjcxRCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-size: cover;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
.path-index .color-text,
.path-frontpage .color-text {
  color: var(--color--9);
}
.path-index .conection-chart,
.path-frontpage .conection-chart {
  background-color: var(--color--12);
}

.messages-list {
  margin: 1rem 0;
}
.messages-list .messages-list__wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.messages-list .messages {
  border: 1px solid transparent;
  border-radius: 0.375rem;
  padding: 1rem;
  font-size: 0.95rem;
  line-height: 1.4;
  position: relative;
}
.messages-list .messages__header {
  margin-bottom: 0.5rem;
}
.messages-list .messages__header .messages__title {
  font-weight: bold;
  margin: 0;
  font-size: 1rem;
}
.messages-list .messages__content em.placeholder {
  font-style: normal;
  font-weight: 600;
  color: inherit;
}
.messages-list .messages--status {
  background-color: #d4edda;
  border-color: #c3e6cb;
  color: #155724;
}
.messages-list .messages--error {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
}
.messages-list .messages--warning {
  background-color: #fff3cd;
  border-color: #ffeeba;
  color: #856404;
}

.tabs-wrapper {
  background-color: #333;
  padding: 10px 20px;
}

.tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 15px;
}

.tabs__tab {
  display: inline-block;
}

.tabs__link {
  text-decoration: none;
  color: white;
  padding: 10px 15px;
  display: block;
}

.tabs__link:hover {
  background-color: #555;
  border-radius: 5px;
}

/* Menú hamburguesa */
.menu-toggle {
  display: none;
  cursor: pointer;
  font-size: 24px;
  color: white;
  background: none;
  border: none;
}

@media (max-width: 800px) {
  .tabs {
    display: none;
    flex-direction: column;
    background-color: #333;
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    padding: 10px 0;
  }
  .tabs__tab {
    text-align: center;
  }
  .menu-toggle {
    display: block;
  }
  .tabs.show {
    display: flex;
  }
}
.tabs__trigger {
  display: none;
}

.ui-dialog {
  right: 0 !important;
  width: 40% !important;
  margin-left: auto;
  height: 100% !important;
  z-index: 999 !important;
  background-color: var(--background);
  border: none !important;
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
  box-shadow: -4px 0px 9px 0px rgba(0, 0, 0, 0.2), -17px 0px 17px 0px rgba(0, 0, 0, 0.168627451), -38px 0px 23px 0px rgba(0, 0, 0, 0.1019607843), -68px 0px 27px 0px rgba(0, 0, 0, 0.031372549), -107px 0px 30px 0px rgba(0, 0, 0, 0);
  overflow: hidden;
}
.ui-dialog .ui-dialog-content {
  height: 100% !important;
  min-height: initial !important;
  max-height: initial !important;
  padding-bottom: 4rem;
  overflow: scroll;
}
.ui-dialog .ui-widget-header {
  border: none;
  background: initial;
}
.ui-dialog .ui-dialog-titlebar .ui-button {
  background-color: #000000;
  border: none;
  border-radius: 2rem;
  top: 0;
  right: 0;
  margin: 10px;
  width: 40px;
  height: 40px;
  margin-left: auto;
  position: relative;
  display: block;
}
.ui-dialog .ui-dialog-titlebar .ui-button:before, .ui-dialog .ui-dialog-titlebar .ui-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  height: 2px;
  background-color: #FFFFFF;
  transform-origin: center;
}
.ui-dialog .ui-dialog-titlebar .ui-button:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.ui-dialog .ui-dialog-titlebar .ui-button:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ui-dialog .ui-button-icon {
  background-image: none;
  display: none;
}
@media (max-width: 768px) {
  .ui-dialog {
    width: 100% !important;
    bottom: 0;
    top: auto !important;
    height: 80% !important;
    border-bottom-left-radius: 0;
    border-top-right-radius: 32px;
  }
  .ui-dialog .ui-button {
    width: 30px;
    height: 30px;
  }
}
.ui-dialog .ui-dialog-buttonpane {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  left: 0;
  right: 0;
  background-color: var(--background);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.ui-dialog .ui-dialog-buttonpane .form-actions {
  display: flex;
  float: initial;
}
.ui-dialog .ui-dialog-buttonpane .form-actions button {
  cursor: pointer;
  display: flex;
  gap: 4px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(var(--color--8), var(--color--8)) padding-box, linear-gradient(to right, var(--color--four), var(--color--two)) border-box;
  border-radius: 50em;
  border: 2px solid rgba(0, 0, 0, 0);
  padding: 11px 1rem;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color--9);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  font-family: var(--font-family-bold);
  line-height: 22px;
  letter-spacing: -2%;
  animation: borderMove 2s infinite linear;
}

.ui-dialog-title {
  display: none;
}

.ui-widget-overlay {
  background-color: var(--background-trans);
}

.detail-song-form h2, .detail-song-form h3 {
  color: var(--color--9);
  font-size: 24px;
  margin: 10px 0;
  font-family: var(--font-family-bold);
}
.detail-song-form .form-item--title {
  width: 100%;
}
.detail-song-form .form-item--title label {
  font-size: 12px;
  color: var(--color--9);
  margin-bottom: 10px;
  display: block;
}
.detail-song-form .material-icons {
  color: var(--color--9);
}
.detail-song-form .item-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color--9);
  margin: 1rem 0;
}
.detail-song-form .item-list li .material-icons.success {
  color: #04AA5E;
}
.detail-song-form .item-list li .material-icons.error {
  color: #FF3C41;
}
@media (max-width: 768px) {
  .detail-song-form .counter-pre-item {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 1rem;
  }
}
.detail-song-form .container-actions {
  display: flex;
  gap: 10px;
  align-items: end;
  margin-bottom: 11px;
}
.detail-song-form .container-inline {
  display: flex;
  align-items: center;
  gap: 10px;
}
.detail-song-form .js-form-item-delete {
  display: flex;
  /* Rounded sliders */
}
.detail-song-form .js-form-item-delete label {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.detail-song-form .js-form-item-delete .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.detail-song-form .js-form-item-delete .slider::before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
.detail-song-form .js-form-item-delete input {
  opacity: 0;
  width: 0;
  height: 0;
}
.detail-song-form .js-form-item-delete input:checked + label .slider {
  background-color: #FF3C41;
}
.detail-song-form .js-form-item-delete input:focus + label .slider {
  box-shadow: 0 0 1px #FF3C41;
}
.detail-song-form .js-form-item-delete input:checked + label .slider:before {
  transform: translateX(26px);
}
.detail-song-form .js-form-item-delete .slider.round {
  border-radius: 34px;
}
.detail-song-form .js-form-item-delete .slider.round:before {
  border-radius: 50%;
}

.counter-pre-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.counter-pre-item .counter {
  display: flex;
  gap: 8px;
  align-items: center;
}
.counter-pre-item .counter span {
  color: var(--color--9);
}
.counter-pre-item .counter p {
  color: #FF671D;
  font-size: 12px;
}
.counter-pre-item .counter .item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color--9);
  font-size: 32px;
  border-radius: 2rem;
  border: 1px solid #04AA5E;
  padding: 0 1rem;
}
.counter-pre-item .counter .item.error {
  border: 1px solid #FF3C41;
}

/* General wrapper */
.form-item__description {
  font-size: 0.79rem;
  color: #8f9097;
}

.node-form .filter-wrapper, .user-form .filter-wrapper, .user-register-form .filter-wrapper,
.layout-node-form .filter-wrapper {
  display: flex;
}
.node-form .form-item__label.option, .user-form .form-item__label.option, .user-register-form .form-item__label.option,
.layout-node-form .form-item__label.option {
  display: inline;
  font-weight: normal;
}
.node-form .form-item, .user-form .form-item, .user-register-form .form-item,
.layout-node-form .form-item {
  margin-block-start: 0.75rem;
  margin-block-end: 0.75rem;
}
.node-form .vertical-tabs__menu-item, .user-form .vertical-tabs__menu-item, .user-register-form .vertical-tabs__menu-item,
.layout-node-form .vertical-tabs__menu-item {
  background: #1c1c1c;
}
.node-form .vertical-tabs__menu-item.is-selected, .user-form .vertical-tabs__menu-item.is-selected, .user-register-form .vertical-tabs__menu-item.is-selected,
.layout-node-form .vertical-tabs__menu-item.is-selected {
  background: linear-gradient(to bottom, #262626, #222);
}
.node-form .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title, .user-form .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title, .user-register-form .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title,
.layout-node-form .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title {
  color: #ffffff;
}
.node-form table, .user-form table, .user-register-form table,
.layout-node-form table {
  background-color: #161616;
}
.node-form table thead, .user-form table thead, .user-register-form table thead,
.layout-node-form table thead {
  background-color: #252525;
  color: #7C7C7C;
}
.node-form table td, .user-form table td, .user-register-form table td,
.layout-node-form table td {
  color: #FFFFFF;
}

.node-form, .user-form, .user-register-form,
.layout-node-form {
  background: #1c1c1c; /* Fondo oscuro */
  color: #f5f5f5;
  padding: 20px;
  border-radius: 12px;
}

/* Labels */
.node-form label,
.user-form label,
.user-register-form label,
.layout-node-form label {
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
  color: #FF671D; /* Naranja corporativo */
}

/* Inputs y selects */
.node-form input[type=text],
.node-form input[type=email],
.node-form input[type=url],
.node-form input[type=number],
.node-form select,
.node-form textarea,
.user-form input[type=text],
.user-form input[type=email],
.user-form input[type=url],
.user-form input[type=number],
.user-form select,
.user-form textarea,
.user-register-form input[type=text],
.user-register-form input[type=email],
.user-register-form input[type=url],
.user-register-form input[type=number],
.user-register-form select,
.user-register-form textarea {
  width: 100%;
  padding: 10px 14px;
  margin-bottom: 16px;
  border: 1px solid #444;
  border-radius: 8px;
  background: #2a2a2a;
  color: #fff;
  font-size: 14px;
  transition: border 0.2s ease, box-shadow 0.2s ease;
}

.node-form input:focus,
.node-form select:focus,
.node-form textarea:focus,
.user-form input:focus,
.user-form select:focus,
.user-form textarea:focus,
.user-register-form input:focus,
.user-register-form select:focus,
.user-register-form textarea:focus {
  border-color: #FF671D;
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 161, 74, 0.3);
}

/* Checkboxes y radios */
.node-form input[type=checkbox],
.container-general-site input[type=checkbox],
.node-form input[type=radio],
.user-form input[type=checkbox],
.user-form input[type=radio],
.user-register-form input[type=checkbox],
.user-register-form input[type=radio] {
  accent-color: #FF671D; /* moderno, soportado en la mayoría */
  transform: scale(1.2);
  margin-right: 6px;
  display: inline-block;
  width: auto;
  height: auto;
}

.container-general-site .js-form-type-checkbox {
  display: flex;
}

/* Fieldsets */
.node-form fieldset,
.user-form fieldset,
.user-register-form fieldset {
  border: 1px solid #333;
  border-radius: 8px;
  margin: 20px 0;
  padding: 16px;
  background: #242424;
}

.node-form legend,
.user-form legend,
.user-register-form legend {
  font-weight: bold;
  color: #FF671D;
  padding: 0 8px;
}

/* Botones */
.node-form input[type=submit],
.node-form .form-actions button,
.user-form input[type=submit],
.user-form .form-actions button,
.user-register-form input[type=submit],
.user-register-form .form-actions button {
  background: #FF671D;
  border: none;
  border-radius: 8px;
  color: #000;
  padding: 10px 20px;
  margin-right: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
}

.node-form input[type=submit]:hover,
.node-form .form-actions button:hover,
.user-form input[type=submit]:hover,
.user-form .form-actions button:hover,
.user-register-form input[type=submit]:hover,
.user-register-form .form-actions button:hover {
  background: #ff7a00;
}

/* Botón secundario */
.node-form .form-actions input[type=button],
.node-form .form-actions .button-secondary,
.user-form .form-actions input[type=button],
.user-form .form-actions .button-secondary,
.user-register-form .form-actions input[type=button],
.user-register-form .form-actions .button-secondary {
  background: transparent;
  border: 1px solid #FF671D;
  color: #FF671D;
}

.node-form .form-actions input[type=button]:hover,
.node-form .form-actions .button-secondary:hover,
.user-form .form-actions input[type=button]:hover,
.user-form .form-actions .button-secondary:hover,
.user-register-form .form-actions input[type=button]:hover,
.user-register-form .form-actions .button-secondary:hover {
  background: #FF671D;
  color: #000;
}

/* ===== details / summary ===== */
details,
.user-form details,
.user-register-form details,
.layout-node-form details {
  border: 1px solid #333;
  border-radius: 10px;
  margin: 16px 0;
  background: #242424;
  overflow: hidden;
}

details > summary,
.user-form details > summary,
.user-register-form details > summary,
.layout-node-form details > summary {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 12px 16px;
  font-weight: 600;
  color: #FF671D;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

details > summary::-webkit-details-marker,
.user-form details > summary::-webkit-details-marker,
.user-register-form details > summary::-webkit-details-marker,
.layout-node-form details > summary::-webkit-details-marker {
  display: none;
}

details > summary,
.user-form details > summary,
.user-register-form details > summary,
.layout-node-form details > summary {
  list-style: none;
}

details > summary::before,
.user-form details > summary::before,
.user-register-form details > summary::before,
.layout-node-form details > summary::before {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #FF671D;
  border-bottom: 2px solid #FF671D;
  transform: rotate(-45deg);
  transition: transform 0.2s ease;
  margin-right: 6px;
}

details[open] > summary::before,
.user-form details[open] > summary::before,
.user-register-form details[open] > summary::before,
.layout-node-form details[open] > summary::before {
  transform: rotate(45deg);
}

details > summary:focus-visible,
.user-form details > summary:focus-visible,
.user-register-form details > summary:focus-visible,
.layout-node-form details > summary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 161, 74, 0.35) inset, 0 0 0 2px rgba(255, 161, 74, 0.35);
  border-radius: 10px;
}

details > summary:hover,
.user-form details > summary:hover,
.user-register-form details > summary:hover,
.layout-node-form details > summary:hover {
  background: #282828;
}

details[open] > summary,
.user-form details[open] > summary,
.user-register-form details[open] > summary,
.layout-node-form details[open] > summary {
  border-bottom: 1px solid #333;
  background: linear-gradient(to bottom, #262626, #222);
}

details > .details-wrapper,
.user-form details > .details-wrapper,
.user-register-form details > .details-wrapper,
.layout-node-form details > .details-wrapper,
.node-form details > div,
.user-form details > div,
.user-register-form details > div,
.layout-node-form details > div,
.node-form details > section,
.user-form details > section,
.user-register-form details > section,
.layout-node-form details > section {
  padding: 14px 16px 16px;
}

.node-form .details-description,
.user-form .details-description,
.user-register-form .details-description,
.layout-node-form .details-description,
.node-form .description,
.user-form .description,
.user-register-form .description,
.layout-node-form .description {
  color: #bdbdbd;
  font-size: 12.5px;
}

.node-form details .form-item,
.user-form details .form-item,
.user-register-form details .form-item,
.layout-node-form details .form-item {
  margin-bottom: 14px;
}

.node-form details .dropbutton,
.user-form details .dropbutton,
.user-register-form details .dropbutton,
.layout-node-form details .dropbutton {
  margin-left: auto;
}

.admin-general-form {
  padding: 20px;
}
.admin-general-form .form-item {
  margin: 1rem 0;
}
.admin-general-form .form-item label {
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
  color: var(--color--9);
}
.admin-general-form .form-type--checkbox {
  display: flex;
  flex-wrap: wrap;
}
.admin-general-form .form-type--checkbox .form-item__description {
  width: 100%;
}
.admin-general-form .form-type--checkbox input {
  accent-color: #FF671D;
  transform: scale(1.2);
  margin-right: 6px;
  display: inline-block;
  width: auto;
  height: auto;
  margin-bottom: 6px;
}
.admin-general-form .js-form-type-radio {
  display: flex;
}
.admin-general-form .js-form-type-radio input {
  accent-color: #FF671D;
  transform: scale(1.2);
  margin-right: 6px;
  display: inline-block;
  width: auto;
  height: auto;
}
.admin-general-form .js-form-type-radio label {
  color: var(--color--9);
}

.login-page .page-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.login-page .page-content::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100svh;
  z-index: -1;
  background: url(/themes/custom/emisoras_theme/assets/backgrounds/16.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  mix-blend-mode: var(--mix-blend-mode);
  opacity: var(--opacity-background);
}
@media (max-width: 768px) {
  .login-page .page-content::before {
    width: 100%;
  }
}
.login-page .form-item__label {
  color: var(--color--9);
  font-size: 12px;
  margin: 5px 0;
}
.login-page .text-h1-content {
  color: var(--color--9);
  font-family: var(--font-family-bold);
}
.login-page .form-actions {
  padding-block: 1rem;
  position: relative;
}
.login-page .form-actions:before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNjI1MSAxOS4yMzc1QzUuNDAwMSAxOS4yMzc1IDUuMTc1MSAxOS4xNjI1IDUuMDI1MSAxOC45NzVDNC42ODc2IDE4LjYzNzUgNC42ODc2IDE4LjExMjUgNS4wMjUxIDE3Ljc3NUwxNi4zODc2IDYuNDEyNDVINy4zMTI2QzYuODYyNiA2LjQxMjQ1IDYuNDg3NiA2LjAzNzQ1IDYuNDg3NiA1LjU4NzQ1QzYuNDg3NiA1LjEzNzQ1IDYuODYyNiA0Ljc2MjQ1IDcuMzEyNiA0Ljc2MjQ1SDE4LjM3NTFDMTguODI1MSA0Ljc2MjQ1IDE5LjIwMDEgNS4xMzc0NSAxOS4yMDAxIDUuNTg3NDVWMTYuNzI1QzE5LjIwMDEgMTcuMTc1IDE4LjgyNTEgMTcuNTUgMTguMzc1MSAxNy41NUMxNy45MjUxIDE3LjU1IDE3LjU1MDEgMTcuMTc1IDE3LjU1MDEgMTYuNzI1VjcuNjg3NDVMNi4yMjUxIDE5LjAxMjVDNi4wNzUxIDE5LjE2MjUgNS44NTAxIDE5LjIzNzUgNS42MjUxIDE5LjIzNzVaIiBmaWxsPSIjZmZmZmZmIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.login-page .form-submit {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(var(--color--12), var(--color--12)) padding-box, linear-gradient(to right, #60269E, #FF671D) border-box;
  border-radius: 50em;
  border: 3px solid rgba(0, 0, 0, 0);
  padding: 11px 1rem;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color--9);
  text-decoration: none;
  position: relative;
  transition: all 0.4s ease;
  line-height: 22px;
  letter-spacing: -2%;
  animation: borderMove 2s infinite linear;
  padding-right: 40px;
  cursor: pointer;
  width: 100%;
}
.login-page .form-submit::before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNjI1MSAxOS4yMzc1QzUuNDAwMSAxOS4yMzc1IDUuMTc1MSAxOS4xNjI1IDUuMDI1MSAxOC45NzVDNC42ODc2IDE4LjYzNzUgNC42ODc2IDE4LjExMjUgNS4wMjUxIDE3Ljc3NUwxNi4zODc2IDYuNDEyNDVINy4zMTI2QzYuODYyNiA2LjQxMjQ1IDYuNDg3NiA2LjAzNzQ1IDYuNDg3NiA1LjU4NzQ1QzYuNDg3NiA1LjEzNzQ1IDYuODYyNiA0Ljc2MjQ1IDcuMzEyNiA0Ljc2MjQ1SDE4LjM3NTFDMTguODI1MSA0Ljc2MjQ1IDE5LjIwMDEgNS4xMzc0NSAxOS4yMDAxIDUuNTg3NDVWMTYuNzI1QzE5LjIwMDEgMTcuMTc1IDE4LjgyNTEgMTcuNTUgMTguMzc1MSAxNy41NUMxNy45MjUxIDE3LjU1IDE3LjU1MDEgMTcuMTc1IDE3LjU1MDEgMTYuNzI1VjcuNjg3NDVMNi4yMjUxIDE5LjAxMjVDNi4wNzUxIDE5LjE2MjUgNS44NTAxIDE5LjIzNzUgNS42MjUxIDE5LjIzNzVaIiBmaWxsPSIjZmZmZmZmIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.login-page .form-submit:hover {
  color: var(--color--9);
}

body {
  overflow: hidden;
}
@media (max-width: 768px) {
  body {
    overflow: auto;
  }
}
body.active {
  overflow: hidden;
}

.color-text {
  color: var(--color--9);
}

.views-display-link {
  color: #04AA5E;
  background-color: #CDEEDF;
  padding: 10px;
  margin: 1rem 0;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1rem;
}
.views-display-link:after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 20px; /* tamaño del ícono */
  line-height: 1;
  vertical-align: middle;
  content: "download"; /* <- nombre del ícono */
  margin-left: 8px;
}

.toogle-theme {
  background-color: var(--color--2);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
}

.line_between::after {
  content: "";
  height: 100%;
  width: 1px;
  background-color: var(--color--5);
  display: block;
  margin-left: 1rem;
}

.button-toggle.active {
  background-color: var(--color--1);
}

.button-toggle .icon-info {
  display: block;
  color: var(--color--3);
}
.button-toggle.active .icon-info {
  color: var(--color--4);
}

.header__btn {
  color: var(--color--3);
}

.header__title {
  color: var(--color--7);
}

.general-page {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.general-page .page-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.general-page .region-pre-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.general-page .region-pre-content .sticky-header-toggle {
  background: none;
  border: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
}
.general-page .region-pre-content .sticky-header-toggle .sticky-header-toggle__icon {
  gap: 6px;
  display: flex;
  flex-direction: column;
}
.general-page .region-pre-content .sticky-header-toggle .sticky-header-toggle__icon span {
  display: block;
  width: 30px;
  height: 3px;
  background-color: var(--color--9);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.general-page .region-pre-content .sticky-header-toggle.active .sticky-header-toggle__icon span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.general-page .region-pre-content .sticky-header-toggle.active .sticky-header-toggle__icon span:nth-child(2) {
  opacity: 0;
}
.general-page .region-pre-content .sticky-header-toggle.active .sticky-header-toggle__icon span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}
.general-page .region-pre-content .site-header__initial.active {
  position: fixed;
  z-index: 1000;
  right: 0;
  padding-right: 2rem;
}
.general-page .region-pre-content .site-header__initial.active .sticky-header-toggle__icon span {
  background-color: #000000;
}
@media (max-width: 768px) {
  .general-page .region-pre-content .sub-header {
    background-color: var(--color--two-light);
    position: fixed;
    z-index: 999;
    width: 100%;
    right: 0;
    left: 0;
    height: 100%;
    overflow: scroll;
    top: 0;
    padding: 1rem;
  }
}

.path-edit .player-page {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.path-edit .text-general {
  color: var(--color--9);
  padding: 0 0 10px 0;
}
.path-edit .config_web .form-item--themer label {
  display: none;
}
.path-edit #edit-type,
.path-edit #edit-theme {
  gap: 10px;
}
.path-edit #edit-type input,
.path-edit #edit-theme input {
  width: 48px;
}
.path-edit #edit-theme input {
  display: none;
}
.path-edit #edit-theme label {
  display: inline-flex;
  width: 48px;
  height: 48px;
  border-radius: 2rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 768px) {
  .path-edit #edit-theme label {
    width: 35px;
    height: 35px;
  }
}
.path-edit #edit-theme input.black + label {
  background-color: #252525;
}
.path-edit #edit-theme input.black:checked + label {
  background: linear-gradient(#252525, #252525) padding-box, linear-gradient(to right, var(--color--four), var(--color--two)) border-box;
  border: 1px solid transparent;
}
.path-edit #edit-theme input.orange + label {
  background-color: #FF671D;
}
.path-edit #edit-theme input.orange:checked + label {
  background: linear-gradient(#FF671D, #FF671D) padding-box, linear-gradient(to right, var(--color--four), var(--color--two)) border-box;
  border: 1px solid transparent;
}
.path-edit #edit-theme input.purple + label {
  background-color: #60269E;
}
.path-edit #edit-theme input.purple:checked + label {
  background: linear-gradient(#60269E, #60269E) padding-box, linear-gradient(to right, var(--color--four), var(--color--two)) border-box;
  border: 1px solid transparent;
}
.path-edit #edit-theme input.image + label {
  display: flex;
  align-items: center;
}
.path-edit #edit-theme input.image + label .material-icons {
  overflow: hidden;
  font-size: 30px;
  width: 40px;
  height: 40px;
  color: #fff;
  display: block;
  background-color: #252525;
  padding: 5px;
  border-radius: 0.375rem;
  cursor: pointer;
}
.path-edit #edit-theme input.image:checked + label .material-icons {
  background: linear-gradient(#252525, #252525) padding-box, linear-gradient(to right, var(--color--four), var(--color--two)) border-box;
  border: 1px solid transparent;
}
.path-edit #edit-theme::after {
  content: "";
  height: 100%;
  width: 1px;
  background-color: var(--color--5);
  display: block;
}
.path-edit #edit-type {
  background-color: var(--color--2);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
  padding: 0.5rem;
  border-radius: 0.375rem;
}
.path-edit #edit-type input {
  display: none;
}
.path-edit #edit-type label {
  cursor: pointer;
  border-radius: 0.375rem;
  padding: 0.5rem;
  display: block;
}
.path-edit #edit-type label span {
  color: var(--color--3);
  display: block;
}
.path-edit #edit-type input:checked + label {
  background-color: var(--color--1);
}
.path-edit #edit-type input:checked + label span {
  color: var(--color--4);
}
.path-edit .button-save {
  margin-left: auto;
}
@media (max-width: 768px) {
  .path-edit .button-save {
    width: 90%;
    margin: auto auto 1rem;
  }
}

.player-page {
  position: relative;
}
.player-page .color-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  mix-blend-mode: color-dodge;
}
.player-page.light .color-overlay {
  mix-blend-mode: difference;
  opacity: 0.4;
}
.player-page.light.black {
  background-color: #fff;
}
.player-page.light.orange {
  background-color: #FFA477;
}
.player-page.light.purple {
  background-color: #A07DC5;
}
.player-page.dark.black {
  background-color: #161616;
}
.player-page.dark.orange {
  background-color: #FF671D;
}
.player-page.dark.purple {
  background: linear-gradient(268.52deg, rgba(22, 22, 22, 0) 80%, #161616 96.62%), #4D1E7E;
}
.player-page img {
  position: relative;
}
.player-page .field--name-field-logo {
  position: absolute;
  right: 80px;
  bottom: 18rem;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .player-page .field--name-field-logo {
    right: 50px;
    bottom: 14rem;
  }
}
.player-page .field--name-field-logo img {
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  display: block;
}
.player-page.mobile .field--name-field-logo {
  left: 0;
  right: 0;
  top: 45px;
}
@media (max-width: 768px) {
  .player-page.mobile .field--name-field-logo {
    top: 45px;
  }
}

.config-player-web-client-form .form-radios {
  display: flex;
}
@media (max-width: 768px) {
  .config-player-web-client-form .form-radios {
    align-items: center;
  }
}
.config-player-web-client-form .config_web {
  display: flex;
  gap: 10px;
  align-items: stretch;
}
@media (max-width: 768px) {
  .config-player-web-client-form .config_web {
    flex-wrap: wrap;
  }
}

.list-table-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  /*table{
    max-height: 500px;
    overflow-y: auto;
    display: block;
    width: 100%;
  }*/
}
.list-table-container .container-gender-full {
  width: 100%;
}
.list-table-container .table-scroll-wrapper {
  max-height: 500px;
  overflow-y: auto;
}
.list-table-container .my-table {
  width: 100%;
  border-collapse: collapse; /* opcional, pero mejora compatibilidad */
  table-layout: fixed; /* 🔥 fuerza que las celdas respeten el ancho */
}
.list-table-container .counter-pre-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-table-container .counter-pre-item .counter {
  display: flex;
  gap: 8px;
  align-items: center;
}
.list-table-container .counter-pre-item .counter span {
  color: var(--color--9);
}
.list-table-container .counter-pre-item .counter p {
  color: #FF671D;
  font-size: 12px;
}
.list-table-container .counter-pre-item .counter .item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color--9);
  font-size: 32px;
  border-radius: 2rem;
  border: 1px solid #04AA5E;
  padding: 0 1rem;
}
.list-table-container .counter-pre-item .counter .item.error {
  border: 1px solid #FF3C41;
}
.list-table-container h2 {
  color: var(--color--9);
  font-size: 16px;
}
.list-table-container .container-music-ranking {
  padding: 10px;
}
.list-table-container .container-music-ranking .form-type--checkbox input[type=checkbox] {
  display: none;
}
.list-table-container .container-music-ranking .form-type--checkbox label {
  color: #7C7C7C;
  width: 100%;
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 10px;
}
.list-table-container .container-music-ranking .form-type--checkbox label .material-icons.left {
  margin-left: auto;
}
.list-table-container .container-music-ranking.enabled .form-type--checkbox label {
  color: #FF671D;
}
.list-table-container .container-music-ranking.enabled .form-type--checkbox label .material-icons.left {
  transform: rotate(90deg);
  color: var(--color--3);
}
.list-table-container .container-music-ranking .form-radios {
  display: flex;
  gap: 8px;
  padding-top: 10px;
}
.list-table-container .container-music-ranking .form-radios input[type=radio] {
  display: none;
}
.list-table-container .container-music-ranking .form-radios input[type=radio].all:checked + label {
  border: 1px solid #A07DC5;
  color: #A07DC5;
}
.list-table-container .container-music-ranking .form-radios input[type=radio].active:checked + label {
  border: 1px solid #04AA5E;
  color: #04AA5E;
}
.list-table-container .container-music-ranking .form-radios input[type=radio].disable:checked + label {
  border: 1px solid #FF3C41;
  color: #FF3C41;
}
.list-table-container .container-music-ranking .form-radios label {
  display: flex;
  gap: 4px;
  color: #515151;
  font-size: 16px;
  align-items: center;
  border: 1px solid #515151;
  border-radius: 1rem;
  padding: 10px 1rem;
  cursor: pointer;
}
.list-table-container .form-item--title {
  margin-top: 1rem;
  max-width: 300px;
  position: relative;
}
.list-table-container .form-item--title label {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  right: 10px;
  color: var(--color--9);
}
.list-table-container .calendar-block table {
  border: none;
}
.list-table-container .calendar-block tbody .fc-day .fc-timegrid-col-frame {
  background-color: var(--background);
  z-index: 2;
  border-radius: 2rem;
  margin: 0 10px;
}
.list-table-container .calendar-block tbody .fc-day .fc-timegrid-col-frame .fc-event {
  overflow: hidden;
  border-radius: 2rem;
  margin: 0 1rem;
  opacity: initial;
  display: flex;
  align-items: center;
}
.list-table-container .calendar-block tbody .fc-day.fc-day-today .fc-timegrid-col-frame {
  background: linear-gradient(var(--background), var(--background)) padding-box, linear-gradient(to right, var(--color--four), var(--color--two)) border-box;
  border: 1px solid transparent;
}
.list-table-container .calendar-block.fc-theme-standard td, .list-table-container .calendar-block.fc-theme-standard th {
  border: none;
}
.list-table-container .calendar-block .fc-event-title {
  color: #FFFFFF;
  font-style: initial;
  font-size: clamp(12px, 5vw, 14px); /* Se adapta al ancho */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.list-table-container .container-pre-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.list-table-container .container-pre-content .form-radios {
  display: flex;
  background-color: var(--color--2);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
  padding: 0.5rem;
  border-radius: 0.375rem;
}
.list-table-container .container-pre-content label {
  border-radius: 0.375rem;
  padding: 0.5rem;
  cursor: pointer;
  color: var(--color--3);
  display: flex;
}
.list-table-container .container-pre-content input {
  display: none;
}
.list-table-container .container-pre-content input:checked + label {
  color: #FF671D;
  background-color: #161616;
}
.list-table-container .container-gender {
  width: 68%;
}
.list-table-container .container-gender.calendar {
  width: 100%;
}
.list-table-container .container-rules {
  width: 29%;
  background-color: var(--color--12);
  border: 1px solid var(--color--14);
  border-radius: 2rem;
  padding: 1rem;
}
.list-table-container .container-rules h2 {
  font-weight: bold;
  font-size: 24px;
}
.list-table-container .container-pre-content {
  width: 100%;
}
.list-table-container .item-list li {
  margin: 1rem 0;
}
.list-table-container .item-list a {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: space-between;
  color: var(--color--9);
}
@media (max-width: 768px) {
  .list-table-container {
    flex-direction: column;
  }
  .list-table-container .container-gender {
    width: 100%;
    margin-bottom: 1rem;
  }
  .list-table-container .container-rules {
    width: 100%;
  }
  .list-table-container .container-music-ranking .form-radios {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .list-table-container .container-music-ranking .form-radios::-webkit-scrollbar {
    height: 2px; /* grosor del scroll horizontal */
  }
  .list-table-container .container-music-ranking .form-type--checkbox label {
    margin-bottom: 10px;
  }
  .list-table-container .counter-pre-item {
    flex-direction: column;
  }
  .list-table-container .counter-pre-item h2 {
    order: 2;
    display: block;
    margin-right: auto;
  }
  .list-table-container .counter-pre-item .counter {
    flex-direction: column;
    width: 100%;
    margin-bottom: 1rem;
  }
  .list-table-container .counter-pre-item .counter .item {
    width: 100%;
  }
  .list-table-container .my-table {
    table-layout: initial;
  }
}
.list-table-container .gender-items .form-radios {
  display: flex;
  gap: 8px;
}
.list-table-container .gender-items .form-radios input {
  display: none;
}
.list-table-container .gender-items .form-radios input:checked + label {
  color: var(--color--9);
  background: linear-gradient(var(--background), var(--background)) padding-box, linear-gradient(to right, var(--color--four), var(--color--two)) border-box;
  border: 1px solid transparent;
}
.list-table-container .gender-items .form-radios input:checked + label span {
  color: #FF671D;
}
.list-table-container .gender-items .form-radios label {
  display: flex;
  gap: 4px;
  color: #515151;
  font-size: 12px;
  align-items: center;
  border: 1px solid #515151;
  border-radius: 2rem;
  padding: 10px 1rem;
  cursor: pointer;
}

.fc .fc-timegrid-col.fc-day-today {
  background-color: transparent;
}

*::-webkit-scrollbar {
  width: 5px; /* width of the entire scrollbar */
}

*::-webkit-scrollbar-thumb {
  background-color: #515151; /* color of the scroll thumb */
  border-radius: 20px; /* roundness of the scroll thumb */
  border: 3px solid #515151; /* creates padding around scroll thumb */
}

.fc .fc-scrollgrid {
  min-width: 1400px;
}

.fc .fc-view-harness {
  overflow-x: auto;
}

.fc-v-event .fc-event-main-frame {
  justify-content: center;
}

.fc-v-event .fc-event-title-container {
  flex-grow: initial;
}

.node--type-points-of-sale .items-group-general .field {
  width: calc(50% - 0.5rem);
  border: 1px solid #FF671D;
  border-radius: 0.75rem;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.node--type-points-of-sale .items-group-general .field .field__label {
  color: #FF671D;
}
.node--type-points-of-sale .items-group-general .field .field__item {
  border-radius: 30px;
  margin: 10px auto 0;
  padding: 5px 10px;
  text-align: center;
  max-width: 80%;
  width: 100%;
  background-color: #FFD8D9;
  color: #FF3C41;
}
.node--type-points-of-sale .items-group-general .field .field__item.success {
  background-color: #CDEEDF;
  color: #03884B;
}
.node--type-points-of-sale .items-group-general .field .field__item.warning {
  background-color: #fff3cd;
  color: #856404;
}
.node--type-points-of-sale .link-addici {
  color: var(--color--9);
  display: flex;
  gap: 10px;
  align-items: center;
}
.node--type-points-of-sale .date-content {
  color: var(--color--9);
}
.node--type-points-of-sale .field--name-field-store-details > .field__label,
.node--type-points-of-sale .title-content {
  color: var(--color--9);
  font-size: 20px;
}
.node--type-points-of-sale .field--name-body {
  margin: 1rem 0;
  border: 1px solid #FF671D;
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.node--type-points-of-sale .field--name-body .field__label {
  color: #FF671D;
  font-size: 12px;
}
.node--type-points-of-sale .field--name-body .field__item {
  color: var(--color--9);
  font-size: 16px;
  margin: 10px 0;
}
.node--type-points-of-sale .card-status .status {
  background-color: #FFD8D9;
  border-radius: 2rem;
}
.node--type-points-of-sale .card-status .status.on {
  background-color: #CDEEDF;
  color: #03884B;
}
.node--type-points-of-sale .field--name-field-store-details .paragraph--type--detail {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin: 1rem 0;
}
@media (max-width: 768px) {
  .node--type-points-of-sale .field--name-field-store-details .paragraph--type--detail {
    grid-template-columns: repeat(2, 1fr);
  }
}
.node--type-points-of-sale .field--name-field-store-details .paragraph--type--detail .field {
  border: 1px solid #FF671D;
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.node--type-points-of-sale .field--name-field-store-details .paragraph--type--detail .field .field__label {
  color: #FF671D;
  font-size: 12px;
}
.node--type-points-of-sale .field--name-field-store-details .paragraph--type--detail .field .field__item {
  color: var(--color--9);
  font-size: 16px;
  margin: 10px 0;
}

.edit-rule-form h1 {
  color: var(--color--9);
  font-size: 20px;
}
.edit-rule-form label {
  color: var(--color--9);
  font-size: 12px;
  display: block;
  margin: 10px 0;
}

.reports-form-manager .form-item {
  margin: 10px 0;
}
.reports-form-manager label {
  color: var(--color--9);
  margin-bottom: 10px;
  display: block;
}

.page-node-type-notification-transmission .container-current-song {
  background-color: var(--color--8);
}
@keyframes bounce {
  from {
    transform: scaleY(0.3);
    opacity: 0.7;
  }
  to {
    transform: scaleY(1);
    opacity: 1;
  }
}
.page-node-type-notification-transmission .radios-item {
  /* Círculo externo */
  /* Círculo interno (el punto rojo) */
}
.page-node-type-notification-transmission .radios-item input {
  display: none;
}
.page-node-type-notification-transmission .radios-item .custom-radio {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid gray;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 8px;
}
.page-node-type-notification-transmission .radios-item .custom-radio::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s ease-in-out;
}
.page-node-type-notification-transmission .radios-item input[type=radio]:checked + .custom-radio {
  border-color: #ffffff;
}
.page-node-type-notification-transmission .radios-item input[type=radio]:checked + .custom-radio::after {
  transform: translate(-50%, -50%) scale(1);
}
.page-node-type-notification-transmission .main-content {
  /*margin: 0;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;

  @media (max-width: 600px) {
    position: initial;
  }*/
}
.page-node-type-notification-transmission .region-content,
.page-node-type-notification-transmission .main-content,
.page-node-type-notification-transmission .content,
.page-node-type-notification-transmission .container-main {
  height: 100%;
}
.page-node-type-notification-transmission .region-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
}
.page-node-type-notification-transmission .block-views-blocklistado-de-canciones-block-1 {
  margin: auto;
}
.page-node-type-notification-transmission .images-notification {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.page-node-type-notification-transmission .images-notification img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  width: 100%;
  background-size: cover;
  mix-blend-mode: initial;
  filter: brightness(0.5);
}
.page-node-type-notification-transmission .field--name-field-fondo-mobile {
  display: none;
  height: 100%;
}
@media (max-width: 600px) {
  .page-node-type-notification-transmission .field--name-field-fondo-mobile {
    display: block;
  }
}
.page-node-type-notification-transmission .field--name-field-imagen-de-fondo {
  height: 100%;
}
@media (max-width: 600px) {
  .page-node-type-notification-transmission .field--name-field-imagen-de-fondo {
    display: none;
  }
}
.page-node-type-notification-transmission .block-page-title-block,
.page-node-type-notification-transmission .block-local-tasks-block,
.page-node-type-notification-transmission .list-songs {
  position: relative;
  z-index: 2;
}
.page-node-type-notification-transmission .fields-notifications {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  justify-content: center;
  padding-top: 1rem;
  gap: 1rem;
}
@media (max-width: 600px) {
  .page-node-type-notification-transmission .fields-notifications {
    flex-direction: column;
  }
}
.page-node-type-notification-transmission .list-songs {
  max-width: 1100px;
  margin: auto;
}
.page-node-type-notification-transmission .list-songs .view-content {
  justify-content: space-around;
  flex-wrap: wrap;
  display: flex;
  width: 100%;
}
.page-node-type-notification-transmission .list-songs .views-row {
  width: 30%;
  margin-bottom: 1rem;
  height: 100px;
}
@media (max-width: 600px) {
  .page-node-type-notification-transmission .list-songs .views-row {
    width: 100%;
    margin: 1rem 4rem;
  }
}
.page-node-type-notification-transmission .list-songs .views-row.without {
  opacity: 60%;
}
.page-node-type-notification-transmission .list-songs .views-row.disable-click {
  pointer-events: none;
}
.page-node-type-notification-transmission .list-songs .views-field-field-logo {
  text-align: center;
}
.page-node-type-notification-transmission .list-songs .event-point-sale {
  padding: 1rem;
  background-color: #ffffff;
  border-radius: 3rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12), 0 10px 10px 0 rgba(0, 0, 0, 0.1), 0 22px 13px 0 rgba(0, 0, 0, 0.06), 0 39px 15px 0 rgba(0, 0, 0, 0.02), 0 60px 17px 0 transparent;
  cursor: pointer;
}

.form-report-admin .js-form-type-textfield {
  margin-bottom: 10px;
}
.form-report-admin label {
  color: var(--color--9);
  font-size: 12px;
  display: block;
  margin: 10px 0;
}
.form-report-admin .button {
  margin: 10px;
}

.report-form-build label {
  color: var(--color--9);
  font-size: 12px;
  display: block;
  margin: 10px 0;
}
.report-form-build .form-item__description {
  color: var(--color--9);
  font-size: 16px;
  margin: 10px;
}
.report-form-build h2 {
  color: var(--color--9);
  font-size: 24px;
}

.page-node-type-audios .page-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.page-node-type-audios .page-content::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100svh;
  z-index: -1;
  background: url(/themes/custom/emisoras_theme/assets/backgrounds/16.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  mix-blend-mode: var(--mix-blend-mode);
  opacity: var(--opacity-background);
}
@media (max-width: 768px) {
  .page-node-type-audios .page-content::before {
    width: 100%;
  }
}
.page-node-type-audios .form-item__label {
  color: var(--color--9);
  font-size: 12px;
  margin: 5px 0;
}
.page-node-type-audios .text-h1-content {
  color: var(--color--9);
  font-family: var(--font-family-bold);
}
.page-node-type-audios .field--name-field-components {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.page-node-type-audios .field--name-field-components .field__item {
  background-color: var(--color--12);
  border-radius: 1rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  padding: 1rem;
  transition: all 0.3s ease;
  border-color: rgb(7, 7, 7, var(--tw-border-opacity, 1));
}
.page-node-type-audios .field--name-field-components .field__item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  border-color: #e2e8f0;
}
.page-node-type-audios .field--name-field-components .field__item .field--name-field-titulo {
  font-weight: 600;
  font-size: 1.1rem;
  color: #FF671D;
  margin-bottom: 0.8rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.page-node-type-audios .field--name-field-components .field__item .field--name-field-titulo::before {
  content: "🎧";
  font-size: 1.2rem;
}
.page-node-type-audios .field--name-field-components .field__item .field--name-field-audio audio {
  width: 100%;
  border-radius: 0.5rem;
  outline: none;
  background-color: var(--color--12);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}
.page-node-type-audios .field--name-field-components .field__item .field--name-field-audio audio:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.page-node-type-audios .field--name-field-components .field__item .field--name-field-audio audio::-webkit-media-controls-panel {
  background-color: #f8fafc !important;
}
.page-node-type-audios .field--name-field-components .field__item .field--name-field-audio audio::-webkit-media-controls-play-button {
  filter: brightness(0.4);
}
.page-node-type-audios .field--name-field-components .field__item .field--name-field-audio audio::-webkit-media-controls-timeline {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.05);
}

body {
  margin: 0;
  background-color: var(--background);
}

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

li {
  list-style: none;
}

* {
  box-sizing: border-box;
  font-family: "Plus Jakarta Sans";
}

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

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  color: #fff;
}

.chartMenu {
  width: 100vw;
  height: 40px;
  background: #1A1A1A;
  color: rgb(54, 162, 235);
}

.chartMenu p {
  padding: 10px;
  font-size: 20px;
}

.chartCard {
  width: 100vw;
  height: calc(100vh - 40px);
  background: rgba(54, 162, 235, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.chartBox {
  width: 700px;
  padding: 20px;
  border-radius: 20px;
  border: solid 3px rgb(54, 162, 235);
  background: white;
}

@media not all and (min-width: 768px){
  .max-md\:text-\[10px\]{
    font-size: 10px;
  }
}

@media (min-width: 768px){
  .md\:sticky{
    position: sticky;
  }
  .md\:mb-0{
    margin-bottom: 0px;
  }
  .md\:ml-auto{
    margin-left: auto;
  }
  .md\:block{
    display: block;
  }
  .md\:flex{
    display: flex;
  }
  .md\:grid{
    display: grid;
  }
  .md\:hidden{
    display: none;
  }
  .md\:h-auto{
    height: auto;
  }
  .md\:h-full{
    height: 100%;
  }
  .md\:w-1\/2{
    width: 50%;
  }
  .md\:w-1\/3{
    width: 33.333333%;
  }
  .md\:w-1\/4{
    width: 25%;
  }
  .md\:w-2\/3{
    width: 66.666667%;
  }
  .md\:w-3\/4{
    width: 75%;
  }
  .md\:w-\[calc\(33\.333\%-0\.5rem\)\]{
    width: calc(33.333% - 0.5rem);
  }
  .md\:w-\[calc\(66\.666\%-0\.5rem\)\]{
    width: calc(66.666% - 0.5rem);
  }
  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:items-center{
    align-items: center;
  }
  .md\:justify-between{
    justify-content: space-between;
  }
  .md\:overflow-visible{
    overflow: visible;
  }
  .md\:overflow-y-auto{
    overflow-y: auto;
  }
  .md\:overflow-y-scroll{
    overflow-y: scroll;
  }
  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:px-\[3rem\]{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }
}