/*Hoja de estilo*/


/* Body */

header{background-color:#271D60 ;}

header{ padding: 1rem 0rem 0 0;
        width: 100%;
        margin:0;
        position: fixed;
        top:0;
    left: 0;
        height: 3rem;
        box-shadow: 0rem  0.3rem 1rem rgba(34, 0, 34, 0.81);
        z-index: 999;
        list-style: none;
        
}
nav { display: flex; position: absolute; bottom:0; width: 100%; align-items: center; height: 100%}

header figure {margin: .1rem 0 0rem 1rem;
              ;
            display: block}

header figure img {height: 3rem; display: block;padding-bottom:.5rem}

body{ background-color: #e03b55; padding-top: 70px;
       list-style: none; position:relative; min-height: 100%; padding-bottom: 6rem;}


main section ul{display:flex; justify-content: flex-start; margin-left: 3rem; flex-wrap: wrap}


main.principal li {display:block; margin:1rem 1rem 0 1rem; position:relative;
          
                    }

main.principal li img {width:9rem}

main h2 {margin: 3rem 0 0 3rem}

main h3 {margin:.5rem 0 0 3rem }

main.principal li figcaption {position: absolute;
    width:100%;
            ; text-align: center; font-weight: 800
}

/* Textos */

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

h1{font-size: 3rem ; color: white;}
h2{font-size: 1.1rem;color: white;}
h3{font-size: 1.1rem; color: white;}
p{ font-size: 0.8remx; color: white;}
h6{font-size: 0.7rem;color: white;}
footer{font-family: 'Comfortaa', cursive ; font-size: 0.9rem; text-align:center; color: white;}


/* Header */



ul {display: flex; 
    justify-content: space-around
    ;
    width:100%; height: 100%;
    position: relative;
    margin:0 ; padding: 0;
        

    
  
  
    
}

main {margin-bottom: 2rem}
li {list-style: none}
header ul li a {display: block 
            ;margin:auto; padding:1.5rem 1.5rem 1rem 1.5rem; text-align: center; 
        font-size: 1.2rem; font-weight: }

header ul li:hover {background-color: rgba(0, 0, 0, 0.42)}

main h1{font-size: 2rem; text-align: center; margin:auto}

main p {display: block; margin:1rem 0 .5rem 3rem;
        font-size: .9rem}




.carta p{ width: 80%; margin: 1rem auto
    ;line-height: 1.5rem; font-size: 1rem}

/* Footer */

footer{background-color: #271D60; padding:.2rem;
position:absolute; width: 100%; left: 0; bottom:0 ;margin:0 0 0 0;height: 6rem;
}



/* Pantalla principal */
body{font-family: 'Comfortaa', cursive; }

.mapa main h1 {color:white; margin: 1rem}

.mapa {background: #F6AA16}

.mapa main figure {padding: 0; margin: 0;
position: relative; width: 100%}

.mapa main figure img {padding:0; margin: 0; width: 100%; position: a}