@charset "UTF-8";
/*
Theme Name: Euler
Theme URI: #
Author: diegowdeveloper
Author URI: #
Description: Euler Theme
Version: 7.6.1
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: euler
*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 320px;
  height: auto;
  min-height: 100vh;
  margin: 0 auto;
  font-family: "Inter", sans-serif;
  background-color: #F2F7F4;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: -20vw;
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  display: none;
  background: radial-gradient(circle, rgba(45, 149, 100, 0.1) 0%, transparent 90%);
}
body::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: -20vw;
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  display: none;
  background: radial-gradient(circle, rgba(230, 103, 13, 0.1) 0%, transparent 90%);
}

main {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 320px;
  height: auto;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: transparent;
  overflow-x: hidden;
}

.eulercore {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.eulercore__content {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 320px;
  height: auto;
  min-height: 100vh;
  padding-top: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.euler-footer {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 320px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
.euler-footer > iframe {
  width: 90%;
  min-width: 288px;
  height: auto;
  min-height: 300px;
  margin: 0 auto;
}

.euler__message {
  position: fixed;
  z-index: 20;
  top: 10%;
  left: 5%;
  right: 5%;
  width: auto;
  max-width: 190px;
  height: auto;
  margin: 0 auto;
  border-radius: 1rem;
  padding: 1.3rem 3rem;
  font-family: "Schibsted Grotesk", serif;
  color: white;
}
.euler__message-text {
  font-size: 1.2rem;
  font-family: "Schibsted Grotesk", serif;
  text-align: center;
}
.euler__message-text--success {
  background-color: #2D9564;
}
.euler__message-text--error {
  background-color: rgb(255, 42, 42);
}

.euler__main-crear-grupo {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-crear-grupo > img {
  width: 200px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-crear-grupo-text {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #2a8f60;
}
.euler__main-crear-grupo-text--error {
  color: rgb(255, 64, 64);
}
.euler__main-crear-grupo-title {
  font-size: 2rem;
  font-weight: 500;
  font-family: "Schibsted Grotesk", serif;
  color: black;
}
.euler__main-crear-grupo-label {
  width: 100%;
  height: auto;
  margin: 0 auto;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: black;
  text-align: center;
}
.euler__main-crear-grupo-label--portada {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 200px;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, from(rgb(221, 221, 221)), to(rgb(231, 231, 231)));
  background: linear-gradient(90deg, rgb(221, 221, 221), rgb(231, 231, 231));
}
.euler__main-crear-grupo-label--portada > img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: inline-block;
}
.euler__main-crear-grupo-label--perfil {
  position: absolute;
  z-index: 1;
  top: 160px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  background-color: rgb(36, 36, 36);
}
.euler__main-crear-grupo-label--perfil > img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-crear-grupo-label--perfil > i {
  font-size: 6rem;
  color: rgb(218, 218, 218);
}
.euler__main-crear-grupo-label--nombre {
  margin-top: 90px;
}
.euler__main-crear-grupo-label:hover {
  cursor: pointer;
}
.euler__main-crear-grupo-input, .euler__main-crear-grupo-textarea {
  width: 100%;
  max-width: 500px;
  height: auto;
  margin: 0 auto;
  border: solid 1px rgb(230, 230, 230);
  border-radius: 1rem;
  padding: 1rem;
  outline: none;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: black;
  text-align: center;
}
.euler__main-crear-grupo-input:focus, .euler__main-crear-grupo-textarea:focus {
  outline: none;
  border: solid 1px rgb(216, 216, 216);
}
.euler__main-crear-grupo-input::-webkit-input-placeholder, .euler__main-crear-grupo-textarea::-webkit-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
}
.euler__main-crear-grupo-input::-moz-placeholder, .euler__main-crear-grupo-textarea::-moz-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
}
.euler__main-crear-grupo-input:-ms-input-placeholder, .euler__main-crear-grupo-textarea:-ms-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
}
.euler__main-crear-grupo-input::-ms-input-placeholder, .euler__main-crear-grupo-textarea::-ms-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
}
.euler__main-crear-grupo-input::placeholder, .euler__main-crear-grupo-textarea::placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
}
.euler__main-crear-grupo-input--imagen, .euler__main-crear-grupo-textarea--imagen {
  display: none;
}
.euler__main-crear-grupo-textarea {
  min-height: 100px;
  resize: none;
}
.euler__main-crear-grupo-agregrar-miembros {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 500;
}
.euler__main-crear-grupo-sugerencias {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  border-radius: 0.5rem;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 400;
  gap: 1rem;
}
.euler__main-crear-grupo-sugerencias-input {
  display: none;
}
.euler__main-crear-grupo-sugerencias-label {
  width: auto;
  height: auto;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.2rem;
  font-weight: 400;
  background-color: rgb(236, 236, 236);
  -webkit-transition: all 0.05s ease-in;
  transition: all 0.05s ease-in;
}
.euler__main-crear-grupo-sugerencias-label > img {
  width: 30px;
  height: 30px;
  border: solid 5px rgb(219, 219, 219);
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
  background-color: #2a8b5e;
}
.euler__main-crear-grupo-sugerencias-label:hover {
  cursor: pointer;
  background-color: rgb(218, 218, 218);
}
.euler__main-crear-grupo-sugerencias-input:checked + .euler__main-crear-grupo-sugerencias-label {
  color: white;
  background-color: #2a8f60;
  -webkit-transform: scale(0.99);
          transform: scale(0.99);
}
.euler__main-crear-grupo-submit {
  width: auto;
  height: auto;
  border: none;
  border-radius: 5rem;
  padding: 1rem 2rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
  color: white;
  outline: none;
  background-color: #2a8f60;
}
.euler__main-crear-grupo-submit:hover {
  cursor: pointer;
}
.euler__main-crear-grupo-submit:focus {
  outline: none;
}
.euler__main-single-evento {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-single-evento-header {
  width: 100%;
  min-width: 288px;
  height: auto;
  border-radius: 1rem;
  padding: 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  background: -webkit-gradient(linear, left top, right top, from(#2D9564), to(#298a5d));
  background: linear-gradient(90deg, #2D9564, #298a5d);
  color: white;
}
.euler__main-single-evento-header-date {
  font-size: 1.5rem;
}
.euler__main-single-evento-header-title {
  font-size: 3rem;
  font-weight: 400;
}
.euler__main-single-evento-header-time {
  font-size: 1.2rem;
}
.euler__main-single-evento-header-recursos {
  width: auto;
  height: auto;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  text-decoration: none;
  color: white;
  font-size: 1.3rem;
  font-weight: 400;
  background-color: #2a8b5e;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-single-evento-header-recursos:hover {
  background-color: #257a53;
}
.euler__main-single-evento-body {
  width: 100%;
  min-width: 288px;
  height: auto;
  border: solid 1px rgb(231, 231, 231);
  border-radius: 1rem;
  padding: 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  background-color: rgb(240, 240, 240);
  color: black;
}
.euler__main-single-evento-body-content {
  width: 100%;
  max-width: 1000px;
}
.euler__main-single-evento-recursos {
  width: 100%;
  min-width: 288px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
  color: black;
}
.euler__main-single-evento-recursos-title {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  color: rgb(27, 27, 27);
}
.euler__main-single-evento-recursos-item {
  width: auto;
  height: auto;
  border: solid 1px rgb(216, 216, 216);
  border-radius: 1rem;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
  font-size: 1.2rem;
  font-weight: 400;
  font-family: "Schibsted Grotesk", serif;
  text-decoration: none;
  color: black;
  background-color: rgb(230, 230, 230);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-single-evento-recursos-item > span {
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
  font-weight: 400;
  color: rgb(139, 133, 133);
  background-color: rgb(213, 213, 213);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-single-evento-recursos-item > p {
  padding: 0 0.5rem;
  font-size: 1.3rem;
  font-weight: 500;
}
.euler__main-single-evento-recursos-item:hover {
  cursor: pointer;
  background-color: rgb(213, 213, 213);
}
.euler__main-single-evento-recursos-item:hover > span {
  color: #585858;
}
.euler__main-carrito, .euler__main-carrito--empty {
  position: fixed;
  z-index: 10;
  top: 0;
  bottom: 0;
  right: 0;
  width: 200px;
  height: 100vh;
  padding: 2rem;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: -2px 0 4px rgba(0, 0, 0, 0.05);
          box-shadow: -2px 0 4px rgba(0, 0, 0, 0.05);
  overflow-y: scroll;
  overscroll-behavior-y: auto;
  -ms-scroll-snap-type: y proximity;
      scroll-snap-type: y proximity;
}
.euler__main-carrito::-webkit-scrollbar, .euler__main-carrito--empty::-webkit-scrollbar {
  width: 8px; /* Tamaño del scroll en vertical */
  height: 8px; /* Tamaño del scroll en horizontal */
}
.euler__main-carrito::-webkit-scrollbar-track, .euler__main-carrito--empty::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 4px;
}
.euler__main-carrito::-webkit-scrollbar-track:hover, .euler__main-carrito::-webkit-scrollbar-track:active, .euler__main-carrito--empty::-webkit-scrollbar-track:hover, .euler__main-carrito--empty::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}
.euler__main-carrito-back, .euler__main-carrito--empty-back {
  width: 100%;
  height: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.euler__main-carrito-back > button, .euler__main-carrito--empty-back > button {
  border: none;
  outline: none;
  background-color: transparent;
  -webkit-transition: all 0.05s ease-in;
  transition: all 0.05s ease-in;
}
.euler__main-carrito-back > button > i, .euler__main-carrito--empty-back > button > i {
  display: inline-block;
  font-size: 2rem;
}
.euler__main-carrito-back > button:hover, .euler__main-carrito--empty-back > button:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  cursor: pointer;
}
.euler__main-carrito-back > button:focus, .euler__main-carrito--empty-back > button:focus {
  outline: none;
}
.euler__main-carrito-info, .euler__main-carrito--empty-info {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-carrito-info > img, .euler__main-carrito--empty-info > img {
  width: 200px;
  height: 200px;
  display: inline-block;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-carrito-info > p, .euler__main-carrito--empty-info > p {
  width: 200px;
  display: inline-block;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 400;
  color: black;
  text-align: center;
}
.euler__main-carrito--show, .euler__main-carrito--empty--show {
  right: -100%;
  -webkit-animation-name: cartShow;
          animation-name: cartShow;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.56, 0, 0.54, 1);
          animation-timing-function: cubic-bezier(0.56, 0, 0.54, 1);
}
@-webkit-keyframes cartShow {
  0% {
    right: -100%;
  }
  100% {
    right: 0;
  }
}
@keyframes cartShow {
  0% {
    right: -100%;
  }
  100% {
    right: 0;
  }
}
.euler__main-carrito--hide, .euler__main-carrito--empty--hide {
  right: 0;
  -webkit-animation-name: cartHide;
          animation-name: cartHide;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.56, 0, 0.54, 1);
          animation-timing-function: cubic-bezier(0.56, 0, 0.54, 1);
}
@-webkit-keyframes cartHide {
  0% {
    right: 0;
  }
  100% {
    right: -100%;
  }
}
@keyframes cartHide {
  0% {
    right: 0;
  }
  100% {
    right: -100%;
  }
}
.euler__main-carrito-items, .euler__main-carrito--empty-items {
  width: 100%;
  height: auto;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.euler__main-carrito-items-item, .euler__main-carrito--empty-items-item {
  width: 90%;
  height: auto;
  margin: 0 auto;
  border-radius: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: rgb(253, 252, 252);
  color: black;
}
.euler__main-carrito-items-item-picture, .euler__main-carrito--empty-items-item-picture {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  padding: 0.5rem;
  background-color: rgb(245, 245, 245);
}
.euler__main-carrito-items-item-picture > img, .euler__main-carrito--empty-items-item-picture > img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-carrito-items-item-info, .euler__main-carrito--empty-items-item-info {
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-carrito-items-item-info-name, .euler__main-carrito--empty-items-item-info-name {
  font-size: 1.3rem;
  font-weight: 500;
}
.euler__main-carrito-items-item-info-price, .euler__main-carrito--empty-items-item-info-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  font-size: 1.5rem;
  font-weight: 500;
  color: black;
}
.euler__main-carrito-items-item-info-price-symbol, .euler__main-carrito--empty-items-item-info-price-symbol {
  font-size: 1.3rem;
  vertical-align: text-top;
}
.euler__main-carrito-items-item-info-price-amount > span, .euler__main-carrito--empty-items-item-info-price-amount > span {
  font-size: 1.2rem;
  vertical-align: text-top;
}
.euler__main-carrito-comprar, .euler__main-carrito--empty-comprar {
  width: 100%;
  height: auto;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
.euler__main-carrito-comprar > button, .euler__main-carrito--empty-comprar > button {
  border: none;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  outline: none;
  font-family: "Schibsted Grotesk", serif;
  background-color: rgb(230, 230, 230);
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-carrito-comprar > button:hover, .euler__main-carrito--empty-comprar > button:hover {
  cursor: pointer;
  color: white;
  background-color: #2D9564;
}
.euler__main-carrito-comprar > button[disabled], .euler__main-carrito--empty-comprar > button[disabled] {
  color: white;
  background-color: #31a06c;
  cursor: auto;
}
.euler__main-order {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.euler__main-order-content {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  max-width: 500px;
  height: auto;
  max-height: 500px;
  border-radius: 1rem;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  font-family: "Schibsted Grotesk", serif;
  background-color: white;
  -webkit-box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.05);
}
.euler__main-order-content-back {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.euler__main-order-content-back-button {
  display: inline-block;
  width: auto;
  height: auto;
  border: none;
  outline: none;
  background-color: transparent;
}
.euler__main-order-content-back-button > i {
  display: inline-block;
  font-size: 2rem;
  color: rgb(156, 156, 156);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.euler__main-order-content-back-button > i:hover {
  color: rgb(255, 43, 43);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.euler__main-order-content-back-button:hover {
  cursor: pointer;
}
.euler__main-order-content-back-button:focus {
  outline: none;
}
.euler__main-order-content-message {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgb(255, 46, 46);
  text-align: center;
}
.euler__main-order-content-items {
  position: relative;
  z-index: 20;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  overflow-y: scroll;
}
.euler__main-order-content-items::-webkit-scrollbar {
  width: 8px; /* Tamaño del scroll en vertical */
  height: 8px; /* Tamaño del scroll en horizontal */
}
.euler__main-order-content-items::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.euler__main-order-content-items::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}
.euler__main-order-content-items::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 4px;
}
.euler__main-order-content-items::-webkit-scrollbar-track:hover, .euler__main-order-content-items::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}
.euler__main-order-content-items-item {
  border: solid 1px rgb(236, 236, 236);
  border-radius: 1rem;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-order-content-items-item-picture {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.euler__main-order-content-items-item-picture > img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.euler__main-order-content-items-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: black;
}
.euler__main-order-content-items-item-info-code > span {
  font-size: 1.2rem;
  vertical-align: text-top;
}
.euler__main-order-content-items-amount {
  width: 100%;
  height: auto;
  margin-top: 1rem;
  border-bottom: solid 1px rgb(190, 190, 190);
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: black;
}
.euler__main-order-content-items-amount-text {
  font-size: 1.6rem;
  font-weight: 600;
}
.euler__main-order-content-items-amount-number span {
  font-size: 1.2rem;
  vertical-align: text-top;
}
.euler__main-order-content-body {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-order-content-body-picture {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-order-content-body-picture > img {
  width: 260px;
  height: auto;
  margin: 0 auto;
  display: inline-block;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-order-content-body-text {
  width: 100%;
  max-width: 300px;
  height: auto;
  display: inline-block;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 500;
  color: black;
}
.euler__main-order-content-body-complete-profile {
  width: auto;
  height: auto;
  border-radius: 5rem;
  padding: 1rem 2rem;
  background-color: #2a8f60;
  color: white;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.euler__main-order-content-body-complete-profile:hover {
  background-color: #31a06c;
}
.euler__main-order-content-confirm {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.euler__main-order-content-confirm > button {
  width: auto;
  height: auto;
  border: none;
  border-radius: 5rem;
  padding: 1rem 2rem;
  outline: none;
  color: white;
  background-color: #2b8f60;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-order-content-confirm > button:hover {
  cursor: pointer;
  background-color: #31a06c;
}
.euler__main-order-content-confirm > button:focus {
  outline: none;
}
.euler__main-order-success {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  max-width: 500px;
  height: auto;
  max-height: 500px;
  border-radius: 1rem;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  font-family: "Schibsted Grotesk", serif;
  background-color: white;
  -webkit-box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.05);
}
.euler__main-order-success-picture {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-order-success-picture > img {
  width: 260px;
  height: auto;
  margin: 0 auto;
  display: inline-block;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-order-success-text {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0 auto;
  display: inline-block;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 500;
  color: black;
}
.euler__main-pagination {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-pagination > ul {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  list-style: none;
}
.euler__main-pagination > ul > li {
  width: auto;
  min-width: 25px;
  border: none;
  border-radius: 0.75rem;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Schibsted Grotesk", serif;
  background-color: rgb(228, 228, 228);
  outline: none;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-pagination > ul > li > a, .euler__main-pagination > ul > li > span {
  width: 100%;
  color: black;
  font-size: 1.3rem;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}
.euler__main-pagination > ul > li > a:hover, .euler__main-pagination > ul > li > span:hover {
  cursor: pointer;
  outline: none;
}
.euler__main-pagination > ul > li:hover {
  background-color: #31a06c;
}
.euler__main-pagination > ul > li:hover > a, .euler__main-pagination > ul > li:hover > span {
  color: white;
}
.euler__main-address {
  width: 100%;
  min-width: 320px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-address-guide {
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: rgb(46, 46, 46);
}
.euler__main-address-images {
  width: 90%;
  min-width: 288px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}
.euler__main-address-images > img {
  display: inline-block;
  width: 40%;
  max-width: 200px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-address-nota {
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: rgb(46, 46, 46);
}
.euler__main-notice {
  width: 100%;
  height: auto;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.2rem;
  font-weight: 500;
  -webkit-columns: black;
     -moz-columns: black;
          columns: black;
}
.euler__main-form-edit {
  width: 90%;
  min-width: 288px;
  max-width: 500px;
  height: auto;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.euler__main-form-edit-h2 {
  width: 100%;
  height: auto;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: black;
}
.euler__main-form-edit-fields {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.euler__main-form-edit-fields label {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 500;
}
.euler__main-form-edit-fields input {
  width: 100%;
  height: auto;
  border: solid 1px rgb(92, 92, 92) !important;
  border-radius: 0.5rem;
  padding: 1rem;
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: black;
  outline: none;
}
.euler__main-form-edit-fields input::-webkit-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: rgb(117, 117, 117);
}
.euler__main-form-edit-fields input::-moz-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: rgb(117, 117, 117);
}
.euler__main-form-edit-fields input:-ms-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: rgb(117, 117, 117);
}
.euler__main-form-edit-fields input::-ms-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: rgb(117, 117, 117);
}
.euler__main-form-edit-fields input::placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: rgb(117, 117, 117);
}
.euler__main-form-edit-fields input:focus {
  outline: #2a8f60 !important;
}
.euler__main-form-edit-fields .submit {
  width: auto;
  height: auto;
  margin-bottom: 1rem;
  border: none;
  border-radius: 1rem;
  padding: 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif !important;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  color: white;
  outline: none;
  background-color: #2a8f60;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.euler__main-form-edit-fields .submit:hover {
  cursor: pointer;
  background-color: #31a06c;
}
.euler__main-form-edit-fields .submit:focus {
  outline: none;
}
.euler__main-form-edit-fields .submit:focus::after {
  display: inline-block;
  color: white;
  content: url("./assets/icons/spinn.svg");
  -webkit-animation-name: spinn;
          animation-name: spinn;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.65, 1);
          animation-timing-function: cubic-bezier(0.5, 0, 0.65, 1);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
@-webkit-keyframes spinn {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinn {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.euler__main-items {
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.euler__main-items-item {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
}
.euler__main-items-item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.euler__main-items-item-header-h2 {
  font-size: 1.8rem;
  font-weight: 700;
  color: black;
}
.euler__main-items-item-header-link {
  width: auto;
  border-radius: 5rem;
  padding: 1rem 2rem;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  color: white;
  background-color: #2a8b5e;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.euler__main-items-item-header-link:hover {
  background-color: #2D9564;
}
@media (min-width: 600px) {
  .euler__main-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
  }
}
.euler__main-panel {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 320px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.euler__main-panel-bienvenida {
  width: 100%;
  min-width: 320px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.euler__main-panel-bienvenida-picture {
  width: 90%;
  min-width: 288px;
  max-width: 300px;
  height: auto;
  margin: 0 auto;
}
.euler__main-panel-bienvenida-picture > img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-panel-bienvenida-title {
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Schibsted Grotesk", serif;
  font-weight: 600;
  font-size: 3rem;
}
.euler__main-panel-bienvenida-title > h2 {
  color: black;
  text-align: center;
}
.euler__main-panel-bienvenida-title > h2 > span {
  background-image: -webkit-gradient(linear, right top, left top, from(#2D9564), to(#32a56f));
  background-image: linear-gradient(to left, #2D9564, #32a56f);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
}
.euler__main-panel-bienvenida-text {
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Schibsted Grotesk", serif;
  font-weight: 500;
  font-size: 1.5rem;
}
.euler__main-panel-bienvenida-text > p {
  text-align: center;
}
.euler__main-panel-bienvenida-woocommerce {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0 auto;
  border-radius: 1.5rem;
  padding: 1rem 1.5rem;
  color: white;
  font-family: "Schibsted Grotesk", serif;
  font-weight: 500;
  font-size: 1.3rem;
  text-decoration: none;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#2D9564), to(#32a56f));
  background: linear-gradient(#2D9564, #32a56f);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.euler__main-panel-bienvenida-woocommerce:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#32a56f), to(#2D9564));
  background: linear-gradient(#32a56f, #2D9564);
}
.euler__main-panel-contenedor {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 320px;
  height: auto;
  min-height: 383px;
  margin: 1rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-panel-contenedor-puntos {
  width: 100%;
}
.euler__main-panel-contenedor-mision-creada {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  height: auto;
  min-height: 300px;
  margin: 0 auto;
  margin-top: 1rem;
  border: solid 1px #ebebeb;
  border-radius: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Inter", sans-serif;
  text-align: center;
}
.euler__main-panel-contenedor-mision-creada-picture {
  width: 200px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-panel-contenedor-mision-creada-text {
  font-family: "Schibsted Grotesk", serif;
  font-weight: 500;
  font-size: 1.6rem;
}
.euler__main-panel-contenedor-nueva-mision {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 320px;
  height: auto;
  min-height: 300px;
  margin: 0 auto;
  margin-top: 1rem;
  border-radius: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-family: "Inter", sans-serif;
  text-align: center;
  color: #525252;
}
.euler__main-panel-contenedor-nueva-mision-label:first-child {
  margin-top: 0;
}
.euler__main-panel-contenedor-nueva-mision-label, .euler__main-panel-contenedor-nueva-mision-question {
  margin-top: 1rem;
  font-size: 1.3rem;
  font-weight: 500;
}
.euler__main-panel-contenedor-nueva-mision-option {
  margin-top: 1.5rem;
}
.euler__main-panel-contenedor-nueva-mision-option > input {
  display: none;
}
.euler__main-panel-contenedor-nueva-mision-option > label {
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  font-family: "Inter", sans-serif;
  font-size: 1.2rem;
  background-color: #d8d8d8;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-panel-contenedor-nueva-mision-option > label:hover {
  cursor: pointer;
  color: #FFFFFF;
  background-color: #31a06c;
}
.euler__main-panel-contenedor-nueva-mision-option > input:checked + label {
  color: #FFFFFF;
  background-color: #31a06c;
}
.euler__main-panel-contenedor-nueva-mision-date {
  width: 100%;
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.euler__main-panel-contenedor-nueva-mision-date > input {
  width: auto;
  max-width: 50px;
  height: auto;
  border: solid 1px #2D9564;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  background-color: #FFFFFF;
  font-size: 1.2rem;
  font-family: "Inter", sans-serif;
  outline: none;
}
.euler__main-panel-contenedor-nueva-mision-date > input:focus {
  outline: none;
}
.euler__main-panel-contenedor-nueva-mision-date > label {
  font-size: 1.3rem;
  font-weight: 400;
  color: #a6a6a6;
}
.euler__main-panel-contenedor-nueva-mision-input {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin-top: 0.5rem;
  border: solid 1px #2D9564;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  background-color: #FFFFFF;
  font-size: 1.2rem;
  font-family: "Inter", sans-serif;
  outline: none;
}
.euler__main-panel-contenedor-nueva-mision-input:focus {
  outline: none;
}
.euler__main-panel-contenedor-nueva-mision-textarea {
  width: 100%;
  max-width: 300px;
  height: auto;
  min-height: 100px;
  margin-top: 0.5rem;
  border: solid 1px #2D9564;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  background-color: #FFFFFF;
  font-size: 1.2rem;
  font-family: "Inter", sans-serif;
  outline: none;
  resize: none;
}
.euler__main-panel-contenedor-nueva-mision-textarea:focus {
  outline: none;
}
.euler__main-panel-contenedor-nueva-mision-submit {
  width: auto;
  height: auto;
  margin-top: 1rem;
  border: none;
  border-radius: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  background-color: #2D9564;
  color: #FFFFFF;
  font-family: "Inter", sans-serif;
  outline: none;
}
.euler__main-panel-contenedor-nueva-mision-submit:hover {
  cursor: pointer;
}
.euler__main-panel-contenedor-nueva-mision-submit:focus {
  outline: none;
}
.euler__main-panel-contenedor-encabezado {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  border-radius: 1rem;
  padding: 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  background-color: #efefef;
}
.euler__main-panel-contenedor-encabezado > i {
  display: inline-block;
  font-size: 5rem;
  color: #bfbfbf;
}
.euler__main-panel-contenedor-encabezado-text {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #8c8c8c;
}
.euler__main-panel-contenedor-resultado {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 0.5rem;
  border-radius: 1rem;
  border: solid 1px #e5e5e5;
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.25rem;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  background-color: #efefef;
  color: #8c8c8c;
}
.euler__main-panel-contenedor-resultado-col {
  color: #cdcdcd;
}
.euler__main-panel-contenedor-resultado-col:nth-child(1) {
  display: inline-block;
  color: #626262;
}
.euler__main-panel-contenedor-resultado-col:nth-child(2) {
  display: inline-block;
  color: #626262;
}
.euler__main-panel-contenedor-resultado-col:last-child {
  display: inline-block;
  color: #626262;
}
.euler__main-panel-contenedor-eventos {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  height: auto;
  min-height: 300px;
  margin: 0 auto;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Schibsted Grotesk", serif;
  text-align: center;
  color: #929292;
  gap: 1rem;
}
.euler__main-panel-contenedor-eventos-calendario {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.euler__main-panel-contenedor-eventos-calendario-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-panel-contenedor-eventos-calendario-panel {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.euler__main-panel-contenedor-eventos-calendario-panel-fecha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-panel-contenedor-eventos-calendario-panel-fecha-datos {
  font-size: 1.5rem;
  color: black;
}
.euler__main-panel-contenedor-eventos-calendario-panel-fecha-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-panel-contenedor-eventos-calendario-panel-fecha-nav > button {
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem;
  outline: none;
  background-color: rgb(241, 241, 241);
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.euler__main-panel-contenedor-eventos-calendario-panel-fecha-nav > button:hover {
  cursor: pointer;
  color: white;
  background-color: #2b8f60;
}
.euler__main-panel-contenedor-eventos-calendario-panel-fecha-nav > button:focus {
  outline: none;
}
.euler__main-panel-contenedor-eventos-calendario-panel-dias {
  position: relative;
  z-index: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr;
  grid-template-columns: repeat(7, 1fr);
  grid-auto-rows: auto;
  gap: 0.5rem;
}
.euler__main-panel-contenedor-eventos-calendario-panel-dias-he {
  font-size: 1.3rem;
}
.euler__main-panel-contenedor-eventos-calendario-panel-dias-op {
  border: none;
  border-radius: 5rem;
  padding: 0.5rem;
  outline: none;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 400;
  color: black;
  background-color: transparent;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.euler__main-panel-contenedor-eventos-calendario-panel-dias-op--selected {
  color: white;
  background-color: #2b8f60;
}
.euler__main-panel-contenedor-eventos-calendario-panel-dias-op--past {
  color: #c0c0c0;
}
.euler__main-panel-contenedor-eventos-calendario-panel-dias-op:hover {
  cursor: pointer;
  color: white;
  background-color: #2b8f60;
}
.euler__main-panel-contenedor-eventos-calendario-panel-dias-op:focus {
  outline: none;
}
.euler__main-panel-contenedor-eventos-eventos {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.euler__main-panel-contenedor-eventos-eventos-empty-pic {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-panel-contenedor-eventos-eventos-empty-pic > img {
  width: 200px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-panel-contenedor-eventos-eventos-empty-msg {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-panel-contenedor-eventos-eventos-empty-msg > p {
  width: 100%;
  max-width: 500px;
  font-size: 1.5rem;
  font-weight: 400;
}
.euler__main-panel-contenedor-eventos-eventos-title {
  width: 100%;
  height: auto;
  margin-top: 1rem;
  font-size: 1.8rem;
  font-weight: 600;
  font-family: "Schibsted Grotesk", serif;
  background-image: -webkit-gradient(linear, right top, left top, from(#2D9564), to(#32a56f));
  background-image: linear-gradient(to left, #2D9564, #32a56f);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
  text-align: left;
}
@media (min-width: 900px) {
  .euler__main-panel-contenedor-eventos-eventos-title {
    margin-top: 0;
  }
}
.euler__main-panel-contenedor-eventos-eventos-item {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px rgb(231, 231, 231);
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Schibsted Grotesk", serif;
  color: black;
  text-decoration: none;
  background-color: #e6e6e6;
  color: black;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-panel-contenedor-eventos-eventos-item-date {
  width: auto;
  height: auto;
  border-radius: 0.25rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgb(129, 129, 129);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-panel-contenedor-eventos-eventos-item-time {
  margin-top: 0.5rem;
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  font-size: 1.2rem;
  color: rgb(128, 128, 128);
  text-align: left;
}
.euler__main-panel-contenedor-eventos-eventos-item-title {
  margin-top: 0.5rem;
  font-size: 1.8rem;
  font-weight: 400;
}
.euler__main-panel-contenedor-eventos-eventos-item-text {
  margin-top: 0.5rem;
  text-align: left;
  font-size: 1.3rem;
  font-weight: 400;
}
.euler__main-panel-contenedor-eventos-eventos-item-recursos {
  width: auto;
  height: auto;
  margin-top: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.25rem 1rem;
  display: inline-block;
  font-size: 1.2rem;
  background-color: rgb(211, 211, 211);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-panel-contenedor-eventos-eventos-item--hoy {
  background: -webkit-gradient(linear, left top, right top, from(#2D9564), to(#32a56f));
  background: linear-gradient(90deg, #2D9564, #32a56f);
  color: white;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-panel-contenedor-eventos-eventos-item--hoy-date {
  color: #FFFFFF;
}
.euler__main-panel-contenedor-eventos-eventos-item--hoy-title {
  color: #FFFFFF;
}
.euler__main-panel-contenedor-eventos-eventos-item--hoy-time {
  color: #FFFFFF;
}
.euler__main-panel-contenedor-eventos-eventos-item--hoy-recursos {
  color: #FFFFFF;
}
.euler__main-panel-contenedor-eventos-eventos-item--hoy-text {
  color: #FFFFFF;
}
.euler__main-panel-contenedor-eventos-eventos-item--hoy:hover {
  background: -webkit-gradient(linear, left top, right top, from(#32a56f), to(#2D9564));
  background: linear-gradient(90deg, #32a56f, #2D9564);
}
.euler__main-panel-contenedor-eventos-eventos-item:hover {
  border: solid 1px #2D9564;
  background-color: #2D9564;
  color: white;
}
.euler__main-panel-contenedor-eventos-eventos-item:hover .euler__main-panel-contenedor-eventos-eventos-item-recursos {
  background-color: #298a5d;
  color: white;
}
.euler__main-panel-contenedor-eventos-eventos-item:hover > .euler__main-panel-contenedor-eventos-eventos-item-date {
  color: white;
}
.euler__main-panel-contenedor-eventos-eventos-item:hover > .euler__main-panel-contenedor-eventos-eventos-item-time {
  color: white;
}
@media (min-width: 900px) {
  .euler__main-panel-contenedor-eventos {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3fr 1rem 9fr;
    grid-template-columns: 3fr 9fr;
    grid-auto-rows: auto;
    gap: 1rem;
  }
}
.euler__main-panel-contenedor-agregar-evento {
  position: fixed;
  z-index: 10;
  top: calc(50% - 210px);
  width: 90%;
  min-width: 288px;
  max-width: 500px;
  height: 420px;
  margin: 0 auto;
  border: solid 1px rgb(218, 218, 218);
  border-radius: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  background-color: white;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-animation-name: showNewEvent;
          animation-name: showNewEvent;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: cubic-bezier(0.42, 0.02, 0.22, 0.99);
          animation-timing-function: cubic-bezier(0.42, 0.02, 0.22, 0.99);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  overflow: hidden;
  overflow-y: scroll;
  overscroll-behavior-y: auto;
  /* Ponemos un color de fondo y redondeamos las esquinas del thumb */
  /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
  /* Cambiamos el fondo cuando esté en active */
  /* Ponemos un color de fondo y redondeamos las esquinas del track */
  /* Cambiamos el fondo cuando esté en active o hover */
}
@-webkit-keyframes showNewEvent {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes showNewEvent {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.euler__main-panel-contenedor-agregar-evento-cerrar {
  width: 100%;
  height: auto;
  margin-top: 2rem;
  padding: 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.euler__main-panel-contenedor-agregar-evento-cerrar-button {
  border: solid 1px rgb(236, 236, 236);
  border-radius: 0.5rem;
  padding: 0.25rem 1rem;
  background-color: rgb(236, 236, 236);
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  text-align: center;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-panel-contenedor-agregar-evento-cerrar-button:hover {
  cursor: pointer;
  color: white;
  background-color: rgb(255, 73, 73);
}
.euler__main-panel-contenedor-agregar-evento-cerrar-button:focus {
  outline: none;
}
.euler__main-panel-contenedor-agregar-evento-success {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-panel-contenedor-agregar-evento-success-pic {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-panel-contenedor-agregar-evento-success-pic > img {
  width: 200px;
  height: auto;
  display: inline-block;
}
.euler__main-panel-contenedor-agregar-evento-success-msg {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.8rem;
  color: black;
}
.euler__main-panel-contenedor-agregar-evento-form {
  width: 100%;
  height: auto;
  padding: 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-panel-contenedor-agregar-evento-form-alerts {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgb(255, 62, 62);
}
.euler__main-panel-contenedor-agregar-evento-form-alerts-msg {
  font-size: 1.2rem;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}
.euler__main-panel-contenedor-agregar-evento-form-titulo {
  width: 100%;
  height: auto;
}
.euler__main-panel-contenedor-agregar-evento-form-titulo-input {
  width: 100%;
  height: auto;
  border: none;
  border-radius: 0.05;
  border-bottom: solid 1px rgb(161, 161, 161);
  padding: 1rem 0;
  outline: none;
  font-size: 2rem;
  font-weight: 500;
  font-family: "Schibsted Grotesk", serif;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.euler__main-panel-contenedor-agregar-evento-form-titulo-input::-webkit-input-placeholder {
  color: rgb(56, 56, 56);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.euler__main-panel-contenedor-agregar-evento-form-titulo-input::-moz-placeholder {
  color: rgb(56, 56, 56);
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.euler__main-panel-contenedor-agregar-evento-form-titulo-input:-ms-input-placeholder {
  color: rgb(56, 56, 56);
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.euler__main-panel-contenedor-agregar-evento-form-titulo-input::-ms-input-placeholder {
  color: rgb(56, 56, 56);
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.euler__main-panel-contenedor-agregar-evento-form-titulo-input::placeholder {
  color: rgb(56, 56, 56);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.euler__main-panel-contenedor-agregar-evento-form-titulo-input:focus {
  outline: none;
  border-bottom: solid 3px #5f90cd;
}
.euler__main-panel-contenedor-agregar-evento-form-titulo-input:focus::-webkit-input-placeholder {
  font-size: 2rem;
  color: #5f90cd;
}
.euler__main-panel-contenedor-agregar-evento-form-titulo-input:focus::-moz-placeholder {
  font-size: 2rem;
  color: #5f90cd;
}
.euler__main-panel-contenedor-agregar-evento-form-titulo-input:focus:-ms-input-placeholder {
  font-size: 2rem;
  color: #5f90cd;
}
.euler__main-panel-contenedor-agregar-evento-form-titulo-input:focus::-ms-input-placeholder {
  font-size: 2rem;
  color: #5f90cd;
}
.euler__main-panel-contenedor-agregar-evento-form-titulo-input:focus::placeholder {
  font-size: 2rem;
  color: #5f90cd;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-area: 0.5rem;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-calendario {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-calendario-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-calendario-panel-datos {
  font-size: 1.5rem;
  color: black;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-calendario-panel-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-calendario-panel-nav > button {
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem 2rem;
  outline: none;
  text-align: center;
  background-color: rgb(241, 241, 241);
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-calendario-panel-nav > button:hover {
  cursor: pointer;
  color: white;
  background-color: #2b8f60;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-calendario-panel-nav > button:focus {
  outline: none;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-calendario-dias {
  position: relative;
  z-index: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr;
  grid-template-columns: repeat(7, 1fr);
  grid-auto-rows: auto;
  gap: 0.5rem;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-calendario-dias-he {
  padding: 0.5rem;
  font-size: 1.3rem;
  text-align: center;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-calendario-dias-op {
  display: none;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-calendario-dias-op:checked + .euler__main-panel-contenedor-agregar-evento-form-fecha-calendario-dias-label {
  color: white;
  background-color: #2b8f60;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-calendario-dias-op[disabled] + .euler__main-panel-contenedor-agregar-evento-form-fecha-calendario-dias-label {
  color: #c0c0c0;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-calendario-dias-label {
  border: none;
  border-radius: 5rem;
  padding: 0.5rem;
  outline: none;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.2rem;
  font-weight: 400;
  color: black;
  text-align: center;
  background-color: transparent;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-calendario-dias-label:hover {
  cursor: pointer;
  color: white;
  background-color: #2b8f60;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-calendario-dias-label:focus {
  outline: none;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-hora {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-hora-label {
  margin-top: 1rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: rgb(83, 83, 83);
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-hora-select {
  border: solid 1px rgb(218, 218, 218);
  border-radius: 0.5rem;
  padding: 0.5rem;
  outline: none;
  font-size: 1.5rem;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  background-color: rgb(243, 243, 243);
  -webkit-appearance: none; /* Para navegadores basados en WebKit (Chrome, Safari) */
  -moz-appearance: none; /* Para Firefox */
  appearance: none; /* Estándar */
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  /* Ponemos un color de fondo y redondeamos las esquinas del thumb */
  /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
  /* Cambiamos el fondo cuando esté en active */
  /* Ponemos un color de fondo y redondeamos las esquinas del track */
  /* Cambiamos el fondo cuando esté en active o hover */
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-hora-select:hover {
  cursor: pointer;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-hora-select:focus {
  outline: none;
  border: solid 1px rgb(201, 201, 201);
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-hora-select::-webkit-scrollbar {
  width: 8px; /* Tamaño del scroll en vertical */
  height: 8px; /* Tamaño del scroll en horizontal */
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-hora-select::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-hora-select::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-hora-select::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-hora-select::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 4px;
}
.euler__main-panel-contenedor-agregar-evento-form-fecha-hora-select::-webkit-scrollbar-track:hover, .euler__main-panel-contenedor-agregar-evento-form-fecha-hora-select::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}
@media (min-width: 400px) {
  .euler__main-panel-contenedor-agregar-evento-form-fecha {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 7fr 0.5rem 5fr;
    grid-template-columns: 7fr 5fr;
    grid-auto-rows: auto;
    gap: 0.5rem;
  }
}
.euler__main-panel-contenedor-agregar-evento-form-texto {
  width: 100%;
  height: 150px;
  margin: 0 auto;
  margin-top: 1rem;
  border: solid 1px rgb(218, 218, 218);
  border-radius: 0.5rem;
  padding: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 500;
  color: rgb(102, 102, 102);
  background-color: transparent;
  outline: none;
  resize: none;
}
.euler__main-panel-contenedor-agregar-evento-form-texto:focus {
  outline: none;
  border: solid 1px rgb(201, 201, 201);
  outline: none;
}
.euler__main-panel-contenedor-agregar-evento-form-add-link {
  width: auto;
  height: auto;
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem;
  display: inline-block;
  -ms-flex-item-align: start;
      align-self: flex-start;
  background-color: #e6e6e6;
  color: black;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 400;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-panel-contenedor-agregar-evento-form-add-link:hover {
  cursor: pointer;
  background-color: #dadada;
}
.euler__main-panel-contenedor-agregar-evento-form-add-link:focus {
  outline: none;
}
.euler__main-panel-contenedor-agregar-evento-form-enlaces {
  width: 100%;
  height: auto;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.euler__main-panel-contenedor-agregar-evento-form-enlaces-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 5fr 0.5rem 5fr 0.5rem 2fr;
  grid-template-columns: 5fr 5fr 2fr;
  grid-auto-rows: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.euler__main-panel-contenedor-agregar-evento-form-enlaces-item-field {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
}
.euler__main-panel-contenedor-agregar-evento-form-enlaces-item-field-input {
  width: 100%;
  height: auto;
  display: inline-block;
  border: solid 1px rgb(202, 202, 202);
  border-radius: 0.5rem;
  padding: 0.5rem;
  background-color: transparent;
  outline: none;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 400;
  color: black;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-panel-contenedor-agregar-evento-form-enlaces-item-field-input:focus {
  outline: none;
  border: solid 1px rgb(170, 170, 170);
}
.euler__main-panel-contenedor-agregar-evento-form-enlaces-item-field-input::-webkit-input-placeholder {
  color: rgb(170, 170, 170);
}
.euler__main-panel-contenedor-agregar-evento-form-enlaces-item-field-input::-moz-placeholder {
  color: rgb(170, 170, 170);
}
.euler__main-panel-contenedor-agregar-evento-form-enlaces-item-field-input:-ms-input-placeholder {
  color: rgb(170, 170, 170);
}
.euler__main-panel-contenedor-agregar-evento-form-enlaces-item-field-input::-ms-input-placeholder {
  color: rgb(170, 170, 170);
}
.euler__main-panel-contenedor-agregar-evento-form-enlaces-item-field-input::placeholder {
  color: rgb(170, 170, 170);
}
.euler__main-panel-contenedor-agregar-evento-form-enlaces-item > button {
  width: auto;
  height: auto;
  border: none;
  border-radius: 0.5rem;
  padding: 0.1rem;
  display: inline-block;
  -ms-flex-item-align: end;
      align-self: flex-end;
  background-color: #e6e6e6;
  color: black;
  font-family: "Schibsted Grotesk", serif;
  font-size: 2rem;
  font-weight: 600;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-panel-contenedor-agregar-evento-form-enlaces-item > button:hover {
  cursor: pointer;
  background-color: #dadada;
}
.euler__main-panel-contenedor-agregar-evento-form-enlaces-item > button:focus {
  outline: none;
}
.euler__main-panel-contenedor-agregar-evento-form-submit {
  position: sticky;
  z-index: 0;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0.5rem 0.5rem 2rem 2rem;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-panel-contenedor-agregar-evento-form-submit > button {
  position: relative;
  z-index: 0;
  width: auto;
  height: auto;
  border: none;
  border-radius: 5rem;
  padding: 1rem 2rem;
  display: inline-block;
  background-color: #2D9564;
  color: white;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 400;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-panel-contenedor-agregar-evento-form-submit > button:hover {
  cursor: pointer;
}
.euler__main-panel-contenedor-agregar-evento-form-submit > button:focus {
  outline: none;
}
.euler__main-panel-contenedor-agregar-evento-form-submit:hover {
  background-color: #2D9564;
}
.euler__main-panel-contenedor-agregar-evento::-webkit-scrollbar {
  width: 8px; /* Tamaño del scroll en vertical */
}
.euler__main-panel-contenedor-agregar-evento::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.euler__main-panel-contenedor-agregar-evento::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.euler__main-panel-contenedor-agregar-evento::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}
.euler__main-panel-contenedor-agregar-evento::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 4px;
}
.euler__main-panel-contenedor-agregar-evento::-webkit-scrollbar-track:hover, .euler__main-panel-contenedor-agregar-evento::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}
.euler__main-panel-contenedor-nueva-categoria {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  max-width: 500px;
  margin: 0 auto;
  height: auto;
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Schibsted Grotesk", serif;
  text-align: center;
  color: #929292;
}
.euler__main-panel-contenedor-nueva-categoria-title {
  font-size: 2rem;
  background-image: -webkit-gradient(linear, right top, left top, from(#2D9564), to(#32a56f));
  background-image: linear-gradient(to left, #2D9564, #32a56f);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
}
.euler__main-panel-contenedor-nueva-categoria-label {
  width: 100%;
  height: auto;
  margin-top: 1rem;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: left;
}
.euler__main-panel-contenedor-nueva-categoria-input {
  margin-top: 0.5rem;
  border: solid 1px #d8d8d8;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  outline: none;
  font-family: "Schibsted Grotesk", serif;
  color: black;
}
.euler__main-panel-contenedor-nueva-categoria-input:focus {
  outline: none;
}
.euler__main-panel-contenedor-nueva-categoria-input::-webkit-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  color: #929292;
  font-size: 1.5rem;
}
.euler__main-panel-contenedor-nueva-categoria-input::-moz-placeholder {
  font-family: "Schibsted Grotesk", serif;
  color: #929292;
  font-size: 1.5rem;
}
.euler__main-panel-contenedor-nueva-categoria-input:-ms-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  color: #929292;
  font-size: 1.5rem;
}
.euler__main-panel-contenedor-nueva-categoria-input::-ms-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  color: #929292;
  font-size: 1.5rem;
}
.euler__main-panel-contenedor-nueva-categoria-input::placeholder {
  font-family: "Schibsted Grotesk", serif;
  color: #929292;
  font-size: 1.5rem;
}
.euler__main-panel-contenedor-nueva-categoria-submit {
  width: auto;
  height: auto;
  margin-top: 1rem;
  border: none;
  border-radius: 0.5rem;
  padding: 1rem 2rem;
  background-color: #2a8f60;
  color: white;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  text-align: center;
  outline: none;
}
.euler__main-panel-contenedor-nueva-categoria-submit:focus {
  outline: none;
}
.euler__main-panel-contenedor-alert {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  margin: 0 auto;
  height: auto;
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Schibsted Grotesk", serif;
  text-align: center;
  color: #929292;
  gap: 1rem;
}
.euler__main-panel-contenedor-alert-pic {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-panel-contenedor-alert-pic > img {
  width: 50%;
  max-width: 200px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-panel-contenedor-alert-msg {
  width: 100%;
  height: auto;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  color: rgb(107, 107, 107);
}
.euler__main-panel-contenedor-message {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  margin: 0 auto;
  height: auto;
  min-height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Schibsted Grotesk", serif;
  text-align: center;
  color: #929292;
  gap: 1rem;
}
.euler__main-panel-contenedor-message > i {
  font-size: 10rem;
  color: #dadada;
}
.euler__main-panel-contenedor-message-title {
  width: 100%;
  max-width: 400px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
}
.euler__main-panel-contenedor-billing-guide {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  margin: 0 auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-panel-contenedor-billing-guide-pic {
  width: 100%;
  min-width: 288px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-panel-contenedor-billing-guide-pic > img {
  width: 200px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-panel-contenedor-billing-guide-title {
  width: 100%;
  min-width: 288px;
  height: auto;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 2rem;
  font-weight: 600;
  background-image: -webkit-gradient(linear, right top, left top, from(#2D9564), to(#32a56f));
  background-image: linear-gradient(to left, #2D9564, #32a56f);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
}
.euler__main-panel-contenedor-billing-guide-completar {
  width: auto;
  height: auto;
  margin-top: 1rem;
  border-radius: 1rem;
  padding: 1rem 2rem;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: "Schibsted Grotesk", serif;
  color: white;
  background-color: #2b8f60;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-panel-contenedor-billing-guide-completar:hover {
  background-color: #2D9564;
}
.euler__main-panel-contenedor-billing-form {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  max-width: 650px;
  margin: 0 auto;
  margin-top: 2rem;
  height: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 1rem;
}
.euler__main-panel-contenedor-billing-form-success, .euler__main-panel-contenedor-billing-form-error {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  min-height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  background-color: white;
}
.euler__main-panel-contenedor-billing-form-success > img, .euler__main-panel-contenedor-billing-form-error > img {
  width: 20px;
  height: auto;
  display: inline-block;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-animation-name: success;
          animation-name: success;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.49, 0, 0.33, 1);
          animation-timing-function: cubic-bezier(0.49, 0, 0.33, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes success {
  0% {
    width: 20px;
  }
  50% {
    width: 200px;
  }
  75% {
    width: 190px;
  }
  100% {
    width: 200px;
  }
}
@keyframes success {
  0% {
    width: 20px;
  }
  50% {
    width: 200px;
  }
  75% {
    width: 190px;
  }
  100% {
    width: 200px;
  }
}
.euler__main-panel-contenedor-billing-form-success-text, .euler__main-panel-contenedor-billing-form-error-text {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: black;
}
.euler__main-panel-contenedor-billing-form-item {
  width: 100%;
  height: auto;
  min-height: 73px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}
.euler__main-panel-contenedor-billing-form-item-label {
  width: 100%;
  min-width: 288px;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: black;
}
.euler__main-panel-contenedor-billing-form-item-alert {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: left;
  color: rgb(255, 41, 41);
}
.euler__main-panel-contenedor-billing-form-item-input {
  width: 100%;
  height: auto;
  border: solid 1px rgb(219, 219, 219);
  border-radius: 0.5rem;
  padding: 0.5rem;
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  outline: none;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.euler__main-panel-contenedor-billing-form-item-input:hover {
  border: solid 1px rgb(211, 211, 211);
  -webkit-box-shadow: 0 0 3px rgb(207, 207, 207);
          box-shadow: 0 0 3px rgb(207, 207, 207);
}
.euler__main-panel-contenedor-billing-form-item-input:focus {
  outline: solid 1px #2a8f60;
}
.euler__main-panel-contenedor-billing-form-submit {
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
  color: white;
  background-color: #2a8f60;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  outline: none;
}
.euler__main-panel-contenedor-billing-form-submit:hover {
  cursor: pointer;
  background-color: #32a56f;
}
.euler__main-panel-contenedor-content {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  margin: 0 auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.euler__main-panel-contenedor-content-form, .euler__main-panel-contenedor-content-puntos-body-form {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 288px;
  max-width: 400px;
  height: auto;
  padding: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.euler__main-panel-contenedor-content-form-label, .euler__main-panel-contenedor-content-puntos-body-form-label {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  margin-top: 1rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
}
.euler__main-panel-contenedor-content-form-label--imagen, .euler__main-panel-contenedor-content-puntos-body-form-label--imagen {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 320px;
  margin: 0 auto;
  border: solid 1px #d3d3d3;
  border-radius: 2rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  background-color: white;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "Schibsted Grotesk", serif;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  overflow: hidden;
}
.euler__main-panel-contenedor-content-form-label--imagen > i, .euler__main-panel-contenedor-content-puntos-body-form-label--imagen > i {
  display: inline-block;
  font-size: 3rem;
  color: rgb(172, 172, 172);
}
.euler__main-panel-contenedor-content-form-label--imagen > span, .euler__main-panel-contenedor-content-puntos-body-form-label--imagen > span {
  font-size: 1.3rem;
  text-align: center;
}
.euler__main-panel-contenedor-content-form-label--imagen > img, .euler__main-panel-contenedor-content-puntos-body-form-label--imagen > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-panel-contenedor-content-form-label--imagen:hover, .euler__main-panel-contenedor-content-puntos-body-form-label--imagen:hover {
  cursor: pointer;
}
.euler__main-panel-contenedor-content-form-label--estudiante, .euler__main-panel-contenedor-content-puntos-body-form-label--estudiante {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  margin-top: 1rem;
  border: solid 1px #d3d3d3;
  border-radius: 50%;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  background-color: rgb(238, 238, 238);
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "Schibsted Grotesk", serif;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  overflow: hidden;
  -webkit-animation-name: foto_perfil;
          animation-name: foto_perfil;
  -webkit-animation-timing-function: cubic-bezier(0.57, 0.03, 0.33, 0.99);
          animation-timing-function: cubic-bezier(0.57, 0.03, 0.33, 0.99);
  -webkit-animation-duration: 60s;
          animation-duration: 60s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.euler__main-panel-contenedor-content-form-label--estudiante > p, .euler__main-panel-contenedor-content-puntos-body-form-label--estudiante > p {
  font-family: "Schibsted Grotesk", serif;
  font-size: 0.9rem;
  color: black;
  text-align: center;
}
.euler__main-panel-contenedor-content-form-label--estudiante > i, .euler__main-panel-contenedor-content-puntos-body-form-label--estudiante > i {
  display: inline-block;
  font-size: 4rem;
  color: rgb(146, 146, 146);
}
.euler__main-panel-contenedor-content-form-label--estudiante > img, .euler__main-panel-contenedor-content-puntos-body-form-label--estudiante > img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.euler__main-panel-contenedor-content-form-label--estudiante:hover, .euler__main-panel-contenedor-content-puntos-body-form-label--estudiante:hover {
  cursor: pointer;
}
@-webkit-keyframes foto_perfil {
  0% {
    background-color: rgb(238, 238, 238);
    border: solid 1px rgb(226, 226, 226);
  }
  25% {
    background-color: rgb(202, 202, 202);
    border: solid 1px rgb(189, 189, 189);
  }
  50% {
    background-color: rgb(214, 214, 214);
    border: solid 1px rgb(202, 202, 202);
  }
  75% {
    background-color: rgb(185, 185, 185);
    border: solid 1px rgb(189, 189, 189);
  }
  100% {
    background-color: rgb(238, 238, 238);
    border: solid 1px rgb(226, 226, 226);
  }
}
@keyframes foto_perfil {
  0% {
    background-color: rgb(238, 238, 238);
    border: solid 1px rgb(226, 226, 226);
  }
  25% {
    background-color: rgb(202, 202, 202);
    border: solid 1px rgb(189, 189, 189);
  }
  50% {
    background-color: rgb(214, 214, 214);
    border: solid 1px rgb(202, 202, 202);
  }
  75% {
    background-color: rgb(185, 185, 185);
    border: solid 1px rgb(189, 189, 189);
  }
  100% {
    background-color: rgb(238, 238, 238);
    border: solid 1px rgb(226, 226, 226);
  }
}
.euler__main-panel-contenedor-content-form-label--profesor, .euler__main-panel-contenedor-content-puntos-body-form-label--profesor {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  margin-top: 1rem;
  border-radius: 50%;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgb(34, 34, 34);
  -o-object-fit: contain;
     object-fit: contain;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-panel-contenedor-content-form-label--profesor > i, .euler__main-panel-contenedor-content-puntos-body-form-label--profesor > i {
  display: inline-block;
  font-size: 6rem;
  color: rgb(146, 146, 146);
}
.euler__main-panel-contenedor-content-form-label--profesor > img, .euler__main-panel-contenedor-content-puntos-body-form-label--profesor > img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.euler__main-panel-contenedor-content-form-label--profesor:hover, .euler__main-panel-contenedor-content-puntos-body-form-label--profesor:hover {
  cursor: pointer;
  background-color: rgb(22, 22, 22);
}
.euler__main-panel-contenedor-content-form-label--director, .euler__main-panel-contenedor-content-puntos-body-form-label--director {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  margin-top: 1rem;
  border: solid 1px #d3d3d3;
  border-radius: 50%;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  background-color: rgb(238, 238, 238);
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "Schibsted Grotesk", serif;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  overflow: hidden;
  -webkit-animation-name: foto_perfil;
          animation-name: foto_perfil;
  -webkit-animation-timing-function: cubic-bezier(0.57, 0.03, 0.33, 0.99);
          animation-timing-function: cubic-bezier(0.57, 0.03, 0.33, 0.99);
  -webkit-animation-duration: 60s;
          animation-duration: 60s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.euler__main-panel-contenedor-content-form-label--director > p, .euler__main-panel-contenedor-content-puntos-body-form-label--director > p {
  font-family: "Schibsted Grotesk", serif;
  font-size: 0.9rem;
  color: black;
  text-align: center;
}
.euler__main-panel-contenedor-content-form-label--director > i, .euler__main-panel-contenedor-content-puntos-body-form-label--director > i {
  display: inline-block;
  font-size: 4rem;
  color: rgb(146, 146, 146);
}
.euler__main-panel-contenedor-content-form-label--director > img, .euler__main-panel-contenedor-content-puntos-body-form-label--director > img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.euler__main-panel-contenedor-content-form-label--director:hover, .euler__main-panel-contenedor-content-puntos-body-form-label--director:hover {
  cursor: pointer;
}
@keyframes foto_perfil {
  0% {
    background-color: rgb(238, 238, 238);
    border: solid 1px rgb(226, 226, 226);
  }
  25% {
    background-color: rgb(202, 202, 202);
    border: solid 1px rgb(189, 189, 189);
  }
  50% {
    background-color: rgb(214, 214, 214);
    border: solid 1px rgb(202, 202, 202);
  }
  75% {
    background-color: rgb(185, 185, 185);
    border: solid 1px rgb(189, 189, 189);
  }
  100% {
    background-color: rgb(238, 238, 238);
    border: solid 1px rgb(226, 226, 226);
  }
}
.euler__main-panel-contenedor-content-form-input, .euler__main-panel-contenedor-content-puntos-body-form-input {
  width: 100%;
  height: auto;
  margin-top: 0.5rem;
  border: solid 1px rgb(223, 223, 223);
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
  background-color: transparent;
  outline: none;
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: black;
  overflow: hidden;
}
.euler__main-panel-contenedor-content-form-input--estudiante, .euler__main-panel-contenedor-content-puntos-body-form-input--estudiante {
  height: 40px;
  border-radius: 5rem;
  border: solid 1.5px #C5C4C3;
  padding: 0.5rem 1rem;
}
.euler__main-panel-contenedor-content-form-input--estudiante::-webkit-input-placeholder, .euler__main-panel-contenedor-content-puntos-body-form-input--estudiante::-webkit-input-placeholder {
  content: "Busca un estudiante por RUT";
  font-style: italic;
  font-weight: 400;
  font-size: 1.3rem;
  color: #9E9E9E;
}
.euler__main-panel-contenedor-content-form-input--estudiante::-moz-placeholder, .euler__main-panel-contenedor-content-puntos-body-form-input--estudiante::-moz-placeholder {
  content: "Busca un estudiante por RUT";
  font-style: italic;
  font-weight: 400;
  font-size: 1.3rem;
  color: #9E9E9E;
}
.euler__main-panel-contenedor-content-form-input--estudiante:-ms-input-placeholder, .euler__main-panel-contenedor-content-puntos-body-form-input--estudiante:-ms-input-placeholder {
  content: "Busca un estudiante por RUT";
  font-style: italic;
  font-weight: 400;
  font-size: 1.3rem;
  color: #9E9E9E;
}
.euler__main-panel-contenedor-content-form-input--estudiante::-ms-input-placeholder, .euler__main-panel-contenedor-content-puntos-body-form-input--estudiante::-ms-input-placeholder {
  content: "Busca un estudiante por RUT";
  font-style: italic;
  font-weight: 400;
  font-size: 1.3rem;
  color: #9E9E9E;
}
.euler__main-panel-contenedor-content-form-input--estudiante::placeholder, .euler__main-panel-contenedor-content-puntos-body-form-input--estudiante::placeholder {
  content: "Busca un estudiante por RUT";
  font-style: italic;
  font-weight: 400;
  font-size: 1.3rem;
  color: #9E9E9E;
}
.euler__main-panel-contenedor-content-form-input--imagen, .euler__main-panel-contenedor-content-puntos-body-form-input--imagen {
  display: none;
}
.euler__main-panel-contenedor-content-form-input--description, .euler__main-panel-contenedor-content-puntos-body-form-input--description {
  height: 100px;
  resize: none;
  font-size: 1.3rem;
}
.euler__main-panel-contenedor-content-form-input--description::-webkit-input-placeholder, .euler__main-panel-contenedor-content-puntos-body-form-input--description::-webkit-input-placeholder {
  font-size: 1.3rem;
}
.euler__main-panel-contenedor-content-form-input--description::-moz-placeholder, .euler__main-panel-contenedor-content-puntos-body-form-input--description::-moz-placeholder {
  font-size: 1.3rem;
}
.euler__main-panel-contenedor-content-form-input--description:-ms-input-placeholder, .euler__main-panel-contenedor-content-puntos-body-form-input--description:-ms-input-placeholder {
  font-size: 1.3rem;
}
.euler__main-panel-contenedor-content-form-input--description::-ms-input-placeholder, .euler__main-panel-contenedor-content-puntos-body-form-input--description::-ms-input-placeholder {
  font-size: 1.3rem;
}
.euler__main-panel-contenedor-content-form-input--description::placeholder, .euler__main-panel-contenedor-content-puntos-body-form-input--description::placeholder {
  font-size: 1.3rem;
}
.euler__main-panel-contenedor-content-form-input::-webkit-input-placeholder, .euler__main-panel-contenedor-content-puntos-body-form-input::-webkit-input-placeholder {
  color: rgb(151, 151, 151);
}
.euler__main-panel-contenedor-content-form-input::-moz-placeholder, .euler__main-panel-contenedor-content-puntos-body-form-input::-moz-placeholder {
  color: rgb(151, 151, 151);
}
.euler__main-panel-contenedor-content-form-input:-ms-input-placeholder, .euler__main-panel-contenedor-content-puntos-body-form-input:-ms-input-placeholder {
  color: rgb(151, 151, 151);
}
.euler__main-panel-contenedor-content-form-input::-ms-input-placeholder, .euler__main-panel-contenedor-content-puntos-body-form-input::-ms-input-placeholder {
  color: rgb(151, 151, 151);
}
.euler__main-panel-contenedor-content-form-input::placeholder, .euler__main-panel-contenedor-content-puntos-body-form-input::placeholder {
  color: rgb(151, 151, 151);
}
.euler__main-panel-contenedor-content-form-select, .euler__main-panel-contenedor-content-puntos-body-form-select {
  width: 100%;
  height: auto;
  margin-top: 0.5rem;
  border: solid 1px rgb(223, 223, 223);
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
  background-color: transparent;
  outline: none;
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: black;
}
.euler__main-panel-contenedor-content-form-title, .euler__main-panel-contenedor-content-puntos-body-form-title {
  width: 100%;
  height: auto;
  margin-top: 0.5rem;
  font-family: "Inter", sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  color: rgb(151, 151, 151);
}
.euler__main-panel-contenedor-content-form-audiencia-estudiantil-title, .euler__main-panel-contenedor-content-puntos-body-form-audiencia-estudiantil-title {
  margin-top: 1rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.6rem;
  font-weight: 500;
  color: black;
}
.euler__main-panel-contenedor-content-form-audiencia-estudiantil-text, .euler__main-panel-contenedor-content-puntos-body-form-audiencia-estudiantil-text {
  width: 100%;
  max-width: 450px;
  margin-top: 1rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 500;
  color: rgb(83, 83, 83);
}
.euler__main-panel-contenedor-content-form-ilustration, .euler__main-panel-contenedor-content-puntos-body-form-ilustration {
  width: 100%;
  min-width: 120px;
  max-width: 150px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-panel-contenedor-content-form-selection, .euler__main-panel-contenedor-content-puntos-body-form-selection {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  margin-top: 1rem;
}
.euler__main-panel-contenedor-content-form-selection-ciclo, .euler__main-panel-contenedor-content-form-selection-curso, .euler__main-panel-contenedor-content-puntos-body-form-selection-ciclo, .euler__main-panel-contenedor-content-puntos-body-form-selection-curso {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 288px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.euler__main-panel-contenedor-content-form-selection-ciclo-option, .euler__main-panel-contenedor-content-form-selection-curso-option, .euler__main-panel-contenedor-content-puntos-body-form-selection-ciclo-option, .euler__main-panel-contenedor-content-puntos-body-form-selection-curso-option {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-panel-contenedor-content-form-selection-ciclo-option > input, .euler__main-panel-contenedor-content-form-selection-curso-option > input, .euler__main-panel-contenedor-content-puntos-body-form-selection-ciclo-option > input, .euler__main-panel-contenedor-content-puntos-body-form-selection-curso-option > input {
  display: none;
}
.euler__main-panel-contenedor-content-form-selection-ciclo-option > label, .euler__main-panel-contenedor-content-form-selection-curso-option > label, .euler__main-panel-contenedor-content-puntos-body-form-selection-ciclo-option > label, .euler__main-panel-contenedor-content-puntos-body-form-selection-curso-option > label {
  width: auto;
  height: auto;
  border-radius: 5rem;
  padding: 1rem 2rem;
  display: inline-block;
  color: white;
  background-color: #05663F;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 400;
  -webkit-transition: all 0.05s ease-in;
  transition: all 0.05s ease-in;
}
.euler__main-panel-contenedor-content-form-selection-ciclo-option > label:hover, .euler__main-panel-contenedor-content-form-selection-curso-option > label:hover, .euler__main-panel-contenedor-content-puntos-body-form-selection-ciclo-option > label:hover, .euler__main-panel-contenedor-content-puntos-body-form-selection-curso-option > label:hover {
  cursor: pointer;
}
.euler__main-panel-contenedor-content-form-selection-ciclo-option > input:checked + label, .euler__main-panel-contenedor-content-form-selection-curso-option > input:checked + label, .euler__main-panel-contenedor-content-puntos-body-form-selection-ciclo-option > input:checked + label, .euler__main-panel-contenedor-content-puntos-body-form-selection-curso-option > input:checked + label {
  background-color: #BA4C25;
  -webkit-transform: scale(0.99);
          transform: scale(0.99);
}
.euler__main-panel-contenedor-content-form-selection-nivel, .euler__main-panel-contenedor-content-puntos-body-form-selection-nivel {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: black;
}
.euler__main-panel-contenedor-content-form-selection-nivel-option, .euler__main-panel-contenedor-content-puntos-body-form-selection-nivel-option {
  width: auto;
  height: auto;
  border-bottom: solid 1px rgb(219, 219, 219);
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.euler__main-panel-contenedor-content-form-selection-nivel-option > input, .euler__main-panel-contenedor-content-puntos-body-form-selection-nivel-option > input {
  display: none;
}
.euler__main-panel-contenedor-content-form-selection-nivel-option > label, .euler__main-panel-contenedor-content-puntos-body-form-selection-nivel-option > label {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: rgb(238, 238, 238);
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-panel-contenedor-content-form-selection-nivel-option > label > i, .euler__main-panel-contenedor-content-puntos-body-form-selection-nivel-option > label > i {
  display: inline-block;
  font-size: 1.2rem;
}
.euler__main-panel-contenedor-content-form-selection-nivel-option > label:hover, .euler__main-panel-contenedor-content-puntos-body-form-selection-nivel-option > label:hover {
  cursor: pointer;
  color: white;
  background-color: #05663F;
}
.euler__main-panel-contenedor-content-form-selection-nivel-option > input:checked + label, .euler__main-panel-contenedor-content-puntos-body-form-selection-nivel-option > input:checked + label {
  color: white;
  background-color: #05663F;
}
.euler__main-panel-contenedor-content-form-selection-curso, .euler__main-panel-contenedor-content-puntos-body-form-selection-curso {
  margin-top: 1rem;
}
.euler__main-panel-contenedor-content-form-categories, .euler__main-panel-contenedor-content-puntos-body-form-categories {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  min-height: 50px;
  margin-top: 1rem;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.euler__main-panel-contenedor-content-form-categories-option, .euler__main-panel-contenedor-content-puntos-body-form-categories-option {
  display: none;
}
.euler__main-panel-contenedor-content-form-categories-label, .euler__main-panel-contenedor-content-puntos-body-form-categories-label {
  border-radius: 2rem;
  padding: 0.5rem 1rem;
  display: inline-block;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.2rem;
  color: black;
  background-color: #f4eee6;
  -webkit-transition: all 0.05s ease-in;
  transition: all 0.05s ease-in;
}
.euler__main-panel-contenedor-content-form-categories-label:hover, .euler__main-panel-contenedor-content-puntos-body-form-categories-label:hover {
  cursor: pointer;
  background-color: #f0e9e0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
}
.euler__main-panel-contenedor-content-form-categories-option:checked + .euler__main-panel-contenedor-content-form-categories-label, .euler__main-panel-contenedor-content-form-categories-option:checked + .euler__main-panel-contenedor-content-puntos-body-form-categories-label, .euler__main-panel-contenedor-content-puntos-body-form-categories-option:checked + .euler__main-panel-contenedor-content-form-categories-label, .euler__main-panel-contenedor-content-puntos-body-form-categories-option:checked + .euler__main-panel-contenedor-content-puntos-body-form-categories-label {
  color: white;
  background-color: #2a8b5e;
}
.euler__main-panel-contenedor-content-form-submit, .euler__main-panel-contenedor-content-puntos-body-form-submit {
  width: 100%;
  height: auto;
  margin-top: 1rem;
  border: none;
  border-radius: 1rem;
  padding: 1rem;
  color: white;
  background-color: #05663F;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 500;
}
.euler__main-panel-contenedor-content-form-submit:hover, .euler__main-panel-contenedor-content-puntos-body-form-submit:hover {
  cursor: pointer;
}
.euler__main-panel-contenedor-content-form-alert, .euler__main-panel-contenedor-content-puntos-body-form-alert {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-panel-contenedor-content-form-alert-text, .euler__main-panel-contenedor-content-puntos-body-form-alert-text {
  width: 100%;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-weight: 400;
  font-size: 1rem;
  color: rgb(245, 65, 65);
}
.euler__main-panel-contenedor-content-carga-masiva, .euler__main-panel-contenedor-content-carga-masterclass, .euler__main-panel-contenedor-content-exportar {
  width: 100%;
  min-width: 288px;
  height: auto;
  min-height: 410px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}
.euler__main-panel-contenedor-content-carga-masiva-descargar, .euler__main-panel-contenedor-content-carga-masterclass-descargar, .euler__main-panel-contenedor-content-exportar-descargar {
  width: 100%;
  height: auto;
  min-width: 288px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-panel-contenedor-content-carga-masiva-descargar-pharagraph, .euler__main-panel-contenedor-content-carga-masterclass-descargar-pharagraph, .euler__main-panel-contenedor-content-exportar-descargar-pharagraph {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: #247951;
}
.euler__main-panel-contenedor-content-carga-masiva-descargar-pharagraph > a, .euler__main-panel-contenedor-content-carga-masterclass-descargar-pharagraph > a, .euler__main-panel-contenedor-content-exportar-descargar-pharagraph > a {
  color: #247951;
}
.euler__main-panel-contenedor-content-carga-masiva-tutorial, .euler__main-panel-contenedor-content-carga-masterclass-tutorial, .euler__main-panel-contenedor-content-exportar-tutorial {
  width: 100%;
  height: auto;
  min-width: 288px;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-panel-contenedor-content-carga-masiva-tutorial-pharagraph, .euler__main-panel-contenedor-content-carga-masterclass-tutorial-pharagraph, .euler__main-panel-contenedor-content-exportar-tutorial-pharagraph {
  font-family: "Inter", sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  color: #626262;
  line-height: 2rem;
}
.euler__main-panel-contenedor-content-carga-masiva-tutorial-list, .euler__main-panel-contenedor-content-carga-masterclass-tutorial-list, .euler__main-panel-contenedor-content-exportar-tutorial-list {
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.25rem;
  list-style: none;
  font-size: 1.3rem;
  color: rgb(37, 37, 37);
}
.euler__main-panel-contenedor-content-carga-masiva-tutorial-list-item, .euler__main-panel-contenedor-content-carga-masterclass-tutorial-list-item, .euler__main-panel-contenedor-content-exportar-tutorial-list-item {
  margin: 0;
  padding: 0;
  margin-top: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  gap: 0.5rem;
  list-style: none;
}
.euler__main-panel-contenedor-content-carga-masiva-tutorial-list-item > strong, .euler__main-panel-contenedor-content-carga-masterclass-tutorial-list-item > strong, .euler__main-panel-contenedor-content-exportar-tutorial-list-item > strong {
  color: #247951;
}
.euler__main-panel-contenedor-content-carga-masiva-tutorial-list-item-sublist, .euler__main-panel-contenedor-content-carga-masterclass-tutorial-list-item-sublist, .euler__main-panel-contenedor-content-exportar-tutorial-list-item-sublist {
  width: 98%;
  margin: 0 auto;
  padding: 0;
  margin-top: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.5rem;
  list-style: none;
  color: rgb(63, 63, 63);
}
.euler__main-panel-contenedor-content-carga-masiva-tutorial-list-item-sublist-item, .euler__main-panel-contenedor-content-carga-masterclass-tutorial-list-item-sublist-item, .euler__main-panel-contenedor-content-exportar-tutorial-list-item-sublist-item {
  font-size: 1.3rem;
  color: rgb(37, 37, 37);
}
.euler__main-panel-contenedor-content-carga-masiva-tutorial-list-item-sublist-item > strong, .euler__main-panel-contenedor-content-carga-masterclass-tutorial-list-item-sublist-item > strong, .euler__main-panel-contenedor-content-exportar-tutorial-list-item-sublist-item > strong {
  color: #44aa7b;
}
.euler__main-panel-contenedor-content-carga-masiva-tutorial-list-item-sublist-item > i, .euler__main-panel-contenedor-content-carga-masterclass-tutorial-list-item-sublist-item > i, .euler__main-panel-contenedor-content-exportar-tutorial-list-item-sublist-item > i {
  color: #44aa7b;
}
.euler__main-panel-contenedor-content-carga-masiva-tutorial-list-item-sublist-item--child, .euler__main-panel-contenedor-content-carga-masterclass-tutorial-list-item-sublist-item--child, .euler__main-panel-contenedor-content-exportar-tutorial-list-item-sublist-item--child {
  width: 98%;
  margin: 0 auto;
  border: solid 1px rgb(206, 206, 206);
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: 1.2rem;
}
.euler__main-panel-contenedor-content-carga-masiva-tutorial-pic, .euler__main-panel-contenedor-content-carga-masterclass-tutorial-pic, .euler__main-panel-contenedor-content-exportar-tutorial-pic {
  width: 100%;
  height: auto;
  margin-top: 1rem;
}
.euler__main-panel-contenedor-content-carga-masiva-tutorial-pic > img, .euler__main-panel-contenedor-content-carga-masterclass-tutorial-pic > img, .euler__main-panel-contenedor-content-exportar-tutorial-pic > img {
  width: 100%;
  height: auto;
  display: inline-block;
}
.euler__main-panel-contenedor-content-carga-masiva-subir, .euler__main-panel-contenedor-content-carga-masterclass-subir, .euler__main-panel-contenedor-content-exportar-subir {
  width: 100%;
  height: auto;
  min-width: 288px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-panel-contenedor-content-carga-masiva-subir-label, .euler__main-panel-contenedor-content-carga-masterclass-subir-label, .euler__main-panel-contenedor-content-exportar-subir-label {
  width: 100%;
  min-width: 288px;
  height: auto;
  text-align: center;
}
.euler__main-panel-contenedor-content-carga-masiva-subir-label > span, .euler__main-panel-contenedor-content-carga-masterclass-subir-label > span, .euler__main-panel-contenedor-content-exportar-subir-label > span {
  color: #247951;
  font-family: "Schibsted Grotesk", serif;
  -webkit-text-decoration: underline 1px #247951;
          text-decoration: underline 1px #247951;
}
.euler__main-panel-contenedor-content-carga-masiva-subir-label > span:hover, .euler__main-panel-contenedor-content-carga-masterclass-subir-label > span:hover, .euler__main-panel-contenedor-content-exportar-subir-label > span:hover {
  cursor: pointer;
}
.euler__main-panel-contenedor-content-carga-masiva-subir-label > .error, .euler__main-panel-contenedor-content-carga-masterclass-subir-label > .error, .euler__main-panel-contenedor-content-exportar-subir-label > .error {
  color: rgb(255, 54, 54);
  -webkit-text-decoration: underline 1px rgb(255, 54, 54);
          text-decoration: underline 1px rgb(255, 54, 54);
}
.euler__main-panel-contenedor-content-carga-masiva-subir-input, .euler__main-panel-contenedor-content-carga-masterclass-subir-input, .euler__main-panel-contenedor-content-exportar-subir-input {
  display: none;
}
.euler__main-panel-contenedor-content-carga-masiva-subir-button, .euler__main-panel-contenedor-content-carga-masterclass-subir-button, .euler__main-panel-contenedor-content-exportar-subir-button {
  width: auto;
  height: auto;
  border: none;
  border-radius: 1.5rem;
  padding: 1rem 2rem;
  background-color: #257a53;
  color: white;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  outline: none;
}
.euler__main-panel-contenedor-content-carga-masiva-subir-button:hover, .euler__main-panel-contenedor-content-carga-masterclass-subir-button:hover, .euler__main-panel-contenedor-content-exportar-subir-button:hover {
  cursor: pointer;
}
.euler__main-panel-contenedor-content-carga-masiva-subir-button:focus, .euler__main-panel-contenedor-content-carga-masterclass-subir-button:focus, .euler__main-panel-contenedor-content-exportar-subir-button:focus {
  outline: none;
}
.euler__main-panel-contenedor-content-carga-plantilla-masterclass {
  width: 100%;
  min-width: 288px;
  height: auto;
  min-height: 300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
}
.euler__main-panel-contenedor-content-carga-plantilla-masterclass-form {
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
.euler__main-panel-contenedor-content-carga-plantilla-masterclass-form-label {
  width: 100%;
  height: auto;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000000;
}
.euler__main-panel-contenedor-content-carga-plantilla-masterclass-form-label > span {
  color: #2D9564;
  -webkit-text-decoration: underline 1px #2D9564;
          text-decoration: underline 1px #2D9564;
}
.euler__main-panel-contenedor-content-carga-plantilla-masterclass-form-label > span:hover {
  cursor: pointer;
}
.euler__main-panel-contenedor-content-carga-plantilla-masterclass-form-label > .error {
  color: red;
  -webkit-text-decoration: underline 1px red;
          text-decoration: underline 1px red;
}
.euler__main-panel-contenedor-content-carga-plantilla-masterclass-form-input {
  display: none;
}
.euler__main-panel-contenedor-content-carga-plantilla-masterclass-form-button {
  width: auto;
  height: auto;
  border: none;
  border-radius: 5rem;
  padding: 1rem 2rem;
  background-color: #247951;
  color: #FFFFFF;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-panel-contenedor-content-carga-plantilla-masterclass-form-button:hover {
  cursor: pointer;
}
.euler__main-panel-contenedor-content-carga-plantilla-masterclass-form-button[disabled] {
  color: #909090;
  background-color: #e7e7e7;
}
.euler__main-panel-contenedor-content-exportar {
  min-height: 300px;
}
.euler__main-panel-contenedor-content-exportar-buttons {
  width: 100%;
  min-width: 288px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
}
.euler__main-panel-contenedor-content-exportar-buttons-item {
  width: auto;
  height: auto;
  border: none;
  border-radius: 1.5rem;
  padding: 1rem 2rem;
  background-color: #257a53;
  color: white;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  outline: none;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-panel-contenedor-content-exportar-buttons-item:hover {
  cursor: pointer;
  color: black;
  background-color: rgb(241, 241, 241);
}
.euler__main-panel-contenedor-content-exportar-buttons-item:focus {
  outline: none;
}
.euler__main-panel-contenedor-content-ranking {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  margin: 1rem auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.euler__main-panel-contenedor-content-ranking-periodo-filtro {
  position: relative;
  z-index: 3;
}
.euler__main-panel-contenedor-content-ranking-temporada-filtro {
  position: relative;
  z-index: 2;
}
.euler__main-panel-contenedor-content-ranking-semana-filtro {
  position: relative;
  z-index: 1;
}
.euler__main-panel-contenedor-content-ranking-filtros {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 288px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-panel-contenedor-content-ranking-filtros-texto {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-style: italic;
  color: #9E9E9E;
}
.euler__main-panel-contenedor-content-ranking-filtros-filtro {
  list-style: none;
}
.euler__main-panel-contenedor-content-ranking-filtros-filtro-list {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.euler__main-panel-contenedor-content-ranking-filtros-filtro-list-selected {
  width: auto;
  min-width: 103px;
  border: solid 1.5px #BA4C25;
  border-radius: 0.75rem;
  padding: 0.5rem 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F2F2F2;
  font-size: 1.3rem;
  font-weight: 500;
  color: black;
  font-family: "Schibsted Grotesk", serif;
  outline: none;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-panel-contenedor-content-ranking-filtros-filtro-list-selected[disabled] {
  color: rgb(190, 190, 190);
  background-color: rgb(236, 236, 236);
}
.euler__main-panel-contenedor-content-ranking-filtros-filtro-list-selected > i {
  margin-left: 5px;
  font-size: 1.1rem;
  display: inline-block;
}
.euler__main-panel-contenedor-content-ranking-filtros-filtro-list-selected:focus {
  outline: none;
}
.euler__main-panel-contenedor-content-ranking-filtros-filtro-list-items {
  position: absolute;
  top: 100%;
  width: 100%;
  height: auto;
  max-height: 100px;
  margin-top: 0.5rem;
  border: solid 1px #BA4C25;
  border-radius: 1rem;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #FFFFFF;
  overflow-x: hidden;
  overflow-y: scroll;
  overscroll-behavior-y: auto;
  -ms-scroll-snap-type: y proximity;
      scroll-snap-type: y proximity;
}
.euler__main-panel-contenedor-content-ranking-filtros-filtro-list-items::-webkit-scrollbar {
  width: 4px; /* Tamaño del scroll en vertical */
  height: 8px; /* Tamaño del scroll en horizontal */
  display: none; /* Ocultar scroll */
}
.euler__main-panel-contenedor-content-ranking-filtros-filtro-list-items-item {
  width: 100%;
  height: auto;
}
.euler__main-panel-contenedor-content-ranking-filtros-filtro-list-items-item > button {
  width: 100%;
  height: auto;
  border: none;
  padding: 0.5rem;
  background-color: transparent;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 500;
  color: black;
  text-align: left;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  overflow: hidden;
}
.euler__main-panel-contenedor-content-ranking-filtros-filtro-list-items-item > button:hover {
  cursor: pointer;
  color: #913B1D;
  background-color: #E2C5BB;
}
.euler__main-panel-contenedor-content-ranking-filtros-filtro-list-items-item:nth-child(2n) {
  background-color: white;
}
.euler__main-panel-contenedor-content-ranking-filtros-filtro-list-items-item:nth-child(3n) {
  background-color: #F3E7E2;
}
.euler__main-panel-contenedor-content-ranking-filtros-buscador {
  border: 1.5px solid #C5C4C3;
  border-radius: 5rem;
  padding: 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-panel-contenedor-content-ranking-filtros-buscador--loading {
  -webkit-animation-name: searchStudent;
          animation-name: searchStudent;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.89, 0.39, 0.36, 0.77);
          animation-timing-function: cubic-bezier(0.89, 0.39, 0.36, 0.77);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes searchStudent {
  0% {
    border: 1.5px solid #2a8b5e;
  }
  50% {
    border: 1.5px solid #2b8f60;
  }
  100% {
    border: 1.5px solid #2a8b5e;
  }
}
@keyframes searchStudent {
  0% {
    border: 1.5px solid #2a8b5e;
  }
  50% {
    border: 1.5px solid #2b8f60;
  }
  100% {
    border: 1.5px solid #2a8b5e;
  }
}
.euler__main-panel-contenedor-content-ranking-filtros-buscador-input {
  border: none;
  outline: none;
  background-color: transparent;
  font-family: "Schibsted Grotesk", serif;
  font-weight: 500;
}
.euler__main-panel-contenedor-content-ranking-filtros-buscador-input::-webkit-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-weight: 400;
  font-size: 1.3rem;
  font-style: italic;
  color: #9E9E9E;
}
.euler__main-panel-contenedor-content-ranking-filtros-buscador-input::-moz-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-weight: 400;
  font-size: 1.3rem;
  font-style: italic;
  color: #9E9E9E;
}
.euler__main-panel-contenedor-content-ranking-filtros-buscador-input:-ms-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-weight: 400;
  font-size: 1.3rem;
  font-style: italic;
  color: #9E9E9E;
}
.euler__main-panel-contenedor-content-ranking-filtros-buscador-input::-ms-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-weight: 400;
  font-size: 1.3rem;
  font-style: italic;
  color: #9E9E9E;
}
.euler__main-panel-contenedor-content-ranking-filtros-buscador-input::placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-weight: 400;
  font-size: 1.3rem;
  font-style: italic;
  color: #9E9E9E;
}
.euler__main-panel-contenedor-content-ranking-filtros-buscador-input:focus {
  outline: none;
}
.euler__main-panel-contenedor-content-ranking-filtros-buscador-search {
  border: none;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
}
.euler__main-panel-contenedor-content-ranking-filtros-buscador-search:hover {
  cursor: pointer;
  outline: none;
}
.euler__main-panel-contenedor-content-ranking-filtros-buscador-search:focus {
  outline: none;
}
.euler__main-panel-contenedor-content-ranking-filtros-buscador-search > i {
  border-radius: 5rem;
  padding: 0.2rem;
  display: inline-block;
  font-size: 1.5rem;
  color: #727272;
  background-color: transparent;
  -webkit-transform: all 0.5s ease-in;
          transform: all 0.5s ease-in;
}
.euler__main-panel-contenedor-content-ranking-filtros-buscador-search > i:hover {
  color: #000000;
  background-color: rgb(230, 230, 230);
}
.euler__main-panel-contenedor-content-ranking-results {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 288px;
  height: auto;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-panel-contenedor-content-ranking-results-title {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  color: #9e9e9e;
}
.euler__main-panel-contenedor-content-ranking-results-title > h2 {
  width: auto;
  height: auto;
  text-align: left;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  font-style: italic;
}
.euler__main-panel-contenedor-content-ranking-results-title > i {
  margin-left: 5px;
  display: inline-block;
  font-size: 1.2rem;
}
.euler__main-panel-contenedor-content-ranking-results--alert {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-panel-contenedor-content-ranking-results--alert > h2 {
  width: auto;
  height: auto;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  font-style: italic;
  color: #9e9e9e;
}
.euler__main-panel-contenedor-content-ranking-results--loading {
  min-height: 100px;
}
.euler__main-panel-contenedor-content-ranking-menu {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 288px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-panel-contenedor-content-ranking-menu-button {
  width: auto;
  min-width: 90px;
  border: none;
  border-radius: 2rem;
  padding: 1rem 2rem;
  color: white;
  background-color: #05663F;
  outline: none;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 500;
  text-align: center;
}
.euler__main-panel-contenedor-content-ranking-menu-button:hover {
  cursor: pointer;
  background-color: #BA4C25;
}
.euler__main-panel-contenedor-content-ranking-menu-button:focus {
  outline: none;
  background-color: #BA4C25;
}
.euler__main-panel-contenedor-content-ranking-ranking {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 288px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1rem;
}
.euler__main-panel-contenedor-content-ranking-ranking-title {
  width: 100%;
  height: auto;
  text-align: left;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  font-style: italic;
  color: #9e9e9e;
}
.euler__main-panel-contenedor-content-ranking-ranking-item {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 288px;
  max-width: 1000px;
  height: auto;
  margin: 0 auto;
  border-radius: 1rem;
  padding: 1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 7fr 1rem 5fr;
  grid-template-columns: 7fr 5fr;
  gap: 1rem;
  background-color: #F4EEE6;
  overflow-x: scroll;
  overscroll-behavior-x: auto;
  -ms-scroll-snap-type: x proximity;
      scroll-snap-type: x proximity;
}
.euler__main-panel-contenedor-content-ranking-ranking-item::-webkit-scrollbar {
  width: 8px; /* Tamaño del scroll en vertical */
  height: 8px; /* Tamaño del scroll en horizontal */
  display: none; /* Ocultar scroll */
}
.euler__main-panel-contenedor-content-ranking-ranking-item-fc, .euler__main-panel-contenedor-content-ranking-ranking-item-sc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-fc {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-fc-position {
  width: 30px;
  height: 30px;
  border-radius: 0.5rem;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FFDD9E;
  color: #67604A;
  font-family: "Schibsted Grotesk", serif;
  font-size: 2rem;
  font-weight: 500;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-fc > .global {
  background-color: #ffc760;
  color: #67604A;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-fc-nombre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-fc-nombre > h5 {
  display: inline-block;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 500;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-fc-nombre > button {
  width: auto;
  min-width: 170px;
  border: none;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  background-color: #05663F;
  color: white;
  font-size: 1.1rem;
  font-family: "Schibsted Grotesk", serif;
  text-align: center;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-sc {
  position: relative;
  z-index: 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-sc-asistencias {
  width: auto;
  min-width: 160px;
  height: 100%;
  border-radius: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Schibsted Grotesk", serif;
  color: #173529;
  background-color: #BDDCCF;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-sc-asistencias > h3 {
  font-size: 2.1rem;
  font-weight: 600;
  color: #05663F;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-sc-asistencias > span {
  font-size: 1.2rem;
  font-weight: 500;
  color: #173529;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-sc-skoolcoins {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-sc-skoolcoins-info {
  width: auto;
  min-width: 160px;
  height: 100%;
  border-radius: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #173529;
  font-family: "Schibsted Grotesk", serif;
  background-color: #E2C5BB;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-sc-skoolcoins-info-quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #BA4C25;
  font-size: 2.1rem;
  font-weight: 600;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-sc-skoolcoins-info-quantity::before {
  content: url("./assets/icons/skoolcoin.svg");
  margin-right: 0.5rem;
  display: inline-block;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-sc-skoolcoins-info-reference {
  font-size: 1.2rem;
  font-weight: 500;
  color: #331509;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-sc-skoolcoins-picture {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-sc-skoolcoins-picture > img {
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-sc-escolar {
  width: 130px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-sc-escolar > span {
  border-radius: 2rem;
  padding: 0.25rem;
  display: inline-block;
  text-align: center;
  font-size: 1.2rem;
  background-color: #E1DAD8;
  color: #515151;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-nav {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-nav > button {
  width: auto;
  height: auto;
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  display: inline-block;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 400;
  background-color: #2a8f60;
  color: white;
  outline: none;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-nav > button:hover {
  cursor: pointer;
}
.euler__main-panel-contenedor-content-ranking-ranking-item-nav > button[disabled] {
  background-color: #dddddd;
  color: rgb(170, 168, 168);
}
.euler__main-panel-contenedor-content-ranking-ranking-item-nav > button[disabled]:hover {
  cursor: auto;
}
.euler__main-panel-contenedor-content-ranking-ranking-empty {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 288px;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
}
.euler__main-panel-contenedor-content-ranking-ranking-empty > img {
  width: 150px;
  height: 150px;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-panel-contenedor-content-ranking-ranking-empty > p {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 500;
}
.euler__main-panel-contenedor-success {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  height: auto;
  min-height: 400px;
  border-radius: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.euler__main-panel-contenedor-success-product {
  width: 90%;
  min-width: 230px;
  max-width: 260px;
  height: auto;
  min-height: 300px;
  border-radius: 1.5rem;
  padding: 2rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  background-color: white;
}
.euler__main-panel-contenedor-success-product > img {
  width: 90%;
  min-width: 60px;
  max-width: 120px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-panel-contenedor-success-product-p {
  width: 90%;
  min-width: 288px;
  max-width: 300px;
  height: auto;
  display: inline-block;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  color: black;
}
.euler__main-panel-contenedor-success-product-alert {
  font-size: 1.3;
  font-weight: 700;
  color: #2D9564;
}
.euler__main-panel-contenedor-perfil {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  margin: 0 auto;
  margin-top: 1rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.euler__main-panel-contenedor-perfil-form {
  width: 100%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.2rem;
  font-weight: 400;
  color: black;
}
.euler__main-panel-contenedor-perfil-form-field {
  width: 100%;
  min-width: 288px;
  max-width: 500px;
  height: auto;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 5fr 2rem 7fr;
  grid-template-columns: 5fr 7fr;
  grid-auto-rows: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-panel-contenedor-perfil-form-field-label {
  font-size: 1.5rem;
  font-weight: 600;
}
.euler__main-panel-contenedor-perfil-form-field-input {
  width: 100%;
  border: solid 1px rgb(226, 226, 226);
  border-radius: 0.5rem;
  padding: 0.5rem;
  outline: none;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  background-color: rgb(241, 241, 241);
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-panel-contenedor-perfil-form-field-input::-webkit-input-placeholder {
  font-family: "Inter", sans-serif;
  color: black;
}
.euler__main-panel-contenedor-perfil-form-field-input::-moz-placeholder {
  font-family: "Inter", sans-serif;
  color: black;
}
.euler__main-panel-contenedor-perfil-form-field-input:-ms-input-placeholder {
  font-family: "Inter", sans-serif;
  color: black;
}
.euler__main-panel-contenedor-perfil-form-field-input::-ms-input-placeholder {
  font-family: "Inter", sans-serif;
  color: black;
}
.euler__main-panel-contenedor-perfil-form-field-input::placeholder {
  font-family: "Inter", sans-serif;
  color: black;
}
.euler__main-panel-contenedor-perfil-form-field-input:hover {
  border: solid 1px rgb(214, 214, 214);
  -webkit-box-shadow: 1px 1px 3px rgb(223, 223, 223);
          box-shadow: 1px 1px 3px rgb(223, 223, 223);
  background-color: rgb(233, 233, 233);
}
.euler__main-panel-contenedor-perfil-form-field-input:focus {
  border: solid 1px #2a8b5e;
}
.euler__main-panel-contenedor-perfil-form-field--foto-perfil {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 288px;
  height: auto;
  margin-bottom: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-panel-contenedor-perfil-form-field--foto-perfil-fondo {
  width: 100%;
  min-width: 288px;
  height: auto;
  min-height: 100px;
  border-radius: 1rem;
  padding: 2rem;
  background: -webkit-gradient(linear, left top, right top, from(#247951), to(#2a8f60));
  background: linear-gradient(90deg, #247951, #2a8f60);
}
.euler__main-panel-contenedor-perfil-form-field--foto-perfil-label {
  position: absolute;
  top: 10%;
  width: 150px;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgb(36, 36, 36);
}
.euler__main-panel-contenedor-perfil-form-field--foto-perfil-label > img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-panel-contenedor-perfil-form-field--foto-perfil-label::before {
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-panel-contenedor-perfil-form-field--foto-perfil-label:hover {
  cursor: pointer;
}
.euler__main-panel-contenedor-perfil-form-field--foto-perfil-label:hover::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  content: "Editar";
  -webkit-text-decoration: underline 1px white;
          text-decoration: underline 1px white;
  font-size: 1.3rem;
  color: white;
  background-color: black;
  opacity: 0.6;
}
.euler__main-panel-contenedor-perfil-form-field--foto-perfil-input {
  display: none;
}
.euler__main-panel-contenedor-perfil-form-submit {
  width: auto;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  border: none;
  border-radius: 5rem;
  padding: 1rem 2rem;
  display: inline-block;
  text-align: center;
  font-size: 1.3rem;
  color: white;
  background-color: #257a53;
  font-family: "Schibsted Grotesk", serif;
  outline: none;
}
.euler__main-panel-contenedor-perfil-form-submit:hover {
  outline: none;
  cursor: pointer;
}
.euler__main-panel-contenedor-estudiante {
  width: 90%;
  min-width: 288px;
  max-width: 320px;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  border-radius: 2rem;
  padding: 2rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-grid-column-align: center;
      justify-self: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  font-family: "Schibsted Grotesk", serif;
  color: black;
  -webkit-box-shadow: 3px 4px 6px rgb(231, 231, 231);
          box-shadow: 3px 4px 6px rgb(231, 231, 231);
}
.euler__main-panel-contenedor-estudiante > img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border: solid 5px #31a06c;
  border-radius: 5rem;
  -o-object-fit: cover;
     object-fit: cover;
  display: inline-block;
}
.euler__main-panel-contenedor-estudiante-name, .euler__main-panel-contenedor-estudiante-email, .euler__main-panel-contenedor-estudiante-rut, .euler__main-panel-contenedor-estudiante-message, .euler__main-panel-contenedor-estudiante-alert {
  width: 100%;
  height: auto;
  font-size: 1.3rem;
  font-weight: 400;
  text-align: center;
  color: black;
}
.euler__main-panel-contenedor-estudiante-message, .euler__main-panel-contenedor-estudiante-alert {
  background-image: -webkit-gradient(linear, right top, left top, from(#247951), color-stop(#2b8f60), to(#31a06c));
  background-image: linear-gradient(to left, #247951, #2b8f60, #31a06c);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 600;
}
.euler__main-panel-contenedor-estudiante-alert {
  font-weight: 500;
  color: rgb(235, 49, 49);
}
.euler__main-panel-contenedor-vacaciones {
  width: 90%;
  min-width: 288px;
  height: auto;
  padding: 2rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-panel-contenedor-vacaciones > img {
  width: 90%;
  max-width: 200px;
  height: auto;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-panel-contenedor-vacaciones-title {
  width: 100%;
  min-width: 288px;
  height: auto;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 3rem;
  font-weight: 600;
  background-image: -webkit-gradient(linear, right top, left top, from(#2D9564), color-stop(#32a56f), to(#3dc787));
  background-image: linear-gradient(to left, #2D9564, #32a56f, #3dc787);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
}
.euler__main-panel-contenedor-vacaciones-p {
  width: 100%;
  min-width: 288px;
  max-width: 380px;
  height: auto;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 500;
  color: black;
}
.euler__main-panel-contenedor-nuevo-post {
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-panel-contenedor-nuevo-post-form {
  width: 100%;
  min-width: 288px;
  max-width: 400px;
  height: auto;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: black;
}
.euler__main-panel-contenedor-nuevo-post-form-label {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  font-size: 1.3rem;
}
.euler__main-panel-contenedor-nuevo-post-form-label--imagen {
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 1.5rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.euler__main-panel-contenedor-nuevo-post-form-label--imagen > i {
  border-radius: 0.5rem;
  padding: 0.5rem;
  display: inline-block;
  background-color: rgb(59, 59, 59);
  color: white;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-panel-contenedor-nuevo-post-form-label--imagen > i:hover {
  cursor: pointer;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.euler__main-panel-contenedor-nuevo-post-form-input {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 0.5rem;
  border: none;
  padding: 1rem;
}
.euler__main-panel-contenedor-nuevo-post-form-input--description {
  width: 100%;
  height: auto;
  min-height: 200px;
  margin: 0 auto;
  margin-top: 0.5rem;
  border: none;
  resize: none;
  outline: none;
  font-size: 1.3rem;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}
.euler__main-panel-contenedor-nuevo-post-form-input--description::-webkit-input-placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: rgb(94, 94, 94);
}
.euler__main-panel-contenedor-nuevo-post-form-input--description::-moz-placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: rgb(94, 94, 94);
}
.euler__main-panel-contenedor-nuevo-post-form-input--description:-ms-input-placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: rgb(94, 94, 94);
}
.euler__main-panel-contenedor-nuevo-post-form-input--description::-ms-input-placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: rgb(94, 94, 94);
}
.euler__main-panel-contenedor-nuevo-post-form-input--description::placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: rgb(94, 94, 94);
}
.euler__main-panel-contenedor-nuevo-post-form-input--description:focus {
  outline: none;
}
.euler__main-panel-contenedor-nuevo-post-form-input--imagen {
  display: none;
}
.euler__main-panel-contenedor-nuevo-post-form-files {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.euler__main-panel-contenedor-nuevo-post-form-files > img, .euler__main-panel-contenedor-nuevo-post-form-files > video {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-panel-contenedor-nuevo-post-form-files > video {
  position: relative;
  z-index: 0;
  height: auto;
  max-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-panel-contenedor-nuevo-post-form-files > video:hover {
  cursor: pointer;
}
.euler__main-panel-contenedor-nuevo-post-form-files > .item-play {
  position: absolute;
  z-index: 1;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -o-object-fit: contain;
     object-fit: contain;
  color: white;
  font-size: 2rem;
  background-color: black;
  opacity: 0.1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-panel-contenedor-nuevo-post-form-files > .item-audio {
  position: absolute;
  z-index: 1;
  bottom: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1rem;
  color: white;
  background-color: black;
  opacity: 0.25;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-panel-contenedor-nuevo-post-form-files > .item-play:hover {
  cursor: pointer;
  opacity: 0.7;
}
.euler__main-panel-contenedor-nuevo-post-form-files > .item-audio:hover {
  opacity: 0.7;
}
.euler__main-panel-contenedor-nuevo-post-form-submit {
  width: auto;
  height: auto;
  margin-top: 1rem;
  border: none;
  border-radius: 1rem;
  padding: 1rem;
  color: white;
  background-color: #257a53;
  font-family: "Inter", sans-serif;
}
.euler__main-panel-contenedor-nuevo-post-form-submit:hover {
  cursor: pointer;
}
.euler__main-panel-contenedor-nuevo-post-creado {
  width: 100%;
  min-width: 288px;
  max-width: 400px;
  height: auto;
  min-height: 400px;
  margin: 0 auto;
  padding: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-panel-contenedor-nuevo-post-creado > img {
  display: inline-block;
  width: 150px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-panel-contenedor-nuevo-post-creado-alert {
  width: 100%;
  height: auto;
  display: inline-block;
  color: rgb(245, 65, 65);
  text-align: left;
}
.euler__main-panel-contenedor-nuevo-post-creado-p {
  width: 100%;
  height: auto;
  display: inline-block;
  text-align: center;
  color: black;
}
.euler__main-panel-contenedor-director-creado {
  width: 100%;
  min-width: 320px;
  height: auto;
  min-height: 400px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-panel-contenedor-director-creado > img {
  display: inline-block;
  width: 150px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-panel-contenedor-director-creado-alert {
  color: rgb(245, 65, 65);
}
.euler__main-panel-contenedor-director-creado-p {
  width: 100%;
  height: auto;
  display: inline-block;
  text-align: center;
  color: #2a8b5e;
}
.euler__main-panel-contenedor-profesor-success {
  width: 100%;
  min-width: 320px;
  height: auto;
  min-height: 400px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: "Schibsted Grotesk", serif;
  gap: 1rem;
}
.euler__main-panel-contenedor-profesor-success > img {
  display: inline-block;
  width: 150px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-panel-contenedor-profesor-success-p {
  width: 100%;
  height: auto;
  display: inline-block;
  text-align: center;
  color: #2a8b5e;
}
.euler__main-panel-contenedor-puntos-otorgados {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  height: auto;
  min-height: 410px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  font-size: 1.5rem;
}
.euler__main-panel-contenedor-puntos-otorgados > img {
  display: inline-block;
  width: 150px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-panel-contenedor-puntos-otorgados-success {
  display: inline-block;
  width: 100%;
  max-width: 620px;
  height: auto;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-weight: 500;
  color: black;
}
.euler__main-panel-contenedor-puntos-otorgados-error {
  display: inline-block;
  width: 100%;
  max-width: 620px;
  height: auto;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-weight: 500;
  color: rgb(255, 31, 31);
}
.euler__main-panel-contenedor-feed {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 320px;
  height: auto;
  margin: 0 auto;
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.euler__main-panel-contenedor-feed-post {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 320px;
  height: auto;
  margin: 0 auto;
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-panel-contenedor-feed-post-profile {
  width: 90%;
  min-width: 288px;
  max-width: 620px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1rem;
}
.euler__main-panel-contenedor-feed-post-profile > img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-panel-contenedor-feed-post-profile-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.euler__main-panel-contenedor-feed-post-profile-meta-author {
  font-size: 1.3rem;
  font-weight: 600;
}
.euler__main-panel-contenedor-feed-post-profile-meta-author > span {
  font-size: 1.1rem;
  color: #257a53;
}
.euler__main-panel-contenedor-feed-post-profile-meta-date {
  font-size: 1.1rem;
  color: rgb(151, 151, 151);
}
.euler__main-panel-contenedor-feed-post-info {
  width: 100%;
  min-width: 320px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1rem;
  font-family: "Inter", sans-serif;
}
.euler__main-panel-contenedor-feed-post-info-text {
  width: 90%;
  min-width: 288px;
  max-width: 620px;
  height: auto;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: 400;
}
.euler__main-panel-contenedor-feed-post-info > img {
  width: 100%;
  max-width: 620px;
  height: auto;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-panel-contenedor-feed-post-info-video {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 320px;
  max-width: 620px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-panel-contenedor-feed-post-info-video > video {
  width: 100%;
  max-width: 320px;
  max-width: 620px;
  height: auto;
  margin: 0 auto;
}
.euler__main-panel-contenedor-feed-post-info-video > .item-play {
  position: absolute;
  width: 100%;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  opacity: 0;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.euler__main-panel-contenedor-feed-post-info-video > .item-play::before {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 3rem;
  background-color: black;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.euler__main-panel-contenedor-feed-post-info-video > .item-play:hover {
  cursor: pointer;
  opacity: 0.5;
}
.euler__main-panel-contenedor-feed-post-info-video > .item-audio {
  position: absolute;
  z-index: 1;
  bottom: 20px;
  right: 30px;
  width: 30px;
  height: 30px;
  border-radius: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  background-color: black;
  opacity: 0.25;
}
.euler__main-panel-contenedor-feed-post-info-video > .item-audio:hover {
  cursor: pointer;
  opacity: 0.5;
}
@media (min-width: 620px) {
  .euler__main-panel-contenedor-feed-post-info > img, .euler__main-panel-contenedor-feed-post-info-video > video {
    border-radius: 0.5rem;
  }
}
.euler__main-panel-contenedor-feed-loading {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 320px;
  max-width: 620px;
  height: auto;
  margin: 0 auto;
}
.euler__main-panel-contenedor-carga-masiva-completada {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  height: auto;
  min-height: 410px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  font-size: 1.5rem;
}
.euler__main-panel-contenedor-carga-masiva-completada > img {
  display: inline-block;
  width: 150px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-panel-contenedor-carga-masiva-completada-success {
  display: inline-block;
  width: 100%;
  max-width: 620px;
  height: auto;
  text-align: center;
  font-size: 1.5rem;
  font-family: "Schibsted Grotesk", serif;
  font-weight: 500;
  color: #247951;
}
.euler__main-panel-contenedor-carga-masiva-completada-error {
  display: inline-block;
  width: 100%;
  max-width: 620px;
  height: auto;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-weight: 500;
  font-size: 1.3rem;
  color: rgb(255, 31, 31);
}
.euler__main-panel-contenedor-mi-perfil {
  width: 90%;
  min-width: 288px;
  height: 100%;
  min-height: 400px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-panel-contenedor-mi-perfil-picture {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-panel-contenedor-mi-perfil-picture > img {
  display: inline-block;
  width: 150px;
  height: 150px;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-panel-contenedor-mi-perfil-success {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-panel-contenedor-mi-perfil-success-text {
  display: inline-block;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  color: #05663F;
}
.euler__main-panel-contenedor-recompensas {
  width: 90%;
  min-width: 288px;
  height: 100%;
  min-height: 400px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-panel-contenedor-recompensas-search {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1rem;
}
.euler__main-panel-contenedor-recompensas-search-form {
  width: auto;
  height: auto;
  border: solid 1.5px rgb(212, 212, 212);
  border-radius: 5rem;
  padding: 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-panel-contenedor-recompensas-search-form > label {
  display: none;
}
.euler__main-panel-contenedor-recompensas-search-form-input {
  border: none;
  background-color: transparent;
  outline: none;
  font-family: "Schibsted Grotesk", serif;
  font-style: italic;
  font-size: 1.3rem;
  font-weight: 400;
}
.euler__main-panel-contenedor-recompensas-search-form-input:focus {
  outline: none;
}
.euler__main-panel-contenedor-recompensas-search-form-input::-webkit-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-style: italic;
  font-size: 1.3rem;
  font-weight: 400;
}
.euler__main-panel-contenedor-recompensas-search-form-input::-moz-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-style: italic;
  font-size: 1.3rem;
  font-weight: 400;
}
.euler__main-panel-contenedor-recompensas-search-form-input:-ms-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-style: italic;
  font-size: 1.3rem;
  font-weight: 400;
}
.euler__main-panel-contenedor-recompensas-search-form-input::-ms-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-style: italic;
  font-size: 1.3rem;
  font-weight: 400;
}
.euler__main-panel-contenedor-recompensas-search-form-input::placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-style: italic;
  font-size: 1.3rem;
  font-weight: 400;
}
.euler__main-panel-contenedor-recompensas-search-form > button {
  background-color: transparent;
  border: none;
  font-size: 1.8rem;
  color: #858585;
}
.euler__main-panel-contenedor-recompensas-search-form > button:hover {
  cursor: pointer;
}
.euler__main-panel-contenedor-recompensas-search-results {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow-x: scroll;
  overscroll-behavior-x: auto;
  -ms-scroll-snap-type: x proximity;
      scroll-snap-type: x proximity;
}
@media (min-width: 400px) {
  .euler__main-panel-contenedor-recompensas-search-results {
    height: auto;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-rows: auto;
    overflow-x: hidden;
    place-items: center;
    gap: 2rem;
  }
}
.euler__main-panel-contenedor-recompensas-search > .searching {
  min-height: 100px;
}
.euler__main-panel-contenedor-recompensas-items {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
.euler__main-panel-contenedor-recompensas-items-item {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 200px;
  max-width: 250px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 500;
}
.euler__main-panel-contenedor-recompensas-items-item-picture {
  width: 100%;
  height: auto;
}
.euler__main-panel-contenedor-recompensas-items-item-picture > img {
  width: 100%;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-panel-contenedor-recompensas-items-item-info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.25rem;
  text-align: center;
}
.euler__main-panel-contenedor-recompensas-items-item-info > p {
  font-size: 1.5rem;
}
.euler__main-panel-contenedor-recompensas-items-item-info > p:nth-child(2n) {
  font-size: 1.3rem;
  color: rgb(116, 116, 116);
}
.euler__main-panel-contenedor-recompensas-items-item-info > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
}
.euler__main-panel-contenedor-recompensas-items-item-info > span > bdi > span {
  vertical-align: text-top;
  font-size: 1.1rem;
}
.euler__main-panel-contenedor-recompensas-items-item-info-form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.05rem;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-panel-contenedor-recompensas-items-item-info-form > label {
  font-size: 1.2rem;
  color: rgb(107, 107, 107);
}
.euler__main-panel-contenedor-recompensas-items-item-info-form > input, .euler__main-panel-contenedor-recompensas-items-item-info-form > textarea {
  width: 100%;
  height: auto;
  border: solid 1px rgb(173, 173, 173);
  border-radius: 0.5rem;
  padding: 0.25rem;
  font-size: 1.3rem;
  font-family: "Schibsted Grotesk", serif;
  outline: none;
}
.euler__main-panel-contenedor-recompensas-items-item-info-form > input::-webkit-input-placeholder, .euler__main-panel-contenedor-recompensas-items-item-info-form > textarea::-webkit-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
}
.euler__main-panel-contenedor-recompensas-items-item-info-form > input::-moz-placeholder, .euler__main-panel-contenedor-recompensas-items-item-info-form > textarea::-moz-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
}
.euler__main-panel-contenedor-recompensas-items-item-info-form > input:-ms-input-placeholder, .euler__main-panel-contenedor-recompensas-items-item-info-form > textarea:-ms-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
}
.euler__main-panel-contenedor-recompensas-items-item-info-form > input::-ms-input-placeholder, .euler__main-panel-contenedor-recompensas-items-item-info-form > textarea::-ms-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
}
.euler__main-panel-contenedor-recompensas-items-item-info-form > input::placeholder, .euler__main-panel-contenedor-recompensas-items-item-info-form > textarea::placeholder {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
}
.euler__main-panel-contenedor-recompensas-items-item-info-form > input:focus, .euler__main-panel-contenedor-recompensas-items-item-info-form > textarea:focus {
  outline: none;
}
.euler__main-panel-contenedor-recompensas-items-item-info-form > textarea {
  resize: none;
}
.euler__main-panel-contenedor-recompensas-items-item-info-form > button {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 0.5rem;
  border: none;
  border-radius: 0.25rem;
  padding: 0.5rem;
  background-color: #f1f1f1;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.2rem;
  font-weight: 400;
  color: black;
  outline: none;
}
.euler__main-panel-contenedor-recompensas-items-item-info-form > button:hover {
  cursor: pointer;
  outline: none;
}
.euler__main-panel-contenedor-recompensas-items-item-actions {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.5rem;
}
.euler__main-panel-contenedor-recompensas-items-item-actions > button {
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.25rem;
  outline: none;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.1rem;
  font-weight: 500;
  text-align: center;
  color: black;
  background-color: transparent;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-panel-contenedor-recompensas-items-item-actions > button:hover {
  cursor: pointer;
  background-color: rgb(235, 235, 235);
}
.euler__main-panel-contenedor-recompensas-items-item-actions > button:focus {
  outline: none;
}
.euler__main-panel-contenedor-recompensas-items-item-actions > button:active {
  -webkit-transform: scale(0.99);
          transform: scale(0.99);
}
.euler__main-panel-contenedor-recompensas-items-item-actions-delete > i {
  color: #FF333B;
}
.euler__main-panel-contenedor-recompensas-items-item-actions-edit > i {
  color: rgb(29, 29, 29);
}
@media (min-width: 400px) {
  .euler__main-panel-contenedor-recompensas-items {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-rows: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
  }
}
.euler__main-panel-contenedor-content-pedidos {
  width: 100%;
}
.euler__main-panel-contenedor-content-pedidos-cabecera {
  width: 90%;
  min-width: 288px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-panel-contenedor-content-pedidos-cabecera-button {
  width: auto;
  height: auto;
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 400;
  outline: none;
  outline: none;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-panel-contenedor-content-pedidos-cabecera-button:focus {
  outline: none;
}
.euler__main-panel-contenedor-content-pedidos-cabecera-button:hover {
  cursor: pointer;
  color: black;
  background-color: rgb(243, 243, 243);
}
.euler__main-panel-contenedor-content-pedidos-cabecera-hold {
  color: #67604A;
  background-color: #ffd483;
}
.euler__main-panel-contenedor-content-pedidos-cabecera-completed {
  color: white;
  background-color: #2a803d;
}
.euler__main-panel-contenedor-content-pedidos-cabecera-cancelled {
  color: white;
  background-color: #ff4747;
}
.euler__main-panel-contenedor-content-pedidos-alertas {
  width: 90%;
  min-width: 288px;
  height: 100%;
  margin: 0 auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-panel-contenedor-content-pedidos-alertas-texto {
  width: auto;
  height: auto;
  border-radius: 0.5rem;
  padding: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
}
.euler__main-panel-contenedor-content-pedidos-alertas > .completed {
  background-color: #2a8f60;
  color: white;
}
.euler__main-panel-contenedor-content-pedidos-alertas > .cancelled {
  background-color: rgb(255, 64, 64);
  color: white;
}
.euler__main-panel-contenedor-content-pedidos-pedido {
  width: 90%;
  min-width: 288px;
  height: 100%;
  margin: 0 auto;
  margin-bottom: 1rem;
  border: solid 1px rgb(231, 231, 231);
  border-radius: 0.5rem;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-panel-contenedor-content-pedidos-pedido-date {
  width: 100%;
  min-width: 288px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.euler__main-panel-contenedor-content-pedidos-pedido-date > p {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1rem;
  font-weight: 500;
  color: rgb(168, 168, 168);
}
.euler__main-panel-contenedor-content-pedidos-pedido-status {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-panel-contenedor-content-pedidos-pedido-status-number {
  width: auto;
  height: auto;
  border-radius: 0.5rem;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #67604A;
  background-color: #FFDD9E;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.2rem;
  font-weight: 500;
}
.euler__main-panel-contenedor-content-pedidos-pedido-status-type {
  width: auto;
  height: auto;
  border-radius: 0.5rem;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.2rem;
  font-weight: 500;
}
.euler__main-panel-contenedor-content-pedidos-pedido-status > .on-hold {
  color: #67604A;
  background-color: #ffd483;
}
.euler__main-panel-contenedor-content-pedidos-pedido-status > .completed {
  color: #f8f8f8;
  background-color: #2a803d;
}
.euler__main-panel-contenedor-content-pedidos-pedido-status > .cancelled {
  color: #f8f8f8;
  background-color: #ff4747;
}
.euler__main-panel-contenedor-content-pedidos-pedido-info {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.2rem;
  font-weight: 400;
  color: black;
}
.euler__main-panel-contenedor-content-pedidos-pedido-info-name {
  font-size: 1.3rem;
}
.euler__main-panel-contenedor-content-pedidos-pedido-info-tel {
  width: auto;
  height: auto;
  border-radius: 0.5rem;
  padding: 0.5rem;
  color: #2a8f60;
  background-color: rgb(243, 243, 243);
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-panel-contenedor-content-pedidos-pedido-info-tel:hover {
  cursor: pointer;
  background-color: rgb(238, 238, 238);
}
.euler__main-panel-contenedor-content-pedidos-pedido-info-price {
  font-size: 1.2rem;
  font-weight: 500;
  border-radius: 0.5rem;
  padding: 0.5rem;
  color: black;
  background-color: rgb(243, 243, 243);
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-panel-contenedor-content-pedidos-pedido-info-price > span {
  display: inline-block;
  font-size: 1rem;
  vertical-align: text-top;
}
.euler__main-panel-contenedor-content-pedidos-pedido-info-price:hover {
  background-color: rgb(238, 238, 238);
}
.euler__main-panel-contenedor-content-pedidos-pedido-recompensas {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.euler__main-panel-contenedor-content-pedidos-pedido-recompensas-recompensa {
  width: auto;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  background-color: rgb(243, 243, 243);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}
.euler__main-panel-contenedor-content-pedidos-pedido-recompensas-recompensa-pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-panel-contenedor-content-pedidos-pedido-recompensas-recompensa-pic > img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-panel-contenedor-content-pedidos-pedido-recompensas-recompensa-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.euler__main-panel-contenedor-content-pedidos-pedido-actions {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.euler__main-panel-contenedor-content-pedidos-pedido-actions-confirm, .euler__main-panel-contenedor-content-pedidos-pedido-actions-cancelled {
  width: auto;
  height: auto;
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 400;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-panel-contenedor-content-pedidos-pedido-actions-confirm:hover, .euler__main-panel-contenedor-content-pedidos-pedido-actions-cancelled:hover {
  cursor: pointer;
  cursor: pointer;
  color: black;
  background-color: rgb(243, 243, 243);
}
.euler__main-panel-contenedor-content-pedidos-pedido-actions-confirm {
  color: #f8f8f8;
  background-color: #2a803d;
}
.euler__main-panel-contenedor-content-pedidos-pedido-actions-cancelled {
  color: #f8f8f8;
  background-color: #ff4747;
}
.euler__main-panel-contenedor-content-pedidos > .completed {
  background-color: #f0fff9;
}
.euler__main-panel-contenedor-items {
  width: 90%;
  min-width: 288px;
  height: 100%;
  min-height: 400px;
  margin: 0 auto;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-panel-contenedor-items-item {
  width: 100%;
  height: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: auto;
  gap: 1rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-panel-contenedor-items-item-element {
  font-size: 1.3rem;
}
.euler__main-panel-contenedor-items-item-element:nth-child(2) {
  font-size: 1.2rem;
}
.euler__main-panel-contenedor-items-item-element:last-child > button {
  font-size: 1rem;
}
.euler__main-panel-contenedor-config {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  margin: 0 auto;
  margin-top: 1rem;
  height: auto;
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Schibsted Grotesk", serif;
  gap: 1rem;
}
.euler__main-panel-contenedor-config-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  font-size: 2rem;
  font-weight: 500;
  color: #a4a4a4;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-panel-contenedor-config-title > i {
  font-size: 1.5rem;
}
.euler__main-panel-contenedor-config-form {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 288px;
  max-width: 500px;
  height: auto;
  border-radius: 0.5rem;
  border: solid 1px #f4f4f4;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.2rem;
  background-color: #f1f1f1;
}
.euler__main-panel-contenedor-config-form-msg-alert {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-panel-contenedor-config-form-msg-alert--error, .euler__main-panel-contenedor-config-form-msg-alert--success {
  width: auto;
  height: auto;
  border-radius: 0.5rem;
  padding: 1rem;
  display: inline-block;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 400;
  color: #FFFFFF;
}
.euler__main-panel-contenedor-config-form-msg-alert--error {
  background-color: #ff3333;
}
.euler__main-panel-contenedor-config-form-msg-alert--success {
  background-color: #31a06c;
}
.euler__main-panel-contenedor-config-form-item {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 500px) {
  .euler__main-panel-contenedor-config-form-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.5rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    gap: 0.5rem;
  }
}
.euler__main-panel-contenedor-config-form-item-label {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-panel-contenedor-config-form-item-label > img {
  width: 20px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-panel-contenedor-config-form-item-label > img:nth-child(2) {
  margin-top: 0;
}
.euler__main-panel-contenedor-config-form-item-label > i {
  font-size: 2rem;
  color: #959595;
}
.euler__main-panel-contenedor-config-form-item-label > label {
  font-size: 1.1rem;
}
.euler__main-panel-contenedor-config-form-item-label-file {
  width: 100%;
  max-width: 200px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-panel-contenedor-config-form-item-label-file > img {
  width: 100%;
  height: auto;
  border-radius: 1rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-panel-contenedor-config-form-item-label-file:hover {
  cursor: pointer;
}
.euler__main-panel-contenedor-config-form-item > input[type=file] {
  display: none;
}
.euler__main-panel-contenedor-config-form-item-input {
  width: 100%;
  max-width: 200px;
  height: auto;
  margin-top: 0.5rem;
  border: solid 1px #cacaca;
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-family: "Schibsted Grotesk", serif;
  color: black;
  outline: none;
}
.euler__main-panel-contenedor-config-form-item-input::-webkit-input-placeholder {
  color: #000000;
}
.euler__main-panel-contenedor-config-form-item-input::-moz-placeholder {
  color: #000000;
}
.euler__main-panel-contenedor-config-form-item-input:-ms-input-placeholder {
  color: #000000;
}
.euler__main-panel-contenedor-config-form-item-input::-ms-input-placeholder {
  color: #000000;
}
.euler__main-panel-contenedor-config-form-item-input::placeholder {
  color: #000000;
}
.euler__main-panel-contenedor-config-form-item-input:hover {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}
.euler__main-panel-contenedor-config-form-item-input:focus {
  border: solid 1.5px #2a8f60;
  outline: none;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.euler__main-panel-contenedor-config-form-text {
  font-size: 1.3rem;
  font-weight: 400;
  color: #000000;
}
.euler__main-panel-contenedor-config-form-submit {
  margin-top: 1rem;
  width: auto;
  height: auto;
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  outline: none;
  color: #FFFFFF;
  background-color: #2b8f60;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 400;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-panel-contenedor-config-form-submit:hover {
  cursor: pointer;
  background-color: #2D9564;
}
.euler__main-panel-contenedor-config-form-submit:focus {
  outline: none;
}
.euler__main-my-account {
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.euler__main-my-account-header {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 320px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.euler__main-my-account-header-background {
  width: 100%;
  height: auto;
  min-height: 100px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(241, 241, 241)), to(rgb(240, 240, 240)));
  background: linear-gradient(90deg, rgb(241, 241, 241), rgb(240, 240, 240));
}
.euler__main-my-account-header-profile {
  position: absolute;
  z-index: 10;
  top: 30%;
  width: 100%;
  min-width: 320px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-my-account-header-profile > img {
  width: 100px;
  height: auto;
  border: solid 5px rgb(235, 235, 235);
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #31a06c;
}
.euler__main-my-account-header-profile-name {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 2rem;
  font-weight: 500;
  color: black;
}
.euler__main-my-account-header-profile-login {
  width: auto;
  height: auto;
  margin: 0 auto;
  margin-top: 0.5rem;
  border-radius: 1rem;
  padding: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 500;
  color: rgb(39, 39, 39);
  background-color: rgb(221, 221, 221);
}
.euler__main-my-account-body {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 320px;
  height: auto;
  margin: 0 auto;
  margin-top: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.euler__main-my-account-body-new {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-my-account-body-new-categories {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
.euler__main-my-account-body-new-categories-cat {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.2rem;
  font-weight: 400;
  color: black;
}
.euler__main-my-account-body-new-categories-cat > img {
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-my-account-body-new-categories-cat-title {
  width: auto;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
}
.euler__main-my-account-body-new-categories-cat-title--diamante > strong {
  background: -webkit-gradient(linear, left top, right top, from(#6fccf7), color-stop(#79bdf6), to(#72afe2));
  background: linear-gradient(to right, #6fccf7, #79bdf6, #72afe2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.euler__main-my-account-body-new-categories-cat-title--diamante > strong:hover {
  background: -webkit-gradient(linear, left top, right top, from(#79bdf6), color-stop(#72afe2), to(#6fccf7));
  background: linear-gradient(to right, #79bdf6, #72afe2, #6fccf7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  cursor: pointer;
}
.euler__main-my-account-body-new-categories-cat-title--oro > strong {
  background: -webkit-gradient(linear, left top, right top, from(#ffac06), color-stop(#f9e124), to(#f67c00));
  background: linear-gradient(to right, #ffac06, #f9e124, #f67c00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.euler__main-my-account-body-new-categories-cat-title--oro > strong:hover {
  background: -webkit-gradient(linear, left top, right top, from(#f9e124), color-stop(#f67c00), to(#ffac06));
  background: linear-gradient(to right, #f9e124, #f67c00, #ffac06);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  cursor: pointer;
}
.euler__main-my-account-body-new-categories-cat-title--plata > strong {
  background: -webkit-gradient(linear, left top, right top, from(#a6abad), color-stop(#cad2d6), to(#a3abb0));
  background: linear-gradient(to right, #a6abad, #cad2d6, #a3abb0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.euler__main-my-account-body-new-categories-cat-title--plata > strong:hover {
  background: -webkit-gradient(linear, left top, right top, from(#cad2d6), color-stop(#a3abb0), to(#a6abad));
  background: linear-gradient(to right, #cad2d6, #a3abb0, #a6abad);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  cursor: pointer;
}
.euler__main-my-account-body-new-categories-cat-title--bronce > strong {
  background: -webkit-gradient(linear, left top, right top, from(#a33c17), color-stop(#c74a1c), to(#d6501e));
  background: linear-gradient(to right, #a33c17, #c74a1c, #d6501e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.euler__main-my-account-body-new-categories-cat-title--bronce > strong:hover {
  background: -webkit-gradient(linear, left top, right top, from(#c74a1c), color-stop(#d6501e), to(#a33c17));
  background: linear-gradient(to right, #c74a1c, #d6501e, #a33c17);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  cursor: pointer;
}
.euler__main-my-account-body-new-categories-cat-title--madera > strong {
  background: -webkit-gradient(linear, left top, right top, from(#70442e), color-stop(#321d14), to(#98603e));
  background: linear-gradient(to right, #70442e, #321d14, #98603e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.euler__main-my-account-body-new-content {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-my-account-body-new-content-pic {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-my-account-body-new-content-pic > img {
  width: 100px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-my-account-body-new-content-title {
  width: 90%;
  height: auto;
  margin: 0 auto;
  font-family: "Schibsted Grotesk", serif;
  font-size: 2rem;
  font-weight: 600;
  color: black;
  text-align: center;
}
.euler__main-my-account-body-new-content-text {
  width: 90%;
  min-width: 288px;
  max-width: 600px;
  height: auto;
  margin: 0 auto;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 400;
  color: black;
  text-align: center;
  line-height: 2rem;
}
.euler__main-my-account-body-medalla {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-my-account-body-medalla-picture {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-my-account-body-medalla-picture > img {
  width: 100px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
  -webkit-animation-name: flotate;
          animation-name: flotate;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.52, 0.01, 0.55, 0.99);
          animation-timing-function: cubic-bezier(0.52, 0.01, 0.55, 0.99);
}
@-webkit-keyframes flotate {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes flotate {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.euler__main-my-account-body-medalla-title {
  font-size: 3rem;
  font-weight: 600;
  font-family: "Schibsted Grotesk", serif;
  text-align: center;
  color: black;
  text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.euler__main-my-account-body-medalla--diamante > strong {
  background: -webkit-gradient(linear, left top, right top, from(#6fccf7), color-stop(#79bdf6), to(#72afe2));
  background: linear-gradient(to right, #6fccf7, #79bdf6, #72afe2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.euler__main-my-account-body-medalla--diamante > strong:hover {
  background: -webkit-gradient(linear, left top, right top, from(#79bdf6), color-stop(#72afe2), to(#6fccf7));
  background: linear-gradient(to right, #79bdf6, #72afe2, #6fccf7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  cursor: pointer;
}
.euler__main-my-account-body-medalla--oro > strong {
  background: -webkit-gradient(linear, left top, right top, from(#ffac06), color-stop(#f9e124), to(#f67c00));
  background: linear-gradient(to right, #ffac06, #f9e124, #f67c00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.euler__main-my-account-body-medalla--oro > strong:hover {
  background: -webkit-gradient(linear, left top, right top, from(#f9e124), color-stop(#f67c00), to(#ffac06));
  background: linear-gradient(to right, #f9e124, #f67c00, #ffac06);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  cursor: pointer;
}
.euler__main-my-account-body-medalla--plata > strong {
  background: -webkit-gradient(linear, left top, right top, from(#a6abad), color-stop(#cad2d6), to(#a3abb0));
  background: linear-gradient(to right, #a6abad, #cad2d6, #a3abb0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.euler__main-my-account-body-medalla--plata > strong:hover {
  background: -webkit-gradient(linear, left top, right top, from(#cad2d6), color-stop(#a3abb0), to(#a6abad));
  background: linear-gradient(to right, #cad2d6, #a3abb0, #a6abad);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  cursor: pointer;
}
.euler__main-my-account-body-medalla--bronce > strong {
  background: -webkit-gradient(linear, left top, right top, from(#a33c17), color-stop(#c74a1c), to(#d6501e));
  background: linear-gradient(to right, #a33c17, #c74a1c, #d6501e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.euler__main-my-account-body-medalla--bronce > strong:hover {
  background: -webkit-gradient(linear, left top, right top, from(#c74a1c), color-stop(#d6501e), to(#a33c17));
  background: linear-gradient(to right, #c74a1c, #d6501e, #a33c17);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  cursor: pointer;
}
.euler__main-my-account-body-medalla--madera > strong {
  background: -webkit-gradient(linear, left top, right top, from(#70442e), color-stop(#321d14), to(#98603e));
  background: linear-gradient(to right, #70442e, #321d14, #98603e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.euler__main-my-account-body-medalla-text {
  font-size: 1.5rem;
  font-weight: 500;
  font-family: "Schibsted Grotesk", serif;
  text-align: center;
  color: black;
}
.euler__main-my-account-body-status {
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-my-account-body-status-item {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}
.euler__main-my-account-body-status-item > h3 {
  font-size: 5rem;
  font-weight: 600;
}
.euler__main-my-account-body-status-item > p {
  font-size: 2rem;
  font-weight: 500;
}
.euler__main-my-account-body-status-asistencias {
  border-radius: 1rem;
  padding: 1rem;
  color: #173529;
  background-color: #BDDCCF;
}
.euler__main-my-account-body-status-skoolcoins {
  border-radius: 1rem;
  padding: 1rem;
  background-color: #E2C5BB;
}
.euler__main-my-account-body-status-skoolcoins-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-my-account-body-status-skoolcoins-info > img {
  width: 30px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
  -webkit-animation-name: skoolcoin;
          animation-name: skoolcoin;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: 10;
          animation-iteration-count: 10;
  -webkit-animation-timing-function: cubic-bezier(0.9, 0.01, 0.24, 0.99);
          animation-timing-function: cubic-bezier(0.9, 0.01, 0.24, 0.99);
}
@-webkit-keyframes skoolcoin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes skoolcoin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.euler__main-my-account-body-status-skoolcoins-info > h3 {
  font-size: 5rem;
  font-weight: 600;
  color: #BA4C25;
}
.euler__main-my-account-body-status-skoolcoins-info > p {
  font-size: 2rem;
  font-weight: 500;
  color: #331509;
}
@media (min-width: 600px) {
  .euler__main-my-account-body-status {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
  }
}
.euler__main-my-account-ranking {
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 2rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1rem;
  font-family: "Schibsted Grotesk", serif;
  overflow-x: scroll;
  overscroll-behavior-x: auto;
  -ms-scroll-snap-type: x proximity;
      scroll-snap-type: x proximity;
}
.euler__main-my-account-ranking-title {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.8rem;
  font-weight: 500;
  color: black;
}
.euler__main-my-account-ranking-item {
  width: 100%;
  min-width: 700px;
  height: auto;
  border-radius: 1rem;
  padding: 1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 5fr 1rem 7fr;
  grid-template-columns: 5fr 7fr;
  grid-auto-rows: auto;
  gap: 1rem;
}
.euler__main-my-account-ranking-item--this {
  background-color: #ffdd9e;
}
.euler__main-my-account-ranking-item-student {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 2rem;
}
.euler__main-my-account-ranking-item-student > span {
  width: auto;
  height: auto;
  border-radius: 1rem;
  padding: 1rem;
  font-weight: 600;
  color: #67604a;
  background-color: #ffdd9e;
}
.euler__main-my-account-ranking-item-student > p {
  font-size: 1.5rem;
  font-weight: 500;
}
.euler__main-my-account-ranking-item-info {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-my-account-ranking-item-info-escuela {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.euler__main-my-account-ranking-item-info-escuela-item {
  width: auto;
  min-width: 140px;
  height: auto;
  border-radius: 1rem;
  padding-inline: 1rem;
  color: #515151;
  text-align: center;
  font-size: 1.3rem;
  background-color: #E1DAD8;
}
.euler__main-my-account-ranking-item-info-item {
  width: auto;
  min-width: 160px;
  height: 100%;
  border-radius: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-my-account-ranking-item-info-item > p {
  font-size: 1.3rem;
  font-weight: 500;
}
.euler__main-my-account-ranking-item-info-item > h3 {
  font-size: 2rem;
  font-weight: 600;
}
.euler__main-my-account-ranking-item-info-item--asistencias {
  color: #173529;
  background-color: #BDDCCF;
}
.euler__main-my-account-ranking-item-info-item--skoolcoins {
  background-color: #e2c5bb;
}
.euler__main-my-account-ranking-item-info-item--skoolcoins-header {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.euler__main-my-account-ranking-item-info-item--skoolcoins-header > img {
  width: 15px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-my-account-ranking-item-info-item--skoolcoins-header > h3 {
  font-size: 2rem;
  font-weight: 600;
  color: #ba4c25;
}
.euler__main-my-account-ranking-item-info-item--skoolcoins-header > p {
  color: #331509;
}
.euler__main-my-account-ranking-item-info-picture {
  width: auto;
  min-width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.euler__main-my-account-ranking-item-info-picture > img {
  width: 30px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
@media (min-width: 900px) {
  .euler__main-my-account-ranking {
    overflow-x: hidden;
  }
}
.euler__main-grupos {
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.euler__main-grupos-header {
  width: 100%;
  height: auto;
  border: solid 1px #dadada;
  border-radius: 0.5rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 0;
  overflow: hidden;
}
.euler__main-grupos-header-button {
  width: 100%;
  height: auto;
  border: none;
  padding: 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f1f1f1;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 500;
  color: #393939;
}
.euler__main-grupos-header-button:hover {
  cursor: pointer;
  color: white;
  background-color: #2a8f60;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  -webkit-transform: scale(1.025);
          transform: scale(1.025);
}
.euler__main-grupos-body {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.euler__main-grupos-body-items {
  width: 100%;
  height: auto;
  padding: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-grupos-body-items--empty {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
  gap: 1rem;
}
.euler__main-grupos-body-items--empty-pic {
  width: 200px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-grupos-body-items--empty-p {
  font-family: "Schibsted Grotesk", serif;
  font-size: 2rem;
  font-weight: 400;
  color: #7c7c7c;
}
.euler__main-grupos-body-items-card {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 288px;
  max-width: 400px;
  height: auto;
  min-height: 250px;
  border: solid 1px #cdcdcd;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
  overflow: hidden;
}
.euler__main-grupos-body-items-card-info {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
}
.euler__main-grupos-body-items-card-info-fotos {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #dadada;
}
.euler__main-grupos-body-items-card-info-fotos-portada {
  width: 100%;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, from(#dcdcdc), to(#d8d8d8));
  background: linear-gradient(90deg, #dcdcdc, #d8d8d8);
}
.euler__main-grupos-body-items-card-info-fotos-perfil {
  position: absolute;
  z-index: 1;
  bottom: calc(-50% + 35px);
  left: 10px;
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 5px solid #c8c8c8;
  border-radius: 50%;
  overflow: hidden;
  background-color: #c2c2c2;
}
.euler__main-grupos-body-items-card-info-items {
  width: 100%;
  height: auto;
  margin-top: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.euler__main-grupos-body-items-card-info-items-titulo {
  width: 100%;
  height: auto;
  border-radius: 0.25rem;
  color: black;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.8rem;
  font-weight: 600;
}
.euler__main-grupos-body-items-card-info-items-span {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.1rem;
  font-weight: 500;
  color: #959595;
}
.euler__main-grupos-body-items-card-info-items-text {
  width: 100%;
  height: auto;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
}
.euler__main-grupos-body-items-card-link {
  width: auto;
  height: auto;
  padding: 1rem;
  font-size: 1.3rem;
  font-weight: 500;
  color: #2b8f60;
}
@media (min-width: 900px) {
  .euler__main-grupos-body-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.5rem 1fr 0.5rem 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    gap: 0.5rem;
  }
}
.euler__main-grupos-body-nuevo {
  width: 100%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  text-align: center;
}
.euler__main-grupos-body-nuevo-alert-msg {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 288px;
  max-width: 400px;
  height: auto;
  border-radius: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 400;
}
.euler__main-grupos-body-nuevo-alert-msg--error {
  color: #FFFFFF;
  background-color: #ff4a4a;
}
.euler__main-grupos-body-nuevo-alert-msg--success {
  color: #FFFFFF;
  background-color: #2b8f60;
}
.euler__main-grupos-body-nuevo-form {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 288px;
  max-width: 400px;
  height: auto;
  border: solid 1px #cdcdcd;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  overflow: hidden;
  background-color: #FFFFFF;
}
.euler__main-grupos-body-nuevo-form-fotos {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.euler__main-grupos-body-nuevo-form-fotos-portada {
  width: 100%;
  height: 100px;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, from(#dcdcdc), to(#d8d8d8));
  background: linear-gradient(90deg, #dcdcdc, #d8d8d8);
}
.euler__main-grupos-body-nuevo-form-fotos-portada:hover {
  cursor: pointer;
}
.euler__main-grupos-body-nuevo-form-fotos-portada > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.euler__main-grupos-body-nuevo-form-fotos-portada > input {
  display: none;
}
.euler__main-grupos-body-nuevo-form-fotos-perfil {
  position: absolute;
  z-index: 1;
  bottom: calc(-50% + 35px);
  left: 10px;
  width: 80px;
  height: 80px;
  border: 5px solid #c8c8c8;
  border-radius: 50%;
  overflow: hidden;
  background-color: #c2c2c2;
}
.euler__main-grupos-body-nuevo-form-fotos-perfil > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.euler__main-grupos-body-nuevo-form-fotos-perfil:hover {
  cursor: pointer;
}
.euler__main-grupos-body-nuevo-form-fotos-perfil > input {
  display: none;
}
.euler__main-grupos-body-nuevo-form-info {
  width: 100%;
  height: auto;
  margin-top: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.euler__main-grupos-body-nuevo-form-info-titulo {
  width: 100%;
  height: auto;
  border-radius: 0.25rem;
  color: black;
}
.euler__main-grupos-body-nuevo-form-info-titulo > input {
  width: 100%;
  padding: 0.25rem 0.5rem;
  border: none;
  outline: none;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.8rem;
  font-weight: 600;
}
.euler__main-grupos-body-nuevo-form-info-titulo > input:focus {
  outline: none;
}
.euler__main-grupos-body-nuevo-form-info-tipo {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-grupos-body-nuevo-form-info-tipo-input {
  display: none;
}
.euler__main-grupos-body-nuevo-form-info-tipo-checkbox {
  position: relative;
  z-index: 0;
  width: 40px;
  height: 20px;
  border: 1px solid #dadada;
  border-radius: 1rem;
  background-color: #dadada;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);
}
.euler__main-grupos-body-nuevo-form-info-tipo-checkbox:hover {
  cursor: pointer;
}
.euler__main-grupos-body-nuevo-form-info-tipo-checkbox::before {
  content: "";
  position: absolute;
  z-index: 10;
  width: 20px;
  height: 20px;
  left: 0;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  background-color: #c2c2c2;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
}
.euler__main-grupos-body-nuevo-form-info-tipo-input:checked + .euler__main-grupos-body-nuevo-form-info-tipo-checkbox {
  background-color: #31a06c;
}
.euler__main-grupos-body-nuevo-form-info-tipo-input:checked + .euler__main-grupos-body-nuevo-form-info-tipo-checkbox::before {
  left: 20px;
  background-color: #2b8f60;
}
.euler__main-grupos-body-nuevo-form-info-tipo-span {
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 500;
}
.euler__main-grupos-body-nuevo-form-info-text {
  width: 100%;
  height: auto;
}
.euler__main-grupos-body-nuevo-form-info-text > textarea {
  width: 100%;
  height: 100px;
  border: none;
  padding: 0.25rem 0.5rem;
  outline: none;
  resize: none;
  font-family: "Schibsted Grotesk", serif;
  /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
  /* Cambiamos el fondo cuando esté en active */
}
.euler__main-grupos-body-nuevo-form-info-text > textarea::-webkit-scrollbar {
  width: 8px; /* Tamaño del scroll en vertical */
  height: 8px; /* Tamaño del scroll en horizontal */
}
.euler__main-grupos-body-nuevo-form-info-text > textarea::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.euler__main-grupos-body-nuevo-form-info-text > textarea::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.euler__main-grupos-body-nuevo-form-info-text > textarea::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}
.euler__main-grupos-body-nuevo-form-info-text > textarea:focus {
  outline: none;
}
.euler__main-grupos-body-nuevo-form-submit {
  width: 100%;
  height: auto;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-grupos-body-nuevo-form-submit > button {
  width: auto;
  border: none;
  border-radius: 5rem;
  padding: 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFFFFF;
  background-color: #2b8f60;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  font-weight: 400;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-grupos-body-nuevo-form-submit > button:hover {
  cursor: pointer;
  background-color: #35aa73;
}
.euler__main-grupos-body-nuevo-form-submit > button:focus {
  outline: none;
}
.euler__main-grupo {
  width: 100%;
  min-width: 320px;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.euler__main-grupo-privado {
  width: 90%;
  min-width: 288px;
  max-width: 600px;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-grupo-privado > img {
  width: 200px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-grupo-privado-text {
  font-family: "Schibsted Grotesk", serif;
  font-size: 2rem;
  font-weight: 500;
  color: #808080;
}
.euler__main-grupo-entrada {
  width: 90%;
  min-width: 288px;
  max-width: 600px;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  border: solid 1px #e1e1e1;
  border-radius: 1rem;
  padding: 1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 10fr;
  grid-template-columns: 1fr 10fr;
  grid-auto-rows: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  background-color: #eaeaea;
}
.euler__main-grupo-entrada-picture {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.euler__main-grupo-entrada-picture > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.euler__main-grupo-entrada-texto {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-grupo-entrada-texto > button {
  width: 100%;
  height: auto;
  border: solid 1px #d5d5d5;
  border-radius: 5rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #dcdcdc;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: #838383;
  text-align: left;
  outline: none;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.euler__main-grupo-entrada-texto > button:focus {
  outline: none;
}
.euler__main-grupo-entrada-texto > button:hover {
  cursor: pointer;
  outline: none;
  background-color: #e5e5e5;
}
.euler__main-grupo-solicitudes {
  width: 100%;
  min-width: 288px;
  max-width: 600px;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.euler__main-grupo-solicitudes-title {
  width: 90%;
  min-width: 288px;
  margin: 0 auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-grupo-solicitudes-title-h3 {
  font-size: 1.3rem;
  font-style: italic;
  font-family: "Schibsted Grotesk", serif;
  font-weight: 500;
  color: #a9a9a9;
}
.euler__main-grupo-solicitudes-slider {
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  overscroll-behavior-x: auto;
  -ms-scroll-snap-type: x proximity;
      scroll-snap-type: x proximity;
  gap: 0.5rem;
  /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
  /* Cambiamos el fondo cuando esté en active */
}
.euler__main-grupo-solicitudes-slider::-webkit-scrollbar {
  width: 0.5vw; /* Tamaño del scroll en vertical */
  height: 0.5vh; /* Tamaño del scroll en horizontal */
  display: none; /* Ocultar scroll */
}
.euler__main-grupo-solicitudes-slider::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 5rem;
}
.euler__main-grupo-solicitudes-slider::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.euler__main-grupo-solicitudes-slider::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}
.euler__main-grupo-solicitudes-slider-user {
  position: relative;
  z-index: 0;
  width: 150px;
  height: auto;
  border: solid 1px #e1e1e1;
  border-radius: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
  font-weight: 400;
  color: black;
}
.euler__main-grupo-solicitudes-slider-user-img {
  width: 60px;
  height: auto;
  border: solid 5px #ececec;
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-grupo-solicitudes-slider-user-name {
  width: 100%;
  height: auto;
  font-weight: 500;
  font-size: 1.3rem;
  text-align: center;
}
.euler__main-grupo-solicitudes-slider-user-login {
  color: #9f9f9f;
  font-weight: 500;
}
.euler__main-grupo-solicitudes-slider-user-button {
  width: 100%;
  height: auto;
  border: none;
  border-radius: 5rem;
  padding: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
  font-weight: 400;
  background-color: #2a8f60;
  color: #FFFFFF;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  outline: none;
}
.euler__main-grupo-solicitudes-slider-user-button:hover {
  cursor: pointer;
  background-color: #32a56f;
}
.euler__main-grupo-solicitudes-slider-user-button:focus {
  outline: none;
}
@media (min-width: 600px) {
  .euler__main-grupo-solicitudes-title, .euler__main-grupo-solicitudes-slider {
    width: 100%;
  }
}
.euler__main-grupo-nuevo-post {
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
}
.euler__main-grupo-nuevo-post--show {
  -webkit-animation-name: showNode;
          animation-name: showNode;
  -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.17, 0.99);
          animation-timing-function: cubic-bezier(0.33, 0, 0.17, 0.99);
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes showNode {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes showNode {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.euler__main-grupo-nuevo-post-alert {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 288px;
  max-width: 500px;
  height: auto;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.2rem;
  font-weight: 400;
  overflow: hidden;
}
.euler__main-grupo-nuevo-post-alert > p {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.euler__main-grupo-nuevo-post-alert--success {
  padding: 1rem;
  color: #FFFFFF;
  background-color: #2b8f60;
}
.euler__main-grupo-nuevo-post-alert--error {
  padding: 1rem;
  color: #FFFFFF;
  background-color: #ff4343;
}
.euler__main-grupo-nuevo-post-form {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 288px;
  max-width: 500px;
  height: auto;
  max-height: 400px;
  margin: 0 auto;
  border: solid 1px #c3c3c3;
  border-radius: 1rem;
  padding: 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  color: #000000;
  background-color: #FFFFFF;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25);
          box-shadow: rgba(0, 0, 0, 0.25);
  overflow-x: hidden;
  overflow-y: scroll;
  /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
  /* Cambiamos el fondo cuando esté en active */
}
.euler__main-grupo-nuevo-post-form::-webkit-scrollbar {
  width: 0.5vw; /* Tamaño del scroll en vertical */
  height: 0.5vh; /* Tamaño del scroll en horizontal */
  display: none; /* Ocultar scroll */
}
.euler__main-grupo-nuevo-post-form::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 5rem;
}
.euler__main-grupo-nuevo-post-form::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.euler__main-grupo-nuevo-post-form::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}
.euler__main-grupo-nuevo-post-form-perfil {
  width: 100%;
  height: auto;
  border-bottom: solid 1px #cbcbcb;
  padding-bottom: 1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 11fr;
  grid-template-columns: 1fr 11fr;
  grid-auto-rows: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 500;
  color: #000000;
}
.euler__main-grupo-nuevo-post-form-perfil-picture {
  width: 60px;
  height: 60px;
  border: solid 1px #cecece;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.euler__main-grupo-nuevo-post-form-perfil-picture > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: inline-block;
}
.euler__main-grupo-nuevo-post-form-perfil-info {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
}
.euler__main-grupo-nuevo-post-form-perfil-info-autor {
  font-size: 1.5rem;
  font-weight: bold;
}
.euler__main-grupo-nuevo-post-form-perfil-info-title {
  width: auto;
  border-radius: 1rem;
  border: solid 1px #e4e4e4;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #000000;
  background-color: #eaeaea;
}
.euler__main-grupo-nuevo-post-form-post-content {
  width: 100%;
  height: auto;
}
.euler__main-grupo-nuevo-post-form-post-content > textarea {
  width: 100%;
  height: 100px;
  border: none;
  padding: 0.5rem;
  outline: none;
  font-family: "Schibsted Grotesk", serif;
  font-weight: 400;
  font-size: 1.5rem;
  resize: none;
  /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
  /* Cambiamos el fondo cuando esté en active */
}
.euler__main-grupo-nuevo-post-form-post-content > textarea::-webkit-scrollbar {
  width: 0.5vw; /* Tamaño del scroll en vertical */
  height: 0.5vh; /* Tamaño del scroll en horizontal */
  display: none; /* Ocultar scroll */
}
.euler__main-grupo-nuevo-post-form-post-content > textarea::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 5rem;
}
.euler__main-grupo-nuevo-post-form-post-content > textarea::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.euler__main-grupo-nuevo-post-form-post-content > textarea::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}
.euler__main-grupo-nuevo-post-form-post-content > textarea::-webkit-input-placeholder {
  color: #b4b4b4;
  font-weight: 600;
}
.euler__main-grupo-nuevo-post-form-post-content > textarea::-moz-placeholder {
  color: #b4b4b4;
  font-weight: 600;
}
.euler__main-grupo-nuevo-post-form-post-content > textarea:-ms-input-placeholder {
  color: #b4b4b4;
  font-weight: 600;
}
.euler__main-grupo-nuevo-post-form-post-content > textarea::-ms-input-placeholder {
  color: #b4b4b4;
  font-weight: 600;
}
.euler__main-grupo-nuevo-post-form-post-content > textarea::placeholder {
  color: #b4b4b4;
  font-weight: 600;
}
.euler__main-grupo-nuevo-post-form-post-content > textarea:focus {
  outline: none;
}
.euler__main-grupo-nuevo-post-form-assets {
  width: 100%;
  height: auto;
  border: solid 1px #c9c9c9;
  border-radius: 2rem;
  padding: 0.25rem 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.euler__main-grupo-nuevo-post-form-assets input {
  display: none;
}
.euler__main-grupo-nuevo-post-form-assets-item {
  width: auto;
  height: auto;
}
.euler__main-grupo-nuevo-post-form-assets-item > label, .euler__main-grupo-nuevo-post-form-assets-item > button {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  border-radius: 5rem;
  padding: 0.5rem;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #464646;
  outline: none;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.euler__main-grupo-nuevo-post-form-assets-item > label > i, .euler__main-grupo-nuevo-post-form-assets-item > button > i {
  font-size: 2.5rem;
  display: inline-block;
  -webkit-transition: all 0.1s cubic-bezier(0.3, 0, 0.23, 0.99);
  transition: all 0.1s cubic-bezier(0.3, 0, 0.23, 0.99);
}
.euler__main-grupo-nuevo-post-form-assets-item > label:focus, .euler__main-grupo-nuevo-post-form-assets-item > button:focus {
  outline: none;
}
.euler__main-grupo-nuevo-post-form-assets-item > label:hover, .euler__main-grupo-nuevo-post-form-assets-item > button:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 3px #cacaca;
          box-shadow: 0 0 3px #cacaca;
  background-color: #e5e5e5;
}
.euler__main-grupo-nuevo-post-form-assets-item > label:hover > i, .euler__main-grupo-nuevo-post-form-assets-item > button:hover > i {
  font-size: 2rem;
}
.euler__main-grupo-nuevo-post-form-links {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-grupo-nuevo-post-form-links-item {
  width: 100%;
  height: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 5fr 0.5rem 7fr 0.5rem 1fr;
  grid-template-columns: 5fr 7fr 1fr;
  grid-auto-rows: auto;
  gap: 0.5rem;
}
.euler__main-grupo-nuevo-post-form-links-item-field {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.euler__main-grupo-nuevo-post-form-links-item-field > span {
  font-size: 1.1rem;
  font-weight: 500;
}
.euler__main-grupo-nuevo-post-form-links-item-field-input {
  border: solid 1px #c9c9c9;
  border-radius: 0.5rem;
  padding: 0.5rem;
  outline: none;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-grupo-nuevo-post-form-links-item-field-input::-webkit-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-grupo-nuevo-post-form-links-item-field-input::-moz-placeholder {
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-grupo-nuevo-post-form-links-item-field-input:-ms-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-grupo-nuevo-post-form-links-item-field-input::-ms-input-placeholder {
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-grupo-nuevo-post-form-links-item-field-input::placeholder {
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-grupo-nuevo-post-form-links-item-field-input:hover {
  border: solid 1px #bbbbbb;
}
.euler__main-grupo-nuevo-post-form-links-item-field-input:focus {
  outline: none;
}
.euler__main-grupo-nuevo-post-form-links-item > button {
  width: 100%;
  height: auto;
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem;
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.3rem;
  color: #a5a5a5;
  background-color: #d2d2d2;
  text-align: center;
  outline: none;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-grupo-nuevo-post-form-links-item > button:hover {
  cursor: pointer;
  background-color: #c9c9c9;
}
.euler__main-grupo-nuevo-post-form-links-item > button:focus {
  outline: none;
}
.euler__main-grupo-nuevo-post-form-media {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  place-items: center;
}
.euler__main-grupo-nuevo-post-form-media > img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-grupo-nuevo-post-form-media-video {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.euler__main-grupo-nuevo-post-form-media-video > video {
  width: 100%;
  height: auto;
}
.euler__main-grupo-nuevo-post-form-media-video-play {
  position: absolute;
  z-index: 2;
  width: 65px;
  height: 65px;
  border: none;
  border-radius: 50%;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #FFFFFF;
  background-color: #151515;
  font-size: 2.5rem;
  outline: none;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.8;
}
.euler__main-grupo-nuevo-post-form-media-video-play:hover {
  cursor: pointer;
}
.euler__main-grupo-nuevo-post-form-media-video-play:focus {
  outline: none;
}
.euler__main-grupo-nuevo-post-form-media-video-volumen {
  position: absolute;
  z-index: 2;
  right: 10px;
  bottom: 10px;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 50%;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
  outline: none;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.8;
  color: #FFFFFF;
  background-color: #151515;
}
.euler__main-grupo-nuevo-post-form-media-video-volumen:hover {
  cursor: pointer;
}
.euler__main-grupo-nuevo-post-form-media-video-volumen:focus {
  outline: none;
}
.euler__main-grupo-nuevo-post-form-media-video:hover .euler__main-grupo-nuevo-post-form-media-video-volumen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.euler__main-grupo-nuevo-post-form-media-video:hover .euler__main-grupo-nuevo-post-form-media-video-play {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.euler__main-grupo-nuevo-post-form-actions {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.5rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 0.5rem;
}
.euler__main-grupo-nuevo-post-form-actions > button {
  width: 100%;
  height: auto;
  border: none;
  border-radius: 1rem;
  padding: 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.euler__main-grupo-nuevo-post-form-actions > button:focus {
  outline: none;
}
.euler__main-grupo-nuevo-post-form-actions > button:hover {
  cursor: pointer;
}
.euler__main-grupo-nuevo-post-form-actions-publicar {
  color: #FFFFFF;
  background-color: #2a8f60;
}
.euler__main-grupo-nuevo-post-form-actions-publicar:hover {
  background-color: #32a56f;
}
.euler__main-grupo-nuevo-post-form-actions-cancelar {
  color: #000000;
  background-color: #d4d4d4;
}
.euler__main-grupo-nuevo-post-form-actions-cancelar:hover {
  background-color: #c7c7c7;
}
.euler__main-grupo-content {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  height: 330px;
  margin: 0 auto;
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.euler__main-grupo-content-picture {
  width: 100%;
  height: 200px;
  border: solid 1px #d5d5d5;
  border-radius: 1rem 1rem 0.5rem 0.5rem;
  background-color: #c2c2c2;
  overflow: hidden;
}
.euler__main-grupo-content-picture > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: inline-block;
}
.euler__main-grupo-content-perfil {
  position: absolute;
  bottom: -20px;
  width: 100%;
  height: auto;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-grupo-content-perfil-foto {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: solid 5px #d5d5d5;
  display: inline-block;
  -o-object-fit: cover;
     object-fit: cover;
}
.euler__main-grupo-content-perfil-info {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
.euler__main-grupo-content-perfil-info-nombre {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.euler__main-grupo-content-perfil-info-nombre > h2 {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
}
.euler__main-grupo-content-perfil-info-nombre > p {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
}
.euler__main-grupo-content-perfil-info-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.5rem;
}
.euler__main-grupo-content-perfil-info-actions > button {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 130px;
  height: auto;
  margin: 0 auto;
  border: none;
  border-radius: 5rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.25rem;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1rem;
  font-weight: 400;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  outline: none;
  overflow: hidden;
}
.euler__main-grupo-content-perfil-info-actions > button:focus {
  outline: none;
}
.euler__main-grupo-content-perfil-info-actions > button > .euler__loading {
  min-height: auto;
}
@media (min-width: 1200px) {
  .euler__main-grupo-content-perfil-info-actions > button {
    font-size: 1.3rem;
  }
}
.euler__main-grupo-content-perfil-info-actions button[disabled] {
  color: black;
  background-color: #dfdfdf;
}
.euler__main-grupo-content-perfil-info-actions--edit, .euler__main-grupo-content-perfil-info-actions--unirse {
  color: #FFFFFF;
  background-color: #2b8f60;
}
.euler__main-grupo-content-perfil-info-actions--edit:hover, .euler__main-grupo-content-perfil-info-actions--unirse:hover {
  cursor: pointer;
  background-color: #31a06c;
}
.euler__main-grupo-content-perfil-info-actions--delete, .euler__main-grupo-content-perfil-info-actions--salirse {
  color: black;
  background-color: #dfdfdf;
}
.euler__main-grupo-content-perfil-info-actions--delete:hover, .euler__main-grupo-content-perfil-info-actions--salirse:hover {
  cursor: pointer;
  background-color: #b2b2b2;
}
@media (min-width: 700px) {
  .euler__main-grupo-content-perfil {
    bottom: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10fr;
    grid-template-columns: 1fr 10fr;
    grid-auto-rows: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .euler__main-grupo-content-perfil-foto {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: solid 5px #d5d5d5;
    display: inline-block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .euler__main-grupo-content-perfil-info {
    width: 100%;
    height: auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 9fr 1rem 3fr;
    grid-template-columns: 9fr 3fr;
    grid-auto-rows: auto;
    gap: 1rem;
  }
  .euler__main-grupo-content-perfil-info-nombre {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .euler__main-grupo-content-perfil-info-nombre > h2 {
    font-size: 2.5rem;
    text-align: left;
  }
  .euler__main-grupo-content-perfil-info-nombre > p {
    font-size: 1.6rem;
    text-align: left;
  }
  .euler__main-grupo-content-perfil-info-actions {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.euler__main-grupo-ajustes {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-grupo-ajustes > .euler__main-grupos-body-nuevo-alert-msg {
  max-width: 600px;
}
.euler__main-grupo-ajustes-form {
  max-width: 600px;
  margin: 0 auto;
}
.euler__main-grupo-eliminar {
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.euler__main-grupo-eliminar-content {
  position: relative;
  z-index: 0;
  width: 90%;
  min-width: 288px;
  max-width: 400px;
  height: 100px;
  border-radius: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FFFFFF;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: black;
  overflow: hidden;
}
.euler__main-grupo-eliminar-content-msg {
  color: #ff3f3f;
}
.euler__main-grupo-eliminar-content-buttons {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
.euler__main-grupo-eliminar-content-buttons > button {
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  color: #FFFFFF;
  background-color: #2a8f60;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.2rem;
  font-weight: 400;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.euler__main-grupo-eliminar-content-buttons > button:hover {
  cursor: pointer;
  background-color: #32a56f;
}
.euler__main-grupo-eliminar-content-buttons > button:focus {
  outline: none;
}
.euler__main-grupo-eliminar > .cargando::before {
  content: "Eliminando...";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #9d9d9d;
  background-color: #e7e7e7;
}
.euler__main-grupo-eliminar > .cargado::before {
  content: "Grupo eliminado";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #9d9d9d;
  background-color: #e7e7e7;
}
.euler__main-grupo-eliminar > .error::before {
  content: "Grupo eliminado";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ff3b3b;
  background-color: #e7e7e7;
}
.euler__main-grupo-feed {
  width: 100%;
  min-width: 320px;
  max-width: 600px;
  height: auto;
  margin: 0 auto;
  margin-top: 3rem;
  margin-bottom: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
  overflow-x: hidden;
}
.euler__main-grupo-feed-post {
  position: relative;
  z-index: 0;
  width: 100%;
  min-width: 320px;
  max-width: 600px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-grupo-feed-post-profile {
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1rem;
}
.euler__main-grupo-feed-post-profile-picture {
  position: relative;
  z-index: 0;
  display: inline-block;
}
.euler__main-grupo-feed-post-profile-picture > img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-block;
  -o-object-fit: contain;
     object-fit: contain;
}
.euler__main-grupo-feed-post-profile > .user-online::before {
  position: absolute;
  z-index: 1;
  bottom: 10%;
  right: 0%;
  content: "";
  border-radius: 5rem;
  padding: 0.5rem;
  background-color: #31a06c;
}
.euler__main-grupo-feed-post-profile-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.15rem;
}
.euler__main-grupo-feed-post-profile-meta-author {
  font-size: 1.3rem;
  font-weight: 600;
}
.euler__main-grupo-feed-post-profile-meta-author > span {
  font-size: 1.1rem;
  color: rgb(151, 151, 151);
}
.euler__main-grupo-feed-post-profile-meta-login {
  width: auto;
  border-radius: 1rem;
  padding: 0.5rem 0.65rem;
  font-size: 1.1rem;
  font-weight: 500;
  color: #257a53;
  background-color: rgb(235, 235, 235);
}
.euler__main-grupo-feed-post-profile-meta-date {
  font-size: 1.1rem;
  color: rgb(151, 151, 151);
}
@media (min-width: 600px) {
  .euler__main-grupo-feed-post-profile {
    width: 100%;
  }
}
.euler__main-grupo-feed-post-info {
  width: 100%;
  min-width: 320px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1rem;
  font-family: "Inter", sans-serif;
}
.euler__main-grupo-feed-post-info-text, .euler__main-grupo-feed-post-info > p {
  width: 90%;
  min-width: 288px;
  max-width: 600px;
  height: auto;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: 400;
}
@media (min-width: 600px) {
  .euler__main-grupo-feed-post-info-text, .euler__main-grupo-feed-post-info > p {
    width: 100%;
  }
}
.euler__main-grupo-feed-post-info-media {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.euler__main-grupo-feed-post-info-media-picture {
  width: 100%;
  height: auto;
  min-height: 310px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.euler__main-grupo-feed-post-info-media-picture > img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: inline-block;
}
@media (min-width: 600px) {
  .euler__main-grupo-feed-post-info-media-picture > img {
    border-radius: 0.5rem;
  }
}
.euler__main-grupo-feed-post-info-media-video {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  min-height: 310px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  background-color: #343434;
}
.euler__main-grupo-feed-post-info-media-video > video {
  width: 100%;
  height: auto;
}
.euler__main-grupo-feed-post-info-media-video-play {
  position: absolute;
  z-index: 2;
  width: 65px;
  height: 65px;
  border: none;
  border-radius: 50%;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #FFFFFF;
  background-color: #151515;
  font-size: 2.5rem;
  outline: none;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.8;
}
.euler__main-grupo-feed-post-info-media-video-play:hover {
  cursor: pointer;
}
.euler__main-grupo-feed-post-info-media-video-play:focus {
  outline: none;
}
.euler__main-grupo-feed-post-info-media-video-volumen {
  position: absolute;
  z-index: 2;
  right: 10px;
  bottom: 10px;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 50%;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
  outline: none;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.8;
  color: #FFFFFF;
  background-color: #151515;
}
.euler__main-grupo-feed-post-info-media-video-volumen:hover {
  cursor: pointer;
}
.euler__main-grupo-feed-post-info-media-video-volumen:focus {
  outline: none;
}
.euler__main-grupo-feed-post-info-media-video:hover .euler__main-grupo-feed-post-info-media-video-volumen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.euler__main-grupo-feed-post-info-media-video:hover .euler__main-grupo-feed-post-info-media-video-play {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 600px) {
  .euler__main-grupo-feed-post-info-media-video {
    border-radius: 0.5rem;
  }
}
.euler__main-grupo-feed-post-info-assets {
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.25rem;
}
.euler__main-grupo-feed-post-info-assets-text {
  font-size: 1.1rem;
  color: #a0a0a0;
}
.euler__main-grupo-feed-post-info-assets-content {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.euler__main-grupo-feed-post-info-assets-content-item {
  width: auto;
  height: auto;
  border: solid 1px #c2c2c2;
  border-radius: 0.5rem;
  padding: 0.25rem;
  display: inline-block;
  background-color: #e7e7e7;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  color: #5d5d5d;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.euler__main-grupo-feed-post-info-assets-content-item:hover {
  background-color: #dfdfdf;
}
@media (min-width: 600px) {
  .euler__main-grupo-feed-post-info-assets {
    width: 100%;
  }
}
.euler__main-grupo-feed-post-interactions {
  width: 90%;
  min-width: 288px;
  max-width: 620px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}
.euler__main-grupo-feed-post-interactions > button {
  border: none;
  outline: none;
  display: inline-block;
  font-size: 2rem;
  background-color: transparent;
}
.euler__main-grupo-feed-post-interactions > button:hover {
  cursor: pointer;
}
.euler__main-grupo-feed-post-interactions > .like {
  background-image: -webkit-gradient(linear, right top, left top, from(#2D9564), to(#32a56f));
  background-image: linear-gradient(to left, #2D9564, #32a56f);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
}
.euler__main-grupo-feed-post-interactions > .comment {
  margin-left: 1rem;
  color: #111312;
}
.euler__main-grupo-feed-post-interactions-likes, .euler__main-grupo-feed-post-interactions-comments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-family: "Inter", sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
}
.euler__main-grupo-feed-post-interactions-likes > i, .euler__main-grupo-feed-post-interactions-comments > i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.2rem;
  color: rgb(112, 112, 112);
  -webkit-animation-name: spinnRotate;
          animation-name: spinnRotate;
  -webkit-animation-timing-function: cubic-bezier(0.67, 0.02, 0.62, 1);
          animation-timing-function: cubic-bezier(0.67, 0.02, 0.62, 1);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
}
@-webkit-keyframes spinnRotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinnRotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.euler__main-grupo-feed-post-interactions > span {
  margin-left: 0.5rem;
  display: inline-block;
}
.euler__main-grupo-feed-post-comentarios {
  width: 90%;
  min-width: 288px;
  max-width: 620px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  font-weight: 500;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-grupo-feed-post-comentarios-item {
  width: 100%;
  min-width: 288px;
  height: auto;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  background-color: rgb(240, 240, 240);
}
.euler__main-grupo-feed-post-comentarios-item-profile {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.5rem;
}
.euler__main-grupo-feed-post-comentarios-item-profile > img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-grupo-feed-post-comentarios-item-profile-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.euler__main-grupo-feed-post-comentarios-item-profile-meta-author {
  font-size: 1.3rem;
  font-weight: 600;
}
.euler__main-grupo-feed-post-comentarios-item-profile-meta-author > span {
  font-size: 1.1rem;
  color: rgb(151, 151, 151);
}
.euler__main-grupo-feed-post-comentarios-item-profile-meta-date {
  font-size: 1.1rem;
  color: rgb(151, 151, 151);
}
.euler__main-grupo-feed-post-comentarios-item-content {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 1.1rem;
  font-weight: 400;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-grupo-feed-post-comentarios-item-content-text > span {
  color: #257a53;
}
.euler__main-grupo-feed-post-comentarios-item-responder {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.euler__main-grupo-feed-post-comentarios-item-responder > button {
  width: auto;
  height: auto;
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: rgb(226, 226, 226);
  display: inline-block;
  outline: none;
  font-size: 1rem;
  font-weight: 500;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-grupo-feed-post-comentarios-item-responder > button:hover {
  outline: none;
  cursor: pointer;
  background-color: rgb(231, 231, 231);
}
.euler__main-grupo-feed-post-comentarios-item-respuestas {
  width: 100%;
  height: auto;
}
.euler__main-grupo-feed-post-comentarios-item-respuestas-item {
  width: 100%;
  margin: 0 auto;
  margin-top: 0.5rem;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  background-color: rgb(233, 233, 233);
}
.euler__main-grupo-feed-post-comentarios-item-respuestas-item-profile {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.5rem;
}
.euler__main-grupo-feed-post-comentarios-item-respuestas-item-profile > img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-grupo-feed-post-comentarios-item-respuestas-item-profile-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.euler__main-grupo-feed-post-comentarios-item-respuestas-item-profile-meta-author {
  font-size: 1.3rem;
  font-weight: 600;
}
.euler__main-grupo-feed-post-comentarios-item-respuestas-item-profile-meta-author > span {
  font-size: 1.1rem;
  color: rgb(151, 151, 151);
}
.euler__main-grupo-feed-post-comentarios-item-respuestas-item-profile-meta-date {
  font-size: 1.1rem;
  color: rgb(151, 151, 151);
}
.euler__main-grupo-feed-post-comentarios-item-respuestas-item-content {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 1.1rem;
  font-weight: 400;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-grupo-feed-post-comentarios-item-respuestas-item-content-text > span {
  color: #257a53;
}
.euler__main-grupo-feed-post-comentarios-item-respuestas-item-responder {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.euler__main-grupo-feed-post-comentarios-item-respuestas-item-responder > button {
  width: auto;
  height: auto;
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: rgb(226, 226, 226);
  display: inline-block;
  outline: none;
  font-size: 1rem;
  font-weight: 500;
  font-family: "Schibsted Grotesk", serif;
}
.euler__main-grupo-feed-post-comentarios-item-respuestas-item-responder > button:hover {
  outline: none;
  cursor: pointer;
  background-color: rgb(231, 231, 231);
}
.euler__main-grupo-feed-post-comentarios-more {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.1rem;
  font-weight: 500;
}
.euler__main-grupo-feed-post-comentarios-more > a {
  color: #2a8b5e;
}
.euler__main-grupo-feed-post-escribir-comentario {
  width: 90%;
  min-width: 288px;
  max-width: 620px;
  height: auto;
  margin: 0 auto;
  border: solid 1px #ececec;
  border-radius: 0.5rem;
  padding: 0.5rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 11fr 0.5rem 1fr;
  grid-template-columns: 11fr 1fr;
  grid-auto-rows: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 1.2rem;
  font-family: "Inter", sans-serif;
  background-color: rgb(245, 245, 245);
}
.euler__main-grupo-feed-post-escribir-comentario > textarea {
  height: auto;
  min-height: 50px;
  border: none;
  resize: none;
  outline: none;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  background-color: transparent;
}
.euler__main-grupo-feed-post-escribir-comentario > textarea:active {
  outline: none;
}
.euler__main-grupo-feed-post-escribir-comentario > textarea::-webkit-input-placeholder {
  font-family: "Inter", sans-serif;
}
.euler__main-grupo-feed-post-escribir-comentario > textarea::-moz-placeholder {
  font-family: "Inter", sans-serif;
}
.euler__main-grupo-feed-post-escribir-comentario > textarea:-ms-input-placeholder {
  font-family: "Inter", sans-serif;
}
.euler__main-grupo-feed-post-escribir-comentario > textarea::-ms-input-placeholder {
  font-family: "Inter", sans-serif;
}
.euler__main-grupo-feed-post-escribir-comentario > textarea::placeholder {
  font-family: "Inter", sans-serif;
}
.euler__main-grupo-feed-post-escribir-comentario > textarea::-webkit-scrollbar {
  width: 8px; /* Tamaño del scroll en vertical */
  height: 8px; /* Tamaño del scroll en horizontal */
  background: #ccc;
  border-radius: 4px;
  background: #b3b3b3;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  background-color: #999999;
}
.euler__main-grupo-feed-post-escribir-comentario > textarea::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 4px;
}
.euler__main-grupo-feed-post-escribir-comentario > textarea::-webkit-scrollbar-track:hover, .euler__main-grupo-feed-post-escribir-comentario > textarea::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}
.euler__main-grupo-feed-post-escribir-comentario > .textarea-loading {
  background-color: black;
}
.euler__main-grupo-feed-post-escribir-comentario > button {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 5rem;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.euler__main-grupo-feed-post-escribir-comentario > button > i {
  font-size: 2rem;
  background-image: -webkit-gradient(linear, right top, left top, from(#2D9564), to(#32a56f));
  background-image: linear-gradient(to left, #2D9564, #32a56f);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.euler__main-grupo-feed-post-escribir-comentario > button:hover {
  cursor: pointer;
  background-color: #e4e4e4;
}
.euler__main-grupo-feed-post-escribir-comentario > button:active {
  outline: none;
}
.euler__main-grupo-feed-post-escribir-comentario--enviando {
  -webkit-animation-name: cargarComentario;
          animation-name: cargarComentario;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.63, 0.01, 0.43, 1);
          animation-timing-function: cubic-bezier(0.63, 0.01, 0.43, 1);
}
@-webkit-keyframes cargarComentario {
  0% {
    background-color: #f5f5f5;
  }
  50% {
    background-color: #dbdbdb;
  }
  100% {
    background-color: #f5f5f5;
  }
}
@keyframes cargarComentario {
  0% {
    background-color: #f5f5f5;
  }
  50% {
    background-color: #dbdbdb;
  }
  100% {
    background-color: #f5f5f5;
  }
}
.euler__main-grupo-feed-post > .form-titile {
  -webkit-animation-name: formTititle;
          animation-name: formTititle;
  -webkit-animation-duration: 0.65s;
          animation-duration: 0.65s;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
  -webkit-animation-timing-function: cubic-bezier(0.63, 0.01, 0.43, 1);
          animation-timing-function: cubic-bezier(0.63, 0.01, 0.43, 1);
}
@-webkit-keyframes formTititle {
  0% {
    background-color: #f5f5f5;
  }
  25% {
    background-color: #dbdbdb;
  }
  50% {
    background-color: #f5f5f5;
  }
  75% {
    background-color: #dbdbdb;
  }
  100% {
    background-color: #f5f5f5;
  }
}
@keyframes formTititle {
  0% {
    background-color: #f5f5f5;
  }
  25% {
    background-color: #dbdbdb;
  }
  50% {
    background-color: #f5f5f5;
  }
  75% {
    background-color: #dbdbdb;
  }
  100% {
    background-color: #f5f5f5;
  }
}
.euler__main-grupo-feed-loading {
  width: 100%;
  min-width: 320px;
  max-width: 600px;
  height: auto;
  min-height: 100px;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
.euler__main-grupo-feed-loading > img {
  width: 200px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
.euler__main-grupo-feed-loading-alert-message {
  width: 100%;
  height: auto;
  text-align: center;
  font-family: "Schibsted Grotesk", serif;
  font-size: 1.8rem;
  font-weight: 500;
  color: #808080;
}
.euler__main-grupo-feed-loading > i {
  font-size: 2rem;
  color: black;
  -webkit-animation-name: spinnerRotate;
          animation-name: spinnerRotate;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.44, 0, 0.22, 1);
          animation-timing-function: cubic-bezier(0.44, 0, 0.22, 1);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes spinnerRotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinnerRotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.process-success {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.process-success > i {
  display: inline-block;
  font-size: 5rem;
  color: #2D9564;
}
.process-success-msg {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  color: #2D9564;
  text-align: center;
}

.woocommerce, .woocommerce-MyAccount-content {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
}

.wp-block-woocommerce-checkout {
  width: 90%;
  min-width: 288px;
  height: auto;
  margin: 0 auto;
}

@media (min-width: 600px) {
  .eulercore--logged {
    position: relative;
    z-index: 0;
    width: 100%;
    height: auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 0 10fr;
    grid-template-columns: 2fr 10fr;
    grid-auto-rows: auto;
    gap: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background-color: #f6fcf8;
  }
}
@media (min-width: 1000px) {
  body::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: -20vw;
    width: 60vw;
    height: 60vw;
    border-radius: 50%;
    display: block;
    background: radial-gradient(circle, rgba(45, 149, 100, 0.15) 0%, transparent 90%);
  }
  body::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    right: -20vw;
    width: 60vw;
    height: 60vw;
    border-radius: 50%;
    display: block;
    background: radial-gradient(circle, rgba(230, 103, 13, 0.15) 0%, transparent 90%);
  }
  .eulercore__content {
    padding-top: 10vh;
  }
}