@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Roboto+Condensed:wght@400;700&display=swap');
:root{--blue:#12356b;--red:#e42143;--cream:#fff5df;--wood:#4e2715}*{box-sizing:border-box}body{margin:0;color:var(--blue);font-family:'Roboto Condensed',sans-serif;background:#f0d8a7}.header{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:14px 5vw;background:var(--cream);border-bottom:3px solid #d6a85e}.home{font-weight:bold;color:var(--blue);text-decoration:none}nav{display:flex;gap:13px;flex-wrap:wrap}nav a{color:var(--blue);font-weight:bold;text-decoration:none}nav a:hover,.home:hover{color:var(--red)}.cover-page{max-width:1536px;margin:auto}.cover-image{width:100%;height:auto;display:block}footer{background:var(--wood);color:#fff3d2;padding:25px 7vw;font:22px 'Patrick Hand',cursive}.section{min-height:78vh;padding:50px 7vw;background:linear-gradient(#fff9eedd,#f4d6a0df),url('portada.png') center/cover fixed}.title-block{max-width:760px;margin:0 auto 34px;padding:28px 36px;text-align:center;background:var(--cream);box-shadow:5px 7px #51251255;transform:rotate(-.5deg)}.title-block p{font:24px 'Patrick Hand',cursive;margin:0}.title-block h1{font:700 clamp(48px,8vw,86px)/.9 'Patrick Hand',cursive;color:var(--red);margin:8px 0;text-shadow:2px 2px #f8dc22}.gallery{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:25px}.gallery figure{margin:0;padding:10px 10px 16px;background:#fffaf0;box-shadow:5px 7px #51251266;transform:rotate(var(--tilt))}.gallery figure:hover{transform:rotate(0) scale(1.03)}.gallery img{display:block;width:100%;height:200px;object-fit:cover}.gallery figcaption{padding:9px 5px 0;font:22px 'Patrick Hand',cursive}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.header{display:block;text-align:center}.header nav{margin-top:12px;justify-content:center}.section{padding:35px 5vw}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery img{height:145px}.title-block{padding:22px}}