/* Borrador 3: contenido compacto, selección por modalidad y galerías separadas. */
.site-header nav{gap:17px;font-size:12px}
.hero{overflow:hidden}
[hidden]{display:none!important}
.modalities{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:15px;scrollbar-width:thin}
.modality-v3{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start;background:#151713;border-radius:9px;overflow:hidden}
.modality-photo{display:block;width:100%;padding:0;position:relative;overflow:hidden}
.modality-photo img{width:100%;aspect-ratio:1.15;object-fit:cover;transition:transform 1.8s ease}
.modality-photo:hover img{transform:scale(1.035)}
.mode-number{position:absolute;left:18px;top:17px;border-radius:50%;background:#171b14cc;padding:6px 10px;font-size:11px}
.mode-copy{padding:25px}.mode-copy h3{font-size:31px}.mode-copy>p:not(.eyebrow){font-size:13px;margin:17px 0 22px}.mode-copy .eyebrow{font-size:9px;margin-bottom:13px}
.modality-hint{display:none;font-size:11px;margin-top:12px}.modality-hint span{float:right;color:var(--sage)}
.catalog-tabs{display:flex;gap:12px;margin-bottom:27px}.catalog-tabs button{border:1px solid var(--line);padding:10px 19px;border-radius:30px;font-size:12px}.catalog-tabs button[aria-pressed=true]{background:var(--cream);color:var(--bg)}
.available-empty{padding:35px;border:1px solid var(--line);border-radius:8px;width:100%;background:#20251c}.available-empty h3{font-size:30px}.available-empty p:not(.eyebrow){margin:16px 0 23px;max-width:620px;font-size:14px}
.card-image{position:relative;overflow:hidden;border-radius:9px}.badge{position:absolute;left:14px;top:14px;padding:5px 12px;background:var(--cream);color:var(--bg);border-radius:20px;font-size:11px}.card-price{color:var(--cream);font-size:18px!important;margin-top:12px}.card-price del{font-size:13px;color:var(--muted);margin-right:8px}.community{background:#242a21;max-width:none}.community .product-card>p{margin-top:15px}.community .product-card img{transition:transform 2s ease}.community .product-card button{overflow:hidden;border-radius:9px}.community .product-card button:hover img{transform:scale(1.035)}
.price-display{font:27px var(--serif);color:var(--cream);padding:15px 0 24px}.delivery-note{border-left:2px solid var(--sage);padding:12px 15px;font-size:12px;color:var(--muted);margin:20px 0 25px}.color-picker{padding:0;border:1px solid var(--line);border-radius:4px;margin-bottom:17px}.color-picker summary{padding:13px;font-size:14px}.color-picker>div{padding:15px}.color-option{display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:9px}.color-option:hover{background:var(--panel)}.color-option img{width:52px;height:42px;border-radius:4px;object-fit:cover}.color-option span{font-size:13px}.color-picker .text-link{margin-top:12px}
.workshop-callout{padding:35px 7%;background:#39482d;display:flex;align-items:center;justify-content:space-between;gap:35px}.workshop-callout p{color:var(--cream);margin:12px 0}.workshop-callout .eyebrow{font-size:9px;margin:0 0 14px}
.hero-slides{position:absolute;bottom:80px;left:7%;display:flex;gap:10px;align-items:center}.hero-slides [data-hero]{width:35px;height:25px;padding:10px 0}.hero-slides [data-hero]:after{content:'';display:block;height:3px;background:#ffffff66}.hero-slides [aria-pressed=true]:after{background:var(--cream)}#pause-hero{border:1px solid #ffffff66;border-radius:50%;width:32px;height:32px;font-size:12px}
.hero>img,.workshop-media>img{animation:gentle-frame 15s ease-in-out infinite alternate;transition:opacity .8s ease}.motion-paused .hero>img,.motion-paused .workshop-media>img{animation-play-state:paused}
@keyframes gentle-frame{from{transform:scale(1)}to{transform:scale(1.045)}}
.custom-visual.has-photo{padding:0;overflow:hidden;border-radius:9px}.custom-visual.has-photo button{position:relative;width:100%;height:100%;padding:0}.custom-visual.has-photo img{width:100%;height:100%;object-fit:cover}.custom-visual.has-photo span{position:absolute;bottom:17px;left:17px;padding:7px 13px;background:#171b14df;font-size:12px;color:var(--cream)}
.photo-view{padding:50px 25px 25px;text-align:center}.photo-view>img{max-height:66svh;max-width:100%;margin:auto;object-fit:contain;border-radius:5px}.photo-navigation{display:flex;justify-content:center;align-items:center;gap:35px;margin-top:20px}.photo-navigation button{border:1px solid var(--line);border-radius:50%;width:42px;height:42px;font-size:22px}.photo-view>p{margin:20px 0}.photo-view .text-link{margin:auto}
.product-information>.eyebrow{margin-bottom:12px}.product-information h2{font-size:37px}.product-information .availability{margin:15px 0;padding:13px 0;font-size:12px}.product-information #product-description{font-size:13px}.product-information label{margin-bottom:15px}
@media(max-width:1100px) and (min-width:761px){.site-header nav{gap:9px;font-size:10px}.brand{font-size:21px}.mode-copy{padding:19px}.mode-copy h3{font-size:27px}}
@media(max-width:760px){
 .site-header nav{font-size:17px;gap:14px}.modalities{gap:16px}.modality-v3{flex:0 0 76%;min-width:0}.modality-photo img{aspect-ratio:1.35}.mode-copy{padding:22px}.mode-copy h3{font-size:28px}.mode-copy>p:not(.eyebrow){margin:14px 0 19px}.modality-hint{display:block}.catalog-tabs{gap:9px}.catalog-tabs button{font-size:11px;padding:9px 16px}
 .product-layout{gap:20px;padding-top:48px}.product-gallery>img{height:24svh;min-height:130px;max-height:210px;aspect-ratio:auto}.thumbnails{margin-top:10px}.thumbnails button{flex-basis:51px}.thumbnails img{height:40px}.product-gallery>.image-caption{display:none}.product-information h2{font-size:29px;margin-bottom:12px}.product-information>.eyebrow{font-size:8px;margin-bottom:9px}.product-information .availability{margin:11px 0}.product-information #product-description{font-size:12px}.product-information .price-display{font-size:24px;padding:8px 0 20px}.hero-slides{left:6%;bottom:78px}.workshop-callout{padding:30px 6%;flex-direction:column;align-items:start}.available-empty{padding:25px}.available-empty h3{font-size:27px}.custom-visual.has-photo{aspect-ratio:1.4}.photo-view{padding-inline:15px}
}
@media(prefers-reduced-motion:reduce){.hero>img,.workshop-media>img{animation:none}#pause-hero{display:none}.modality-photo img,.community .product-card img{transition:none}}

/* Borrador 4: alternating sections, open hero framing and natural photo movement. */
main>section:nth-of-type(odd){background-color:#191d17}
main>section:nth-of-type(even){background-color:#282e24}
.hero{background:#252c20;min-height:760px}
.hero>img{object-fit:contain;object-position:72% center;animation:gentle-v4 18s ease-in-out infinite alternate}
.hero-shade{background:linear-gradient(90deg,rgba(12,19,10,.72),rgba(15,22,12,.25) 65%,rgba(15,22,12,.08))}
@keyframes gentle-v4{from{transform:scale(1)}to{transform:scale(1.018)}}
.modality-photo img,.custom-visual.has-photo img{animation:gentle-v4 17s ease-in-out infinite alternate}
.product-gallery>img{object-fit:contain;background:#171b14}
.portrait-placeholder{overflow:hidden}.portrait-placeholder img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.contact-details a{display:block;overflow-wrap:anywhere;margin:10px 0;color:var(--cream)}
.send-options{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.color-option{padding:12px}
.creation-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.creation-grid h3{font-size:25px;margin-top:16px}
@media(max-width:760px){.hero{min-height:760px}.hero>img{object-fit:contain;object-position:center 20%;height:65%;top:0}.hero-shade{background:linear-gradient(0deg,#192016 12%,rgba(20,28,17,.65) 35%,rgba(20,28,17,.06) 78%)}.hero-content{padding-top:330px}.portrait-placeholder img{max-height:450px}}
@media(prefers-reduced-motion:reduce){.hero>img,.modality-photo img,.custom-visual.has-photo img{animation:none}}
.motion-paused .modality-photo img,.motion-paused .custom-visual.has-photo img{animation-play-state:paused}

.slide-controls{flex-wrap:wrap;max-width:80%;gap:6px}.slide-controls button{max-width:22px}

/* Borrador 5: full-bleed cover and one continuous workshop background. */
.hero{min-height:680px;height:calc(100svh - 98px);max-height:900px}
.hero>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.hero-content{padding:70px 7%;max-width:1100px}
.hero-shade{background:linear-gradient(90deg,rgba(14,23,14,.76),rgba(19,30,17,.3) 70%),linear-gradient(0deg,rgba(15,23,13,.45),transparent 45%)}
.workshop-section{position:relative;isolation:isolate;overflow:hidden;background:#202b1b!important}
.workshop-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden}
.workshop-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 45%;animation:gentle-v4 18s ease-in-out infinite alternate;filter:saturate(.85)}
.workshop-section:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,10,.83),rgba(12,23,12,.55)),linear-gradient(0deg,rgba(10,18,10,.86),transparent);z-index:-1}
.workshop-media{height:auto;min-height:360px;background:transparent}
.workshop-media>img,.workshop-overlay{display:none}
.workshop-copy{position:relative;padding:65px 7% 35px;max-width:1100px}
.workshop-copy h2{max-width:700px}.workshop-copy>p:last-child{max-width:650px}
.workshop-options{background:transparent!important;padding-top:40px;padding-bottom:75px}
.workshop-options p,.workshop-copy p,.workshop-options small{color:#e4e5d9}
.workshop-options article{background:rgba(16,26,15,.30);padding:25px;border-radius:8px}
.workshop-options article+article{padding:25px;border-left:1px solid #b8c5a855}
.workshop-gallery{margin:18px 0;font-size:13px}.slide-controls{position:relative;left:auto;bottom:auto;margin:0 7%;padding-bottom:15px}
.motion-paused .workshop-backdrop img{animation-play-state:paused}
@media(max-width:760px){.hero{height:730px;min-height:620px;max-height:none}.hero>img{inset:0;height:100%;object-fit:cover}.hero-content{padding:55px 6% 85px}.workshop-copy{padding:55px 6% 25px}.workshop-copy h2{font-size:41px}.workshop-media{min-height:0}.workshop-options{padding:25px 6% 55px;gap:18px}.workshop-options article+article{padding:25px;border-top:1px solid #b8c5a855;border-left:0}.workshop-backdrop img{object-position:55% center}}
@media(prefers-reduced-motion:reduce){.workshop-backdrop img{animation:none}}

/* Final workshop layout: one visual scene, brief choices, complete details on demand. */
body:has(dialog[open]){overflow:hidden}
.workshop-unified{padding:64px 7% 35px;min-height:690px}
.workshop-unified .workshop-media{min-height:0;height:auto}
.workshop-unified .workshop-copy{padding:0;max-width:760px}
.workshop-unified .workshop-copy h2{font-size:clamp(38px,4.2vw,62px);max-width:750px}
.workshop-unified .workshop-copy>p:last-child{margin-top:20px;max-width:570px}
.workshop-unified .workshop-options{padding:32px 0 28px;max-width:1050px;margin:0;gap:22px;grid-template-columns:1fr 1fr}
.workshop-unified .workshop-options article{background:rgba(13,25,14,.52);backdrop-filter:blur(5px);border:1px solid #c5d2bd44;padding:24px;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start}
.workshop-unified .workshop-options h3{font-size:30px;margin-bottom:14px}
.workshop-title{font:inherit;text-align:left;padding:0;color:inherit}.workshop-title:hover{text-decoration:underline;text-underline-offset:5px}
.workshop-unified .workshop-options p:not(.eyebrow){font-size:14px;line-height:1.65;max-width:410px;min-height:46px}
.workshop-unified .workshop-options .text-link{font-size:12px;margin:16px 0}.workshop-unified .workshop-options .button{margin-top:auto;font-size:12px;padding:13px 19px}
.workshop-bottom{display:flex;align-items:center;gap:24px;flex-wrap:wrap;max-width:1050px}
.workshop-bottom .slide-controls{margin:0;padding:0;display:flex;gap:9px;max-width:none}
.workshop-bottom .slide-controls button{width:30px;max-width:30px;padding:0;height:4px}
.workshop-bottom>.button{margin-left:auto;padding:12px 22px;font-size:12px}
#workshop-pause{font-size:11px;padding:8px}.background-paused .workshop-backdrop img{animation-play-state:paused}
#workshop-dialog{max-width:760px}.workshop-detail h2{font-size:40px;margin-bottom:25px}.workshop-detail p{margin:18px 0;font-size:16px;line-height:1.7}.workshop-detail strong{color:var(--cream)}
.workshop-detail-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.workshop-detail-actions .workshop-gallery{margin:0}
.hero>img{transition:filter .8s ease;object-position:center 48%}
@media(max-width:760px){.workshop-unified{padding:46px 6% 30px;min-height:0}.workshop-unified .workshop-copy h2{font-size:37px}.workshop-unified .workshop-copy>p:last-child{font-size:14px}.workshop-unified .workshop-options{grid-template-columns:1fr;gap:14px;padding-top:25px}.workshop-unified .workshop-options article,.workshop-unified .workshop-options article+article{padding:20px}.workshop-unified .workshop-options h3{font-size:26px}.workshop-unified .workshop-options p:not(.eyebrow){min-height:0;font-size:13px}.workshop-unified .workshop-options .text-link{margin:12px 0}.workshop-bottom{gap:16px}.workshop-bottom>.button{margin-left:0}.workshop-detail h2{font-size:31px}.workshop-detail p{font-size:14px}.workshop-detail-actions{gap:18px}}
@media(prefers-reduced-motion:reduce){.workshop-backdrop img{animation:none}}

/* More light in the workshop photographs; the text cards keep their contrast. */
.workshop-section:before{background:linear-gradient(90deg,rgba(10,20,10,.46),rgba(12,23,12,.12)),linear-gradient(0deg,rgba(10,18,10,.25),transparent 65%)}
.workshop-backdrop img{filter:saturate(1.03) brightness(1.08)}
.workshop-unified .workshop-options article{background:rgba(10,20,12,.88);backdrop-filter:blur(3px)}
.workshop-copy h2,.workshop-copy p{text-shadow:0 2px 12px #10200dd9}
#clear-selection{margin:16px 0 24px;display:block}#clear-selection[hidden]{display:none}
.available-card .badge{max-width:90%;font-size:12px;background:#eee4d6;color:#263326;padding:8px 12px}

/* Keep Ulises's face, torso, hands and frame inside the presentation photograph. */
.about .portrait-placeholder{aspect-ratio:auto;border-radius:12px;display:block;align-self:center;overflow:hidden;background:transparent}
.about .portrait-placeholder img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center top;animation:none;border-radius:12px}
.catalog-tabs{scroll-margin-top:115px;display:flex;gap:10px;flex-wrap:wrap;position:sticky;top:98px;z-index:10;background:var(--bg);padding:14px 0}
.catalog-tabs .gallery-all{font-size:12px;border-color:var(--line);color:var(--muted)}
.gallery-return{position:sticky;top:0;z-index:8;background:#232720;border-bottom:1px solid var(--line);padding:15px 22px;font-size:12px;display:block;text-align:left;width:100%;padding-right:65px;color:var(--cream)}
#product-dialog>.close-dialog{position:sticky;top:8px;float:right;margin-top:-45px;margin-right:10px;z-index:9}
#product-dialog .product-layout{padding-top:25px}
@media(max-width:760px){.catalog-tabs{top:74px;scroll-margin-top:85px;gap:8px}.catalog-tabs button{font-size:11px;padding:9px 12px}.about .portrait-placeholder{max-width:350px}.gallery-return{padding:14px 18px;padding-right:58px}#product-dialog .product-layout{padding-top:20px}}

.section-head .frame-intro{max-width:500px}.guide-quick{font-size:12px;padding:11px 18px;margin-bottom:18px}.frame-intro>p{max-width:500px}
@media(max-width:760px){.guide-quick{font-size:12px;margin-bottom:14px}}

/* Mobile: keep all three choices in the vertical reading flow. */
@media(max-width:760px){#modalities{display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important;scroll-snap-type:none!important;gap:24px}#modalities>.modality-v3{width:100%!important;min-width:0!important;max-width:none!important;flex:none!important}.modality-hint{display:none!important}}
/* Mobile: keep all three choices in the vertical reading flow. */
@media(max-width:760px){#modalities{display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important;scroll-snap-type:none!important;gap:24px}#modalities>.modality-v3{width:100%!important;min-width:0!important;max-width:none!important;flex:none!important}.modality-hint{display:none!important}}

@media(max-width:760px){#cuadros{padding-top:28px}#cuadros>.section-head{gap:12px;margin-bottom:18px}#cuadros>.section-head h2{font-size:30px}#cuadros .frame-intro>p{font-size:12px;line-height:1.45}#cuadros .guide-quick{padding:8px 12px;margin-bottom:10px}#modalities{gap:10px!important}#modalities>.modality-v3{display:grid;grid-template-columns:96px minmax(0,1fr);min-height:112px}.modality-photo{height:100%}.modality-photo img{height:100%;aspect-ratio:auto;object-fit:cover}.mode-copy{padding:12px!important;display:flex;flex-direction:column;justify-content:center}.mode-copy .eyebrow{font-size:8px;margin:0 0 5px}.mode-copy h3{font-size:20px;line-height:1.12;margin:0 0 8px}.mode-copy>p:not(.eyebrow){display:none}.mode-copy .text-link{font-size:10px;padding:0;text-align:left}.mode-number{font-size:10px}}

.mobile-modes{display:none}@media(max-width:760px){#modalities{display:none!important}.mobile-modes{display:grid;gap:10px}.mobile-modes button{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) 16px;gap:10px;align-items:center;text-align:left;padding:16px 14px;border:1px solid #657056;border-radius:8px;background:#151713;color:#eee9dd}.mobile-mode-number{font-size:11px;color:#c3cf9e}.mobile-modes strong{display:block;font-size:18px;font-weight:500;line-height:1.2}.mobile-modes small{display:block;font-size:12px;line-height:1.4;margin-top:5px;color:#c9c9bc}}

/* Clearly separate the numbered sections while keeping the green palette. */
#cuadros,#personalizados,#comunidad{background:#414d37!important;--bg:#414d37}#creaciones,#contacto{background:#191e17!important;--bg:#191e17}main>section[id]:not(#inicio){border-top:1px solid #b9c79c55}#cuadros .catalog-tabs{background:#414d37}#cuadros .section-head p,#personalizados .section-head p,#comunidad .section-head p{color:#eeeadd}#cuadros .eyebrow,#personalizados .eyebrow,#comunidad .eyebrow{color:#e0e8c6}

@media(max-width:760px){#creaciones .creation-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 0 14px;scrollbar-width:thin}#creaciones .creation-grid>.product-card{flex:0 0 74%;min-width:0;scroll-snap-align:start}#creaciones .creation-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}#creaciones .creation-grid h3{font-size:23px;margin-top:12px}#creaciones .creation-grid p{font-size:13px}}

/* Compact, readable spacing on both layouts. */
.section{padding-top:52px;padding-bottom:52px}.section-head{margin-bottom:24px}.section-head .eyebrow{margin-bottom:10px}.section-head h2{margin-bottom:12px}.section-head p{line-height:1.5}.creation-grid{gap:22px}.creation-grid img{max-height:340px;object-fit:cover}.custom-grid{gap:24px}.custom-visual{max-height:240px}.custom-grid p:not(.eyebrow){min-height:0;line-height:1.5}.catalog-head{margin-top:34px}.guide-banner{margin-top:28px;padding:24px}.guide-banner p{line-height:1.45}.product-information p{line-height:1.5}.product-information label{margin-bottom:12px}
#cuadros,#personalizados,#comunidad{background:#414d37!important;--bg:#414d37}#creaciones,#contacto{background:#191e17!important;--bg:#191e17}#talleres{border-top:1px solid #a7b88b88;border-bottom:1px solid #a7b88b88}
.workshop-unified .workshop-media{min-height:0}.workshop-unified .workshop-copy{padding:38px 6% 18px;max-width:none}.workshop-copy h2{font-size:42px;margin:0 0 12px;line-height:1.08}.workshop-copy h2 br{display:none}.workshop-copy h2 br:after{content:' '}.workshop-unified .workshop-options{padding:12px 6% 16px;gap:18px}.workshop-unified .workshop-options article{padding:18px}.workshop-options h3{font-size:25px;margin:0 0 10px}.workshop-options p{line-height:1.4}.workshop-options .eyebrow{margin-bottom:9px}.workshop-options .button{margin-top:12px;padding:12px 18px}.workshop-options .text-link{margin-top:12px}.workshop-bottom{padding:10px 6% 18px}.workshop-gallery-strip{display:flex;gap:10px;overflow:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin:0 6%;padding:0 0 8px;scrollbar-width:thin}.workshop-gallery-strip button{flex:0 0 145px;padding:0;scroll-snap-align:start;border-radius:7px;overflow:hidden}.workshop-gallery-strip img{width:100%;height:105px;object-fit:cover;display:block}
.mobile-contact-card{display:none}.contact-form-panel>summary{display:none}.contact-form-panel{min-width:0}.contact-back{grid-column:1/-1;font-size:12px}.custom-detail-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.custom-detail-photos h3{font-size:22px;margin:15px 0 10px}.custom-group-photo{padding:0;width:100%;text-align:left}.custom-group-photo img{width:100%;max-height:280px;object-fit:cover;border-radius:8px}.custom-group-photo span{display:block;font-size:12px;margin-top:8px}.custom-grid .custom-group-photo img{max-height:240px}.about{padding-top:35px;padding-bottom:35px}
footer{padding:20px 6%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}footer .brand{font-size:20px;line-height:1.1}footer .brand span{font-size:6px;letter-spacing:2px;margin-top:5px}footer p{margin:0;font-size:11px}footer .site-version{margin-top:0!important;font-size:10px!important}
@media(max-width:760px){
 html{scroll-padding-top:44px}.site-header{height:44px;padding:4px 5%;gap:8px}.site-header .brand{font-size:16px;line-height:1}.site-header .brand span{font-size:5px;letter-spacing:1.5px;margin-top:3px}.site-header .menu-toggle{font-size:21px;padding:4px}.selection-link{font-size:9px}.selection-link span{min-width:17px;height:17px}.site-header nav{top:44px;padding:18px 6%}.hero{max-height:calc(100svh - 44px)}
 .section{padding:28px 6%}.section-head{margin-bottom:18px}.section-head h2{font-size:30px;line-height:1.1;margin-bottom:9px}.section-head .eyebrow{margin-bottom:9px;font-size:8px}.section-head p,.section-head>p{font-size:13px;line-height:1.45;margin-top:8px}.section-head .button{margin-top:12px;padding:10px 15px;font-size:11px}.catalog-head{margin-top:28px}.catalog-head h3{font-size:26px}.catalog-head .eyebrow{font-size:8px}.catalog-tabs{top:44px;padding:10px 0}.catalog-tabs button{padding:8px 12px;font-size:10px}.product-card{flex-basis:72%}.product-card h4{font-size:21px;margin-top:12px}.product-card p{font-size:12px;line-height:1.4}.product-card img{max-height:260px}.catalog-note{font-size:10px;line-height:1.4;margin-top:12px}.guide-banner{padding:17px;margin-top:22px}.guide-banner h3{font-size:23px;margin-bottom:8px}.guide-banner p{font-size:12px}.guide-actions{margin-top:15px;gap:12px}.guide-actions .text-link{font-size:12px}
 #creaciones .creation-grid{gap:12px}#creaciones .creation-grid>.product-card{flex-basis:72%}#creaciones .creation-grid img{max-height:240px}#creaciones .creation-grid h3{font-size:21px;margin-top:10px}.custom-grid{display:none}.custom-mobile-modes{display:grid}.custom-mobile-modes strong{font-size:17px}.custom-mobile-modes button{padding:14px}.custom-detail-photos{grid-template-columns:1fr}
 .workshop-unified{padding:22px 0 0}.workshop-unified .workshop-copy{padding:0 6% 12px}.workshop-copy .eyebrow{font-size:8px;margin-bottom:8px}.workshop-copy h2{font-size:29px;line-height:1.08;margin-bottom:9px}.workshop-copy>p:last-child{font-size:12px;line-height:1.4;max-width:none;margin:0}.workshop-unified .workshop-options{grid-template-columns:1fr 1fr;gap:10px;padding:0 6% 12px}.workshop-unified .workshop-options article{padding:12px;gap:0;border:1px solid #cad6bc55}.workshop-options .eyebrow{font-size:6px;letter-spacing:1px;margin-bottom:7px}.workshop-options h3{font-size:21px;line-height:1.1;margin-bottom:7px}.workshop-options article>p:not(.eyebrow){font-size:11px;line-height:1.35;margin:0}.workshop-options .button{font-size:10px;padding:10px 8px;line-height:1.3;margin-top:10px;width:100%;text-align:center}.workshop-options .text-link{font-size:10px;line-height:1.3;padding:0;margin-top:10px}.workshop-gallery-strip button{flex-basis:110px}.workshop-gallery-strip img{height:78px}.workshop-bottom{padding:8px 6% 12px;gap:8px}.workshop-bottom .text-link{font-size:9px}.workshop-bottom .slide-controls{gap:4px}.workshop-bottom .slide-controls button{width:13px}
 #contacto{display:block;position:relative;padding:26px 6% 20px}.contact-intro>p:not(.eyebrow),.contact-intro>h2{display:none}.contact-intro>.eyebrow{margin-bottom:12px}.mobile-contact-card{display:block;position:relative;overflow:hidden;border-radius:9px;min-height:305px;background:#1d281c}.mobile-contact-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;opacity:.7}.mobile-contact-copy{position:relative;z-index:1;padding:125px 16px 18px;background:linear-gradient(0deg,rgba(8,17,8,.96),rgba(8,17,8,.58) 60%,transparent);color:#fff}.mobile-contact-copy p{font-size:13px;line-height:1.5;margin:0 0 15px}.mobile-contact-copy .button{font-size:11px;padding:12px;margin-bottom:12px}.mobile-contact-copy .text-link{display:block;font-size:12px;overflow-wrap:anywhere}.contact-form-panel{margin-top:14px;border:1px solid #9daa8555;border-radius:7px;padding:13px}.contact-form-panel>summary{display:list-item;cursor:pointer;font-size:13px}.contact-form-panel[open] summary{margin-bottom:18px}.contact-form-panel form{padding:0}.contact-form-panel textarea{min-height:70px}.contact-back{display:block;margin-top:18px;text-align:center}.about{display:none}.selected-summary{font-size:12px;padding:12px;margin:0 0 14px}.selected-summary h3{font-size:19px}footer{padding:14px 6%;gap:7px}footer .brand{font-size:17px}footer p{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.workshop-gallery-strip{scroll-behavior:auto}}

@media(max-width:760px){#talleres .workshop-copy h2{font-size:28px;line-height:1.1;margin:0 0 9px}#talleres .workshop-copy>p:last-child{font-size:12px;line-height:1.4;margin:0}#talleres .workshop-options h3{font-size:21px;line-height:1.1;margin:0 0 8px}#talleres .workshop-options article>p:not(.eyebrow){font-size:11px;line-height:1.4;margin:0}#talleres .workshop-options article>.button{font-size:10px;padding:10px 7px;margin-top:12px}#talleres .workshop-options article>.text-link{font-size:10px;margin-top:10px}#talleres .workshop-options article{justify-content:flex-start}}

@media(min-width:761px){#talleres{min-height:0;padding:30px 0 12px}#talleres .workshop-copy{padding:0 6% 18px}#talleres .workshop-copy h2{font-size:40px;line-height:1.1;margin:0 0 10px}#talleres .workshop-copy>p:last-child{font-size:14px;line-height:1.4;margin:0;max-width:none}#talleres .workshop-options article{padding:16px}#talleres .workshop-options h3{font-size:26px;margin-bottom:9px}#talleres .workshop-options article>p:not(.eyebrow){font-size:13px;line-height:1.4}#talleres .workshop-options article>.button{margin-top:12px;font-size:12px;padding:11px 16px}#talleres .workshop-options article>.text-link{margin-top:12px;font-size:12px}}

/* Give the content the space previously used by section headers. */
main>.section{padding-top:26px;padding-bottom:32px}.section-head{margin-bottom:18px}.section-head .eyebrow{margin:0 0 8px}.section-head h2{font-size:clamp(30px,3.6vw,52px);line-height:1.08;margin:0 0 10px}.section-head p{margin-top:8px;line-height:1.45}.mode-entry-hint{display:none;font-size:12px;line-height:1.4;margin:0 0 12px;color:#eeeadd}.mode-entry-action{display:inline-block;font-size:11px;line-height:1.2;background:#eee8dc;color:#1c2619;border:1px solid #eee8dc;border-radius:4px;padding:7px 10px;margin-top:8px;font-weight:600}
#talleres .workshop-options article,#talleres .workshop-options article+article{margin:0;padding:16px;border-top:1px solid #cad6bc55;align-self:stretch;justify-content:flex-start}#talleres .workshop-options article>.eyebrow{margin:0 0 8px;min-height:24px;line-height:1.4;display:flex;align-items:flex-start}#talleres .workshop-options h3{margin-top:0;min-height:1.2em}#talleres .workshop-options article>.button{margin-top:12px}
/* Centered, constant image stages: arrows stay still on every photo. */
.product-gallery>.stable-image-stage{width:min(100%,600px);height:360px;margin:0 auto;background:#10130f;overflow:hidden;border-radius:7px}.stable-image-stage img{display:block;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover;border-radius:0}.stable-image-stage.show-whole img{object-fit:contain}.whole-image{display:block;margin:9px auto 12px;font-size:11px}.product-gallery .thumbnails{margin-top:8px}.product-gallery .image-caption{margin-top:10px}
#photo-dialog{width:min(780px,94vw);height:min(850px,92svh);max-height:92svh;overflow:hidden}.photo-view{display:flex;flex-direction:column;height:100%;padding:52px 22px 18px;gap:10px;text-align:center;box-sizing:border-box}.photo-view>.stable-image-stage{flex:1 1 auto;min-height:0;width:100%;background:#10130f;border-radius:7px;overflow:hidden}.photo-view>.whole-image{flex:none;margin:0;align-self:center}.photo-navigation{flex:none;margin:0!important;height:44px;gap:28px}.photo-view .photo-hint{flex:none;font-size:10px;margin:0;color:#c5cbbd}.photo-view>#photo-title{flex:none;font-size:12px;line-height:1.3;margin:0}.photo-view>#photo-inquiry{flex:none;font-size:12px;margin:0 auto}.photo-view img{max-width:none;max-height:none}
footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 18px;padding:9px 6%;text-align:left}footer .brand{font-size:15px;line-height:1.2;white-space:normal}footer .brand span{display:inline;font-family:Arial,sans-serif;font-size:10px;letter-spacing:0;margin-left:7px}footer p{font-size:10px;text-align:right;margin:0}footer .site-version{grid-column:1/-1;text-align:right!important;font-size:9px!important;line-height:1;margin:0!important}
@media(max-width:760px){
 #cuadros,#creaciones,#personalizados,#comunidad,#contacto{padding-top:18px!important;padding-bottom:26px!important}.section-head{margin-bottom:15px}.section-head .eyebrow{margin-bottom:7px}.section-head h2{font-size:29px;line-height:1.08}.section-head p{font-size:12px;line-height:1.4}.section-head .frame-intro>p{margin-top:5px}.guide-quick{padding:8px 12px;margin-bottom:8px}.mode-entry-hint{display:block}
 .mobile-modes .illustrated-mode{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 83px;gap:6px;min-height:116px;padding:18px 12px 12px;align-items:center}.illustrated-mode .mobile-mode-number{position:absolute;top:5px;left:10px;font-size:8px;line-height:1;color:#aebc9a}.illustrated-mode-copy{display:block}.mobile-modes .illustrated-mode strong{font-size:17px;line-height:1.1}.mobile-modes .illustrated-mode small{font-size:11px;line-height:1.3;margin-top:4px}.illustrated-mode>img{width:83px;height:83px;object-fit:contain;display:block;filter:drop-shadow(0 2px 2px #0003)}.illustrated-mode .mode-entry-action{font-size:10px;padding:6px 9px;margin-top:7px}.mobile-modes{gap:9px}
 #talleres{padding-top:18px}#talleres .workshop-options article,#talleres .workshop-options article+article{padding:12px;margin:0}#talleres .workshop-options article>.eyebrow{min-height:24px;font-size:7px;line-height:1.35;margin:0 0 6px}#talleres .workshop-options h3{font-size:21px;line-height:1.1;min-height:47px;margin:0 0 7px}
 .product-gallery>.stable-image-stage{height:250px;max-height:36svh;width:100%}.product-gallery>.whole-image{font-size:10px;margin:8px auto}.product-gallery .thumbnails{gap:8px}.product-gallery .thumbnails button{width:48px;height:48px}.product-information h2{font-size:29px}.product-information p{font-size:13px;line-height:1.45}#photo-dialog{width:94vw;height:88svh;max-height:88svh}.photo-view{padding:48px 12px 14px;gap:8px}.photo-navigation button{width:40px;height:40px}.photo-hint{font-size:10px}
 footer{padding:9px 6%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 10px}footer .brand{font-size:13px;line-height:1.2}footer .brand span{display:block;margin:2px 0 0;font-size:8px}footer p{font-size:9px;line-height:1.35}footer .site-version{font-size:8px!important}
}

@media(max-width:760px){.mobile-modes .illustrated-mode[data-mobile-mode="kit"]{grid-template-columns:minmax(0,1fr) 100px}.illustrated-mode[data-mobile-mode="kit"]>img{width:100px;height:83px}}

.kit-components{display:grid;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr);gap:3px;align-items:center;width:100px;height:83px}.kit-components svg{display:block;width:100%;height:60px;overflow:hidden}.kit-text-plus{color:#eee9dd;font-family:Arial,sans-serif;font-size:13px;font-weight:400;line-height:1;text-align:center}

/* Balance the apparent size of the two wider illustrations with the tall assembled frame. */
@media(max-width:760px){.mobile-modes .illustrated-mode[data-mobile-mode="kit"]{grid-template-columns:minmax(0,1fr) 136px}.illustrated-mode[data-mobile-mode="kit"] .kit-components{width:136px;height:90px}.illustrated-mode[data-mobile-mode="kit"] .kit-components svg{height:86px}.mobile-modes .illustrated-mode[data-mobile-mode="sin-plantas"]{grid-template-columns:minmax(0,1fr) 116px}.illustrated-mode[data-mobile-mode="sin-plantas"]>img{width:116px;height:96px}}
@media(max-width:350px){.mobile-modes .illustrated-mode[data-mobile-mode="kit"]{grid-template-columns:minmax(0,1fr) 118px}.illustrated-mode[data-mobile-mode="kit"] .kit-components{width:118px}.mobile-modes .illustrated-mode[data-mobile-mode="sin-plantas"]{grid-template-columns:minmax(0,1fr) 104px}.illustrated-mode[data-mobile-mode="sin-plantas"]>img{width:104px}}

@media(max-width:760px){.mobile-modes .illustrated-mode{min-height:128px}}

/* Comunidad compacta: ajuste solicitado */
#comunidad{padding-top:18px!important;padding-bottom:18px!important}#comunidad .section-head{margin-bottom:12px}#comunidad .catalog-note{margin-top:10px;margin-bottom:0}
/* Contacto movil: oscurecimiento continuo en toda la foto */
@media(max-width:700px){
 .mobile-contact-card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(8,17,8,.96),rgba(8,17,8,.58) 60%,rgba(8,17,8,.08))}
 .mobile-contact-copy{background:none;z-index:2}
}
.mobile-contact-bio{display:none}@media(max-width:700px){.mobile-contact-bio{display:block;margin-top:14px}.mobile-contact-bio p{font-size:13px;line-height:1.5;margin:0 0 10px}}

/* 11.6: nearby, visible catalog navigation; preserve the existing controls. */
.available-controls{display:flex;align-items:center;justify-content:flex-start;gap:28px;margin:12px 0 18px}
.available-controls .catalog-tabs{margin:0;flex-wrap:wrap;gap:8px}
.available-controls .arrows{display:flex;gap:10px;flex-shrink:0}
.available-controls .arrows[hidden]{display:none}
.available-controls .arrows button{width:52px;height:48px;border:1px solid #eee9dd99;border-radius:8px;background:#eee9dd;color:#191e17;font-size:29px;line-height:1}
.available-controls .arrows button:hover{background:#dce4c7}
.available-controls button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.creations-intro-row{display:flex;align-items:center;gap:22px;margin-top:12px}
.creations-intro-row>p{margin:0}.creations-intro-row .button{flex-shrink:0;padding:12px 18px}
footer{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;gap:2px 16px;padding-top:8px!important;padding-bottom:8px!important}
footer>p{margin:0;text-transform:uppercase;color:#fff;font-weight:300;font-size:clamp(10px,1.05vw,16px);letter-spacing:.08em;text-align:center;white-space:nowrap}
footer>.site-version{grid-column:1/-1;margin-top:2px!important;font-size:9px!important}
@media(max-width:760px){
 .available-controls{flex-wrap:wrap;gap:10px}.available-controls .catalog-tabs{width:100%}.available-controls .arrows{margin-inline:auto}
 .available-controls .arrows button{width:52px;height:44px}
 .creations-intro-row{gap:12px}.creations-intro-row>p{flex:1}.creations-intro-row .button{font-size:11px;padding:10px 12px}
 .mobile-contact-card{display:flex;align-items:flex-end;min-height:350px}
 .mobile-contact-copy{width:100%;padding:0 16px 14px;background:none;z-index:2}
 .mobile-contact-card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(8,17,8,.96),rgba(8,17,8,.58) 45%,rgba(8,17,8,.08))}
 .mobile-contact-bio{display:block;margin-top:14px}.mobile-contact-bio p{font-size:13px;line-height:1.5;margin:0 0 10px}
 footer{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2px 8px}
 footer .brand{font-size:12px!important}footer .brand span{font-size:8px!important}
 footer>p{font-size:clamp(7px,1.9vw,11px);letter-spacing:.02em;text-align:right}
}

/* Approved 3B divider: a narrower golden-ochre ribbon with organic curves. */
.section-divider{position:relative;width:100%;height:42px;overflow:hidden;background:var(--divider-from);pointer-events:none}
.divider-curve{display:block;width:100%;height:100%}.divider-sprig{position:absolute;right:8%;top:0;width:42px;height:29px}
main>.section-divider+section[id]{border-top:0!important}
@media(max-width:760px){.section-divider{height:28px}.divider-sprig{width:28px;height:20px;right:7%;top:0}}

/* Full photographs and compact, centered footer. */
.stable-image-stage img{object-fit:contain!important}.whole-image{display:none!important}
#comunidad .product-card img{object-fit:contain!important;transform:none!important;background:#191e17}
footer{grid-template-columns:1fr!important;text-align:center!important}footer>p{grid-column:1/-1!important;text-align:center!important;font-weight:300!important;font-size:13px!important}
@media(min-width:761px){.about .portrait-placeholder{max-width:340px;justify-self:center}.about .portrait-placeholder img{max-height:420px}}
main>section[id]{border-top:0!important}
.section-curve{display:block;position:absolute;bottom:0;left:0;width:100%;height:42px;pointer-events:none;z-index:8}



/* Final revision 12 */
main>section[id]{border-bottom:0!important}
.section-curve{z-index:8}
.hero-bottom{bottom:48px}
.community-navigation{display:flex;align-items:center;gap:14px;margin:12px 0 0}
.community-navigation[hidden]{display:none}
.community-navigation label{flex:1;display:grid;gap:5px;font-size:11px;color:#eee9dd}
.community-navigation input{width:100%;height:20px;accent-color:#bf963c;cursor:pointer}
.community-navigation button{background:#eee9dd;color:#191e17;border-radius:8px;width:44px;height:42px;font-size:25px}
#community-track{cursor:grab;scrollbar-width:auto;scrollbar-color:#bf963c #242e20}
#community-track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
#community-track img{-webkit-user-drag:none}
footer{display:flex!important;flex-direction:column;align-items:center;padding:14px 5%;gap:8px}
footer>p{width:100%;font-weight:300!important;letter-spacing:1.6px;line-height:1.5}
footer .brand{font-size:16px}
.about .portrait-placeholder{width:100%}.about .portrait-placeholder img{width:100%;object-fit:contain}
@media(max-width:760px){footer>p{font-size:10px!important;letter-spacing:1px}.hero-bottom{bottom:47px}}