/* LA PAGINA MINIMA. Una columna, letra grande y nada que picar mas que
   los tres enlaces. Lo que tiene que leerse aqui son palabras, y todo lo
   demas estorba.

   Los colores son los de la tienda: el mismo papel y la misma tinta, para
   que quien venga de aymorapplis.com vea que es la misma casa. */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --papel:#F7F3EC; --tinta:#1A1714; --suave:#7E7467; --tenue:#A79C8D;
  --marca:#9C5533; --linea:#E6DED1; --blanco:#FFFDF9;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html{-webkit-text-size-adjust:100%}
body{background:var(--papel);color:var(--tinta);font:16px/1.65 var(--sans);
     -webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.centro{max-width:720px;margin:0 auto;padding:0 clamp(18px,5vw,32px)}

.barra{border-bottom:1px solid var(--linea);background:var(--blanco)}
.barra .centro{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
               min-height:56px;padding-top:10px;padding-bottom:10px}
.nombre{font-weight:800;font-size:12.5px;letter-spacing:.17em;white-space:nowrap}
.idiomas{display:flex;gap:4px;margin-left:auto}
.idiomas a{font-size:12px;letter-spacing:.09em;text-transform:uppercase;
           color:var(--tenue);padding:4px 8px;border-radius:999px}
.idiomas a.of{color:var(--tinta);background:var(--papel);
              border:1px solid var(--linea)}

h1{font:400 clamp(30px,6vw,50px)/1.08 var(--serif);letter-spacing:-.015em;
   margin-top:clamp(40px,8vw,76px)}
.frase{font:400 clamp(19px,2.8vw,24px)/1.4 var(--serif);color:var(--marca);
       margin-top:clamp(14px,2.4vw,20px);max-width:30ch}
.parrafo{margin-top:clamp(22px,3.4vw,32px);max-width:66ch}
.parrafo p{font-size:clamp(16.5px,2vw,18px);line-height:1.72;color:var(--suave);
           margin-bottom:17px}
.parrafo p:last-child{margin-bottom:0}
.casa{margin-top:clamp(24px,3.6vw,34px);font-size:14.5px;color:var(--tenue);
      max-width:60ch}

h2{font:600 clamp(19px,2.4vw,22px)/1.25 var(--serif);
   margin-top:clamp(38px,6vw,62px)}
.escribenos{margin-top:12px;color:var(--suave);max-width:60ch}
.correo{margin-top:10px;font-size:clamp(18px,2.4vw,21px);font-family:var(--serif)}
.correo a{border-bottom:1px solid var(--marca);color:var(--marca)}

.puertas{display:flex;gap:10px;flex-wrap:wrap;margin-top:clamp(34px,5vw,52px)}
.puertas a{border:1px solid var(--linea);background:var(--blanco);
           border-radius:999px;padding:10px 20px;font-size:14.5px;
           letter-spacing:.02em}
.puertas a:hover{border-color:var(--marca);color:var(--marca)}

/* Lo legal. Texto y nada mas: numerado, para que se pueda citar un punto por
   su numero cuando alguien pregunte por el. */
.legal{margin-top:clamp(30px,5vw,48px);max-width:68ch}
.legal .entradilla{font-family:var(--serif);font-size:clamp(17px,2.1vw,19px);
                   line-height:1.6;color:var(--tinta)}
.legal section{margin-top:clamp(26px,4vw,38px)}
.legal h3{font:600 17px/1.3 var(--serif);color:var(--marca)}
.legal h3 .n{color:var(--tenue);font-weight:400;margin-right:7px}
.legal p{margin-top:9px;color:var(--suave)}
.legal ul{margin-top:9px;padding-left:19px;color:var(--suave)}
.legal li{margin-bottom:7px}
.fecha{margin-top:10px;font-size:13.5px;color:var(--tenue)}

footer{margin-top:clamp(52px,8vw,96px);border-top:1px solid var(--linea);
       background:var(--blanco)}
footer .centro{padding-top:22px;padding-bottom:clamp(34px,6vw,54px)}
.pie{font-size:13.5px;color:var(--tenue);line-height:1.6}
.pie a{color:var(--suave);border-bottom:1px solid var(--linea)}
.pie .enlaces{margin-bottom:9px;display:flex;gap:16px;flex-wrap:wrap}