@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;900&display=swap");
body {
font-family: "Inter", sans-serif;
}
a, a:hover {
transition: 0.2s;
}
.container{
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 782px){
.container{
padding-left: 2rem;
padding-right: 2rem;
}
}
header{
position: relative;
z-index: 999;
--tw-bg-opacity: 1;
background-color: rgb(28 92 166 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
header .container{
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
header .container a.logo{
display: block;
}
header .container a.logo:hover{
opacity: 0.5;
}
header .container nav{
display: none;
}
@media (min-width: 782px){
header .container nav{
display: block;
}
}
header .container nav ul{
display: flex;
align-items: center;
justify-content: space-between;
gap: 2.5rem;
}
header .container nav ul li{
position: relative;
}
header .container nav ul li.has_children a{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
}
header .container nav ul li.has_children a:after {
content: "";
background-image: url(//educrea.cl/wp-content/themes/educrea-theme/images/caret-right-white.svg?5afaaa00052e774d40228c1659e86a69);
background-repeat: no-repeat;
background-position: center;
width: 12px;
height: 12px;
transform: rotate(90deg);
}
header .container nav ul li a{
display: block;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
header .container nav ul li a:hover{
text-decoration-line: underline;
}
header .container nav ul li ul{
position: absolute;
top: 100%;
left: 0px;
display: none;
min-width: 200px;
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
header .container nav ul li:hover ul{
display: block;
}
header .container nav ul li:hover ul li a{
white-space: nowrap;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
header .container .social{
display: none;
}
@media (min-width: 782px){
header .container .social{
display: block;
}
}
header .container .social ul{
display: flex;
align-items: center;
justify-content: flex-end;
gap: 0.5rem;
}
header .container .social ul li a{
display: block;
}
header .container .social ul li a img{
height: 1.25rem;
}
header .container .social ul li a:hover{
opacity: 0.5;
}
header .container button.menu-nav{
display: block;
}
@media (min-width: 782px){
header .container button.menu-nav{
display: none;
}
}
header .container button.menu-nav img{
height: 2rem;
width: 2rem;
}
header .container button.menu-nav img.button-open{
display: block;
}
header .container button.menu-nav img.button-close{
display: none;
}
body.home header {
background: none;
}
.menu-mobile{
position: fixed;
top: 0px;
left: -100%;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(28 92 166 / var(--tw-bg-opacity));
padding-top: 3rem;
padding-bottom: 3rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
height: 100dvh;
}
.menu-mobile.active{
left: 0px;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.menu-mobile button.menu-nav{
position: absolute;
top: 1rem;
right: 1rem;
}
.menu-mobile button.menu-nav img{
height: 2rem;
}
.menu-mobile .wrapper{
display: flex;
min-height: 100%;
flex-direction: column;
justify-content: space-between;
}
.menu-mobile nav ul{
display: flex;
flex-direction: column;
gap: 1rem;
}
.menu-mobile nav ul li a{
font-size: 1.125rem;
line-height: 1.75rem;
}
.menu-mobile .social ul{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
}
section.hero-archive {
background: var(--primary-gradient, linear-gradient(107deg, #1C5CA6 0%, rgba(28, 92, 166, 0.72) 100%));
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
section.hero-archive .container{
max-width: 90ch;
text-align: center;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
section.hero-archive .container h3{
margin: 0px;
}
section.hero-archive .container h1{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
}
@media (min-width: 782px){
section.hero-archive .container h1{
font-size: 3rem;
line-height: 1;
}
}
section.hero-archive .container p{
font-size: 1rem;
line-height: 1.5rem;
}
@media (min-width: 782px){
section.hero-archive .container p{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
section.hero-archive .container form{
margin-top: 1rem;
}
section.hero-archive .container form input{
width: 100%;
max-width: 36rem;
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
padding: 0.5rem;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
@media (min-width: 782px){
section.hero-archive .container form input{
width: 500px;
}
}
section.wrapper-archive{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
@media (min-width: 782px){
section.wrapper-archive{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
section.wrapper-archive article{
grid-column: span 1 / span 1;
}
@media (min-width: 782px){
section.wrapper-archive article{
grid-column: span 9 / span 9;
}
}
section.wrapper-archive article .row-posts{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
}
@media (min-width: 782px){
section.wrapper-archive article .row-posts{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
section.wrapper-archive aside{
grid-column: span 1 / span 1;
}
@media (min-width: 782px){
section.wrapper-archive aside{
grid-column: span 3 / span 3;
}
}
section.wrapper-archive aside h3{
margin-bottom: 0.5rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
}
section.wrapper-archive aside .search-row{
margin-bottom: 2rem;
}
section.wrapper-archive aside .search-row form input{
width: 100%;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
padding: 0.25rem;
}
section.wrapper-archive aside .category-row{
margin-bottom: 2rem;
}
section.wrapper-archive aside .category-row ul li a{
display: block;
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 0.5rem;
--tw-text-opacity: 1;
color: rgb(28 92 166 / var(--tw-text-opacity));
}
section.wrapper-archive aside .category-row ul li a:hover{
--tw-bg-opacity: 1;
background-color: rgb(28 92 166 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
section.wrapper-archive aside .banners a{
margin-bottom: 1rem;
display: block;
}
section.wrapper-archive aside .banners a img{
height: auto;
width: 100%;
border-radius: 0.5rem;
}
.content-post{
margin-bottom: 1.5rem;
}
.content-post h2{
margin-bottom: 0.5rem;
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 700;
}
.content-post h3{
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: 2rem;
}
.content-post a{
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity));
text-decoration-line: underline;
}
.content-post a:hover{
text-decoration-line: none;
}
.content-post ul{
margin-top: 1rem;
margin-bottom: 1rem;
list-style-position: inside;
list-style-type: disc;
}
.content-post ul li{
padding: 0.25rem;
}
.content-post ol{
margin-top: 1rem;
margin-bottom: 1rem;
list-style-position: inside;
list-style-type: decimal;
}
.content-post ol li{
padding: 0.25rem;
}
.content-post.h2-accordion h2{
position: relative;
cursor: pointer;
border-top-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(107 114 128 / var(--tw-border-opacity));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1rem;
padding-right: 3rem;
font-size: 1.25rem;
font-weight: 700;
}
.content-post.h2-accordion h2:first-child{
border-style: none;
}
.content-post.h2-accordion h2:after {
content: "+";
position: absolute;
top: 8px;
right: 1rem;
font-size: 1.5rem;
line-height: 2rem;
}
.content-post.h2-accordion h2.ui-accordion-header-active{
font-weight: 700;
}
.content-post.h2-accordion h2.ui-accordion-header-active:after {
content: "-";
}
.content-post.h2-accordion .ui-accordion-content{
padding-left: 1rem;
padding-right: 1rem;
}
.buttons-modal{
margin-top: 2rem;
margin-bottom: 2rem;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 0.5rem;
}
.buttons-modal button{
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(242 146 26 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.buttons-modal button:hover{
opacity: 0.8;
}
dialog.modal-dialog{
position: relative;
max-width: 56rem;
border-radius: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 2rem;
}
dialog.modal-dialog::backdrop{
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.5;
--tw-backdrop-blur: blur(1px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
dialog.modal-dialog button.close-modal{
position: absolute;
top: 1rem;
right: 1rem;
}
dialog.modal-dialog button.close-modal img{
height: 1rem;
width: 1rem;
}
dialog.modal-dialog button.close-modal:hover{
opacity: 0.6;
}
dialog.modal-dialog .row{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: center;
justify-content: center;
gap: 2rem;
}
@media (min-width: 782px){
dialog.modal-dialog .row{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
dialog.modal-dialog .row .col{
align-items: center;
justify-content: center;
padding-left: 3rem;
padding-right: 3rem;
}
@media (min-width: 782px){
dialog.modal-dialog .row .col{
padding-left: 0px;
padding-right: 0px;
}
}
dialog.modal-dialog .row .col:first-child{
display: flex;
justify-content: center;
}
dialog.modal-dialog .row .col img{
height: 300px;
width: auto;
}
dialog.modal-dialog .row .col h3{
margin-bottom: 1rem;
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(17 69 112 / var(--tw-text-opacity));
}
dialog.modal-dialog .row .col p{
margin-bottom: 1rem;
font-size: 1.125rem;
line-height: 1.75rem;
}
dialog.modal-dialog button.slick-arrow{
position: absolute;
z-index: 20;
height: 2rem;
width: 2rem;
background-size: contain;
background-repeat: no-repeat;
top: calc(50% - 24px);
font-size: 0;
}
dialog.modal-dialog button.slick-arrow.slick-prev{
left: 0px;
}
@media (min-width: 782px){
dialog.modal-dialog button.slick-arrow.slick-prev{
left: -1.5rem;
}
}
dialog.modal-dialog button.slick-arrow.slick-prev {
background-image: url(//educrea.cl/wp-content/themes/educrea-theme/images/slider-arrow-left.svg?f291fe3a9ec33fc97f96eaac41d38685);
}
dialog.modal-dialog button.slick-arrow.slick-next{
right: 0px;
}
@media (min-width: 782px){
dialog.modal-dialog button.slick-arrow.slick-next{
right: -1.5rem;
}
}
dialog.modal-dialog button.slick-arrow.slick-next {
background-image: url(//educrea.cl/wp-content/themes/educrea-theme/images/slider-arrow-right.svg?08bad436434d94ed4884c68419ee3cab);
}
dialog.modal-dialog button.slick-arrow:hover{
opacity: 0.7;
}
dialog.modal-dialog ul.slick-dots{
margin-top: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
}
dialog.modal-dialog ul.slick-dots li{
height: 0.75rem;
width: 0.75rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(233 238 247 / var(--tw-bg-opacity));
}
dialog.modal-dialog ul.slick-dots li button {
all: unset;
font-size: 0;
}
dialog.modal-dialog ul.slick-dots li.slick-active{
--tw-bg-opacity: 1;
background-color: rgb(17 69 112 / var(--tw-bg-opacity));
}
footer{
--tw-bg-opacity: 1;
background-color: rgb(17 69 112 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
footer .container{
margin-left: auto;
margin-right: auto;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
footer .row.first{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 0.5rem;
}
@media (min-width: 782px){
footer .row.first{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
footer .row.first .col{
grid-column: span 1 / span 1;
}
@media (min-width: 782px){
footer .row.first .col{
grid-column: span 2 / span 2;
}
footer .row.first .col:first-child{
grid-column-start: 1;
grid-column-end: 5;
}
}
footer .row.first .col h3{
margin-bottom: 0.5rem;
font-weight: 700;
}
footer .row.first .col p a:hover{
text-decoration-line: underline;
}
footer .row.first .col .social{
margin-bottom: 1rem;
}
footer .row.first .col .social ul{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
}
footer .row.first .col .social ul li a{
display: block;
}
footer .row.first .col .social ul li a img{
height: 1.5rem;
}
footer .row.first .col .social ul li a:hover{
opacity: 0.5;
}
footer .row.first .col ul li a:hover{
text-decoration-line: underline;
}
footer .row.last{
margin-top: 5rem;
text-align: center;
}
footer .row.last p{
font-size: 1rem;
line-height: 1.5rem;
}
section {
max-width: 100vw;
}
section.home-hero{
position: relative;
overflow: hidden;
background: var(--primary-gradient, linear-gradient(107deg, #1C5CA6 0%, rgba(28, 92, 166, 0.72) 100%));
margin-top: -6rem;
z-index: 1;
}
section.home-hero .container{
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
align-items: center;
gap: 2rem;
padding-top: 8rem;
padding-bottom: 8rem;
}
section.home-hero .container .col {
text-wrap: balance;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
section.home-hero .container .col:nth-child(1){
grid-column: span 12 / span 12;
}
@media (min-width: 782px){
section.home-hero .container .col:nth-child(1){
grid-column: span 7 / span 7;
}
}
section.home-hero .container .col:nth-child(2){
position: relative;
grid-column: span 12 / span 12;
}
@media (min-width: 782px){
section.home-hero .container .col:nth-child(2){
grid-column: span 5 / span 5;
}
}
section.home-hero .container .col:nth-child(2):before{
position: absolute;
z-index: 10;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
content: "";
display: block;
background-image: url(//educrea.cl/wp-content/themes/educrea-theme/images/hero-bg.svg?49925c2a3a0276c16dccf26102297292);
}
@media (min-width: 480px) {
section.home-hero .container .col:nth-child(2):before {
width: 130%;
height: 130%;
top: -15%;
left: -15%;
}
}
section.home-hero .container .col .data{
display: flex;
flex-direction: column;
gap: 1rem;
}
section.home-hero .container .col h1{
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 700;
}
@media (min-width: 782px){
section.home-hero .container .col h1{
font-size: 3rem;
line-height: 1;
}
}
section.home-hero .container .col h2{
font-size: 1.5rem;
line-height: 2rem;
}
@media (min-width: 782px){
section.home-hero .container .col h2{
font-size: 1.875rem;
line-height: 2.25rem;
}
}
section.home-hero .container .col p{
font-size: 1.25rem;
}
section.home-hero .container .col .row{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 1rem;
}
@media (min-width: 782px){
section.home-hero .container .col .row{
flex-direction: row;
align-items: center;
}
}
section.home-hero .container .col .row a:hover{
opacity: 0.7;
}
section.home-hero .container .col img.thumbnail{
position: relative;
z-index: 10;
height: auto;
width: 100%;
border-radius: 0.375rem;
}
section.home-hero .container .col .iframe {
position: relative;
z-index: 10;
}
section.home-hero .container .col .iframe iframe{
aspect-ratio: 16 / 9;
height: auto;
width: 100%;
border-radius: 0.5rem;
}
section.home-stats{
position: relative;
z-index: 20;
margin-top: -3rem;
}
section.home-stats .container .stats-container{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
}
@media (min-width: 782px){
section.home-stats .container .stats-container{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
section.home-stats .container .stats-container .stats-item{
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
border-radius: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 1rem;
padding-right: 1rem;
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
section.home-stats .container .stats-container .stats-item h4{
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(28 92 166 / var(--tw-text-opacity));
}
section.home-stats .container .stats-container .stats-item p{
max-width: 12ch;
font-size: 1rem;
line-height: 1rem;
}
section.home-clients{
padding-top: 2.5rem;
padding-bottom: 5rem;
}
section.home-clients .container h2{
text-align: center;
font-size: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(93 95 99 / var(--tw-text-opacity));
}
section.home-clients .container ul{
margin-top: 1.25rem;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 1rem;
}
section.home-clients .container ul li img{
height: 5rem;
width: auto;
}
section.home-clients .container .slider-clients{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
margin-left: auto;
margin-right: auto;
max-width: 56rem;
}
section.home-clients .container .slider-clients img{
margin-left: 0.5rem;
margin-right: 0.5rem;
}
section.home-why{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
section.home-why .container h2{
text-align: center;
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 782px){
section.home-why .container h2{
margin-bottom: 1.5rem;
text-align: left;
font-size: 2.25rem;
line-height: 2.5rem;
}
}
section.home-why .container h2 span{
--tw-text-opacity: 1;
color: rgb(28 92 166 / var(--tw-text-opacity));
text-decoration-line: underline;
}
section.home-why .cols-wrapper{
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
align-items: center;
gap: 2rem;
}
section.home-why .cols-wrapper .col:nth-child(1){
grid-column: span 12 / span 12;
}
@media (min-width: 782px){
section.home-why .cols-wrapper .col:nth-child(1){
grid-column: span 7 / span 7;
}
}
section.home-why .cols-wrapper .col:nth-child(2){
grid-column: span 12 / span 12;
padding: 1.25rem;
}
@media (min-width: 782px){
section.home-why .cols-wrapper .col:nth-child(2){
grid-column: span 5 / span 5;
}
}
section.home-why .cols-wrapper .col:nth-child(2) img{
display: block;
height: auto;
width: 100%;
}
section.home-why .cols-wrapper .col ul{
margin-top: 2rem;
}
@media (min-width: 782px){
section.home-why .cols-wrapper .col ul{
margin-top: 0px;
}
}
section.home-why .cols-wrapper .col ul li{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 1rem;
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
border-left-width: 4px;
border-color: transparent;
padding: 1.25rem;
}
section.home-why .cols-wrapper .col ul li .icon img{
height: 1.5rem;
width: auto;
}
section.home-why .cols-wrapper .col ul li .data{
flex: 1 1 0%;
}
section.home-why .cols-wrapper .col ul li .data h3{
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
}
section.home-why .cols-wrapper .col ul li .data p{
font-size: 1rem;
line-height: 1.5rem;
}
section.home-why .cols-wrapper .col ul li:hover{
border-left-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(28 92 166 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(233 238 247 / var(--tw-bg-opacity));
}
section.home-why #tabs-why{
margin-top: 2rem;
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
align-items: center;
gap: 2rem;
}
section.home-why #tabs-why ul{
grid-column: span 12 / span 12;
}
@media (min-width: 782px){
section.home-why #tabs-why ul{
grid-column: span 7 / span 7;
}
}
section.home-why #tabs-why ul li a{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 1rem;
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
border-left-width: 4px;
border-color: transparent;
padding: 1.25rem;
}
section.home-why #tabs-why ul li a .icon img{
height: 1.5rem;
width: auto;
}
section.home-why #tabs-why ul li a .data{
flex: 1 1 0%;
}
section.home-why #tabs-why ul li a .data h3{
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
}
section.home-why #tabs-why ul li a .data p{
font-size: 1rem;
line-height: 1.5rem;
}
section.home-why #tabs-why ul li a:hover{
border-left-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(28 92 166 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(233 238 247 / var(--tw-bg-opacity));
}
section.home-why #tabs-why .content{
grid-column: span 12 / span 12;
padding: 1.25rem;
}
@media (min-width: 782px){
section.home-why #tabs-why .content{
grid-column: span 5 / span 5;
}
}
section.home-offer{
--tw-bg-opacity: 1;
background-color: rgb(233 238 247 / var(--tw-bg-opacity));
padding-top: 5rem;
padding-bottom: 5rem;
}
section.home-offer .container h2{
text-align: center;
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: 700;
}
section.home-offer .container p{
text-align: center;
--tw-text-opacity: 1;
color: rgb(17 69 112 / var(--tw-text-opacity));
}
section.home-offer .container ul.offer{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
@media (min-width: 782px){
section.home-offer .container ul.offer{
gap: 1rem;
}
}
section.home-offer .container ul.offer li a{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 1rem;
border-radius: 1.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(28 92 166 / var(--tw-text-opacity));
}
@media (min-width: 782px){
section.home-offer .container ul.offer li a{
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 1.125rem;
line-height: 1.75rem;
}
}
section.home-offer .container ul.offer li a img{
height: 1rem;
width: auto;
}
@media (min-width: 782px){
section.home-offer .container ul.offer li a img{
height: 1rem;
}
}
section.home-offer .container ul.offer li a img {
filter: invert(22%) sepia(43%) saturate(4078%) hue-rotate(202deg) brightness(93%) contrast(78%);
}
section.home-offer .container ul.offer li a:hover{
opacity: 0.7;
}
section.home-offer .container .logos{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
}
section.home-offer .container .logos img{
height: 2.75rem;
width: auto;
}
section.home-offer .container p.small{
text-align: center;
font-size: 0.75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgb(93 95 99 / var(--tw-text-opacity));
}
@media (min-width: 782px){
section.home-offer .container p.small{
padding-left: 10rem;
padding-right: 10rem;
}
}
section.home-banner{
--tw-bg-opacity: 1;
background-color: rgb(233 238 247 / var(--tw-bg-opacity));
padding-top: 1rem;
padding-bottom: 1rem;
}
section.home-banner .container .home-banner-image{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
section.home-numbers{
--tw-bg-opacity: 1;
background-color: rgb(233 238 247 / var(--tw-bg-opacity));
padding-top: 4rem;
padding-bottom: 4rem;
}
@media (min-width: 782px){
section.home-numbers{
padding-top: 6rem;
padding-bottom: 6rem;
}
}
section.home-numbers .container h2{
text-align: center;
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: 700;
}
section.home-numbers .container p{
text-align: center;
--tw-text-opacity: 1;
color: rgb(17 69 112 / var(--tw-text-opacity));
}
section.home-numbers .container .cards{
margin-top: 2.5rem;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 1rem;
background-position: center;
background-repeat: no-repeat;
}
@media (min-width: 782px){
section.home-numbers .container .cards{
gap: 2.5rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
@media (min-width: 680px) {
section.home-numbers .container .cards {
background-image: url(//educrea.cl/wp-content/themes/educrea-theme/images/numbers-bg.svg?aec18c42961556c87d29112c707741b3);
background-size: contain;
}
}
section.home-numbers .container .cards .card{
display: flex;
width: 100%;
flex-direction: row;
gap: 1rem;
border-radius: 1rem;
padding: 1.25rem;
text-align: left;
}
@media (min-width: 782px){
section.home-numbers .container .cards .card{
width: 220px;
flex-direction: column;
}
}
section.home-numbers .container .cards .card h3{
font-size: 3rem;
line-height: 1;
font-weight: 700;
}
section.home-numbers .container .cards .card p{
max-width: 20ch;
text-align: left;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.25rem;
}
section.home-numbers .container .cards .card:nth-child(odd){
--tw-bg-opacity: 1;
background-color: rgb(244 211 175 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(242 146 26 / var(--tw-text-opacity));
}
@media (min-width: 782px){
section.home-numbers .container .cards .card:nth-child(odd){
margin-top: -2.5rem;
}
}
section.home-numbers .container .cards .card:nth-child(odd) h3, section.home-numbers .container .cards .card:nth-child(odd) p{
color: inherit;
}
section.home-numbers .container .cards .card:nth-child(even){
--tw-bg-opacity: 1;
background-color: rgb(228 229 235 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(17 69 112 / var(--tw-text-opacity));
}
@media (min-width: 782px){
section.home-numbers .container .cards .card:nth-child(even){
margin-top: 2.5rem;
}
}
section.home-numbers .container .cards .card:nth-child(even) h3, section.home-numbers .container .cards .card:nth-child(even) p{
color: inherit;
}
section.home-testimonials{
--tw-bg-opacity: 1;
background-color: rgb(233 238 247 / var(--tw-bg-opacity));
padding-top: 2.5rem;
}
section.home-testimonials .container{
position: relative;
z-index: 30;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: center;
gap: 2rem;
}
@media (min-width: 782px){
section.home-testimonials .container{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
section.home-testimonials .container .col:nth-child(1) .arrows{
margin-top: 1rem;
display: flex;
cursor: pointer;
align-items: center;
justify-content: flex-start;
gap: 1rem;
}
section.home-testimonials .container .col:nth-child(1) .arrows .arrow{
height: 3rem;
width: 3rem;
background-size: contain;
background-repeat: no-repeat;
}
section.home-testimonials .container .col:nth-child(1) .arrows .arrow.arrow-left {
background-image: url(//educrea.cl/wp-content/themes/educrea-theme/images/slider-arrow-left.svg?f291fe3a9ec33fc97f96eaac41d38685);
}
section.home-testimonials .container .col:nth-child(1) .arrows .arrow.arrow-right {
background-image: url(//educrea.cl/wp-content/themes/educrea-theme/images/slider-arrow-right.svg?08bad436434d94ed4884c68419ee3cab);
}
section.home-testimonials .container .col:nth-child(1) .arrows .arrow:hover{
opacity: 0.7;
}
section.home-testimonials .container .col .testimonial-slider{
position: relative;
margin-bottom: -2rem;
}
section.home-testimonials .container .col .testimonial-slider .testimonial-card{
position: relative;
z-index: 40;
border-radius: 1rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(249 250 251 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 1rem;
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
section.home-testimonials .container .col .testimonial-slider .testimonial-card .thumb{
width: 100%;
}
section.home-testimonials .container .col .testimonial-slider .testimonial-card .thumb img{
height: auto;
width: 100%;
}
section.home-topics{
padding-top: 5rem;
padding-bottom: 5rem;
max-width: 100vw;
overflow: hidden;
}
section.home-topics .container .slider-topics {
max-width: calc(100vw - 2rem);
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 1.5rem;
width: 100vw;
}
@media (min-width: 782px){
section.home-topics .container .slider-topics{
max-width: 100vw;
max-width: 960px;
}
}
section.home-topics .container .slider-topics .slick-slide {
margin: 0 1rem;
}
section.home-topics .container .slider-topics .slick-list {
margin: 0 -1rem;
}
section.home-topics .container button.slick-arrow{
position: absolute;
z-index: 20;
height: 3rem;
width: 3rem;
background-size: contain;
background-repeat: no-repeat;
top: calc(50% - 24px);
font-size: 0;
}
section.home-topics .container button.slick-arrow.slick-prev{
left: 0px;
}
@media (min-width: 782px){
section.home-topics .container button.slick-arrow.slick-prev{
left: -4rem;
}
}
section.home-topics .container button.slick-arrow.slick-prev {
background-image: url(//educrea.cl/wp-content/themes/educrea-theme/images/slider-arrow-left.svg?f291fe3a9ec33fc97f96eaac41d38685);
}
section.home-topics .container button.slick-arrow.slick-next{
right: 0px;
}
@media (min-width: 782px){
section.home-topics .container button.slick-arrow.slick-next{
right: -4rem;
}
}
section.home-topics .container button.slick-arrow.slick-next {
background-image: url(//educrea.cl/wp-content/themes/educrea-theme/images/slider-arrow-right.svg?08bad436434d94ed4884c68419ee3cab);
}
section.home-topics .container button.slick-arrow:hover{
opacity: 0.7;
}
section.home-topics .container ul.slick-dots{
margin-top: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
}
section.home-topics .container ul.slick-dots li{
height: 0.75rem;
width: 0.75rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(233 238 247 / var(--tw-bg-opacity));
}
section.home-topics .container ul.slick-dots li button {
all: unset;
font-size: 0;
}
section.home-topics .container ul.slick-dots li.slick-active{
--tw-bg-opacity: 1;
background-color: rgb(17 69 112 / var(--tw-bg-opacity));
}
section.home-community{
--tw-bg-opacity: 1;
background-color: rgb(233 238 247 / var(--tw-bg-opacity));
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
section.home-community .container{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 2.5rem;
}
@media (min-width: 782px){
section.home-community .container{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
section.home-community .container .col:nth-child(1){
grid-column: span 7 / span 7;
}
section.home-community .container .col:nth-child(2){
grid-column: span 5 / span 5;
margin-top: -5rem;
}
}
section.home-community .container .col .card{
border-radius: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 1.5rem;
}
section.home-community .container .col .card h3{
font-size: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(28 92 166 / var(--tw-text-opacity));
}
section.home-community .container .col .card p{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
--tw-text-opacity: 1;
color: rgb(93 95 99 / var(--tw-text-opacity));
}
article h1{
margin-bottom: 1rem;
font-size: 3rem;
line-height: 1;
font-weight: 700;
}
article .tagline{
--tw-text-opacity: 1;
color: rgb(28 92 166 / var(--tw-text-opacity));
}
article p{
margin-bottom: 1rem;
}
.contact-boxes{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.contact-boxes p{
text-align: center;
}
.contact-boxes .boxes{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
}
@media (min-width: 782px){
.contact-boxes .boxes{
flex-direction: row;
}
}
.contact-boxes .boxes .box{
width: 100%;
}
@media (min-width: 782px){
.contact-boxes .boxes .box{
width: 45%;
}
}
.contact-boxes .boxes .box a{
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.5rem;
border-radius: 0.375rem;
border-width: 1px;
padding: 2.5rem;
text-align: center;
}
@media (min-width: 782px){
.contact-boxes .boxes .box a{
min-height: 300px;
}
}
.contact-boxes .boxes .box a img{
margin-left: auto;
margin-right: auto;
height: 2.25rem;
width: auto;
}
.contact-boxes .boxes .box a h3{
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
}
.contact-boxes .boxes .box a .button{
margin-left: auto;
margin-right: auto;
display: flex;
place-items: center;
justify-content: center;
gap: 0.75rem;
border-radius: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(242 146 26 / var(--tw-bg-opacity));
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 2rem;
padding-right: 2rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
@media (min-width: 782px){
.contact-boxes .boxes .box a .button{
opacity: 0;
}
}
.contact-boxes .boxes .box a .button {
margin-top: -4rem;
}
.contact-boxes .boxes .box a .button img{
height: 1rem;
}
.contact-boxes .boxes .box a:hover{
--tw-border-opacity: 1;
border-color: rgb(242 146 26 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(242 146 26 / var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.contact-boxes .boxes .box a:hover img.icon {
filter: invert(62%) sepia(32%) saturate(1946%) hue-rotate(351deg) brightness(100%) contrast(91%);
}
.contact-boxes .boxes .box a:hover .button{
visibility: visible;
top: 0px;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
@media (min-width: 782px){
.contact-boxes .boxes .box a:hover .button{
opacity: 1;
}
}
.contact-boxes .boxes .box a:hover .button {
margin-top: 0;
}
section.block-contact{
--tw-bg-opacity: 1;
background-color: rgb(233 238 247 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
section.block-contact .container{
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
justify-content: center;
gap: 1rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
@media (min-width: 782px){
section.block-contact .container{
flex-direction: row;
gap: 5rem;
}
}
section.block-contact .map iframe{
width: 100%;
}
.single-top{
text-align: center;
}
@media (min-width: 782px){
.single-top{
padding-left: 10%;
padding-right: 10%;
}
}
.single-top p.category{
font-size: 1.125rem;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: rgb(28 92 166 / var(--tw-text-opacity));
}
@media (min-width: 782px){
.single-top p.category{
font-size: 1.25rem;
}
}
.single-top h1{
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
}
@media (min-width: 782px){
.single-top h1{
font-size: 2.25rem;
line-height: 2.5rem;
}
}
.single-top p.date{
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
@media (min-width: 782px){
.single-top p.date{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
.single-top p.date {
min-height: 40px;
}
.featured-image{
position: relative;
z-index: 10;
}
.featured-image img{
height: auto;
width: 100%;
border-radius: 0.375rem;
}
.single-content{
position: relative;
z-index: 20;
margin-left: auto;
margin-right: auto;
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 0px;
padding-top: 1rem;
}
@media (min-width: 782px){
.single-content{
top: -2rem;
width: 80%;
padding: 1rem;
}
}
.single-content img{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
height: auto;
width: 100%;
border-radius: 0.25rem;
}
.single-content .iframe {
position: relative;
z-index: 10;
}
.single-content .iframe iframe{
aspect-ratio: 16 / 9;
width: 100%;
border-radius: 0.5rem;
}
section.related{
margin-top: 2.5rem;
}
@media (min-width: 782px){
section.related{
margin-top: 1rem;
}
}
section.related h3{
margin-bottom: 1rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 600;
}
section.related .grid-posts{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
}
@media (min-width: 782px){
section.related .grid-posts{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.row-share{
margin-top: 2rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
@media (min-width: 782px){
.row-share{
flex-direction: row;
}
}
section.hero-topic {
background: var(--primary-gradient, linear-gradient(107deg, #1C5CA6 0%, rgba(28, 92, 166, 0.72) 100%));
position: relative;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
section.hero-topic .container{
position: relative;
z-index: 10;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: center;
gap: 2rem;
padding-top: 4rem;
padding-bottom: 4rem;
}
@media (min-width: 782px){
section.hero-topic .container{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
section.hero-topic .container .col{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
text-wrap: balance;
}
section.hero-topic .container .col:nth-child(1){
grid-column: span 12 / span 12;
}
@media (min-width: 782px){
section.hero-topic .container .col:nth-child(1){
grid-column: span 8 / span 8;
}
}
section.hero-topic .container .col:nth-child(2){
grid-column: span 12 / span 12;
}
@media (min-width: 782px){
section.hero-topic .container .col:nth-child(2){
grid-column: span 4 / span 4;
}
}
section.hero-topic .container .col h1{
margin-bottom: 1rem;
font-size: 3rem;
line-height: 1;
font-weight: 700;
}
section.hero-topic .container .col p{
font-size: 1.125rem;
line-height: 1.75rem;
}
section.hero-topic .container .col img{
height: auto;
width: 100%;
border-radius: 0.5rem;
}
section.hero-topic .container .col .iframe {
position: relative;
z-index: 10;
}
section.hero-topic .container .col .iframe iframe{
aspect-ratio: 16 / 9;
height: auto;
width: 100%;
border-radius: 0.5rem;
}
section.hero-topic .bg{
position: absolute;
inset: 0px;
z-index: 0;
height: 100%;
width: 100%;
}
section.hero-topic .bg img{
inset: 0px;
z-index: 10;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
section.hero-topic .bg:before{
position: absolute;
inset: 0px;
z-index: 20;
display: block;
height: 100%;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(28 92 166 / var(--tw-bg-opacity));
opacity: 0.7;
content: "";
}
section.faq-wrapper h2{
margin-bottom: 1rem;
font-size: 1.875rem;
line-height: 2.25rem;
}
section.faq-wrapper #accordion h3{
position: relative;
cursor: pointer;
border-top-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(107 114 128 / var(--tw-border-opacity));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1rem;
padding-right: 3rem;
font-size: 1.25rem;
font-weight: 700;
}
section.faq-wrapper #accordion h3:first-child{
border-style: none;
}
section.faq-wrapper #accordion h3:after {
content: "+";
position: absolute;
top: 8px;
right: 1rem;
font-size: 1.5rem;
line-height: 2rem;
}
section.faq-wrapper #accordion h3.ui-accordion-header-active{
font-weight: 700;
}
section.faq-wrapper #accordion h3.ui-accordion-header-active:after {
content: "-";
}
section.faq-wrapper #accordion a{
--tw-text-opacity: 1;
color: rgb(28 92 166 / var(--tw-text-opacity));
text-decoration-line: underline;
}
section.faq-wrapper #accordion a:hover{
text-decoration-color: #fff;
}
section.faq-wrapper #accordion div{
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
}
section.topic-row{
padding-top: 2rem;
padding-bottom: 2rem;
}
section.topic-row .row{
margin-bottom: 1rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
section.topic-row .row h3{
font-size: 1.875rem;
line-height: 2.25rem;
}
section.topic-row .row a{
font-size: 1rem;
line-height: 1.5rem;
text-decoration-line: underline;
}
section.topic-row .row a:hover{
text-decoration-color: #fff;
}
section.topic-row .grid-posts{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
}
@media (min-width: 782px){
section.topic-row .grid-posts{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
section.hero-community{
position: relative;
}
section.hero-community .container{
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2rem;
padding-top: 4rem;
padding-bottom: 4rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 782px){
section.hero-community .container{
flex-direction: row;
}
section.hero-community .container .col:nth-child(1){
max-width: 42rem;
}
}
section.hero-community .container .col h1{
margin-bottom: 1rem;
font-size: 3rem;
line-height: 1;
font-weight: 700;
}
section.hero-community .container .col p{
font-size: 1.125rem;
line-height: 1.75rem;
}
section.hero-community .container .col img{
height: auto;
max-height: 10rem;
width: 100%;
}
section.hero-community .bg{
position: absolute;
inset: 0px;
z-index: 0;
height: 100%;
width: 100%;
}
section.hero-community .bg img{
inset: 0px;
z-index: 10;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
section.hero-community .bg:before{
position: absolute;
inset: 0px;
z-index: 20;
display: block;
height: 100%;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(28 92 166 / var(--tw-bg-opacity));
opacity: 0.7;
content: "";
}
.row-archive{
margin-bottom: 1rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
}
@media (min-width: 782px){
.row-archive{
flex-direction: row;
}
}
.row-archive h3{
font-size: 1.875rem;
line-height: 2.25rem;
}
.row-archive a{
font-size: 1rem;
line-height: 1.5rem;
text-decoration-line: underline;
}
.row-archive a:hover{
text-decoration-color: #fff;
}
.block-podcast{
margin-bottom: 1rem;
display: flex;
flex-direction: column-reverse;
align-items: center;
justify-content: flex-start;
gap: 1rem;
border-radius: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(233 238 247 / var(--tw-bg-opacity));
padding-top: 1.25rem;
padding-bottom: 1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
@media (min-width: 782px){
.block-podcast{
flex-direction: row;
justify-content: center;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
.block-podcast .data{
flex: 1 1 0%;
}
.block-podcast .data h2{
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 700;
}
.block-podcast .data p{
font-size: 1.5rem;
line-height: 2rem;
}
.block-podcast .data .links{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
}
@media (min-width: 782px){
.block-podcast .data .links{
flex-direction: row;
}
}
.block-podcast .data .links a{
display: flex;
width: 100%;
align-items: center;
justify-content: center;
gap: 0.5rem;
border-radius: 0.5rem;
padding: 0.5rem;
text-align: center;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.block-podcast .data .links a.text-link{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
text-decoration-line: underline;
}
.block-podcast .data .links a.text-link:hover{
text-decoration-line: none;
}
.block-podcast .data .links a:hover{
opacity: 0.7;
}
.block-links{
border-radius: 1rem;
padding: 2rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.block-links h2{
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: 700;
}
.block-links p{
margin-top: 1rem;
margin-bottom: 1rem;
}
.block-links a{
display: flex;
justify-content: flex-end;
gap: 0.5rem;
text-decoration-line: underline;
}
.block-links a:hover{
text-decoration-line: none;
}
a.button.action{
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(242 146 26 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
a.button.text-button{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
text-decoration-line: underline;
}
a.button.text-button img{
height: 1rem;
width: auto;
}
section.breadcrumbs{
--tw-bg-opacity: 1;
background-color: rgb(210 215 223 / var(--tw-bg-opacity));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgb(14 14 16 / var(--tw-text-opacity));
}
section.breadcrumbs .container{
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 0.25rem;
}
@media (min-width: 782px){
section.breadcrumbs .container{
gap: 0.5rem;
}
}
section.breadcrumbs .container a{
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(28 92 166 / var(--tw-text-opacity));
}
section.breadcrumbs .container a:hover{
--tw-text-opacity: 1;
color: rgb(17 69 112 / var(--tw-text-opacity));
}
section.breadcrumbs .container span{
font-weight: 400;
}
section.wrapper-page{
position: relative;
margin-left: auto;
margin-right: auto;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 2rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
@media (min-width: 782px){
section.wrapper-page{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
section.wrapper-page aside:first-child{
height: 100%;
}
@media (min-width: 782px){
section.wrapper-page aside:first-child{
grid-column-start: 1;
grid-column-end: 3;
}
}
section.wrapper-page aside:first-child nav{
display: none;
}
@media (min-width: 782px){
section.wrapper-page aside:first-child nav{
position: sticky;
top: 0.5rem;
display: block;
}
}
section.wrapper-page aside:first-child nav ul{
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 0.25rem;
}
section.wrapper-page aside:first-child nav ul li a{
display: block;
border-radius: 0.25rem;
padding: 0.75rem;
--tw-text-opacity: 1;
color: rgb(17 69 112 / var(--tw-text-opacity));
}
section.wrapper-page aside:first-child nav ul li a:hover{
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
section.wrapper-page aside:first-child nav ul li.current-page a{
--tw-bg-opacity: 1;
background-color: rgb(17 69 112 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
section.wrapper-page aside:first-child select{
width: 100%;
padding: 1rem;
}
@media (min-width: 782px){
section.wrapper-page aside:first-child select{
visibility: hidden;
}
section.wrapper-page article{
grid-column-start: 3;
grid-column-end: 11;
}
}
section.wrapper-page article.full-width{
display: grid;
gap: 2rem;
}
@media (min-width: 782px){
section.wrapper-page article.full-width{
grid-column-start: 3;
grid-column-end: 13;
grid-template-columns: repeat(10, minmax(0, 1fr));
}
section.wrapper-page article.full-width .post-body{
grid-column: span 6 / span 6;
}
}
section.wrapper-page article.full-width .post-body h3.excerpt{
margin-bottom: 1rem;
font-size: 1.125rem;
line-height: 1.75rem;
}
@media (min-width: 782px){
section.wrapper-page article.full-width aside{
grid-column: span 4 / span 4;
}
}
section.wrapper-page article.full-width aside .featured .iframe {
position: relative;
z-index: 10;
}
section.wrapper-page article.full-width aside .featured .iframe iframe{
aspect-ratio: 16 / 9;
height: auto;
width: 100%;
border-radius: 0.5rem;
}
section.wrapper-page article.full-width aside .includes{
padding-top: 1rem;
padding-bottom: 1rem;
}
section.wrapper-page article.full-width aside .includes p{
margin: 0px;
font-weight: 700;
}
section.wrapper-page article.full-width aside .includes ul{
--tw-text-opacity: 1;
color: rgb(28 92 166 / var(--tw-text-opacity));
}
section.wrapper-page article.full-width aside .includes ul li{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
section.wrapper-page article.full-width aside a.button, section.wrapper-page article.full-width aside button{
position: relative;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
display: flex;
width: 100%;
justify-content: center;
gap: 0.5rem;
border-radius: 0.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
section.wrapper-page article.full-width aside a.button.comprar, section.wrapper-page article.full-width aside button.comprar{
--tw-bg-opacity: 1;
background-color: rgb(28 92 166 / var(--tw-bg-opacity));
}
section.wrapper-page article.full-width aside a.button.cotizar, section.wrapper-page article.full-width aside button.cotizar{
--tw-bg-opacity: 1;
background-color: rgb(242 146 26 / var(--tw-bg-opacity));
}
section.wrapper-page article.full-width aside a.button.with-arrow:before, section.wrapper-page article.full-width aside button.with-arrow:before{
position: absolute;
right: 1rem;
height: 1rem;
width: 1rem;
content: "";
background-image: url(//educrea.cl/wp-content/themes/educrea-theme/images/caret-right-white.svg?5afaaa00052e774d40228c1659e86a69);
background-repeat: no-repeat;
background-position: center;
top: calc(50% - 8px);
transform: rotate(90deg);
}
section.wrapper-page article.full-width aside a.button.with-arrow.active:before, section.wrapper-page article.full-width aside button.with-arrow.active:before {
transform: rotate(270deg);
}
section.wrapper-page article.full-width aside a.button:hover, section.wrapper-page article.full-width aside button:hover{
opacity: 0.7;
}
section.wrapper-page article.full-width aside .more-info{
visibility: hidden;
margin: 0px;
display: flex;
flex-direction: column;
gap: 0.5rem;
text-align: center;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
section.wrapper-page article.full-width aside .more-info p{
margin: 0px;
}
section.wrapper-page article.full-width aside .more-info a:hover {
text-decoration: underline;
}
section.wrapper-page article.full-width aside .more-info.active{
visibility: visible;
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(242 146 26 / var(--tw-border-opacity));
padding: 1rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
section.wrapper-page aside:last-child{
grid-column: span 1 / span 1;
}
@media (min-width: 782px){
section.wrapper-page aside:last-child{
grid-column: span 3 / span 3;
grid-column-start: 11;
}
}
section.wrapper-page aside:last-child h3{
margin-bottom: 0.5rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
}
section.wrapper-page aside:last-child .search-row{
margin-bottom: 2rem;
}
section.wrapper-page aside:last-child .search-row form input{
width: 100%;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
padding: 0.25rem;
}
section.wrapper-page aside:last-child .category-row{
margin-bottom: 2rem;
}
section.wrapper-page aside:last-child .category-row ul li a{
display: block;
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 0.5rem;
--tw-text-opacity: 1;
color: rgb(28 92 166 / var(--tw-text-opacity));
}
section.wrapper-page aside:last-child .category-row ul li a:hover{
--tw-bg-opacity: 1;
background-color: rgb(28 92 166 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
section.wrapper-page aside:last-child .banners a{
margin-bottom: 1rem;
display: block;
}
section.wrapper-page aside:last-child .banners a img{
height: auto;
width: 100%;
border-radius: 0.5rem;
}
section.full-width article{
max-width: 100%;
}
section.full-width article iframe{
width: 100%;
}
section.newsletter{
--tw-bg-opacity: 1;
background-color: rgb(28 92 166 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
section.newsletter .container{
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
padding-top: 2.5rem;
}
@media (min-width: 782px){
section.newsletter .container{
flex-direction: row;
gap: 4rem;
padding-top: 0px;
}
}
section.newsletter .container .col h4{
font-size: 1.5rem;
line-height: 2rem;
}
section.newsletter .container .col form{
margin-top: 1rem;
display: flex;
align-items: center;
justify-content: center;
gap: 0px;
overflow: hidden;
border-radius: 0.375rem;
}
section.newsletter .container .col form input{
width: 10rem;
padding: 0.5rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 782px){
section.newsletter .container .col form input{
width: 20rem;
}
}
section.newsletter .container .col form button{
--tw-bg-opacity: 1;
background-color: rgb(242 146 26 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 2rem;
padding-right: 2rem;
text-align: center;
}
section.newsletter .container .col form button:hover{
--tw-bg-opacity: 1;
background-color: rgb(217 119 6 / var(--tw-bg-opacity));
}
section.newsletter .container .col img{
margin-top: 2rem;
}
section.testimonials{
--tw-bg-opacity: 1;
background-color: rgb(233 238 247 / var(--tw-bg-opacity));
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
section.testimonials .container{
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
align-items: center;
gap: 2rem;
}
section.testimonials .container .col:nth-child(1){
grid-column-start: 1;
grid-column-end: 13;
}
@media (min-width: 782px){
section.testimonials .container .col:nth-child(1){
grid-column-start: 3;
grid-column-end: 8;
}
}
section.testimonials .container .col:nth-child(2){
grid-column-start: 1;
grid-column-end: 13;
}
@media (min-width: 782px){
section.testimonials .container .col:nth-child(2){
grid-column-start: 8;
grid-column-end: 11;
}
}
section.testimonials .container .col h3{
font-size: 1.25rem;
--tw-text-opacity: 1;
color: rgb(28 92 166 / var(--tw-text-opacity));
}
section.testimonials .container .col h2{
font-size: 1.875rem;
line-height: 2.25rem;
}
section.testimonials .container .col button {
all: unset;
}
.tags{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
}
.tags .tag{
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(28 92 166 / var(--tw-bg-opacity));
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
font-size: 10px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
text-decoration-line: none;
}
.tags .tag.action{
--tw-bg-opacity: 1;
background-color: rgb(242 146 26 / var(--tw-bg-opacity));
}
.tags .tag.big{
border-radius: 0.375rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1rem;
padding-right: 1rem;
}
.tags .tag span{
margin-left: 0.5rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 0.25rem;
font-size: 0.75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.tags .tag-hover{
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(28 92 166 / var(--tw-bg-opacity));
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
font-size: 10px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
text-decoration-line: none;
}
.tags .tag-hover:hover{
cursor: pointer;
--tw-bg-opacity: 1;
background-color: rgb(242 146 26 / var(--tw-bg-opacity));
}
.tags .tag-hover.action{
--tw-bg-opacity: 1;
background-color: rgb(242 146 26 / var(--tw-bg-opacity));
}
.tags .tag-hover.big{
border-radius: 0.375rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1rem;
padding-right: 1rem;
}
.tags .tag-hover span{
margin-left: 0.5rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 0.25rem;
font-size: 0.75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.tags .tag-button{
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(242 146 26 / var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.tags .tag-button:hover, .tags .tag-button.active{
--tw-bg-opacity: 1;
background-color: rgb(17 69 112 / var(--tw-bg-opacity));
}
.pagination{
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
}
.pagination .pagination-previous, .pagination .pagination-next{
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
padding: 0.5rem;
}
.pagination .pagination-previous[disabled], .pagination .pagination-next[disabled]{
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.pagination .pagination-previous:hover, .pagination .pagination-next:hover{
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(28 92 166 / var(--tw-border-opacity));
}
.pagination .pagination-list{
display: flex;
}
.pagination .pagination-list a.pagination-link{
padding: 0.5rem;
}
.pagination .pagination-list a.pagination-link:hover{
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(28 92 166 / var(--tw-border-opacity));
}
.pagination .pagination-list a.pagination-link.is-current{
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(28 92 166 / var(--tw-text-opacity));
}
#local-modal{
position: fixed;
max-width: 56rem;
border-radius: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
overscroll-behavior: contain;
}
#local-modal::backdrop{
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.5;
--tw-backdrop-blur: blur(1px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
overscroll-behavior: contain;
}
#local-modal button.close-modal{
position: absolute;
top: 1rem;
right: 1rem;
}
#local-modal button.close-modal img{
height: 1rem;
width: 1rem;
}
#local-modal button.close-modal:hover{
opacity: 0.6;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}