/* =========================================================================
 * BOAT DREAMS · Check list — HOJA DE ESTILO DE JORGE
 * -------------------------------------------------------------------------
 * Esto es, tal cual, el <style> de su app "Seguridad a bordo". No se ha
 * cambiado NI UNA declaracion. Lo unico que se ha hecho es poner delante de
 * cada selector "#bdm-p-lista", para que sus estilos no se salgan de su
 * pestana y se coman el resto de la pagina de WordPress. Su regla "body"
 * es ahora la de "#bdm-p-lista", que es su contenedor aqui.
 *
 * Comprobado: mismo numero de llaves (153) y mismas declaraciones (667)
 * que en su fichero original.
 *
 * ⚠️ NO REESCRIBIR. Si hay que cambiar algo de aqui, se cambia en su app y
 * se vuelve a copiar.
 * ========================================================================= */

  #bdm-p-lista *{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
  #bdm-p-lista{font-family:'Segoe UI',Roboto,Arial,sans-serif;background:#001a33;min-height:100vh;color:#0f172a;}
  #bdm-p-lista .w{max-width:840px;margin:0 auto;background:linear-gradient(180deg,#042C53 0%,#053a6e 45%,#064b7d 100%);min-height:100vh;}
  #bdm-p-lista .hero{position:relative;background:linear-gradient(180deg,#042C53,#07639e);padding:calc(22px + env(safe-area-inset-top)) 20px 20px;overflow:hidden;}
  #bdm-p-lista .instalar{margin-top:13px;background:#07CEFF;color:#042C53;border:none;border-radius:10px;padding:11px 16px;font-size:13.5px;font-weight:700;cursor:pointer;display:none;}
  #bdm-p-lista .instalar.on{display:inline-block;}
  #bdm-p-lista .btn.mini{margin-top:0;margin-bottom:14px;padding:11px;font-size:13px;background:rgba(255,255,255,.1);color:#cfe8fa;border:1px solid rgba(255,255,255,.25);}
  #bdm-p-lista .btn.mini.on{background:#16a34a;border-color:#16a34a;color:#fff;}
  #bdm-p-lista .hero .lg{display:flex;align-items:center;gap:10px;margin-bottom:10px;}#bdm-p-lista .hero .lg .lgimg{width:58px;height:auto;display:block;flex-shrink:0;}#bdm-p-lista .hero .lg .b{color:#07CEFF;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700;}
  #bdm-p-lista .hero h1{color:#fff;font-size:20px;font-weight:700;margin-bottom:4px;}#bdm-p-lista .hero p{color:#9fd8f7;font-size:12.5px;line-height:1.5;}
  #bdm-p-lista .hero .wave{position:absolute;bottom:0;left:0;width:100%;height:18px;}
  #bdm-p-lista .nav{display:grid;grid-template-columns:repeat(6,1fr);background:#042C53;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.1);}
  #bdm-p-lista .nav button{background:none;border:none;color:#7fb5da;font-size:12px;font-weight:600;padding:13px 4px;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  @media(max-width:700px){ #bdm-p-lista .nav{grid-template-columns:repeat(3,1fr);}
    #bdm-p-lista .nav button{padding:12px 3px;font-size:11.5px;border-top:1px solid rgba(255,255,255,.06);}
    #bdm-p-lista .nav button:nth-child(-n+3){border-top:none;} }
  @media(max-width:360px){ #bdm-p-lista .nav button{font-size:10.5px;} }
  #bdm-p-lista .nav button.on{color:#07CEFF;border-bottom-color:#07CEFF;background:rgba(7,206,255,.07);}
  #bdm-p-lista .pane{display:none;padding:18px 16px calc(40px + env(safe-area-inset-bottom));}#bdm-p-lista .pane.on{display:block;}
  #bdm-p-lista .lbl{color:#cfe8fa;font-size:12.5px;font-weight:600;margin:14px 0 7px;display:block;}
  #bdm-p-lista .grid2{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
  #bdm-p-lista .fld label{color:#cfe8fa;font-size:11.5px;font-weight:600;display:block;margin-bottom:5px;}
  #bdm-p-lista .fld input, #bdm-p-lista .fld select{width:100%;padding:11px;border:none;border-radius:9px;font-size:15px;background:#fff;color:#0f172a;}
  #bdm-p-lista .chips{display:flex;flex-wrap:wrap;gap:7px;}
  #bdm-p-lista .chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#eaf4ff;border-radius:20px;padding:9px 15px;font-size:13px;cursor:pointer;transition:.12s;}
  #bdm-p-lista .chip.on{background:#07CEFF;border-color:#07CEFF;color:#042C53;font-weight:600;}
  #bdm-p-lista .zonas{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;}
  #bdm-p-lista .zb{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#eaf4ff;border-radius:10px;padding:11px 3px;font-size:14px;font-weight:700;cursor:pointer;text-align:center;}
  #bdm-p-lista .zb small{display:block;font-size:8.5px;font-weight:400;color:#9fd8f7;margin-top:3px;line-height:1.1;}
  #bdm-p-lista .zb.on{background:#07CEFF;border-color:#07CEFF;color:#042C53;}#bdm-p-lista .zb.on small{color:#053a6e;}
  #bdm-p-lista .btn{background:#07CEFF;color:#042C53;border:none;border-radius:10px;padding:13px;font-size:14px;font-weight:700;cursor:pointer;width:100%;margin-top:16px;}
  #bdm-p-lista .btn.ghost{background:none;border:1px solid rgba(255,255,255,.3);color:#cfe8fa;}
  #bdm-p-lista .aviso{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:13px 15px;color:#cfe8fa;font-size:12.5px;line-height:1.55;margin-bottom:14px;}
  #bdm-p-lista .aviso b{color:#fff;}
  #bdm-p-lista .cabe{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.1);border-radius:11px;padding:13px 15px;margin-bottom:14px;}
  #bdm-p-lista .cabe .t{color:#fff;font-size:13px;font-weight:600;}#bdm-p-lista .cabe .t small{display:block;color:#9fd8f7;font-weight:400;font-size:11px;margin-top:2px;}
  #bdm-p-lista .cabe .pct{color:#07CEFF;font-size:18px;font-weight:700;}
  #bdm-p-lista .grp{background:#fff;border-radius:12px;margin-bottom:11px;overflow:hidden;}
  #bdm-p-lista .grp-h{background:#eaf4fc;padding:9px 14px;font-size:11px;font-weight:700;color:#042C53;text-transform:uppercase;letter-spacing:.5px;}
  #bdm-p-lista .it{display:flex;align-items:center;gap:11px;padding:12px 14px;border-bottom:1px solid #eef3f8;cursor:pointer;}
  #bdm-p-lista .it:last-child{border-bottom:none;}
  #bdm-p-lista .it input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:#07CEFF;cursor:pointer;}
  #bdm-p-lista .it .info{flex:1;font-size:14px;color:#0f172a;line-height:1.3;}
  #bdm-p-lista .it .info .q{font-weight:700;color:#042C53;}
  #bdm-p-lista .it .info .n{display:block;font-size:11px;color:#7b8794;margin-top:2px;font-weight:400;}
  #bdm-p-lista .it .info .verlink{color:#0785c9;font-size:11px;text-decoration:underline;cursor:pointer;display:inline-block;margin-top:3px;}
  #bdm-p-lista .it .cr{color:#dc2626;font-size:8.5px;font-weight:700;border:1px solid #f0a0a0;background:#fff0f0;border-radius:4px;padding:2px 5px;flex-shrink:0;}
  #bdm-p-lista .it.ok .info{text-decoration:line-through;color:#9aa5b1;}#bdm-p-lista .it.ok .info .q{color:#9aa5b1;}
  #bdm-p-lista .expand{background:#f7fbfe;font-size:12px;color:#334155;max-height:0;overflow:hidden;transition:max-height .25s;}
  #bdm-p-lista .expand.open{max-height:900px;}
  #bdm-p-lista .expand .inner{padding:12px 14px;}
  #bdm-p-lista .expand table{width:100%;border-collapse:collapse;font-size:12px;margin-top:4px;}
  #bdm-p-lista .expand td{padding:5px 6px;border-bottom:1px solid #e8eef4;}
  #bdm-p-lista .expand td:last-child{text-align:right;font-weight:600;color:#042C53;}
  #bdm-p-lista .expand .note{color:#7b8794;font-size:11.5px;line-height:1.5;margin-top:8px;}
  #bdm-p-lista .expand ul{margin:6px 0 0 16px;}#bdm-p-lista .expand li{margin-bottom:3px;}
  #bdm-p-lista .vacio{color:#9fd8f7;text-align:center;padding:34px 20px;font-size:13.5px;line-height:1.6;}#bdm-p-lista .vacio .em{font-size:32px;display:block;margin-bottom:10px;}
  #bdm-p-lista .tip{background:rgba(7,206,255,.12);border:1px solid rgba(7,206,255,.3);border-radius:10px;padding:12px 14px;margin:13px 0 9px;color:#eaf4ff;font-size:12px;line-height:1.5;}#bdm-p-lista .tip b{color:#07CEFF;}
  #bdm-p-lista .publi{display:block;text-decoration:none;text-align:center;padding:13px;border-radius:10px;font-weight:700;font-size:13.5px;margin-bottom:8px;}
  #bdm-p-lista .publi.cyan{background:#07CEFF;color:#042C53;}#bdm-p-lista .publi.orange{background:#ff7a1a;color:#fff;}
  #bdm-p-lista .sos{background:#3a0d0d;border:1px solid #7a2020;border-radius:10px;padding:12px 14px;margin-top:6px;color:#ffd5d5;font-size:11.5px;line-height:1.55;}#bdm-p-lista .sos b{color:#ff6b6b;}
  #bdm-p-lista .legal{color:#5f8cb3;font-size:10px;line-height:1.5;text-align:center;padding:16px 10px 0;}#bdm-p-lista .legal b{color:#7ba9cf;}
  #bdm-p-lista .li-item{background:#fff;border-radius:10px;padding:12px 14px;margin-bottom:9px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
  #bdm-p-lista .li-item .x{color:#cbd5e1;cursor:pointer;font-size:18px;flex-shrink:0;}
  #bdm-p-lista .li-item .txt{flex:1;font-size:13.5px;color:#0f172a;}
  #bdm-p-lista .li-item .cn{flex:1;font-size:13.5px;color:#0f172a;font-weight:600;}#bdm-p-lista .li-item .cf{font-size:12px;color:#64748b;}
  #bdm-p-lista .badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;}
  #bdm-p-lista .badge.ok{background:#dcfce7;color:#166534;}#bdm-p-lista .badge.warn{background:#fef3c7;color:#92620a;}#bdm-p-lista .badge.bad{background:#fee2e2;color:#991b1b;}
  #bdm-p-lista .add-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
  #bdm-p-lista .add-row input{flex:1;min-width:120px;padding:11px;border:none;border-radius:9px;font-size:14px;}
  #bdm-p-lista .add-row button{background:#07CEFF;color:#042C53;border:none;border-radius:9px;padding:0 16px;font-weight:700;cursor:pointer;font-size:20px;}
  #bdm-p-lista .pie{margin-top:30px;padding:26px 22px 12px;text-align:center;border-top:1px solid rgba(255,255,255,.14);}
  #bdm-p-lista .pie p{color:#ffffff;font-size:14px;font-weight:600;line-height:1.6;letter-spacing:.2px;}
  #bdm-p-lista .viv-row{background:#fff;border-radius:10px;padding:11px 12px;margin-bottom:9px;display:grid;grid-template-columns:1fr 86px auto;align-items:center;gap:10px;}
  #bdm-p-lista .viv-row .vt{font-size:14px;color:#0f172a;font-weight:600;line-height:1.25;word-break:break-word;}
  #bdm-p-lista .viv-row .vt small{display:block;font-size:10.5px;color:#94a3b8;font-weight:400;margin-top:2px;}
  #bdm-p-lista .viv-row .vq{text-align:center;font-size:20px;font-weight:700;color:#042C53;line-height:1.1;}
  #bdm-p-lista .viv-row .vq small{display:block;font-size:9.5px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:1px;}
  #bdm-p-lista .viv-row.cero .vq{color:#dc2626;}
  #bdm-p-lista .viv-row.cero .vt{color:#94a3b8;}
  #bdm-p-lista .viv-row .vbtns{display:flex;align-items:center;gap:6px;}
  #bdm-p-lista .vminus, #bdm-p-lista .vplus{border:none;border-radius:9px;cursor:pointer;font-weight:700;line-height:1;padding:0;}
  #bdm-p-lista .vminus{width:46px;height:42px;background:#07CEFF;color:#042C53;font-size:26px;}
  #bdm-p-lista .vminus:disabled{background:#e2e8f0;color:#b6c2cf;cursor:default;}
  #bdm-p-lista .vplus{width:30px;height:42px;background:#eaf4fc;color:#0785c9;font-size:18px;}
  #bdm-p-lista .viv-row .vx{color:#cbd5e1;cursor:pointer;font-size:18px;padding:0 2px;}
  #bdm-p-lista .viv-head{display:grid;grid-template-columns:1fr 86px auto;gap:10px;padding:0 12px 6px;color:#9fd8f7;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;}
  #bdm-p-lista .viv-head span:nth-child(2){text-align:center;}
  #bdm-p-lista .viv-head .h3{width:82px;text-align:center;}
  #bdm-p-lista .fld select{width:100%;padding:11px;border:none;border-radius:9px;font-size:15px;background:#fff;color:#0f172a;}
  #bdm-p-lista .cad-item{background:#fff;border-radius:11px;padding:12px 14px;margin-bottom:9px;position:relative;border-left:5px solid #cbd5e1;}
  #bdm-p-lista .cad-item.warn{border-left-color:#f59e0b;}#bdm-p-lista .cad-item.bad{border-left-color:#dc2626;}#bdm-p-lista .cad-item.ok{border-left-color:#16a34a;}
  #bdm-p-lista .cad-item .cad-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-right:22px;}
  #bdm-p-lista .cad-item .cn{font-size:14.5px;font-weight:700;color:#042C53;flex:1;min-width:120px;}
  #bdm-p-lista .cad-item .cad-meta{font-size:11.5px;color:#7b8794;margin-top:5px;line-height:1.45;}
  #bdm-p-lista .cad-item .cad-meta b{color:#334155;}
  #bdm-p-lista .cad-item .x{position:absolute;top:9px;right:11px;color:#cbd5e1;cursor:pointer;font-size:18px;line-height:1;}
  #bdm-p-lista .tkbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  #bdm-p-lista .tkstat{margin-top:9px;background:#dcfce7;border:1px solid #86d3a3;border-radius:9px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#166534;font-weight:700;}
  #bdm-p-lista .tkstat[hidden]{display:none;}
  #bdm-p-lista .tkstat .tkdel{color:#991b1b;text-decoration:underline;cursor:pointer;font-weight:600;font-size:12px;}
  #bdm-p-lista .viv-row.bajo{border-left:5px solid #f59e0b;}
  #bdm-p-lista .viv-row .vmin{display:inline-block;font-size:10px;font-weight:700;color:#92620a;background:#fef3c7;border-radius:20px;padding:2px 7px;margin-top:4px;}
  #bdm-p-lista .viv-row .vmin.off{color:#94a3b8;background:#f1f5f9;}
  #bdm-p-lista .prev-h{color:#9fd8f7;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin:4px 0 8px;}
  #bdm-p-lista .prev-item{background:#fff7ed;border:1px solid #fcd9a5;border-left:5px solid #f59e0b;border-radius:11px;padding:11px 13px;margin-bottom:9px;display:flex;align-items:center;gap:11px;}
  #bdm-p-lista .prev-item .pt{flex:1;font-size:14px;font-weight:700;color:#7c2d12;line-height:1.25;}
  #bdm-p-lista .prev-item .pt small{display:block;font-size:11px;color:#a16207;font-weight:400;margin-top:2px;}
  #bdm-p-lista .prev-item .pq{font-size:19px;font-weight:700;color:#92620a;white-space:nowrap;}
  #bdm-p-lista .prev-item .pq small{display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.5px;text-align:center;}
  #bdm-p-lista .prev-ok{background:#16a34a;color:#fff;border:none;border-radius:9px;padding:9px 11px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;}
  #bdm-p-lista .subtabs{display:flex;gap:8px;margin-bottom:14px;}
  #bdm-p-lista .subtab{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#cfe8fa;border-radius:10px;padding:11px 6px;font-size:13.5px;font-weight:600;cursor:pointer;}
  #bdm-p-lista .subtab.on{background:#07CEFF;border-color:#07CEFF;color:#042C53;font-weight:700;}
  #bdm-p-lista .filebtn{display:block;width:100%;padding:11px;border-radius:9px;background:#eaf4fc;color:#0785c9;font-size:13.5px;font-weight:700;text-align:center;cursor:pointer;border:1px dashed #9fd0ee;}
  #bdm-p-lista .filebtn.has{background:#dcfce7;color:#166534;border-color:#86d3a3;border-style:solid;}
  #bdm-p-lista .gas-item{background:#fff;border-radius:11px;padding:11px 12px;margin-bottom:9px;display:flex;align-items:center;gap:11px;}
  #bdm-p-lista .gas-item .gth{width:46px;height:46px;border-radius:8px;object-fit:cover;flex-shrink:0;cursor:pointer;border:1px solid #e2e8f0;}
  #bdm-p-lista .gas-item .gnofoto{width:46px;height:46px;border-radius:8px;flex-shrink:0;background:#f1f5f9;color:#cbd5e1;display:flex;align-items:center;justify-content:center;font-size:19px;}
  #bdm-p-lista .gas-item .gtxt{flex:1;font-size:14px;font-weight:600;color:#0f172a;line-height:1.3;}
  #bdm-p-lista .gas-item .gtxt small{display:block;font-size:11px;color:#94a3b8;font-weight:400;margin-top:2px;}
  #bdm-p-lista .gas-item .gimp{font-size:16px;font-weight:700;color:#042C53;white-space:nowrap;}
  #bdm-p-lista .gas-item .x{color:#cbd5e1;cursor:pointer;font-size:18px;flex-shrink:0;}
  #bdm-p-lista .gas-total{position:sticky;bottom:0;margin-top:14px;background:#042C53;border:1px solid #07CEFF;border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 -6px 18px rgba(0,20,40,.35);}
  #bdm-p-lista .gas-total .gl{color:#9fd8f7;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;}
  #bdm-p-lista .gas-total .gl small{display:block;text-transform:none;letter-spacing:0;font-size:11px;color:#7fb5da;font-weight:400;margin-top:2px;}
  #bdm-p-lista .gas-total .gv{color:#07CEFF;font-size:25px;font-weight:700;}
  #bdm-p-lista .lightbox{position:fixed;inset:0;background:rgba(2,12,24,.94);z-index:60;display:none;align-items:center;justify-content:center;padding:18px;}
  #bdm-p-lista .lightbox.on{display:flex;}
  #bdm-p-lista .lightbox img{max-width:100%;max-height:84vh;border-radius:10px;}
  #bdm-p-lista .lightbox .cerrar{position:absolute;top:16px;right:20px;color:#fff;font-size:30px;cursor:pointer;line-height:1;}
  @media(max-width:520px){#bdm-p-lista .grid2{grid-template-columns:1fr;}}