/* PAGEBANNER IDEA */ .mw-body .ext-wpb-pagebanner { 	margin:0; 	padding:0; }     /* IDEA ACORDEÓN */  /* body {   font-size: 62.5%;   background: #dadada;   font-family: 'Open Sans', sans-serif;   line-height: 2;   padding: 5em; } */  .accordion {   font-size: 100%;   width: 100%;   margin: 0 auto;   border-radius: 5px; }  .accordion-header, .accordion-body {   background: white; }  .accordion-header {   padding: 1.5em 1.5em;   background: #3F51B5;   color: white;   cursor: pointer;   font-size: .7em;   letter-spacing: .1em;   transition: all .3s;   text-transform: uppercase; }  .accordion__item {     border-bottom: 1px solid #3a4ba4; }  .accordion__item .accordion__item {   border-bottom: 1px solid rgba(0, 0, 0, 0.08); }  .accordion-header:hover {   background: #2D3D99; }  .accordion-body {   background: #fcfcfc;   color: #353535;   display: none; }  .accordion-body__contents {   padding: 1.5em 1.5em;   font-size: .85em; }  .accordion__item.active:last-child .accordion-header {   border-radius: none; }  .accordion:first-child > .accordion__item > .accordion-header {   border-bottom: 1px solid transparent; }  .accordion__item.active .accordion-header {   background: #2D3D99; }  .accordion__item .accordion__item .accordion-header {   background: #f1f1f1;   color: #353535; }  @media screen and (max-width: 1000px) {   /* body {     padding: 1em;   } */      .accordion {     width: 100%;   } }     /************************************************               ACORDEÓN DE IMÁGENES  **************************************************/  /* body { 	 font-family: 'Poppins', sans-serif; 	 font-weight: 400; 	 font-size: 17px; 	 color: #212121; 	 line-height: 1.4; } */  .container { 	 width: 1100px; 	 margin: 50px auto 0; }  .container h1 { 	 font-size: 25px; 	 text-align: center; }  .container h1 span { 	 position: relative; 	 font-family: 'Merienda', cursive; 	 color: #ca9ce1; }  .container h1 span:after { 	 position: absolute; 	 left: 0; 	 bottom: -10px; 	 content: "~"; 	 width: 100%; 	 text-align: center; }  .container .subheader { 	 text-align: center; 	 margin-top: 15px; }  .link { 	 display: flex; 	 justify-content: center; 	 width: 800px; 	 margin: 30px auto 0; }  .link a { 	 transition-property: all; 	 transition-duration: 0.2s; 	 transition-timing-function: linear; 	 transition-delay: 0s; 	 display: flex; 	 align-items: center; 	 flex-shrink: 0; 	 margin-right: 40px; 	 color: inherit; 	 font-size: inherit; 	 text-decoration: none; }  .link a:hover { 	 color: #ca9ce1; }  .link a:last-child { 	 margin-right: 0; }  .link a i { 	 color: #ca9ce1; 	 margin-right: 9px; 	 font-size: 30px; }  .slider-containers { 	 width: 100%; 	 margin-top: 60px; }  .slider-container { 	 margin-bottom: 60px; }  .slider-container h2 { 	 text-align: center; }  .flexbox-slider { 	 margin-top: 50px; } /*slide styles !!!YOU NEED THEM */  .flexbox-slider { 	 display: flex; 	 width: 100%; 	 height: 500px; 	 visibility: hidden; }  .flexbox-slider .flexbox-slide { 	 transition-property: all; 	 transition-duration: 0.3s; 	 transition-timing-function: linear; 	 transition-delay: 0s; 	 width: 20%; 	 height: 100%; 	 position: relative; 	 overflow: hidden; 	 cursor: pointer; 	 visibility: visible; }  .flexbox-slider .flexbox-slide:after { 	 position: absolute; 	 top: 0; 	 left: 0; 	 content: ""; 	 display: block; 	 width: 100%; 	 height: 100%; 	 background-color: rgba(255, 255, 255, 0.6); 	 z-index: 2; 	 opacity: 0; }  .flexbox-slider .flexbox-slide img { 	 position: absolute; 	 top: 50%; 	 left: 50%; 	 height: auto; 	 width: auto; 	 min-width: 100%; 	 min-height: 100%; 	 transform: translate(-50%, -50%); 	 z-index: 1; }  .flexbox-slider .flexbox-slide .text-block { 	 position: absolute; 	 left: 30px; 	 bottom: 30px; 	 max-width: 400px; 	 padding: 20px; 	 border-radius: 5px; 	 background-color: rgba(0, 0, 0, 0.6); 	 color: #fff; 	 z-index: 4; 	 visibility: hidden; 	 opacity: 0; }  .flexbox-slider .flexbox-slide .text-block h3 { 	 font-size: 20px; 	 font-weight: 700; }  .flexbox-slider:hover .flexbox-slide:hover { 	 flex-shrink: 0; 	 width: 80%; } /* effect 1 styles */  .flexbox-slider.flexbox-slider-1 .flexbox-slide .text-block { 	 bottom: 60px; }  .flexbox-slider.flexbox-slider-1:hover .flexbox-slide:hover .text-block { 	 transition-property: all; 	 transition-duration: 0.2s; 	 transition-timing-function: linear; 	 transition-delay: 0.5s; 	 bottom: 30px; 	 opacity: 1; 	 visibility: visible; } /* effect 2 styles */  .flexbox-slider.flexbox-slider-2 .flexbox-slide .text-block { 	 left: -60px; }  .flexbox-slider.flexbox-slider-2:hover .flexbox-slide:not(:hover):after { 	 transition-property: all; 	 transition-duration: 0.2s; 	 transition-timing-function: linear; 	 transition-delay: 0s; 	 opacity: 1; }  .flexbox-slider.flexbox-slider-2:hover .flexbox-slide:hover .text-block { 	 transition-property: all; 	 transition-duration: 0.3s; 	 transition-timing-function: cubic-bezier(0, 0, 0, 1.82); 	 transition-delay: 0.5s; 	 left: 30px; 	 opacity: 1; 	 visibility: visible; } /* effect 3 styles */  .flexbox-slider.flexbox-slider-3 .flexbox-slide:after { 	 transform: scale(0.5); 	 transform-origin: center center; }  .flexbox-slider.flexbox-slider-3 .flexbox-slide .text-block { 	 transform: rotate(-20deg); }  .flexbox-slider.flexbox-slider-3:hover .flexbox-slide:hover:after { 	 transition-property: all; 	 transition-duration: 0.2s; 	 transition-timing-function: linear; 	 transition-delay: 0.4s; 	 transform: scale(1); 	 opacity: 1; 	 visibility: visible; }  .flexbox-slider.flexbox-slider-3:hover .flexbox-slide:hover .text-block { 	 transition-property: all; 	 transition-duration: 0.2s; 	 transition-timing-function: linear; 	 transition-delay: 0.6s; 	 transform: rotate(0deg); 	 opacity: 1; 	 visibility: visible; } /* effect 4 styles */  .flexbox-slider.flexbox-slider-4 .flexbox-slide:after { 	 top: -100%; }  .flexbox-slider.flexbox-slider-4 .flexbox-slide .text-block { 	 transform: scale(1.2); }  .flexbox-slider.flexbox-slider-4:hover .flexbox-slide:not(:hover):after { 	 transition-property: all; 	 transition-duration: 0.2s; 	 transition-timing-function: linear; 	 transition-delay: 0s; 	 top: 0; 	 opacity: 1; 	 visibility: visible; }  .flexbox-slider.flexbox-slider-4:hover .flexbox-slide:hover .text-block { 	 transition-property: all; 	 transition-duration: 0.2s; 	 transition-timing-function: linear; 	 transition-delay: 0.5s; 	 transform: scale(1); 	 opacity: 1; 	 visibility: visible; } /* effect 5 styles */  .flexbox-slider.flexbox-slider-5 .flexbox-slide .text-block { 	 transform: scale(0.85); }  .flexbox-slider.flexbox-slider-5:hover .flexbox-slide:hover .text-block { 	 transition-property: all; 	 transition-duration: 0.2s; 	 transition-timing-function: linear; 	 transition-delay: 0.7s; 	 transform: scale(1); 	 opacity: 1; 	 visibility: visible; }  .flexbox-slider.flexbox-slider-5:hover .flexbox-slide:hover:after { 	 transition-property: all; 	 transition-duration: 0.2s; 	 transition-timing-function: linear; 	 transition-delay: 0.4s; 	 opacity: 1; 	 visibility: visible; }