/* Focus Research · Capacidades desplegables y casos integrados */
.focus-native #servicios {padding-block:52px}
.focus-native #servicios .service-detail {border-top:1px solid #c5d1ea;padding-top:0;align-self:start}
.focus-native #servicios summary {display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:17px 0 6px;font-size:13px;letter-spacing:.085em;font-weight:650;text-transform:uppercase;color:#385987;min-height:46px}
.focus-native #servicios summary::-webkit-details-marker {display:none}
.focus-native #servicios summary:focus-visible,.service-compare a:focus-visible {outline:2px solid #ff0068;outline-offset:4px}
.focus-native .service-toggle-mark {font-size:24px;line-height:1;font-weight:400;transition:transform .2s;color:var(--accent,#ff0068)}
.focus-native details[open] .service-toggle-mark {transform:rotate(45deg)}
.focus-native #servicios details:not([open])>.service-icon-list {display:none}
.focus-native #servicios details[open]>.service-icon-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0;animation:fr-service-in .22s ease-out}
.focus-native #servicios .service-icon-list li {display:flex;align-items:center;gap:8px;min-width:0;padding:10px 11px;border:1px solid #ccd8ef;border-radius:9px;background:#ffffff80;font-size:13px;line-height:1.4;transition:background .2s,translate .2s,border-color .2s}
.focus-native #servicios .service-icon-list li:hover {background:white;translate:0 -2px;border-color:#9cacd4}
.focus-native #servicios .service-icon-list .icon {flex:0 0 19px;width:19px;height:19px}
.service-compare {display:flex;flex-wrap:wrap;gap:7px;padding:12px 0 24px}
.service-compare a {font-size:13px;padding:9px 14px;border:1px solid #a6b9dc;border-radius:30px;color:#254778;text-decoration:none;background:#ffffff80}
.service-compare a[aria-current=true] {color:white;background:#102e60;border-color:#102e60}
.focus-native #servicios.services-enhanced[data-service-variant="2"] details>.service-icon-list {display:none!important}
.focus-native .service-shared-panel {margin-top:22px;background:#fff;border:1px solid #ced9ee;border-radius:14px;padding:22px 26px;animation:fr-service-in .22s ease-out}
.focus-native .service-shared-panel[hidden] {display:none}
.focus-native .service-shared-panel h4 {margin:0 0 16px;font-size:18px;color:#0a1024}
.focus-native #servicios .service-shared-panel .service-icon-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.focus-native #servicios[data-service-variant="3"] .cap-columns {display:block}
.focus-native #servicios[data-service-variant="3"] .cap-column {display:grid;grid-template-columns:44px 1fr 1.4fr;gap:8px 24px;padding:24px 0;border-bottom:1px solid #bdcde9}
.focus-native #servicios[data-service-variant="3"] .cap-step {grid-column:1;grid-row:1;margin:5px 0 0}
.focus-native #servicios[data-service-variant="3"] .cap-line {display:none}
.focus-native #servicios[data-service-variant="3"] h3 {grid-column:2;grid-row:1;font-size:34px;margin:0}
.focus-native #servicios[data-service-variant="3"] .cap-phrase {grid-column:2;grid-row:2;margin:0;font-size:17px}
.focus-native #servicios[data-service-variant="3"] .cap-column>p:not(.cap-phrase) {grid-column:3;grid-row:1 / span 2;margin:0;font-size:16px;line-height:1.6}
.focus-native #servicios[data-service-variant="3"] .service-detail {grid-column:2 / -1;grid-row:3;border-top:0;margin-top:5px}
.focus-native #servicios[data-service-variant="3"] details[open]>.service-icon-list {grid-template-columns:repeat(3,minmax(0,1fr))}
.focus-native #noticias {background:#fceef5!important;border-block:1px solid #f3e1ec}
.focus-native #noticias .news-card {background:#fff}
.focus-native .project-layout {display:block!important}
.focus-native .project-narrative {display:grid;grid-template-columns:.8fr 1.2fr;column-gap:48px;row-gap:12px;margin-bottom:27px}
.focus-native .project-narrative>.project-kicker {grid-column:1;grid-row:1;margin:0}
.focus-native .project-narrative>h3 {grid-column:1;grid-row:2;margin:0;font-size:48px}
.focus-native .project-narrative>.project-lead {grid-column:2;grid-row:1 / span 2;align-self:center;margin:0;font-size:21px;line-height:1.45}
.focus-native .project-narrative>.project-explainer {margin:0;padding:0;border:0}
.focus-native .project-narrative>.project-explainer h4 {margin:4px 0 6px;font-size:15px}
.focus-native .project-narrative>.project-explainer p {font-size:15px;line-height:1.65;margin:0}
.focus-native .project-narrative>.text-link {justify-self:start;grid-column:1 / -1;margin:0}
.focus-native .project-gallery .case-visuals {display:grid;grid-template-columns:minmax(0,3.1fr) minmax(180px,1fr);gap:20px;align-items:start}
.focus-native .project-gallery .case-main {margin:0;min-width:0}
.focus-native .project-gallery .case-main-frame {aspect-ratio:1.72;padding:0!important;background:transparent!important;border-radius:10px}
.focus-native .project-gallery .case-main-frame img {object-fit:cover;object-position:center;width:100%;height:100%}
.focus-native .project-polarush .case-main-frame img {object-position:center top}
.focus-native .project-gallery .case-main figcaption {min-height:0!important;margin:10px 0 0!important;line-height:1.55;font-size:14px}
.focus-native .project-gallery .case-thumbnails {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.focus-native .project-gallery .case-thumbnail {min-width:0;overflow:hidden}
.focus-native .project-gallery .case-thumbnail img {aspect-ratio:1.4;width:100%;height:auto;object-fit:cover;padding:0}
.focus-native .project-gallery .case-thumbnail span {font-size:12px;line-height:1.35;padding:8px;display:block}
.focus-native .project-disciplines {margin-top:17px}
.focus-native .director-detail p+p {margin-top:16px}
.focus-native .need-card:nth-child(5) .need-media {overflow:hidden}
.focus-native .needs.needs-interactive .need-card:nth-child(5) .need-media img {object-fit:cover;object-position:left center;transform:scale(1.32);transform-origin:left center}
.focus-native .needs.needs-interactive .need-card:nth-child(5):hover .need-media img {transform:scale(1.35)}
@keyframes fr-service-in {from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}
@media(max-width:900px){
.focus-native .project-narrative {column-gap:25px}
.focus-native .project-gallery .case-visuals {grid-template-columns:minmax(0,1fr)}
.focus-native .project-gallery .case-thumbnails {grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.focus-native .project-polarush .case-thumbnails {grid-template-columns:repeat(3,minmax(0,1fr))}
.focus-native #servicios[data-service-variant="3"] .cap-column {grid-template-columns:30px 1fr;gap:12px}
.focus-native #servicios[data-service-variant="3"] .cap-column>p:not(.cap-phrase) {grid-column:2;grid-row:3}
.focus-native #servicios[data-service-variant="3"] .service-detail {grid-row:4}
}
@media(max-width:600px){
.focus-native #servicios {padding-block:35px}
.focus-native #servicios .cap-column {padding-bottom:20px}
.focus-native #servicios .service-shared-panel .service-icon-list,.focus-native #servicios[data-service-variant="3"] details[open]>.service-icon-list {grid-template-columns:repeat(2,minmax(0,1fr))}
.focus-native .service-shared-panel {padding:18px 14px}
.focus-native .project-narrative {display:block;margin-bottom:22px}
.focus-native .project-narrative>h3 {font-size:40px;margin:10px 0 15px}
.focus-native .project-narrative>.project-lead {font-size:19px;margin-bottom:18px}
.focus-native .project-narrative>.project-explainer {margin:15px 0}
.focus-native .project-gallery .case-thumbnails {grid-template-columns:repeat(2,minmax(0,1fr))}
.focus-native .project-gallery .case-main-frame {aspect-ratio:1.48}
.focus-native .project-narrative>.text-link {margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.focus-native #servicios *{animation:none!important;transition:none!important}}