/* Subtle motion shared by both languages. All content is visible by default. */
.home-service,.home-project,.compact-portfolio-card,.case-grid .project,.latest-card{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease}
.home-service:focus-within,.home-project:focus-within,.compact-portfolio-card:focus-within,.case-grid .project:focus-within,.latest-card:focus-within{box-shadow:0 12px 30px #173c4315;border-color:#087e8b}
@media(hover:hover) and (pointer:fine){.home-service:hover,.home-project:hover,.compact-portfolio-card:hover,.case-grid .project:hover,.latest-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #173c4318;border-color:#087e8b}.home-project:hover,.compact-portfolio-card:hover{background-color:#e5f5f5!important}.home-project:nth-child(2):hover,.compact-portfolio-card:nth-child(2):hover{background-color:#fff0bf!important}.case-grid .project:hover .case-photo-slot img,.latest-card:hover img{transform:scale(1.025)}}
.home-project:active,.compact-portfolio-card:active,.case-grid .project:active{transform:translateY(-2px)}
#proyectos .case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
#proyectos .case-grid .project{border-radius:16px;overflow:hidden}
#proyectos .case-photo-slot{aspect-ratio:16/11;min-height:210px}
#proyectos .case-photo-slot img,.latest-card img{transition:transform .6s ease}
#proyectos .case-grid .project:nth-child(2) .case-photo-slot img{object-fit:contain}
.latest-card>a{overflow:hidden;display:block}
.motion-pending{opacity:0!important;transform:translateY(18px)!important;transition:opacity .6s ease,transform .6s ease!important;transition-delay:var(--motion-delay,0ms)!important}
.motion-shown{opacity:1!important;transform:none!important}
.motion-counter-digit{font-variant-numeric:tabular-nums}
@keyframes portrait-enter{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.hero .portrait{animation:portrait-enter .85s ease .15s both}.hero>div>.eyebrow,.hero>div>p,.hero>div>.actions{animation:portrait-enter .65s ease .35s both}}
@media(max-width:800px){#proyectos .case-grid{grid-template-columns:1fr;gap:26px}#proyectos .case-photo-slot{aspect-ratio:16/10;min-height:0}}
@media(prefers-reduced-motion:reduce){.motion-pending,.motion-shown{opacity:1!important;transform:none!important}.hero .portrait,.hero>div>*{animation:none!important}.home-service,.home-project,.compact-portfolio-card,.case-grid .project,.latest-card,.case-photo-slot img,.latest-card img{transition:none!important;transform:none!important}}