/* Analizador de Ángulos IMAGIM — estilos del plugin (alcance: #imagim-aa) */


#imagim-aa{
  
  --bg:    #08080f;
  --bg2:   #0d0d17;
  --bg3:   #12121e;
  --card:  #181826;
  --hover: #1e1e30;

  --gold:  #D4A520;
  --gold2: #f0c040;
  --goldd: #a07d18;
  --goldg: rgba(212,165,32,.18);
  --goldgb:rgba(212,165,32,.08);

  --amber: #E8880A;
  --red:   #e85555;
  --green: #4cd97b;
  --cyan:  #38bdf8;
  --purp:  #a78bfa;

  --t1: #F2ECD8;
  --t2: #9090a8;
  --t3: #42424e;

  --bdr:  rgba(212,165,32,.13);
  --bdr2: rgba(212,165,32,.35);
  --r: 12px; --r2: 8px; --r3: 20px;
}

#imagim-aa{font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--t1);min-height:100vh;line-height:1.6}

#imagim-aa ::-webkit-scrollbar{width:5px}

#imagim-aa ::-webkit-scrollbar-track{background:var(--bg2)}

#imagim-aa ::-webkit-scrollbar-thumb{background:var(--card);border-radius:3px}

#imagim-aa .fld{margin-bottom:1.1rem}

#imagim-aa .fld label{display:block;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--t2);margin-bottom:.4rem}

#imagim-aa .fld input{width:100%;padding:.72rem 1rem;background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r2);color:var(--t1);font-size:.92rem;outline:none;transition:border-color .2s,box-shadow .2s}

#imagim-aa .fld input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,165,32,.12)}

#imagim-aa .btnp{
  width:100%;padding:.85rem;
  background:linear-gradient(135deg,var(--goldd),var(--gold));
  border:none;border-radius:var(--r2);color:#0a0800;
  font-size:.95rem;font-weight:800;cursor:pointer;
  transition:opacity .2s,transform .1s,box-shadow .2s;
  letter-spacing:.03em;
}

#imagim-aa .btnp:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 20px rgba(212,165,32,.35)}

#imagim-aa #app{display:none;min-height:100vh}

#imagim-aa .hdr{
  background:rgba(13,13,23,.92);
  border-bottom:1px solid var(--bdr);
  height:64px;display:flex;align-items:center;justify-content:space-between;
  padding:0 1.8rem;position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);
}

#imagim-aa .hdr-l{display:flex;align-items:center;gap:.75rem}

#imagim-aa .hdr-l .ico{
  width:36px;height:36px;
  background:linear-gradient(135deg,var(--goldd),var(--gold));
  border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-size:1.05rem;box-shadow:0 2px 12px rgba(212,165,32,.25);
}

#imagim-aa .hdr-l h2{font-size:.97rem;font-weight:800;color:var(--t1)}

#imagim-aa .hdr-l .sub{font-size:.66rem;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:block;margin-top:-2px}

#imagim-aa .hdr-r{display:flex;align-items:center;gap:.75rem}

#imagim-aa .ubadge{display:flex;align-items:center;gap:.45rem;padding:.35rem .8rem;background:var(--card);border:1px solid var(--bdr);border-radius:20px;font-size:.77rem;color:var(--t2)}

#imagim-aa .udot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 5px rgba(76,217,123,.5)}

#imagim-aa .btnout{padding:.35rem .75rem;background:transparent;border:1px solid var(--bdr);border-radius:var(--r2);color:var(--t2);font-size:.77rem;cursor:pointer;transition:all .2s}

#imagim-aa .btnout:hover{border-color:var(--gold);color:var(--gold)}

#imagim-aa .main{max-width:1000px;margin:0 auto;padding:1.8rem 1.4rem 3rem}

#imagim-aa .slabel{font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:.65rem;display:flex;align-items:center;gap:.4rem}

#imagim-aa .slabel::after{content:'';flex:1;height:1px;background:var(--bdr);margin-left:.3rem}

#imagim-aa .tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.9rem}

#imagim-aa .tab{
  padding:.45rem 1rem;background:var(--card);border:1px solid var(--bdr);
  border-radius:20px;color:var(--t2);font-size:.8rem;cursor:pointer;
  transition:all .2s;white-space:nowrap;
}

#imagim-aa .tab.on{background:linear-gradient(135deg,var(--goldd),var(--gold));border-color:var(--gold);color:#0a0800;font-weight:700}

#imagim-aa .tab:hover:not(.on){border-color:var(--gold);color:var(--gold)}

#imagim-aa .panel{display:none}
#imagim-aa .panel.on{display:block}

#imagim-aa .pcard{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);padding:1.4rem}

#imagim-aa .row{display:flex;gap:.6rem}

#imagim-aa .row input[type=url]{flex:1;padding:.7rem 1rem;background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r2);color:var(--t1);font-size:.87rem;outline:none;transition:border-color .2s}

#imagim-aa .row input[type=url]:focus{border-color:var(--gold)}

#imagim-aa .row input[type=url]::placeholder{color:var(--t3)}

#imagim-aa .btnfetch{padding:.7rem 1.1rem;background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r2);color:var(--t1);font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}

#imagim-aa .btnfetch:hover{border-color:var(--gold);color:var(--gold)}

#imagim-aa .btnfetch:disabled{opacity:.45;cursor:not-allowed}

#imagim-aa .hint{font-size:.76rem;color:var(--t2);margin-top:.6rem;line-height:1.5}

#imagim-aa .tbox{display:none;margin-top:.9rem;padding:.85rem 1rem;background:var(--bg3);border:1px solid rgba(76,217,123,.2);border-radius:var(--r2)}

#imagim-aa .tbox.show{display:block}

#imagim-aa .tbox .tlabel{font-size:.7rem;color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}

#imagim-aa .tbox p{font-size:.82rem;color:var(--t2);max-height:110px;overflow-y:auto;line-height:1.7}

#imagim-aa textarea{width:100%;padding:.95rem 1rem;background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r2);color:var(--t1);font-size:.87rem;outline:none;resize:vertical;min-height:130px;font-family:inherit;line-height:1.7;transition:border-color .2s}

#imagim-aa textarea:focus{border-color:var(--gold)}

#imagim-aa textarea::placeholder{color:var(--t3)}

#imagim-aa .social-guide{
  background:var(--bg3);
  border:1px solid var(--bdr);
  border-radius:var(--r);
  padding:1.5rem;
}

#imagim-aa .sg-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1.1rem}

#imagim-aa .sg-icon{font-size:1.6rem}

#imagim-aa .sg-head h3{font-size:1rem;font-weight:800;color:var(--t1)}

#imagim-aa .sg-head p{font-size:.78rem;color:var(--t2);margin-top:.1rem}

#imagim-aa .sg-divider{height:1px;background:var(--bdr);margin:1rem 0}

#imagim-aa .sg-steps{list-style:none}

#imagim-aa .sg-steps li{display:flex;gap:.75rem;align-items:flex-start;padding:.45rem 0;font-size:.83rem;color:var(--t2);border-bottom:1px solid var(--bdr)}

#imagim-aa .sg-steps li:last-child{border-bottom:none}

#imagim-aa .sg-num{width:22px;height:22px;background:var(--goldg);border:1px solid var(--bdr2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:var(--gold);flex-shrink:0;margin-top:.1rem}

#imagim-aa .sg-steps strong{color:var(--t1)}

#imagim-aa .sg-actions{display:flex;gap:.65rem;margin-top:1.2rem;flex-wrap:wrap}

#imagim-aa .sg-btn{
  flex:1;min-width:160px;
  padding:.72rem 1rem;
  border-radius:var(--r2);font-size:.83rem;font-weight:700;
  cursor:pointer;transition:all .2s;
  display:flex;align-items:center;justify-content:center;gap:.4rem;
  border:1px solid var(--bdr2);
}

#imagim-aa .sg-btn.primary{
  background:linear-gradient(135deg,var(--goldd),var(--gold));
  color:#0a0800;border-color:var(--gold);
}

#imagim-aa .sg-btn.primary:hover{opacity:.9;transform:translateY(-1px)}

#imagim-aa .sg-btn.secondary{background:var(--card);color:var(--gold)}

#imagim-aa .sg-btn.secondary:hover{background:var(--goldgb);border-color:var(--gold2)}

#imagim-aa .filedrop{border:2px dashed var(--bdr);border-radius:var(--r);padding:1.8rem;text-align:center;cursor:pointer;transition:all .2s;position:relative}

#imagim-aa .filedrop:hover,#imagim-aa .filedrop.drag{border-color:var(--gold);background:var(--goldgb)}

#imagim-aa .filedrop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}

#imagim-aa .filedrop .ficon{font-size:2rem;opacity:.5;margin-bottom:.6rem}

#imagim-aa .filedrop h4{font-size:.88rem;font-weight:700;margin-bottom:.3rem}

#imagim-aa .filedrop p{font-size:.77rem;color:var(--t2)}

#imagim-aa .fstatus{display:none;margin-top:.85rem;padding:.65rem 1rem;background:var(--bg3);border-radius:var(--r2);font-size:.82rem}

#imagim-aa .fstatus.show{display:flex;align-items:center;gap:.5rem}

#imagim-aa .fstatus.ok{border:1px solid rgba(76,217,123,.25);color:var(--green)}

#imagim-aa .fstatus.proc{border:1px solid rgba(212,165,32,.3);color:var(--gold)}

#imagim-aa .fstatus.err{border:1px solid rgba(232,85,85,.3);color:var(--red)}

#imagim-aa .whisper-note{display:none;margin-top:.8rem;padding:.65rem .9rem;background:rgba(56,189,248,.07);border:1px solid rgba(56,189,248,.2);border-radius:var(--r2);font-size:.77rem;color:var(--cyan);line-height:1.55}

#imagim-aa .whisper-note.show{display:block}

#imagim-aa .aibox{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);overflow:hidden;margin-top:1.4rem}

#imagim-aa .aihdr{padding:.95rem 1.4rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s}

#imagim-aa .aihdr:hover{background:var(--hover)}

#imagim-aa .aihdr .al{display:flex;align-items:center;gap:.65rem}

#imagim-aa .aibadge{padding:.22rem .55rem;background:var(--goldg);border:1px solid var(--bdr2);border-radius:10px;font-size:.72rem;color:var(--gold);font-weight:700}

#imagim-aa .aititle{font-size:.88rem;font-weight:600;color:var(--t1)}

#imagim-aa .chev{transition:transform .3s;color:var(--t2);font-size:.8rem}

#imagim-aa .chev.open{transform:rotate(180deg)}

#imagim-aa .aibody{display:none;border-top:1px solid var(--bdr);padding:0 1.4rem 1.4rem}

#imagim-aa .aibody.open{display:block}

#imagim-aa .cgrid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1rem}

@media(max-width:580px){#imagim-aa .cgrid{grid-template-columns:1fr}
}
#imagim-aa .cfl label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t2);margin-bottom:.35rem}

#imagim-aa .cfl select,#imagim-aa .cfl input{width:100%;padding:.62rem .85rem;background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r2);color:var(--t1);font-size:.84rem;outline:none;transition:border-color .2s}

#imagim-aa .cfl select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239090a8' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;padding-right:2.2rem}

#imagim-aa .cfl select:focus,#imagim-aa .cfl input:focus{border-color:var(--gold)}

#imagim-aa .cfl select option{background:var(--bg3)}

#imagim-aa .cfl.full{grid-column:1/-1}

#imagim-aa .savebtn{margin-top:.9rem;padding:.5rem 1.1rem;background:var(--goldg);border:1px solid var(--bdr2);border-radius:var(--r2);color:var(--gold);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s}

#imagim-aa .savebtn:hover{background:rgba(212,165,32,.2)}

#imagim-aa .aifootnote{font-size:.71rem;color:var(--t3);margin-top:.4rem}

#imagim-aa .abtn{
  width:100%;padding:1rem;
  background:linear-gradient(135deg,var(--goldd),var(--gold),var(--amber));
  border:none;border-radius:var(--r);
  color:#08050A;font-size:1rem;font-weight:900;
  cursor:pointer;transition:opacity .2s,transform .1s,box-shadow .2s;
  letter-spacing:.03em;display:flex;align-items:center;justify-content:center;gap:.5rem;
  margin-top:1.4rem;
}

#imagim-aa .abtn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 28px rgba(212,165,32,.35)}

#imagim-aa .abtn:disabled{opacity:.4;cursor:not-allowed;transform:none}

#imagim-aa .errbox{display:none;background:rgba(232,85,85,.07);border:1px solid rgba(232,85,85,.2);border-radius:var(--r);padding:1.1rem;margin-top:1rem;gap:.7rem;align-items:flex-start}

#imagim-aa .errbox.show{display:flex}

#imagim-aa .errbox h4{font-size:.85rem;font-weight:700;color:#f07070;margin-bottom:.15rem}

#imagim-aa .errbox p{font-size:.8rem;color:var(--t2);line-height:1.5}

#imagim-aa .loading{display:none;text-align:center;padding:3rem 2rem}

#imagim-aa .loading.show{display:block}

#imagim-aa .spin{width:46px;height:46px;border:3px solid var(--card);border-top-color:var(--gold);border-radius:50%;animation:sp .8s linear infinite;margin:0 auto 1.3rem}

@keyframes sp{to{transform:rotate(360deg)}}
#imagim-aa .loading h3{font-size:.97rem;font-weight:700}

#imagim-aa .loading p{font-size:.82rem;color:var(--t2);margin-top:.35rem}

#imagim-aa .results{display:none;margin-top:1.8rem}

#imagim-aa .results.show{display:block}

#imagim-aa .rcard{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);padding:1.4rem;margin-bottom:.9rem;position:relative;overflow:hidden}

#imagim-aa .rcard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--goldd),var(--gold),var(--amber))}

#imagim-aa .rmeta{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.9rem}

#imagim-aa .rid{display:flex;align-items:center;gap:.75rem}

#imagim-aa .anum{
  width:48px;height:48px;
  background:linear-gradient(135deg,var(--goldd),var(--gold));
  border-radius:13px;display:flex;align-items:center;justify-content:center;
  font-size:1.25rem;font-weight:900;color:#0a0800;flex-shrink:0;
  box-shadow:0 3px 14px rgba(212,165,32,.3);
}

#imagim-aa .ainfo h2{font-size:1.25rem;font-weight:900;color:var(--t1)}

#imagim-aa .ftag{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .6rem;background:var(--goldg);border:1px solid var(--bdr2);border-radius:10px;font-size:.72rem;color:var(--gold);font-weight:700;margin-top:.3rem}

#imagim-aa .confbox{text-align:right}

#imagim-aa .conflabel{font-size:.67rem;color:var(--t2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.25rem}

#imagim-aa .confval{font-size:1.9rem;font-weight:900;color:var(--gold)}

#imagim-aa .confbar{width:110px;height:4px;background:var(--bg3);border-radius:2px;margin:.35rem 0 0 auto;overflow:hidden}

#imagim-aa .conffill{height:100%;background:linear-gradient(90deg,var(--goldd),var(--gold2));border-radius:2px;transition:width 1.2s ease}

#imagim-aa .adesc{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--bdr);font-size:.86rem;color:var(--t2);line-height:1.7}

#imagim-aa .scorec{display:flex;align-items:center;gap:1.2rem}

#imagim-aa .snum{
  width:58px;height:58px;border-radius:50%;
  background:linear-gradient(135deg,var(--goldd),var(--gold));
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;font-weight:900;color:#0a0800;flex-shrink:0;
  box-shadow:0 3px 14px rgba(212,165,32,.25);
}

#imagim-aa .sinfo h3{font-size:.83rem;font-weight:700;color:var(--t1);margin-bottom:.2rem}

#imagim-aa .sinfo p{font-size:.8rem;color:var(--t2);line-height:1.5}

#imagim-aa .sgrid2{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:.9rem}

@media(max-width:600px){#imagim-aa .sgrid2{grid-template-columns:1fr}
}
#imagim-aa .sc{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);padding:1.1rem}

#imagim-aa .sc.fw{grid-column:1/-1}

#imagim-aa .sch{display:flex;align-items:center;gap:.55rem;margin-bottom:.65rem}

#imagim-aa .sdot{width:9px;height:9px;border-radius:50%;flex-shrink:0}

#imagim-aa .d-gold{background:var(--gold);box-shadow:0 0 6px rgba(212,165,32,.5)}

#imagim-aa .d-amb{background:var(--amber);box-shadow:0 0 6px rgba(232,136,10,.4)}

#imagim-aa .d-grn{background:var(--green);box-shadow:0 0 6px rgba(76,217,123,.4)}

#imagim-aa .d-cyn{background:var(--cyan);box-shadow:0 0 6px rgba(56,189,248,.4)}

#imagim-aa .sctitle{font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--t2)}

#imagim-aa .sctime{margin-left:auto;font-size:.69rem;color:var(--t3);background:var(--bg3);padding:.12rem .45rem;border-radius:8px}

#imagim-aa .sc p{font-size:.85rem;color:var(--t2);line-height:1.7}

#imagim-aa .sq{margin-top:.65rem;padding:.65rem .9rem;background:var(--bg3);border-left:3px solid var(--gold);border-radius:0 var(--r2) var(--r2) 0;font-size:.82rem;color:var(--t2);font-style:italic;line-height:1.6;display:none}

#imagim-aa .sq.show{display:block}

#imagim-aa .lgrid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:.9rem}

@media(max-width:600px){#imagim-aa .lgrid{grid-template-columns:1fr}
}

#imagim-aa .acts{display:flex;gap:.65rem;flex-wrap:wrap}

#imagim-aa .acbtn{padding:.55rem 1.1rem;border-radius:var(--r2);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;border:1px solid var(--bdr);background:var(--card);color:var(--t2)}

#imagim-aa .acbtn:hover{border-color:var(--gold);color:var(--gold)}

#imagim-aa .acbtn.prim{background:var(--goldg);border-color:var(--bdr2);color:var(--gold)}

#imagim-aa .acbtn.prim:hover{background:rgba(212,165,32,.2)}

#imagim-aa .hcheck-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.9rem}

@media(max-width:560px){#imagim-aa .hcheck-grid{grid-template-columns:1fr}
}
#imagim-aa .hcheck-item{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r2)}

#imagim-aa .hc-icon{font-size:1rem;flex-shrink:0}

#imagim-aa .hc-label{font-size:.78rem;color:var(--t2);flex:1;line-height:1.3}

#imagim-aa .hc-badge{padding:.18rem .55rem;border-radius:10px;font-size:.72rem;font-weight:700;white-space:nowrap;flex-shrink:0}

#imagim-aa .hc-badge.yes{background:rgba(76,217,123,.15);border:1px solid rgba(76,217,123,.3);color:var(--green)}

#imagim-aa .hc-badge.no{background:rgba(232,85,85,.12);border:1px solid rgba(232,85,85,.25);color:var(--red)}

#imagim-aa .hc-badge.nd{background:var(--card);border:1px solid var(--bdr);color:var(--t3)}

#imagim-aa .hookstrength-row{display:flex;align-items:center;gap:.7rem;margin-top:.3rem;padding-top:.8rem;border-top:1px solid var(--bdr)}

#imagim-aa .hs-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--t2)}

#imagim-aa .hs-val{font-size:.9rem;font-weight:800}

#imagim-aa .hs-val.fuerte{color:var(--green)}
#imagim-aa .hs-val.medio{color:var(--gold)}
#imagim-aa .hs-val.debil{color:var(--red)}

#imagim-aa .gem-pill{padding:.3rem .75rem;background:var(--goldg);border:1px solid var(--bdr2);border-radius:20px;font-size:.75rem;font-weight:700;color:var(--gold)}

@keyframes fadein{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
#imagim-aa .anim{animation:fadein .3s ease forwards}

#imagim-aa .footer{text-align:center;padding:2rem;font-size:.74rem;color:var(--t3);border-top:1px solid var(--bdr);margin-top:3rem}

#imagim-aa .footer span{color:var(--gold);font-weight:700}

@media(max-width:768px){
  #imagim-aa .main{max-width:100%;padding:1.4rem 1rem 2.5rem}

  #imagim-aa .hdr{padding:0 1rem}

  #imagim-aa .hdr-l .sub{font-size:.6rem}

  #imagim-aa .cgrid{grid-template-columns:1fr}

  #imagim-aa .cfl.full{grid-column:1}

  #imagim-aa .sgrid2{grid-template-columns:1fr}

  #imagim-aa .lgrid{grid-template-columns:1fr}

  #imagim-aa .hcheck-grid{grid-template-columns:1fr}

}

@media(max-width:600px){
  
  
  
  #imagim-aa .hdr{height:56px;padding:0 .9rem}

  #imagim-aa .hdr-l .ico{width:30px;height:30px;font-size:.9rem}

  #imagim-aa .hdr-l h2{font-size:.88rem}

  #imagim-aa .hdr-l .sub{display:none}

  #imagim-aa .ubadge{padding:.3rem .55rem;font-size:.72rem}

  #imagim-aa .main{padding:1.1rem .85rem 2rem}

  #imagim-aa .tabs{gap:.3rem}

  #imagim-aa .tab{padding:.38rem .7rem;font-size:.74rem}

  #imagim-aa .pcard{padding:1rem}

  #imagim-aa .row{flex-direction:column;gap:.5rem}

  #imagim-aa .row input[type=url]{width:100%}

  #imagim-aa .btnfetch{width:100%;text-align:center;padding:.65rem}

  #imagim-aa .social-guide{padding:1.1rem}

  #imagim-aa .sg-actions{flex-direction:column}

  #imagim-aa .sg-btn{min-width:unset;width:100%}

  #imagim-aa .aibox .aihdr{padding:.8rem 1rem}

  #imagim-aa .aibody{padding:0 1rem 1rem}

  #imagim-aa .abtn{font-size:.9rem;padding:.88rem}

  #imagim-aa .rmeta{flex-direction:column;gap:.7rem}

  #imagim-aa .confbox{text-align:left}

  #imagim-aa .confbar{margin-left:0;width:100%}

  #imagim-aa .scorec{gap:.85rem}

  #imagim-aa .snum{width:50px;height:50px;font-size:1.05rem}

  #imagim-aa .rcard{padding:1rem}

  #imagim-aa .sc{padding:.9rem}

  
  #imagim-aa .acts{flex-direction:column}

  #imagim-aa .acbtn{width:100%;text-align:center;padding:.65rem}

  #imagim-aa .sg-head{flex-direction:column;gap:.5rem;align-items:flex-start}

  #imagim-aa .sg-icon{font-size:1.3rem}

  #imagim-aa .filedrop{padding:1.3rem}

  #imagim-aa .hookstrength-row{flex-wrap:wrap;gap:.4rem}

}

@media(max-width:380px){
  
  #imagim-aa .hdr-l h2{font-size:.8rem}

  #imagim-aa .tab{padding:.32rem .55rem;font-size:.7rem}

  #imagim-aa .abtn{font-size:.82rem}

  #imagim-aa .anum{width:40px;height:40px;font-size:1.05rem;border-radius:10px}

  #imagim-aa .ainfo h2{font-size:1.05rem}

  #imagim-aa .confval{font-size:1.5rem}

  #imagim-aa .hcheck-item{padding:.5rem .65rem}

  #imagim-aa .hc-label{font-size:.72rem}

  #imagim-aa .gem-pill{font-size:.68rem;padding:.25rem .55rem}

  #imagim-aa .slabel{font-size:.62rem}

}

#imagim-aa{border-radius:14px;overflow:hidden}
#imagim-aa #app{display:block}

/* ── Login propio del plugin ── */
#imagim-aa .aa-login-wrap{display:flex;align-items:center;justify-content:center;min-height:560px;padding:2rem 1rem;background:#0A0A0A}
#imagim-aa .aa-login-card{width:100%;max-width:420px;background:#16151a;border:1px solid #2a2620;border-radius:16px;padding:2.4rem 2rem;text-align:center;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
#imagim-aa .aa-login-logo{width:62px;height:62px;margin:0 auto .9rem;border-radius:14px;background:#D4A520;display:flex;align-items:center;justify-content:center;font-size:30px}
#imagim-aa .aa-login-brand{color:#D4A520;font-size:11px;letter-spacing:.22em;font-weight:700;margin-bottom:.5rem}
#imagim-aa .aa-login-title{color:#F5F1E6;font-size:26px;margin:0 0 .25rem;font-weight:700}
#imagim-aa .aa-login-sub{color:#8a8474;font-size:13px;margin:0 0 1.6rem}
#imagim-aa .aa-login-label{display:block;text-align:left;color:#cfc8b6;font-size:11px;font-weight:700;letter-spacing:.12em;margin:0 0 .4rem}
#imagim-aa .aa-login-input{width:100%;background:#0e0d12;border:1px solid #34302a;border-radius:10px;color:#EDE8DD;font-size:15px;padding:13px 14px;margin-bottom:1.1rem;font-family:inherit}
#imagim-aa .aa-login-input:focus{outline:2px solid #D4A520;outline-offset:1px}
#imagim-aa .aa-login-btn{width:100%;background:#D4A520;color:#0A0A0A;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:700;cursor:pointer;margin-top:.3rem}
#imagim-aa .aa-login-btn:hover{background:#e3b733}
#imagim-aa .aa-login-err{background:#2a1410;border:1px solid #E8634D;color:#f0a99c;border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:1.1rem}
#imagim-aa .aa-login-foot{color:#5a5546;font-size:11px;letter-spacing:.1em;margin:1.4rem 0 0}
/* ── Barra superior con usuario + salir ── */
#imagim-aa .aa-userbar{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;padding:.5rem .2rem 0;font-size:13px;color:#9a937f}
#imagim-aa .aa-userbar b{color:#D4A520}
#imagim-aa .aa-logout{color:#D4A520;text-decoration:none;border:1px solid #D4A520;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600}
#imagim-aa .aa-logout:hover{background:#D4A520;color:#0A0A0A}