:root{--paper:#f7f0df;--cream:#ead7ad;--terracotta:#c8795d;--ochre:#dfa452;--olive:#b5af68;--ink:#40372b;--muted:#756b5c;--white:#fffaf0;--line:rgba(64,55,43,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.editorial-header{height:82px;padding:0 clamp(20px,6vw,90px);display:flex;align-items:center;gap:32px;background:rgba(247,240,223,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;backdrop-filter:blur(14px)}.editorial-logo{font:700 49px/.8 'Fredoka',sans-serif;letter-spacing:-5px;color:var(--ink);transform:rotate(-3deg)}.editorial-logo span{color:var(--terracotta);font-size:58px}.editorial-header nav{display:flex;gap:25px;flex:1;font-weight:800;font-size:13px}.editorial-header nav a{padding:8px 0;border-bottom:2px solid transparent}.editorial-header nav a:hover,.editorial-header nav a.active{border-color:var(--terracotta)}.editorial-cta,.cart-button{border:0;background:var(--terracotta);color:var(--white);padding:13px 18px;font-weight:800;transform:rotate(1deg)}.cart-button b{display:inline-grid;place-items:center;background:var(--ink);color:var(--cream);min-width:23px;height:23px;margin-left:7px}.editorial-hero{max-width:1380px;margin:auto;min-height:650px;display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;padding:70px clamp(20px,6vw,90px);gap:30px;overflow:hidden}.hero-number{writing-mode:vertical-rl;font-size:11px;letter-spacing:3px;font-weight:800;color:var(--terracotta);transform:rotate(180deg)}.editorial-hero-copy{max-width:590px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--terracotta)}.editorial-hero-copy h1{font:600 clamp(54px,7vw,102px)/.9 'Fredoka',sans-serif;letter-spacing:-5px;margin:20px 0;color:var(--ink)}.editorial-hero-copy h1 em{color:var(--terracotta);font-style:normal;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:7px}.editorial-hero-copy>p{font-size:18px;line-height:1.55;color:var(--muted);max-width:510px}.editorial-button{display:inline-block;margin-top:22px;padding:15px 21px;background:var(--ink);color:var(--white);font-weight:800;transform:rotate(-2deg)}.editorial-button b{color:var(--ochre);font-size:20px;margin-left:9px}.hero-microcopy{margin-top:22px;font-size:12px;color:var(--muted)}.hero-microcopy strong{font-size:18px;color:var(--terracotta)}.editorial-hero-visual{height:500px;position:relative;background:var(--cream);border:1px solid var(--line);overflow:hidden;isolation:isolate}.editorial-hero-visual:before{content:'';position:absolute;inset:30px;border:1px dashed rgba(64,55,43,.35);transform:rotate(2deg)}.visual-sheet{position:absolute;width:240px;height:330px;border:7px solid var(--paper);box-shadow:10px 13px 0 rgba(64,55,43,.14)}.sheet-one{background:var(--ochre);right:5%;top:13%;transform:rotate(13deg)}.sheet-two{background:var(--olive);left:5%;bottom:10%;transform:rotate(-14deg)}.sheet-three{background:var(--white);left:50%;top:20%;transform:translateX(-50%) rotate(-3deg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;z-index:2}.sheet-three img{width:160px;height:200px;object-fit:cover}.sheet-three small{font-size:9px;font-weight:800;letter-spacing:1px}.scribble{position:absolute;z-index:4;font:600 24px 'Fredoka';color:var(--terracotta)}.scribble-one{right:7%;top:7%;transform:rotate(8deg)}.scribble-two{left:9%;top:18%;font-size:29px;transform:rotate(-11deg)}.editorial-note{display:grid;grid-template-columns:150px 1fr 1.5fr;align-items:center;gap:25px;padding:25px clamp(20px,8vw,125px);background:var(--terracotta);color:var(--white)}.editorial-note span{font-size:11px;letter-spacing:2px;font-weight:800}.editorial-note strong{font:600 30px 'Fredoka';color:var(--cream)}.editorial-note p{margin:0;font-size:14px;line-height:1.4}.editorial-collections{max-width:1250px;margin:auto;padding:95px clamp(20px,6vw,85px)}.editorial-section-title{display:flex;align-items:start;gap:25px;margin-bottom:35px}.editorial-section-title>span{font-size:11px;font-weight:800;color:var(--terracotta);letter-spacing:2px}.editorial-section-title h2{font:600 clamp(40px,5vw,68px)/.95 'Fredoka';letter-spacing:-2px;margin:0}.editorial-collection{display:grid;grid-template-columns:55px 1fr 330px;gap:25px;align-items:center;padding:30px;background:var(--ochre);border:1px solid var(--line);transform:rotate(-1deg)}.editorial-collection .collection-index{font:600 38px 'Fredoka';color:var(--terracotta)}.editorial-collection h3{font:600 41px 'Fredoka';margin:9px 0;color:var(--ink)}.editorial-collection p{max-width:550px;color:#5c513e;line-height:1.5}.editorial-collection b{color:var(--ink)}.editorial-collection img{width:100%;height:280px;object-fit:cover;border:7px solid var(--paper);transform:rotate(4deg)}.editorial-footer{display:flex;align-items:center;gap:25px;padding:28px clamp(20px,6vw,90px);background:var(--ink);color:var(--white)}.editorial-footer>span{font:600 38px 'Fredoka';color:var(--ochre)}.editorial-footer p{flex:1;margin:0;font-size:13px}.editorial-footer a{font-weight:800;color:var(--cream)}
.catalog-editorial-head{max-width:1250px;margin:auto;padding:80px clamp(20px,6vw,85px) 50px;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end}.catalog-editorial-head h1{font:600 clamp(50px,6.5vw,88px)/.9 'Fredoka';letter-spacing:-4px;margin:18px 0 0}.catalog-editorial-head p{color:var(--muted);line-height:1.55;max-width:370px;margin:0}.catalog-editorial-layout{max-width:1250px;margin:auto;padding:0 clamp(20px,6vw,85px) 100px;display:grid;grid-template-columns:210px 1fr;gap:45px}.catalog-sidebar{border-top:3px solid var(--ink);padding-top:15px;align-self:start;position:sticky;top:110px}.sidebar-label{font-size:10px;letter-spacing:2px;font-weight:800;margin-bottom:20px}.editorial-tabs{display:grid;gap:7px}.tab{border:0;background:transparent;text-align:left;padding:10px 0;color:var(--muted);font-weight:800}.tab.active{color:var(--terracotta);text-decoration:underline;text-underline-offset:5px}.tab small{font-size:10px;background:var(--cream);padding:3px 6px;margin-left:5px}.editorial-tools{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;display:grid;gap:12px}.editorial-tools label{font-size:10px;letter-spacing:1px;font-weight:800;display:grid;gap:5px}.editorial-tools input,.editorial-tools select{width:100%;border:1px solid var(--line);background:var(--white);padding:9px;color:var(--ink);outline:0}.sidebar-note{border-top:1px solid var(--line);margin-top:25px;padding-top:17px}.sidebar-note strong{font:600 32px 'Fredoka';color:var(--terracotta);display:block}.sidebar-note span{font-size:10px;font-weight:800}.sidebar-note p{font-size:12px;line-height:1.4;color:var(--muted)}.catalog-result-line{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:0 0 13px;margin-bottom:18px;font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.7px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:var(--white);border:1px solid var(--line);padding:9px;cursor:pointer;transition:.2s}.product-card:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:7px 8px 0 var(--ochre)}.product-art{aspect-ratio:4/5;overflow:hidden;position:relative}.product-art.ecuador{background:var(--cream)}.product-art img{width:100%;height:100%;object-fit:cover}.product-art span{position:absolute;left:8px;bottom:8px;background:var(--white);padding:4px 7px;font-size:9px;font-weight:800}.product-info{padding:11px 2px 2px}.product-info h3{font:600 20px 'Fredoka';line-height:1.05;margin:6px 0;color:var(--ink)}.product-info p{font-size:11px;color:var(--muted);line-height:1.35;margin:0 0 10px}.product-meta{display:flex;justify-content:space-between;color:var(--terracotta);font-size:12px;font-weight:800}.product-tag{display:inline-block;background:var(--olive);color:var(--ink);padding:4px 7px;font-size:9px;font-weight:800}.empty-state{grid-column:1/-1;padding:50px;background:var(--cream)}
.cart-drawer{position:fixed;right:-440px;top:0;width:420px;max-width:94vw;height:100vh;z-index:600;background:var(--paper);padding:28px;transition:right .28s;overflow:auto;box-shadow:-12px 0 30px rgba(64,55,43,.18);border-left:5px solid var(--terracotta)}.cart-drawer.open{right:0}.drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(64,55,43,.45);z-index:500}.drawer-backdrop.open{display:block}.drawer-head{display:flex;justify-content:space-between}.drawer-head h2{font:600 31px 'Fredoka';margin:8px 0 20px}.drawer-close,.modal-close{border:0;background:transparent;color:var(--ink);font-size:32px}.cart-item{display:grid;grid-template-columns:60px 1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.cart-item-art{width:60px;height:75px;overflow:hidden}.cart-item-art img{width:100%;height:100%;object-fit:cover}.cart-item h4{font:600 16px 'Fredoka';margin:0 0 4px}.cart-item small{color:var(--muted)}.cart-item input{width:50px}.remove-item{border:0;background:transparent;color:var(--terracotta);font-weight:800}.cart-total{display:flex;justify-content:space-between;padding:20px 0;font-weight:800}.cart-total strong{font:600 27px 'Fredoka';color:var(--terracotta)}.checkout-form{display:grid;gap:10px}.checkout-form input,.checkout-form select,.checkout-form textarea{border:1px solid var(--line);padding:11px;background:var(--white);color:var(--ink)}.checkout-form small{font-size:11px;color:var(--muted)}.button-dark{border:0;background:var(--ink);color:var(--white);padding:14px;font-weight:800}.full-width{width:100%}.product-modal{display:none;position:fixed;inset:0;background:rgba(64,55,43,.55);z-index:700;align-items:center;justify-content:center;padding:20px}.product-modal.open{display:flex}.modal-box{width:min(820px,96vw);background:var(--paper);padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:22px;position:relative;max-height:92vh;overflow:auto}.modal-close{position:absolute;right:15px;top:8px;background:var(--cream);width:36px;height:36px}.modal-art{min-height:430px;overflow:hidden;background:var(--cream)}.modal-art img{width:100%;height:100%;object-fit:cover}.modal-data{padding:36px 15px 10px;display:flex;flex-direction:column;gap:10px}.modal-data h2{font:600 35px/1.05 'Fredoka';margin:6px 0}.modal-data p{font-size:14px;line-height:1.5;color:var(--muted)}.modal-price{font:600 33px 'Fredoka';color:var(--terracotta)}.modal-price small{font:400 11px 'DM Sans';color:var(--muted)}.modal-data label{font-size:12px;font-weight:800;display:grid;gap:5px}.modal-data select,.modal-data input{width:100%;border:1px solid var(--line);background:var(--white);padding:11px}
@media(max-width:850px){.editorial-hero{grid-template-columns:1fr;padding-top:55px}.hero-number{writing-mode:initial;transform:none}.editorial-hero-visual{max-width:600px;width:100%;margin:auto}.catalog-editorial-head{grid-template-columns:1fr}.catalog-editorial-layout{grid-template-columns:1fr}.catalog-sidebar{position:static}.editorial-tools{grid-template-columns:1fr 1fr}.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.editorial-header{height:auto;min-height:75px;padding:14px 18px;gap:15px;flex-wrap:wrap}.editorial-header nav{order:3;width:100%;overflow:auto;white-space:nowrap;gap:18px}.editorial-cta{margin-left:auto;font-size:12px}.editorial-hero-copy h1{font-size:60px}.editorial-hero-visual{height:410px}.visual-sheet{width:190px;height:270px}.sheet-three img{width:125px;height:170px}.editorial-note{grid-template-columns:1fr;gap:8px}.editorial-collection{grid-template-columns:30px 1fr;padding:18px}.editorial-collection img{grid-column:2;height:220px}.editorial-collection h3{font-size:30px}.catalog-editorial-head{padding-top:55px}.catalog-editorial-layout{padding-left:18px;padding-right:18px}.editorial-tools{grid-template-columns:1fr}.products-grid{grid-template-columns:1fr 1fr;gap:12px}.product-info h3{font-size:17px}.catalog-result-line{flex-direction:column;gap:5px}.modal-box{grid-template-columns:1fr}.modal-art{min-height:300px}.editorial-footer{flex-wrap:wrap}.editorial-footer p{width:100%;order:3}}@media(max-width:390px){.products-grid{grid-template-columns:1fr}}
.sheet-three .hero-logo{width:125px;height:auto;object-fit:contain}.sheet-three .hero-sample{width:135px;height:165px;object-fit:cover;border-top:1px solid var(--line);padding-top:8px}.sheet-three small{color:var(--terracotta)}
.catalog-editorial-layout{display:block}.catalog-sidebar{position:static;display:flex;align-items:flex-end;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:24px}.sidebar-label{margin:0;white-space:nowrap}.editorial-tabs{display:flex;gap:18px;flex:1}.tab{padding:5px 0;white-space:nowrap}.editorial-tools{display:flex;gap:10px;margin:0;padding:0;border:0}.editorial-tools label{display:flex;align-items:center;gap:7px;white-space:nowrap}.editorial-tools input,.editorial-tools select{width:145px;padding:8px}.sidebar-note{display:none}.products-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:850px){.catalog-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.editorial-tabs{grid-column:1/-1}.editorial-tools{justify-content:flex-end}.products-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.catalog-sidebar{display:block}.sidebar-label{margin-bottom:10px}.editorial-tabs{overflow:auto;margin-bottom:12px}.editorial-tools{display:grid;grid-template-columns:1fr 1fr}.editorial-tools label{display:grid;gap:5px}.editorial-tools input,.editorial-tools select{width:100%}.products-grid{grid-template-columns:repeat(2,1fr)}}
.editorial-hero-visual{background:transparent;border:0;overflow:visible;transform:rotate(1deg);isolation:isolate}.editorial-hero-visual:before{inset:12px;border:0;border-radius:44% 56% 38% 62% / 30% 25% 75% 70%;background:var(--cream);transform:rotate(-4deg);z-index:-2}.editorial-hero-visual:after{content:'';position:absolute;inset:55px -35px 40px 45px;background:var(--ochre);border-radius:58% 42% 63% 37% / 34% 55% 45% 66%;transform:rotate(8deg);z-index:-3}.visual-sheet{border:8px solid var(--paper);border-radius:25px 13px 34px 18px;box-shadow:12px 16px 0 rgba(64,55,43,.13)}.sheet-one{right:1%;top:12%;transform:rotate(17deg);clip-path:polygon(5% 0,100% 8%,91% 100%,0 92%)}.sheet-two{left:1%;bottom:8%;transform:rotate(-17deg);clip-path:polygon(8% 3%,100% 0,92% 94%,0 100%)}.sheet-three{left:50%;top:18%;transform:translateX(-50%) rotate(-5deg);border-radius:20px 32px 24px 38px;padding:14px 13px 18px;gap:9px}.sheet-three .hero-mark{font:700 45px/.8 'Fredoka',sans-serif;letter-spacing:-5px;color:var(--ink);transform:rotate(-4deg)}.sheet-three .hero-mark span{color:var(--terracotta);font-size:53px}.sheet-three .hero-sample{width:135px;height:160px;border:0;padding:0;border-radius:18px 9px 22px 12px;transform:rotate(3deg)}.splash-one,.splash-two{position:absolute;display:block;z-index:-1;border-radius:47% 53% 36% 64% / 62% 39% 61% 38%;transform:rotate(25deg)}.splash-one{width:100px;height:175px;left:9%;top:13%;background:var(--terracotta)}.splash-two{width:115px;height:90px;right:3%;bottom:10%;background:var(--olive);transform:rotate(-20deg)}.scribble-one{right:2%;top:5%;transform:rotate(12deg)}.scribble-two{left:7%;top:21%;transform:rotate(-14deg)}
@media(max-width:600px){.editorial-hero-visual{height:410px;transform:scale(.92) rotate(1deg);margin:0 -10px}.sheet-three{top:17%}.sheet-three .hero-mark{font-size:38px}.sheet-three .hero-mark span{font-size:45px}}
.logo-hero{height:530px;display:flex;align-items:center;justify-content:center;background:var(--ochre);border:0;border-radius:45% 55% 39% 61% / 54% 38% 62% 46%;transform:rotate(2deg);overflow:visible}.logo-hero:before{inset:18px;background:var(--cream);border-radius:51% 49% 63% 37% / 38% 58% 42% 62%;transform:rotate(-8deg)}.logo-hero:after{inset:auto -18px 18px 35px;height:105px;background:var(--terracotta);border-radius:55% 45% 50% 50%;transform:rotate(-7deg);z-index:-1}.hero-logo-main{width:82%;height:82%;object-fit:cover;border-radius:30% 17% 27% 19%;transform:rotate(-5deg);box-shadow:18px 20px 0 rgba(64,55,43,.16);position:relative;z-index:2}.logo-note,.logo-caption{position:absolute;z-index:4;font-weight:800;color:var(--ink);letter-spacing:1px}.logo-note{top:5%;right:7%;font:600 23px 'Fredoka';color:var(--terracotta);transform:rotate(10deg)}.logo-caption{bottom:4%;left:14%;font-size:10px;background:var(--paper);padding:7px 10px;transform:rotate(-4deg)}
@media(max-width:600px){.logo-hero{height:405px}.hero-logo-main{width:78%;height:78%}.logo-note{font-size:18px}}
.logo-hero{height:500px;background:var(--paper);border-radius:0;transform:none;overflow:hidden}.logo-hero:before{inset:30px 15px 20px 35px;background:var(--cream);border-radius:42% 58% 50% 50% / 28% 39% 61% 72%;transform:rotate(-5deg);z-index:-2}.logo-hero:after{inset:auto 0 10px 18%;height:75px;background:var(--terracotta);border-radius:50%;transform:rotate(-5deg);z-index:-1}.hero-block{position:absolute}.block-yellow{width:180px;height:180px;background:var(--ochre);left:2%;top:10%;border-radius:51% 49% 34% 66%;transform:rotate(-16deg)}.block-turq{width:190px;height:125px;background:#66a9a1;right:2%;top:13%;border-radius:38% 62% 52% 48%;transform:rotate(14deg)}.block-orange{width:150px;height:110px;background:var(--terracotta);left:6%;bottom:12%;border-radius:58% 42% 45% 55%;transform:rotate(13deg)}.hero-logo-card{position:absolute;z-index:3;left:50%;top:18%;transform:translateX(-50%) rotate(-4deg);width:270px;height:215px;background:var(--white);border:10px solid var(--paper);box-shadow:12px 15px 0 rgba(64,55,43,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border-radius:22px 12px 28px 15px}.hero-wordmark{font:700 83px/.8 'Fredoka',sans-serif;letter-spacing:-8px;color:var(--ink)}.hero-wordmark span{color:var(--terracotta);font-size:98px}.hero-logo-card small{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--terracotta)}.hero-mini-card{position:absolute;z-index:4;right:6%;bottom:7%;width:155px;height:175px;background:var(--white);padding:8px;transform:rotate(7deg);box-shadow:8px 10px 0 rgba(64,55,43,.14)}.hero-mini-card img{width:100%;height:132px;object-fit:cover}.hero-mini-card span{font-size:8px;letter-spacing:1px;font-weight:800;color:var(--ink)}
@media(max-width:600px){.logo-hero{height:405px}.hero-logo-card{width:220px;height:175px}.hero-wordmark{font-size:64px}.hero-wordmark span{font-size:78px}.hero-mini-card{width:125px;height:145px}.hero-mini-card img{height:107px}}
.hero-wordmark-image{display:block;width:220px;height:150px;object-fit:cover;object-position:center;border-radius:12px}.hero-logo-card{overflow:hidden}.hero-logo-card small{position:absolute;bottom:12px;background:var(--white);padding:4px 8px}
@media(max-width:600px){.hero-wordmark-image{width:185px;height:125px}.hero-logo-card small{bottom:8px}}
.editorial-hero-copy .hero-title-logo{font:700 clamp(105px,13vw,185px)/.75 'Fredoka',sans-serif;letter-spacing:-13px;color:var(--ink);margin:35px 0 45px;transform:rotate(-3deg)}.hero-title-logo span{color:var(--terracotta);font-size:.78em;margin-left:5px}.hero-display-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-5deg);display:flex;align-items:center;gap:18px;z-index:3;color:var(--ink)}.hero-display-copy strong{font:700 145px/.75 'Fredoka',sans-serif;color:var(--terracotta);letter-spacing:-10px}.hero-display-copy span{font-size:18px;line-height:1.15;font-weight:800;letter-spacing:2px}.logo-hero .hero-logo-card{display:none}
@media(max-width:600px){.editorial-hero-copy .hero-title-logo{font-size:115px;letter-spacing:-9px;margin:30px 0 38px}.hero-display-copy strong{font-size:105px}.hero-display-copy span{font-size:14px}}

/* Ajuste editorial YOF: portada con camiseta real y catálogo de compra directa */
.editorial-logo{font-size:46px;letter-spacing:-4px;transform:rotate(-2deg)}
.editorial-hero{grid-template-columns:48px minmax(320px,.9fr) minmax(390px,1.1fr);gap:clamp(22px,4vw,58px);min-height:680px;padding-top:58px;padding-bottom:58px}
.editorial-hero-copy .hero-title-logo{font-size:clamp(82px,9vw,128px);line-height:.78;letter-spacing:-9px;margin:30px 0 38px;transform:rotate(-2deg);display:inline-block}
.shirt-hero{height:560px;background:transparent;overflow:visible;transform:none;display:grid;place-items:center}
.shirt-hero:before{inset:35px 3% 16px 12%;background:var(--cream);border-radius:39% 61% 48% 52% / 23% 35% 65% 77%;transform:rotate(-4deg);z-index:-3}
.shirt-hero:after{inset:auto 1% 25px 12%;height:120px;background:var(--terracotta);border-radius:55% 45% 59% 41%;transform:rotate(5deg);z-index:-4}
.hero-shape{position:absolute;z-index:-1}
.hero-shape-one{width:150px;height:115px;right:0;top:20px;background:#66a9a1;border-radius:58% 42% 39% 61%;transform:rotate(12deg)}
.hero-shape-two{width:92px;height:165px;left:1%;bottom:60px;background:var(--ochre);border-radius:42% 58% 64% 36%;transform:rotate(-12deg)}
.hero-shirt-photo{position:relative;width:min(76%,410px);height:520px;margin:0;transform:rotate(1.5deg);filter:drop-shadow(16px 18px 0 rgba(64,55,43,.12));z-index:2}
.hero-shirt-photo img{width:100%;height:100%;object-fit:cover;object-position:center 38%;clip-path:polygon(8% 1%,94% 0,100% 91%,88% 100%,4% 97%,0 10%)}
.hero-shirt-photo figcaption{position:absolute;left:-22px;bottom:28px;background:var(--paper);padding:8px 12px;font-size:9px;font-weight:800;letter-spacing:1.5px;transform:rotate(-5deg)}
.hero-brand-stamp{position:absolute;left:4%;top:70px;z-index:4;background:var(--paper);color:var(--ink);padding:11px 18px;font:700 47px/.8 'Fredoka',sans-serif;letter-spacing:-5px;transform:rotate(-8deg);box-shadow:7px 8px 0 var(--terracotta)}
.hero-hand-note{position:absolute;right:0;bottom:60px;z-index:4;color:var(--ink);font:600 18px 'Fredoka',sans-serif;transform:rotate(7deg)}
.editorial-collection{border:0;border-radius:28px 12px 34px 16px;transform:rotate(-.5deg);box-shadow:12px 14px 0 rgba(64,55,43,.1)}
.editorial-collection img{height:300px;object-position:center 37%;border-radius:25px 12px 30px 14px;transform:rotate(2deg)}
.editorial-collection .collection-shirt-photo{object-position:center 12%}

.catalog-editorial-head{padding-bottom:38px}
.catalog-editorial-layout{padding-bottom:90px}
.catalog-sidebar{display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:28px}
.sidebar-label{margin:0 0 9px;white-space:nowrap}
.editorial-tabs{display:flex;gap:16px;align-items:center}
.editorial-tools{display:grid;grid-template-columns:minmax(200px,1fr) 155px 105px;gap:10px;margin:0;padding:0;border:0;justify-self:stretch}
.editorial-tools label{display:grid;align-items:end;gap:5px;white-space:nowrap}
.editorial-tools input,.editorial-tools select{width:100%;height:39px;padding:8px 10px;border-radius:10px;background:var(--white)}
.products-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.product-card{border:0;border-radius:20px 10px 22px 12px;padding:10px;background:var(--white);box-shadow:0 12px 30px rgba(64,55,43,.08);cursor:default;overflow:hidden}
.product-card:nth-child(3n+2){border-radius:11px 22px 13px 20px}
.product-card:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:8px 9px 0 var(--ochre)}
.product-art{display:block;width:100%;padding:0;border:0;aspect-ratio:4/5;border-radius:15px 8px 18px 10px;cursor:pointer;color:inherit}
.product-title-button,.product-meta button{border:0;background:transparent;color:inherit;padding:0;text-align:left}
.product-title-button{font:inherit;cursor:pointer}
.product-meta button{font-size:11px;font-weight:800;color:var(--terracotta);cursor:pointer}
.product-options{display:grid;grid-template-columns:1fr 1fr 62px;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
.product-options label{display:grid;gap:4px;font-size:8px;letter-spacing:.8px;font-weight:800;text-transform:uppercase;color:var(--muted)}
.product-options select,.product-options input{width:100%;height:35px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:6px;font-size:11px}
.quick-add{grid-column:1/-1;border:0;border-radius:10px 6px 11px 7px;background:var(--ink);color:var(--white);padding:10px 8px;font-size:11px;font-weight:800;transition:.2s}
.quick-add:hover{background:var(--terracotta)}

@media(max-width:1050px){
  .editorial-hero{grid-template-columns:35px 1fr 1fr}
  .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .catalog-sidebar{grid-template-columns:1fr 1fr}.sidebar-label{grid-column:1/-1}.editorial-tools{grid-template-columns:minmax(180px,1fr) 145px 95px}
}
@media(max-width:850px){
  .editorial-hero{grid-template-columns:1fr;min-height:auto}.hero-number{display:none}.editorial-hero-copy{max-width:650px}.shirt-hero{max-width:650px;height:540px}
  .catalog-sidebar{display:block}.sidebar-label{margin-bottom:10px}.editorial-tabs{margin-bottom:14px}.editorial-tools{grid-template-columns:minmax(190px,1fr) 150px 100px}
}
@media(max-width:650px){
  .editorial-logo{font-size:41px}.editorial-hero{padding-top:44px}.editorial-hero-copy .hero-title-logo{font-size:92px;letter-spacing:-7px;margin:27px 0 32px}
  .shirt-hero{height:455px;transform:none;margin:0}.hero-shirt-photo{height:430px;width:min(78%,330px)}.hero-brand-stamp{top:55px;font-size:38px}.hero-hand-note{right:4%;bottom:40px;font-size:15px}
  .editorial-collection{grid-template-columns:28px 1fr}.editorial-collection img{grid-column:1/-1;height:255px}
  .editorial-tools{grid-template-columns:1fr 1fr}.editorial-tools label:first-child{grid-column:1/-1}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  .product-options{grid-template-columns:1fr 1fr}.product-options label:last-of-type{grid-column:1/-1}.product-info p{display:none}
}
@media(max-width:520px){
  .products-grid{grid-template-columns:1fr}.product-info p{display:block}.product-options{grid-template-columns:1fr 1fr 70px}.product-options label:last-of-type{grid-column:auto}
  .hero-shirt-photo{width:min(82%,315px)}.hero-brand-stamp{left:1%}.hero-shape-one{right:2%;width:105px}.hero-shape-two{left:0}
}

/* Catálogo YOF — tarjetas amplias con selección visual */
.catalog-page{background:#fbf8f1}
.catalog-shop-header{height:104px;padding:0 clamp(22px,4vw,54px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;background:rgba(251,248,241,.96);border-bottom:1px solid #eadfce;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}
.catalog-brand{justify-self:start;font:700 48px/.8 'Fredoka',sans-serif;letter-spacing:-5px;color:var(--ink);transform:rotate(-2deg)}
.catalog-collection-tabs{display:flex;align-items:center;gap:8px}
.catalog-collection-tabs .tab{border:0;border-radius:999px;background:var(--ink);color:var(--white);padding:13px 20px;text-decoration:none;font-size:12px;font-weight:800}
.catalog-collection-tabs .tab small{background:transparent;color:inherit;padding:0;margin-left:3px;font-size:inherit}
.catalog-collection-tabs .tab:not(.active){background:var(--ochre);color:var(--white)}
.catalog-collection-tabs .tab:hover{transform:translateY(-1px)}
.catalog-shop-header .cart-button{justify-self:end;border:0;border-radius:999px;background:var(--ink);color:var(--white);padding:13px 20px;transform:none;font-size:12px}
.catalog-shop-header .cart-button b{display:inline;background:transparent;color:inherit;min-width:0;height:auto;margin:0;font-weight:inherit}
.catalog-search-strip{min-height:77px;padding:14px clamp(22px,4vw,54px);display:grid;grid-template-columns:minmax(230px,340px) 180px 1fr;align-items:center;gap:18px;background:#fbf8f1;border-bottom:1px solid #eadfce;position:sticky;top:104px;z-index:90}
.catalog-search{height:45px;display:flex;align-items:center;gap:10px;border:1px solid #e4d8c4;border-radius:999px;background:#fff;padding:0 17px}
.catalog-search span{font-size:24px;line-height:1;transform:rotate(-20deg)}
.catalog-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}
.catalog-sort{height:45px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}
.catalog-sort select{height:39px;min-width:120px;border:1px solid #e4d8c4;border-radius:999px;background:#fff;color:var(--ink);padding:0 11px;font-size:11px;text-transform:none;letter-spacing:0}
.catalog-search-strip p{justify-self:end;margin:0;color:#9a9186;font-size:12px}.catalog-search-strip p i{margin:0 5px;color:var(--ochre)}
.catalog-reference-layout{max-width:1260px;padding:0 32px 90px;margin:0 auto}
.catalog-reference-layout .products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-left:1px solid #eadfce}
.catalog-reference-layout .product-card{border:0;border-right:1px solid #eadfce;border-bottom:1px solid #eadfce;border-radius:0;padding:14px 14px 16px;background:#fff;box-shadow:none;overflow:visible;transform:none}
.catalog-reference-layout .product-card:nth-child(3n+2){border-radius:0}
.catalog-reference-layout .product-card:hover{transform:none;box-shadow:inset 0 4px 0 var(--ochre)}
.catalog-reference-layout .product-art{width:min(72%,230px);height:auto;aspect-ratio:2/3;margin:0 auto;border:0;border-radius:0 0 18px 18px;background:#f4ebd5;overflow:hidden}
.catalog-reference-layout .product-art img{width:100%;height:100%;object-fit:contain;padding:9px}
.catalog-reference-layout .product-art span{left:auto;right:12px;top:10px;bottom:auto;border:1px solid #eadfce;border-radius:999px;background:#fffaf1;color:var(--muted);padding:5px 10px;font-size:9px}
.catalog-reference-layout .product-info{padding:14px 10px 0}
.product-heading{min-height:48px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.product-heading h3{margin:0;min-width:0;font:600 21px/1.1 Georgia,serif;color:#33261b}
.product-heading .product-tag{flex:0 0 auto;border:1px solid #eadbc1;border-radius:999px;background:#fff;color:#665747;padding:5px 10px;font-size:8px;letter-spacing:1.2px;text-transform:uppercase}
.catalog-reference-layout .product-info>p{display:-webkit-box;margin:6px 0 6px;height:35px;min-height:35px;overflow:hidden;color:#8e8377;font-size:10.5px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.product-price{font:800 13px 'DM Sans',sans-serif;color:var(--terracotta);margin-bottom:10px}
.color-swatches{min-height:24px;display:flex;align-items:center;gap:7px;flex-wrap:nowrap;margin-bottom:9px}
.color-swatch{width:24px;height:24px;border:1px solid #ded7cd;border-radius:50%;background:var(--swatch);padding:0;position:relative}
.color-swatch.selected:after{content:'';position:absolute;inset:-4px;border:2px solid var(--terracotta);border-radius:50%}
.size-row{min-height:28px;display:flex;align-items:center;gap:7px;flex-wrap:nowrap;margin-bottom:10px}
.size-chip{min-width:36px;height:28px;border:1px solid #eadbc5;border-radius:999px;background:#fff;color:var(--ink);padding:0 9px;font-size:10px}
.size-chip.selected{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:800}
.product-buy-row{display:grid;grid-template-columns:54px 1fr;gap:9px;align-items:end}
.qty-compact{display:grid;gap:3px;color:var(--muted);font-size:8px;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.6px}
.qty-compact input{width:100%;height:41px;border:1px solid #eadbc5;border-radius:999px;background:#fff;text-align:center;color:var(--ink);padding:0 4px}
.product-buy-row .quick-add{grid-column:auto;height:41px;border:0;border-radius:999px;background:#2e1c0f;color:#fff;padding:0 15px;font-size:12px;font-weight:800}
.product-buy-row .quick-add:hover{background:var(--terracotta)}

@media(max-width:900px){
  .catalog-reference-layout .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-reference-layout .product-art{width:min(70%,245px)}
  .catalog-search-strip{grid-template-columns:minmax(220px,1fr) 165px}.catalog-search-strip p{grid-column:1/-1;justify-self:start}
}
@media(max-width:650px){
  .catalog-shop-header{height:auto;min-height:78px;padding:12px 16px;grid-template-columns:auto 1fr auto;gap:10px}.catalog-brand{font-size:39px}.catalog-collection-tabs{justify-content:center}.catalog-collection-tabs .tab{padding:10px 12px;font-size:10px}.catalog-shop-header .cart-button{padding:11px 12px;font-size:10px}
  .catalog-search-strip{position:static;grid-template-columns:1fr;padding:12px 16px;gap:9px}.catalog-sort{display:none}.catalog-search-strip p{grid-column:auto;font-size:10px}
  .catalog-reference-layout{padding:0 14px 70px}.catalog-reference-layout .products-grid{grid-template-columns:1fr;border-left:1px solid #eadfce}
  .catalog-reference-layout .product-card{padding:12px}.catalog-reference-layout .product-art{width:min(78%,280px);height:auto;aspect-ratio:2/3}.catalog-reference-layout .product-info>p{min-height:35px}
}

/* Visor vertical: muestra la ilustración completa, sin recortarla */
.modal-art{width:min(100%,360px);min-height:0;aspect-ratio:2/3;margin:auto;display:grid;place-items:center;background:#f4ebd5}
.modal-art img{width:100%;height:100%;object-fit:contain;padding:12px}
@media(max-width:600px){.modal-art{width:min(78vw,280px)}}

/* Logo oficial YOF reparado */
.editorial-logo{display:flex;align-items:center;width:104px;height:auto;transform:none;letter-spacing:0}
.editorial-logo img,.catalog-brand img,.hero-title-logo img,.hero-brand-stamp img,.footer-brand img{display:block;width:100%;height:auto}
.editorial-hero-copy .hero-title-logo{width:min(360px,100%);margin:20px 0 28px;transform:rotate(-2deg);letter-spacing:0}
.hero-brand-stamp{left:1%;top:62px;width:112px;background:transparent;padding:0;box-shadow:none;transform:rotate(-8deg)}
.editorial-footer .footer-brand{display:block;width:92px;flex:0 0 92px}
.catalog-brand{display:flex;align-items:center;width:108px;transform:none;letter-spacing:0}
@media(max-width:650px){
  .editorial-logo{width:88px}.catalog-brand{width:82px}.editorial-hero-copy .hero-title-logo{width:270px;margin:18px 0 25px}.hero-brand-stamp{width:88px;top:55px}.editorial-footer .footer-brand{width:78px;flex-basis:78px}
}

.catalog-header-slogan{margin:0;text-align:center;color:var(--ink);font:700 14px/1.25 'DM Sans',sans-serif;letter-spacing:1.5px}
.catalog-header-slogan strong{color:var(--terracotta);font-weight:800}
.editorial-hero-copy .hero-slogan{margin:-2px 0 18px;color:var(--ink);font:600 clamp(22px,2.5vw,33px)/1.08 'Fredoka',sans-serif;transform:rotate(-1deg)}
.editorial-hero-copy .hero-slogan strong{color:var(--terracotta);font-weight:700}
@media(max-width:650px){
  .catalog-header-slogan{font-size:10px;letter-spacing:.7px}.editorial-hero-copy .hero-slogan{font-size:24px}
}