*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#0a0d12;color:#eef3f8}header{position:sticky;top:0;z-index:5;background:#11161d;border-bottom:1px solid #28313d;display:flex;justify-content:space-between;align-items:center;padding:14px 24px}.brand{font-weight:900;letter-spacing:.5px}.brand span{color:#ef3d45}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#96a2b1}nav{display:flex;gap:14px;flex-wrap:wrap}nav a{color:#dce4ee;text-decoration:none;font-size:14px}.wrap{max-width:1180px;margin:30px auto;padding:0 18px}.card{background:#121821;border:1px solid #27313d;border-radius:16px;padding:20px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-12{grid-column:span 12}h1,h2{margin-top:0}input,select,textarea{width:100%;background:#0d1218;color:#fff;border:1px solid #33404f;border-radius:10px;padding:11px}label{display:block;font-size:13px;color:#aab5c3;margin-bottom:6px}.btn{display:inline-block;background:#1769ff;color:white;border:0;border-radius:10px;padding:11px 16px;text-decoration:none;cursor:pointer;font-weight:700}.btn.alt{background:#242d38}.btn.danger{background:#b72f38}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid #26303b;text-align:left;vertical-align:middle}.table th{color:#9ba7b6;font-size:12px;text-transform:uppercase}.thumb{width:48px;height:48px;object-fit:contain;background:white;border-radius:8px;padding:3px}.flash{background:#12341f;border:1px solid #23623b;padding:12px 14px;border-radius:10px;margin-bottom:18px}.muted{color:#8c98a7}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hero{display:flex;justify-content:space-between;gap:18px;align-items:end}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#202a35;color:#c9d4df;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.checkrow{display:flex;align-items:center;gap:8px}.checkrow input{width:auto}.preview{display:flex;gap:10px;align-items:center}.preview img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}@media(max-width:760px){header{align-items:flex-start;gap:10px;flex-direction:column}.col-3,.col-4,.col-6{grid-column:span 12}.statgrid{grid-template-columns:repeat(2,1fr)}.hero{align-items:stretch;flex-direction:column}.table{font-size:13px}}
.weekbar{display:flex;align-items:end;justify-content:space-between;gap:16px}.weekselect{flex:1}.weekbar form{margin:0}@media(max-width:760px){.weekbar{align-items:stretch;flex-direction:column}.weekbar .btn{width:100%}}


/* v9.8 — responsive limpio y controles móviles reales */
.desktop-only{display:inline-flex}
.mobile-native-action{display:none!important}

@media(max-width:760px){
  .wrap{margin:12px auto;padding:0 9px}
  .card{padding:12px;border-radius:12px;margin-bottom:10px}
  h1{font-size:23px} h2{font-size:19px}
  header{padding:10px 11px}
  nav{gap:7px 11px}
  nav a{font-size:13px}
  .desktop-only{display:none!important}
  .mobile-native-action{display:inline-flex!important;align-items:center;justify-content:center}
  .actions{gap:6px}
  .actions .btn{padding:9px 10px}

  .weekly-table,.weekly-table tbody{display:block;width:100%}
  .weekly-table thead{display:none}
  .weekly-table tbody tr{
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    column-gap:8px;
    row-gap:0;
    padding:9px 0;
    border-bottom:1px solid #26303b;
  }
  .weekly-table tbody td{display:block;width:auto;min-width:0;padding:2px 0;border:0}
  .weekly-table tbody td:nth-child(1){grid-column:1;grid-row:1 / span 2;padding-top:5px}
  .weekly-table tbody td:nth-child(2){grid-column:2;grid-row:1}
  .weekly-table tbody td:nth-child(3){grid-column:2;grid-row:2;color:#dce4ee;line-height:1.4}
  .weekly-table tbody td:nth-child(4){grid-column:2;grid-row:3}
  .weekly-table tbody td:nth-child(5){grid-column:2;grid-row:4}
  .weekly-table tbody td:nth-child(6){grid-column:2;grid-row:5}
  .weekly-table tbody td:nth-child(7){grid-column:2;grid-row:6}
  .weekly-table tbody td:nth-child(3)::before{content:"STATS · ";color:#7f8b99;font-size:11px;font-weight:700}
  .weekly-table tbody td:nth-child(4)::before{content:"DISTINCIÓN · ";color:#7f8b99;font-size:11px;font-weight:700}
  .weekly-table tbody td:nth-child(5)::before{content:"ESTILO · ";color:#7f8b99;font-size:11px;font-weight:700}
  .weekly-table tbody td:nth-child(6) .actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    gap:6px;
    margin-top:4px
  }
  .weekly-table tbody td:nth-child(6) .btn{width:100%;text-align:center}
  .weekly-table tbody td:nth-child(6) .copy-prompt{grid-column:1 / -1}
  .weekly-table tbody td:nth-child(7) .btn{width:100%;padding:8px 10px}
  .hero>.actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .hero>.actions .btn{width:100%;text-align:center}
}

/* v9.9 — sin duplicidad de descarga */
.desktop-pack-btn{display:inline-flex}
.mobile-download-zip{display:none!important}
@media(max-width:760px){
  .desktop-pack-btn{display:none!important}
  .mobile-download-zip{display:inline-flex!important}
}
@media(min-width:761px){
  .desktop-pack-btn{display:inline-flex!important}
  .mobile-download-zip{display:none!important}
}

/* v9.10 — una sola descarga por dispositivo */
.desktop-pack-btn{display:inline-flex!important}
.mobile-download-zip{display:none!important}
@media(max-width:760px){
  .desktop-pack-btn{display:none!important}
  .mobile-download-zip{display:inline-flex!important;align-items:center;justify-content:center;width:100%}
}
@media(min-width:761px){
  .desktop-pack-btn{display:inline-flex!important}
  .mobile-download-zip{display:none!important}
}

/* v9.11 — acciones móviles limpias */
.desktop-pack-btn{display:inline-flex}
.mobile-download-zip{display:none!important}

@media(max-width:760px){
  .wrap{margin:12px auto;padding:0 9px}
  .card{padding:12px;border-radius:12px;margin-bottom:10px}
  h1{font-size:23px}
  h2{font-size:19px}
  header{padding:10px 11px}
  nav{gap:7px 11px}
  nav a{font-size:13px}

  .desktop-pack-btn{display:none!important}
  .mobile-download-zip{display:inline-flex!important;align-items:center;justify-content:center}

  .weekly-table,.weekly-table tbody{display:block;width:100%}
  .weekly-table thead{display:none}
  .weekly-table tbody tr{
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    column-gap:8px;
    row-gap:0;
    padding:9px 0;
    border-bottom:1px solid #26303b;
  }
  .weekly-table tbody td{
    display:block;
    width:auto;
    min-width:0;
    padding:2px 0;
    border:0;
  }
  .weekly-table tbody td:nth-child(1){grid-column:1;grid-row:1 / span 2;padding-top:5px}
  .weekly-table tbody td:nth-child(2){grid-column:2;grid-row:1}
  .weekly-table tbody td:nth-child(3){grid-column:2;grid-row:2;color:#dce4ee;line-height:1.4}
  .weekly-table tbody td:nth-child(4){grid-column:2;grid-row:3}
  .weekly-table tbody td:nth-child(5){grid-column:2;grid-row:4}
  .weekly-table tbody td:nth-child(6){grid-column:2;grid-row:5}
  .weekly-table tbody td:nth-child(7){grid-column:2;grid-row:6}

  .weekly-table tbody td:nth-child(3)::before{content:"STATS · ";color:#7f8b99;font-size:11px;font-weight:700}
  .weekly-table tbody td:nth-child(4)::before{content:"DISTINCIÓN · ";color:#7f8b99;font-size:11px;font-weight:700}
  .weekly-table tbody td:nth-child(5)::before{content:"ESTILO · ";color:#7f8b99;font-size:11px;font-weight:700}

  .weekly-table tbody td:nth-child(6) .actions{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
    width:100%;
    margin-top:4px;
  }
  .weekly-table tbody td:nth-child(6) .btn{
    width:100%;
    text-align:center;
    padding:10px 12px;
  }
  .weekly-table tbody td:nth-child(7) .btn{
    width:100%;
    text-align:center;
    padding:9px 12px;
  }

  .hero{align-items:stretch;flex-direction:column}
  .hero>.actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .hero>.actions .btn{width:100%;text-align:center}
}

@media(min-width:761px){
  .desktop-pack-btn{display:inline-flex!important}
  .mobile-download-zip{display:none!important}
}

/* v14.2 — carpeta GPT sin ZIP */
.pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.pack-item{background:#0d1218;border:1px solid #28313d;border-radius:12px;padding:10px}
.pack-item img{display:block;width:100%;height:170px;object-fit:contain;background:#07090d;border-radius:8px}
.pack-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:13px}
.btn.small{padding:7px 10px;font-size:12px}
textarea#prompt-box{min-height:190px}
