@font-face {
	font-family: 'Dyslexie-Regular';
	src: url('../fonts/dyslexie-regular.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/dyslexie-regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/dyslexie-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/dyslexie-regular.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/dyslexie-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/dyslexie-regular.svg#dyslexie-regular') format('svg'); /* Chrome < 4, Legacy iOS */
}

.dx {font-family: 'Dyslexie-Regular';}

section.a-negritas a {color:#4a4a4a; font-size:1em;}
section.a-negritas a:hover {color: #485fc7;}
section.is-size-4, div.is-size-4, p {font-size: 1.5rem !important;}
span.hashtags a {font-size:1em; margin-right: 1em;}
figcaption {padding-top:1em;}

#irarriba {bottom: 50px; height: 50px; opacity: 0.7; overflow: hidden; padding: 3px; position: fixed; right: 7px; width: 46px; z-index: 3000;}

.menu.a-negritas a {color:#4a4a4a;}
.bloque{color: rgba(255,255,255,.7); background-color: #000000; position: relative; z-index: 8; padding: 3px; margin-top: 1em; margin-bottom: 3em; opacity: 0.93; border-radius: 4px;}
.bloque.naranja {background-color: #ec661f;}
.bloque.azulito {background-color: #1fa5ec;}

.bloque.verde {background-color: #5cb100;}
.bloque.opaco07 {opacity: 0.7 !important;}
.message.is-informa {background-color: #ffffff;}
.message.is-informa .message-header {background-color: #fff; color: #1fa5ec;}
.delete.naranja {  background-color: #ec661f;  border-radius: 1px;  height: 10px;  max-height: 10px;  max-width: 10px;  min-height: 35px;  min-width: 25px;  outline: 0;  width: 20px;}

.color-gazul {color: #4285f4;}
.color-grojo {color: #ea4335;}
.color-gamarillo {color: #fbbc05;}
.color-gverde {color: #34a853;}
.color-naranja {color: #ec661f;}
.is-rounded {border-radius: 50%;}
.is-rounded-4 {border-radius: 4px;}

.pie {  padding: 120px 0 50px;  background-image: url(../img/app/pie.svg);  background-position: top center;  background-repeat: no-repeat;  background-size: cover;  position: relative;}
.banner {  background-image: url(../img/app/titulo.svg);  background-position: bottom center;  background-repeat: no-repeat;  position: relative;  padding: 2em 0 110px;}
.banner-tr {  background-image: url(../img/app/titulo-tr.svg);  background-position: bottom center;  background-repeat: no-repeat;  position: relative;  padding: 2em 0 110px;}
.logo-der {position: absolute; right: 10%; top: 25%;}
.logo-der .path {fill: #ec661f;}

.logo-izq {position: absolute; left: 6%; top: 4%;}
.logo-izq .path {fill: #ec661f;}
.logo-abj {position: absolute; left: 25%; bottom: 7%;}
.logo-abj .path {fill: #ec661f;}


.widget-list-inline li a:hover {border-color: #1fa5ec;  background: #1fa5ec;  color: #fff;}
.widget-list-inline li a {padding: 2px 15px; border: 1px solid #1fa5ec; border-top-color: rgb(31, 165, 236); border-right-color: rgb(31, 165, 236); border-bottom-color: rgb(31, 165, 236); border-left-color: rgb(31, 165, 236); border-radius: 30px; display: block; color: #555;}



@-webkit-keyframes carousel-animate {
  0% {
    visibility: hidden;
    opacity: 0;
    transform: translateX(200%) scale(0.7);
  }
  3%, 14.2857142857% {
    visibility: visible;
    opacity: 0.8;
    transform: translateX(100%) scale(0.9);
  }
  17.2857142857%, 28.5714285714% {
    visibility: visible;
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  31.5714285714%, 42.8571428571% {
    visibility: visible;
    opacity: 0.8;
    transform: translateX(-100%) scale(0.9);
  }
  45.8571428571% {
    visibility: visible;
    opacity: 0;
    transform: translateX(-200%) scale(0.9);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    transform: translateX(-200%) scale(0.7);
  }
}
@keyframes carousel-animate {
  0% {
    visibility: hidden;
    opacity: 0;
    transform: translateX(200%) scale(0.7);
  }
  3%, 14.2857142857% {
    visibility: visible;
    opacity: 0.8;
    transform: translateX(100%) scale(0.9);
  }
  17.2857142857%, 28.5714285714% {
    visibility: visible;
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  31.5714285714%, 42.8571428571% {
    visibility: visible;
    opacity: 0.8;
    transform: translateX(-100%) scale(0.9);
  }
  45.8571428571% {
    visibility: visible;
    opacity: 0;
    transform: translateX(-200%) scale(0.9);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    transform: translateX(-200%) scale(0.7);
  }
}
:root {
  --light: 0;
  --light: 0;
  --max-width-post: 420px;
  --primary: hsl(
  	calc(64 + 220 * var(--light)),
  	calc(77% - 7% * var(--light)),
  	calc(79% - 56% * var(--light))
  );
  --bg: hsl(
  	calc(284 - 220 * var(--light)),
  	calc(70% + 7% * var(--light)),
  	calc(23% + 56% * var(--light))
  );
  --text-primary: hsl(
  	calc(60 * var(--light)),
  	calc(19% * var(--light)),
  	calc(97% - 89% * var(--light))
  );
  --font-size-sm: clamp(0.7rem, 0.91vw + 0.47rem, 1.2rem);
  --font-size-base: clamp(0.88rem, 1.14vw + 0.59rem, 1.5rem);
  --font-size-md: clamp(1.09rem, 1.42vw + 0.74rem, 1.88rem);
  --font-size-lg: clamp(1.37rem, 1.78vw + 0.92rem, 2.34rem);
  --font-size-xl: clamp(1.71rem, 2.22vw + 1.15rem, 2.93rem);
  --font-size-xxl: clamp(2.14rem, 2.77vw + 1.44rem, 3.66rem);
  --font-size-xxxl: clamp(2.67rem, 3.47vw + 1.8rem, 4.58rem);
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

@supports (height: 100dvh) {
  body {
    height: 100dvh;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.carousel-container {
  position: relative;
  padding-inline: var(--container-padding-horizontal);
  place-items: center;
  height: 75%;
}

.carousel {
  pointer-events: none;
  position: absolute;
  -webkit-padding-before: 67px;
          padding-block-start: 67px;
  -webkit-padding-after: max(24px, calc(29px + var(--font-size-md)));
          padding-block-end: max(24px, calc(29px + var(--font-size-md)));
  perspective: 100px;
  width: 100%;
}
@media (max-width: 568px) {
  .carousel {
    -webkit-padding-after: 52px;
            padding-block-end: 52px;
  }
}
.carousel__wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  height: 61.2vh;
}
.carousel .item {
  position: absolute;
  max-width: 418px;
  height: 100%;
  margin-inline: var(--container-padding-horizontal);
  opacity: 0;
  will-change: transform, opacity;
  -webkit-animation: carousel-animate 27s cubic-bezier(0.37, 0, 0.63, 1) infinite;
          animation: carousel-animate 27s cubic-bezier(0.37, 0, 0.63, 1) infinite;
}
@media (max-width: 568px) {
  .carousel .item {
    margin-inline: calc(var(--container-padding-horizontal) + 1px);
  }
}
.carousel .item:nth-child(1) {
  -webkit-animation-delay: calc(3.8571428571s * -1);
          animation-delay: calc(3.8571428571s * -1);
}
.carousel .item:nth-child(2) {
  -webkit-animation-delay: calc(3.8571428571s * 0);
          animation-delay: calc(3.8571428571s * 0);
}
.carousel .item:nth-child(3) {
  -webkit-animation-delay: calc(3.8571428571s * 1);
          animation-delay: calc(3.8571428571s * 1);
}
.carousel .item:nth-child(4) {
  -webkit-animation-delay: calc(3.8571428571s * 2);
          animation-delay: calc(3.8571428571s * 2);
}
.carousel .item:nth-child(5) {
  -webkit-animation-delay: calc(3.8571428571s * 3);
          animation-delay: calc(3.8571428571s * 3);
}
.carousel .item:nth-child(6) {
  -webkit-animation-delay: calc(3.8571428571s * 4);
          animation-delay: calc(3.8571428571s * 4);
}
.carousel .item:nth-child(7) {
  -webkit-animation-delay: calc(3.8571428571s * 4);
          animation-delay: calc(3.8571428571s * 4);
}
.carousel .item:nth-child(8) {
  -webkit-animation-delay: calc(3.8571428571s * 4);
          animation-delay: calc(3.8571428571s * 4);
}
.carousel .item:nth-child(9) {
  -webkit-animation-delay: calc(3.8571428571s * 4);
          animation-delay: calc(3.8571428571s * 4);
}
.carousel .item:nth-child(10) {
  -webkit-animation-delay: calc(3.8571428571s * 4);
          animation-delay: calc(3.8571428571s * 4);
}
.carousel .item:nth-child(11) {
  -webkit-animation-delay: calc(3.8571428571s * 4);
          animation-delay: calc(3.8571428571s * 4);
}
.carousel .item:nth-child(12) {
  -webkit-animation-delay: calc(3.8571428571s * 4);
          animation-delay: calc(3.8571428571s * 4);
}
.carousel .item:nth-child(13) {
  -webkit-animation-delay: calc(3.8571428571s * 4);
          animation-delay: calc(3.8571428571s * 4);
}
.carousel .item:last-child {
  -webkit-animation-delay: calc(-3.8571428571s * 2);
          animation-delay: calc(-3.8571428571s * 2);
}
.carousel img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.is-brat{background-color: #fff; background: #8ACE00;}
.is-mousse{background-color: #fff; background: #a47864; color:#fff;}
.delete.mousse{background-color: #a47864;  border-radius: 1px;  height: 10px;  max-height: 10px;  max-width: 10px;  min-height: 35px;  min-width: 25px;  outline: 0;  width: 20px;}