:root{color-scheme:light;--cyan:#00c8ef;--lime:#c1c616;--paper:#faf6ef;--ink:#33271d}*{box-sizing:border-box}body{margin:0;background:#352318 url('../images/fondo-madera.jpg') center top/cover fixed;color:var(--paper);font:17px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.skip{position:absolute;left:12px;top:-100px;background:white;color:black;padding:10px;z-index:5}.skip:focus{top:10px}.site-header,main,.site-footer{max-width:980px;margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:64px 30px 54px}.brand{text-decoration:none;color:var(--cyan);font-size:32px;line-height:1.25;white-space:nowrap}.brand span{display:block;font-size:28px}.nav{display:flex;gap:8px;align-items:center;list-style:none;padding:0;margin:0}.nav>li{position:relative}.nav a{display:block;padding:8px 18px;color:var(--lime);font-weight:bold;text-decoration:none;font-size:15px;border-top:1px solid transparent;border-bottom:1px solid transparent}.nav a:hover,.nav a:focus-visible,.nav a[aria-current='page']{color:var(--cyan);border-color:var(--lime)}.submenu{display:none;position:absolute;z-index:2;min-width:190px;list-style:none;margin:0;padding:8px;background:#2c2018;box-shadow:0 8px 20px #0006}.nav li:hover .submenu,.nav li:focus-within .submenu{display:block}.submenu a{font-size:14px}main{padding:0 30px;min-height:500px}.hero{display:block;width:100%;max-width:879px;margin:auto;border-radius:5px}.site-footer{padding:44px 30px 55px;display:flex;justify-content:space-between;gap:20px;font-size:13px}.site-footer p{margin:0}.site-footer a{color:var(--paper)}h1,main h2{font-size:32px;line-height:1.3;font-weight:normal;margin:0 0 30px;color:var(--cyan)}.paper{background:rgba(250,246,239,.96);color:var(--ink);padding:38px;border-radius:5px}.paper h1,.paper h2{color:#674629}.paper p:first-of-type{margin-top:0}.paper p{white-space:pre-line}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{text-decoration:none;text-align:center;background:var(--paper);color:var(--ink);border-radius:5px;overflow:hidden}.card img{width:100%;height:300px;object-fit:cover;display:block}.card span,.card-title{display:block;padding:18px;font-size:21px}.card:hover span,.card:hover .card-title{text-decoration:underline}.info-links{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-links a{padding:50px 25px;text-align:center;font-size:26px;background:var(--paper);color:var(--ink);border-radius:5px}.gallery{columns:3;column-gap:20px}.artwork{break-inside:avoid;background:var(--paper);color:var(--ink);border-radius:4px;overflow:hidden;margin:0 0 20px;display:inline-block;width:100%}.artwork a{display:block}.artwork img{width:100%;display:block}.artwork figcaption{padding:16px;font-size:14px;line-height:1.5;white-space:pre-line}.gallery-help{font-size:14px;margin-top:-18px;margin-bottom:24px}.exhibitions{padding-left:22px}.exhibitions li{padding:0 0 20px}.contact-links a{overflow-wrap:anywhere}.contact-form{display:grid;gap:16px;margin-top:26px}.contact-form label{display:grid;gap:5px}.contact-form input,.contact-form textarea{padding:10px;border:1px solid #947f6b;border-radius:3px;background:#fff;color:var(--ink);width:100%}.contact-form button{justify-self:start;background:#553a28;color:white;padding:10px 22px;border:0;border-radius:3px;cursor:pointer}.contact-form p{font-size:14px}.lightbox{border:0;border-radius:6px;padding:16px;background:#17120e;color:#fff;max-width:min(96vw,1200px);max-height:94vh}.lightbox::backdrop{background:#000d}.lightbox img{display:block;max-height:72vh;max-width:100%;margin:auto;object-fit:contain}.lightbox p{white-space:pre-line;margin:12px 0;font-size:14px}.lightbox button{background:#fff;color:#251c16;border:0;border-radius:3px;padding:8px 16px;cursor:pointer;float:right;margin-bottom:12px}.lightbox figure{clear:both;margin:0}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}@media(max-width:960px){.site-header{flex-direction:column;align-items:flex-start;padding-top:30px;gap:22px}.brand{white-space:normal}.nav a{padding:8px 16px}}@media(max-width:650px){body{background-attachment:scroll}.site-header,main,.site-footer{padding-left:18px;padding-right:18px}.site-header{padding-bottom:30px}.brand{font-size:27px}.brand span{font-size:24px}.nav{flex-wrap:wrap;gap:4px}.nav a{padding:8px 10px;font-size:14px}.gallery{columns:2;column-gap:12px}.artwork{margin-bottom:12px}.artwork figcaption{padding:12px;font-size:13px}.cards{grid-template-columns:1fr}.card img{height:320px;object-fit:contain}.paper{padding:24px}.info-links{grid-template-columns:1fr}.site-footer{flex-direction:column}h1,main h2{font-size:28px}.submenu{min-width:155px}.submenu a{font-size:13px}}@media(max-width:380px){.gallery{columns:1}}

/* Secciones de portada: presentación y accesos a información y obras. */
.home-intro{margin-top:32px}
.home-intro h2{font-size:28px;margin-bottom:18px}
.home-intro p{margin-bottom:0}
.home-section{margin-top:36px}
.home-section h2{color:var(--cyan);font-size:26px;line-height:1.3;font-weight:normal;margin:0 0 20px}
@media(max-width:650px){.home-intro h2{font-size:24px}.home-section{margin-top:28px}}

/* Ajustes de etiquetas semánticas, conservando su presentación anterior. */
.brand-heading{margin:0;font:inherit;color:inherit}
.brand-heading .brand{display:block}
.info-title{margin:0;font:inherit}
.card-title{margin:0;font-weight:normal}

/* Navegación discreta del lightbox, con objetivos cómodos para ratón y táctil. */
.lightbox-stage{position:relative}
.lightbox .lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);float:none;margin:0;padding:0;width:44px;height:44px;border-radius:50%;background:rgba(23,18,14,.55);color:#fff;font:36px/1 Arial,Helvetica,sans-serif;opacity:.75;display:grid;place-items:center}
.lightbox .lightbox-nav[hidden]{display:none}
.lightbox .lightbox-prev{left:10px}
.lightbox .lightbox-next{right:10px}
.lightbox .lightbox-nav:hover,.lightbox .lightbox-nav:focus-visible{opacity:1;background:rgba(23,18,14,.85)}
.lightbox .lightbox-position{margin:10px 0 6px;text-align:center;font-size:12px;color:#c8bfb6}

/* Mantener una descripción legible y ajustar la imagen al espacio disponible. */
.lightbox{min-width:min(96vw,360px);max-height:94dvh}
.lightbox figcaption{overflow-wrap:anywhere}