/* The featured title and error recovery use the same action surface as Aportar. */
:is(.hero .hero-actions>a.button.primary[href^="/titulo/"],.error-stage .state-actions>a.button){
 --action-cap-bg:var(--primary);--action-cap-color:var(--primary-text);--action-cap-border:var(--primary);
 position:relative;display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;
 min-width:0;max-width:100%;min-height:60px;padding:13px 62px 13px 16px;
 border:1px solid color-mix(in srgb,var(--primary) 42%,var(--line));border-bottom:2px solid color-mix(in srgb,var(--primary) 28%,var(--line));border-radius:10px;
 background:var(--raised);color:var(--ivory);box-shadow:inset 0 1px color-mix(in srgb,var(--ivory) 6%,transparent),0 2px 0 var(--bg);
 font:600 22px/1.15 var(--display);text-align:left;text-transform:none;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;text-decoration:none;
 isolation:isolate;overflow:hidden;cursor:pointer;transform:none;
 transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;
}
:is(.hero .hero-actions>a.button.primary[href^="/titulo/"],.error-stage .state-actions>a.button)::after{
 content:'';display:block;position:absolute;left:auto;right:10px;top:50%;bottom:auto;width:36px;height:36px;margin:0;padding:0;
 border:1px solid var(--action-cap-border);border-radius:7px;background:var(--action-cap-bg);
 box-shadow:inset 0 1px color-mix(in srgb,var(--ivory) 18%,transparent),0 1px 0 var(--bg);transform:translateY(-50%);opacity:1;pointer-events:none;z-index:0;transition:background .16s,border-color .16s;animation:none;
}
:is(.hero .hero-actions>a.button.primary[href^="/titulo/"],.error-stage .state-actions>a.button)::before{
 content:'';display:block;position:absolute;left:auto;right:19px;top:50%;bottom:auto;width:18px;height:18px;margin:0;padding:0;border:0;border-radius:0;background:var(--action-cap-color);
 clip-path:polygon(5% 44%,72% 44%,47% 19%,55% 11%,94% 50%,55% 89%,47% 81%,72% 56%,5% 56%);
 transform:translate(0,-50%);opacity:1;pointer-events:none;z-index:1;box-shadow:none;animation:none;transition:transform 220ms cubic-bezier(.2,.65,.35,1),background 180ms ease;
}
:is(.hero .hero-actions>a.button.primary[href^="/titulo/"],.error-stage .state-actions>a.button)>.icon{display:none}
.error-stage .state-actions>a.button.secondary{
 --action-cap-bg:var(--surface);--action-cap-color:var(--primary);--action-cap-border:color-mix(in srgb,var(--primary) 42%,var(--line));
 border-color:var(--line);background:var(--surface);
}
:is(.hero .hero-actions>a.button.primary[href^="/titulo/"],.error-stage .state-actions>a.button):hover{
 border-color:var(--primary);color:var(--ivory);background:var(--raised);box-shadow:inset 0 1px color-mix(in srgb,var(--ivory) 9%,transparent),0 2px 0 var(--bg);transform:none;
}
:is(.hero .hero-actions>a.button.primary[href^="/titulo/"],.error-stage .state-actions>a.button.primary):hover{--action-cap-bg:var(--primary-hover)}
/* Keep the cap arrow anchored; override the generic primary-button sheen. */
:is(.hero .hero-actions>a.button.primary[href^="/titulo/"],.error-stage .state-actions>a.button):is(:hover,:focus-visible)::before{transform:translate(2px,-50%);transition:transform 220ms cubic-bezier(.2,.65,.35,1),background 180ms ease;animation:none}
:is(.hero .hero-actions>a.button.primary[href^="/titulo/"],.error-stage .state-actions>a.button):active{transform:translateY(1px);box-shadow:inset 0 1px color-mix(in srgb,var(--ivory) 4%,transparent)}
:is(.hero .hero-actions>a.button.primary[href^="/titulo/"],.error-stage .state-actions>a.button):focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-color:var(--primary)}
@media(max-width:600px){
 :is(.hero .hero-actions>a.button.primary[href^="/titulo/"],.error-stage .state-actions>a.button){min-height:58px;font-size:20px;line-height:1.2}
}
@media(prefers-reduced-motion:reduce){
 :is(.hero .hero-actions>a.button.primary[href^="/titulo/"],.error-stage .state-actions>a.button),
 :is(.hero .hero-actions>a.button.primary[href^="/titulo/"],.error-stage .state-actions>a.button)::before,
 :is(.hero .hero-actions>a.button.primary[href^="/titulo/"],.error-stage .state-actions>a.button)::after{transition:none;animation:none}
 :is(.hero .hero-actions>a.button.primary[href^="/titulo/"],.error-stage .state-actions>a.button):active{transform:none}
 :is(.hero .hero-actions>a.button.primary[href^="/titulo/"],.error-stage .state-actions>a.button):is(:hover,:focus-visible)::before{transform:translate(0,-50%);transition:none}
}