<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root{
  --color_principal: #0D633A;
  --color_principal-hover: #118f4d;
  --color_secundario: #06351d;
  --color_titulos: #000;
  --color_fondo: #fff;
}

.contenedor__principal h1, .contenedor__principal h2, .contenedor__principal h3, .contenedor__principal h4, .contenedor__principal h5, .contenedor__principal h6 {
  font-family: "Montserrat", sans-serif ;
}

.contenedor__principal p, .contenedor__principal a, .contenedor__principal button, .contenedor__principal span, .contenedor__principal div {
  font-family: "Work Sans", sans-serif ;
}

button.paginador__item--inactive {
  pointer-events:none;
  cursor: not-allowed;
  background-color: rgb(229, 229, 229) !important;
  user-select: none;
  cursor: not-allowed;
}

.contenedor__principal .categorias__item--active {
  background-color: var(--color_principal-hover);
}

.texto {
  max-height: 115px;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

.texto.mostrar {
  max-height: 1000px;
  transition: max-height 0.5s ease-in;
}

.spinner {
  position: relative;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.spinner::before,
.spinner::after {
  border: 6.7px solid #b3b3b3;
  border-radius: 50%;
  position: absolute;
  content: '';
  display: block;
}

.spinner::before {
  width: 33.6px;
  height: 33.6px;
  border-bottom-color: transparent;
  border-left-color: transparent;
  animation: spinner-1o3y8q 0.75s infinite linear reverse;
}

.spinner::after {
  animation: spinner-1o3y8q 0.5s infinite linear;
  height: 56px;
  width: 56px;
  border-right-color: transparent;
  border-top-color: transparent;
}

@keyframes spinner-1o3y8q {
  to {
     transform: rotate(360deg);
  }
}



.custom-loader {
width: 50px;
height: 50px;
display: grid;
border-radius: 50%;
-webkit-mask:radial-gradient(farthest-side,#0000 40%,#000 41%);
background:
  linear-gradient(0deg ,var(--color_principal) 50%,var(--color_principal-hover) 0) center/4px 100%,
  linear-gradient(90deg,var(--color_secundario) 50%,var(--color_principal) 0) center/100% 4px;
background-repeat: no-repeat;
animation: s3 1s infinite steps(12);
}
.custom-loader::before,
.custom-loader::after {
 content:"";
 grid-area: 1/1;
 border-radius: 50%;
 background:inherit;
 opacity: 0.915;
 transform: rotate(30deg);
}
.custom-loader::after {
 opacity: 0.83;
 transform: rotate(60deg);
}

@keyframes s3 {
100% {transform: rotate(1turn)}
}

.fade-in-right {
  animation: fadeInRight 0.5s;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fade-in {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.fade-in.show {
  opacity: 1;
}</pre></body></html>