/* Pequeños Detalles — project presentation. Scoped to its own article. */
.pd-case { --pd-ink:#202b48; --pd-blue:#4b5c92; --pd-yellow:#ffb805; --pd-muted:#62697a; color:var(--pd-ink); background:#fff; font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.65; padding-top:80px; }
.pd-case *, .pd-case *::before, .pd-case *::after { box-sizing:border-box; }
.pd-case h1,.pd-case h2,.pd-case h3,.pd-case p,.pd-case figure,.pd-case dl,.pd-case dd { margin:0; }
.pd-case h1,.pd-case h2,.pd-case h3 { color:var(--pd-ink); font-family:inherit; font-weight:700; text-transform:none; letter-spacing:-.035em; }
.pd-case h2 { font-size:clamp(28px,3.1vw,42px); line-height:1.14; }
.pd-case h3 { font-size:21px; line-height:1.3; }
.pd-case a { color:inherit; }
.pd-case a:focus-visible { outline:3px solid #b57a00; outline-offset:5px; }
.pd-case img { max-width:100%; }
.pd-case .pd-wrap { width:min(1180px,calc(100% - 80px)); margin-inline:auto; }
.pd-case .pd-eyebrow { color:var(--pd-blue); font-size:11px; line-height:1.5; font-weight:700; letter-spacing:.16em; margin-bottom:18px; }
.pd-case .pd-hero { padding:42px 0 76px; background:linear-gradient(120deg,#f1f3f9 0%,#f8f8fa 65%,#fff3de 100%); border-bottom:1px solid #e0e4ee; }
.pd-case .pd-hero-grid { display:grid; grid-template-columns:1.08fr 1fr; gap:44px; align-items:center; }
.pd-case .pd-back { display:inline-block; font-size:12px; color:var(--pd-muted); text-decoration:none; margin-bottom:44px; }
.pd-case h1 { font-size:clamp(36px,4.4vw,61px); line-height:1.04; margin-bottom:24px; letter-spacing:-.05em; }
.pd-case h1 span { display:block; font-size:.61em; line-height:1.18; margin-top:18px; color:var(--pd-blue); letter-spacing:-.025em; }
.pd-case .pd-lead { font-size:17px; line-height:1.7; color:var(--pd-muted); }
.pd-case .pd-actions { display:flex; flex-wrap:wrap; gap:22px; align-items:center; margin-top:30px; }
.pd-case .pd-button { display:inline-flex; align-items:center; justify-content:center; gap:25px; min-height:48px; padding:13px 20px; background:var(--pd-blue); color:#fff; border-radius:5px; font-size:13px; font-weight:700; text-decoration:none; transition:background .2s; }
.pd-case .pd-button:hover { background:#303e69; }
.pd-case .pd-text-link { font-size:13px; text-underline-offset:5px; }
.pd-case .pd-showcase { padding:24px 22px 18px; background:#fff; border:1px solid #e5e5e9; border-radius:16px; box-shadow:0 28px 60px -30px #4b5c9270; transform:rotate(2deg); }
.pd-case .pd-showcase-label { display:flex; align-items:center; gap:9px; font-size:9px; font-weight:700; letter-spacing:.09em; color:#646b7b; border-bottom:1px solid #eceef2; padding-bottom:17px; }
.pd-case .pd-dot { width:7px; height:7px; background:#eaaa29; border-radius:50%; }
.pd-case .pd-showcase img { display:block; width:100%; height:auto; margin:22px 0 12px; }
.pd-case .pd-showcase figcaption { text-align:center; color:var(--pd-muted); font-size:11px; }
.pd-case .pd-facts { padding-block:30px; border-bottom:1px solid #e0e4ee; }
.pd-case .pd-facts dl { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.pd-case .pd-facts dt { color:var(--pd-muted); font-size:10px; text-transform:uppercase; letter-spacing:.12em; margin-bottom:7px; }
.pd-case .pd-facts dd { font-size:15px; font-weight:700; }
.pd-case .pd-context { display:grid; grid-template-columns:1fr 1.6fr; gap:80px; padding-block:85px; }
.pd-case .pd-aside-note { font-size:14px; color:var(--pd-muted); margin-top:24px; }
.pd-case .pd-prose p { margin-bottom:20px; font-size:16px; line-height:1.85; color:#4b5262; }
.pd-case .pd-prose p:last-child { margin-bottom:0; }
.pd-case .pd-prose a { color:var(--pd-blue); text-decoration:underline; text-underline-offset:3px; }
.pd-case .pd-services { padding:70px 0; background:var(--pd-ink); color:#fff; }
.pd-case .pd-section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:35px; }
.pd-case .pd-section-heading>p { max-width:310px; color:var(--pd-muted); font-size:14px; }
.pd-case .pd-services h2,.pd-case .pd-services h3 { color:#fff; }
.pd-case .pd-services .pd-eyebrow { color:var(--pd-yellow); }
.pd-case .pd-services .pd-section-heading>p { color:#c5cbd9; }
.pd-case .pd-service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#ffffff20; border:1px solid #ffffff20; }
.pd-case .pd-service { background:var(--pd-ink); padding:30px; }
.pd-case .pd-service svg { display:block; width:32px; height:32px; color:var(--pd-yellow); margin-bottom:24px; }
.pd-case .pd-service h3 { font-size:18px; margin-bottom:10px; letter-spacing:-.01em; }
.pd-case .pd-service p { color:#c5cbd9; font-size:14px; line-height:1.65; }
.pd-case .pd-gallery-section { padding-block:80px; }
.pd-case .pd-gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.pd-case .pd-gallery figure { border:1px solid #eceef1; background:#fff; border-radius:8px; overflow:hidden; }
.pd-case .pd-gallery img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; padding:16px; }
.pd-case .pd-gallery figcaption { padding:18px 20px; font-size:18px; font-weight:700; border-top:1px solid #eceef1; }
.pd-case .pd-gallery figcaption span { display:block; color:var(--pd-muted); font-size:11px; font-weight:400; margin-top:4px; }
.pd-case .pd-scope { padding-bottom:80px; scroll-margin-top:100px; }
.pd-case .pd-table-scroll { overflow-x:auto; margin-top:30px; border:1px solid #dfe3eb; border-radius:8px; }
.pd-case table { width:100%; min-width:580px; border-collapse:collapse; font-size:14px; line-height:1.6; margin:0; }
.pd-case caption { text-align:left; padding:18px 24px; background:#f3f5f9; color:var(--pd-muted); font-size:12px; }
.pd-case th,.pd-case td { padding:18px 24px; text-align:left; border:0; border-top:1px solid #e4e7ee; vertical-align:top; }
.pd-case thead th { background:#e9edf5; color:var(--pd-blue); font-size:11px; text-transform:uppercase; letter-spacing:.07em; }
.pd-case tbody th { width:20%; font-weight:700; }
.pd-case tbody td { color:#4b5262; }
.pd-case tbody tr:nth-child(even) { background:#fafbfc; }
.pd-case .pd-stack { display:flex; align-items:center; flex-wrap:wrap; gap:18px; font-size:13px; margin-top:25px; color:var(--pd-blue); }
.pd-case .pd-stack>span:first-child { font-size:10px; letter-spacing:.1em; margin-right:10px; color:var(--pd-muted); }
.pd-case .pd-stack img { object-fit:contain; }
.pd-case .pd-story { border-top:1px solid #dfe3eb; }
.pd-case .pd-chapter { display:grid; grid-template-columns:1fr 3fr; gap:70px; padding-block:62px; border-bottom:1px solid #dfe3eb; }
.pd-case .pd-chapter-index span { display:block; color:#bcc5da; font-size:62px; line-height:1; font-weight:700; letter-spacing:-.05em; }
.pd-case .pd-chapter-index p { font-size:10px; color:var(--pd-blue); font-weight:700; letter-spacing:.12em; margin-top:16px; }
.pd-case .pd-chapter h2 { font-size:30px; margin-bottom:26px; max-width:650px; }
.pd-case .pd-chapter h3 { font-size:20px; margin-top:32px; margin-bottom:16px; }
.pd-case .pd-cta { margin-top:70px; padding:75px 0; background:#ffca42; }
.pd-case .pd-cta .pd-wrap { max-width:880px; }
.pd-case .pd-cta h2 { max-width:720px; margin-bottom:26px; }
.pd-case .pd-cta p:not(.pd-eyebrow) { max-width:740px; font-size:16px; margin-bottom:22px; }
.pd-case .pd-cta .pd-eyebrow { color:#4e4225; }
.pd-case .pd-button-dark { background:var(--pd-ink); color:#fff; }
.pd-case .pd-back-bottom { font-size:13px; display:inline-block; margin-top:12px; text-underline-offset:4px; }
@media(max-width:950px) {
 .pd-case .pd-wrap { width:calc(100% - 48px); }
 .pd-case .pd-hero-grid { gap:25px; }
 .pd-case .pd-context { gap:35px; }
 .pd-case .pd-gallery { gap:12px; }
 .pd-case .pd-gallery figcaption { font-size:16px; padding:12px; }
 .pd-case .pd-chapter { gap:35px; grid-template-columns:1fr 4fr; }
}
@media(max-width:680px) {
 .pd-case { padding-top:65px; }
 .pd-case .pd-wrap { width:calc(100% - 36px); }
 .pd-case .pd-hero { padding:26px 0 42px; }
 .pd-case .pd-hero-grid,.pd-case .pd-context { grid-template-columns:1fr; gap:36px; }
 .pd-case .pd-back { margin-bottom:30px; }
 .pd-case h1 { font-size:42px; }
 .pd-case .pd-showcase { transform:none; padding:18px; }
 .pd-case .pd-facts dl { grid-template-columns:1fr 1fr; gap:22px; }
 .pd-case .pd-facts dd { font-size:13px; }
 .pd-case .pd-context,.pd-case .pd-gallery-section { padding-block:48px; }
 .pd-case .pd-services { padding:48px 0; }
 .pd-case .pd-section-heading { display:block; }
 .pd-case .pd-section-heading>p { margin-top:18px; }
 .pd-case .pd-service-grid { grid-template-columns:1fr 1fr; }
 .pd-case .pd-service { padding:22px 17px; }
 .pd-case .pd-service h3 { font-size:17px; }
 .pd-case .pd-service p { font-size:13px; }
 .pd-case .pd-gallery { grid-template-columns:1fr 1fr; }
 .pd-case .pd-scope { padding-bottom:48px; }
 .pd-case .pd-chapter { display:block; padding-block:38px; }
 .pd-case .pd-chapter-index { display:flex; align-items:center; gap:18px; margin-bottom:24px; }
 .pd-case .pd-chapter-index span { font-size:38px; }
 .pd-case .pd-chapter-index p { margin:0; }
 .pd-case .pd-chapter h2 { font-size:27px; }
 .pd-case .pd-cta { margin-top:45px; padding:50px 0; }
}
@media(prefers-reduced-motion:reduce) { .pd-case * { transition:none !important; scroll-behavior:auto !important; } }
/* Keep the inherited menu reachable while this interior page is at the top. */
@media (max-width:1024px) { body.page-id-2633.scroll-top #nav { display:block; } }

/* Shared header and footer for pages using the case-study presentation. */
body.page-template-page-case-study .nav-logo { opacity:1; }
body.page-template-page-case-study header.header-wrapper { z-index:99; background-color:white; border-bottom:1px solid rgb(136,136,136); }
body.page-template-page-case-study footer.footer { display:block; }
@media(max-width:1024px) { body.page-template-page-case-study.scroll-top #nav { display:block; } }