/*
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 : 05/09/2023, 07:30:02 PM
    Author     : pcgc7
*/

/* flecha para volver a la sección de inicio */
.flecha { font-size: 1.5em; }

/* Portada */
.imgFondo { background-image: url('../imagenes/fondopantalla_1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.imgFondoDos { background-image: url('../imagenes/fondopantalla_4.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.colorFondo { background-color: rgba(0, 0, 0, 0.5); }
.vh-100 { height: 100vh !important; } 
.w-75 { width: 95% !important; }
.icono { font-size: 1.25em; }
h1 { font-size: 2.5em; }
h2 { font-size: 2em; }  
.textop { font-family: "Georgia"; font-size: 1.25em; }
.mb-5 { margin-bottom: 2.25em !important; }
.btn-lg { font-size: 1.25em !important; padding: 0.5em 1em !important; }

/* Habilidades */
.mx-3 { margin-left: 1em !important; margin-right: 1em !important; }
.pl-3 { padding-left: 1em !important; }
.px-3 { padding-left: 1em !important; padding-right: 1em !important; }
.pl-5 { padding-left: 2.5em !important; }
.py-5 { padding-top: 2.5em !important; padding-bottom: 2.5em !important; }
.pb-3 { padding-bottom: 1em !important; }
.nav-link { font-size: 1em !important; }
h4 { font-size: 1.5em; }    
h5 { font-size: 1.25em; }
ul li { font-size: 1em; }

/*  */
.display-4 { font-size: 2em !important; }

/* Conocimientos */
p { font-size: 1em; }
.pb-5 { padding-bottom: 2.5em !important; }
.pt-4 { padding-top: 1em !important; }
.card-header { padding: 0.75em 1.25em !important; }
.card-header h2 { font-size: 1.25em !important; }
.card-header .btn { font-size: 1em !important; }

/* Trabajos */
.card-body ul li { font-size: 0.9em !important; }
.card-body { padding: 0.75em 0.5em !important; }
.card-footer { padding: 0.5em !important; }

/* Pie de página */
.colorFooter { background-color: #003958; }
footer h3 { font-size: 1.75em; }
.blockquote { margin-top: 0!important; }
.texto { font-family: 'Shantell Sans', cursive; font-weight: 400; font-size: 2.5rem; }
.blockquote-footer { font-size: 1em !important; }
.enlace { font-size: 1em; padding: 0.75em 1.25em; }
.ml-2 { margin-left: 0 !important; }
                
/********************* Media queries *********************/

/* Estilo para dispositivos con tamaño de pantalla mayor a 1424px y menor que 1648px */
@media screen and (min-width: 1424px) and (max-width: 1647.98px) {
    
    /* flecha */
    .flecha { font-size: 1.5em; }
    
    /* Portada */
    .vh-100 { height: 90vh !important; }
    .w-75 { width: 90% !important; }    
    h1 { font-size: 2.5em; }
    h2 { font-size: 1.75em; }      
    .textop { font-family: "Georgia"; font-size: 1em; }
    .mb-5 { margin-bottom: 2.25em !important; }
    .btn-lg { font-size: 1em !important; padding: 0.5em 1em !important; }
    
    /* Habilidades */    
    .mx-3 { margin-left: 0.75em !important; margin-right: 0.75em !important; }
    .pl-3 { padding-left: 0.75em !important; }
    .px-3 { padding-left: 0.75em !important; padding-right: 0.75em !important; }    
    .pl-5 { padding-left: 2.5em !important; }    
    .py-5 { padding-top: 2.5em !important; padding-bottom: 2.5em !important; } 
    .pb-3 { padding-bottom: 0.75em !important; }
    .nav-link { font-size: 1em !important; }
    h4 { font-size: 1.5em; }
    h5 { font-size: 1.25em; }    
    ul li { font-size: 0.85em; }
    
    /* Conocimientos */
    p { font-size: 1em; }
    .pb-5 { padding-bottom: 2em !important; }
    .pt-4 { padding-top: 0.75em !important; }
    .card-header { padding: 0.75em 1em !important; }
    .card-header .btn { font-size: 1em !important; }
    
    /* Trabajos */
    .card-body ul li { font-size: 0.9em !important; }
    .card-body { padding: 0.75em 0.5em !important; }
    .card-footer { padding: 0.5em !important; }
        
    /* Pie de página */
    footer h3 { font-size: 1.75em; }    
    .blockquote { margin-top: 0 !important; }
    .texto { font-size: 2.25em; }
    .blockquote-footer { font-size: 1em !important; }
    .enlace { font-size: 0.85em; padding: 0.75em 1.25em; }
    .ml-2 { margin-left: 0.2em !important; }
}

/* Estilo para dispositivos con tamaño de pantalla mayor a 1200px y menor que 1424px */
@media screen and (min-width: 1200px) and (max-width: 1423.98px) {
    
    /* flecha */
    .flecha { font-size: 1.25em; }
    
    /* Portada */  
    .vh-100 { height: 90vh !important; }
    .w-75 { width: 80% !important; }    
    h1 { font-size: 2.25em; }
    h2 { font-size: 1.75em; }    
    .textop { font-family: "Georgia"; font-size: 1em; }
    .mb-5 { margin-bottom: 2em !important; }
    .btn-lg { font-size: 1em !important; padding: 0.5em 0.75em !important; }
    
    /* Habilidades */    
    .mx-3 { margin-left: 0.5em !important; margin-right: 0.5em !important; }
    .pl-3 { padding-left: 0.5em !important; }
    .px-3 { padding-left: 0.5em !important; padding-right: 0.5em !important; }      
    .pl-5 { padding-left: 2.25em !important; }    
    .py-5 { padding-top: 2.25em !important; padding-bottom: 2.25em !important; }      
    .pb-3 { padding-bottom: 0.5em !important; }
    .nav-link { font-size: 1em !important; }
    h4 { font-size: 1.5em; }
    h5 { font-size: 1.25em; }    
    ul li { font-size: 0.85em; }
    
    /* Conocimientos */
    p { font-size: 0.85em; }
    .pb-5 { padding-bottom: 1.75em !important; }
    .pt-4 { padding-top: 0.5em !important; }
    .card-header { padding: 0.75em 0.5em !important; }
    .card-header .btn { font-size: 1em !important; }
    
    /* Trabajos */
    .card-body ul li { font-size: 0.75em !important; }
    .card-body { padding: 0.75em 0.5em !important; }
    .card-footer { padding: 0.5em !important; }
        
    /* Pie de página */
    footer h3 { font-size: 1.5em; }    
    .blockquote { margin-top: 2em!important; }
    .texto { font-size: 2em; }
    .blockquote-footer { font-size: 1em !important; }
    .enlace { font-size: 0.85em; padding: 0.75em 1.25em; }
    .ml-2 { margin-left: 0.25em !important; }
}

/* Estilo para dispositivos con tamaño de pantalla mayor a 992px y menor que 1200px */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    
    /* flecha */
    .flecha { font-size: 1.25em; }
    
    /* Portada */ 
    .vh-100 { height: 85vh !important; } 
    .w-75 { width: 35% !important; }    
    h1 { font-size: 2em; }
    h2 { font-size: 1.5em; }      
    .textop { font-family: "Georgia"; font-size: 0.85em; }
    .mb-5 { margin-bottom: 2em !important; }
    .btn-lg { font-size: 0.75em !important; padding: 0.5em 0.75em !important; }
    
    /* Habilidades */    
    .mx-3 { margin-left: 0.5em !important; margin-right: 0.5em !important; }
    .pl-3 { padding-left: 0.5em !important; }
    .px-3 { padding-left: 0.5em !important; padding-right: 0.5em !important; }    
    .pl-5 { padding-left: 2em !important; }    
    .py-5 { padding-top: 2em !important; padding-bottom: 2em !important; }   
    .pb-3 { padding-bottom: 0.5em !important; }
    .nav-link { font-size: 1em !important; }
    h4 { font-size: 1.25em; }
    h5 { font-size: 1em; }    
    ul li { font-size: 0.85em; }
    
    /* Conocimientos */
    p { font-size: 0.85em; }
    .pb-5 { padding-bottom: 1.75em !important; }
    .pt-4 { padding-top: 0.5em !important; }
    .card-header { padding: 0.75em 0.5em !important; }
    .card-header .btn { font-size: 0.75em !important; }
    
    /* Trabajos */
    .card-body ul li { font-size: 0.75em !important; }
    .card-body { padding: 0.75em 0.25em !important; }
    .card-footer { padding: 0.5em !important; }
        
    /* Pie de página */
    footer h3 { font-size: 1.5em; }    
    .blockquote { margin-top: 2em!important; }
    .texto { font-size: 1.75em; }
    .blockquote-footer { font-size: 1em !important; }
    .enlace { font-size: 0.85em; padding: 0.75em 1.25em; }
    .ml-2 { margin-left: 0.25em !important; }
}

/* Estilo para dispositivos con tamaño de pantalla mayor a 768px y menor que 992px */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
    
    /* flecha */
    .flecha { font-size: 1.25em; }
    
    /* Portada */ 
    .vh-100 { height: 80vh !important; } 
    .w-75 { width: 35% !important; }    
    h1 { font-size: 1.75em; }
    h2 { font-size: 1.5em; }      
    .textop { font-family: "Georgia"; font-size: 0.75em; }
    .mb-5 { margin-bottom: 1.75em !important; }
    .btn-lg { font-size: 0.75em !important; padding: 0.5em 0.75em !important; }
    
    /* Habilidades */    
    .mx-3 { margin-left: 0.25em !important; margin-right: 0.25em !important; }
    .pl-3 { padding-left: 0.25em !important; }
    .px-3 { padding-left: 0.25em !important; padding-right: 0.25em !important; }    
    .pl-5 { padding-left: 1.75em !important; }    
    .py-5 { padding-top: 1.75em !important; padding-bottom: 1.75em !important; }
    .pb-3 { padding-bottom: 0.25em !important; }
    .nav-link { font-size: 0.75em !important; }
    h4 { font-size: 1.25em; }
    h5 { font-size: 1em; }    
    ul li { font-size: 0.85em; }
    
    /* Conocimientos */
    p { font-size: 0.75em; }
    .pb-5 { padding-bottom: 1.5em !important; }
    .pt-4 { padding-top: 0.25em !important; }
    .card-header { padding: 0.75em 0 !important; }
    .card-header .btn { font-size: 0.75em !important; }
    
    /* Trabajos */
    .card-body ul li { font-size: 0.75em !important; }
    .card-body { padding: 0.75em 0.25em !important; }
    .card-footer { padding: 0.5em !important; }
    
    /* Pie de página */
    footer h3 { font-size: 1.5em; }    
    .blockquote { margin-top: 2em!important; }
    .texto { font-size: 1.5em; }
    .blockquote-footer { font-size: 1em !important; }
    .enlace { font-size: 0.85em; padding: 0.75em 1.25em; }
    .ml-2 { margin-left: 0.3em !important; }    
}

/* Estilo para dispositivos con tamaño de pantalla mayor a 576px y menor que 768px */
@media screen and (min-width: 576px) and (max-width: 767.98px) { 
    
    /* flecha */
    .flecha { font-size: 1em; }
    
    /* Portada */    
    .vh-100 { height: 75vh !important; } 
    .w-75 { width: 35% !important; }    
    h1 { font-size: 1.5em; }
    h2 { font-size: 1.25em; }     
    .textop { font-family: "Georgia"; font-size: 0.7em; }
    .mb-5 { margin-bottom: 1.5em !important; }
    .btn-lg { font-size: 0.7em !important; padding: 0.75em !important; }
    
    /* Habilidades */    
    .mx-3 { margin-left: 0.25em !important; margin-right: 0.25em !important; }
    .pl-3 { padding-left: 0.25em !important; }
    .px-3 { padding-left: 0.25em !important; padding-right: 0.25em !important; }     
    .pl-5 { padding-left: 1.5em !important; }    
    .py-5 { padding-top: 1.5em !important; padding-bottom: 1.5em !important; }
    .pb-3 { padding-bottom: 0.25em !important; }
    .nav-link { font-size: 0.75em !important; }
    h4 { font-size: 1.25em; }
    h5 { font-size: 1em; }    
    ul li { font-size: 0.75em; }
    
    /* Conocimientos */
    p { font-size: 0.75em; }
    .pb-5 { padding-bottom: 1.5em !important; }
    .pt-4 { padding-top: 0.25em !important; }
    .card-header { padding: 0.75em 0 !important; }
    .card-header .btn { font-size: 0.75em !important; }
    
    /* Trabajos */
    .card-body ul li { font-size: 0.75em !important; }
    .card-body { padding: 0.75em 0.25em !important; }
    .card-footer { padding: 0.5em !important; } 
                
    /* Pie de página */
    footer h3 { font-size: 1.25em; }    
    .blockquote { margin-top: 2em!important; }
    .texto { font-size: 1.25em; }
    .blockquote-footer { font-size: 0.75em !important; }
    .enlace { font-size: 0.75em; padding: 0.75em 1.25em; }
    .ml-2 { margin-left: 0.4em !important; }
}

/* Estilo para dispositivos con tamaño de pantalla mayor a 481px y menor que 576px */
@media screen and (min-width: 481px) and (max-width: 575.98px) {
    
    /* flecha */
    .flecha { font-size: 1em; }
    
    /* Portada */
    .vh-100 { height: 70vh !important; } 
    .w-75 { width: 35% !important; }   
    h1 { font-size: 1.25em; }
    h2 { font-size: 1em; }
    .textop { font-family: "Georgia"; font-size: 0.65em; }
    .mb-5 { margin-bottom: 1.25em !important; }
    .btn-lg { font-size: 0.7em !important; padding: 0.5em !important; }
    
    /* Habilidades */    
    .mx-3 { margin-left: 0 !important; margin-right: 0 !important; }
    .pl-3 { padding-left: 0 !important; }
    .px-3 { padding-left: 0 !important; padding-right: 0 !important; }    
    .pl-5 { padding-left: 1.5em !important; }    
    .py-5 { padding-top: 1.25em !important; padding-bottom: 1.25em !important; }
    .pb-3 { padding-bottom: 0 !important; }
    .nav-link { font-size: 0.75em !important; }
    h4 { font-size: 1.25em; }
    h5 { font-size: 1em; }    
    ul li { font-size: 0.75em; }
    
    /* Conocimientos */
    p { font-size: 0.65em; }
    .pb-5 { padding-bottom: 1.25em !important; }
    .pt-4 { padding-top: 0 !important; }
    .card-header { padding: 0.65em 0 !important; }
    .card-header .btn { font-size: 0.65em !important; }
        
    /* Trabajos */    
    .card-body { padding: 0.75em 0.25em !important; }
    .card-body ul li { font-size: 0.75em !important; }    
    .card-footer { padding: 0.5em !important; }
    
    /* Pie de página */
    footer h3 { font-size: 1.25em; }    
    .blockquote { margin-top: 2em!important; }
    .texto { font-size: 1.25em; }
    .blockquote-footer { font-size: 0.75em !important; }
    .enlace { font-size: 0.75em; padding: 0.75em 1.25em; }
    .ml-2 { margin-left: 0.4em !important; }
}

/* Estilo para dispositivos con tamaño de pantalla menor que 481px */
@media screen and (max-width: 480.98px) {
    
    /* flecha */
    .flecha { font-size: 1em; }
    
    /* Portada */
    .vh-100 { height: 70vh !important; } 
    .w-75 { width: 35% !important; }
    h1 { font-size: 1.25em; }
    h2 { font-size: 1em; }
    .textop { font-family: "Georgia"; font-size: 0.6em; }
    .mb-5 { margin-bottom: 1em !important; }
    .btn-lg { font-size: 0.7em !important; padding: 0.5em !important; }
    
    /* Habilidades */
    .mx-3 { margin-left: 0 !important; margin-right: 0 !important; }
    .pl-3 { padding-left: 0 !important; }
    .px-3 { padding-left: 0 !important; padding-right: 0 !important; }
    .pl-5 { padding-left: 1.5em !important; }    
    .py-5 { padding-top: 1em !important; padding-bottom: 1em !important; }    
    .pb-3 { padding-bottom: 0 !important; }
    .nav-link { font-size: 0.75em !important; }
    h4 { font-size: 1em; }
    h5 { font-size: 1em; }    
    ul li { font-size: 0.75em; }
    
    /* Conocimientos */
    p { font-size: 0.65em; }
    .pb-5 { padding-bottom: 1.25em !important; }
    .pt-4 { padding-top: 0 !important; }
    .card-header { padding: 0.65em 0 !important; }
    .card-header .btn { font-size: 0.65em !important; }
    
    /* Trabajos */       
    .card-body { padding: 0.75em 0.25em !important; }
    .card-body ul li { font-size: 0.75em !important; }
    .card-footer { padding: 0.5em !important; }
    
    /* Pie de página */
    footer h3 { font-size: 1.25em; }    
    .blockquote { margin-top: 2em!important; }
    .texto { font-size: 1.25em; }
    .blockquote-footer { font-size: 0.75em !important; }
    .enlace { font-size: 0.75em; padding: 0.75em 1.25em; }
    .ml-2 { margin-left: 0.45em !important; }
}