.x01-wrap{margin:30px 0}
.x01-f{max-width:1100px;margin:0 auto 25px auto;padding:20px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(135deg,rgba(255,255,255,0.18),rgba(255,255,255,0.12));border:1px solid #EF8A0F;border-radius:24px}
.x01-f>div{display:flex;flex-direction:row;align-items:flex-start;gap:20px;margin-bottom:25px}
.x01-label{min-width:160px;text-align:center;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.x01-body{flex:1}
.x01-subttl{font-weight:700;color:#fff;margin-bottom:6px;text-align:left}
.x01-grid{column-width:220px;column-gap:14px;width:100%}
.x01-tag{display:block;border:1px solid rgba(239,138,15,0.60);border-radius:24px;padding:6px 10px;margin:4px 0;user-select:none;background:rgba(239,138,15,0.15);color:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;font-weight:900}
.x01-tag:hover{background:rgba(239,138,15,0.25);border-color:rgba(239,138,15,0.85)}
.x01-tag input{margin-right:12px}
.x01-tag.x01-on{background:rgba(239,138,15,0.95);border-color:rgba(239,138,15,1);color:#fff}
.x01-scroll{max-height:240px;overflow-y:auto}
.x01-scroll::-webkit-scrollbar{width:8px}
.x01-scroll::-webkit-scrollbar-thumb{background:rgba(239,138,15,0.6);border-radius:8px}
.x01-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,0.10)}
.x01-radio{display:block;font-weight:700;color:#fff;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}
.x01-radio:hover{background:rgba(239,138,15,0.35);box-shadow:0 0 8px rgba(239,138,15,0.35);border-radius:12px}

/* ✅ LONGITUD DESKTOP (3 columnas) */
.x01-f>div:nth-child(2) .x01-inline{display:flex;flex-wrap:wrap;justify-content:flex-start}
.x01-f>div:nth-child(2) .x01-inline label{flex:0 0 33.33%;max-width:33.33%}

.x01-on{background:rgba(239,138,15,0.95)!important;border-color:rgba(239,138,15,1)!important;color:#fff!important}
.x01-sep-small{width:100%;height:2px;background:rgba(239,138,15,0.60);box-shadow:0 0 10px rgba(239,138,15,0.60);border-radius:2px;margin:12px 0}
.x01-cta{text-align:center;margin-top:15px}
.x01-cta button,#x01-p button{margin:3px;background:rgba(239,138,15,0.95);color:#fff;border:none;border-radius:24px;padding:8px 16px;cursor:pointer;font-weight:700;font-size:15px;transition:background .15s ease,box-shadow .15s ease,transform .1s ease}
.x01-cta button:hover,#x01-p button:hover{background:rgba(239,138,15,1);color:#fff;box-shadow:0 0 7px rgba(239,138,15,.75)}
.x01-cta button:active,#x01-p button:active{transform:scale(.94);box-shadow:0 0 3px rgba(239,138,15,.65)}
table.x01-t{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #EF8A0F;border-radius:24px;overflow:hidden;opacity:0;transition:opacity .25s ease;display:none}
table.x01-t.x01-show{opacity:1}
table.x01-t.x01-show{display:table!important}
table.x01-t.x01-show{display:table!important;opacity:1}
table.x01-t thead th{background:rgba(239,138,15,0.95);color:#fff;cursor:pointer;padding:8px;text-align:left;transition:background .15s ease,box-shadow .15s ease,transform .1s ease,color .15s ease}
table.x01-t thead th:hover{background:rgba(239,138,15,1);color:#fff;box-shadow:0 0 7px rgba(239,138,15,0.75)}
table.x01-t thead th:active{transform:scale(.95)}
table.x01-t tbody td{padding:8px;color:#fff}
table.x01-t tbody td:first-child a{font-weight:700;text-decoration:none;outline:0;color:#fff!important;display:block;width:100%}
table.x01-t tbody tr:hover{background:rgba(239,138,15,0.25)}
table.x01-t tbody tr.x01-active{background:rgba(239,138,15,0.45)!important}
#x01-p{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:15px;flex-wrap:wrap}
#x01-p span{color:#EF8A0F;font-weight:700;margin:0 6px}

@media(max-width:768px){
.x01-f>div{flex-direction:column;gap:16px;margin-bottom:30px}
.x01-label{min-width:100%;text-align:center}
.x01-body{width:100%!important;display:block!important;text-align:center!important}
.x01-grid{display:flex!important;flex-direction:column;align-items:center;width:100%!important}
.x01-tag{width:100%!important;text-align:center}
.x01-radio{text-align:center!important}
.x01-cta button{padding:6px 12px;font-size:14px}
#x01-p button{padding:5px 8px;font-size:13px}
table.x01-t{table-layout:fixed;width:100vw;margin-left:50%;transform:translateX(-50%)}
table.x01-t th,table.x01-t td{font-size:15px}
table.x01-t th:nth-child(1),table.x01-t td:nth-child(1){width:40%}
table.x01-t th:nth-child(2),table.x01-t td:nth-child(2){width:36%}
table.x01-t th:nth-child(3),table.x01-t td:nth-child(3){width:24%;white-space:nowrap}
}

/* ✅ LONGITUD MÓVIL (3 columnas centrado) */
@media(max-width:768px){
.x01-f>div:nth-child(2) .x01-inline{display:flex!important;flex-wrap:wrap!important;justify-content:center!important}
.x01-f>div:nth-child(2) .x01-inline label{flex:0 0 33.33%!important;max-width:33.33%!important;text-align:center!important}
}
/* ============ BLOQUE 3 - TABLA ENS VISUAL (RESTORE) ============ */

table.x01-t {
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid #EF8A0F;
  border-radius:24px;
  overflow:hidden;
  opacity:0;
  transition:opacity .25s ease;
  display:none;
}

table.x01-t.x01-show{
  display:table !important;
  opacity:1 !important;
}

table.x01-t thead th{
  background:rgba(239,138,15,0.95);
  color:#fff;
  cursor:pointer;
  padding:8px;
  text-align:left;
  transition:background .15s ease,box-shadow .15s ease,transform .10s ease,color .15s ease;
}

table.x01-t thead th:hover{
  background:rgba(239,138,15,1);
  color:#fff;
  box-shadow:0 0 7px rgba(239,138,15,0.75);
}

table.x01-t thead th:active{ transform:scale(.95); }

table.x01-t tbody td{
  padding:8px;
  color:#fff;
}

table.x01-t tbody td:first-child a{
  font-weight:700;
  text-decoration:none;
  outline:0;
  color:#fff!important;
  display:block;
  width:100%;
}

table.x01-t tbody tr:hover{
  background:rgba(239,138,15,0.25);
}

table.x01-t tbody tr.x01-active{
  background:rgba(239,138,15,0.45)!important;
}

/* ===================================== */