/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

.partMed{
    width: 80% !important;
}

.partMed-med{
    width: 70% !important;
}

.part1{
    width: 10% !important;
}

.part2{
    width: 15% !important;
}

.txt-ajus1{
    text-align: left !important;
}

.txt-ajus-img{
    margin-top: 0px !important;
}

#hero-tht > div > div > div > div > div > div:nth-child(2) > div > div > div.txt-ajus-img > img{
    width: 100%;
}

.colorbaseUno{
    color: #FFFFFF !important;
}

.colort-text-mini-img{
    color: #707070 !important;
}

.txttitulo{
    font-family: 'Roboto';
    font-size: 80px !important;
    font-weight: 500 !important;
    line-height: 96px !important;
    margin: 0px !important;
}

.txttitulo-footer{
    font-family: 'Roboto';
    font-size: 60px !important;
    font-weight: 500 !important;
    line-height: 72px !important;
    margin: 0px !important;
}

.txttitulo-sub{
    font-family: 'Roboto';
    font-size: 32px !important;
    font-weight: 900 !important;
    line-height: 38px !important;
    margin: 0px !important;
}

.txttitulo-minsub{
    font-family: 'Roboto';
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 38px !important;
    margin: 0px !important;
}

.txt-comun{
    font-family: 'Roboto';
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 29px !important;
    margin: 0px !important;
}

.txt-comun{
    font-family: 'Roboto';
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 29px !important;
    margin: 0px !important;
}

.btn-comun{
    font-family: 'Roboto';
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 19px !important;
    margin: 0px !important;
    padding: 15px 38px !important;
    background-color: #FF1141 !important
    transition: all 0.5s ease;
}

.btn-comun:hover{
    background-color: #707070 !important
}

.txt-comun-mini{
    font-family: 'Roboto';
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    margin: 0px !important;
}

.txt-comun-mini-img{
    font-family: 'Roboto';
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    margin: 0px !important;
}

#hero-tht > div > div > div > div > div > div:nth-child(2) > div > div > div.md\:w-1\/2.text-center.md\:text-left.txt-ajus1 > p.text-xl.font-bold.mt-4.txttitulo-minsub{
    margin-bottom: 10px !important;
}

#hero-tht > div > div > div > div > div > div:nth-child(2) > div > div > div.md\:w-1\/2.text-center.md\:text-left.txt-ajus1 > p.txt-comun{
    margin-bottom: 20px !important;
}

#secc-2 > section > div > div > div > div > div > div > div > div{
    padding: 65px 0px !important;
}

.der-more{
    width: 60% !important;
    text-align: center;
}
.iz-less{
    width: 40% !important;
    height: 24rem;
    margin-top: 0px !important;
    margin-left: 40px !important;
}
.der-less{
    width: 40% !important;

}
.iz-more{
    width: 60% !important;
    text-align: center;
}

.img-alineada{
    margin: 0 auto;
    width: 90%;
}

.titulos-centro{
    margin-bottom: 20px !important;
}

.ul-com-lik > li{
    margin-bottom: 20px !important;
}

.ul-com-lik{
    padding-right: 100px;
}

.aline-retro{
    padding-right: 0px !important;
}

.point-orden{
    align-items: flex-start !important;
    flex-direction: row;
}

.point-orden > img{
    height: 10px !important;
    position: relative;
    top: 7px;
    width: 5% !important;
}

.pading-none{
    padding: 0 !important;
}

#secc-4 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1 > ul > li > p{
    line-height: 25px;
}

#secc-6 > section > div > div > div.partMed > div > div > div:nth-child(1){
    margin-bottom: 0px !important; 
}

#secc-6 > section > div > div > div.partMed > div > div > div > div > div > div.md\:w-1\/2.text-center.md\:text-left.txt-ajus1 > h3{
    margin-bottom: 20px !important;
}

#secc-3 > section > div > div > div.partMed > div > div > div > div > h2{
    margin-bottom: 40px !important;
    font-weight: 700 !important;
}

.alineamientos-centro{
    text-align: center;
}


/* Ajustes */

#secc-5 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1 > h2{
    margin-bottom: 2px !important;
}

#secc-5 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1 > a > button{
    margin-top: 17px !important;
}

#hero-tht > div > div > div.partMed > div > div > div:nth-child(1){
    margin-bottom: 0px !important;
}

#hero-tht > div > div > div.partMed > div > div > div:nth-child(2){
    margin-bottom: 0px !important;
}

#secc-2 > section > div > div > div.partMed-med > div > div > div > div > div{
    padding-bottom: 50px !important;
}

#secc-3 > section > div > div > div.partMed > div > div > div > div > div.flex.flex-col.md\:flex-row.items-center.justify-center.space-y-8.md\:space-y-0.md\:space-x-8 > div > p{
    padding: 0px 34px !important;
    height: 90px;
    margin-top: 12px !important;
}

#secc-3 > section > div > div > div.partMed > div > div > div > div > div.alineamientos-centro.btn-med-imgs > button{
    margin-top: 5px !important;
}

#secc-4{
    margin-top: 35px;
}

#secc-4 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1{
    height: 14rem;
}

#secc-5{
    margin-top: 40px;
}

#secc-5 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1 > ul{
    padding-right: 46px;
}

#secc-5 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1 > ul > li{
    margin-bottom: 10px !important;
}

#secc-5 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1{
    height: 23rem !important;
}

#secc-6{
    margin-top: 40px;
}

#secc-6 > section > div > div > div.partMed > div > div > div > div > div > div.md\:w-1\/2.text-center.md\:text-left.txt-ajus1 > h2{
    margin-bottom: 6px !important;
}

/* END Ajustes */

/* Media querys */

@media (max-width: 1445px) {
    #secc-2 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1 > ul{
        padding-right: 45px;
    }

    #secc-5 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1 > button{
        margin-top: 10px !important;
    }

    #secc-5 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1 > ul > li {
        margin-bottom: -2px !important;
    }

    #secc-5 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1 > ul > li {
        margin-bottom: 2px !important;
        margin-top: 4px;
    }

}

@media (max-width: 1368px) {
    #secc-3 > section > div > div > div.partMed > div > div > div > div > div.flex.flex-col.md\:flex-row.items-center.justify-center.space-y-8.md\:space-y-0.md\:space-x-8 > div > h2{
        font-size: 22px !important;
    }
    #secc-5 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1{
        margin-left: 34px !important;
    }
}

@media (max-width: 900px) { 
    /* .part1 {
        display: none;
    } */
    .partMed {
        width: 100% !important;
        height: 621px;
    }
    #secc-1 > section > div.ld-container.container-fluid > div > div > div > div > div > div > div > div{
        width: 100%;
    }

    #secc-1 > section > div.ld-container.container-fluid > div > div > div > div > div > div > div > div{
        height: 33rem !important;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: space-evenly;
        position: relative;
        top: 45px;
    }

    .txttitulo{
        font-size: 60px !important;
        line-height: 72px !important;
        margin: 0px !important;
    }
    
    .txttitulo-footer{
        font-size: 60px !important;
        line-height: 72px !important;
        margin: 0px !important;
    }
    
    .txttitulo-sub{
        font-size: 26px !important;
        font-weight: 900 !important;
        line-height: 32px !important;
        margin: 0px !important;
    }
    
    .txttitulo-minsub{
        font-size: 26px !important;
        line-height: 32px !important;
        margin-bottom: 25px !important;
    }
    
    .txt-comun{
        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 29px !important;
        margin: 0px !important;
    }
    
    .txt-comun{
        font-size: 24px !important;
        line-height: 29px !important;
        margin: 0px !important;
    }
    
    .btn-comun{
        font-size: 16px !important;
        line-height: 19px !important;
        margin: 0px !important;
        padding: 15px 38px !important;
        background-color: #FF1141 !important
    }
    
    .txt-comun-mini{
        font-size: 18px !important;
        line-height: 25px !important;
        margin: 0px !important;
    }
    
    .txt-comun-mini-img{
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 22px !important;
        margin: 0px !important;
    }

    .part2 {
        display: none;
    }

    .partMed-med {
        width: 100% !important;
    }

    .der-more {
        width: 95% !important;
    }

    #secc-2 > section > div > div > div > div > div > div > div > div {
        padding: 45px 0px !important;
    }

    .iz-less {
        width: 93% !important;
        /* height: 18rem; */
        height: auto;
        margin-top: 39px !important;
        margin-left: 50px !important;
    }

    #secc-2 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1 > button{
        margin-top: 10px !important;
    }

    #secc-2 > section > div > div > div.partMed-med > div > div > div > div > div {
        padding-bottom: 20px !important;
    }

    #secc-3 > section > div > div > div.partMed > div > div > div > div > div.flex.flex-col.md\:flex-row.items-center.justify-center.space-y-8.md\:space-y-0.md\:space-x-8 > div > p {
        padding: 0px 20px !important;
        height: auto;
        margin-top: 9px !important;
    }

    #secc-3 > section > div > div > div.partMed{
        height: auto !important;
        padding: 0 40px;
    }

    #secc-3 > section > div > div > div.partMed > div > div > div > div > div.flex.flex-col.md\:flex-row.items-center.justify-center.space-y-8.md\:space-y-0.md\:space-x-8 > div{
        margin-bottom: 15px;
    }

    #secc-3 > section > div > div > div.partMed > div > div > div > div > div.alineamientos-centro.btn-med-imgs > button {
        margin-top: 35px !important;
    }

    #secc-4 {
        margin-top: 0px;
    } 

    #secc-4 > section > div > div > div.partMed-med > div > div > div > div > div{
        align-items: center;
        /*flex-direction: column-reverse;*/
    }

    #secc-5 {
        margin-top: 20px;
    }

    #secc-5 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1 {
        margin-left: 50px !important;
    }

    #secc-6 {
        margin-top: 20px;
        padding-top: 40px;
    }

    #secc-6 > section > div > div > div.partMed > div > div > div > div > div > div.md\:w-1\/2.text-center.md\:text-left.txt-ajus1 > h2 {
        margin-bottom: 2px !important;
    }

    #secc-6 > section > div > div > div.partMed > div > div > div > div > div > div.md\:w-1\/2.text-center.md\:text-left.txt-ajus1 > h3 {
        margin-bottom: 15px !important;
        margin-top: 8px !important;
    }

    #secc-6 > section > div > div > div.partMed > div > div > div > div > div > div.md\:w-1\/2.text-center.md\:text-left.txt-ajus1 > h3{
        font-size: 46px !important;
        line-height: 56px !important;
    }

    #secc-6 > section > div > div > div.partMed{
        height: 620px;
    }
    #secc-6 > section > div > div > div.partMed > div > div > div > div > div > div.md\:w-1\/2.text-center.md\:text-left.txt-ajus1{
        padding-bottom: 40px;
    }

    #secc-6 > section > div > div > div.partMed > div > div > div > div > div > div.md\:w-1\/2.mt-8.md\:mt-0.flex.justify-center.relative.txt-ajus-img > img{
        max-width: 120%;
        width: 118%;
    }


/* Ajustes mob */

    #secc-1 > section > div.ld-container.container-fluid > div > div > div > div > div > div > div > div > h1{
        line-height: 25px !important;
    }

    #secc-1 > section > div.ld-container.container-fluid > div > div > div > div > div > div > div > div > h2{
        line-height: 30px !important;
        margin-bottom: 5px !important;
    }

    #secc-1 > section > div.ld-container.container-fluid > div > div > div > div > div > div > div > div > p.text-xl.font-bold.mt-4.txttitulo-minsub.colorbaseUno{
        margin-bottom: -13px !important;
    }

    #secc-1 > section > div.ld-container.container-fluid > div > div > div > div > div > div > div > div > h3{
        line-height: 50px !important;
        margin: 0px !important;
    }

    #secc-1 > section > div.ld-container.container-fluid > div > div > div > div > div > div > div > div > button{
        position: relative;
        top: 20px;
    }

    #secc-1 > section > div.ld-container.container-fluid > div > div > div > div > div > div > div > div > button{
        width: 60%;
    }

    #secc-4 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1{
        margin-left: 39px !important;
    }

    #secc-4 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1 > h2{
        margin-bottom: 15px !important;
    }

    #secc-4 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1 > ul > li{
        margin-bottom: 25px !important;
    }

    #secc-5 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1 > button{
        margin-top: 15px !important;
    }


    /*nas*/

    #secc-3 .flex-col.space-y-8:has(h2.text-gray-700){
        display: flex;
        align-items: flex-start;
    }

    #secc-3 > section > div > div > div.partMed > div > div > div > div > div.flex.flex-col.md\:flex-row.items-center.justify-center.space-y-8.md\:space-y-0.md\:space-x-8 > div > h2 {
        font-size: 22px !important;
        height: 55px;
    }

    .alineamientos-centro.btn-med-imgs {
        margin-top: 16px;
    }

}


@media (max-width: 722px) {

    #secc-4 > section > div > div > div.partMed-med > div > div > div > div > div {
         flex-direction: column-reverse; 
    }

    #secc-5 button.bg-red-600{
        margin-top: 15px !important;
    }

    #secc-1 > section > div.ld-container.container-fluid > div > div > div > div > div > div > div > div > h3 {
        font-size: 54px !important;
    }

    #secc-4 > section > div > div > div.partMed-med > div > div > div > div > div > div.iz-less.mt-6.md\:mt-0.md\:ml-6.text-center.md\:text-left.txt-ajus1 {
        height: auto;
    }
 }

 @media (max-width: 395px) {

    #secc-5 .partMed-med{
        margin-bottom: 25px;
    }
 }

/* END Media querys */

/* formulario popUp */


form > p > label > span > input{
    border: solid 1px #707070;
    width: 100%;
    padding: 2px 5px;
}

form > p > label > span > textarea{
    border: solid 1px #707070;
    width: 100%;
    padding: 2px 5px;
}

.ajustes-for-ok{
    background-color: #dc2626;
    color: white;
    border-radius: 25px;
    margin-top: 5px !important;
}

#popmake-3677{
    max-width: 28%;
}

@media (max-width: 1025px) {
    #popmake-3677{
        max-width: 41%;
    }
    
}


@media (max-width: 768px) {
    #popmake-3677{
        max-width: 53%;
        width: 100%;
        padding: 30px
    }
    
}

@media (max-width: 506px) {
    #popmake-3677{
        max-width: 80%;
        padding: 30px
    }
    
}



/* END formulario popUp */