.design-library{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr);gap:clamp(38px,6vw,92px);align-items:center;padding:clamp(74px,8vw,126px) clamp(22px,5vw,76px);background:#111;color:#fff;isolation:isolate}
.design-library:before{content:"";position:absolute;width:650px;height:650px;left:-260px;bottom:-370px;border-radius:50%;background:radial-gradient(circle,rgba(230,0,135,.32),transparent 67%);z-index:-1}
.design-library:after{content:"";position:absolute;width:560px;height:560px;right:-220px;top:-290px;border-radius:50%;background:radial-gradient(circle,rgba(37,201,196,.22),transparent 68%);z-index:-1}
.design-library-copy{max-width:630px}
.design-library-count{display:flex;align-items:center;gap:18px;margin:24px 0 20px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.18)}
.design-library-count strong{font:900 clamp(58px,7vw,104px)/.82 "Barlow Condensed",sans-serif;letter-spacing:-.045em;color:#f31b98;text-shadow:0 0 35px rgba(230,0,135,.28)}
.design-library-count span{max-width:170px;font:800 16px/1.15 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.04em}
.design-library h2{margin:0 0 25px;font:900 clamp(39px,4.6vw,72px)/.92 "Barlow Condensed",sans-serif;letter-spacing:-.02em}
.design-library-lead{max-width:600px;margin:0 0 25px;color:#d5d5d5;font-size:17px;line-height:1.65}
.design-library-lead strong{color:#fff}
.design-library-points{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0 0 30px;list-style:none}
.design-library-points li{padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:12px;font-weight:700;background:rgba(255,255,255,.06)}
.catalog-whatsapp{height:auto;min-height:58px;background:#fff;color:#111;text-align:center;box-shadow:0 12px 32px rgba(0,0,0,.28)}
.catalog-whatsapp span{font-size:21px;color:#e60087}
.design-library-note{display:block;margin-top:14px;color:#aaa;font-size:12px}
.design-library-gallery{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,38px);min-height:520px;transform:rotate(1deg)}
.catalog-shot{position:relative;margin:0;overflow:hidden;border:5px solid #fff;border-radius:8px;background:#fff;box-shadow:0 25px 55px rgba(0,0,0,.42);transition:transform .25s ease,filter .25s ease}
.catalog-shot:hover{transform:translateY(-8px) rotate(0);filter:saturate(1.08)}
.catalog-shot img{display:block;width:100%;height:100%;object-fit:cover}
.catalog-shot-main{grid-column:4/10;grid-row:1/12;z-index:4;transform:rotate(-2deg)}
.catalog-shot:nth-of-type(2){grid-column:1/5;grid-row:2/8;z-index:2;transform:rotate(-8deg)}
.catalog-shot:nth-of-type(3){grid-column:9/13;grid-row:1/7;z-index:2;transform:rotate(8deg)}
.catalog-shot:nth-of-type(4){grid-column:1/5;grid-row:7/13;z-index:3;transform:rotate(5deg)}
.catalog-shot:nth-of-type(5){grid-column:9/13;grid-row:7/13;z-index:3;transform:rotate(-6deg)}
.catalog-gallery-badge{position:absolute;right:2%;bottom:2%;z-index:6;padding:13px 16px;background:#25c9c4;color:#0d2524;box-shadow:6px 6px 0 #e60087;font-size:10px;font-weight:700;line-height:1.3;transform:rotate(-3deg)}
.catalog-gallery-badge strong{font-size:12px}
@media(max-width:1050px){.design-library{grid-template-columns:1fr}.design-library-copy{max-width:780px}.design-library-gallery{width:min(760px,100%);margin:auto}}
@media(max-width:620px){.design-library{padding:66px 18px}.design-library-count{align-items:flex-end;gap:12px}.design-library-count strong{font-size:70px}.design-library-count span{font-size:13px}.design-library-lead{font-size:16px}.design-library-points{display:grid}.catalog-whatsapp{width:100%;justify-content:center}.design-library-gallery{min-height:410px;grid-template-rows:repeat(12,30px);margin-top:16px}.catalog-shot{border-width:3px}.catalog-shot-main{grid-column:3/11}.catalog-shot:nth-of-type(2),.catalog-shot:nth-of-type(4){grid-column:1/5}.catalog-shot:nth-of-type(3),.catalog-shot:nth-of-type(5){grid-column:9/13}.catalog-gallery-badge{right:1%;bottom:-2%;padding:10px 11px}}

/* Acciones principales siempre visibles dentro de las tres opciones de pedido */
.path-card>a,.path-card.featured>a{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;margin-top:auto;padding:15px 18px;border:2px solid #bd0067!important;border-radius:7px;background:#bd0067;color:#fff!important;font:800 14px/1.2 "Manrope",sans-serif!important;letter-spacing:.035em;text-transform:uppercase;box-shadow:0 7px 0 rgba(189,0,103,.2);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.path-card>a:hover,.path-card>a:focus-visible,.path-card.featured>a:hover,.path-card.featured>a:focus-visible{transform:translateY(-3px);background:#da0077;box-shadow:0 10px 0 rgba(189,0,103,.15)}
.path-card>a span,.path-card.featured>a span{font-size:21px;color:#fff}
@media(max-width:600px){.path-card>a,.path-card.featured>a{min-height:54px;padding:14px 16px;font-size:13px!important}}
