@import url("https://use.typekit.net/ixh2pyd.css");
@import url('https://fonts.googleapis.com/css2?family=Truculenta:opsz,wght@12..72,100;12..72,200;12..72,300;12..72,400;12..72,500;12..72,600;12..72,700;12..72,800;12..72,900&display=swap');


.fondo-naranja {
  background-color: rgba(0,0,0,0);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-attachment: scroll;
  background-image: linear-gradient(21.79deg,#9f0245 0,#f07f3c 49%,#31b7bc 100%);
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box
}


.fondo-naranja-foto-a {
  background-color: rgba(0,0,0,0);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: mo-repeat;
  background-attachment: scroll;
/*  background-image: url('/app/uploads/2023/03/foto-c.jpg'), linear-gradient(21.79deg,#9f0245 0,#f07f3c 49%,#31b7bc 100%) ;*/
/*  background-image: url('/app/uploads/2023/03/foto-a.jpg'), linear-gradient(21.79deg,#9f0245 0,#f07f3c 49%,#31b7bc 100%) ;*/
  background-image: url('/app/uploads/2023/03/foto-d.jpg'), linear-gradient(21.79deg,#9f0245 0,#f07f3c 49%,#31b7bc 100%) ;
  background: -webkit-linear-gradient(21.79deg,#9f0245 0,#f07f3c 49%,#31b7bc 100%) ;
  
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
  background-blend-mode: multiply;
  background-position: center;
  background-size: cover;
}

.fondo-naranja-foto-b {
  background-color: rgba(0,0,0,0);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url('/app/uploads/2023/03/foto-c.jpg'), linear-gradient(21.79deg,#9f0245 0,#f07f3c 49%,#31b7bc 100%) ;
  background: -webkit-linear-gradient(21.79deg,#9f0245 0,#f07f3c 49%,#31b7bc 100%) ;

/*  background-image: url('/app/uploads/2023/03/foto-a.jpg'), linear-gradient(21.79deg,#9f0245 0,#f07f3c 49%,#31b7bc 100%) ;*/
/*  background-image: url('/app/uploads/2023/03/foto-d.jpg'), linear-gradient(21.79deg,#9f0245 0,#f07f3c 49%,#31b7bc 100%) ;*/
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
  background-blend-mode: multiply;
  background-position: center;
  background-size: cover;
}

.fondo-naranja-dots{
  background-color: rgba(0,0,0,0.1);
  background-image: url("/app/uploads/2023/03/dotnoise-light-grey.png"), linear-gradient(21.79deg,#9f0245 0,#f07f3c 49%,#31b7bc 100%) ;
  background: -webkit-linear-gradient(21.79deg,#9f0245 0,#f07f3c 49%,#31b7bc 100%) ;
  
  background-size: 200px, 100%;
  background-blend-mode: multiply;
}

.alto-total {
  min-height: 100vh
}

.skolar-sans-latin{
  font-family: "skolar-sans-latin", sans-serif;
}

.skolar-sans-pe{
  font-family: "skolar-sans-pe", sans-serif;
}

.skolar-sans-latin-compressed{
	font-family: "skolar-sans-latin-compressed", sans-serif;
}

.skolar-sans-latin-condensed{
	font-family: "skolar-sans-latin-condensed", sans-serif;
}

.skolar-sans-latin-extended{
	font-family: "skolar-sans-latin-extended", sans-serif;
}

.skolar-latin{
  font-family: "skolar-latin", serif;
}

.skolar-pe{
  font-family: "skolar-pe", sans-serif;
}

.font-truculenta{
  font-family: 'Truculenta', sans-serif;
}

.bg-patron-b {
  background-image: url('/app/uploads/2023/03/patron-b.svg'); 
  background-size: 100px;
  background-blend-mode: color-dodge;
}


.bg-patron-c {
  background-image: url('/app/uploads/2023/03/patron-c.png'); 
  background-size: 120px;
}

.bg-patron-d{
/*  teal*/
  color:rgb(86,184,176); 
/*  rosa*/
  color:rgb(232,145,133);
/*  azul*/
  color:rgb(0,145,209);

}

.text-celeste{
  color:rgb(0,145,209);
}

.bg-patron-dots{
  background-color: #333;
  background-image: url("/app/uploads/2023/03/dotnoise-light-grey.png");
  background-size: 200px;
}




/**
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * */

.video-container{
  position:relative; 
  padding-bottom: calc(56.25% * 0.75); 
  width:75%;
  height: 0;
}
.video-container iframe{
  width:100%; 
  aspect-ratio: 16/9;
}

.bg-maze{
  background-blend-mode: screen;
/*  background-blend-mode: color-dodge;*/
  background-size: 200px;
/*  background-image: url("https://www.transparenttextures.com/patterns/maze-white.png");*/
  background-image: url("https://i.imgur.com/LzgaGMb.png");
}


.versalitas{
  font-variant-caps: all-small-caps;
}



.aspect-book{
  aspect-ratio: 11 / 16;
}

.book {
  position: relative;
  transition: 0.4s ease-in-out;
  transform-origin: left center 0px;
  perspective: 800px;
}
.book:hover {
  transform: rotateZ(-8deg);
}
.book:hover .book__cover {
  transform: rotateY(-40deg);
  z-index: 999;
  box-shadow: 20px 10px 50px rgba(0, 0, 0, 0.2);
}
.book__cover {
  position: absolute;
  border-radius: 5px 15px 15px 5px;
  box-shadow: 0 0 5px 1.5px rgba(0, 0, 0, 0.25);
  z-index: 10;
  transition: 0.5s linear;
  transform-style: preserve-3d;
  transform-origin: left center 0px;
  background-size: 180px 255px;
}

.book__page {
  position: absolute;
  background-color: #fbfae8;
  z-index: 0;
  box-shadow: 0 0 5px 1.5px rgba(0, 0, 0, 0.25);
  border-radius: 5px 16px 16px 5px;
  overflow: hidden;
}

details {
  display: inline;
}

summary {
  padding: 0px 5px;
}

.wp-block-quote{
  border-left: none !important;
  margin: 0 2em 1.75em 2em;
  padding-left: 1em;
  padding-right: 1em;
}


.wp-block-search__button svg{
  fill:lightgray !important;
}

.wp-block-search__button{
  margin-left: 0px !important;
}

.wp-element-button{
  padding: calc(0.667em + 2px) 0px !important;
}





@supports (-webkit-touch-callout: none) {
  .bg-fixed{
    background-attachment: local !important;
  }
  .bg-cover{
    background-size: unset !important;
  }
}