#contenedor {
            width: 95%;
             max-width: 1280px;
             margin:auto;
            }

@media screen and (min-width: 850px){
       article {width: 80%;}
}

body{font-family: Arial, Helvetica, sans-serif}

a:link, a:visited {color: #6a6969; text-decoration: none;}

a:hover, a:active {color:  #7012b8;text-decoration: none;}
/*Estado links*/

header  {
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding: 1.5rem 0rem 0rem 0rem;
}

header h1 {font-weight: bolder; font-size: 2.5rem;}

header nav {text-align: left; }

header nav a{ 
            margin-left: 1rem;
            flex-direction: column;        
}

@media screen and (max-width: 850px){
                   nav a{display: block;}
                   header nav {display: inline;}
                              }

#foto1 {
    max-width: 100%;
    height: auto;
}

#caja1{background-color: #9e8dab;}

#caja1 h2{
          font-size: 1.2rem;
          padding: 1rem 0rem 0rem 1rem;
         }

#caja1 p{
        padding: 0rem 1rem 1rem 1rem;
        justify-content: center;
        }

#cajas2y3 {
           padding: 0.5rem 0rem 0rem 0rem;
           display: flex;
           flex-direction: row;
           flex-wrap: nowrap;
           justify-content: space-between;
           gap: 1rem;
           align-items: stretch;
           clear: both;
           text-align: justify;
          }

@media screen and (max-width: 850px){
       #cajas2y3 {flex-direction: column;}
}

.caja {
       background-color: #9a81ad;
       padding: 0rem 1rem 1rem 0.5rem;
       padding-right: 1rem;
       padding-bottom: 1rem;
       padding-left: 0.5rem;
      }


#foto2, #foto3 {
                width: 210px;
                height: auto;
                float: left;
                padding: 0rem 1rem 0rem 0.25rem;   
               }

/*Separación del texto y de la foto irregular, CORREGIDA, se trataba de la foto que nos generaba este problema,
lo solucionamos editandola y cambiandola*/

.caja h2{
        font-size: 20px;
        padding: 0rem 0rem 0rem 0.25rem;
        font-size: 1.2rem;
        }

.caja p {padding: 0rem 0rem 0rem 0.25rem;}

article {width: 95%;}

footer p{
         border-bottom: 1px solid rgb(196, 196, 196);
         padding: 1rem 0rem 0rem 0rem;
         clear: both;
         }