*{padding: 0; margin: 0 ;border: 0;
    box-sizing: border-box;
    }

    :root {
      --color-textos: rgb(95, 95, 95);
      --color-textos-secundarios: rgba(255, 255, 255, 0.527);
      --color-textos-alfa: rgb(72, 105, 90);
      --color-fondos: rgb(236, 225, 235);
      --color-1: rgb(93, 75, 102);
      --color-2: rgb(80, 74, 87);
      --color-3: rgb(60, 30, 75);
      --color-3-alfa: hsl(280 29% 44% / .15);
      --color-4: rgb(43, 33, 61);
      --tipo-titulos: 'Franklin Gothic Medium';
      --tipo-textos: 'Gill Sans'
    }
    
    body {
      font-family: 'Franklin Gothic Medium';
      margin: 0;
      color: var(--color-textos);
      background-color: var(--color-fondos);
    }

    h1, h2, h3, h4 {
      font-family: var(--tipo-titulos);
    }
    
    img {max-width: 100%;
    }
    a {
     text-decoration: none;
     color: var(--color-1);
     font-family: var(--tipo-titulos);
      font-weight: lighter
    }
    

    ul,
    ol {
      list-style: none;
      padding: 0;
    }
    
    .contenedora {

      width: min( 75rem, 100% );
      margin-inline: auto;
      padding: 1rem;
    }
    
  
    header,
    footer {
        background-color: var(--color-1);
      color: var(--color-fondos);
    }
    
  .header nav div ul {
    
      margin-block: 0;
      display: none;
    }
    
   
  header nav a {
           color: var(--color-fondos1);
            background-color: var(--color-4);
            display: block;
          width: 5em;
           padding-block: .25em;
         border-radius: 0.25em;
        text-align: center;
    }
    
    header nav a:hover {
      background-color: var(--color-fondos);
      color: var(--color-1);
    }
    
    .instagram img, .behance img,.portfolio  {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-self: center;
    width: 10%;
    }

    .index .btn-index,
    .plan .btn-plan,
    .mapa .btn-mapa {
        background-color: var(--color-fondos);
        color: var(--color-4);
    }
    
  


section {
  padding-bottom: 2rem;
}


.comitente {
  font-size: 1.25em;
}


.titulo {
  border-block-end: 4px solid var(--color-2);
  padding-bottom: .25rem;
}


    h1 {background-color: #567760;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      font-size: 60;
      color: rgb(255, 255, 255);
      box-sizing:border-box;

    }

h2 {background-color: #aac5b2;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 50;
    color: rgb(97, 6, 97);
    }
  
h3 {background-color: #5677601f;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 60;
    color: rgb(95, 62, 95);
    width: fit-content;}
    
h4 {background-color: #567760;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   font-size: 100;
   color: rgb(255, 255, 255);

    }

  
  a {
    width: min( 100%, 50em );
    margin-inline: .5em;
    padding: auto;
    text-decoration: none;
    color: rgb(0, 0, 0);
    font-family: monospace
    font-weight bold;
    font-size: 1.1em;
  }
  

  
  .contenedora {
    width: min( 100%, 50rem );
    margin-inline: auto;
    padding: auto;
  }
  
  footer {
    background-color:#5a4b5c;
    color: rgb(255, 255, 255);
    font-family: 'Segoe UI';
    font-weight: lighter
    font-size .2em;
  }
  
      
  nav a {
    color: rgb(122, 67, 129);
    background-color: #dd9856;
    display: block;
    width: max-content;
    margin: .1em;
    padding-block: .25em;
    padding-inline: 1.5em;
    border-radius: 1em;
    
  }
  .btn-mp { color: rgb(84, 65, 90);
    background-color: #bbadc5;}
  .btn-anl { color: rgb(84, 65, 90);
      background-color: #bbadc5;}
  
  
  section {
    padding-bottom: .1em;
    padding-top: 1em;
  }