/* Sass Document */
/*-- colores de la tarta --*//*-- colores de la tarta -- */
.cls-1 {
  fill: #ed1e79; }

.cls-2 {
  fill: #fff; }

.cls-3 {
  fill: #9e005d; }

.cls-4 {
  fill: #662d91; }

.cls-5 {
  fill: #2e3192; }

.cls-6 {
  fill: #29abe2; }

.cls-7 {
  fill: #39b54a; }

.cls-8 {
  fill: #d6c207; }

.cls-9 {
  fill: #f7931e; }

.cls-10 {
  fill: #ed1c24; }

.cls-11 {
  fill: #FF0101; }

#descripcion-orden h2,
#descripcion-orden li::before {
  color: #FF0101; }

#descripcion-compromiso h2,
#descripcion-compromiso li::before {
  color: #ed1e79; }

#descripcion-solidaridad h2,
#descripcion-solidaridad li::before {
  color: #ed1c24; }

#descripcion-generosidad h2,
#descripcion-generosidad li::before {
  color: #f7931e; }

#descripcion-trabajo-y-estudio h2,
#descripcion-trabajo-y-estudio li::before {
  color: #d6c207; }

#descripcion-obediencia h2,
#descripcion-obediencia li::before {
  color: #39b54a; }

#descripcion-amistad h2,
#descripcion-amistad li::before {
  color: #29abe2; }

#descripcion-buenos-modales h2,
#descripcion-buenos-modales li::before {
  color: #2e3192; }

#descripcion-respeto h2,
#descripcion-respeto li::before {
  color: #662d91; }

#descripcion-convivencia h2,
#descripcion-convivencia li::before {
  color: #9e005d; }

/*-- estilos pie -- */
#pie {
  padding: 1rem; }
  #pie > svg {
    max-height: 350px; }

.ocultar {
  display: none; }

#contenidos > article ul {
  list-style: none; }
  #contenidos > article ul > li {
    font-family: "Bitter", serif;
    font-weight: 400;
    padding-bottom: 0.5rem; }

#contenedor-compromiso, #contenedor-orden, #contenedor-solidaridad, #contenedor-generosidad, #contenedor-trabajo-y-estudio, #contenedor-obediencia, #contenedor-amistad, #contenedor-buenos-modales, #contenedor-respeto, #contenedor-convivencia {
  opacity: 1;
  transition: all 1s ease; }
  #contenedor-compromiso:hover, #contenedor-orden:hover, #contenedor-solidaridad:hover, #contenedor-generosidad:hover, #contenedor-trabajo-y-estudio:hover, #contenedor-obediencia:hover, #contenedor-amistad:hover, #contenedor-buenos-modales:hover, #contenedor-respeto:hover, #contenedor-convivencia:hover {
    opacity: 0.7;
    transition: all 0.5s ease; }