.solo-lectores { position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.equipo { padding:28px 0; }
.equipo__cabecera { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.equipo__cabecera h2 { margin:0; font-size:clamp(22px,3vw,30px); }
.equipo__beta { display:inline-block; font-size:10px; vertical-align:middle; border:1px solid #927340; color:#efc767; padding:3px 7px; border-radius:20px; }
.equipo__pista { color:#c1afa5; margin:5px 0 12px; font-size:12px; }
.personal-lista { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 42px)/4); align-items:start; gap:14px; overflow-x:auto; padding:2px 2px 12px; scroll-snap-type:x mandatory; scroll-padding:2px; scrollbar-width:thin; scrollbar-color:#ad8648 #211914; }
.persona { position:relative; min-width:0; background:#211914; color:#f7eddf; border:1px solid #4b382c; border-radius:15px; padding:14px; scroll-snap-align:start; }
.persona__cabecera { display:flex; align-items:center; gap:10px; }
.persona__cabecera>div:last-child { min-width:0; }
.persona h3 { font-size:17px; margin:0; overflow-wrap:anywhere; }
.persona__foto { width:64px; height:64px; flex:none; border-radius:50%; overflow:hidden; position:relative; background:#3c2b20; color:#b9a28d; display:grid; place-items:center; }
.persona__foto img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.persona__foto.con-foto .personal-silueta { visibility:hidden; }
.personal-silueta svg { width:44px; height:44px; }
.persona__promedio { font-size:11px; color:#e5c48b; margin:5px 0 0; }
.persona__estrellas-resumen { display:inline-block; position:relative; font-size:20px; line-height:1.3; letter-spacing:2px; white-space:nowrap; color:#73604b; }
.persona__estrellas-llenas { position:absolute; inset:0 auto 0 0; overflow:hidden; color:#f7c457; }
.persona__periodo { font-size:10px; color:#c1afa5; margin:3px 0 0; }
.persona__recalificar { min-height:32px; border:1px solid #806146; border-radius:8px; padding:5px 10px; color:#edcb8f; background:transparent; cursor:pointer; font:inherit; font-size:12px; }
.persona__cancelar { margin-top:6px; background:none; border:0; color:#d8bc80; text-decoration:underline; cursor:pointer; font-size:12px; }
.persona__descripcion { font-size:12px; line-height:1.5; min-height:54px; margin:11px 0 8px; overflow-wrap:anywhere; }
.persona__valoracion fieldset { margin:0; padding:0; border:0; min-width:0; }
.persona__estrellas { display:flex; gap:2px; justify-content:center; margin-bottom:8px; }
.persona__estrellas label { position:relative; cursor:pointer; }
.persona__estrellas input { position:absolute; opacity:0; width:100%; height:100%; inset:0; margin:0; cursor:pointer; }
.persona__estrellas span { display:block; color:#f7c457; font-size:29px; line-height:36px; width:32px; text-align:center; }
.persona__estrellas input:focus-visible+span { outline:2px solid #f7c457; border-radius:5px; }
.persona .persona__enviar { min-height:32px; width:100%; padding:6px 9px; font-size:12px; background:#eac04c; color:#20150d; }
.persona__aviso { font-size:11px; line-height:1.4; color:#ffaaa0; margin:6px 0 0; }
.persona__gracias { font-size:12px; color:#dfca9f; padding:12px 0; margin:0; }
#personal-estado { font-size:13px; color:#c1afa5; }
#personal-reintentar { font-size:12px; color:#d8bc80; border:0; background:none; padding:6px 0; cursor:pointer; text-decoration:underline; }
.confirmacion { position:fixed; inset:0; margin:auto; height:fit-content; max-height:calc(100vh - 28px); max-height:calc(100dvh - 28px); overflow-y:auto; overscroll-behavior:contain; background:#211914; color:#f7eddf; width:min(370px,calc(100vw - 28px)); border:1px solid #806146; border-radius:16px; padding:20px; box-shadow:0 20px 70px #0009; }
.confirmacion::backdrop { background:#000a; backdrop-filter:blur(2px); }
.confirmacion h2 { margin:0 0 9px; font-size:20px; }
.confirmacion p { font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.confirmacion__acciones { display:flex; justify-content:flex-end; gap:8px; margin-top:18px; flex-wrap:wrap; }
.confirmacion .peligro { background:#a83e32; color:white; border-color:#b95041; }
@media(max-width:1050px){.personal-lista{grid-auto-columns:calc((100% - 28px)/3);}}
@media(max-width:740px){.personal-lista{grid-auto-columns:calc((100% - 14px)/2);}}
@media(max-width:480px){.personal-lista{grid-auto-columns:86%;gap:10px;}.equipo{padding:20px 0;}.persona{padding:13px;}.persona__descripcion{min-height:0;}.equipo__cabecera{gap:6px;}.equipo__cabecera h2{font-size:22px;}}