/* Ideas PRENAR: galería editorial y fichas estáticas de inspiración. */
.ideas-intro{background:var(--surface);padding:60px 0}
.ideas-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.ideas-intro h1{font-size:var(--text-display);line-height:1.12}
.ideas-intro h1 em{font-style:normal;color:var(--brand)}
.ideas-intro p:not(.eyebrow){font-size:var(--text-body);color:var(--muted);line-height:1.9;margin:25px 0;max-width:490px}
.ideas-intro figure{margin:0;position:relative}
.ideas-intro figure img{height:430px;object-fit:cover}
.ideas-intro figcaption{background:var(--brand);color:var(--paper);font-size:12px;padding:17px 20px}
.ideas-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 0;border-block:1px solid var(--line)}
.idea-filters{display:flex;gap:8px;flex-wrap:wrap}
.idea-filters button,.shuffle-ideas{font-size:13px;border:1px solid var(--line);padding:11px 16px;background:var(--paper);min-height:44px}
.idea-filters button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--paper)}
.idea-filters button:hover,.idea-filters button:focus-visible{border-color:var(--brand)}
.idea-filters button:not([aria-pressed=true]):hover,.idea-filters button:not([aria-pressed=true]):focus-visible,.shuffle-ideas:hover,.shuffle-ideas:focus-visible{background:var(--brand-soft);color:var(--brand)}
.shuffle-ideas{border:0;color:var(--brand);font-weight:700}
.ideas-count{font-size:12px;color:var(--muted);margin:20px 0}
.ideas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px}
.idea-card{border:1px solid var(--line);background:var(--paper);min-width:0;display:flex;flex-direction:column}
.idea-card-image{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--surface)}
.idea-card-image img{height:100%;object-fit:cover;transition:transform .35s}
.idea-card:hover .idea-card-image img{transform:scale(1.025)}
.idea-card-copy{padding:23px;flex:1;display:flex;flex-direction:column;align-items:flex-start}
.idea-category{font-size:var(--text-label);letter-spacing:.12em;text-transform:uppercase;color:var(--brand);font-weight:700;margin-bottom:12px}
.idea-card h2{font-size:var(--text-card);letter-spacing:-.025em;line-height:1.3;margin-bottom:13px}
.idea-card h2 a:hover{text-decoration:underline;text-underline-offset:4px;color:var(--brand)}
.idea-card h2,.idea-story h2,.idea-products h2,.ideas-invitation h2{color:var(--ink)}
.idea-card-copy>p:not(.idea-category){font-size:var(--text-body);color:var(--muted);line-height:1.85;margin-bottom:20px}
.idea-card .text-link{font-size:12px;margin-top:auto}
.ideas-invitation{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:60px;padding:36px;background:var(--brand-soft)}
.ideas-invitation h2{font-size:var(--text-subheading);margin-bottom:12px}
.ideas-invitation p{font-size:14px;max-width:570px;color:var(--muted)}
.ideas-invitation .button{flex-shrink:0}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin:32px 0}
.breadcrumbs a{color:var(--brand);text-decoration:underline;text-underline-offset:4px;min-height:32px;display:inline-flex;align-items:center}
.idea-detail-heading{max-width:850px;margin:45px 0 36px}
.idea-detail-heading h1{font-size:var(--text-page);line-height:1.16}
.idea-detail-heading>p:last-child{color:var(--muted);font-size:17px;line-height:1.8;margin-top:23px}
.idea-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:45px;align-items:start}
.idea-photo{margin:0}
.idea-photo>a{display:block;background:var(--surface);cursor:zoom-in}
.idea-photo img{width:100%;max-height:620px;object-fit:contain}
.idea-photo figcaption{font-size:11px;color:var(--muted);line-height:1.8;margin-top:13px}
.idea-photo figcaption a{text-decoration:underline;text-underline-offset:3px}
.idea-products{background:var(--brand-soft);padding:28px;position:sticky;top:calc(var(--header-height) + 25px)}
.idea-products h2{font-size:var(--text-subheading)}
.idea-products ul{padding-left:18px;font-size:14px;line-height:2;margin:20px 0}
.idea-products p:not(.eyebrow){font-size:var(--text-body);line-height:1.9;color:var(--muted);margin-bottom:20px}
.idea-products .text-link{font-size:12px;margin-bottom:25px}
.idea-products .button{width:100%;gap:12px;font-size:12px;padding-inline:12px}
.idea-story{max-width:760px;padding:35px 0 55px}
.idea-story h2{font-size:var(--text-subheading);line-height:1.25;margin:25px 0 20px}
.idea-story p,.idea-story li{font-size:15px;line-height:1.95;color:var(--muted)}
.idea-story p{margin-bottom:18px}
.idea-story ul{padding-left:21px}
.idea-story li{margin-bottom:9px}
.related-ideas{background:var(--surface)}
@media(max-width:1150px){.ideas-intro-grid{gap:38px}.idea-detail-grid{grid-template-columns:minmax(0,1fr) 280px;gap:30px}.idea-products{padding:23px}}
@media(max-width:950px){.ideas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ideas-intro-grid{gap:28px}.ideas-intro figure img{height:380px}.ideas-intro h1{font-size:var(--text-display)}.idea-detail-grid{grid-template-columns:1fr}.idea-products{position:static;margin-bottom:45px}.idea-story{padding-bottom:20px}.ideas-invitation{align-items:flex-start;flex-direction:column}.idea-products .button{max-width:310px}.idea-products .text-link{display:flex}}
@media(max-width:640px){.ideas-intro{padding:35px 0}.ideas-intro-grid{grid-template-columns:1fr}.ideas-intro h1{font-size:var(--text-display)}.ideas-intro figure img{height:280px}.ideas-intro p:not(.eyebrow){font-size:var(--text-body)}.ideas-grid{grid-template-columns:1fr;gap:24px}.idea-filters{gap:7px}.idea-filters button{font-size:12px;padding:9px 12px}.ideas-tools{gap:12px}.idea-card-copy{padding:22px}.ideas-invitation{padding:26px;margin-top:40px}.ideas-invitation h2{font-size:var(--text-subheading)}.breadcrumbs{font-size:11px;margin-top:20px}.idea-detail-heading{margin:28px 0}.idea-detail-heading h1{font-size:var(--text-page)}.idea-detail-heading>p:last-child{font-size:15px}.idea-story h2{font-size:var(--text-subheading)}.idea-story p,.idea-story li{font-size:14px}.related-ideas .section-heading{display:flex;align-items:flex-start;flex-direction:column;gap:20px}.related-ideas .section-heading h2{font-size:var(--text-section)}}