/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24/07/2023, 06:02:38 PM
    Author     : pcgc7
*/

/* Encabezado y menú de navegación */
header .iconHeader { font-size: 1.5em; }
header p { font-size: 1em; }    
header h3 { font-size: 1.75em !important; }
header .w-50 { width: 35% !important; }
header .nav .nav-item .nav-link { font-size: 1em !important; padding: 1em 3em !important; }
.navbar-toggler { font-size: 2em !important; padding: 0.5em !important; }

/* Sección principal - estilos globales */
h3 { font-size: 1.75em; }                                                       /* header */
p { font-size: 0.85em; }                                                        /* header */
.mr-3 { margin-right: 1em !important; }                                         /* header */
.p-3 { padding: 1em !important; }                                               /* header */
.my-3 { margin-top: 1em !important; margin-bottom: 1em !important; }            /* titulo */
.py-4 { padding-top: 1.25em !important; padding-bottom: 1.25em !important; }    /* servicios */
.mt-3 { margin-top: 1em !important; }                                           /* servicios */
.py-3 { padding-top: 1em !important; padding-bottom: 1em !important; }          /* footer */

/* Sección principal - titulo */
.display-4 { font-family: 'Bree Serif', serif; font-weight: 400; font-style: normal; font-size: 3.25em !important; }

/* Sección principal - descripción de servicios */
main ul li { font-size: 0.85em; }
.w-100 { width: 70% !important; }

/* Footer */
footer a, footer ul li, .copyright { font-size: 0.7em !important; }     
footer h5 { font-size: 1em !important; }
.p-5 { padding: 1em !important; }
footer .col-6 { padding-top: 1em !important; }

/****************************** Media queries ******************************/

@media screen and (min-width: 1424px) and (max-width: 1647.98px) {

    /* Encabezado y menú de navegación */
    header .iconHeader { font-size: 1.5em; }
    header p { font-size: 0.85em; }    
    header h3 { font-size: 1.5em !important; }
    header .w-50 { width: 35% !important; }
    header .nav .nav-item .nav-link { font-size: 1em !important; padding: 1em 3em !important; } 
    .navbar-toggler { font-size: 1.5em !important; padding: 0.5em !important; }
    
    /* Sección principal - estilos globales */
    h3 { font-size: 1.75em; }                                                       /* header */
    p { font-size: 0.85em; }                                                        /* header */
    .mr-3 { margin-right: 1em !important; }                                         /* header */    
    .p-3 { padding: 1em !important; }                                               /* header */
    .my-3 { margin-top: 1em !important; margin-bottom: 1em !important; }            /* titulo */
    .py-4 { padding-top: 1.25em !important; padding-bottom: 1.25em !important; }    /* servicios */
    .mt-3 { margin-top: 1em !important; }                                           /* servicios */
    .py-3 { padding-top: 1em !important; padding-bottom: 1em !important; }          /* footer */
    
    /* Sección principal - titulo */
    .display-4 { font-size: 3em !important; }
    
    /* Sección principal - descripción de servicios */
    main ul li { font-size: 0.85em; }
    .w-100 { width: 80% !important; }
    
    /* Footer */
    footer a, footer ul li, .copyright { font-size: 0.7em !important; }     
    footer h5 { font-size: 1em !important; }
    .p-5 { padding: 1em !important; }
    footer .col-6 { padding-top: 1em !important; }
}

@media screen and (min-width: 1200px) and (max-width: 1423.98px) {

    /* Encabezado y menú de navegación */
    header .iconHeader { font-size: 1.5em; }
    header p { font-size: 0.85em; }    
    header h3 { font-size: 1.5em !important; }
    header .w-50 { width: 40% !important; }
    header .nav .nav-item .nav-link { font-size: 1em !important; padding: 0.75em 3em !important; } 
    .navbar-toggler { font-size: 1.5em !important; padding: 0.5em !important; }
    
    /* Sección principal - estilos globales */
    h3 { font-size: 1.5em; }                                                        /* header */
    p { font-size: 0.85em; }                                                        /* header */
    .mr-3 { margin-right: 0.75em !important; }                                      /* header */    
    .p-3 { padding: 0.75em !important; }                                            /* header */
    .my-3 { margin-top: 0.75em !important; margin-bottom: 0.75em !important; }      /* titulo */
    .py-4 { padding-top: 1em !important; padding-bottom: 1em !important; }          /* servicios */
    .mt-3 { margin-top: 0.75em !important; }                                        /* servicios */
    .py-3 { padding-top: 0.75em !important; padding-bottom: 0.75em !important; }    /* footer */
    
    /* Sección principal - titulo */
    .display-4 { font-size: 2.75em !important; }

    /* Sección principal - descripción de servicios */
    main ul li { font-size: 0.85em; }
    .w-100 { width: 80% !important; }

    /* Footer */
    footer a, footer ul li, .copyright { font-size: 0.7em !important; }     
    footer h5 { font-size: 1em !important; }
    .p-5 { padding: 1em !important; }
    footer .col-6 { padding-top: 1em !important; }
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {

    /* Encabezado y menú de navegación */
    header .iconHeader { font-size: 1.5em; }
    header p { font-size: 0.85em; }    
    header h3 { font-size: 1.25em !important; }
    header .w-50 { width: 40% !important; }
    header .nav .nav-item .nav-link { font-size: 0.75em !important; padding: 0.75em 3em !important; } 
    .navbar-toggler { font-size: 1.25em !important; padding: 0.5em !important; }
    
    /* Sección principal - estilos globales */
    h3 { font-size: 1.5em; }                                                        /* header */
    p { font-size: 0.8em; }                                                         /* header */
    .mr-3 { margin-right: 0.75em !important; }                                      /* header */    
    .p-3 { padding: 0.75em !important; }                                            /* header */
    .my-3 { margin-top: 0.75em !important; margin-bottom: 0.75em !important; }      /* titulo */
    .py-4 { padding-top: 1em !important; padding-bottom: 1em !important; }          /* servicios */
    .mt-3 { margin-top: 0.75em !important; }                                        /* servicios */
    .py-3 { padding-top: 0.75em !important; padding-bottom: 0.75em !important; }    /* footer */
        
    /* Sección principal - titulo */
    .display-4 { font-size: 2.5em !important; }
    
    /* Sección principal - descripción de servicios */
    main ul li { font-size: 0.8em; }
    .w-100 { width: 80% !important; }
    
    /* Footer */
    footer a, footer ul li, .copyright { font-size: 0.7em !important; }     
    footer h5 { font-size: 1em !important; }
    .p-5 { padding: 1em !important; }
    footer .col-6 { padding-top: 1em !important; }
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {

    /* Encabezado y menú de navegación */
    header .iconHeader { font-size: 1em; }
    header p { font-size: 0.7em; }    
    header h3 { font-size: 1.25em !important; }
    header .w-50 { width: 45% !important; }
    header .nav .nav-item .nav-link { font-size: 0.75em !important; padding: 0.75em !important; } 
    .navbar-toggler { font-size: 1.25em !important; padding: 0.25em !important; }
    .menu { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; }
    
    /* Sección principal - estilos globales */
    h3 { font-size: 1.5em; }                                                        /* header */
    p { font-size: 0.7em; }                                                         /* header */
    .mr-3 { margin-right: 0.75em !important; }                                      /* header */    
    .p-3 { padding: 0.75em !important; }                                            /* header */
    .my-3 { margin-top: 0.75em !important; margin-bottom: 0.75em !important; }      /* titulo */
    .py-4 { padding-top: 0.75em !important; padding-bottom: 0.75em !important; }    /* servicios */
    .mt-3 { margin-top: 0.5em !important; }                                         /* servicios */        
    .py-3 { padding-top: 0.75em !important; padding-bottom: 0.75em !important; }    /* footer */
        
    /* Sección principal - titulo */
    .display-4 { font-size: 2.25em !important; }

    /* Sección principal - descripción de servicios */
    main ul li { font-size: 0.7em; }
    .w-100 { width: 100% !important; }

    /* Footer */
    footer a, footer ul li, .copyright { font-size: 0.7em !important; }     
    footer h5 { font-size: 1em !important; }
    .p-5 { padding: 0.75em !important; }
    footer .col-6 { padding-top: 1em !important; }   
}

@media screen and (min-width: 576px) and (max-width: 767.98px) {
    
    /* Encabezado y menú de navegación */
    header .iconHeader { font-size: 1em; }
    header p { font-size: 0.6em; }    
    header h3 { font-size: 1em !important; }
    header .w-50 { width: 45% !important; }
    header .nav .nav-item .nav-link { font-size: 0.7em !important; padding: 0.75em !important; } 
    .navbar-toggler { font-size: 1em !important; padding: 0.25em !important; }
    .menu { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; }
    
    /* Sección principal - estilos globales */
    h3 { font-size: 1.25em; }                                                     /* header */
    p { font-size: 0.6em; }                                                       /* header */
    .mr-3 { margin-right: 0.5em !important; }                                     /* header */    
    .p-3 { padding: 0.5em !important; }                                           /* header */
    .my-3 { margin-top: 0.5em !important; margin-bottom: 0.5em !important; }      /* titulo */
    .py-4 { padding-top: 0.75em !important; padding-bottom: 0.75em !important; }  /* servicios */
    .mt-3 { margin-top: 0.5em !important; }                                       /* servicios */    
    .py-3 { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }    /* footer */
        
    /* Sección principal - titulo */
    .display-4 { font-size: 2em !important; }
    
    /* Sección principal - descripción de servicios */
    main ul li { font-size: 0.6em; }
    .w-100 { width: 100% !important; }
    
    /* Footer */
    footer a, footer ul li, .copyright { font-size: 0.6em !important; }     
    footer h5 { font-size: 0.75em !important; }
    .p-5 { padding: 0.75em !important; }
    footer .col-6 { padding-top: 1em !important; } 
}

@media screen and (min-width: 481px) and (max-width: 575.98px) {
    
    /* Encabezado y menú de navegación */
    header .iconHeader { font-size: 1em; }
    header p { font-size: 0.5em; }    
    header h3 { font-size: 1em !important; }
    header .w-50 { width: 50% !important; }
    header .nav .nav-item .nav-link { font-size: 0.65em !important; padding: 0.75em !important; } 
    .navbar-toggler { font-size: 1em !important; padding: 0.25em !important; }
    .menu { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; }
    
    /* Sección principal - estilos globales */
    h3 { font-size: 1.25em; }                                                     /* header */
    p { font-size: 0.6em; }                                                       /* header */
    .mr-3 { margin-right: 0.5em !important; }                                     /* header */    
    .p-3 { padding: 0.5em !important; }                                           /* header */
    .my-3 { margin-top: 0.5em !important; margin-bottom: 0.5em !important; }      /* titulo */
    .py-4 { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }    /* servicios */
    .mt-3 { margin-top: 0 !important; }                                           /* servicios */
    .py-3 { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }    /* footer */
    
    /* Sección principal - titulo */
    .display-4 { font-size: 1.75em !important; }
    
    /* Sección principal - descripción de servicios */
    main ul li { font-size: 0.6em; }
    .w-100 { width: 100% !important; }
        
    /* Footer */
    footer a, footer ul li, .copyright { font-size: 0.6em !important; }     
    footer h5 { font-size: 0.75em !important; }
    .p-5 { padding: 0.5em !important; }
    footer .col-6 { padding-top: 1em !important; }
}

@media screen and (max-width: 480.98px) {
    
    /* Encabezado y menú de navegación */
    header .iconHeader { font-size: 1em; }
    header p { font-size: 0.5em; }    
    header h3 { font-size: 0.75em !important; }
    header .w-50 { width: 50% !important; }
    header .nav .nav-item .nav-link { font-size: 0.65em !important; padding: 0.75em !important; } 
    .navbar-toggler { font-size: 0.75em !important; padding: 0.25em !important; }
    .menu { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; }
    
    /* Sección principal - estilos globales */
    h3 { font-size: 1.25em; }                                                     /* header */
    p { font-size: 0.6em; }                                                       /* header */
    .mr-3 { margin-right: 0.5em !important; }                                     /* header */    
    .p-3 { padding: 0.5em !important; }                                           /* header */
    .my-3 { margin-top: 0.5em !important; margin-bottom: 0.5em !important; }      /* titulo */
    .py-4 { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }    /* servicios */
    .mt-3 { margin-top: 0 !important; }                                           /* servicios */
    .py-3 { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }    /* footer */
    
    /* Sección principal - titulo */
    .display-4 { font-size: 1.5em !important; }
    
    /* Sección principal - descripción de servicios */
    main ul li { font-size: 0.6em; }
    .w-100 { width: 100% !important; }
            
    /* Footer */
    footer a, footer ul li, .copyright { font-size: 0.6em !important; }     
    footer h5 { font-size: 0.75em !important; }
    .p-5 { padding: 0.5em !important; }
    footer .col-6 { padding-top: 1em !important; } 
}