@import url('https://fonts.googleapis.com/css?family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css?family=Caveat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Sriracha&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lemonada&display=swap');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script|Lemonada&display=swap');
@import url('https://fonts.googleapis.com/css?family=Homemade+Apple&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Pen+Script&display=swap');
@import url('https://fonts.googleapis.com/css?family=Kalam&display=swap');
@font-face {
    font-family: Pigment Demo;
    src: url("../fuentes/pigment.otf");
  }
@font-face {
    font-family:ordinary guy;
    src: url("../fuentes/ordinaryguyDEMO.otf");
}
 @font-face {
    font-family: Eraser Dust;
    src: url("../fuentes/EraserDust.ttf");
}

* {
    padding: 0;
    margin: 0;
    border: none;
    box-sizing: border-box;
    scroll-behavior: smooth;
}


.contenedor-principal {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-image: url('../img/fondo-pizarra.jpg');
    background-color: black;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    overflow: hidden;
}

a {
  text-decoration: none;
  color: black;
}

/*AVISO*/
  #horario{
    width: auto;
    height: auto;
    position: fixed;
    padding: 1% 1% 1% 1%;
    top:20%;
    left: 90%;
    color: rgb(220, 235, 255);
    z-index:99;
    font-family:ordinary guy;
    font-size: 1vw;
    border: solid 1px white;
    transition:all 0.3s ease ;
  }

  #horario:hover {
      transition:transform 0.3s ease ;
      transform: scale(1.1) ;
      background-color: white;
      color: #1c1c1c;
      border: none;
      cursor: pointer;
  }

  #horario.otro{
      display: none;
  }

  #aviso {
    width: 20%;
    height: 20%;
    position: fixed;
    top:15%;
    left: 98%;
    color: rgb(220, 235, 255);
    z-index:99;
    font-family:ordinary guy;
    font-size: 1vw;
    border: solid 1px white;
    background-color: #1c1c1c;
    transition: all ease 1s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    text-align: center;
  }

  #aviso.otro {
      left: 80%;
  }

  #aviso a {
      color: rgb(220, 235, 255);
  }

  #salir {
      position: relative;
      left: 90%;
  }

  #salir:hover {
      cursor: pointer;
  }

  #salir-movil {
      position: absolute;
      left: 90%;
      top: 10%;
      display: none;
  }

  #salir-movil:hover {
      cursor: pointer;
  }




/*HEADER*/

    .cabecera {
        width: 100%;
        height: 10vh;
        position: fixed;
        z-index: 99;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        background-image: url('../img/fondo-pizarra.jpg');
        background-color: black;
        background-attachment: fixed;
        background-size: cover;
    }

        .cabecera a {
            padding-left: 5%;
            font-size: 2vw;
            font-family:ordinary guy;
            letter-spacing: 0vw;
            color: rgb(220, 235, 255);
        }

        .info {
            display: flex;
            flex-direction: row;
            align-items: center;
            width: auto;
            height: 90%;
            position: relative;
            left: 5%;
        }

            .info .reservas {
                font-size: 2vw;
                font-family:ordinary guy;
                letter-spacing: 0vw;
                color: rgb(220, 235, 255);
                position: relative;

            }

            .info img {
                position: relative;
                margin-right: 10%;
                height: 50%;
            }

            .info a {
                font-size: 2vw;
                font-family:sans-serif;
                color: rgb(220, 235, 255);
                position: relative;
                right: 10%;
            }

                /*MENU-HAMBURGUESA*/

                .menu-hamburguesa {

                    display: none;
                }
        .cabecera-movil {

            display: none;

        }

        #menu-movil {

            display: none;

        }

            /*MENU PARA MOVIL*/

            @media screen and (max-width:640px) {
                .menu-hamburguesa {
                    display: flex;
                    z-index: 99;
                    margin-left: -5%;
                }

                /*CABECERA MOVIL*/
                #horario{
                    width: auto;
                    height: auto;
                    position: fixed;
                    padding: 1% 1% 1% 1%;
                    top:17%;
                    left: 75%;
                    color: rgb(220, 235, 255);
                    z-index:99;
                    font-family:ordinary guy;
                    font-size: 4vw;
                    border: solid 1px white;
                    transition:all 0.3s ease ;

                }

                    #horario:hover {
                        transition:transform 0.3s ease ;
                        transform: scale(1.1) ;
                        background-color: white;
                        color: #1c1c1c;
                        border: none;
                        cursor: pointer;

                    }

                    #horario.otro{
                        display: none;
                    }

                #aviso {
                    width: 40%;
                    height: 20%;
                    position: fixed;
                    top:10%;
                    left: 98%;
                    color: rgb(220, 235, 255);
                    z-index:99;
                    font-family:ordinary guy;
                    font-size: 3vw;
                    border: solid 1px white;
                    background-color: #1c1c1c;
                    transition: all ease 1s;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: space-around;
                    text-align: center;
                }

                    #aviso.otro {
                        left: 60%;

                    }
                    #aviso a {
                        color: rgb(220, 235, 255);
                    }

                    #salir {
                        position: relative;
                        left: 90%;
                        display: none;
                    }

                    #salir:hover {
                        cursor: pointer;
                    }

                    #salir-movil {
                        position: absolute;
                        left: 90%;
                        top: 10%;
                        display: flex;
                    }

                    #salir-movil:hover {
                        cursor: pointer;
                    }

                    @keyframes balanceo {
                        0%{
                          transform: translateX(-10%);
                        }
                        100%{
                          transform: translateX(0%)
                        }
                      }

                .cabecera-movil {
                    width: 100%;
                    height: 10vh;
                    position: fixed;
                    z-index: 98;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: space-around;
                    background-image: url('../img/fondo-pizarra.jpg');
                    background-color: black;
                    background-attachment: fixed;
                    background-size: cover;
                }

                #menu-movil {
                    height: 100vh;
                    width: 50%;
                    background-color: black;
                    position: fixed;
                    z-index: 90;
                    left: -50%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    transition: all 0.4s ease;
                }

                #menu-movil.otro2 {
                    left: -50%;
                    transition: all 0.4s ease;
                }

                #menu-movil.otro {
                    left: 0%;
                }

                    #menu-movil a {

                        font-size: 5vw;
                        font-family:ordinary guy;
                        font-display: ordinary guy;
                        letter-spacing: 1.5vw;
                        color: rgb(220, 235, 255);
                        padding-top: 30%;
                        padding-bottom: 20%;
                    }




                    .info{
                        display: flex;
                        flex-direction: row;
                        position: relative;
                        left: 15%;
                        justify-content:space-around ;
                        width:50%;
                        height: 90%;
                    }

                    .img-telefono-movil {
                        height: 40%;
                        margin-right: 5%;
                        left: 8%;
                    }

                    .info a {
                        font-size: 4vw;
                        font-family:sans-serif;
                        letter-spacing: 1.2vw;
                        color: rgb(220, 235, 255);
                        padding-left: 10%;
                        text-decoration: underline;
                    }

                .cabecera {

                    display: none;

                }
            }

            /*MENU PARA TABLET*/

            @media screen and (max-width:1024px) and (min-width:640px) {
                .menu-hamburguesa {
                    display: flex;
                    z-index: 99;
                    margin-left: -18%;
                }

                /*CABECERA TABLET*/

                .cabecera-movil {
                    width: 100%;
                    height: 10vh;
                    position: fixed;
                    z-index: 98;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: space-around;
                    background-image: url('../img/fondo-pizarra.jpg');
                    background-color: black;
                    background-attachment: fixed;
                    background-size: cover;
                }

                #menu-movil {
                    height: 100vh;
                    width: 50%;
                    background-color: black;
                    position: fixed;
                    z-index: 90;
                    left: -50%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    transition: all 0.4s ease;
                }

                #menu-movil.otro2 {
                    left: -50%;
                    transition: all 0.4s ease;
                }

                #menu-movil.otro {
                    left: 0%;
                }

                    #menu-movil a {

                        font-size: 2vw;
                        font-family:ordinary guy;
                        font-display: ordinary guy;
                        letter-spacing: 1.5vw;
                        color: rgb(220, 235, 255);
                        padding-top: 20%;

                    }

                    .info{
                        display: flex;
                        flex-direction: row;
                        position: relative;
                        left: 15%;
                        justify-content:space-between ;
                        width:30%;
                        height: 90%;
                    }

                    .img-telefono-movil {
                        height: 100%;

                    }


                    .info a {
                        font-size: 3vw;
                        font-family:ordinary guy;
                        font-display: ordinary guy;
                        letter-spacing: 1.5vw;
                        color: rgb(220, 235, 255);

                    }
                /*HORARIO PARA TABLET*/
                #horario{
                    width: auto;
                    height: auto;
                    position: fixed;
                    padding: 1% 1% 1% 1%;
                    top:20%;
                    left: 80%;
                    color: rgb(220, 235, 255);
                    z-index:99;
                    font-family:ordinary guy;
                    font-size: 3vw;
                    border: solid 1px white;
                    transition:all 0.3s ease ;
                  }
                
                  #horario:hover {
                      transition:transform 0.3s ease ;
                      transform: scale(1.1) ;
                      background-color: white;
                      color: #1c1c1c;
                      border: none;
                      cursor: pointer;
                  }
                
                  #horario.otro{
                      display: none;
                  }
                
                  #aviso {
                    width: 30%;
                    height: 20%;
                    position: fixed;
                    top:12%;
                    left: 98%;
                    color: rgb(220, 235, 255);
                    z-index:99;
                    font-family:ordinary guy;
                    font-size: 2.5vw;
                    border: solid 1px white;
                    background-color: #1c1c1c;
                    transition: all ease 1s;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: space-around;
                    text-align: center;
                  }
                
                  #aviso.otro {
                      left: 70%;
                  }
                
                  #aviso a {
                      color: rgb(220, 235, 255);
                  }
                
                  #salir {
                      position: relative;
                      left: 50%;
                      top: 0%;
                  }
                
                  #salir:hover {
                      cursor: pointer;
                  }
                
                  #salir-movil {
                      position: absolute;
                      left: 90%;
                      top: 10%;
                      display: none;
                  }
                
                  #salir-movil:hover {
                      cursor: pointer;
                  }
                .cabecera {

                    display: none;

                }
            }


/*MENU*/

.menu {
    position: fixed;
    top: 60vh;
    width: 30%;
    height: 30%;
    left: 20%;
    display: flex;
    flex-direction: row;
    font-family: 'Satisfy', cursive;
    font-display: ordinary guy;
    justify-content: space-around;
    z-index: 99;
}


/**********************************************************************/
/***********************************************************************/
/*INICIO-PORTADA*/
/***********************************************************************/
/***********************************************************************/

#inicio {
    height: 120vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

/*TITULO INICIO*/

#titulo-principal {
    position: relative;
    text-align: center;
    top:10%;
}

#titulo-principal h1 {
    font-family:ordinary guy;
    font-weight: 100;
    font-size: 8vw;
    letter-spacing: 4vw;
    color: rgb(220, 235, 255) ;
}



/*PIZZA INICIO*/

.portada {
    top: 0%;
    position: relative;
    height: 80vh;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;

}

.img-pizza-cayendo {
    position: relative;
    top: 0%;
    height: 100%;
}

@media screen and (max-width:640px){
    #titulo-principal {
        position: relative;
        text-align: center;
        top:20%;
    }
    #titulo-principal h1 {
        font-family:ordinary guy;
        font-weight: 100;
        font-size: 13vw;
        letter-spacing: 4vw;
        color: rgb(220, 235, 255) ;

    }
    .img-pizza-cayendo {
        position: relative;
        top: 20%;
        height: 70%;
    }
    #inicio {
        height: 130vh;
        width: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }
  }



/***********************************************************************/
/***********************************************************************/
/*LA CARTA*/
/***********************************************************************/
/***********************************************************************/

#carta {
    height: 120vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/*titulo de la carta*/
.titulo-carta{
    position: relative;
    top: -10%;
    font-size: 5vw;
    font-family:ordinary guy;
    letter-spacing: 1.2vw;
    color: rgb(220, 235, 255) ;
}
/*contenedor de la carta*/
.swiper-container {
    width: 100%;
    position: relative;
    top: 5%
}
.contenedor-carta {
    display: flex;
    flex-direction: column;

}
/*cada carta individual*/
.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 40vw;
    height: 80vh;
    background-image: url('../img/textura-cuero.jpg');
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: rgb(221, 225, 255);
    overflow: visible;
}
.img-favola {
    height: 70%;
}
/*texto de la carta*/
.descripcionplato {
    font-family: 'Kalam';
    font-weight: lighter;
    font-size: 0.8vw;
    text-align: justify;
    margin-left: 15%;
    margin-right: 5%;
}
.titulo-pasta {
    font-family: 'Kalam';
    font-weight: lighter;
    font-size: 2vw;
    text-align: justify;
    margin-left: 15%;
    margin-right: 5%;
}

.titulo-carne {
    font-family: 'Kalam';
    font-weight: lighter;
    font-size: 2vw;
    text-align: justify;
    margin-left: 15%;
    margin-right: 5%;
}

.titulo-vino {
    font-family: 'Kalam' ;
    font-weight: lighter;
    font-size: 2vw;
    text-align: justify;
    margin-left: 15%;
    margin-right: 5%;
}

.nombreplato {
    font-family: 'Kalam' ;
    font-weight: lighter;
    font-size: 1.4vw;
    text-align: justify;
    margin-left: 15%;
    margin-right: 5%;

}
.titulo-slide {
    font-family: 'Kalam' ;
    font-weight: lighter;
    font-size: 2.5vw;
    text-align: center;


}
.indice-carta {
    font-family: 'Kalam' ;
    text-align: center;
}
/*carta para movil vertical*/
@media screen and (orientation: portrait) and (max-width:740px) {
    #carta {
        height: 130vh;

    }
    .titulo-carta{
        font-size: 13vw;
    }

    .swiper-slide {
        width: 100vw;
        height: 80vh;
        color: #D6EEFF;
    }
    .img-favola {
        height: 60%;
    }

    .descripcionplato {
        font-size: 3vw;
    }

    .nombreplato {
        font-size: 4vw;
    }

    .titulo-pasta {
        font-size: 5vw;
    }

    .titulo-carne {
        font-size: 5vw;
    }

    .titulo-vino {
        font-size:5vw;
    }

    .titulo-slide {
        font-size: 6vw;


    }
  }
/** CARTA PARA MOVIL HORIZONTAL **/
@media screen and (orientation: landscape) and (max-width:640px) {
    /*reglas CSS*/
    .descripcionplato {
        font-size: 0.8vw;

    }
    .titulo-slide {
        font-size: 4vw;
    }

    .titulo-carne {
        font-size: 6.3vw;
    }

    .titulo-pasta {
        font-size: 3vw;
    }

    .titulo-vino {
        font-size: 6vw;
    }

    .swiper-slide {
        width: 80vw;
        height: 100vh;
    }
}
/** CARTA PARA TABLET VERTICAL **/
@media screen and (orientation: portrait) and (max-width:1024px) and (min-width:640px) {
    /* reglas CSS */
    .swiper-slide {
        width: 80vw;
        height: 80vh;
    }
    .titulo-slide {
        font-size: 5.5vw;
    }

    .titulo-pasta {
        font-size: 4.5vw;
    }

    .titulo-carne {
        font-size: 4.5vw;
    }

    .titulo-vino {
        font-size:4.5vw;
    }

    .nombreplato {
        font-size: 3.5vw;
    }
    .descripcionplato {
        font-size: 3vw;
    }
    .img-favola {
        height: 40%;
    }

}
/** CARTA PARA TABLET HORIZONTAL **/
@media screen and (orientation: landscape) and (max-width:1024px) and (min-width:640px) {
    /*reglas CSS*/
    .descripcionplato {
        font-size: 1.5vw;

    }

    .swiper-slide {
        width: 80vw;
        height: 80vh;
    }

    .nombreplato {
       font-size: 2vw;
    }

    .titulo-pasta {

        font-size: 3.5vw;

    }

    .titulo-carne {

        font-size: 3.5vw;

    }

    .titulo-vino {
        font-size: 3.5vw;
    }

    .titulo-slide {
        font-size: 5vw;

    }
}
@media screen and (min-width:1024px) {
    /* reglas CSS */
}
/***********************************************************************/
/***********************************************************************/
/*GALERIA*/
/***********************************************************************/
/***********************************************************************/

#galeria {
    width: 100%;
    height: 60vh;
}
.main-carousel {
    width: 100%;
    height: auto;
    position: relative;
    top: 25%;
}

.img-galeria-1 {
    width: 100vw;
    height: auto;
}

.titulo-galeria{
    position: relative;
    top: 10%;
    font-size: 5vw;
    font-family:ordinary guy;
    letter-spacing: 1.2vw;
    color: rgb(220, 235, 255) ;
    text-align: center;
}

@media screen and (max-width:640px) {
    #galeria {
        width: 100%;
        height: 50vh;
    }
    .main-carousel {
        width: 100%;
        height: auto;
        position: relative;
        top:35%;    }

    .img-galeria-1 {
        width: 100vw;
        height: auto;
    }

    .titulo-galeria{
        position: relative;
        top: 10%;
        font-size: 9vw;
        font-family:ordinary guy;
        letter-spacing: 1.2vw;
        color: rgb(220, 235, 255) ;
        text-align: center;
    }

  }

@media screen and (min-width:1024px) {
    /* reglas CSS */
}

/***********************************************************************/
/***********************************************************************/
/*SOBRE NOSOTROS*/
/***********************************************************************/
/***********************************************************************/

#sobre-nosotros {
    height: 320vh;
    width: 100%;
    overflow: hidden;
}

.titulo-sobre-nosotros{
    position: relative;
    top: 20%;
    font-size: 5vw;
    font-family:ordinary guy;
    letter-spacing: 1.2vw;
    color: rgb(220, 235, 255) ;
    text-align: center;
}


/*CONTENIDO SOBRE NOSOTROS*/




    .texto-sobre-nosotros {
        position: relative;
        top: 25%;
        text-align: justify;
        font-size: 1.5vw;
        font-family: 'Kalam' ;
        color: #D6EEFF;
        margin-left: 10%;
        margin-right: 10%;
    }



    .contenido-sobre-nosotros {
        top:30%;
        position: relative;
        left: 0%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contenido-a {
        width: 80%;
        height: 40vh;
        position: relative;
        background-color: #1c1c1c ;
        color: #D6EEFF;
        font-family:ordinary guy;
        display: flex;
        flex-direction: row ;
        align-items: center;
        justify-content: space-around;
        font-size: 2vw;

    }

        .contenido-a p {
            padding-bottom: 5%;
        }

        .donde-encontrarnos {
            display: flex;
            flex-direction: column ;
            align-items: center;
        }

    .contenido-b {
        width: 80%;
        height: 40vh;
        position: relative;
        background-color: #1c1c1c ;
        color: #D6EEFF;
        font-family:ordinary guy;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        font-size: 2vw;
        margin-top: 5%;
    }

        .titulo-contenido-b {
            font-family:ordinary guy;
            font-size: 3vw;

        }

            .la-voz {
                width: 20%;
                height: 30%;
                
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .img-la-voz {
                position: center;
            }

            .la-voz-movil {
                display: none;
            }

            .quincemil {
                width: 20%;
                height: 30%;
                background-color: white;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .img-quincemil {
                position: center;
            }

            .quincemil-movil {
                display: none;
            }

    .contenido-c {
        width: 80%;
        height: 40vh;
        position: relative;
        background-color: #1c1c1c ;
        color: #D6EEFF;
        font-family:ordinary guy;
        display: flex;
        flex-direction: column ;
        align-items: center;
        font-size: 1.2vw;
        margin-top: 5%;
    }

        .texto-contenido-c {
            position: relative;
            top:5%;
        }
            #mas-informacion {
                position: relative;
                top:10%;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-around;
            }
                .horario {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    align-items: center;
                    text-align: center;

                }

                .horario a{
                    color:white;
                }

    /*version movil*/

    @media screen and (max-width:640px) {
        #sobre-nosotros {
            height: 210vh;
            width: 100%;

        }

        .titulo-sobre-nosotros {
            position: relative;
            top: 5%;
            font-size: 9vw;
            font-family:ordinary guy;
            letter-spacing: 1.2vw;
            color: rgb(220, 235, 255) ;
            text-align: center;
        }
        .texto-sobre-nosotros {
            position: relative;
            font-size: 4vw;
            top: 10%;

        }

        .contenido-sobre-nosotros {
            position: relative;
            top: 15%;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
        }

        .contenido-a {
            width: 100%;
            height: 40vh;
            position: relative;
            border-bottom: solid 2px white;
        }

            .mapa-movil {
                display: flex;
                top:0%;
                margin-right: 5%;
            }

            .mapa-tablet {
                display: flex;
                top:0%;
            }

            .texto-contenido-a {
                text-align: center;
                font-size: 6vw;

                color: #D6EEFF;
                margin-top: 5%;
                margin-left: 10%;
                margin-right: 10%;
            }

            .contenido-b {
                width: 100%;
                height: 40vh;
                position: relative;
                background-color: #1c1c1c ;
                color: #D6EEFF;
                font-family:ordinary guy;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: space-around;
                font-size: 5vw;
                margin-top: 5%;
                border-bottom: solid 2px white;
            }

                .titulo-contenido-b {
                    font-family:ordinary guy;
                    font-size: 6vw;

                }
                    .la-voz{
                        display: none;
                    }
                    .la-voz-movil {
                        width: 10%;
                        height: 15%;
                        background-color: white;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                    .img-la-voz {
                        position: center;
                    }

                    .img-lavoz-movil {
                        display:flex;

                    }

                    .quincemil {
                        display: none;
                    }

                    .quincemil-movil {
                        width: 25%;
                        height: 35%;
                        background-color: white;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                    .img-quincemil {
                        position: center;
                    }

            .contenido-c {
                width: 100%;
                height: 30vh;
                position: relative;
                background-color: #1c1c1c ;
                color: #D6EEFF;
                font-family:ordinary guy;
                display: flex;
                flex-direction: column ;
                align-items: center;
                font-size: 4.5vw;
                margin-top: 5%;
                border-bottom: solid 2px white;
            }

                .texto-contenido-c {
                    position: relative;
                    top:5%;
                }
                    #mas-informacion {
                        position: relative;
                        top:10%;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: space-around;
                    }
                        .horario {
                            display: flex;
                            flex-direction: column;
                            justify-content: space-between;
                            align-items: center;
                            text-align: center;

                        }

                        .horario a{
                            color:white;
                        }



    }

    /*version tablet*/

    @media screen and (max-width:1024px) and (min-width:640px) {
        #sobre-nosotros {
            height: 320vh;
            width: 100%;

        }

        .titulo-sobre-nosotros {
            position: relative;
            top: 5%;
            font-size: 9vw;
            font-family:ordinary guy;
            letter-spacing: 1.2vw;
            color: rgb(220, 235, 255) ;
            text-align: center;
        }

        .texto-sobre-nosotros {
            position: relative;
            font-size: 3vw;
            top: 10%;

        }

        .texto-sobre-nosotros-p {
            display:none;
        }

        .texto-sobre-nosotros-p-movil {

            text-align: justify;
            font-size: 3vw;
            color: #D6EEFF;
            margin-left: 10%;
            margin-right: 10%;
        }

        .contenido-sobre-nosotros {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
        }

        .contenido-a {
            width: 100%;
            height: 60vh;
            position: relative;
        }

            .mapa-tablet {
                display: flex;
                position: relative;
                top:-20%;
            }

            .mapa-movil {
                display: none;
                position: relative;
                top:-20%;
            }

            .texto-contenido-a {
                text-align: center;
                font-size: 4vw;

                color: #D6EEFF;
                margin-left: 10%;
                margin-right: 10%;
            }

        .contenido-b {
            width: 100%;
            height: 60vh;
            position: relative;
            font-size: 5vw;
        }

            .titulo-contenido-b {
                text-align: center;
                font-size: 4vw;
                color: #D6EEFF;
                margin-left: 10%;
                margin-right: 10%;
                padding-top: 5%;
            }

            .la-voz {
                width: 20%;
                height: 30%;
                
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .img-la-voz {
                position: center;
            }

            .la-voz-movil {
                display: none;
            }

            .quincemil {
                width: 20%;
                height: 30%;
                
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .img-quincemil {
                position: center;
            }

            .quincemil-movil {
                display: none;
            }

        .contenido-c {
            width: 100%;
            height: 50vh;
            position: relative;
            font-size: 5vw;
        }
    }

    /** CARTA PARA TABLET HORIZONTAL **/
@media screen and (orientation: landscape) and (max-width:1024px) and (min-width:640px) {
    /*reglas CSS*/
    #sobre-nosotros {
        height: 360vh;
        width: 100%;

    }
    .titulo-sobre-nosotros {
        position: relative;
        top: 10%;
        font-size: 7vw;
        font-family:ordinary guy;
        letter-spacing: 1.2vw;
        color: rgb(220, 235, 255) ;
        text-align: center;
    }

    .texto-sobre-nosotros {
        position: relative;
        font-size: 2vw;
        top: 15%;

    }

    .contenido-c {
        width: 100%;
        height: 50vh;
        position: relative;
        font-size: 3vw;
    }

    
}