@charset "UTF-8";
body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
body>main{flex:1 0 auto}
.site-header,.site-footer{flex-shrink:0}
.body-paragraph{white-space:pre-line}
.content-section{padding-block:40px}
.content-section h1,.content-section h2{margin-bottom:22px}
.content-section .page-lead{font:400 1.8rem/1.4 var(--serif);margin-top:20px}
.content-section .craft-copy{margin-top:22px;max-width:850px}
.craft-section .craft-copy{margin:0}
.content-gallery{padding-block:20px 42px}
.text-with-image{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.text-with-image img{max-height:500px;object-fit:contain;margin-top:24px}
.collection-page{padding-top:20px}
.collection-tagline{font:400 1.8rem/1.3 var(--serif);margin-block:16px}
.collection-empty{padding-block:30px;color:var(--muted)}
.wordmark>img{max-width:180px;max-height:90px;object-fit:contain}
.desktop-nav{flex-wrap:wrap;justify-content:center;gap:8px 24px}
.preview-banner{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 18px;background:#34432f;color:#fff9e2;font-size:.85rem}
.preview-banner a,.preview-banner button{text-decoration:underline}
.preview-banner form{margin:0}
.detail-image{flex-direction:column;gap:18px}
.detail-photos{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.detail-photos button{padding:3px;border:1px solid var(--line);width:64px;height:64px}
.detail-photos button[aria-pressed=true]{border:2px solid var(--ink)}
.detail-photos img{height:100%;width:100%;object-fit:contain;filter:none}
@media(max-width:700px){.content-section{padding-block:28px}.text-with-image{grid-template-columns:1fr;gap:22px}.preview-banner{flex-wrap:wrap;gap:4px 15px;font-size:.75rem}.preview-banner strong{width:100%;text-align:center}}

.hero-copy h1 em{display:block}
/* Preguntas frecuentes: acordeón nativo al final de la portada; la introducción queda fija al leer. */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,96px);align-items:start;padding-block:clamp(64px,8vw,112px)}
.faq-intro{position:sticky;top:32px}
.faq-intro .eyebrow{margin-bottom:16px}
.faq-intro :is(h1,h2){font-size:clamp(2.4rem,4vw,3.6rem)}
.faq-intro .body-paragraph{color:var(--muted);max-width:34ch;margin:20px 0 0}
.faq-intro .primary-link{margin-top:30px}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:24px 0;cursor:pointer;list-style:none;font:400 clamp(1.3rem,1.9vw,1.6rem)/1.3 var(--serif);letter-spacing:-.02em}
.faq-item summary::-webkit-details-marker{display:none}
.faq-icon{position:relative;flex:none;width:18px;height:18px}
.faq-icon::before,.faq-icon::after{content:'';position:absolute;left:0;top:50%;width:100%;height:1.5px;margin-top:-.75px;background:currentColor;transition:rotate .25s ease}
.faq-icon::after{rotate:90deg}
.faq-item[open] .faq-icon::after{rotate:0deg}
.faq-answer{max-width:62ch;padding:0 42px 26px 0;color:var(--muted)}
.faq-answer .body-paragraph{margin:0 0 .8em}
.faq-answer .body-paragraph:last-child{margin-bottom:0}
@media(hover:hover) and (pointer:fine){.faq-item summary:hover{color:#172510}}
@media(max-width:900px){.faq{grid-template-columns:minmax(0,1fr);gap:30px}.faq-intro{position:static}}
@media(max-width:700px){.faq{padding-block:52px 64px}.faq-item summary{padding:20px 0;font-size:1.25rem}.faq-answer{padding-right:0}}