@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap');
/* 'Sora', sans-serif; */

/* ------------ GENERALES -------------- */

*{
    font-family:'Sora', sans-serif;
    list-style: none;
    margin:0;
    padding:0;
    border: 0;
    box-sizing: border-box; /* inclueye dentro del tamaño del ancho el tamaño del padding y el borde */
} 

/*

body > * {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

*/

p {
    font-size: .95em;
    line-height: 18pt;
}

@media (min-width: 1024px) {
    p {
    font-size: 1em;
    line-height: 18pt;
    }
}


/* --- ESTILO HIPERVINCULOS --- */

a {
    font-size: .95em;
    line-height: 18pt;
    text-decoration: none;
}

a:link {
    color: #ffffff;
    text-decoration: none;
}

a:link {
    color: #ffffff;
    text-decoration: none;
}

a:visited {
    color: #ffffff;
    text-decoration: none;
}
a:hover {
    color: #ffffff;
    text-decoration: none;
}

a:active {
    text-decoration: none;
}



/* ---------- TITULARES --------- */

h1 {
    text-transform: uppercase;
    font-size: 2.2em;
    line-height: 1.1em;
    font-weight: 800;
    letter-spacing: -1pt;
    text-align: left;
}

h2 {
    text-transform: uppercase;
    font-size: 1.8em;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: -1pt;
    text-align: left;
}

h3 {
    text-transform: uppercase;
    font-size: 1.8em;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: -1pt;
    text-align: left;
}

h4 {
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: -1pt;
    text-align: left;
}


form input {
    font-family: Sora, sans-serif;
    font-size: 12pt;
    line-height: 30pt;
}

form {
    width: 100%;
}


/* ----------- CLASSES ----------- */

.inicioSeccion {
    display: flex;
    background-color: #0050f5;
    text-transform: uppercase;
    padding: 2.5em 1.5em 2.5em 1.5em;
    align-items: center;
    justify-content: flex-start;
}

.inicioSeccion h2 {
    color: #ffffff;
    text-align: left;
}

.seccion {
    border-bottom: 10px solid #00b7ff;
}

.finSeccion {
    background-color: #0a0a0a;
    color: #ffffff;
    display: flex;
    align-items: center;
    padding: 3em 1.5em 3em 1.5em;
}

.finSeccion a {
    display: flex;
    justify-content: flex-start;
}


@media (min-width:1024px) {
    .inicioSeccion {
        display: flex;
        background-color: rgba(255, 255, 255, 0);
        text-transform: uppercase;
        padding: 4.5em 1.5em 4.5em 1.5em;
        justify-content: center;
    }
    
    .inicioSeccion h2 {
        text-align: center;
        font-size: 2.4em;
        color: #0050f5;
        font-weight: 800;
    }
    
    .seccion { 
        border-bottom: 2px solid #0050f5;
    }
    
    .finSeccion {
        display: flex;
        background-color: rgba(255, 255, 255, 0);
        justify-content: center;
    }
    .finSeccion a {
        border-radius: 100em;
        border: 2px solid #0050f5; 
        color: #0050f5;
        padding: 1.7em 4em 1.7em 4em;
        margin-bottom: 2em;
    }
}


/* ----------PORTADA SECCION---------- */
header{
    background-color: black;
    padding:0;
}

header nav ul {
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0em 1em 0em 1em;
}

.logomaciel{
    margin-top:0.5em;
    margin-bottom: 0.1em;
}

/* ESTILO MENU DESPLEGABLE */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  z-index: 9999;
}

.sidenav a{
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 15px;
  color:white;
  text-transform: uppercase;
  display: block; 
  transition: 0.3s ease;
    font-weight:500;
} 

.sidenav a:hover {
  background-color:white;
  color:black;
  font-weight:900;
}

.sidenav .closebtn {
  position: absolute;
  top: 11px;
  right: 10px;
  font-size: 36px;
  margin-left: 50px;
  padding-left:8px;
}

span{
    color: white;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


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

#portada {
    position: relative;
    overflow: hidden;
    border-bottom: 20px solid #00fbce;
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.3);
    height: 80vh;
    min-height: 80vh;
}

.portada-cont {
    display: flex;
    flex-direction: column;
    padding-left: 1.5em;
    padding-right: 1.5em;
    justify-content: space-between;
    height: 100vh;
    margin-bottom: 2em;
        
}

.portada-text {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.portada-logo {
    margin-top: 3em;
}

.portada-cont p {
    color: #ffffff;
}

.portada-cont h1 {
    margin-bottom: .5em;
    width: 50%;
    color: #ffffff;
}

@media (min-width:768px) {
    .portada-text {
        width: 90%;
    }
}

@media (min-width:1024px) {
    #portada {
        min-height: 40em;
    }
    .portada-cont {
    padding-left: 10em;
    padding-right: 10em;
    margin-bottom: 3.5em;
    }
    
    .portada-text {
        width: 50%;
    }
    
    .portada-cont h1 {
        font-size: 2.7em;
        margin-bottom: 1em;

    }
}


/* ----VIDEO---- */

.videobgmobile {
    position: absolute;
    z-index: -1;
    display: flex;
    justify-content: center;
    overflow: hidden;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    object-fit: cover; 
}


.videobgdesktop {
    position: absolute;
    z-index: -1;
    display: none;
    justify-content: center;
    overflow: hidden;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    object-fit: cover;
}

@media (min-width:768px) {
    .videobgdesktop {
        display: flex;
    }
    .videobgmobile {
        display: none;
    }
}


/* ---- ANIMACION LOGO ---- */

.rotate {
    height: 9em;
    animation: rotation 8s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* ----------INTRO SECCION---------- */

.secintro {
    display: flex;
    flex-direction: column;
}

.secintro {
    background-color: #fafafa;
    padding: 3em 1.5em 3em 1.5em;
    display: flex;
    flex-direction: column; 
}

.secintro p {
    display: flex;
    color: #0a0a0a;
}

.secintro h2 {
    display: flex;
    margin-bottom: 1.2em;
    font-weight: 700;
    color: #0a0a0a;
}

@media (min-width: 768px) {
    .secintro {
        background-color: #fafafa;
        padding: 4em 5em 4em 5em;
    }
}

@media (min-width: 1024px){
    .secintro {
        background-color: #0050f5;
        padding: 5em 5em 5em 5em;
        align-items: center;
    }
    .secintro p {
        width: 60vw;
        color: #ffffff;
        justify-content: center;
        text-align: center; 
    }
    .secintro h2 {
        width: 40vw;
        color: #ffffff;
        text-align: center;
        font-size: 2.3em;
    }
}


/* ----------MURALES SECCION---------- */


.ulmurales {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 2em;
    margin-top: 2em;
}

.ulmurales img {
    width: auto;
    height: 100%;
}

.ulmurales figure {
    display: flex;
    height: 20em;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    align-content: center;
    
}

.itemmural {
    display: flex;
    flex-direction: column;
    max-width: 375px;
    background: #ffffff;
    box-shadow: 2px 4px 8px #e6e6e6;
    border-radius: 10px;
    margin: .6em;
    padding-bottom: 1em;
}

.contenedorfoto {
    position: relative;
    height: 20em;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: .8em;    
    display: flex;
    align-items: center;
    justify-content: center;
}
 
.numero {
    position: absolute;
    display:flex;
    z-index: +1;
    margin-left: 1em;
    margin-top: 1em;
    padding: .3em 1em .3em 1em;
    border: 2px solid #0050f5;
    border-radius: 30em;
    color: #0050f5;
    font-weight: 500;
    align-self: flex-start;
}

.contendordatos {
    padding-left: .8em;
    padding-right: .8em;
}

.contendordatos a {
    font-size: .8em;
    background-color: #0050f5;
    color: #ffffff;
    padding: .4em 1.5em .4em 1.5em;
    border-radius: 15em;
}

.artista {
    display: flex;
    justify-content: space-between;
    margin-bottom: .3em;
    
}

.fecha {
    padding: .4em 1em .4em 1em;
    font-size: .8em;
    border: 1px solid #0a0a0a;
    border-radius: 20em;
    text-align: center;
    display: inline-block;
}


@media (min-width:768px) {
    .itemmural {
        width: 30em;
    }
    .ulmurales ul {
        margin-top: 0em;
        margin-bottom: 4em;
    } 
}

@media (min-width:1024px) {
    .ulmurales figure {
        height: 30em;
    }
    .contenedorfoto {
        height: 30em;
    }
}




/* ----------ARTISTA SECCION---------- */

#artistas {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#artistas nav {
    margin-top: 5px;
}

#artistas p {
    color: #ffffff;
}

.cont-artista {
    display: flex;
    flex-direction: column;
}

.itemArtista {
    background-color: #0050f5;
    border-bottom: 5px solid #ffffff;
    display: flex;
    padding:1.5em;
    justify-content: space-between;
    align-items: center;
}

.lapizIcon {
    height: 2em;
}

@media (min-width:768px) {
    .cont-artista {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    
    .itemArtista {
        flex-direction: column;
        flex-basis: 33%;
        align-items: flex-start;
        justify-content: space-between;
        height: 12em;
    }

}

@media (min-width:1024px) {
    #artistas {
        background-color: #0a0a0a;
        align-items: center;
    }
    .itemArtista {
        border-bottom: 8px solid #0a0a0a;
    }
    #artistas div > h2 {
        color: #ffffff;
    }
    #artistas div > a {
        color: #ffffff;
        /* border: 2px solid #ffffff;*/
    }
    
    #artistas nav {
        margin-left: 1.5em;
        margin-right: 1.5em;
    }
}

/* ----------RECORRIDOS SECCION---------- */

.recorridos {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
}

.titulorecorridos {
    padding: 3em 1.5em 3em 1.5em;
    background-color: #fafafa;
    display: flex;
    justify-content: flex-start;
    text-align: left;
}

.cont-recorridos {
    display: flex;
    flex-direction: column;
}

.actividad {
    padding: 1.5em 1.5em 1.5em 1.5em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
   align-items: space-between;
    justify-content: space-between;
}

.actividad h2 {
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 20em;
    padding: .5em 1em .5em 1em;
    margin-bottom: .5em;
    font-weight: 600;
    display: inline-block;  
}

.recorridos h4 {
    display: flex;
    width: 80%;
    text-transform: capitalize;
    color: #ffffff;
    letter-spacing: normal;
    font-weight: 500;
    padding-bottom: .8em;
}


.recorridos p {
    width: 85%;
    color: #ffffff;
}

.recorridosinfo {
    display: none;
}

#evento4 {
    display: none;
    }

@media (min-width:768px){
    .recorridos ul{
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    
   .recorridos li{
       flex-basis: 50%;
    }
    
    #evento4 {
        display: flex;
        justify-content: center;
    }
}


@media (min-width:1024px) {
    .titulorecorridos {
        padding: 2.5em 1.5em 2.5em 1.5em;
        background-color: #ffe42e;
        display: flex;
        justify-content: center;
        align-content: center;
    }
    .titulorecorridos h1 {
        width: 12em;
        text-align: center;
    }
    
    .recorridos ul {
        flex-wrap: nowrap;
        max-width: 90%;
    }

    .recorridos nav {
        display: flex;
        justify-content: center;
        align-content: center;
    }
    
    .masinfo {
        display: none;
    }
    
    .recorridosinfo {
        display: flex;
    }
    
    .recorridos li{
        min-height: 20em;
        width: 25em;
        margin-left: .3em;
        margin-right: .3em;
    }
    
    .recorridos {
        border-bottom: 5px solid #0050f5;
    }
    
    #evento4 {
        display: none;
    }
}



/* ---- COLOR EVENTOS ---- */

#evento1 {
    background-color: #3d00aa;
}

#evento2 {
    background-color: #ff4600;
}

#evento3 {
    background-color: #00b7ff;
}

#evento4 {
    background-color: #0a0a0a;
}



/* ----------APP SECCION---------- */

#app {

}

.appmockup-mobile {
    object-fit: cover;
    position: relative;
    overflow: hidden;
    display: flex;
    height: 30em;
    overflow: hidden;
    justify-content: center;
}

.appmockup-desktop {
    object-fit: cover;
    position: relative;
    overflow: hidden;
    display: none;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.appcontenido img {
    object-fit: cover;
    object-position: center;
    width: 100vw;
}


.appcontenido figcaption {
    display: flex;
    flex-direction: column;
    padding: .5em;
    position: absolute;
    top: 17%;
    left: 10%;
}

.appcontenido h2 {
    width: 50%;
    text-transform:inherit;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 1em;
}

.appcontenido h2 span {
    font-weight: 600;
}

.appcontenido p {
    color: #ffffff;
    width: 50%;
}

.appstores {
    background-color: #0a0a0a;
    color: #ffffff;
    border-bottom: 10px solid #00b7ff;
    display: flex;
    justify-content:center;
    vertical-align: middle;
    align-items: center;
}

.appstores img {
    height: 2.5em;
    margin: 3em .3em 3em .3em; 
}

.appstores figure {
    display: flex;
    display: inline;
}


@media (min-width:768px) {
    .appcontenido figcaption {
        top: 25%;
        left: 15%;
        width: 60%;
    }
}

@media (min-width:1024px) {
    
    .appmockup-desktop {
        display:flex;
    }
    .appmockup-mobile {
        display:none;
    }
    .appcontenido figcaption {
        top: 25%;
        left: 15%;
        width: 60%;
    }
    .appcontenido p {
        width: 30%;

    }
    .appcontenido h2 {
        width: 35%;
        font-size: 2.5em;
        text-transform:inherit;
        font-weight: 400;
        margin-bottom: 1em;
    }
    
    .appcontenido img {
        max-height: 70vh;
    }
    
    .appstores {
        border-bottom: 0;
    }
}


/* ----------FORMULARIO SECCION---------- */



.formulario {
    display: flex;
    flex-direction: column;
    border-bottom: 10px solid #ff4600;
    margin-bottom: 4em;
    padding: 4em 1.5em 3em 1.5em;
    align-items: center;
}

.form-content {
    display: flex;
    flex-direction: column;
}


.botonEnviar {
    display: flex;
    background-color: #ff4600;
    padding: 1em 0 1em 0;
    justify-content: center;
    align-self: center;
    width: 100%;

}

.form-content h1 {
    width: 70%;
    color: #ff4600;
    display: flex;
    margin-bottom: 0.5em;
    justify-content: flex-start;
}

.formulario p {
    display: flex;
    margin: .7em 0 .7em 0;
}

.formulario h4 {
    margin-top: 3em;
}

.formulario form > div {
    margin-top: 1.5em;
}

#inputs input {
    margin: 0em 0 2em 0;
    border-bottom: 1px solid #b1b1b1;
    width: 100%;
    font-size: .8em;
    height: 3em;
}

#checkbox {
    font-size: .9em;
    display: flex;
    align-items: center;
    padding-bottom: 3em;
}

#checkbox input {
    margin-right: .2em;
}

.check2 {
    padding-left: 1em;
}

.botonEnviar a {
    color: #ffffff;
}

@media (min-width:768px) {
    .formulario {
        padding: 5em 5em 3em 5em;
    }
    .botonEnviar {
        display: flex;
        justify-content: center;
        align-self: center;
        width: 40%;
    }
}

@media (min-width:1024px) {
    
    .formulario {
        flex-direction: column;
        border-bottom: 2px solid #ff4600;
        padding: 5em 1.5em 6em 1.5em;
    }

    .form-content h1 {
        width: 100%;
        color: #ff4600;
        display: flex;
        margin-bottom: 1.2em;
        justify-content: center;
    }
    
    .formulario h4 {
        margin-top: 2em;
    }

    .form-content {
        width: 50vw;
    }
}


/* ----------NOSOTRX SECCION---------- */

#nosotrxs {
    display: flex;
    padding: 0 1.5em 0 1.5em;
    margin-bottom: 4em;
    justify-content: center;
}

.nosotrxsIntro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.nosotrxsIntro img {
    margin-bottom: 2em;
}

.nosotrxsIntro h1 {
    width: 100%;
    margin-bottom: 1em;
    color: #ff4600;
}

@media (min-width:728px) {
    #nosotrxs {
        padding: 0 5em 0 5em;
        margin-bottom: 5em;
    }
}

@media (min-width:1024px) {
    #nosotrxs p {
        text-align: center;
    }

    .nosotrxsIntro {
        align-items: center;
        width: 50vw;
    }
    .nosotrxsIntro h1 {
        color: #ff4600;
        text-align: center;
        margin-bottom: 1.6em;
    }
}


/* ----------FOOTER SECCION---------- */


footer{
    background-color:#0a0a0a;
    color: #b1b1b1;
    padding: 2em 1.5em 2em 1.5em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.logosfooter {
    display: flex;
    flex-direction: column;
    align-items:flex-start;
        max-width: 10em;
}

.contact {
    display: flex;
    flex-direction: column;
}

.contact p {
    font-size: .75em;
    line-height: 1.6em;
    margin-bottom: 1em;
}

.lcultura {
    height: 5em;
    margin-bottom: 1.7em;
}
.lacumar {
    height: 1.6em;
    margin-left: -.2em;
}

.logosredes {
    display: flex;
    flex-direction: row;
}

.contact img {
    height: 1.7em;
    margin-right: .4em;
}

.redes {
    margin-right: 2em;
}

#top {
    display:flex;
    width: 100vw;
    justify-content: center;
    margin: 2em 0 0 0;
}

#topicon {
    height: 1.5em;
}

@media (min-width:768px) {
    footer {
        padding: 2em 5em 0 5em;
    }
    .contact {
        flex-direction: row-reverse;
        width: auto;
    }
    .email {
        margin-right: 4em;
    }
}



/* ------------------MURALES PAGINA----------------- */
/* ------------------MURALES PAGINA----------------- */
/* ------------------MURALES PAGINA----------------- */



/* ----------MURALES SECCION GALERIA---------- */


.galeria {
    width: 90%;
    margin: auto;
    list-style: none;
    padding: 20px;
    box-sizing: border-box;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.galeria li {
    margin: 5px;
}

.galeria img {
    display: flex;
    width: 250px;
    height: 200px;
}


/* ----------PANTALLA 2 DE GALERIA--------- */

.pantallag {
    display: none;

}

.pantallag:target {
    display: block;
    position: fixed;
    background: rgba(0,0,0,0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.pantallag h3{
    color: white;
    font-size: 30px;
    text-align: center;
    margin: 15px 0;
}

.imagen {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;

}

.imagen a {
    color: white;
    font-size: 40px;
    text-decoration: none;
    margin: 0 10px;

}

.imagen a:nth-child(2) {
    margin: 0;
    height: 100%;
    flex-shrink: 2;
}

.imagen img {
    width: 500px;
    height: 100%;
    max-width: 100%
    border: 7px solid white;
    box-sizing: border-box;
}

.cerrar {
    display: block;
    background: black;
    width: 40px;
    height: 40px;
    margin: auto;
    text-align: center;
    text-decoration: none;
    font-size: 25px;
    color: #000;
    padding: 5px;
    border-radius: 15em;
    border-width: 5em;
    line-height: 35px;
}


/* ----------ARTISTAS MAIN PAGINA---------- */
/* ----------ARTISTAS MAIN PAGINA---------- */



.mainartistas {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.itemartista {
    border-bottom: 5px solid #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

}

.contenedorfotoartista {
    filter: brightness(50%);
    height: 12em;
    display: flex;
    position: relative;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    align-content: center; 
    
}

.contenedorfotoartista img {
    width: 100%;
    height: auto;
}

.infoartista {
    position: absolute;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    height: 12em;
    z-index: +1;
    padding-left: 1.5em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    color: #ffffff;
    font-weight: 500;
}

.infoartista img {
    display: flex;
    height: 2em;
}


@media(min-width:768px) {
    
    .mainartistas {
        background-color: #ffffff;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    
    .itemartista {
        flex-direction: column;
        flex-basis: 32.9%;
        align-items: flex-start;
        justify-content: space-between;
        height: 11.5em;
        border-bottom: 5px solid #ffffff;
        
    }
}

@media (min-width:1024px) {
    .mainartistas {
        background-color: #0a0a0a;
        /* border-bottom: 5px solid #ffffff;
        padding-bottom: 1em; */
    }
    
    .itemartista {
        border-bottom: 8px solid #0a0a0a;
        height: 12em;
    }
}






/* ----------FIN ARTISTAS MAIN PAGINA---------- */
/* ----------FIN ARTISTAS MAIN PAGINA---------- */



/* ------------------ARTISTA PAGINA----------------- */
/* ------------------ARTISTA PAGINA----------------- */

/* FOTO DE FONDO CABECERA ARTISTA */


.cabecera1 {
    background-image: url(../imagenes/fondoprueba.png);
    background-size:cover;
    color:white;
    height: 13em;
    width:100%;
}

/*  USUARIO1 */
.usuario{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 0vh;
    /*border-bottom:solid silver 2px;*/
    position:relative;
    top:7em;
    z-index:0;
}

.usuario h1{
    padding-top:.5em;
    text-transform: uppercase;
    font-size:1.8em;
    color:black;
}
.usuario p{
    color:black;
    padding-top:2em;
    padding-bottom:1em;
    margin:0em 2em 0em 2em;
    text-align:center;
    font-size:1em;
    width:70%;
    border-bottom: solid blue 1px;
}
.usuarioej{
    border-radius:5em;
    border:blue solid 7px;
}



/* INFO DE CONTACTO1 */
.contacto{
   width:100%;
    padding-right: 2em;
    padding-left:2em;
    margin-top:4em;
    margin-bottom:3em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    }

.contacto h2{
    text-transform: uppercase;
    color:black;
    font-size:1.3em;
    margin-bottom:.2em;
}

.contacto ul li{
    display: flex;
    justify-content: flex-start;
}

.contacto ul li a{
    font-size:.9em;
    color:blue; 
}

.contactoboton {
    border: solid blue 1px;
    border-radius: 3em;
    margin-top:.5em;
    padding:.5em;
    display: flex;
  
}
.contacto img{
    margin:.20em .4em 0em 0em; 
}

/* DESKTOP */
@media screen and (min-width:992px){
    .contacto {
        text-align: center; 
        margin-bottom:3em;}
    
    .contacto h2{
        text-align: center;
        margin-bottom:.2em;
        font-size:1.3em;
    }
    
    .usuario p{
        width:55%;
    }
    
    .contacto ul li{
        display: flex;
        justify-content: center;
    }
    .contactoboton{
        font-size:1.1em;
       display: flex;
    justify-content: center; 
}
    .muralesartista{
        display: flex;
        flex-direction: column;
    justify-content: center; 
        padding-right: 16em;
        padding-left: 16em;
}
    .muralesartista h2{
        text-align: center;
        font-size:1.4em;
    }      
}
    

/* -------MURALES------- */

.muralesartista{
    width:100%;
}
.muralesartista img{
    height: 80%;
    width:95%;
    border-radius: 1em;
    margin:1em 0em 1em 0em;
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;  
    padding-left: 2em;
    padding-right: 2em;
}
.muralesartista h2{
    font-size:1.3em;
    color:black;
    padding-left: 2em;
    padding-right: 2em;
}


/* ----SLIDESHOW CONTAINER----- */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  padding-left: 2em;
  padding-right: 2em;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}


/* -----SECCION FOOTER DE ARTISTAS------ */

#footerartistas{
    width:100%;
    background-color:#0a0a0a;
    color: #b1b1b1;
    padding: 2em 1.5em 2em 1.5em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:3em;
}


.logosfooter {
    display: flex;
    flex-direction: column;
    align-items:flex-start;
        max-width: 10em;
}

.contact {
    display: flex;
    flex-direction: column;
}

.contact p {
    font-size: .75em;
    line-height: 1.6em;
    margin-bottom: 1em;
    color:lightgray;
    border-bottom:none;
    margin:0;
}

.lcultura {
    height: 5em;
    margin-bottom: 1.7em;
}
.lacumar {
    height: 1.6em;
    margin-left: -.2em;
}

.logosredes {
    display: flex;
    flex-direction: row;
    margin-left:em;
}

.contact img {
    height: 1.7em;
    margin-right: .4em;
}

.redes {
    margin-right: 2em;}

.redes p{
    text-align: left;}

.email p{
    text-align: left;}

#top {
    display:flex;
    width: 100vw;
    justify-content: center;
    margin: 2em 0 0 0;
}

#topicon {
    height: 1.5em;
}

@media (min-width:768px) {
    footer {
        padding: 2em 5em 0 5em;
    }
    .contact {
        flex-direction: row-reverse;
        width: auto;
    }
    .email {
        margin-right: 4em;
    }
}
/* ----------FIN ARTISTA PAGINA---------- */
/* ----------FIN ARTISTA PAGINA---------- */
/* ----------FIN ARTISTA PAGINA---------- */