.hero__home
{
    background-color: var(--bg-white);
    padding:  0;
    box-sizing: border-box;
    width: 100%;
    height:auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.hero_home_column_1 {
    padding: 5rem 4rem 5rem 16rem;
}

.hero__home  .section-title
{
    font-size: var(--fn-h1);
    box-sizing: border-box;
    line-height: auto;
    color: var(--bg-amarillo);
    font-weight: 800 !important;
}

.hero__home .section-slogan {
    font-size: var(--fn-h3);
    box-sizing: border-box;
    line-height: auto;
    color: var(--bg-dark);
     font-weight: 700 !important;
     padding: 1rem 0;
}

.hero__home .section-description {
    font-size: var(--fn-h3);
    box-sizing: border-box;
    line-height: auto;
    color: var(--bg-dark);
    font-weight: 300 !important;
    padding: .5rem 0 .2rem 0;
}

.hero__home .quick-actions
{
    width: 100%;
    margin:  0 auto;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 40px;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
    
}

.hero__home .quick-actions button{
        background-color: var(--bg-white);
        box-shadow: 0px 2px 6px #0000003B;
        border: 2px solid #F08306;
        border-radius: 10px;
        opacity: 1;
        color:var(--bg-amarillo);
        height: 3rem;
        font-size: var(--fn-h3);
        font-weight: 600;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
}
.hero__home .quick-actions button span,.hero__home .cta-container span{
    padding-left: .2rem;
    box-sizing:border-box;
}

.hero__home .cta-container
{

    width: 100%;
    height: auto;
    padding: 1rem 0;
    display: grid;
}

.hero__home .cta-container a{
        box-shadow: 0px 2px 6px #0000003B;
        border-radius: 10px;
        opacity: 1;
        color: var(--bg-white);
        height: 3.5rem;
        font-size: 19px;
        font-weight: 500;
        cursor: pointer;
        display: flex;
        align-items: center;
        text-decoration: none;
        justify-content: center;
        box-shadow: 0px 6px 9px #00000059;
        margin-bottom: 2rem;
}

.hero__home .cta-container a:nth-child(1)
{
    background-color: var(--bg-whats);
}

.hero__home .cta-container a:nth-child(2) {
    background-color: var(--bg-dark-b);
}

.hero_home_column_2 {
background-image: var(--bg-primario);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}


@media(max-width:1650px) {

    .hero_home_column_1 {
            padding: 3.5rem 4rem 3.5rem 8rem;  
            box-sizing: border-box;
         }
}

@media(max-width:1250px) {


    .hero_home_column_1 {
            padding: 3.5rem 2rem !important;
            box-sizing: border-box;
        }

    .hero__home .quick-actions button {
            height: 6rem;
            display: grid;
            width: 100%;
            margin: 0 auto;
            justify-content: center;
        }
    
        .hero__home .quick-actions svg {
            margin: 0 auto;
    
            width: 60px !important;
            height: 35px !important;
        }
    
        .hero__home .cta-container a {
            height: 3.2rem;
            font-size: 19px;
            margin-bottom: 2rem;
        }
    
        .hero__home .cta-container a:nth-child(1) svg {
            width: 30px;
            height: 30px;
        }
    
        .hero__home .cta-container a:nth-child(2) svg {
            width: 50px;
            height: 35px;
        }
}




@media(max-width:800px) {
    :root {
            --fn-h1: 1.6em;
            --fn-h2: 2.2em;
            --fn-h3: 1.05em;
            --fn-li: 1.2em;
            --fn-p: 1.16em;
            --bg-primario: url(https://www.uvg.edu.mx/hubfs/background-carreras-lps/fondo_LP_contaduria.webp);  
    }


    .hero__home {
            grid-template-columns: repeat(1, 1fr);
        }

   .hero_home_column_1 {
       padding: 1.5rem 1.5rem ;
       box-sizing: border-box;
   }

   .hero__home  div:nth-child(2){
        display: none;
   }
   .hero__home .section-title {
     text-align: center;
   }

   .hero__home .section-slogan {
       text-align: center;
       padding: 1rem 1.5rem;
       box-sizing: border-box;
   }

   .hero__home .section-description {
       text-align: center;
       padding: .5rem 0 .2rem 0; 
     }


         .hero__home .quick-actions {
             width: 100%;
             padding: 2rem 0;
             grid-gap: 15px;
         }

   
}