/*
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:00:03 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 */
.my-4 { margin-top: 1.25em !important; margin-bottom: 1.25em !important; }  /* Información de la empresa, equipo de trabajo */
.p-4 { padding: 1.25em !important; }                                        /* Información de la empresa */
.mr-4 { margin-right: 1.25em !important; }                                  /* Información de la empresa */
h2 { font-size: 2em; }                                                      /* Información de la empresa, equipo de trabajo */
h6 { font-size: 1em; }                                                      /* Información de la empresa, equipo de trabajo */
h5 { font-size: 1.25em; }                                                   /* Equipo de trabajo */
.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 - galería de imágenes */
.m-3 { margin: 1em !important; }
.mb-3 { margin-bottom: 1em !important; }

/* Sección principal - información de la empresa */
.icono { width: 5% !important; }

/* Sección principal - equipo de trabajo */
.card { width: 15% !important; }
.card-body { padding: 1em !important; }
.card-footer { padding: 0.75em 1.25em !important; }
.card-footer i { font-size: 0.7em !important; }

/* Personalización del tooltip */
.tooltip_custom .tooltip-inner { background-color: #26428b !important; }
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: #26428b; border-radius: 1em; }

/* 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.25em !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 */
    .my-4 { margin-top: 1.25em !important; margin-bottom: 1.25em !important; }  /* Información de la empresa, equipo de trabajo */
    .p-4 { padding: 1.25em !important; }                                        /* Información de la empresa */
    .mr-4 { margin-right: 1.25em !important; }                                  /* Información de la empresa */
    h2 { font-size: 2em; }                                                      /* Información de la empresa, equipo de trabajo */
    h6 { font-size: 1em; }                                                      /* Información de la empresa, equipo de trabajo */
    h5 { font-size: 1.25em; }                                                   /* Equipo de trabajo */
    .py-3 { padding-top: 1em !important; padding-bottom: 1em !important; }      /* footer */
    
    /* Sección principal - titulo */
    .display-4 { font-size: 3em !important; }
    
    /* Sección principal - galería de imágenes */
    .m-3 { margin: 1em !important; }
    .mb-3 { margin-bottom: 1em !important; }
    
    /* Sección principal - información de la empresa */
    .icono { width: 5% !important; }
    
    /* Sección principal - equipo de trabajo */
    .card { width: 15% !important; }
    .card-body { padding: 1em !important; }
    .card-footer { padding: 0.75em 1.25em !important; }
    .card-footer i { font-size: 0.7em !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 */
    .my-4 { margin-top: 1em !important; margin-bottom: 1em !important; }            /* Información de la empresa, equipo de trabajo */    
    .p-4 { padding: 1em !important; }                                               /* Información de la empresa */
    .mr-4 { margin-right: 1em !important; }                                         /* Información de la empresa */
    h2 { font-size: 1.7em; }                                                        /* Información de la empresa, equipo de trabajo */
    h6 { font-size: 1em; }                                                          /* Información de la empresa, equipo de trabajo */
    h5 { font-size: 1em; }                                                          /* Equipo de trabajo */
    .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 - galería de imágenes */
    .m-3 { margin: 0.75em !important; }
    .mb-3 { margin-bottom: 0.75em !important; }

    /* Sección principal - información de la empresa */
    .icono { width: 7% !important; }
    
    .card { width: 30% !important; }
    .card-body { padding: 1em !important; }
    .card-footer { padding: 0.5em 1em !important; }
    .card-footer i { font-size: 0.7em !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 */
    .my-4 { margin-top: 1em !important; margin-bottom: 1em !important; }            /* Información de la empresa, equipo de trabajo */   
    .p-4 { padding: 1em !important; }                                               /* Información de la empresa */
    .mr-4 { margin-right: 1em !important; }                                         /* Información de la empresa */
    h2 { font-size: 1.7em; }                                                        /* Información de la empresa, equipo de trabajo */
    h6 { font-size: 1em; }                                                          /* Información de la empresa, equipo de trabajo */
    h5 { font-size: 1em; }                                                          /* Equipo de trabajo */
    .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 - galería de imágenes */
    .m-3 { margin: 0.75em !important; }
    .mb-3 { margin-bottom: 0.75em !important; }
    
    /* Sección principal - información de la empresa */
    .icono { width: 7% !important; }
    
    .card { width: 30% !important; }
    .card-body { padding: 1em !important; }
    .card-footer { padding: 0.5em 1em !important; }
    .card-footer i { font-size: 0.7em !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 */
    .my-4 { margin-top: 0.75em !important; margin-bottom: 0.75em !important; }      /* Información de la empresa, equipo de trabajo */
    .p-4 { padding: 0.75em !important; }                                            /* Información de la empresa */
    .mr-4 { margin-right: 0.75em !important; }                                      /* Información de la empresa */
    h2 { font-size: 1.35em; }                                                       /* Información de la empresa, equipo de trabajo */
    h6 { font-size: 0.75em; }                                                       /* Información de la empresa, equipo de trabajo */
    h5 { font-size: 1em; }                                                          /* Equipo de trabajo */
    .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 - galería de imágenes */
    .m-3 { margin: 0.75em !important; }
    .mb-3 { margin-bottom: 0.75em !important; }
    
    /* Sección principal - información de la empresa */
    .icono { width: 7% !important; }
    
    .card { width: 45% !important; }
    .card-body { padding: 0.75em !important; }
    .card-footer { padding: 0.5em 0.75em !important; }
    .card-footer i { font-size: 0.6em !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 */
    .my-4 { margin-top: 0.75em !important; margin-bottom: 0.75em !important; }    /* Información de la empresa, equipo de trabajo */
    .p-4 { padding: 0.75em !important; }                                          /* Información de la empresa */
    .mr-4 { margin-right: 0.75em !important; }                                    /* Información de la empresa */
    h2 { font-size: 1.35em; }                                                     /* Información de la empresa, equipo de trabajo */
    h6 { font-size: 0.75em; }                                                     /* Información de la empresa, equipo de trabajo */
    h5 { font-size: 0.75em; }                                                     /* Equipo de trabajo */
    .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 - galería de imágenes */
    .m-3 { margin: 0.5em !important; }
    .mb-3 { margin-bottom: 0.5em !important; }

    /* Sección principal - información de la empresa */
    .icono { width: 10% !important; }
    
    .card { width: 45% !important; }
    .card-body { padding: 0.75em !important; }    
    .card-footer { padding: 0.25em 0.75em !important; }
    .card-footer i { font-size: 0.6em !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 */
    .my-4 { margin-top: 0.5em !important; margin-bottom: 0.5em !important; }      /* Información de la empresa, equipo de trabajo */
    .p-4 { padding: 0.5em !important; }                                           /* Información de la empresa */
    .mr-4 { margin-right: 0.5em !important; }                                     /* Información de la empresa */
    h2 { font-size: 1em; }                                                        /* Información de la empresa, equipo de trabajo */
    h6 { font-size: 0.75em; }                                                     /* Información de la empresa, equipo de trabajo */
    h5 { font-size: 0.75em; }                                                     /* Equipo de trabajo */
    .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 - galería de imágenes */
    .m-3 { margin: 0.5em !important; }
    .mb-3 { margin-bottom: 0.5em !important; }
            
    /* Sección principal - información de la empresa */
    .icono { width: 5% !important; }
    
    /* Sección principal - equipo de trabajo */
    .card { width: 45% !important; }
    .card-body { padding: 0.5em !important; }    
    .card-footer { padding: 0.25em 0.5em !important; }
    .card-footer i { font-size: 0.6em !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 */
    .my-4 { margin-top: 0.5em !important; margin-bottom: 0.5em !important; }      /* Información de la empresa, equipo de trabajo */
    .p-4 { padding: 0.5em !important; }                                           /* Información de la empresa */
    .mr-4 { margin-right: 0.5em !important; }                                     /* Información de la empresa */
    h2 { font-size: 1em; }                                                        /* Información de la empresa, equipo de trabajo */
    h6 { font-size: 0.75em; }                                                     /* Información de la empresa, equipo de trabajo */
    h5 { font-size: 0.75em; }                                                     /* Equipo de trabajo */
    .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 - galería de imágenes */
    .m-3 { margin: 0.5em !important; }
    .mb-3 { margin-bottom: 0.5em !important; }
    
    /* Sección principal - información de la empresa */
    .icono { width: 5% !important; }
    
    /* Sección principal - equipo de trabajo */
    .card { width: 45% !important; }
    .card-body { padding: 0.5em !important; }    
    .card-footer { padding: 0.25em 0.5em !important; }
    .card-footer i { font-size: 0.6em !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; }
}