/* Corporate catalogue: same navy canvas, spacing and rounded controls as Inicio. */
.studio-catalog{color-scheme:dark;--catalog-muted:#b9c7dc;--catalog-line:#b6d9ff30;background:#0a1128;color:#fff}
.studio-catalog .catalog-hero{padding:180px 0 80px;background:radial-gradient(ellipse at 80% 10%,#254a7c88,transparent 65%),linear-gradient(128deg,#0a1128,#1c355d)}
.studio-catalog .catalog-heading h1{font-size:clamp(42px,5.2vw,72px);line-height:1.08;letter-spacing:-.045em;color:#fff}
.studio-catalog .catalog-heading p,.studio-catalog .breadcrumb{color:#c0cde1}
.studio-catalog main p,.studio-catalog main h2,.studio-catalog main h3{text-shadow:none}
.studio-catalog main>.section{background:linear-gradient(160deg,#0d1831,#142744);color:#fff}
.studio-catalog .catalog-intro{align-items:center;gap:30px;margin-bottom:36px}
.studio-catalog .catalog-intro p{color:var(--catalog-muted);font-size:15px;max-width:620px}
.studio-catalog .filter-list{gap:10px}
.studio-catalog .filter{border:1px solid #86bcff55;background:transparent;color:#dbe8fb;min-height:44px;border-radius:50px;padding:12px 19px;font-size:12px;font-weight:600;letter-spacing:0}
.studio-catalog .filter[aria-pressed=true]{background:#6fa7f2;color:#0a1128;border-color:#6fa7f2}
.studio-catalog .filter:hover{border-color:#b6d9ff;background:#ffffff0b}
.studio-catalog .filter[aria-pressed=true]:hover{background:#93bfff}
.studio-catalog .catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:32px;align-items:stretch}
.studio-catalog .catalog-grid .project{display:flex;flex-direction:column;align-self:stretch;height:100%;min-width:0;margin:0;padding:0;border:1px solid var(--catalog-line);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#182b49,#101e36);transform:none}
.studio-catalog .catalog-grid .project[hidden]{display:none}
.studio-catalog .catalog-grid .project-visual{flex:none;width:100%;height:270px;margin:0;border-radius:0;padding:28px;isolation:isolate}
.studio-catalog .catalog-grid .project-tag,.studio-catalog .catalog-grid .project-word{position:relative;z-index:1}
.studio-catalog .catalog-grid .project-tag{font-size:10px;letter-spacing:.12em}
.studio-catalog .catalog-grid .project-word{font-size:48px;line-height:1.05;letter-spacing:-.045em}
.studio-catalog .catalog-grid .project-geniuses .project-word{font-size:38px}
.studio-catalog .catalog-grid .project-content{display:flex;flex:1;flex-direction:column;align-items:stretch;min-width:0;padding:28px}
.studio-catalog .catalog-grid .project-content h2{color:#fff;font-size:23px;line-height:1.3;letter-spacing:-.035em;min-height:1.3em;margin:0 0 14px;font-weight:500}
.studio-catalog .catalog-grid .project-content p{color:var(--catalog-muted);font-size:15px;line-height:1.75;max-width:none;min-height:3.5em;margin:0 0 22px}
.studio-catalog .catalog-grid .tag-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:32px;margin:0 0 28px}
.studio-catalog .tag-list span{padding:6px 10px;border:1px solid #9ab3d13d;border-radius:30px;background:#ffffff05;color:#c7d7eb;font-size:10px;line-height:1.5}
.studio-catalog .catalog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto}
.studio-catalog .studio-pill{font-size:12px;font-weight:600;line-height:1.5;min-height:48px;border-radius:50px;text-decoration:none;letter-spacing:0;white-space:normal}
.studio-catalog .studio-pill svg{flex:none;width:17px;height:17px}
.studio-catalog .catalog-primary{background:#6fa7f2;color:#0a1128;border:1px solid transparent}
.studio-catalog .catalog-secondary{background:transparent;color:#dbe8fb;border:1px solid #86bcff55}
.studio-catalog .catalog-secondary:hover{background:#ffffff0b;border-color:#b6d9ff}
.studio-catalog .catalog-primary:hover{background:#93bfff}
.studio-catalog .catalog-bottom{margin-top:48px;border:1px solid var(--catalog-line);background:#142744;border-radius:18px;padding:32px;gap:30px}
.studio-catalog .catalog-bottom h2{color:#fff;font-size:26px;line-height:1.2;margin-bottom:12px}
.studio-catalog .catalog-bottom p{color:var(--catalog-muted);font-size:15px}
.studio-catalog .catalog-bottom .studio-pill{flex-shrink:0}
.studio-catalog .footer{background:#0a1128;color:#fff}
/* The detail shares the corporate canvas and container, with generous text padding. */
.studio-catalog .project-detail{width:min(1320px,calc(100% - 96px));margin:40px auto 64px;background:linear-gradient(145deg,#182b49,#101e36);border:1px solid var(--catalog-line);color:#fff;border-radius:18px;scroll-margin-top:135px;overflow:hidden}
.studio-catalog .project-detail[hidden]{display:none}
.studio-catalog .dialog-top{padding:24px 32px;border-color:var(--catalog-line)}
.studio-catalog .dialog-top small{color:#b9c7dc}
.studio-catalog .dialog-close{width:40px;height:40px;border:1px solid #86bcff55;border-radius:50%;background:#ffffff05;color:#dbe8fb}
.studio-catalog .dialog-body{padding:32px;columns:1;color:var(--catalog-muted)}
.studio-catalog .dialog-body h2{color:#fff;font-size:36px;margin-bottom:22px}
.studio-catalog .dialog-body h3{color:#e2edff;font-size:13px;line-height:1.5;margin:30px 0 14px}
.studio-catalog .dialog-body>p,.studio-catalog .dialog-body li{color:var(--catalog-muted);font-size:15px;line-height:1.8}
.studio-catalog .dialog-body li:before{color:#9dc9ff}
.studio-catalog .dialog-bottom{padding:26px 32px;border-color:var(--catalog-line);display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.studio-catalog .dialog-bottom small{color:var(--catalog-muted);font-size:11px;max-width:240px;margin-left:auto}
.studio-catalog .studio-pill:focus-visible,.studio-catalog .dialog-close:focus-visible{outline:2px solid #b6d9ff;outline-offset:4px}
@media(max-width:1100px){.studio-catalog .catalog-grid{gap:24px}.studio-catalog .catalog-grid .project-content{padding:25px}.studio-catalog .catalog-grid .project-visual{height:250px;padding:25px}}
@media(max-width:800px){.studio-catalog .catalog-hero{padding:145px 0 55px}.studio-catalog .catalog-grid{gap:22px}.studio-catalog .catalog-grid .project-content{padding:22px}.studio-catalog .catalog-grid .project-visual{height:230px;padding:22px}.studio-catalog .catalog-grid .project-content h2{font-size:21px;min-height:2.6em}.studio-catalog .catalog-grid .project-content p{font-size:14px;min-height:5.25em}.studio-catalog .catalog-actions{align-items:stretch;flex-direction:column}.studio-catalog .catalog-actions .studio-pill{width:100%;justify-content:space-between}.studio-catalog .project-detail{width:calc(100% - 40px);scroll-margin-top:100px}.studio-catalog .dialog-top,.studio-catalog .dialog-body,.studio-catalog .dialog-bottom{padding:25px}.studio-catalog .catalog-bottom{padding:25px}}
@media(max-width:620px){.studio-catalog .catalog-grid{grid-template-columns:minmax(0,1fr);gap:26px}.studio-catalog .catalog-grid .project-visual{height:260px;padding:26px}.studio-catalog .catalog-grid .project-content{padding:26px}.studio-catalog .catalog-grid .project-content h2{min-height:0;font-size:23px}.studio-catalog .catalog-grid .project-content p{min-height:0;font-size:15px}.studio-catalog .catalog-actions{flex-direction:row}.studio-catalog .catalog-actions .studio-pill{width:auto}.studio-catalog .catalog-bottom{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.studio-catalog .catalog-hero{padding:125px 0 45px}.studio-catalog .catalog-heading h1{font-size:42px}.studio-catalog .catalog-intro{margin-bottom:30px}.studio-catalog .filter-list{gap:8px}.studio-catalog .filter{padding:11px 15px}.studio-catalog .catalog-grid .project-visual{height:240px;padding:24px}.studio-catalog .catalog-grid .project-content{padding:24px}.studio-catalog .project-detail{width:calc(100% - 36px);margin-top:30px}.studio-catalog .dialog-top,.studio-catalog .dialog-body,.studio-catalog .dialog-bottom{padding:24px}.studio-catalog .dialog-body h2{font-size:30px}.studio-catalog .dialog-bottom{align-items:flex-start;flex-direction:column}.studio-catalog .dialog-bottom small{margin-left:0;order:3;max-width:none}}
.studio-catalog .catalog-grid .project[data-reveal]{translate:0 0;opacity:1;animation:none;transition:none}
