.hero-lead{display:block;width:fit-content;max-width:min(43rem,100%);padding:1rem 1.2rem;border:1px solid #ffffff66;border-radius:14px;background:#061c25cc;box-shadow:0 10px 30px #0002;color:#f4ffff}
.service-card{overflow:hidden}.service-card .card-image{min-height:170px}.service-card .card-content{padding:1.5rem}.service-card .card-content p{margin-bottom:0}
.service-tags{align-items:flex-start}.service-tags details{width:min(100%,17rem);border:1px solid var(--line);background:var(--paper);border-radius:12px;overflow:hidden}.service-tags summary{min-height:44px;padding:.75rem 1rem;cursor:pointer;font-weight:700;list-style:none}.service-tags summary::-webkit-details-marker{display:none}.service-tags summary:after{content:'+';float:right;color:var(--blue);font-size:1.25rem;line-height:1}.service-tags details[open] summary:after{content:'−'}.service-tags details p{margin:0;padding:0 1rem 1rem;color:var(--muted);font-size:.9rem}
.why-image{background:linear-gradient(135deg,#087f9a55,#061c2510),url('./assets/details-ai.png') center/cover}
.portfolio-grid figure{position:relative;overflow:hidden;cursor:pointer}.portfolio-grid figure:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#06181dcc);opacity:0;transition:opacity .25s}.portfolio-grid figure:hover:after{opacity:1}.portfolio-grid img{transition:transform .35s}.portfolio-grid figure:hover img{transform:scale(1.05)}.portfolio-grid figcaption{position:relative;z-index:1}.portfolio-grid figcaption span{color:var(--blue);font-weight:700;font-size:.9rem}.stats strong>span{display:block;font:700 clamp(2.5rem,5vw,5rem) 'Space Grotesk';color:var(--blue)}
@media(prefers-reduced-motion:reduce){.portfolio-grid img,.portfolio-grid figure:after{transition:none}}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-bg{z-index:1;background:linear-gradient(90deg,#061c25e8 0%,#061c2594 42%,#061c2520 80%)}.hero-inner{z-index:2}.hero-lead{position:relative;z-index:3}
.service-grid .service-card{background:var(--paper);color:var(--ink);transition:background .28s ease,color .28s ease,transform .28s ease}.service-grid .service-card .card-content p{color:var(--muted);transition:color .28s ease}.service-grid .service-card .text-link{color:var(--blue);transition:color .28s ease}.service-grid .service-card:hover,.service-grid .service-card:focus-within{background:var(--ink);color:#fff;transform:translateY(-5px)}.service-grid .service-card:hover .card-content p,.service-grid .service-card:focus-within .card-content p{color:#c3d8da}.service-grid .service-card:hover .text-link,.service-grid .service-card:focus-within .text-link{color:var(--cyan)}.service-grid .featured{background:var(--paper);color:var(--ink)}
.service-cta{display:inline-flex;min-height:44px;align-items:center;margin-top:1.2rem;padding:.65rem .9rem;border:1px solid currentColor;border-radius:999px}.service-cta:after{content:' ↗'}.service-cta:hover{text-decoration:none}
.portfolio-grid{perspective:1200px}.case-card{position:relative;margin:0;min-height:310px;background:transparent;perspective:1000px;transition:transform .3s ease,filter .3s ease}.case-card:before{content:'';position:absolute;inset:-5px;border-radius:8px;background:linear-gradient(135deg,var(--cyan),transparent 42%,var(--blue));opacity:0;filter:blur(9px);transition:opacity .35s ease}.case-card:hover,.case-card:focus-within{transform:translateY(-8px);filter:drop-shadow(0 18px 20px #06181d35)}.case-card:hover:before,.case-card:focus-within:before{opacity:.5}.case-inner{position:relative;width:100%;height:100%;min-height:310px;transition:transform .78s cubic-bezier(.2,.75,.2,1);transform-style:preserve-3d}.case-card:hover .case-inner,.case-card:focus-within .case-inner{transform:rotateY(180deg)}.case-front,.case-back{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;backface-visibility:hidden;overflow:hidden;border-radius:6px}.case-front{background:#fff;border:1px solid #d9e5e5}.case-front:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#06181dd9)}.case-front img{width:100%;height:100%;min-height:310px;object-fit:contain;background:#fff;transition:transform .5s ease}.case-card:hover .case-front img{transform:scale(1.04)}.case-front b{position:absolute;z-index:1;left:1.2rem;right:1.2rem;bottom:1.2rem;color:#fff;font:600 1.25rem 'Space Grotesk';text-shadow:0 2px 12px #0008}.case-back{padding:1.6rem;background:radial-gradient(circle at 85% 15%,#2ab8cd33,transparent 30%),var(--ink);color:#fff;transform:rotateY(180deg);justify-content:center;border:1px solid #2ab8cd66}.case-back:after{content:'PGR COMUNICACIONES';position:absolute;right:1rem;bottom:1rem;color:#ffffff20;font:700 .65rem 'Space Grotesk';letter-spacing:.15em}.case-back b{font:600 1.35rem 'Space Grotesk';color:var(--cyan)}.case-back p{color:#c3d8da;margin:.7rem 0 0;line-height:1.7}.stats strong>span{min-width:3ch}
@media(max-width:760px){.hero-video{object-position:58% center}.hero-inner{padding-top:8.5rem}.hero-lead{max-width:100%;font-size:1rem}.case-card,.case-inner{min-height:270px}.case-front img{min-height:270px}.service-grid .service-card:hover,.service-grid .service-card:focus-within{transform:none}}
@media(prefers-reduced-motion:reduce){.service-grid .service-card,.case-inner{transition:none}.case-card:hover .case-inner,.case-card:focus-within .case-inner{transform:none}.case-back{display:none}}