/*Hides page Header (Title and Footer)*/
.page-header, .site-footer{
    display: none !important;
}

body{
    background: #c7c7c7 !important;
}


/*****************************
Title Section
*****************************/

#myvica-block .title{
    display: flex !important;
    justify-content: center !important; /* horizontal */
    text-align: center !important;
    align-items: center !important;     /* vertical */
}

#myvica-block .title h1,
#myvica-block .title h2,
#myvica-block .title h3,
#myvica-block .title h4,
#myvica-block .title h5,
#myvica-block .title h6
{
    color: #343434 !important;
    text-align: center !important;
}


.site-header{
     background: #2a2a2a !important;
    color: #fff !important;
}



/*****************************
Bottom Section
*****************************/

.bottom-section{
    background: #424242;
    color: #fff;
}


.bottom-section .footer-portal a ,
.bottom-section .footer-portal  p{
    color: #fff !important;
    transition: color 0.3s ease; /* transición suave */
    font-size: 1.2rem !important;
}


.bottom-section .footer-portal  a:hover {
    color: #a0a0a0 !important; /* color al hacer hover, ejemplo: naranja */
}


.bottom-section .social svg{
    fill: #fff !important;
    transition: fill 0.3s ease; /* transición suave */
    height: 1.8rem !important;
    width: 1.8rem !important;
}

.bottom-section .social svg:hover{
    fill: #a0a0a0 !important;}

/*****************************
Footer Section
*****************************/

.footer-section{
    background: #2a2a2a !important; 
    color: #fff !important;
}




/*****************************
US-section
Services-Section
Contact-Section
*****************************/
.us-section, 
.services-section,
.contact-section{ 
    margin-top: 3rem !important;
    margin-bottom: 2rem !important; 
}

.contact-section svg{ 
    fill:#2a2a2a !important;
}

.us-section > div > div,
.services-section  > div > div,
.contact-section > div > div {
    width: 92% !important;
    justify-items: center !important;
}

.us-section h2,
.services-section h2,
.contact-section h2
{
    font-size: 2rem;
    margin-bottom: 1.5rem !important;   
    /*background: rgba(44, 44, 44, 0.311) !important;*/  
    color: #121212;
}

.us-section p,
.services-section p,
.contact-section p{
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.05rem;
    margin-bottom: 0.2rem !important;   
}


/*More than 320 px widht*/
@media (min-width: 320px) {
    .us-section p,
    .services-section p,
    .contact-section p
    {
        text-align: justify !important;
        text-align-last: left !important;
        hyphens: auto !important;
        -webkit-hyphens: auto !important;
        -ms-hyphens: auto !important;
        text-wrap: balance !important;  
    }
}


/*More than 600 px widht*/
@media (min-width: 600px) {
    .us-section h2,
    .services-section h2
    .contact-section h2
    {
        font-size: 2.2rem;
        margin-bottom: 1rem !important;   
    }

    .us-section p,
    .services-section p,
    .contact-section p
    {
        font-size: 1.3rem;
        margin-bottom: 0.2rem !important;  
    }
}

/*More than 800 px widht*/
@media (min-width: 800px) {
    .us-section h2,
    .services-section h2,
    .contact-section h2
    {
        font-size: 2.4rem;
        margin-bottom: 1rem !important;   
    }

    .us-section p,
    .services-section p,
    .contact-section p
    {
        font-size: 1.4rem;
        margin-bottom: 0.2rem !important;  
        text-align: justify; 
    }
}

/*More than 1024 px widht*/
@media (min-width: 1024px) {
    .us-section,
    .services-section,
    .contact-section{
        margin-top: 4rem !important;
        margin-bottom: 2rem !important;   
    }
    .us-section h2,
    .services-section h2,
    .contact-section h2
    {
        font-size: 2.6rem;
        margin-bottom: 1rem !important;   
    }

    .us-section p,
    .services-section p,
    .contact-section p 
    {    
        font-size: 1.6rem;
        margin-bottom: 0.2rem !important;
        text-align: justify;   
    }

}