/* Product-first hero and image-led project collection. */
.hero{padding:48px 0 64px;overflow:hidden}.hero-flow{text-align:center;max-width:850px;display:flex;flex-direction:column;align-items:center}
.hero-flow h1{font-size:clamp(40px,4.5vw,62px);max-width:840px;margin:0 0 24px;line-height:1.1}
.hero-flow .hero-lead{font-size:18px;line-height:1.65;max-width:650px;margin:0 auto 28px}
.hero-product{width:min(600px,100%);margin:0 auto 24px}.product-pages{position:relative;height:405px;width:100%;isolation:isolate}
.product-pages:before{content:"";position:absolute;inset:12px 0 15px;border-radius:48% 48% 14px 14px;background:#f1ddd2;z-index:-1}
.product-page{position:absolute;width:40%;height:auto;border:1px solid #e0cec0;border-radius:3px 8px 8px 3px;box-shadow:7px 12px 25px #48252c26}
.page-left{left:3%;top:35px;transform:rotate(-9deg)}.page-right{right:3%;top:35px;transform:rotate(9deg)}.page-center{left:30%;top:0;z-index:2}
.hero-flow .hero-cta{margin:0 auto 16px;justify-content:center;width:100%;max-width:420px}.hero-flow .hero-cta .btn{width:100%;min-height:58px}
.hero-flow .trust-row{margin:0 0 18px;justify-content:center}.hero-flow .micro{margin:0;max-width:540px}
.breed-ribbon-heading{justify-content:center;text-align:center}.breed-chip{gap:0}.breed-chip>span:first-child{font-size:inherit;color:inherit}.breed-viewport:focus-visible,.creation-viewport:focus-visible{outline:3px solid var(--wine);outline-offset:-4px}
.problem-image{aspect-ratio:4/3;object-fit:cover}.tile h3{margin-top:0}.tile p{padding-bottom:12px}
.category{padding:0;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;gap:0}.category-image{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.category>div{padding:22px;width:100%}.category h3{font-size:19px;line-height:1.35;margin-bottom:9px}.category strong{font-variant-numeric:tabular-nums}
.steps{gap:24px}.step{padding:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper)}.step-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.step-num{display:block;margin:22px 24px 0;font-size:38px;line-height:1}.step h3{margin:14px 24px}.step p{margin:0 24px 26px}
.category-count>span{margin-left:5px}
.creations{overflow:hidden;background:#f7ebe3}.creations .narrow{margin-bottom:35px}.creation-viewport{width:100%;overflow:hidden}.creation-track{display:flex;width:max-content;animation:creation-drift 36s linear infinite}.creation-group{display:flex;gap:22px;padding-right:22px}.creation-card{width:clamp(230px,28vw,350px);margin:0;flex-shrink:0;border-radius:18px;overflow:hidden;background:#e6d5c7}.creation-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.creation-viewport:hover .creation-track,.creation-viewport:focus-within .creation-track,.creation-viewport.is-paused .creation-track,.is-page-hidden .creation-track{animation-play-state:paused}
@keyframes creation-drift{to{transform:translateX(-50%)}}
.carousel-controls .carousel-prev,.carousel-controls .carousel-next{font-size:13px;line-height:1.4;min-width:84px;border-radius:28px;padding:8px 12px}
@media(max-width:900px){.hero-flow{max-width:750px}.hero-flow h1{font-size:clamp(38px,5.3vw,49px)}.category>div{padding:20px}.steps{gap:20px}.step h3{font-size:22px}}
@media(max-width:620px){
  .hero{padding:28px 0 46px}.hero-flow h1{font-size:clamp(32px,8.5vw,38px);line-height:1.12;margin-bottom:20px}.hero-flow .hero-lead{font-size:16px;line-height:1.65;margin-bottom:24px;text-align:center}
  .hero-product{max-width:400px;margin-bottom:23px}.product-pages{height:clamp(238px,72vw,310px)}.product-page{width:41%}.page-left{left:2%;top:27px}.page-right{right:2%;top:27px}.page-center{left:29.5%;top:0}
  .hero-flow .hero-cta{max-width:380px;margin-bottom:16px}.hero-flow .hero-cta .btn{min-height:56px;font-size:16px}.hero-flow .trust-row{gap:7px;flex-wrap:wrap;margin-bottom:16px}.trust-row span{font-size:12px;padding:7px 9px}.hero-flow .micro{font-size:14px}
  #catalogo .catalog-grid{gap:20px}.category{display:flex;min-height:0;padding:0;gap:0}.category-image{aspect-ratio:5/4;object-fit:cover;object-position:50% 50%;background:#f8f1e8}
  .category>div{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}.category h3{font-size:clamp(18px,5.4vw,22px);line-height:1.25;margin:0;min-width:0;flex:1;text-align:left}
  .category-count{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;min-width:68px;background:#f4e1dd;border-radius:12px;padding:10px 11px}.category-count strong{font-size:30px;line-height:1}.category-count>span{font-size:12px;line-height:1.4;margin:5px 0 0}
  .step h3{font-size:24px}.step p{font-size:16px;line-height:1.65}.step-num{font-size:36px}.step-image{aspect-ratio:4/3}
  .creations .narrow{margin-bottom:28px}.creation-card{width:260px}.creation-group{gap:16px;padding-right:16px}.creation-track{animation-duration:30s}
  .carousel-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.carousel-controls .carousel-prev{grid-column:1;grid-row:1}.carousel-controls .carousel-next{grid-column:3;grid-row:1}.carousel-controls .carousel-toggle{grid-column:2;grid-row:1;padding-inline:11px}.carousel-position{grid-column:1/-1;grid-row:2;text-align:center}.carousel-controls .carousel-prev,.carousel-controls .carousel-next{min-width:0;padding-inline:8px;font-size:12px}
}
@media(max-width:350px){.hero{padding-top:22px}.hero-flow h1{font-size:32px}.product-pages{height:235px}.trust-row{max-width:275px}.trust-row span{font-size:12px;padding-inline:8px}.creation-card{width:230px}.carousel-controls{gap:6px}.carousel-controls .carousel-prev,.carousel-controls .carousel-next{padding-inline:5px}.carousel-controls .carousel-toggle{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.creation-track{animation:none;width:100%;display:block}.creation-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 20px}.creation-group[aria-hidden=true]{display:none}.creation-card{width:100%}.breed-track{animation:none}.breed-viewport{overflow-x:auto}}
@media(prefers-reduced-motion:reduce) and (max-width:620px){.creation-group{grid-template-columns:1fr}}

/* Continuous, control-free real ebook preview, directly after inspiration. */
.ebook-inside{overflow:hidden;background:#fff9f4;padding-bottom:46px}.ebook-inside>.narrow{margin-bottom:34px}.ebook-inside>.fine{margin:26px auto 0}
.ebook-viewport{width:100%;overflow:hidden}.ebook-viewport:focus-visible{outline:3px solid var(--wine);outline-offset:-4px}
.ebook-track{display:flex;width:max-content;animation:ebook-drift 60s linear infinite}.ebook-group{display:flex;gap:22px;padding-right:22px;align-items:flex-start}
.ebook-page{flex-shrink:0;width:clamp(240px,24vw,310px);margin:0;padding:8px;border:1px solid var(--line);border-radius:9px;background:white;box-shadow:0 5px 18px #4a2c2412}
.ebook-page img{width:100%;height:auto;aspect-ratio:778/1100;object-fit:contain;border-radius:3px}
.ebook-viewport.is-paused .ebook-track,.is-page-hidden .ebook-track{animation-play-state:paused}
@keyframes ebook-drift{to{transform:translateX(-50%)}}
#muestras{padding-top:38px}#muestras .split{display:block;max-width:790px}#muestras .split>div{width:100%}
@media(max-width:620px){.ebook-inside{padding-bottom:36px}.ebook-inside>.narrow{margin-bottom:26px}.ebook-page{width:250px;padding:7px}.ebook-group{gap:16px;padding-right:16px}.ebook-track{animation-duration:50s}.ebook-inside>.fine{font-size:13px;margin-top:22px}#muestras{padding-top:28px}}
@media(max-width:350px){.ebook-page{width:230px}}
@media(prefers-reduced-motion:reduce){.ebook-track{animation:none;display:block;width:100%}.ebook-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 24px}.ebook-group[aria-hidden=true]{display:none}.ebook-page{width:100%}}
@media(prefers-reduced-motion:reduce) and (max-width:900px){.ebook-group{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce) and (max-width:620px){.ebook-group{grid-template-columns:minmax(0,1fr);max-width:420px;margin:auto;padding-inline:20px}}