@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,200;1,6..12,300;1,6..12,400;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,900;1,6..12,1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Borel&display=swap');

body {
    font-family: 'Nunito Sans', sans-serif;
}

.bg-color-green {
    background-color: #82c991;
}

.seccion-1 .container{
    height: 25px;
}

/*  */
/*  */
/*  */
.seccion-2 .container img.logo {
    width: 100%;
}

.seccion-2 .container .nav-item .nav-link {
    color: #444445;
    font-size: 20px;
    font-weight: 600;
}

@media (min-width: 992px) {
    .seccion-2 .container img.logo {
        width: auto;
    }
}

/*  */
/*  */
/*  */
.seccion-3 article {
    margin: 0 5px;
}

.seccion-3 img {
    border-radius: 20px;
    width: 100%;
    height: 230px;
    object-fit: cover;
}

@media (min-width: 992px) {
    .seccion-3 img {
        border-radius: 20px;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}

/*  */
/*  */
/*  */
.seccion-4 h1 {
    color:#e85f59;
    font-size:28px;
    font-weight:400;
    font-family: 'Fredoka One', cursive;
}

.seccion-4 h1 span {
    color:#e85f59;
}

.seccion-4 h1 span i {
    font-size:16px;
}

.seccion-4 p {
    font-size:16px;
    line-height:24px;
    color:#6b6b6b;
}

@media (min-width: 992px) {
    .seccion-4 h1 {
        color:#e85f59;
        font-size:48px;
        font-weight:400;
        font-family: 'Fredoka One', cursive;
    }
    .seccion-4 h1 span i {
        font-size:26px;
    }
    .seccion-4 p {
        font-size:23px;
        line-height:32px;
        color:#6b6b6b;
    }
}


/*  */
/*  */
/*  */
.ztl-widget-circledos img {
    height: 90px;
    max-height: 80%;
}

.ztl-widget-circledos {
    position: relative;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    margin: 1rem auto;
    line-height: 110px;
    text-align: center;
}

.ztl-widget-circle {
    position: relative;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    margin: 1rem auto;
    line-height: 110px;
    text-align: center;
}

.ztl-widget-circle img {
    height: 60px;
    max-height: 50%;
}

.item:hover .ztl-item-circle-edge {
    -webkit-transform: scale(1);
    transform: scale(1);
    display: block;
    opacity: 1;
}

.ztl-item-circle-edge {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-sizing: content-box;
    top: -5px;
    left: -5px;
    box-shadow: 0 0 0 5px #000;
    -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
    transition: opacity 0.25s, -webkit-transform 0.25s;
    transition: transform 0.25s, opacity 0.25s;
    transition: transform 0.25s, opacity 0.25s, -webkit-transform 0.25s;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.ztl-widget-circle-title {
    width: 100%;
    text-align: center;
    margin: 2rem 0;
    font-size: 28px;
    line-height: 1.2;
    word-spacing: 999px;
    font-family: 'Salsa', cursive;
}

.seccion-5 .item:nth-child(1) .ztl-widget-circle{
    background-color:#667abb;
    color:#f25141;
}

.seccion-5 .item:nth-child(1) .ztl-item-circle-edge{
    box-shadow: 0 0 0 4px #3b569b;
}

.seccion-5 .item:nth-child(1) h3 {
    font-size:35px;
    color:#667abb;
    font-family: 'Fredoka One', cursive;
}

.seccion-5 .item:nth-child(1) p {
    font-size:23px;
    line-height:25px;
    color:#6b6b6b;
    font-family: 'Nunito Sans', sans-serif;
}

.seccion-5 .item:nth-child(1) p span {
    color:#3b569b;
}

.seccion-5 .item:nth-child(2) .ztl-widget-circle {
    background-color:#f4da62;
    color:#dd922d;
}

.seccion-5 .item:nth-child(2) .ztl-item-circle-edge{
    box-shadow: 0 0 0 4px #dd922d;
}

.seccion-5 .item:nth-child(2) h3 {
    font-size:35px;
    color:#dd922d;
    font-family: 'Fredoka One', cursive;
}

.seccion-5 .item:nth-child(2) p {
    font-size:23px;
    line-height:25px;
    color:#6b6b6b;
    font-family: 'Nunito Sans', sans-serif;
}

.seccion-5 .item:nth-child(2) p span {
    color:#dd922d;
}

.seccion-5 .item:nth-child(3) .ztl-widget-circle {
    background-color:#f25141;
    color:#f25141;
}

.seccion-5 .item:nth-child(3) .ztl-item-circle-edge{
    box-shadow: 0 0 0 4px #c02b2c;
}

.seccion-5 .item:nth-child(3) h3 {
    font-size:35px;
    color:#ea5b5c;
    font-family: 'Fredoka One', cursive;
}

.seccion-5 .item:nth-child(3) p {
    font-size:23px;
    line-height:25px;
    color:#6b6b6b;
    font-family: 'Nunito Sans', sans-serif;
}

.seccion-5 .item:nth-child(3) p span {
    color:#c02b2c;
}

.seccion-5 .item:nth-child(4) .ztl-widget-circledos {
    background-color:#bb71af;
    color:#94418a;
}

.seccion-5 .item:nth-child(4) .ztl-item-circle-edge{
    box-shadow: 0 0 0 4px #94418a;
}

.seccion-5 .item:nth-child(4) h3 {
    font-size:35px;
    color:#bb71af;
    font-family: 'Fredoka One', cursive;
}

.seccion-5 .item:nth-child(4) p {
    font-size:23px;
    line-height:25px;
    color:#6b6b6b;
    font-family: 'Nunito Sans', sans-serif;
}

.seccion-5 .item:nth-child(4) p span {
    color:#94418a;
}

.seccion-5 .item:nth-child(5) .ztl-widget-circledos {
    background-color:#eca168;
    color:#eca168;
}

.seccion-5 .item:nth-child(5) .ztl-item-circle-edge{
    box-shadow: 0 0 0 4px #c37036;
}

.seccion-5 .item:nth-child(5) h3 {
    font-size:35px;
    color:#eca168;
    font-family: 'Fredoka One', cursive;
}

.seccion-5 .item:nth-child(5) p {
    font-size:23px;
    line-height:25px;
    color:#6b6b6b;
    font-family: 'Nunito Sans', sans-serif;
}

.seccion-5 .item:nth-child(5) p span {
    color:#c37036;
}

.seccion-5 .item:nth-child(6) .ztl-widget-circledos {
    background-color:#82c991;
    color:#82c991;
}

.seccion-5 .item:nth-child(6) .ztl-item-circle-edge{
    box-shadow: 0 0 0 4px #4aa159;
}

.seccion-5 .item:nth-child(6) h3 {
    font-size:35px;
    color:#82c991;
    font-family: 'Fredoka One', cursive;
}

.seccion-5 .item:nth-child(6) p {
    font-size:23px;
    line-height:25px;
    color:#6b6b6b;
    font-family: 'Nunito Sans', sans-serif;
}

.seccion-5 .item:nth-child(6) p span {
    color:#4aa159;
}

/*  */
/*  */
/*  */
.seccion-6 .msc {
    z-index: 1;
    height: 480px;
    border-radius: 20px;
    margin: 0 10px;
}

.seccion-6 .carousel-item:nth-child(1) .msc{
    background-image: url('../img/talleres/fondo_MSC_huerto.jpg');
}

.seccion-6 .carousel-item:nth-child(2) .msc{
    background-image: url('../img/talleres/fondo_MSC_cocina.jpg');
}

.seccion-6 .carousel-item:nth-child(3) .msc{
    background-image: url('../img/talleres/fondo_MSC_deportes.jpg');
}

.seccion-6 .carousel-item:nth-child(4) .msc{
    background-image: url('../img/talleres/fondo_MSC_disfraz.jpg');
}

.seccion-6 .carousel-item:nth-child(5) .msc{
    background-image: url('../img/talleres/fondo_MSC_apoyoEscolar.jpg');
}

.seccion-6 .carousel-item:nth-child(6) .msc{
    background-image: url('../img/talleres/fondo_MSC_arte.jpg');
}

.seccion-6 .carousel-item:nth-child(7) .msc{
    background-image: url('../img/talleres/fondo_MSC_idiomas.jpg');
}

.seccion-6 .carousel-item:nth-child(8) .msc{
    background-image: url('../img/talleres/fondo_MSC_yoga.jpg');
}

.seccion-6 .carousel-item:nth-child(9) .msc{
    background-image: url('../img/talleres/fondo_MSC_cuentacuento.jpg');
}

.seccion-6 .msc img {
    z-index: 2;
    height: 250px;
    width: 230px;
    object-fit: cover;
    margin: 10% 2%;
    border: 2px solid white;
    border-radius: 20px;
}

.seccion-6 .msc h1 {
    margin: 5% 2%;
    font-family: 'Borel', cursive;
    color: white;
    font-size: 2rem;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, .40);
    text-decoration: underline;
    text-decoration-color: aliceblue;
}

@media (min-width: 992px) {
    .seccion-6 .msc {
        z-index: 1;
        height: 473px;
        width: auto;
        border-radius: 20px;
        margin: 0 10px;
    }
    .seccion-6 .msc img {
        z-index: 2;
        height: 400px;
        width: 370px;
        object-fit: cover;
        margin: 0 2%;
        border: 2px solid white;
        border-radius: 20px;
    }
    .seccion-6 .msc h1 {
        margin: 0;
        margin-bottom: 20px;
        font-family: 'Borel', cursive;
        color: white;
        font-size: 3.5rem;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, .40);
        position: relative;
    }

    .seccion-6 .msc h1::after {
        background: linear-gradient(300deg, #3b569b 0%, #ea5b5c 100%);
        content: "";
        position: absolute;
        bottom: 25px;
        left: 0;
        height: 5px;
        width: 100%;
        -webkit-mask:repeating-linear-gradient(to right,#fff 0 7px,transparent 0 9px);
                mask:repeating-linear-gradient(to right,#fff 0 7px,transparent 0 9px);
    }
}

/*  */
/*  */
/*  */
.seccion-7 h1 {
    color:#e85f59;
    font-size:28px;
    font-weight:400;
    font-family: 'Fredoka One', cursive;
}

.seccion-7 h1 span {
    color:#e85f59;
}

.seccion-7 h1 span i {
    font-size:16px;
}

.seccion-7 p {
    font-size:16px;
    line-height:24px;
    color:#6b6b6b;
}

.seccion-7 .plan {
    border-radius: 20px;
    width: 100%;
    height: 120px;
}

.seccion-7 .plan.verde {
    color: #366d41;
    background: #82c991;
}

.seccion-7 .plan.amarillo {
    color: #dd922d;
    background: #f4da63;
}

.seccion-7 .plan.morado {
    color: #923a92;
    background: #bb72af;
}

.seccion-7 .txt-plan h2 {
    font-weight: 900;
    font-size: 2rem;
}

.seccion-7 .txt-plan span {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 28px;
}

@media (min-width: 992px) {
    .seccion-7 h1 {
        color:#e85f59;
        font-size:48px;
        font-weight:400;
        font-family: 'Fredoka One', cursive;
    }
    .seccion-7 h1 span i {
        font-size:26px;
    }
    .seccion-7 p {
        font-size:23px;
        line-height:32px;
        color:#6b6b6b;
    }
}

/*  */
/*  */
/*  */
.seccion-8 .container article{
    background: url('../img/cumpleanos-300.jpg') no-repeat;
    background-attachment: fixed;
    background-size: cover;
    border-radius: 20px;
    height: auto;
}

.seccion-8 h1 {
    color:#fff;
    text-shadow: 0px 0px 10px rgba(232,95,89,0.5);
    font-size:2.75rem;
    font-weight:400;
    font-family: 'Fredoka One', cursive;
}

.seccion-8 h1 span {
    color:#fff;
}

.seccion-8 h1 span i {
    font-size:1rem;
}

.seccion-8 h2 {
    color:#89c993;
    text-shadow: 0px 0px 10px rgba(16,0,82,0.8);
    font-size:2.875rem;
    font-weight:400;
    font-family: 'Fredoka One', cursive;
}

.seccion-8 h3 {
    color:#FFF;
    text-shadow: 0px 0px 10px rgba(201, 232, 89, 0.5);
    font-size:2.75rem;
    font-weight:500;
}

.seccion-8 h4 {
    color:#FFF;
    text-shadow: 0px 0px 10px rgba(89, 232, 89, 0.5);
    font-size:2.25rem;
    font-weight:900;
}

.seccion-8 h5 {
    color:#FFF;
    text-shadow: 0px 0px 10px rgba(232, 89, 208, 0.5);
    font-size:1.875rem;
    font-weight:400;
    font-family: 'Fredoka One', cursive;
}

/*  */
/*  */
/*  */
.seccion-9 .container .row article{
    background-color: #a869a2;
    border-radius: 20px;
}

.seccion-9 h1 {
    color:#fff;
    text-shadow: 0px 0px 10px rgba(232,95,89,0.5);
    font-size:28px;
    font-weight:400;
    font-family: 'Fredoka One', cursive;
}

.seccion-9 h1 span {
    color:#fff;
}

.seccion-9 h1 span i {
    font-size: 1rem;
}

.seccion-9 p {
    font-size: 1rem;
    line-height: 24px;
    color:#6b6b6b;
}

.seccion-9 iframe {
    width: 100%;
    height: 250px;
    border:0;
    border-radius: 20px;
}

.seccion-9 h3 {
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Fredoka One', cursive;
}

.seccion-9 p.desc {
    color: #fff;
    font-size: 1rem;
    font-family: 'Fredoka One', cursive;
    margin: 0;
}

.seccion-9 p.desc a {
    color: #FFF;
}

@media (min-width: 992px) {
    .seccion-9 h1 {
        font-size:48px;
    }
    .seccion-9 h1 span i {
        font-size:26px;
    }
    .seccion-9 p {
        font-size:23px;
    }
    .seccion-9 p.desc {
        font-size: 1.5rem;
        margin: 0px 0px 10px 0px;
    }
    .seccion-9 h3 {
        font-size: 2rem;
    }
}

/*  */
/*  */
/*  */
.seccion-10 .container {
    padding: 1rem 0;
}
.seccion-10 .container p.copy{
    margin: 0;
}
.seccion-10 .container p.copy a{
    color: #000;
    text-decoration: none;
}