:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,Arial,sans-serif}body{min-width:320px;margin:0}:root{color:#20253a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--principal:#6941c6;--principal-oscuro:#53389e;--texto:#20253a;--secundario:#667085;--borde:#e4e7ec;--fondo:#f6f7fb;--blanco:#fff;background:#f6f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--fondo);min-width:320px;color:var(--texto);margin:0}button,input,select,textarea{font:inherit}button{background:var(--principal);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:11px;padding:12px 18px;font-size:14px;font-weight:650;transition:background .2s,transform .15s,box-shadow .2s}button:hover:not(:disabled){background:var(--principal-oscuro);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{color:#98a2b3;cursor:not-allowed;background:#eaecf0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #c4b5fd}a{color:var(--principal);font-weight:600}.contenedor{width:100%;max-width:1040px;margin:0 auto;padding:38px 24px 64px}.cabecera{text-align:center;margin-bottom:38px}.logo{font-size:58px;line-height:1.2}h1{letter-spacing:-1.5px;margin:12px 0 8px;font-size:clamp(30px,5vw,44px);font-weight:800}h2{letter-spacing:-.4px;margin:0;font-size:22px}h3{margin:26px 0 14px;font-size:17px}.cabecera p,.descripcion{color:var(--secundario);line-height:1.65}.tarjeta{background:var(--blanco);border:1px solid #edf0f5;border-radius:20px;margin-bottom:24px;padding:30px;box-shadow:0 3px 8px #14193206,0 12px 32px #14193209}.seccion-titulo{align-items:center;gap:14px;margin-bottom:20px;display:flex}.paso{width:38px;height:38px;color:var(--principal);background:#f0eaff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}label{margin:16px 0 8px;font-size:14px;font-weight:650;display:block}input:not([type=checkbox]),select,textarea{width:100%;min-width:0;color:var(--texto);background:#fff;border:1px solid #d0d5dd;border-radius:11px;padding:13px 15px;font-size:15px;transition:border-color .2s,box-shadow .2s}input:not([type=checkbox]):focus,select:focus,textarea:focus{border-color:var(--principal);outline:none;box-shadow:0 0 0 3px #ede5ff}input::placeholder{color:#98a2b3}.formulario{margin-top:18px}.formulario>button{margin-top:16px}.acciones,.acciones-participante{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.acciones{margin-top:20px}.acciones-participante{flex-shrink:0;justify-content:flex-end}.boton-secundario{color:#344054;background:#f2f4f7;border-color:#e4e7ec}.boton-secundario:hover:not(:disabled){background:#e4e7ec}.boton-eliminar{color:#b42318;background:#fef3f2;border-color:#fee4e2}.boton-eliminar:hover:not(:disabled){background:#fee4e2}.lista{border:0;flex-direction:column;gap:12px;margin-top:20px;display:flex}.participante,.regla{background:#fafbfe;border:1px solid #eaecf0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.datos-participante,.datos-regla{overflow-wrap:anywhere;flex:220px;min-width:0}.datos-participante strong,.datos-regla strong{font-size:15px;font-weight:700;display:block}.datos-participante small,.datos-regla small{color:var(--secundario);margin-top:6px;line-height:1.5;display:block}.participante>div[style*="width: 100%"]{border-top:1px solid var(--borde);flex-basis:100%;width:100%;padding-top:16px}.vacio{text-align:center;color:#98a2b3;background:#f9fafb;border:1px dashed #d0d5dd;border-radius:12px;padding:24px}.pestanas{background:#f2f4f7;border-radius:13px;gap:8px;margin:22px 0;padding:6px;display:flex}.pestanas button{color:#667085;background:0 0;flex:1}.pestanas button:hover:not(:disabled){background:#e9eaf0}.pestanas button.activa{color:var(--principal);background:#fff;box-shadow:0 2px 8px #00000012}.fila-checkbox{cursor:pointer;align-items:center;gap:12px;margin:16px 0;font-weight:500;display:flex}.fila-checkbox input{width:18px;height:18px;accent-color:var(--principal);flex-shrink:0}.grupo-opciones{border:1px solid var(--borde);background:#f9fafb;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding:14px 20px;display:grid}.aviso{color:#93370d;background:#fffaeb;border:1px solid #fedf89;border-radius:11px;padding:15px;line-height:1.5}.error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:11px;margin-top:16px;padding:14px}.resultado{border:1px solid var(--borde);overflow-wrap:anywhere;background:#f2f4f7;border-radius:12px;margin-top:20px;padding:16px 18px;font-weight:500;line-height:1.6}.resumen{text-align:center;border-top:4px solid var(--principal)}.estadisticas{justify-content:center;gap:24px;margin:28px 0;display:flex}.estadisticas div{background:#f9f7ff;border-radius:14px;flex-direction:column;gap:6px;min-width:125px;padding:18px;display:flex}.estadisticas strong{color:var(--principal);font-size:36px}.estadisticas span{color:var(--secundario);font-size:13px}.google-login{flex-direction:column;align-items:center;gap:12px;margin-top:26px;display:flex}.google-login p{color:#344054;font-size:14px}footer{text-align:center;color:#98a2b3;padding:24px 0;font-size:13px}@media (width<=800px){.contenedor{padding:28px 18px 50px}.tarjeta{padding:24px}.participante,.regla{align-items:flex-start}.acciones-participante{justify-content:flex-start;width:100%}}@media (width<=600px){.contenedor{padding:18px 12px 40px}.cabecera{margin-bottom:26px}.logo{font-size:46px}h1{font-size:30px}h2{font-size:19px}.tarjeta{border-radius:16px;margin-bottom:16px;padding:20px 16px}.participante,.regla{flex-direction:column;align-items:stretch;padding:16px}.datos-participante,.datos-regla{flex-basis:auto;width:100%}.acciones,.acciones-participante{flex-direction:column;align-items:stretch;width:100%}.acciones button,.acciones-participante button{width:100%}.pestanas button{padding:11px 8px;font-size:13px}.grupo-opciones{grid-template-columns:1fr}.estadisticas{gap:12px}.estadisticas div{flex:1;min-width:0;padding:15px 10px}.estadisticas strong{font-size:30px}.seccion-titulo{gap:10px}.paso{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){button,input,select,textarea{transition:none}button:hover:not(:disabled){transform:none}}.sorteo-card-v2{background:#fff;border:1px solid #e4e7ec;border-radius:16px;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;padding:22px;display:grid;box-shadow:0 3px 12px #1419320a}.sorteo-card-v2>.datos-participante{width:100%;min-width:0}.sorteo-card-v2>.datos-participante strong{color:#20253a;font-size:18px;line-height:1.4}.sorteo-card-v2>.datos-participante small{color:#667085;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.estado-sorteo{border-radius:999px;align-items:center;padding:5px 11px;font-size:12px;font-weight:750;line-height:1.3;display:inline-flex}.estado-sorteo.borrador{color:#92400e;background:#fff4e5}.estado-sorteo.realizado{color:#166534;background:#e7f6ec}.acciones-sorteo-v2{border-top:1px solid #eaecf0;flex-wrap:wrap;align-items:center;gap:10px;padding-top:14px;display:flex}.acciones-sorteo-v2 button{white-space:normal;text-align:center;flex:0 auto;min-height:42px}.historial-sorteo-v2{overflow-wrap:anywhere;background:#f8f9fd;border:1px solid #e4e7ec;border-radius:12px;grid-column:1/-1;width:100%;min-width:0;padding:20px}.historial-sorteo-v2 p{margin:0 0 12px;line-height:1.6}.historial-sorteo-v2 ul{margin:12px 0 0;padding-left:20px}.historial-sorteo-v2 li{border-bottom:1px solid #e4e7ec;padding:9px 0;line-height:1.6}.historial-sorteo-v2 li:last-child{border-bottom:none}@media (width<=600px){.sorteo-card-v2{gap:14px;padding:16px}.acciones-sorteo-v2{flex-direction:column;align-items:stretch}.acciones-sorteo-v2 button{width:100%}.historial-sorteo-v2{padding:15px}}.resumen-sorteo-v4{flex-wrap:wrap;gap:10px;display:flex}.resumen-sorteo-v4 span{color:#53389e;background:#f5f3ff;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:650}.tabla-envios-v4{width:100%;overflow-x:auto}.tabla-envios-v4 table{border-collapse:collapse;width:100%;font-size:13px}.tabla-envios-v4 th,.tabla-envios-v4 td{text-align:left;border-bottom:1px solid #e4e7ec;padding:12px}.tabla-envios-v4 td small{color:#667085;margin-top:4px;display:block}@media (width<=600px){.resumen-sorteo-v4{flex-direction:column}}
