/*
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 : 07/06/2023, 05:34:13 PM
    Author     : pcgc7
*/

/******************** Estilos generales de la página ********************/

* {
    box-sizing: border-box;    
}
body {
    font-family: 'Open Sans', sans-serif;    
}
:root {
    --colorAzul: #003958;
    --colorDorado: #b59a47;
    --colorBlanco: #fff;
    --colorWhitesmoke: #f5f5f5;
    --colorAlabaster: #f2f0e6;
    --colorSilver: #ccc;
}
::-webkit-scrollbar {
    display: none;
}

/******************** Estilos contenedor de la página ********************/

.contenedor {
    display: grid;
    
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(17, 10em);
    
    grid-template-areas:
    "encabezado encabezado encabezado encabezado encabezado encabezado"
    "contenido  contenido  contenido  contenido  contenido  contenido"
    "contenido  contenido  contenido  contenido  contenido  contenido"
    "contenido  contenido  contenido  contenido  contenido  contenido"
    "contenido  contenido  contenido  contenido  contenido  contenido"
    "contenido  contenido  contenido  contenido  contenido  contenido"
    "contenido  contenido  contenido  contenido  contenido  contenido"
    "contenido  contenido  contenido  contenido  contenido  contenido"
    "contenido  contenido  contenido  contenido  contenido  contenido"
    "contenido  contenido  contenido  contenido  contenido  contenido"
    "contenido  contenido  contenido  contenido  contenido  contenido"
    "contenido  contenido  contenido  contenido  contenido  contenido"
    "contenido  contenido  contenido  contenido  contenido  contenido" 
    "contenido  contenido  contenido  contenido  contenido  contenido"    
    "contenido  contenido  contenido  contenido  contenido  contenido" 
    "piepagina  piepagina  piepagina  piepagina  piepagina  piepagina"    
    "piepagina  piepagina  piepagina  piepagina  piepagina  piepagina";
}

/******************** Estilos encabezado de la página ********************/

.contenedor .encabezado {
    grid-area: encabezado;
                
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    
    width: 100%;
    z-index: 50;
    background: linear-gradient(to right, #f5f5f5 0%, #b59a47 100%);        
    box-shadow: 0 0.75em 0.75em 0 rgba(0,0,0,0.5);           
}
.contenedor .encabezado .logo img {
    width: 65%;
    padding-left: 1em;
}

/******************** Estilos contenidos de la página ********************/

.contenedor .contenido {
    grid-area: contenido;

    display: grid;    
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(14, 10em);
            
    grid-template-areas:
    "titulos    titulos    titulos    titulos    titulos    titulos"
    "titulos    titulos    titulos    titulos    titulos    titulos"
    "opciones   opciones   opciones   opciones   opciones   opciones"
    "opciones   opciones   opciones   opciones   opciones   opciones"
    "textos     textos     textos     textos     textos     textos"
    "textos     textos     textos     textos     textos     textos"
    "textos     textos     textos     textos     textos     textos"
    "textos     textos     textos     textos     textos     textos" 
    "textos     textos     textos     textos     textos     textos"
    "textos     textos     textos     textos     textos     textos" 
    "imagenes   imagenes   imagenes   imagenes   imagenes   imagenes"
    "imagenes   imagenes   imagenes   imagenes   imagenes   imagenes"    
    "imagenes   imagenes   imagenes   imagenes   imagenes   imagenes"  
    "imagenes   imagenes   imagenes   imagenes   imagenes   imagenes";    
}

/******************** Estilos de titulos ********************/

.contenedor .contenido .textoTitulos {
    grid-area: titulos;
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
        
    background: url('../imagenes/imgCielo.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 40;
/*    box-shadow: 0 0.75em 0.75em 0 rgba(0,0,0,0.5); */
}
.contenedor .contenido .textoTitulos p {
    font-family: 'Noto Serif', serif;
    margin: 1em 0;    
    font-size: 1.5em;
    text-align: center;
    line-height: 1.5em;    
    font-weight: 700;
    font-style: italic;
    color: var(--colorAlabaster);
}
.imgBorde {
    width: 27%;
}

/******************** Estilos de opciones del menú ********************/

.contenedor .contenido .menu {
    grid-area: opciones;
    
    display: flex;    
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
        
    background: var(--colorBlanco);    
}
.contenido .menu .item {    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    height: 55%;
    width: 20%;    
    text-decoration: none;    
    color: var(--colorAzul);
    transition: all ease .3s;
    border: 0.125em solid var(--colorSilver);
    border-radius: 0.625em;    
}
.contenido .menu .item:hover {    
    border: 0.15em solid var(--colorAzul);
    background: rgba(181, 154, 71, 0.4);    
    border-radius: 0.625em;
    cursor: pointer;
}
.contenido .menu .opcion {    
    font-size: 3em;
}
.contenido .menu .tituloItem {
    font-size: 1.25em;
    margin-bottom: 0;
}

/******************** Estilos fondo y texto de visión ********************/

.contenedor .contenido .imagenFondo {
    grid-area: textos;
        
    background: url('../imagenes/ImgIglesia_1.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center; 
    z-index: 60;
/*    box-shadow: 0 0.75em 0.75em 0 rgba(0,0,0,0.5);*/
}
.contenedor .contenido .imagenFondo .txtVision {    
    display: flex;
    justify-content: center;
    align-items: center; 
    
    font-family: 'Noto Serif', serif;
    height: 100%;
    font-size: 3em;
    font-weight: 600;
    text-align: center;
    line-height: 2em;    
    background: rgba(0,0,0,0.3);    
    color: var(--colorBlanco);           
/*    color: var(--colorDorado);           */
    
}
/*.contenedor .contenido .imagenFondo .txtVision span {
    color: var(--colorAzul);
}*/

/******************** Estilos del carrusel de imagenes ********************/

.contenedor .contenido .contenedor-slideshow {
    grid-area: imagenes;
    
    display: flex;
    flex-direction: row;
    justify-content: center;    
    align-items: center;
    background-image: url('../imagenes/imgMuroPiedra.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;  
}
.contenedor-imagenes {
    max-width: 55%;        
    z-index: 30;
}
.contenedor-imagenes .imgSlide {
    width: 85%;
    margin: 0 auto;             
    border: 0.5em double var(--colorAzul);
    border-radius: 0.5em;
    padding: 0.5em;        
}
.contenedor-imagenes .slick-list {
    margin: 0 2.5em;
}
.contenedor-imagenes .flecha-previo,
.contenedor-imagenes .flecha-siguiente {
    position: absolute;
    top: 39%;
    z-index: 30;
    color: var(--colorAzul);    
    font-size: 5em;
    text-align: center;
}
.contenedor-imagenes .flecha-previo {
    left: 0%;
}
.contenedor-imagenes .flecha-siguiente {
    right: 0%;
}
.flecha-previo:hover, .flecha-siguiente:hover {
    cursor: pointer;
    color: var(--colorDorado);
}
.contenedor-imagenes .slick-dots {
    position: absolute;
    bottom: -7%;
    left: 0;
    width: 100%;
    text-align: center;
}
.contenedor-imagenes ul.slick-dots {
    padding: 0;
}
.contenedor-imagenes .slick-dots li {
    display: inline-block;    
    width: 0.65em;
    height: 0.65em;
    margin: 0 0.35em;
    background-color: var(--colorAzul);
    border-radius: 50%;    
    list-style: none;    
}
.contenedor-imagenes .slick-dots li.slick-active {
    background: var(--colorDorado);
}
.contenedor-imagenes .slick-dots li button {
    display: none;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}

/******************** Estilos para el pie de la página ********************/

.contenedor .contenedorPiepagina {
    grid-area: piepagina;  
    
    display: flex;             
    flex-wrap: wrap;         
    background-color: var(--colorAzul);
    z-index: 20; 
}
.contenedor .contenedorPiepagina .contenidoFooter {
    display: flex;    
    flex-direction: row; 
    justify-content: space-around;
    align-items: center;
    width: 100%;
}
.wave {
    height: 25%;
    width: 100%;
    position: relative;
    bottom: 2.75em;    
}
.columna-menu, .columna-redes, .columna-contacto {
    width: 25%;
    margin-bottom: 1em;
}
.columna-logo {
    display: flex;
    flex-direction: column;    
    align-items: center;
    
    width: 25%;
}
.columna-logo img {
    width: 40%;
}
.columna-menu h2, .columna-redes h2, .columna-contacto h2 {
    font-size: 1em;
    margin-top: 0;    
    font-weight: 600;
    color: var(--colorDorado);
}
.columna-menu a, .columna-menu ul, .columna-redes .redes label,
.columna-redes .redes .icono, .columna-contacto .datos, 
.columna-contacto .datos a {
    color: var(--colorBlanco);
}
.columna-menu a, .columna-redes .redes a, .columna-contacto .datos a {    
    text-decoration: none;    
}
.columna-menu a:hover, .columna-redes .redes a label:hover,
.columna-contacto .datos a:hover {
    color: var(--colorDorado); 
}
.columna-menu ul {
    display: flex;
    flex-direction: column;    
    align-items: flex-start;
    
    font-size: 0.8em;
    margin: 0 1em; 
    padding-left: 0.75em;
    line-height: 2em;       
}
.columna-redes .redes, .columna-contacto .datos {
    display: flex;
    flex-direction: row;    
    align-items: center;    
}
.columna-redes .redes .icono, .columna-contacto .datos .icono {
    width: 1.25em;                                          
    font-size: 1.25em;                                         
    text-align: center;
}
.columna-redes .redes label, .columna-contacto .datos label,
.columna-contacto .datos a {
    margin-left: 1em;                                       
}
.columna-redes .redes, .columna-contacto .datos {        
    font-size: 0.8em;
    line-height: 2.75em;
}
.contenedorInformacion {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    
    width: 100%;
    height: 18%;           
    background: var(--colorAzul);
    border-top: 0.0625em solid var(--colorDorado);           
}
.barraInfo {
    font-size: 0.8em;
    color: var(--colorDorado);
}

/********************** Estilos para dispositivos móviles *********************/

/* Dispositivos con orientación horizontal con una resolución de pantalla mayor a 1424px y menor que 1648px */
@media screen and (min-width: 1424px) and (max-width: 1647.98px) {
    .contenedor {
        grid-template-rows: repeat(17, 8em);
    }
    .contenedor .contenido {
        grid-template-rows: repeat(14, 8em);
    }
    
    /* Encabezado */
    .contenedor .encabezado .logo img {
        width: 60%;
    }
    
    /* Texto bíblico */
    .contenedor .contenido .textoTitulos p {
        font-size: 1.25em;
    }
    
    /* Menú de opciones */
    .contenedor .contenido .menu .item {
        width: 20%;
        height: 55%;
    }
    .contenido .menu .opcion {
        font-size: 2.5em;
    }
    .contenido .menu .tituloItem {
        font-size: 1.25em;
    }
    
    /* Texto visión */
    .contenedor .contenido .imagenFondo .txtVision {
        font-size: 2.75em;
    }
    
    /* Carrusel de imágenes */
    .contenedor-imagenes {
        max-width: 55%;
    }
    .contenedor-imagenes .flecha-previo,
    .contenedor-imagenes .flecha-siguiente {
        font-size: 3.75em;
    }
    .contenedor-imagenes .flecha-previo {
        left: 3%;
    }
    .contenedor-imagenes .flecha-siguiente {
        right: 3%;
    }
    .contenedor-imagenes .slick-dots {
        bottom: -6%;
    }
    .contenedor-imagenes .slick-dots li {
        width: 0.5em;
        height: 0.5em;
    }
    .contenedor-imagenes .imgSlide {
        padding: 0.25em;
    }
    
    /* Footer */
    .contenedor .contenedorPiepagina {
        align-content: center;
    }
    .contenedor .contenedorPiepagina .wave {
        bottom: 2.5em;
    }
    .columna-logo img {
        width: 40%;
    }
    .columna-menu, .columna-redes, .columna-contacto {
        width: 25%;
    }
    .columna-menu ul {
        font-size: 0.8em;
        line-height: 1.95em;
        padding-left: 0.75em;
    }
    .columna-redes .redes, .columna-contacto .datos {
        font-size: 0.8em;
        line-height: 2.6em;
    }
    .columna-redes .redes .icono, .columna-contacto .datos .icono {
        font-size: 1.25em;
    }
    .columna-menu h2, .columna-redes h2, .columna-contacto h2 {
        font-size: 1em;
    }
    .contenedorInformacion .barraInfo {
        font-size: 0.8em;
    }
}

/* Dispositivos con orientación horizontal con una resolución de pantalla mayor a 1200px y menor que 1424px */
@media screen and (min-width: 1200px) and (max-width: 1423.98px) {
    .contenedor {
        grid-template-rows: repeat(17, 8em);
    }
    .contenedor .contenido {
        grid-template-rows: repeat(14, 8em);
    }
    
    /* Encabezado */
    .contenedor .encabezado .logo img {
        width: 55%;
    }
    
    /* Texto bíblico */
    .contenedor .contenido .textoTitulos p {
        font-size: 1.25em;
    }
    
    /* Menú de opciones */
    .contenedor .contenido .menu .item {
        width: 20%;
        height: 55%;
    }
    .contenido .menu .opcion {
        font-size: 2.5em;
    }
    .contenido .menu .tituloItem {
        font-size: 1.25em;
    }
    
    /* Texto visión */
    .contenedor .contenido .imagenFondo .txtVision {
        font-size: 2.5em;
    }
    
    /* Carrusel de imágenes */
    .contenedor-imagenes {
        max-width: 65%;
    }
    .contenedor-imagenes .flecha-previo,
    .contenedor-imagenes .flecha-siguiente {
        font-size: 3.75em;
    }
    .contenedor-imagenes .flecha-previo {
        left: 3%;
    }
    .contenedor-imagenes .flecha-siguiente {
        right: 3%;
    }
    .contenedor-imagenes .slick-dots {
        bottom: -6%;
    }
    .contenedor-imagenes .slick-dots li {
        width: 0.5em;
        height: 0.5em;
    }
    .contenedor-imagenes .imgSlide {
        padding: 0.25em;
    }
    
    /* Footer */
    .contenedor .contenedorPiepagina {
        align-content: center;
    }
    .contenedor .contenedorPiepagina .wave {
        bottom: 2.5em;
    }
    .columna-logo img {
        width: 40%;
    }
    .columna-menu, .columna-redes, .columna-contacto {
        width: 25%;
    }
    .columna-menu ul {
        font-size: 0.8em;
        line-height: 1.95em;
        padding-left: 0.75em;
    }
    .columna-redes .redes, .columna-contacto .datos {
        font-size: 0.8em;
        line-height: 2.6em;
    }
    .columna-redes .redes .icono, .columna-contacto .datos .icono {
        font-size: 1.25em;
    }
    .columna-menu h2, .columna-redes h2, .columna-contacto h2 {
        font-size: 1em;
    }
    .contenedorInformacion .barraInfo {
        font-size: 0.8em;
    }
}

/* Dispositivos con orientación horizontal con una resolución de pantalla mayor a 992px y menor que 1200px */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    .contenedor {
        grid-template-rows: repeat(17, 8em);
    }
    .contenedor .contenido {
        grid-template-rows: repeat(14, 8em);
    }
    
    /* Encabezado */
    .contenedor .encabezado .logo img {
        width: 50%;
    }
    
    /* Texto bíblico */
    .contenedor .contenido .textoTitulos p {
        font-size: 1.15em;
    }
    
    /* Menú de opciones */
    .contenedor .contenido .menu .item {
        width: 20%;
        height: 55%;
    }
    .contenido .menu .opcion {
        font-size: 2.5em;
    }
    .contenido .menu .tituloItem {
        font-size: 1.25em;
    }
    
    /* Texto visión */
    .contenedor .contenido .imagenFondo .txtVision {
        font-size: 2.25em;
    }
    
    /* Carrusel de imágenes */
    .contenedor-imagenes {
        max-width: 75%;
    }
    .contenedor-imagenes .flecha-previo,
    .contenedor-imagenes .flecha-siguiente {
        font-size: 3em;
    }
    .contenedor-imagenes .flecha-previo {
        left: 5%;
    }
    .contenedor-imagenes .flecha-siguiente {
        right: 5%;
    }
    .contenedor-imagenes .slick-dots {
        bottom: -7%;
    }
    .contenedor-imagenes .slick-dots li {
        width: 0.5em;
        height: 0.5em;
    }
    .contenedor-imagenes .imgSlide {
        padding: 0.25em;
    }
    
    /* Footer */
    .contenedor .contenedorPiepagina {
        align-content: center;
    }
    .contenedor .contenedorPiepagina .wave {
        bottom: 2.5em;
    }
    .columna-logo img {
        width: 40%;
    }
    .columna-menu, .columna-redes, .columna-contacto {
        width: 25%;
    }
    .columna-menu ul {
        font-size: 0.7em;
        line-height: 1.8em;
        padding-left: 0.75em;
    }
    .columna-redes .redes, .columna-contacto .datos {
        font-size: 0.7em;
        line-height: 2.45em;
    }
    .columna-redes .redes .icono, .columna-contacto .datos .icono {
        font-size: 1.25em;
    }
    .columna-menu h2, .columna-redes h2, .columna-contacto h2 {
        font-size: 1em;
    }
    .contenedorInformacion .barraInfo {
        font-size: 0.7em;
    }
}

/* 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) {
    .contenedor {
        grid-template-rows: repeat(17, 6.45em);
    }
    .contenedor .contenido {
        grid-template-rows: repeat(14, 6.45em);
    }
    
    /* Encabezado */
    .contenedor .encabezado .logo img {
        width: 45%;
    }
    
    /* Texto bíblico */
    .contenedor .contenido .textoTitulos p {
        font-size: 1em;
    }
    
    /* Menú de opciones */
    .contenedor .contenido .menu .item {
        width: 20%;
        height: 55%;
    }
    .contenido .menu .opcion {
        font-size: 2.25em;
    }
    .contenido .menu .tituloItem {
        font-size: 1em;
    }
    
    /* Texto visión */
    .contenedor .contenido .imagenFondo .txtVision {
        font-size: 1.75em;
    }
    
    /* Carrusel de imágenes */
    .contenedor-imagenes {
        max-width: 75%;
    }
    .contenedor-imagenes .flecha-previo,
    .contenedor-imagenes .flecha-siguiente {
        font-size: 2em;
    }
    .contenedor-imagenes .flecha-previo {
        left: 5%;
    }
    .contenedor-imagenes .flecha-siguiente {
        right: 5%;
    }
    .contenedor-imagenes .slick-dots {
        bottom: -7%;
    }
    .contenedor-imagenes .slick-dots li {
        width: 0.5em;
        height: 0.5em;
    }
    .contenedor-imagenes .imgSlide {
        padding: 0.25em;
    }
    
    /* Footer */
    .contenedor .contenedorPiepagina {
        align-content: center;
    }
    .contenedor .contenedorPiepagina .wave {
        bottom: 2.25em;
    }
    .columna-logo, .columna-logo img {
        display: none;
    }
    .columna-menu, .columna-redes, .columna-contacto {
        width: 25%;
    }
    .columna-menu ul {
        font-size: 0.6em;
        line-height: 1.8em;
        padding-left: 0.75em;
    }
    .columna-redes .redes, .columna-contacto .datos {
        font-size: 0.6em;
        line-height: 2.15em;
    }
    .columna-redes .redes .icono, .columna-contacto .datos .icono {
        font-size: 1em;
    }
    .columna-menu h2, .columna-redes h2, .columna-contacto h2 {
        font-size: 0.85em;
    }
    .contenedorInformacion .barraInfo {
        font-size: 0.6em;
    }
}

/* 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) {
    .contenedor {
        grid-template-rows: repeat(17, 5.55em);
    }
    .contenedor .contenido {
        grid-template-rows: repeat(14, 5.55em);
    }
    
    /* Encabezado */
    .contenedor .encabezado .logo img {
        width: 40%;
    }
    
    /* Texto bíblico */
    .contenedor .contenido .textoTitulos p {
        font-size: 0.85em;
    }
    
    /* Menú de opciones */
    .contenedor .contenido .menu .item {
        width: 20%;
        height: 55%;
    }
    .contenido .menu .opcion {
        font-size: 1.75em;
    }
    .contenido .menu .tituloItem {
        font-size: 0.75em;
        text-align: center;
    }
    .contenedor .contenido .imagenFondo .txtVision {
        font-size: 1.25em;
    }
    
    /* Carrusel de imágenes */
    .contenedor-imagenes {
        max-width: 80%;
    }
    .contenedor-imagenes .flecha-previo,
    .contenedor-imagenes .flecha-siguiente {
        font-size: 2em;
    }
    .contenedor-imagenes .flecha-previo {
        left: 7%;
    }
    .contenedor-imagenes .flecha-siguiente {
        right: 7%;
    }
    .contenedor-imagenes .slick-dots {
        bottom: -8%;
    }
    .contenedor-imagenes .slick-dots li {
        width: 0.5em;
        height: 0.5em;
    }
    .contenedor-imagenes .imgSlide {
        padding: 0.25em;
    }
    
    /* Footer */
    .contenedor .contenedorPiepagina {
        align-content: center;
    }
    .contenedor .contenedorPiepagina .wave {
        bottom: 2em;
    }
    .columna-logo, .columna-logo img {
        display: none;
    }
    .columna-menu, .columna-redes, .columna-contacto {
        width: 25%;
    }
    .columna-menu ul {
        font-size: 0.5em;
        line-height: 1.65em;
        padding-left: 0.75em;
    }
    .columna-redes .redes, .columna-contacto .datos {
        font-size: 0.5em;
        line-height: 2em;
    }
    .columna-redes .redes .icono, .columna-contacto .datos .icono {
        font-size: 0.5em;
    }
    .columna-menu h2, .columna-redes h2, .columna-contacto h2 {
        font-size: 0.75em;
    }
    .contenedorInformacion .barraInfo {
        font-size: 0.5em;
    }
}

/* Dispositivos con orientación horizontal con una resolución de pantalla máxima de 576px */
@media screen and (max-width: 575.98px) {
    .contenedor {
        grid-template-rows: repeat(17, 4.3em);
    }
    .contenedor .contenido {
        grid-template-rows: repeat(14, 4.3em);
    }
    
    /* Encabezado */
    .contenedor .encabezado .logo img {
        width: 35%;
    }
    
    /* Texto bíblico */
    .contenedor .contenido .textoTitulos p {
        font-size: 0.75em;
    }
    
    /* Menú de opciones */
    .contenedor .contenido .menu .item {
        width: 20%;
    }
    .contenido .menu .opcion {
        font-size: 1.75em;
    }
    .contenido .menu .tituloItem {
        font-size: 0.75em;
        text-align: center;
    }
    .contenedor .contenido .imagenFondo .txtVision {
        font-size: 1.25em;
    }
    
    /* Carrusel de imágenes */
    .contenedor-imagenes {
        max-width: 80%;
    }
    .contenedor-imagenes .flecha-previo,
    .contenedor-imagenes .flecha-siguiente {
        font-size: 2em;
    }
    .contenedor-imagenes .flecha-previo {
        left: 7%;
    }
    .contenedor-imagenes .flecha-siguiente {
        right: 7%;
    }
    .contenedor-imagenes .slick-dots {
        bottom: -10%;
    }
    .contenedor-imagenes .slick-dots li {
        width: 0.4em;
        height: 0.4em;
    }
    .contenedor-imagenes .imgSlide {
        padding: 0.25em;
    }
    
    /* Footer */
    .contenedor .contenedorPiepagina {
        align-content: center;
    }
    .contenedor .contenedorPiepagina .wave {
        bottom: 1.5em;
    }
    .columna-logo, .columna-logo img {
        display: none;
    }
    .columna-menu, .columna-redes, .columna-contacto {
        width: 25%;
    }
    .columna-menu ul {
        font-size: 0.5em;
        line-height: 1.5em;
        padding-left: 0.75em;
    }
    .columna-redes .redes, .columna-contacto .datos {
        font-size: 0.5em;
        line-height: 1.85em;
    }
    .columna-redes .redes .icono, .columna-contacto .datos .icono {
        font-size: 0.5em;
    }
    .columna-menu h2, .columna-redes h2, .columna-contacto h2 {
        font-size: 0.65em;
    }
    .contenedorInformacion .barraInfo {
        font-size: 0.5em;
    }
}