.svg-button{display:flex;align-items:center;padding:5px;text-decoration:none;border-radius:35px;margin:10px auto 30px;background:#FFFFFF;box-shadow:0 2px 12px -3px rgba(59,59,59,0.15);
    max-width: 300px}
.svg-button.banner{height:auto;border:none}
.svg-button:hover{background-color:#92D331}
.svg-button:hover{box-shadow:0 20px 20px -10px rgba(16,16,16,0.2)}
.svg-button:hover svg{background:#92D331}
.svg-button:hover .textual .maintxt,.svg-button:hover .textual .sub{color:#fff}
.svg-button.especial .textual .maintxt{color:#F35264}
.svg-button.especial svg{background-image:linear-gradient(180deg, #FFB7D1 0%, #F35264 100%)}
.svg-button.especial:hover{box-shadow:0 20px 20px -10px rgba(16,16,16,0.2);background:#FF92A6}
.svg-button.especial:hover svg{background:#FF92A6}
.svg-button.especial:hover .textual .maintxt,.svg-button.especial:hover .textual .sub{color:#fff}
.svg-button:hover{text-decoration:none}
.svg-button svg{margin-right:15px;width:40px;height:40px;flex:0 0 40px;color:#fff;padding:10px;overflow:visible;border-radius:50%;background-image:linear-gradient(180deg, #78C427 0%, #56A924 100%);display:flex;justify-content:center;align-items:center}
.svg-button svg path{fill:#fff}
.svg-button .textual .maintxt{font-family:"Lobster",cursive,sans-serif;font-weight:400;font-size:26px;color:#56A924;letter-spacing:0;line-height:26px;padding-bottom:5px}
.svg-button .textual .sub{font-size:19px;color:#84868A;letter-spacing:0;line-height:19px;font-weight:700}
.sidebarList .svg-button{margin:0 -10px;padding:0}

.modSponsor {
    margin-top: 30px;
    position: relative;
    text-align: center;
    margin-bottom: 15px;
}
.modSponsor img{
    max-height: 100px;
    max-width: 60%;
}
.modSponsorSeparator{
    border-bottom: 2px dashed #dedacf;
    margin: 0 -5px 15px;
}
.modSponsorTitle{
    position: absolute;
    background-color: #fff;
    left: 50%;
    transform: translateX(-50%);
    top: -10px;
    padding: 0 10px;
    font-size: 13px;
    letter-spacing: 1px;
    display: table;
}

.center{
    text-align: center;
}

.caution-message {
    margin: 15px 0;
    padding: 3px 5px;
    border: 2px solid #febf0f;
}

.caution-message svg{
    float: left;
    margin-right: 5px;
}

.title_style-4{
    text-align: center;
}

.monthHolder .monthTitle:after {
    content: '';
    border-top: 19px solid #56a924;
    border-right: 12px solid transparent;
    border-bottom: 19px solid #56a924;
    position: absolute;
    right: -12px;
    top: 0;
}

.monthHolder .weekList .weekTitle {
    font-weight: 600;
    font-size: 20px;
    margin-top: 5px;
    display: block;
}

.monthHolder .weekList .weekTitle a {
    color: #56a924;
}

.charlas .monthsBlock {
    display: flex;
    justify-content: space-around;
}

.charlas .monthsBlock .monthHolder {
    width: 370px;
    max-width: 49%;
}

.charlas .monthsBlock .monthHolder .weekList li {
    width: 100%;
    padding-right: 0;
    text-align: center;
}

.embarazoArticleTitle{
    background-color: #56a924;
    height: 52px;
    line-height: 52px;
    font-size: 30px;
    color: #fff;
    padding: 0 15px;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}
.embarazoArticleTitle:after {
    content: '';
    border-top: 26px solid #56a924;
    border-right: 18px solid transparent;
    border-bottom: 26px solid #56a924;
    position: absolute;
    right: -18px;
    top: 0;
}

.fulltext h2{
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    color: #101010;
    border-left: 2px solid #56a924;
    padding-left: 15px;
    margin-top: 50px;
    margin-bottom: 15px;
}

.dibusArticle .video > div{
    margin: 20px auto;
}

@media (max-width: 768px) {
    .embarazoArticleTitle{
        display: none;
    }
    .fulltext ul{
        padding-inline-start: 40px;
    }
}

h2.monthstitle{
    padding-top: 10px;
    padding-bottom: 10px;
}

.monthHolder {
    border-radius: 10px;
    margin-bottom: 47px;
    margin-top: 18px;
    padding: 28px 15px 15px;
    border: 7px solid #DADCE1;
}

.monthHolder .monthTitle{
    height: 40px;
    font-size: 19px;
    line-height: 40px;
    color: #fff;
    padding: 0 18px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    top: -52px;
    position: relative;
    display: inline-block;
    background-color: #56a924;
    background-image: unset;
}

.monthHolder .monthTitle:after {
    content: '';
    border-top: 20px solid #56a924;
    border-right: 14px solid transparent;
    border-bottom: 20px solid #56a924;
    position: absolute;
    right: -14px;
    top: 0;
}

@media (max-width: 768px) {
    .titleLine{
        text-align: center;
        margin-top: 32px;
    }

    .titleLine .titleRibbon{
        position: relative;
        display: inline-block;
        background-color: #56a924;
        background-image: unset;
        font-size: 39px;
        line-height: 54px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        margin-top: 30px;
    }

    .titleLine .titleSub{
        color: #56a924;
        margin-top: -20px;
    }

    .titleLine .mobileFlag{
        height: 42px;
    }
    .titleLine .mobileFlag:after{
        border-top: 21px solid #3c7619;
        border-bottom: 21px solid #3c7619;
    }

    .titleLine .mobileFlag.right:after{
        border-right: 16px solid transparent;
        right: -16px;
    }

    .titleLine .mobileFlag.left:after{
        border-left: 16px solid transparent;
        left: -16px;
    }

    .monthHolder .monthTitle:after, .crec .titleLine .titleRibbon:after {
        display: none;
    }

    .mobileFlag{
        height: 34px;
        width: 80px;
        display: inline-block;
        top: -12px;
        position: relative;
        background-color: #3c7619;
        background-image: unset;
    }

    .mobileFlag.left{
        margin-right: -60px;
    }

    .mobileFlag.right{
        margin-left: -60px;
    }

    .mobileFlag:after {
        content: '';
        border-top: 17px solid #3c7619;
        border-bottom: 17px solid #3c7619;
        position: absolute;
        top: 0;
    }
    .mobileFlag.right:after {
        border-right: 12px solid transparent;
        right: -12px;
    }
    .mobileFlag.left:after {
        border-left: 12px solid transparent;
        left: -12px;
    }

    .monthHolder{
        text-align: center;
    }

    h3.monthstitle, h2.monthstitle,
    .herramientas_cuadro h3{
        margin: 0;
    }
    .monthHolder .monthTitle, .titleLine .titleRibbon {
        font-size: 39px;
        padding: 0 15px;
        z-index: 1;
        max-width: 80%;
        height: unset;
        top: -38px;
        text-align: center;
        min-width: 180px;
    }

    .monthHolder .monthTitle{
        font-size: 16px;
    }

    .monthHolder{
        /*border-radius: 0;*/
        border-radius: 7px;
        padding: 8px 5px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .charlas .monthsBlock{
        display: block;
    }

    .charlas .monthsBlock .monthHolder{
        max-width: unset;
        width: 100%;
        margin: 60px 0;
    }
}

.monthHolder .weekList {
    list-style: none;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
.monthHolder .weekList li {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 20%;
    padding: 0 4px;
}

.monthHolder.even .weekList li{
    width: 25%;
}
.monthHolder .weekList li.last {
    margin-right: 0; }

.monthHolder.crec ul.weekList li {
    width: 50%;
    text-align: center;
}

.monthHolder .weekList li:hover .weekImg{
    opacity:0.7; }

@media (max-width: 768px) {
    .monthHolder .weekList li {
        width: 100%;
        margin-bottom: 15px;
        float: none; }
    .monthHolder.even .weekList li,.monthHolder.crec ul.weekList li  {
        width: 100%;
    }
}

.ttlSubdibu{
    margin-bottom: 30px;
}


.verVideos{
    text-align: center;
    margin: 0 auto 18px;
    border-radius: 21px;
    width: 240px;
    cursor: pointer;
}

.dibusSubTitle{
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-top: 13px;
    margin-bottom: 18px;
}

.ttlSubdibu{
    font-size: 16px;
    text-align: center;
    margin-bottom: 45px;
}

.final-text{
    color: #101010;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    line-height: 28px;
    margin-bottom: 18px;
}

.embarazoImg{
    margin: 15px auto;
    max-width: 400px;
    display: block;
    width: fit-content;
}

.item-card {
    width: 60px;
    height: 80px;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #78C427;
    margin-right: 5px;
    margin-bottom: 8px;
    border-radius: 5px;
    transition: 200ms all;
    box-sizing: border-box;
}

.embarazoSemanasSlider .item-card{
    margin-right: 8px;
}

.ColorLetraGris{
    padding-top: 9px;
    color: #595959;
    font-size: 14px;
    display: block;
    clear: both;
    transition: 200ms all;
    font-weight: bold;
}

.ColorLetraRosa{
    position: relative;
    top: 0;
    color: #56a924;
    line-height: 42px;
    font-weight: 600;
    font-size: 42px;
    transition: 200ms all;
}

.item-card:hover{
    background-color: #78C427;
    text-decoration: none;
}

.item-card:hover .ColorLetraGris{
    color:#fff;
}

.item-card:hover .ColorLetraRosa{
    color:#fff;
}

.embarazoSemanasSlider {
    background: #DADCE1;
    border-radius: 2px;
    padding: 15px 0;
    overflow: hidden;
    box-sizing: border-box;
    height: 112px;
    margin: 23px auto 20px;
}
.embarazoSemanasSlider a:hover{
    text-decoration: none;
}

.embarazoSemanasSlider .bx-wrapper .bx-next, .embarazoSemanasSlider .bx-wrapper .bx-prev {
    background: unset;
    color: #DADCE1;
    top: 2px;
    margin: 0;
    text-indent: unset;
    z-index: 1;
}
.embarazoSemanasSlider .bx-wrapper .bx-prev {
    left: -30px;
}
.embarazoSemanasSlider .bx-wrapper .bx-next {
    right: -30px;
}

.embarazoSemanasSlider .bx-wrapper .bx-next:after, .embarazoSemanasSlider .bx-wrapper .bx-prev:after{
    font-family: 'Icons';
    font-size: 55px;
    line-height: 55px;
    font-weight: 800;
    position: absolute;
    top: 50%;
    color: #56A924;
    transform: translateY(-50%);
}

.embarazoSemanasSlider .bx-wrapper .bx-next:after{
    content: '\e901';
    right: -20px;
}
.embarazoSemanasSlider .bx-wrapper .bx-prev:after{
    content: '\e903';
    left: -20px;
}

.embarazoSemanasSlider .bx-wrapper .bx-next:hover:after, .embarazoSemanasSlider .bx-wrapper .bx-prev:hover:after{
    color: #78C427;
}

.titleLine .titleSub{
    text-align: center;
    letter-spacing: 3px;
    font: 36px/40px 'Gloria Hallelujah';
    text-transform: uppercase;
    font-weight: 600;
}

.dibusArticle .monthBanner.hidemobile{
    margin-bottom: 30px;
}

.dibusArticle .monthBanner .txt{
    text-align: center;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: bold;
    line-height: 26px;
}

.dibusArticle .monthBanner .bannerImg{
    text-align: center;
    max-width: 300px;
    margin: 0 auto 30px;
}

.fulltext .brid {
    margin: auto;
}

@media (max-width: 768px) {
    .embarazoSemanasSlider {
        margin: 20px -18px 40px;
    }

    .dibusArticle .fulltext p{
        line-height: 20px;
    }
}

@media (max-width: 480px){
    .bx-wrapper {
        width: 204px;
    }
}
.desenho-animado{
    padding-top: 5px;
}
.desenho-slider{
    line-height: 15px;
}