@font-face {
    font-family: "principal";
    src: url(/frontend/fonts/OleoScript/OleoScript-Bold.ttf);
}

@font-face {
    font-family: "menu";
    src: url(/frontend/fonts/Josefin_Sans/JosefinSans-Bold.ttf);
}

.contenedor1 {
    margin-top: 7.5%;
}

.fotos1 img {
    width: 100%;
    margin-top: 0%;
    border-radius: 5px;
    transition: all 600ms;
}

.fotos2 img {
    width: 100%;
    margin-top: 9%;
    border-radius: 5px;

    transition: all 600ms;
}

.fotos1:hover img {
    transform: scale(1.1);
}

.fotos2:hover img {
    transform: scale(1.1);
}

.divTexto {
    margin-top: 10%;
}

.pregunta {
    font-size: 1.5rem;
    font-family: "Principal";
}

.titulo {
    font-size: 2rem;
    font-family: "Menu";
    color: #014ba0;
}

.texto {
    font-size: 1.2rem;
    font-family: "Menu";
}

.contenedor2 {
    margin-top: 3%;
}

.titEquipo {
    font-size: 1.8rem;
    font-family: "Principal";
}

.equipo1{
    text-align: center;
}
.equipo1 img {
    width: 40%;
    border-radius: 50%;
    transition: all 600ms;
}

.equipo1:hover img {
    transform: scale(1.1);
}

.textInfoPerfil {
    font-family: "Menu";
    text-align: center;
}

.titUbicación{
    font-size: 1.8rem;
    margin-top: 5%;
    font-family: "Principal";
    text-align: center;
}

.mapa{
    text-align: center;
}

.mapa iframe{
    border-radius: 20px;
}

.titMarcas{
    font-size: 1.8rem;
    margin-top: 5%;
    font-family: "Principal";
    text-align: center;
}

.contenedor4 {
    margin-bottom: 10%;
}

.contenedor5{
    perspective: 250px;
    width: 300px;
    height: 150px;
    position: relative;
}

.tarjeta{
    width: 60px;
    height: 60px;
    font-size: 400px;
    position: absolute;
    top: 35px;
    left: 125px;
    border-radius: 8px;
    text-align: center;
    animation: Carrusel 21s linear infinite;
}

@keyframes Carrusel {
    from{
        transform: rotateY(360deg) translateZ(210px);
        z-index: 10;
    }
    50%{
        z-index: -10;
    }
    to{
        transform: rotateX(0deg) translateZ(210px);
        z-index: 10;
    }
}

#xilo{
    background-image: url(/frontend/images/fondos/xilo.jpg);
    background-size: cover;
}

#wd-40{
    background-image: url(/frontend/images/fondos/wd-40.jpg);
    background-size: cover;
    animation-delay: -1s;
}

#volteck{
    background-image: url(/frontend/images/fondos/volteck.jpg);
    background-size: cover;
    animation-delay: -2s;
}

#uniflex{
    background-image: url(/frontend/images/fondos/uniflex.jpg);
    background-size: cover;
    animation-delay: -3s;
}

#truper{
    background-image: url(/frontend/images/fondos/truper.jpg);
    background-size: cover;
    animation-delay: -4s;
}

#sista{
    background-image: url(/frontend/images/fondos/sista.jpg);
    background-size: cover;
    animation-delay: -5s;
}

#profer{
    background-image: url(/frontend/images/fondos/profer.jpg);
    background-size: cover;
    animation-delay: -6s;
}

#pretul{
    background-image: url(/frontend/images/fondos/pretul.jpg);
    background-size: cover;
    animation-delay: -7s;
}

#pfister{
    background-image: url(/frontend/images/fondos/pfister.jpg);
    background-size: cover;
    animation-delay: -8s;
}

#miyako{
    background-image: url(/frontend/images/fondos/miyako.jpg);
    background-size: cover;
    animation-delay: -9s;
}

#hermex{
    background-image: url(/frontend/images/fondos/hermex.jpg);
    background-size: cover;
    animation-delay: -10s;
}

#foset{
    background-image: url(/frontend/images/fondos/foset.jpg);
    background-size: cover;
    animation-delay: -11s;
}

#fiero{
    background-image: url(/frontend/images/fondos/fiero.jpg);
    background-size: cover;
    animation-delay: -12s;
}

#eagle{
    background-image: url(/frontend/images/fondos/eagle.jpg);
    background-size: cover;
    animation-delay: -13s;
}

#durman{
    background-image: url(/frontend/images/fondos/durman.jpg);
    background-size: cover;
    animation-delay: -14s;
}

#corona{
    background-image: url(/frontend/images/fondos/corona.jpg);
    background-size: cover;
    animation-delay: -15s;
}

#coflex{
    background-image: url(/frontend/images/fondos/coflex.jpg);
    background-size: cover;
    animation-delay: -16s;
}

#tresEnUno{
    background-image: url(/frontend/images/fondos/3-en-1.jpg);
    background-size: cover;
    animation-delay: -17s;
}

#tania{
    background-image: url(/frontend/images/fondos/Tania.jpg);
    background-size: cover;
    animation-delay: -18s;
}

#redPower{
    background-image: url(/frontend/images/fondos/redPower.jpg);
    background-size: cover;
    animation-delay: -19s;
}

#pennsylvania{
    background-image: url(/frontend/images/fondos/Pennsylvania.jpg);
    background-size: cover;
    animation-delay: -20s;
}

.tarjeta h3{
    color: white;
    font-size: 5px;
    font-family: "Principal";
    margin-top: 55px;
    background-color: #014ba0;
}

.contenedor6{
    margin-top: 5%;
}

.titHorario{
    font-size: 1.8rem;
    margin-top: 2%;
    font-family: "Principal";
    text-align: center;
}

.titHorario1{
    font-size: 1.8rem;
    font-family: "Principal";
    text-align: center;
}