/* Local proposal using emil-design-eng. No brand color replacements. */
html { scroll-padding-top: 72px; }
html.proposal { --preview-ease:cubic-bezier(.23,1,.32,1); }
html.proposal #root :where(div,span,p,h1,h2,h3,h4,label,button,input,textarea,select,a,small,strong,em,li,th,td):not([data-preserve-kit]):not([data-preserve-kit] *):not(svg *) {font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;}
html.proposal #root :where(h1,h2,h3):not([data-preserve-kit] *) {text-wrap:balance;letter-spacing:-.025em!important;text-shadow:none!important;}
html.proposal #root h1 {line-height:1.18!important;}
html.proposal #root h2 {line-height:1.25!important;}
html.proposal #root h3 {line-height:1.3!important;}
/* Keep the original font-weight classes, including font-black and font-bold. */
html.proposal #root [data-preview-press] {border-radius:10px!important;letter-spacing:0!important;transition:transform 140ms var(--preview-ease),box-shadow 160ms var(--preview-ease),opacity 140ms ease!important;}
html.proposal #root [data-preview-press]:not(:disabled):not([aria-disabled="true"]):active {transform:scale(.97)!important;}
html.proposal #root :where(button,a,input,textarea,select,[role="button"]):focus-visible {outline:2px solid currentColor!important;outline-offset:4px!important;}
html.proposal #root [data-preview-panel] {border-radius:16px!important;box-shadow:0 8px 24px #00000020!important;}
html.proposal #root :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select) {border-radius:9px!important;font-size:max(16px,1em);}
html.proposal #root input[type="checkbox"],html.proposal #root input[type="radio"] {accent-color:#00f59b;}
html.proposal #root header.sticky {top:0!important;}
html.proposal #root header.fixed {top:0!important;}
html.proposal #root main {padding-bottom:max(110px,env(safe-area-inset-bottom))!important;}
html.proposal #root main .max-w-4xl {max-width:1120px!important;}
html.proposal #root nav[aria-label="Secciones del plan"] {left:50%!important;right:auto!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;width:720px!important;max-width:calc(100% - 24px)!important;transform:translateX(-50%);border:1px solid #252a32!important;border-radius:18px!important;box-shadow:0 12px 28px #0006!important;padding:5px!important;}
html.proposal #root nav[aria-label="Secciones del plan"]>div {justify-content:space-between!important;padding:0!important;gap:3px!important;}
html.proposal #root nav[aria-label="Secciones del plan"] button {flex:1;min-width:0;min-height:50px;max-width:none!important;border-radius:12px!important;}
html.proposal #root .account-page {padding-top:28px!important;}
html.proposal #root .account-wordmark {letter-spacing:2px!important;}
html.proposal #root .account-tagline {letter-spacing:2px!important;}
html.proposal #root .account-story h2 {font-size:clamp(36px,3.8vw,62px)!important;line-height:1.1!important;letter-spacing:-.04em!important;}
html.proposal #root .account-layout {gap:clamp(32px,6vw,100px)!important;}
html.proposal #root .account-panel {border-radius:20px!important;padding:32px!important;box-shadow:0 24px 60px #0005,inset 0 1px 0 #ffffff08!important;}
html.proposal #root .account-panel>h1 {font-size:28px!important;line-height:1.2!important;letter-spacing:-.03em!important;}
html.proposal #root .account-description {font-size:15px!important;line-height:1.6!important;margin-bottom:24px!important;}
html.proposal #root .account-field {min-height:54px!important;border-radius:11px!important;}
html.proposal #root .account-field input {min-width:0!important;border-radius:0!important;}
html.proposal #root .account-submit {min-height:52px!important;}
@media(hover:hover) and (pointer:fine) {
 html.proposal #root [data-preview-press]:not(:disabled):not([aria-disabled="true"]):hover {transform:translateY(-1px);box-shadow:0 5px 14px #0004!important;}
 html.proposal #root nav[aria-label="Secciones del plan"] button:hover {box-shadow:inset 0 0 0 1px currentColor!important;}
}
@starting-style {html.proposal #root [data-preview-enter] {opacity:0;transform:translateY(5px);}}
html.proposal #root [data-preview-enter] {transition:opacity 180ms var(--preview-ease),transform 180ms var(--preview-ease);}
html.proposal[data-preview-input="keyboard"] #root [data-preview-press] {transition:none!important;transform:none!important;}
@media(max-width:640px) {
 html.proposal #root .account-page {padding:22px 18px 28px!important;}
 html.proposal #root .account-panel {padding:24px 20px!important;}
 html.proposal #root .account-panel>h1 {font-size:25px!important;}
 html.proposal #root .account-wordmark {font-size:23px!important;}
 html.proposal #root nav[aria-label="Secciones del plan"] button {font-size:10px!important;padding-left:2px!important;padding-right:2px!important;min-height:50px;}
}
@media(prefers-reduced-motion:reduce) {
 html.proposal #root [data-preview-press],html.proposal #root [data-preview-enter] {transition:none!important;animation:none!important;transform:none!important;}
 html.proposal #root [data-preserve-kit],html.proposal #root [data-preserve-kit] * {animation:none!important;transition:none!important;}
}

/* Refinements requested by Mario: local Propuesta only, 16 October. */
html.proposal #root .workspace-tabs button {
 border-radius:0!important;box-shadow:none!important;transform:none!important;
 transition:color 140ms ease!important;
}
html.proposal #root .workspace-tabs button[aria-current="page"] {border-bottom:2px solid #00f59b!important;}
html.proposal #root [data-preview-phase-tabs] {
 padding:12px 8px 16px!important;margin:-8px -8px -12px;
 scroll-padding-inline:8px;
}
html.proposal #root [data-preview-jornada-row] {min-width:0;flex:1;}
html.proposal #root [data-preview-jornada-row]>div:last-child {min-width:0;flex:1;}
html.proposal #root [data-preview-jornada-summary] {
 display:grid!important;grid-template-columns:minmax(0,1fr);gap:16px;align-items:center;
}
html.proposal #root [data-preview-jornada-summary]>div:last-child {min-width:0;max-width:100%;justify-content:flex-start;}
@media(min-width:1100px) {
 html.proposal #root [data-preview-jornada-summary] {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);}
 html.proposal #root [data-preview-jornada-summary]>div:last-child {justify-content:flex-end;}
}
html.proposal #root [data-preview-jornada-badge] {
 width:112px!important;min-width:112px!important;max-width:112px!important;
 height:auto!important;min-height:76px!important;padding:10px 6px!important;
 box-sizing:border-box;gap:5px;text-align:center;flex-shrink:0!important;
}
html.proposal #root [data-preview-jornada-value] {
 display:block;max-width:100%;font-size:20px!important;line-height:1.15!important;
 white-space:normal;overflow-wrap:anywhere;text-wrap:balance;
}
html.proposal #root [data-preview-jornada-value][data-preview-jornada-long] {font-size:16px!important;}
html.proposal #root [data-preview-jornada-row] h3 {overflow-wrap:anywhere;}
html.proposal #root [data-preview-abp-pitch] {
 min-height:0!important;height:var(--abp-pitch-height)!important;aspect-ratio:auto!important;
}
html.proposal #root [data-preview-abp-lines] {
 top:46px!important;height:var(--abp-native-height)!important;
 transform:scaleY(var(--abp-field-scale));transform-origin:50% 0;
}
html.proposal #root [data-preview-abp-marker] {
 left:var(--abp-marker-x)!important;top:var(--abp-marker-y)!important;
 transform:translate(-50%,-50%)!important;border-radius:50%!important;
 box-shadow:none!important;background:transparent!important;
 transition:opacity 140ms ease!important;opacity:1!important;
}
html.proposal #root [data-preview-abp-circle] {
 border-radius:50%!important;
 transition:transform 140ms var(--preview-ease),box-shadow 160ms var(--preview-ease)!important;
}
html.proposal #root [data-preview-abp-marker]:active>[data-preview-abp-circle] {transform:scale(.96);}
html.proposal #root [data-preview-abp-marker]>.animate-ping {animation:none!important;opacity:0!important;}
html.proposal #root :is([data-preview-abp-marker="penalti"],[data-preview-abp-marker="corner_izquierdo"],[data-preview-abp-marker="corner_derecho"],[data-preview-abp-marker="falta_frontal"],[data-preview-abp-marker="falta_lejana"])>[data-preview-abp-label] {
 bottom:auto!important;top:calc(50% + var(--abp-circle-radius) + 7px)!important;
 margin-top:0!important;margin-bottom:0!important;transform-origin:50% 0;
}
html.proposal #root [data-preview-abp-label]>div {line-height:1.2!important;}
html.proposal #root [data-preview-abp-marker="saque_puerta"]>[data-preview-abp-label] {
 top:var(--abp-goal-label-top)!important;bottom:auto!important;margin-top:0!important;margin-bottom:0!important;transform-origin:50% 100%;
}
html.proposal #root :is([data-preview-abp-marker="corner_izquierdo"],[data-preview-abp-marker="falta_lateral_izquierda"])>[data-preview-abp-label] {
 left:calc(50% - var(--abp-circle-radius))!important;right:auto!important;translate:0;
}
html.proposal #root :is([data-preview-abp-marker="corner_derecho"],[data-preview-abp-marker="falta_lateral_derecha"])>[data-preview-abp-label] {
 right:calc(50% - var(--abp-circle-radius))!important;left:auto!important;translate:0;
}
@media(hover:hover) and (pointer:fine) {
 html.proposal #root [data-preview-abp-marker]:hover>[data-preview-abp-circle] {transform:scale(1.1);}
 html.proposal #root [data-preview-abp-marker][aria-pressed="false"]:hover>[data-preview-abp-circle] {box-shadow:0 0 12px currentColor!important;}
 html.proposal #root [data-preview-abp-marker]:active>[data-preview-abp-circle] {transform:scale(.96);}
}
html.proposal[data-preview-input="keyboard"] #root [data-preview-abp-circle] {transform:none!important;transition:none!important;}
@media(prefers-reduced-motion:reduce) {
 html.proposal #root [data-preview-abp-circle] {transform:none!important;transition:none!important;}
}

/* Third local review: aligned phases and a dedicated player toolbar. */
html.proposal #root [data-preview-press] {
 border-radius:9px!important;transform-origin:center;
 transition:transform 160ms var(--preview-ease),box-shadow 180ms var(--preview-ease),opacity 160ms ease!important;
 box-shadow:none!important;
}
@media(hover:hover) and (pointer:fine) {
 html.proposal #root [data-preview-press]:not(:disabled):not([aria-disabled="true"]):hover {
  transform:translateY(-2px);box-shadow:0 5px 14px #000!important;
 }
}
html.proposal #root [data-preview-press]:not(:disabled):not([aria-disabled="true"]):active {
 transform:translateY(0) scale(.97)!important;box-shadow:none!important;
}
html.proposal #root [data-preview-phase-tabs] {
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important;
 width:100%;padding:0!important;margin:0 0 16px!important;overflow:visible!important;
}
html.proposal #root [data-preview-phase-tabs]>button {
 width:100%;height:100%;min-width:0;min-height:44px;padding:8px 10px!important;
 justify-content:center;align-items:center;text-align:center;font-size:11.5px!important;line-height:1.25!important;
 white-space:normal;overflow-wrap:normal;
}
html.proposal #root [data-preview-phase-tabs]>button>span:first-child {flex-shrink:0;}
html.proposal #root [data-preview-player-header] {
 display:grid!important;grid-template-columns:minmax(0,1fr);gap:18px!important;padding:20px!important;
}
html.proposal #root [data-preview-player-title] {min-width:0;gap:12px!important;}
html.proposal #root [data-preview-player-title]>div:first-child {flex-shrink:0;}
html.proposal #root [data-preview-player-title]>div:last-child {min-width:0;}
html.proposal #root [data-preview-player-title] h2 {font-size:21px!important;line-height:1.25!important;letter-spacing:-.025em!important;text-wrap:initial;}
html.proposal #root [data-preview-player-title] p {margin-top:5px!important;line-height:1.5;}
html.proposal #root [data-preview-player-controls] {
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,calc(66.666667% - 4px));
 gap:12px!important;align-items:stretch!important;min-width:0;
}
html.proposal #root [data-preview-kit-controls] {
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;min-width:0;
}
html.proposal #root [data-preview-formation-container] {min-width:0;display:flex;align-items:stretch;}
html.proposal #root :is([data-preview-kit-control],[data-preview-formation-control]) {
 width:100%;height:64px;min-height:64px;min-width:0;box-sizing:border-box;padding:10px 14px!important;
 font-size:12px!important;line-height:1.3!important;
}
html.proposal #root [data-preview-kit-control] {
 display:grid!important;grid-template-columns:14px 16px minmax(0,1fr);grid-template-rows:auto auto;
 column-gap:8px!important;row-gap:2px!important;text-align:left;align-content:center;
}
html.proposal #root [data-preview-kit-control]>div:first-child {grid-column:1;grid-row:1/3;align-self:center;}
html.proposal #root [data-preview-kit-control]>svg {grid-column:2;grid-row:1/3;align-self:center;}
html.proposal #root [data-preview-kit-control]>span:nth-of-type(1) {grid-column:3;grid-row:1;min-width:0;}
html.proposal #root [data-preview-kit-control]>span:nth-of-type(2) {
 display:block!important;grid-column:3;grid-row:2;font-size:10px!important;line-height:1.3!important;min-width:0;white-space:normal;
}
html.proposal #root [data-preview-formation-control] {justify-content:center;gap:10px!important;}
html.proposal #root [data-preview-formation-control]>svg {flex-shrink:0;}
@media(min-width:760px) {
 html.proposal #root [data-preview-player-title] h2 {white-space:nowrap;}
}
@media(max-width:1099px) {
 html.proposal #root [data-preview-phase-tabs] {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:600px) {
 html.proposal #root [data-preview-player-header] {padding:16px!important;gap:16px!important;}
 html.proposal #root [data-preview-player-title] h2 {font-size:18px!important;}
 html.proposal #root [data-preview-player-controls],html.proposal #root [data-preview-kit-controls] {grid-template-columns:minmax(0,1fr);gap:10px!important;}
 html.proposal #root :is([data-preview-kit-control],[data-preview-formation-control]) {height:60px;min-height:60px;}
 html.proposal #root [data-preview-phase-tabs]>button {min-height:56px;font-size:10px!important;padding:8px!important;}
}
/* Later rules must retain the accessibility behavior of the shared motion. */
html.proposal[data-preview-input="keyboard"] #root [data-preview-press] {transform:none!important;transition:none!important;}
@media(prefers-reduced-motion:reduce) {
 html.proposal #root [data-preview-press] {transform:none!important;transition:none!important;}
}
/* Side free kicks: keep their circles clear of touchlines and reserve the penalty label's space. */
html.proposal #root :is([data-preview-abp-marker="falta_lateral_izquierda"],[data-preview-abp-marker="falta_lateral_derecha"])>[data-preview-abp-label] {
 width:max-content;max-width:var(--abp-side-label-width);
}
html.proposal #root :is([data-preview-abp-marker="falta_lateral_izquierda"],[data-preview-abp-marker="falta_lateral_derecha"])>[data-preview-abp-label]>div {
 max-width:100%;box-sizing:border-box;white-space:normal!important;overflow-wrap:anywhere;
}
@media(max-width:600px) {
 html.proposal #root :is([data-preview-abp-marker="falta_lateral_izquierda"],[data-preview-abp-marker="falta_lateral_derecha"])>[data-preview-abp-label]>div {font-size:10px!important;padding:4px 6px!important;}
}