/* ================= Variables ================= */

:root{
    --primary-color:rgb(235, 191, 33);
    --secondary-color:#4E4848;
    --texto-background-secondary: #D9DBCD;
}

/* ================= Header ================= */

header .header-superior{
    background-color: var(--secondary-color);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

header .header-redes-sociales ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

header .header-redes-sociales ul li{
    display: inline;
    padding-right: 1.5rem;
}

header .header-redes-sociales li a{
    text-decoration: none;
    color: var(--primary-color);
}

header .header-contacto ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

header .header-contacto ul li{
    display: inline;
    padding-left: 1.5rem;
}

header .header-contacto ul li span{
    color: white;
}

header .header-contacto ul li span svg{
    color: var(--primary-color) !important;
}

/* ================= Navbar ================= */

nav{
    padding: 1rem 0rem !important;
}

nav .navbar-brand img{
    width: 15rem;
}

nav .navbar-nav .nav-item{
    padding-left: 1rem;
}

.navbar-light .navbar-nav .active > .nav-link{
    color: var(--primary-color);
}

nav .navbar-nav .nav-item .nav-link{
    text-transform: uppercase;
    font-weight: 700;
}

.dropdown-menu .dropdown-item:active {
    background-color: var(--primary-color);
}

.dropdown-menu .dropdown-item:hover{
    background-color: var(--primary-color);
    color: #FFFFFF;
}

.dropdown-menu .dropdown-item:focus{
    background-color: var(--primary-color);
    color: #FFFFFF;
}


/* ================= Bienvenido ================= */

#bienvenido{
    padding: 2.5rem 0rem;
    height: 100vh;
}

#bienvenido .titulo-bienvenido {
    padding: 2.5rem 0rem;
}

#bienvenido .titulo-bienvenido h2{
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: .5rem;
    text-transform: uppercase;
    color: var(--secondary-color);
}

#bienvenido .video-bienvenido{
    padding: .5rem;
}

#bienvenido .video-bienvenido iframe{
    width: 100%;
    height: 45vh;
}

#bienvenido .text-bienvenido{
    font-size: 1.2rem;
}

/* ================= Servicios ================= */

#servicios{
    padding: 2.5rem 0rem;
    background-color: #f8f9fa;
    height: 100vh;
}

#servicios .titulo-servicios {
    padding: 2.5rem 0rem;
}

#servicios .titulo-servicios h2{
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: .5rem;
    text-transform: uppercase;
    color: var(--secondary-color);
}

#servicios .lista-servicios{
    padding: .5rem;
}

#servicios .lista-servicios ul{
    margin: 0rem;
    padding: 0rem;
    list-style: none;
}

#servicios .lista-servicios ul li{
    font-size: 2rem;
    font-weight: 600;
    color: var(--secondary-color);
    text-transform: uppercase;
    margin: .8rem 0rem;
}

#servicios .text-servicios{
    font-size: 1.2rem;
}


/* ================= Noticias ================= */

#noticias{
    padding: 2.5rem 0rem;
}

#noticias .titulo-noticias {
    padding: 2.5rem 0rem;
}

#noticias .titulo-noticias h2{
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: .5rem;
    text-transform: uppercase;
    color: var(--secondary-color);
}

#noticias .card-noticias{
    padding: .5rem;
}

#noticias .card-noticias .card{
    margin: .5rem;
}

/* ================= Footer ================= */

footer{
    background-color: var(--secondary-color);
    padding: 2rem 0rem;
}

footer .footer-superior{
    padding: 2.5rem 0rem;
}

footer .footer-columna{
    margin: 1rem 0rem;
}

footer .footer-superior .footer-columna h5{
    color: #B6B9C0;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 800;
}

footer .footer-superior .footer-columna ul{
    padding: 0rem;
    margin: 1rem 0rem;
    list-style: none;
}

footer .footer-superior .footer-columna ul li{
    font-size: .8rem;
    margin-bottom: .5rem;
}

footer .footer-superior .footer-columna ul li a{
    text-decoration: none;
    color: var(--texto-background-secondary);
}

footer .footer-superior .footer-columna span{
    color: var(--texto-background-secondary);
    font-size: .8rem;
}

footer .footer-superior .footer-columna iframe{
    width: 100%;
    height: 25vh;
    margin: 1rem 0rem;
}

footer .footer-inferior{
    padding-top: .8rem;
}

footer .footer-inferior .creditos{
    color: var(--texto-background-secondary);
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 700;
}

/* ================= Contenido General Páginas ================= */

.titulo-section{
    background-color: var(--primary-color);
    padding: 2.5rem 0rem;
}

.titulo-section .titulo h1{
    font-size: 2.5rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    color: #ffffff;
}

.contenido-section{
    padding: 3rem 0rem;
}

.contenido-section .imagenes-contenido{
    padding: .5rem;
}

.contenido-section .imagenes-contenido img{
    width: 100%;
    margin-bottom: 2rem;
}

.colaboradores-section{
    padding-top: 2rem;
    padding-bottom: 4.5rem;
}

.colaboradores-section .titulo-colaboradores {
    padding: 2.5rem 0rem;
}

.colaboradores-section .titulo-colaboradores .titulo h3{
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .5rem;
    text-transform: uppercase;
    color: var(--secondary-color);
}

.colaboradores-section .colaboradores{
    padding: 3rem 0rem;
}

.colaboradores-section .colaboradores .perfil-colaborador{
    padding: .5rem;
}

.colaboradores-section .colaboradores .perfil-colaborador img{
    width: 200px;
    border-color: var(--primary-color);
    border-width: .2rem;
    border-style: solid;
    border-radius: 50%;
}

.colaboradores-section .colaboradores .perfil-colaborador .perfil-text{
    padding: 1.2rem 0rem;
}

.colaboradores-section .colaboradores .perfil-colaborador .perfil-text h5{
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .2rem;
    text-transform: uppercase;
}

.contenido-section .subtitulo-contenido{
    padding: 1.5rem 0rem;
    text-align: center;
}

.contenido-section .subtitulo-contenido h3{
    font-size: 2rem;
    text-transform: uppercase;
}

.contenido-section .subtitulo-contenido h3 span{
    color: var(--primary-color);
}

.contenido-section #FormContactanos .form-group{
    padding: .5rem 0rem;
}

.contenido-section #btnEnviarCorreo{
    margin: 1rem 0rem;
}

.contenido-section .mapa-contactawebs{
    padding: .5rem 0rem;
}

.contenido-section .mapa-contactawebs iframe{
    width: 100%;
    height: 90vh;
}

/* ================= Contenido General Páginas ================= */

ul{
    list-style: none;
    padding-left: 0rem;
}

.guia-contenido ul{
    list-style: none;
    padding-left: 0rem;
}

.guia-contenido ul li{
    font-size: 1.3rem;
    padding: 7px;
    display: flex;
}

.form-control:focus {
    color:#495057;
    background-color:#fff;
    border-color:rgb(235, 213, 135);
    outline:0;
    box-shadow:0 0 0 .2rem rgb(235, 191, 33,.25)
}

.btn-principal{
    color: white;
}

.btn-principal:hover{
    color: white;
}

.color-fondo-web {
    background: rgb(235, 191, 33);
}

.titulo-page{
    font-size: 1.8rem;
}

.color-white{
    color: #FFFFFF;
}

.title-bienvenido-sm{
    font-size: 1.4rem;
}

.footer-contawebs{
    background: #4E4848;
    color: #B6B9C0;
}

.divisor-footer{
    color:black;
}

.color-white{
    color: #FFFFFF;
}

.titulo-footer{
    color:#D9DBCD;
    font-size: 0.9rem;
}

.parrafo-footer{
    font-size: 0.8rem;
}

.footer-list{
    list-style-type: none;
}

.footer-list li {
    padding-bottom: 2px;
}