/*
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:03:24 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: 1.75em !important; padding: 0.5em !important; }

/* Sección principal - estilos globales */
h3 { font-size: 1.75em; }                                                       /* header */
.mr-3 { margin-right: 1em !important; }                                         /* header */
.p-3 { padding: 1em !important; }                                               /* header */        
.my-3 { margin-top: 1em !important; margin-bottom: 1em !important; }            /* formulario */
.py-4 { padding-top: 1.25em !important; padding-bottom: 1.25em !important; }    /* formulario */
.py-3 { padding-top: 1em !important; padding-bottom: 1em !important; }          /* formulario, 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 - imagen y mapa */
h2 { font-size: 2em; }
.w-100 { width: 95% !important; }
iframe { width: 95%; height: 84%;  }

/* Sección principal - formulario de contacto */    
h4 { font-size: 1.5em; }
h5 { font-size: 1.25em; }
main label { font-size: 0.85em; }
.form-control { font-size: 0.75em; }
main .btn { font-size: 1em !important; }    
.px-5 { padding-left: 2em !important; padding-right: 2em !important; }
.p-5 { padding: 2em !important; }
.pt-1 { padding-top: 0 !important; }

/* Horario de servicios */
main ul li { font-size: 0.85em; }
main p { font-size: 0.85em; }

/* Lista de servicios */
.w-25 { width: 25% !important; }
h6 { font-size: 1em; }
.p-4 { padding: 1.25em !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; }

/* Estilos para las validaciones en PHP */
.error { background-color: var(--colorRojo2); }
.correcto { background-color: var(--colorVerde1); }
.error, .correcto { font-size: 0.8em; padding: 1em; font-weight: 600; margin: 0; }

/****************************** 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 */
    .mr-3 { margin-right: 1em !important; }                                         /* header */
    .p-3 { padding: 1em !important; }                                               /* header */            
    .my-3 { margin-top: 1em !important; margin-bottom: 1em !important; }            /* formulario */
    .py-4 { padding-top: 1.25em !important; padding-bottom: 1.25em !important; }    /* formulario */
    .py-3 { padding-top: 1em !important; padding-bottom: 1em !important; }          /* formulario, footer */
        
    /* Sección principal - titulo */
    .display-4 { font-size: 3em !important; }
    
    /* Sección principal - imagen y mapa */
    h2 { font-size: 2em; }
    .w-100 { width: 95% !important; }
    iframe { width: 95%; height: 81%; }
    
    /* Sección principal - formulario de contacto */    
    h4 { font-size: 1.5em; }
    h5 { font-size: 1.25em; }
    main label { font-size: 0.85em; }
    .form-control { font-size: 0.75em; }
    main .btn { font-size: 1em !important; }    
    .px-5 { padding-left: 2em !important; padding-right: 2em !important; }
    .p-5 { padding: 2em !important; }
    .pt-1 { padding-top: 0 !important; }
    
    /* Horario de servicios */
    main ul li { font-size: 0.85em; }
    main p { font-size: 0.85em; }
    
    /* Lista de servicios */
    .w-25 { width: 20% !important; }
    h6 { font-size: 1em; }
    .p-4 { padding: 1.25em !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 */
    .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; }      /* formulario */
    .py-4 { padding-top: 1em !important; padding-bottom: 1em !important; }          /* formulario */
    .py-3 { padding-top: 0.75em !important; padding-bottom: 0.75em !important; }    /* formulario, footer */
        
    /* Sección principal - titulo */
    .display-4 { font-size: 2.75em !important; }
    
    /* Sección principal - imagen y mapa */
    h2 { font-size: 1.75em; }
    .w-100 { width: 95% !important; }
    iframe { width: 95%; height: 83%;  }
    
    /* Sección principal - formulario de contacto */    
    h4 { font-size: 1.5em; }
    h5 { font-size: 1em; }
    main label { font-size: 0.8em; }
    .form-control { font-size: 0.7em; }
    main .btn { font-size: 0.75em !important; }    
    .px-5 { padding-left: 2em !important; padding-right: 2em !important; }
    .p-5 { padding: 2.25em !important; }
    .pt-1 { padding-top: 0 !important; }
    
    /* Horario de servicios */
    main ul li { font-size: 0.8em; }
    main p { font-size: 0.8em; }
    
    /* Lista de servicios */
    .w-25 { width: 15% !important; }
    h6 { font-size: 1em; }
    .p-4 { padding: 1em !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 */
    .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; }      /* formulario */
    .py-4 { padding-top: 1em !important; padding-bottom: 1em !important; }          /* formulario */
    .py-3 { padding-top: 0.75em !important; padding-bottom: 0.75em !important; }    /* formulario, footer */
        
    /* Sección principal - titulo */
    .display-4 { font-size: 2.5em !important; }
    
    /* Sección principal - imagen y mapa */
    h2 { font-size: 1.75em; }
    .w-100 { width: 95% !important; }
    iframe { width: 95%; height: 79%; }
    
    /* Sección principal - formulario de contacto */    
    h4 { font-size: 1.5em; }
    h5 { font-size: 1em; }
    main label { font-size: 0.8em; }
    .form-control { font-size: 0.7em; }
    main .btn { font-size: 0.75em !important; }    
    .px-5 { padding-left: 2em !important; padding-right: 2em !important; }
    .p-5 { padding: 2em !important; }
    .pt-1 { padding-top: 0 !important; }
    
    /* Horario de servicios */
    main ul li { font-size: 0.8em; }
    main p { font-size: 0.8em; }
    
    /* Lista de servicios */
    .w-25 { width: 15% !important; }
    h6 { font-size: 1em; }
    .mt-2 { margin-top: 0 !important; }
    .p-4 { padding: 1em !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 */
    .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; }      /* formulario */
    .py-4 { padding-top: 1em !important; padding-bottom: 1em !important; }          /* formulario */
    .py-3 { padding-top: 0.75em !important; padding-bottom: 0.75em !important; }    /* formulario, footer */
        
    /* Sección principal - titulo */
    .display-4 { font-size: 2.25em !important; }
    
    /* Sección principal - imagen y mapa */
    h2 { font-size: 1.5em; }
    .w-100 { width: 80% !important; }
    iframe { width: 80%; height: 400px;  }
    
    /* Sección principal - formulario de contacto */    
    h4 { font-size: 1.25em; }
    h5 { font-size: 1em; }
    main label { font-size: 0.8em; }
    .form-control { font-size: 0.7em; }
    main .btn { font-size: 0.75em !important; }    
    .px-5 { padding-left: 1.75em !important; padding-right: 1.75em !important; }
    .p-5 { padding: 1.75em !important; }
    .pt-1 { padding-top: 0 !important; }
    
    /* Horario de servicios */
    main ul li { font-size: 0.8em; }
    main p { font-size: 0.8em; }
    
    /* Lista de servicios */
    .w-25 { width: 15% !important; }
    h6 { font-size: 0.75em; }
    .mt-2 { margin-top: 0.5em !important; }
    .p-4 { padding: 0.75em !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 */
    .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; }      /* formulario */
    .py-4 { padding-top: 1em !important; padding-bottom: 1em !important; }        /* formulario */
    .py-3 { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }    /* formulario, footer */
        
    /* Sección principal - titulo */
    .display-4 { font-size: 2em !important; }
    
    /* Sección principal - imagen y mapa */
    h2 { font-size: 1.5em; }
    .w-100 { width: 80% !important; }
    iframe { width: 80%; height: 300px; }
   
    /* Sección principal - formulario de contacto */    
    h4 { font-size: 1.25em; }
    h5 { font-size: 0.75em; }
    main label { font-size: 0.75em; }
    .form-control { font-size: 0.65em; }
    main .btn { font-size: 0.5em !important; }    
    .px-5 { padding-left: 1.5em !important; padding-right: 1.5em !important; }
    .p-5 { padding: 1.5em !important; }
    
    /* Horario de servicios */
    main ul li { font-size: 0.7em; }
    main p { font-size: 0.7em; }
    
    /* Lista de servicios */
    .w-25 { width: 10% !important; }
    h6 { font-size: 0.75em; }
    .mt-2 { margin-top: 0.5em !important; }
    .p-4 { padding: 0.75em !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 */
    .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; }      /* formulario */
    .py-4 { padding-top: 1em !important; padding-bottom: 1em !important; }        /* formulario */
    .py-3 { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }    /* formulario, footer */    
        
    /* Sección principal - titulo */
    .display-4 { font-size: 1.75em !important; }
    
    /* Sección principal - imagen y mapa */
    h2 { font-size: 1.25em; }
    .w-100 { width: 80% !important; }
    iframe { width: 80%; height: 300px;  }
    
    /* Sección principal - formulario de contacto */    
    h4 { font-size: 1em; }
    h5 { font-size: 0.75em; }
    main label { font-size: 0.75em; }
    .form-control { font-size: 0.65em; }
    main .btn { font-size: 0.5em !important; }    
    .px-5 { padding-left: 1.25em !important; padding-right: 1.25em !important; }
    .p-5 { padding: 1.5em !important; }
    
    /* Horario de servicios */
    main ul li { font-size: 0.7em; }
    main p { font-size: 0.7em; }
    
    /* Lista de servicios */
    .w-25 { width: 10% !important; }
    h6 { font-size: 0.75em; }
    .mt-2 { margin-top: 0.5em !important; }
    .p-4 { padding: 0.5em !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-3 { padding: 0.5em !important; }                                           /* header */    
    .mr-3 { margin-right: 0.5em !important; }                                     /* header */           
    .my-3 { margin-top: 0.5em !important; margin-bottom: 0.5em !important; }      /* formulario */
    .py-3 { padding-top: 0.5em !important; padding-bottom: 0.5em !important; }    /* formulario, footer */
    .py-4 { padding-top: 1em !important; padding-bottom: 1em !important; }        /* formulario */
                    
    /* Sección principal - titulo */
    .display-4 { font-size: 1.5em !important; }
    
    /* Sección principal - imagen y mapa */
    h2 { font-size: 1.25em; }
    .w-100 { width: 80% !important; }
    iframe { width: 80%; height: 225px; }
    
    /* Sección principal - formulario de contacto */    
    h4 { font-size: 1em; }
    h5 { font-size: 0.75em; }
    main label { font-size: 0.65em; }
    .form-control { font-size: 0.6em; }
    main .btn { font-size: 0.5em !important; }    
    .px-5 { padding-left: 1.25em !important; padding-right: 1.25em !important; }
    .p-5 { padding: 1.5em !important; }
    
    /* Horario de servicios */
    main ul li { font-size: 0.6em; }
    main p { font-size: 0.6em; }
    .mt-2 { margin-top: 0.5em !important; }
    .p-4 { padding: 0.5em !important; }
    
    /* Lista de servicios */
    .w-25 { width: 10% !important; }
    h6 { font-size: 0.75em; }
    
    /* 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; }
}