:root{--ink:#28241f;--muted:#6e675f;--paper:#f8f6f1;--white:#fff;--sand:#eee8df;--line:#d9d2c8;--accent:#98724f;--display:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#e9e5df}
body{width:100%;max-width:520px;margin:0 auto;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;overflow-x:hidden;box-shadow:0 0 50px rgba(39,32,25,.12)}
picture,img{display:block;width:100%;max-width:100%}a{color:inherit}.campaign-note{min-height:29px;padding:8px 10px;background:var(--ink);color:#fff;text-align:center;font-size:7px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.landing-header{height:67px;padding:0 18px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #ede8e1}.brand{text-align:center;text-decoration:none;font:500 22px/1 var(--display);letter-spacing:.03em}.brand small{display:block;margin-top:5px;font:500 6px/1 var(--sans);letter-spacing:.15em}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.hero{min-height:calc(100svh - 67px);padding:54px 22px 38px;display:flex;align-items:flex-end;background:linear-gradient(0deg,rgba(30,25,20,.92),rgba(30,25,20,.18)),url('/wp-content/uploads/2024/12/A-271-Ambiente.jpg') center 32%/cover;color:#fff}.hero h1{margin:0;font:500 clamp(43px,12vw,58px)/.92 var(--display);letter-spacing:-.025em}.hero__lead{margin:20px 0;font-size:13px;line-height:1.65}.hero__note{margin:15px 0 0;font-size:8px}.hero .eyebrow{color:#ead5ba}.button{width:100%;min-height:52px;padding:15px 18px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;text-decoration:none;font-size:10px;font-weight:600;letter-spacing:.09em;text-align:center}.button--light{background:#fff;color:var(--ink)}.button--dark{background:var(--ink);color:#fff}.benefit-bar{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 10px;background:#fff;border-bottom:1px solid var(--line)}.benefit-bar article{min-width:0;padding:8px;border-right:1px solid var(--line);text-align:center}.benefit-bar article:last-child{border:0}.benefit-bar strong,.benefit-bar small{display:block}.benefit-bar strong{font-size:7px}.benefit-bar small{margin-top:4px;color:var(--muted);font-size:6.5px;line-height:1.35}.section{padding:62px 18px}.section h2,.artist-feature h2{margin:0;font:500 clamp(34px,9.5vw,44px)/1 var(--display);letter-spacing:-.02em}.section>p:not(.eyebrow),.section-heading>p:last-child{margin:15px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.section-heading{margin-bottom:28px;text-align:center}.statement{background:var(--sand)}.statement figure{margin:30px 0 0;position:relative}.statement figure img{height:330px;object-fit:cover}.statement figcaption{position:absolute;left:8px;bottom:8px;padding:7px 9px;background:rgba(255,255,255,.93);font-size:7px;letter-spacing:.06em;text-transform:uppercase}.styles{padding-left:0;padding-right:0}.styles .section-heading{padding:0 18px}.styles__grid{display:grid;gap:8px}.style-card{min-height:390px;padding:24px 20px;display:flex;align-items:flex-end;background-size:cover;background-position:center;color:#fff;position:relative}.style-card:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 28%,rgba(29,24,20,.9))}.style-card>div{position:relative}.style-card span{font-size:8px;letter-spacing:.12em}.style-card h3{margin:5px 0;font:500 43px/1 var(--display)}.style-card p{margin:0;font-size:10px;line-height:1.55}.style-card a,.artist-feature a{display:inline-block;margin-top:15px;padding-bottom:3px;border-bottom:1px solid currentColor;text-decoration:none;font-size:8px;font-weight:600;letter-spacing:.1em}.style-card--watercolour{background-image:url('/wp-content/uploads/2024/12/A-716-Ambiente.jpg')}.style-card--oil{background-image:url('/wp-content/uploads/2024/12/A-424-180X100-M1.jpg')}.selection{padding-left:0;padding-right:0;background:#fff}.selection .section-heading{padding:0 18px}.selection__rail{display:flex;gap:10px;padding:0 18px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.selection__rail::-webkit-scrollbar{display:none}.art-card{flex:0 0 82%;padding-bottom:17px;background:var(--paper);text-decoration:none;scroll-snap-align:start}.art-card img{height:270px;object-fit:cover}.art-card span,.art-card h3,.art-card p{display:block;margin-left:15px;margin-right:15px}.art-card span{margin-top:14px;color:var(--accent);font-size:7px;letter-spacing:.12em}.art-card h3{margin-top:4px;margin-bottom:0;font:500 27px/1 var(--display)}.art-card p{margin-top:6px;margin-bottom:0;color:var(--muted);font-size:9px}.size-guide{background:var(--sand)}.size-guide__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.size-guide article{padding:18px 8px;background:rgba(255,255,255,.48);text-align:center}.shape{display:block;margin:0 auto 12px;border:1px solid var(--accent)}.shape--landscape{width:52px;height:31px}.shape--portrait{width:31px;height:52px}.shape--square{width:42px;height:42px}.size-guide h3{margin:0;font:500 18px var(--display)}.size-guide article p{margin:6px 0 0;color:var(--muted);font-size:7px;line-height:1.45}.artist-feature{background:#fff}.artist-feature img{height:290px;object-fit:cover}.artist-feature>div{padding:36px 20px 43px}.artist-feature p:not(.eyebrow){margin:12px 0 0;color:var(--muted);font-size:10px;line-height:1.65}.final-preview{min-height:76svh;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,rgba(31,25,21,.9),rgba(31,25,21,.18)),url('/wp-content/uploads/2024/12/A-070-Ambiente--1080x675.jpg') center/cover;color:#fff}.final-preview .eyebrow{color:#ead5ba}.final-preview>p:not(.eyebrow){color:#f2ece5}.final-preview .button{margin-top:22px}.landing-footer{padding:27px 20px calc(32px + env(safe-area-inset-bottom));background:#fff}.landing-footer>span{font:500 23px var(--display)}.landing-footer small{display:block;margin-top:7px;color:var(--muted);font-size:8px}

@supports (background-image:image-set(url("assets/hero-a271.webp") type("image/webp"))){.hero{background-image:linear-gradient(0deg,rgba(30,25,20,.92),rgba(30,25,20,.18)),image-set(url("assets/hero-a271.webp") type("image/webp"),url('/wp-content/uploads/2024/12/A-271-Ambiente.jpg') type("image/jpeg"))}.style-card--watercolour{background-image:image-set(url("assets/style-watercolour.webp") type("image/webp"),url('/wp-content/uploads/2024/12/A-716-Ambiente.jpg') type("image/jpeg"))}.style-card--oil{background-image:image-set(url("assets/style-oil.webp") type("image/webp"),url('/wp-content/uploads/2024/12/A-424-180X100-M1.jpg') type("image/jpeg"))}.final-preview{background-image:linear-gradient(0deg,rgba(31,25,21,.9),rgba(31,25,21,.18)),image-set(url("assets/final-a070.webp") type("image/webp"),url('/wp-content/uploads/2024/12/A-070-Ambiente--1080x675.jpg') type("image/jpeg"))}}
@media(max-width:350px){.hero h1{font-size:43px}.section h2{font-size:33px}.style-card{min-height:350px}.art-card{flex-basis:88%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Interacción y cierre final --------------------------------------------- */
.button:focus-visible,.brand:focus-visible,.style-card a:focus-visible,.art-card:focus-visible,.faq a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.button--outline{border-color:var(--ink);background:transparent;color:var(--ink)}
.style-card a{min-height:44px;display:inline-flex;align-items:center}
.selection__filters{display:flex;gap:7px;margin:0 18px 18px;overflow-x:auto;scrollbar-width:none}
.selection__filters::-webkit-scrollbar{display:none}
.selection__filters button{flex:0 0 auto;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);font:600 8px var(--sans);letter-spacing:.08em}
.selection__filters button.is-active{border-color:var(--ink);background:var(--ink);color:#fff}
.selection__filters button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.art-card[hidden]{display:none}
.art-card small{display:inline-block;margin:14px 15px 0;padding-bottom:3px;border-bottom:1px solid var(--ink);font-size:7px;font-weight:600;letter-spacing:.08em}
.selection__hint{margin:18px 18px 0;color:var(--muted);font-size:9px;line-height:1.6}.selection__catalog-link{width:calc(100% - 36px);margin:24px 18px 0}
.area-calculator{background:var(--sand)}.area-calculator>p:not(.eyebrow){color:var(--muted);font-size:11px}.area-calculator__fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0 15px}.area-calculator__fields label{font-size:9px}.area-calculator__fields input{width:100%;margin-top:6px;padding:13px 10px;border:1px solid var(--line);background:#fff;font:14px var(--sans)}.area-calculator__result{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px!important;color:var(--ink)!important}.area-calculator>small{display:block;margin:14px 0;color:var(--muted);font-size:9px}.area-calculator .button{margin-top:18px}
.size-guide__tip{margin:22px 0 0!important;padding-top:19px;border-top:1px solid rgba(40,36,31,.15);font-size:9px!important;line-height:1.6!important}
.size-guide__tip strong{color:var(--ink);font-weight:600}
.faq{background:#fff}
.faq__list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{min-height:64px;padding:18px 1px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;font-size:11px;font-weight:500;line-height:1.45}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{width:16px;height:16px;position:relative;flex:none}
.faq summary span:before,.faq summary span:after{content:'';position:absolute;top:7px;left:1px;width:14px;height:1px;background:currentColor;transition:transform .2s ease}
.faq summary span:after{transform:rotate(90deg)}
.faq details[open] summary span:after{transform:rotate(0)}
.faq details>p{margin:-2px 0 22px;color:var(--muted);font-size:10px;line-height:1.7}
.faq details>p a{text-decoration:underline;text-underline-offset:3px}
.advice{padding:30px 18px;background:#e7dfd4}
.advice h2{margin:0;font:500 31px/1 var(--display)}
.advice div>p:last-child{margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.55}
.advice .button{min-height:46px;margin-top:18px}
.final-preview>small{display:block;margin-top:14px;font-size:8px;letter-spacing:.03em}
.has-reveal .reveal{opacity:0;transform:translateY(18px)}
.has-reveal .reveal.is-visible{opacity:1;transform:translateY(0);transition:opacity .48s cubic-bezier(.22,.61,.36,1),transform .48s cubic-bezier(.22,.61,.36,1)}

@media(max-width:350px){.selection__filters button{padding:0 12px}.size-guide__grid{grid-template-columns:1fr}.size-guide article{display:grid;grid-template-columns:58px 1fr;align-items:center;text-align:left}.size-guide article p{grid-column:2}.shape{grid-row:1/3;margin:0 auto}}
@media(prefers-reduced-motion:reduce){.faq summary span:after{transition:none}.has-reveal .reveal{opacity:1;transform:none}}

/* Escritorio: la campaña conserva el orden y el ritmo móvil, pero deja de
   verse como una maqueta estrecha centrada. El breakpoint está por encima de
   tablet para que la experiencia de anuncio siga siendo exactamente móvil. */
@media(min-width:900px){
  body{max-width:none;box-shadow:none}
  .campaign-note{min-height:34px;padding:10px 20px;font-size:9px}
  .landing-header{height:82px;padding:0 48px;justify-content:flex-start}
  .brand{text-align:left;font-size:28px}.brand small{font-size:7px}
  .hero{min-height:680px;padding:72px max(48px,calc((100vw - 1240px)/2)) 72px;background-position:center 38%}
  .hero__content{max-width:570px}
  .hero h1{font-size:clamp(62px,6.5vw,94px);line-height:.88}
  .hero__lead{max-width:470px;font-size:16px}
  .hero .button{max-width:280px}
  .benefit-bar{grid-template-columns:repeat(3,1fr);padding:24px max(48px,calc((100vw - 1180px)/2))}
  .benefit-bar article{min-height:72px;padding:12px 24px}.benefit-bar strong{font-size:10px}.benefit-bar small{font-size:9px}
  .section{max-width:1180px;margin:0 auto;padding:105px 48px}
  .section-heading{max-width:700px;margin-bottom:44px}.section h2,.artist-feature h2{font-size:clamp(46px,4.3vw,68px)}
  .statement{max-width:none;display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:70px;align-items:center;padding-left:max(48px,calc((100vw - 1180px)/2));padding-right:max(48px,calc((100vw - 1180px)/2))}
  .statement .eyebrow,.statement h2,.statement>p:not(.eyebrow){grid-column:1}.statement figure{grid-column:2;grid-row:1 / span 3;margin:0}.statement figure img{height:540px}
  .styles{max-width:1180px}.styles__grid{grid-template-columns:repeat(2,1fr);gap:18px}.style-card{min-height:530px;padding:34px}.style-card h3{font-size:58px}.style-card p{max-width:320px;font-size:12px}.style-card a{font-size:9px}
  .selection{max-width:none}.selection .section-heading,.selection__filters,.selection__hint,.selection__catalog-link{max-width:1180px;margin-left:auto;margin-right:auto}.selection .section-heading{padding-left:48px;padding-right:48px}.selection__filters{padding-left:48px;padding-right:48px;justify-content:center}.selection__rail{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1280px;margin:0 auto;padding:0 48px 8px;overflow:visible}.art-card{min-width:0}.art-card img{height:310px}.selection__hint{padding:0 48px}.selection__catalog-link{max-width:300px}
  .artist-feature{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch}.artist-feature img{height:100%;min-height:430px}.artist-feature>div{display:flex;flex-direction:column;justify-content:center;padding:60px}.artist-feature h2{font-size:clamp(46px,4vw,64px)}
  .faq{max-width:1180px}.faq__list{max-width:860px;margin:0 auto}.faq summary{font-size:14px;padding:22px 2px}.faq details>p{font-size:12px}
  .advice{max-width:1180px;margin:0 auto;padding:40px 48px;display:flex;align-items:center;justify-content:space-between;gap:40px}.advice .button{width:auto;min-width:270px;margin:0}.advice h2{font-size:38px}
  .final-preview{min-height:620px;padding:80px max(48px,calc((100vw - 1180px)/2))}.final-preview>div{max-width:560px}.final-preview h2{font-size:clamp(60px,6vw,86px)}.final-preview .button{max-width:300px}
  .landing-footer{padding:38px max(48px,calc((100vw - 1180px)/2)) 42px}.landing-footer>span{font-size:28px}.landing-footer small{font-size:10px}
}

/* El cierre funciona como CTA compacto, no como una segunda portada. */
.final-preview{min-height:0;padding:16px 18px 12px;background-position:center 48%}
.final-preview h2{font-size:clamp(28px,7.8vw,34px);line-height:1.01}
.final-preview>p:not(.eyebrow){margin:7px 0;font-size:10px;line-height:1.35}
.final-preview .button{min-height:38px;margin-top:7px;padding:10px 14px}
.final-preview>small{margin-top:7px;font-size:6.5px}
@media(min-width:900px){
  html{background:#e9e5df}
  body{max-width:1180px;margin:0 auto;box-shadow:0 0 50px rgba(39,32,25,.12)}
  .hero,.final-preview{padding-left:48px;padding-right:48px}
  .benefit-bar,.statement{padding-left:48px;padding-right:48px}
  .final-preview{min-height:0;padding:24px max(48px,calc((100vw - 1180px)/2)) 20px;background-position:center 46%}
  .final-preview>div{max-width:650px}
  .final-preview h2{font-size:clamp(36px,3.4vw,50px);line-height:1}
  .final-preview>p:not(.eyebrow){margin:8px 0;font-size:11px;line-height:1.4}
  .final-preview .button{min-height:42px;margin-top:8px}
  .final-preview>small{margin-top:9px;font-size:8px}
}

@media(min-width:900px){.final-preview{padding-left:48px;padding-right:48px}}
@media(min-width:900px){body{width:auto!important;max-width:1180px!important;margin-left:auto;margin-right:auto;box-shadow:0 0 50px rgba(39,32,25,.12)}}

/* Portada real de la colección, compartida con la home. */
.hero{background-image:linear-gradient(0deg,rgba(30,25,20,.92),rgba(30,25,20,.18)),url('../assets/portadas/lienzos.jpg');background-position:center 44%}
@supports (background-image:image-set(url('../assets/portadas/lienzos.webp') type('image/webp'))){.hero{background-image:linear-gradient(0deg,rgba(30,25,20,.92),rgba(30,25,20,.18)),image-set(url('../assets/portadas/lienzos.webp') type('image/webp'),url('../assets/portadas/lienzos.jpg') type('image/jpeg'))}}