.congreso-page { background: #f4f4f1; color: var(--navy); }
.congreso-page .site-header { position: absolute; }
.congreso-page .desktop-nav { gap: 30px; }
.congreso-page .eyebrow { font-size: 10px; letter-spacing: .17em; }
.congreso-hero { position: relative; min-height: 760px; padding: 128px 0 34px; overflow: hidden; color: #fff; background: radial-gradient(circle at 75% 42%, #194044 0, #0b1f36 45%, #071726 100%); }
.congreso-hero-grid { position: absolute; inset: 0; opacity: .35; background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px, transparent 1px); background-size: 88px 88px; mask-image: linear-gradient(90deg, transparent, black); }
.congreso-hero-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); align-items: center; gap: 5%; min-height: 558px; position: relative; z-index: 1; }
.congreso-copy { padding: 30px 0 38px; }
.congreso-copy .eyebrow { color: #d9b990; }
.congreso-copy h1 { font-size: clamp(48px, 5vw, 80px); letter-spacing: -.065em; line-height: 1.07; font-weight: 500; max-width: 670px; margin: 28px 0; }
.congreso-copy h1 em, .congreso-close h2 em { display: block; font-family: var(--font-display); font-style: normal; font-size: .75em; font-weight: 400; letter-spacing: -.025em; color: #decbb2; margin-top: 7px; }
.congreso-intro { font-size: clamp(15px, 1.35vw, 19px); line-height: 1.7; max-width: 520px; color: #c1d1d1; }
.congreso-hero-actions { margin-top: 35px; display: flex; flex-direction: column; align-items: start; gap: 12px; }
.congreso-page .demo-note { color: #b7c7cb; font-size: 11px; }
.congreso-hero-product { position: relative; width: 100%; min-height: 515px; display: flex; align-items: center; }
.congreso-orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(225,209,184,.22); left: 49%; top: 48%; transform: translate(-50%, -50%); }
.congreso-orbit--one { width: 490px; height: 490px; }
.congreso-orbit--two { width: 650px; height: 650px; }
.congreso-hero-frame { position: relative; width: 100%; background: #f5f6f3; border: 1px solid rgba(255,255,255,.3); box-shadow: 0 35px 80px rgba(0,0,0,.33); transform: perspective(1300px) rotateY(-5deg) rotateX(2deg); animation: congreso-frame-in 1.15s cubic-bezier(.2,.7,.2,1) both; }
.congreso-hero-frame img { width: 100%; height: auto; display: block; }
.congreso-frame-top { display: flex; justify-content: space-between; align-items: center; background: #0b1f36; color: #d7e0de; padding: 11px 15px; font-size: 9px; letter-spacing: .12em; }
.congreso-orbit-tag { position: absolute; z-index: 2; background: #eadac4; color: #143036; padding: 10px 14px; font-size: 9px; letter-spacing: .15em; font-weight: 700; box-shadow: 0 8px 24px rgba(0,0,0,.2); }
.congreso-orbit-tag--a { right: -5px; top: 3%; }.congreso-orbit-tag--b { left: -22px; bottom: 9%; }.congreso-orbit-tag--c { right: 7%; bottom: 0; }
.congreso-hero-foot { display: flex; justify-content: space-between; position: relative; z-index: 1; color: #b1bfc1; font-size: 9px; letter-spacing: .17em; padding-top: 34px; border-top: 1px solid rgba(255,255,255,.22); }
.congreso-story { padding: 110px 0 120px; }
.congreso-story-head { display: flex; justify-content: space-between; align-items: end; gap: 9%; margin-bottom: 60px; }
.congreso-story .eyebrow, .congreso-audience .eyebrow { color: #784b36; }
.congreso-story h2, .congreso-audience h2 { font-size: clamp(39px, 4.5vw, 67px); font-weight: 500; letter-spacing: -.055em; line-height: 1.13; margin: 18px 0 0; }
.congreso-story h2 .serif-accent, .congreso-audience h2 .serif-accent { color: #8b553d; font-size: .78em; }
.congreso-story-head > p { max-width: 350px; line-height: 1.75; font-size: 14px; color: #4f5e65; margin: 0 0 5px; }
.congreso-views { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.congreso-view { border: 1px solid #cbd2d0; background: #fff; display: flex; flex-direction: column; min-width: 0; }
.congreso-view-heading { padding: 25px 25px 30px; min-height: 210px; }
.congreso-view-heading span { color: #235f5d; font-size: 10px; font-weight: 700; letter-spacing: .14em; }
.congreso-view-heading h3 { font-size: clamp(22px, 2vw, 28px); letter-spacing: -.04em; line-height: 1.18; margin: 23px 0 10px; font-weight: 500; }
.congreso-view-heading p { color: #4f5e65; font-size: 13px; line-height: 1.65; margin: 0; }
.congreso-view-image { border-top: 1px solid #d5dcda; overflow: hidden; background: #dfe6e3; margin-top: auto; }
.congreso-view-image img { width: 100%; height: auto; display: block; transition: transform .55s ease; }
.congreso-view:hover .congreso-view-image img { transform: scale(1.035); }
.congreso-audience { background: #e8ebe7; padding: 95px 0; }
.congreso-audience-inner { display: grid; grid-template-columns: 1.15fr .85fr; gap: 12%; align-items: center; }
.congreso-audience h2 { margin: 18px 0 0; }
.congreso-audience-list { border-top: 1px solid #a9b6b2; }
.congreso-audience-list p { display: flex; gap: 22px; align-items: baseline; border-bottom: 1px solid #a9b6b2; padding: 21px 0; font-size: 15px; line-height: 1.5; margin: 0; }
.congreso-audience-list span { color: #235f5d; font-size: 10px; font-weight: 700; }
.congreso-close { color: #fff; background: #071726; padding: 112px 0 125px; text-align: center; }
.congreso-close-inner { max-width: 830px; }
.congreso-close .eyebrow { color: #d3af83; }
.congreso-close .eyebrow-line { display: none; }
.congreso-close h2 { font-size: clamp(47px, 5vw, 74px); font-weight: 500; letter-spacing: -.06em; line-height: 1.15; margin: 25px 0; }
.congreso-close h2 em { margin-top: 2px; }
.congreso-close p:not(.eyebrow) { max-width: 550px; color: #b4c5ca; font-size: 15px; line-height: 1.75; margin: 0 auto; }
.congreso-close-action { margin-top: 30px; display: flex; flex-direction: column; align-items: center; gap: 11px; }
.congreso-footer { background: #06131f; color: #b4c3c6; padding: 27px 0; font-size: 10px; letter-spacing: .12em; }
.congreso-footer .shell { display: flex; justify-content: space-between; gap: 20px; }
.congreso-footer a:hover { color: #fff; }
@keyframes congreso-frame-in { from { opacity: 0; transform: perspective(1300px) rotateY(-8deg) rotateX(4deg) translateY(36px); } to { opacity: 1; transform: perspective(1300px) rotateY(-5deg) rotateX(2deg); } }
@media (max-width: 950px) { .congreso-hero { padding-top: 115px; }.congreso-hero-inner { display: block; }.congreso-copy { padding: 20px 0 0; }.congreso-copy h1 { max-width: 730px; }.congreso-hero-product { min-height: 0; max-width: 700px; margin: 55px auto 65px; }.congreso-orbit { display: none; }.congreso-views { gap: 12px; }.congreso-view-heading { padding: 19px; min-height: 240px; }.congreso-audience-inner { gap: 6%; } }
@media (max-width: 680px) { .congreso-hero { min-height: 0; padding: 108px 0 27px; }.congreso-copy h1 { font-size: clamp(43px, 12vw, 60px); }.congreso-intro { font-size: 15px; }.congreso-hero-product { margin: 60px auto 50px; }.congreso-hero-frame { transform: none; animation: none; }.congreso-orbit-tag { display: none; }.congreso-hero-foot span:last-child { display: none; }.congreso-story { padding: 78px 0 85px; }.congreso-story-head { display: block; margin-bottom: 32px; }.congreso-story-head > p { margin-top: 22px; }.congreso-views { grid-template-columns: 1fr; gap: 20px; }.congreso-view-heading { min-height: 0; padding: 22px; }.congreso-view-image img { height: auto; }.congreso-audience { padding: 78px 0; }.congreso-audience-inner { grid-template-columns: 1fr; gap: 32px; }.congreso-close { padding: 85px 0 90px; }.congreso-footer .shell { flex-direction: column; }.congreso-page .button { width: 100%; gap: 16px; }.congreso-close-action, .congreso-hero-actions { align-items: stretch; } }
@media (prefers-reduced-motion: reduce) { .congreso-hero-frame { animation: none; transform: none; }.congreso-view-image img { transition: none; } }