.fc-porras {

*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#142a49,#070c16 65%);color:#f5f7fc;font-family:Arial,sans-serif;min-height:100vh}main{max-width:480px;margin:auto;padding:20px 12px 40px}header{text-align:center;margin-bottom:20px}header img{width:160px;max-height:90px;object-fit:contain}.demo{display:block;color:#b4c5dc;font-size:12px;letter-spacing:1px;margin:8px 0 16px;text-align:center}.deadline{font-size:13px;text-align:center;color:#d4e2f4;margin:0 0 14px}.match{background:#f7f8fc;color:#101a2c;border-radius:13px;padding:12px 8px;margin-bottom:10px}.fixture{display:grid;grid-template-columns:1fr 36px 1fr;align-items:center;text-align:center;gap:3px}.club img{display:block;height:38px;width:38px;object-fit:contain;margin:0 auto 5px}.club b{font-size:13px;display:block}.club small{font-size:11px;color:#546276}.versus{font-size:13px;font-weight:bold;color:#6c7890}.time{text-align:center;font-size:11px;color:#546276;margin-top:8px}.cta{display:block;background:linear-gradient(135deg,#35b8ff,#1681e8);border:0;border-radius:12px;padding:15px;width:100%;color:#fff;font-size:16px;font-weight:800;cursor:pointer;min-height:48px}.rules{color:#bdcbe0;font-size:12px;line-height:1.6;margin:13px 2px 0}.saved{color:#77e5b4;text-align:center;font-size:14px;margin:12px 0}.saved:empty{display:none}dialog{color:#fff;background:#101d30;border:1px solid #58779d;border-radius:20px;padding:0;width:calc(100% - 24px);max-width:450px;max-height:90dvh;box-shadow:0 22px 90px #000b}dialog::backdrop{background:#020713bd;backdrop-filter:blur(5px)}.modal-top{position:sticky;top:0;background:#101d30;padding:16px;display:flex;align-items:center;justify-content:space-between;z-index:1;border-bottom:1px solid #29425c}.modal-top h2{font-size:19px;margin:0}.close{background:#233951;color:#fff;border:0;border-radius:50%;width:38px;height:38px;font-size:24px;cursor:pointer}form{padding:16px}label{display:block;font-size:13px;margin-bottom:8px}select{width:100%;font-size:16px;padding:13px;border-radius:10px;background:#1b2e47;color:white;border:1px solid #59718c;margin-bottom:16px}.choices{display:flex;gap:8px;margin-top:12px}.choice{flex:1;position:relative;margin:0}.choice input{position:absolute;opacity:0}.choice span{display:block;text-align:center;border:1px solid #bcc8d8;border-radius:9px;padding:11px;font-size:20px;font-weight:bold;background:white}.choice input:checked+span{background:#0d70ce;color:white;border-color:#0d70ce;box-shadow:0 0 0 2px #0d70ce33}.choice input:focus-visible+span,button:focus-visible,summary:focus-visible{outline:3px solid #f4c866;outline-offset:3px}.note{font-size:12px;color:#b4c5dc;text-align:center;margin:12px 0 0}

.porra-card .fc-feed-kind{position:absolute!important;top:-1px;left:50%;transform:translateX(-50%)!important;width:auto;z-index:10;padding:2px 14px!important;border-radius:0 0 9px 9px}.porra-card .fc-close-info{padding-top:25px!important}.fc-home-v4{width:100%}.fc-activity-list{margin:0!important;padding:0!important}.porra-card .fc-close-info .fc-signing-player span{font-size:18px!important}.porra-card .fc-close-totals{gap:5px!important;flex-wrap:nowrap;width:max-content!important;max-width:none!important}.porra-card .fc-close-totals .fc-close-value-chip{font-size:12px!important}.porra-card .fc-close-info>time{font-size:10px!important}.porra-card .fc-close-detail-list{display:block}.porra-card .fc-signing-summary{cursor:pointer}.porra-card .fc-close-detail-list .match{margin-bottom:9px}.market-results{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.market-result{position:relative;overflow:hidden;background:#e6edf5;border:1px solid #bdcadb;border-radius:7px;padding:10px 5px 13px;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:14px}.market-result::after{content:'';position:absolute;bottom:0;left:0;width:var(--share);height:4px;background:#258cde}.market-result strong{font-size:17px}.market-result.chosen{border:2px solid #1683d8;background:#e0f0ff}.anonymous-note{color:#a6bed7;font-size:12px;text-align:center;margin:10px 0}.saved{color:#80dcb5}.fc-close-card.porra-card{margin-bottom:0!important}
.porra-card .fc-close-logo{left:4px!important;bottom:6px!important;width:140px!important;height:105px!important;object-fit:cover!important;border-radius:10px;mix-blend-mode:screen;filter:none!important}.fixture{grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr)}.match{padding:9px 8px}.match-center{text-align:center}.versus{display:block;font-size:24px;font-weight:1000;font-style:italic;line-height:1;color:#172b48;text-shadow:0 1px 0 #fff}.match-center .time{font-size:10px;line-height:1.3;margin-top:5px}.match-center .time b{font-size:12px;color:#283c58}.club img{height:34px;width:34px;margin-bottom:4px}.club small{display:none}

.fc-home-v4 .fc-activity-list .porra-card{--competition:#55baff;margin-bottom:0!important;border-color:color-mix(in srgb,var(--competition) 60%,transparent)!important;background:radial-gradient(ellipse at 14% 50%,color-mix(in srgb,var(--competition) 18%,transparent),transparent 52%),linear-gradient(105deg,#101d2d,#0b1523)!important;box-shadow:0 4px 20px #0004!important}
.fc-home-v4 .fc-activity-list .porra-card.is-europa{--competition:#ff941f}.fc-home-v4 .fc-activity-list .porra-card.is-conference{--competition:#51d65a}
.porra-card .fc-close-left{background:none}.porra-card .fc-close-left:before,.porra-card .fc-close-detail-list:before{background:var(--competition)!important;box-shadow:0 0 12px color-mix(in srgb,var(--competition) 50%,transparent)!important}
.fc-home-v4 .porra-card .fc-close-logo{position:absolute!important;left:28px!important;bottom:16px!important;width:88px!important;height:88px!important;object-fit:contain!important;border-radius:0;mix-blend-mode:normal;filter:brightness(0) invert(1) drop-shadow(0 0 12px var(--competition))!important}
.fc-home-v4 .porra-card .fc-feed-kind{color:var(--competition)!important;border-color:var(--competition)!important;background:#102033!important}.fc-home-v4 .porra-card .fc-close-toggle .fc-signing-chevron{border-color:var(--competition)!important;background:color-mix(in srgb,var(--competition) 25%,#0b1829)!important}.porra-card .fc-close-detail-list{border-top-color:var(--competition)!important}
.porra-card .cta{background:linear-gradient(135deg,color-mix(in srgb,var(--competition) 80%,#fff),var(--competition));color:#071626}
.fc-home-v4 .fc-activity-list .porra-card .fc-signing-left:before{background:var(--competition)!important;box-shadow:0 0 12px var(--competition)!important}
.fc-home-v4 .porra-card .fc-close-logo{left:18px!important;bottom:10px!important;width:110px!important;height:98px!important;filter:brightness(0) invert(1) drop-shadow(0 0 6px color-mix(in srgb,var(--competition) 40%,transparent))!important}

.fc-home-v4 .fc-activity-list .porra-card{--porra-text-left:158px}
.fc-home-v4 .fc-activity-list .porra-card .fc-close-final-title{position:absolute!important;left:var(--porra-text-left)!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;width:calc(100% - var(--porra-text-left) - 12px)}
.fc-home-v4 .fc-activity-list .porra-card .fc-close-totals{position:absolute!important;left:var(--porra-text-left)!important;bottom:3px!important;top:auto!important;transform:none!important;margin:0!important;gap:4px!important}
.fc-home-v4 .fc-activity-list .porra-card .fc-close-totals .fc-close-value-chip{height:28px!important;min-height:28px!important;font-size:14px!important;padding:0 5px!important;border-radius:8px!important}
@media(max-width:390px){.fc-home-v4 .fc-activity-list .porra-card{--porra-text-left:140px}}
.fc-home-v4 .fc-activity-list .porra-card .fc-close-totals .is-prize{width:68px!important}.fc-home-v4 .fc-activity-list .porra-card .fc-close-totals .is-quiniela{width:76px!important}.porra-card .fc-close-final-title span{line-height:1!important}

.fc-home-v4 .fc-activity-list .porra-card .porra-heading{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:12;margin:0!important;padding:0!important}
.fc-home-v4 .fc-activity-list .porra-card .porra-heading .fc-pool-kind{margin:0!important}
.porra-copy{position:absolute;left:var(--porra-text-left);right:36px;top:calc(50% + 8px);transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.fc-home-v4 .fc-activity-list .porra-card .porra-copy .fc-close-final-title{position:static!important;transform:none!important;width:100%!important;margin:0!important;line-height:1!important}
.fc-home-v4 .fc-activity-list .porra-card .porra-copy .fc-close-totals{position:static!important;transform:none!important;margin:0!important}

.fc-home-v4 .fc-activity-list .porra-card .porra-heading .fc-pool-kind{
 border-color:var(--competition);
 background:radial-gradient(circle at 24% 0,rgba(255,255,255,.34),transparent 42%),linear-gradient(145deg,color-mix(in srgb,var(--competition) 82%,#122033) 0%,color-mix(in srgb,var(--competition) 58%,#122033) 48%,color-mix(in srgb,var(--competition) 32%,#08121e) 100%);
 box-shadow:inset 0 -1px rgba(255,255,255,.18),0 4px 10px rgba(0,0,0,.3),0 0 14px color-mix(in srgb,var(--competition) 48%,transparent);
 color:#fff;
}

}
.fc-porras{width:100%;min-width:0}.fc-porras button:disabled{opacity:.65;cursor:default}.fc-porras #fcp-error{color:#ff9b9b}

.fc-porras .goals-team{min-width:0;margin:12px 0;padding:10px;border:1px solid #385774;border-radius:12px}.fc-porras .goals-team legend{font-size:14px;color:#dceaff;padding:0 4px}.fc-porras .goals-results{grid-template-columns:repeat(4,minmax(0,1fr))}.fc-porras .goals-results .market-result{flex-direction:column;gap:5px}.fc-porras .goals-team .choice{min-width:0}.fc-porras .goals-team .choice span{color:#172b48}.fc-porras .goals-team input:checked+span{color:white}.fc-porras .porra-card.is-special{--competition:#f3c66b!important}.fc-porras .porra-card.is-special .fc-close-logo{filter:drop-shadow(0 0 6px #f3c66b66)!important}

.fc-porras .porra-card.is-laliga .fc-close-logo,.fc-porras .porra-card[class*="is-c_"] .fc-close-logo{filter:drop-shadow(0 0 5px #ffffff25)!important}.fc-porras .porra-copy .fc-close-final-title span{overflow-wrap:anywhere}

.fc-porras .goals-results .market-result,.fc-porras .goals-results .market-result b,.fc-porras .goals-results .market-result strong{color:#172b48!important}
.fc-porras .porra-winners{border:1px solid var(--competition,#e5bd66);border-radius:12px;padding:14px;margin:12px 0;background:#132338;color:#fff}.fc-porras .porra-winners>strong{display:block;margin-bottom:10px}.fc-porras .porra-winners>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0}.fc-porras .porra-winners b{color:#4ce4a6;white-space:nowrap}

.fc-porras .porra-card:not(.is-champions):not(.is-europa):not(.is-conference) .fc-close-logo{filter:drop-shadow(0 0 5px #ffffff25)!important}

.fc-porras .fc-home-v4 .fc-activity-list>.porra-card{--feed-accent:var(--competition)!important}
.fc-porras .fc-home-v4 .fc-activity-list>.porra-card:has(.fc-signing-details[open]){border-color:color-mix(in srgb,var(--competition) 60%,transparent)!important;box-shadow:0 4px 20px #0004!important}
.fc-porras .porra-copy .fc-close-final-title span{white-space:normal!important;line-height:1.15!important}

.fc-porras .porra-pick-score{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:#fff;color:#101010;border:1px solid #cbd4de;border-radius:7px;padding:5px 7px;font-size:20px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums}.fc-porras .goals-team .goal-symbol{white-space:nowrap;letter-spacing:-1px;font-size:14px!important}.fc-porras .goals-team .choice span{padding-inline:2px}.fc-porras .goals-team .choice{min-width:0}

.fc-porras .goal-symbol .goal-plus{font-size:.7em;line-height:1;vertical-align:middle}

.fc-porras .porra-copy .fc-close-final-title .porra-title-score{display:inline-flex;align-items:center;justify-content:center;background:#fff!important;color:#101010!important;border:1px solid #cbd4de;border-radius:6px;padding:3px 6px;font-size:.95em!important;font-weight:900;line-height:1;white-space:nowrap;vertical-align:middle;text-shadow:none;font-variant-numeric:tabular-nums}

.fc-porras .market-result.chosen{background:#0751a1!important;color:#fff!important;border:3px solid #58caff!important;box-shadow:0 0 0 2px #58caff55,inset 0 0 16px #39afff40!important}.fc-porras .market-result.chosen b,.fc-porras .market-result.chosen strong{color:#fff!important}
.fc-porras .porra-winners .porra-winner-name{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:800;line-height:1.2;min-width:0}.fc-porras .porra-winner-name img{width:34px;height:38px;object-fit:contain;flex-shrink:0}.fc-porras .porra-winners>div{align-items:center}

.fc-porras .porra-copy .fc-close-final-title>span{white-space:nowrap!important;font-size:clamp(12px,3.65vw,18px)!important;letter-spacing:-.45px}.fc-porras .porra-winners>div>b{font-size:19px!important;font-weight:900;padding:4px 7px;border-radius:8px;background:#073e30;border:1px solid #4ce4a6;box-shadow:0 0 12px #4ce4a633}
@media(max-width:440px){.fc-porras .porra-copy{padding-right:5px!important}.fc-porras .porra-copy .fc-close-final-title .porra-title-score{padding:3px!important}}

#actividad>.fc-porras:not([data-porra-slot]):not(:has([data-pool])){display:contents}#actividad>.fc-porras:not([data-porra-slot]):not(:has([data-pool]))>.fc-home-v4{display:none}#actividad{margin-top:16px!important;padding-top:0!important}

.fc-porras .porra-bet{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 8px;margin-top:7px;border:1px solid #344a60;border-radius:10px}.fc-porras .porra-bet>span{display:flex;align-items:center;gap:7px;flex:1;min-width:0}.fc-porras .porra-bet img{width:28px;height:32px;object-fit:contain}.fc-porras .porra-bet.is-winner{border-color:#42e09a;background:#0b3b2c}.fc-porras .porra-bet small{color:#42e09a}.fc-porras .porra-bets>strong{display:block;margin:12px 0}

.porra-winners:has(>strong:only-child){display:flex;align-items:center;justify-content:center;min-height:54px;text-align:center}.porra-winners:has(>strong:only-child)>strong{margin:0!important}
.fc-porras [data-part="open"][hidden]{display:none!important}

html body .fc-porras .porra-copy .fc-close-final-title .porra-title-score{background:transparent!important;color:#fff!important;border:0!important;border-radius:0!important;padding:0!important}

.fc-porras .porra-copy .fc-close-final-title.porra-title-wrap>span{white-space:normal!important;overflow-wrap:normal;line-height:1.15!important}

/* Más ancho para equipos y resultado; el botón queda en la fila inferior. */
html body .fc-home-v4 .fc-activity-list .porra-card{--porra-text-left:120px}
html body .fc-home-v4 .fc-activity-list .porra-card .fc-close-logo{left:12px!important;width:94px!important}
html body .fc-porras .porra-card .porra-copy{right:10px;padding-right:0!important}
@media(max-width:390px){html body .fc-home-v4 .fc-activity-list .porra-card{--porra-text-left:108px}html body .fc-home-v4 .fc-activity-list .porra-card .fc-close-logo{width:84px!important}}

/* Centrado del logo dentro de la columna libre de la porra. */
html body .fc-home-v4 .fc-activity-list .porra-card .fc-close-logo{left:8px!important;top:50%!important;bottom:auto!important;width:calc(var(--porra-text-left) - 16px)!important;height:82%!important;transform:translateY(-50%)!important;object-fit:contain!important;object-position:center!important}

html body .fc-home-v4 .fc-activity-list .porra-card{--porra-text-left:92px}
html body .fc-porras .porra-copy .fc-close-final-title .porra-fixture-line{display:flex;align-items:center;justify-content:flex-start;gap:7px;font-size:16px!important;white-space:nowrap!important}
html body .fc-porras .porra-fixture-team{display:inline-flex;align-items:center;gap:4px;min-width:0}
html body .fc-porras .porra-fixture-team b{font-size:inherit!important;overflow:visible;text-overflow:clip;white-space:nowrap}
html body .fc-porras .porra-fixture-team img{width:25px;height:28px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 2px #ffffff60)}
html body .fc-porras .porra-title-score{flex-shrink:0}
html body .fc-porras .porra-title-score .fc-score{font-size:16px!important;gap:4px!important}
@media(max-width:380px){html body .fc-home-v4 .fc-activity-list .porra-card{--porra-text-left:76px}html body .fc-porras .porra-copy .fc-close-final-title .porra-fixture-line{font-size:13px!important;gap:5px}html body .fc-porras .porra-fixture-team img{width:21px;height:25px}}

/* Aislar los nombres de las reglas generales de títulos de porra. */
html body .fc-home-v4 .fc-activity-list .porra-card{--porra-text-left:76px}
html body .fc-porras .porra-card .porra-copy{top:calc(50% + 13px);gap:8px}
html body .fc-porras .porra-copy .fc-close-final-title .porra-fixture-team,
html body .fc-porras .porra-copy .fc-close-final-title .porra-fixture-team b{font-size:16px!important;line-height:1!important;letter-spacing:normal!important;font-weight:900!important}
@media(max-width:380px){html body .fc-home-v4 .fc-activity-list .porra-card{--porra-text-left:64px}html body .fc-porras .porra-copy .fc-close-final-title .porra-fixture-team,html body .fc-porras .porra-copy .fc-close-final-title .porra-fixture-team b{font-size:13px!important}}

/* La columna central ocupa el espacio real libre: ningún nombre se recorta. */
html body .fc-porras .fc-home-v4 .fc-activity-list .porra-card{--porra-text-left:116px!important}
html body .fc-porras .fc-home-v4 .porra-card .porra-copy{left:var(--porra-text-left)!important;right:10px!important;width:auto!important;max-width:none!important}
html body .fc-porras .porra-card .porra-copy .fc-close-final-title{width:100%!important;max-width:none!important;overflow:visible!important;padding:0!important}
html body .fc-porras .porra-copy .fc-close-final-title .porra-fixture-team{flex-shrink:0!important;overflow:visible!important;width:auto!important;max-width:none!important}
html body .fc-porras .porra-copy .fc-close-final-title .porra-fixture-team b{overflow:visible!important;text-overflow:clip!important;width:auto!important;max-width:none!important}
html body .fc-porras .porra-copy .fc-close-final-title .porra-fixture-line{flex-wrap:nowrap!important;width:max-content!important;max-width:none!important;row-gap:0}
@media(max-width:380px){html body .fc-porras .fc-home-v4 .fc-activity-list .porra-card{--porra-text-left:104px!important}}

/* Contorno blanco sobre la silueta del logo de Premier League. */
html body .fc-porras .fc-home-v4 .fc-activity-list .porra-card.is-premier .fc-close-logo{filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff)!important}
