
.ara-page{padding-bottom:60px}
.ara-breadcrumb{padding:22px 0 18px;display:flex;gap:9px;color:#66756f;font-size:.86rem}
.ara-breadcrumb a{color:#176c57;text-decoration:none}
.ara-heading{display:flex;gap:16px;align-items:center;padding:8px 0 24px}
.ara-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:#eef4fb;font-size:2rem;flex:0 0 auto}
.ara-heading h1{margin:0;font-size:clamp(2rem,5vw,3rem)}
.ara-heading p{margin:7px 0 0;color:#66756f;line-height:1.55}
.ara-workspace{display:grid;grid-template-columns:minmax(0,1.9fr) 300px;border:1px solid #dde4e1;border-radius:20px;background:#fff;overflow:hidden}
.ara-main{padding:20px;border-right:1px solid #dde4e1}
.ara-card{padding:18px;border:1px solid #dde4e1;border-radius:14px;margin-bottom:16px;background:#fff}
.ara-card h2{margin:0 0 5px;font-size:1.05rem}
.ara-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}
.ara-card-head p{margin:3px 0 0;color:#6b7974;font-size:.76rem}
#textInput,#workingText{width:100%;min-height:300px;resize:vertical;border:1px solid #cfd9d5;border-radius:12px;padding:15px;font:inherit;line-height:1.7;background:#fbfdfc;outline:none}
#workingText{min-height:260px}
#textInput:focus,#workingText:focus{border-color:#176c57;box-shadow:0 0 0 3px rgba(23,108,87,.08)}
.text-stats{display:flex;gap:16px;flex-wrap:wrap;padding:9px 2px;color:#6b7974;font-size:.72rem}
.text-stats strong{color:#20312b}
.ara-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.ara-options label{display:grid;gap:5px;font-size:.7rem;font-weight:800}
.ara-options select{padding:11px;border:1px solid #d5dedb;border-radius:9px;background:#fff}
.check-option{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid #dde4e1;border-radius:10px;background:#fafcfb;cursor:pointer;margin-top:12px}
.check-option input{margin-top:3px;accent-color:#176c57}
.check-option span{display:block}.check-option strong{display:block;font-size:.74rem}.check-option small{display:block;margin-top:3px;color:#66756f;font-size:.65rem;line-height:1.4}
.ara-actions,.editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.ara-actions button,.editor-actions button,.ghost-btn{border:0;border-radius:9px;padding:10px 14px;background:#176c57;color:#fff;font-weight:800;cursor:pointer}
.secondary-btn,.ghost-btn{border:1px solid #d5dedb!important;background:#fff!important;color:#334!important}
.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}
.score-grid article{padding:12px;border:1px solid #dde4e1;border-radius:9px;background:#fafcfb}
.score-grid span,.score-grid strong{display:block}.score-grid span{font-size:.65rem;color:#66756f}.score-grid strong{margin-top:5px;font-size:.95rem}
.summary-message{margin-top:14px;padding:13px;border-radius:10px;background:#f7faf9;color:#55645f;font-size:.76rem;line-height:1.55}
.suggestions{display:grid;gap:11px}
.suggestion{border:1px solid #dde4e1;border-radius:12px;padding:14px}
.suggestion-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.suggestion-type{font-size:.64rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#176c57}
.suggestion-original{margin:7px 0 5px;font-weight:800;color:#2f3e39}
.suggestion-explain{margin:0;color:#66756f;font-size:.73rem;line-height:1.5}
.alt-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.alt-btn{border:1px solid #cfe0da;background:#edf8f3;color:#176c57;border-radius:999px;padding:7px 10px;font-weight:800;font-size:.7rem;cursor:pointer}
.alt-btn:hover{background:#dff1e9}
.warning-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff6dc;color:#705a10;font-size:.64rem;font-weight:800}
.ara-sidebar{padding:22px}
.ara-sidebar>p{color:#66756f;font-size:.75rem;line-height:1.55}
.privacy-box,.rule-box{display:flex;gap:10px;align-items:center;padding:12px;border-radius:10px;margin:14px 0}
.privacy-box{background:#edf8f3}.rule-box{background:#eef4fb}
.privacy-box>span,.rule-box>span{font-size:1.3rem}
.privacy-box strong,.privacy-box small,.rule-box strong,.rule-box small{display:block}
.privacy-box small,.rule-box small{margin-top:2px;color:#66756f;font-size:.68rem;line-height:1.35}
.sidebar-note{margin-top:18px;padding-top:16px;border-top:1px solid #dde4e1}
.sidebar-note p{color:#66756f;font-size:.72rem;line-height:1.55}
.message{margin-top:14px;padding:10px 12px;border-radius:8px;font-size:.72rem}
.message.error{background:#fff1f1;color:#963939}.message.success{background:#edf8f3;color:#176c57}
.yr-info-standard,.yr-related-tools{margin-top:34px}
.yr-kicker{font-size:.7rem;font-weight:900;letter-spacing:.12em;color:#176c57;margin-bottom:7px}
.yr-info-standard>h2,.yr-related-head h2{margin:0 0 10px}
.yr-info-standard>p{color:#66756f;line-height:1.7}
.yr-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}
.yr-how-grid article,.yr-related-grid article{border:1px solid #dde4e1;border-radius:14px;padding:16px;background:#fff}
.yr-how-grid span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#edf8f3;color:#176c57;font-weight:900}
.yr-how-grid h3,.yr-related-grid h3{margin:10px 0 6px}.yr-how-grid p,.yr-related-grid p{margin:0;color:#66756f;line-height:1.55;font-size:.8rem}
.yr-benefits-faq{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.yr-benefits-faq h2{font-size:1.15rem}.yr-benefits-faq ul{padding-left:18px;color:#53625d;line-height:1.65}
.yr-benefits-faq details{border-top:1px solid #dde4e1;padding:10px 0}.yr-benefits-faq summary{cursor:pointer;font-weight:800}.yr-benefits-faq details p{color:#66756f;line-height:1.55}
.yr-related-terms{padding:14px 0;border-top:1px solid #dde4e1;margin-top:22px!important}
.yr-related-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.yr-related-head a,.yr-related-grid a{color:#176c57;text-decoration:none;font-weight:800}
.yr-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px}
@media(max-width:900px){
  .ara-workspace{grid-template-columns:1fr}.ara-main{border-right:0}
  .score-grid{grid-template-columns:1fr 1fr}.yr-benefits-faq{grid-template-columns:1fr}
}
@media(max-width:650px){
  .ara-options,.yr-how-grid,.yr-related-grid{grid-template-columns:1fr}
  .score-grid{grid-template-columns:1fr 1fr}
  .ara-card-head{flex-direction:column}
  .ara-actions,.editor-actions{flex-direction:column}
  .ara-actions button,.editor-actions button{width:100%}
}


/* ===== V2: sugerencias contextuales y vista dentro del texto ===== */
.suggestion-context{
  margin-top:10px;
  padding:11px;
  border-radius:10px;
  background:#f8fbfa;
  border:1px solid #e0e8e5;
}
.suggestion-context-label{
  display:block;
  margin-bottom:5px;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#6b7974;
}
.suggestion-context p{
  margin:0;
  color:#2f3e39;
  line-height:1.55;
  font-size:.76rem;
}
.rewrite-options{
  display:grid;
  gap:8px;
  margin-top:11px;
}
.rewrite-option{
  width:100%;
  text-align:left;
  border:1px solid #cfe0da;
  background:#edf8f3;
  color:#25483d;
  border-radius:10px;
  padding:10px 12px;
  cursor:pointer;
  transition:.12s;
}
.rewrite-option:hover{
  border-color:#176c57;
  background:#e3f3ed;
}
.rewrite-option strong{
  display:block;
  color:#176c57;
  font-size:.66rem;
  margin-bottom:4px;
}
.rewrite-option span{
  display:block;
  font-size:.76rem;
  line-height:1.5;
}
.inline-preview{
  margin-bottom:12px;
  border:1px solid #dde4e1;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.inline-preview-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  background:#f6f9f8;
  border-bottom:1px solid #dde4e1;
}
.inline-preview-head strong{font-size:.72rem}
.inline-preview-head small{font-size:.64rem;color:#66756f}
.highlighted-text{
  padding:14px;
  white-space:pre-wrap;
  line-height:1.75;
  font-size:.8rem;
  color:#33453f;
}
.issue-mark{
  background:#fff2b8;
  border-bottom:2px solid #d2a51f;
  border-radius:3px;
  padding:1px 2px;
  cursor:pointer;
}
.issue-mark:hover{background:#ffe99a}
.issue-mark.long{
  background:#fde4e4;
  border-bottom-color:#c75c5c;
}
.issue-mark.repeat{
  background:#e8eefc;
  border-bottom-color:#6982bd;
}
.applied-note{
  display:inline-flex;
  margin-top:8px;
  padding:5px 8px;
  border-radius:999px;
  background:#edf8f3;
  color:#176c57;
  font-size:.64rem;
  font-weight:800;
}


/* ===== V3: propuestas completas de redacción ===== */
.rewrite-card{
  border:1px solid #dbe5e1;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}
.rewrite-head{
  padding:12px 14px;
  background:#f7faf9;
  border-bottom:1px solid #dbe5e1;
}
.rewrite-head .rewrite-kicker{
  display:block;
  font-size:.63rem;
  font-weight:900;
  color:#176c57;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:4px;
}
.rewrite-original{
  padding:13px 14px;
  border-bottom:1px solid #e5ece9;
}
.rewrite-original strong{
  display:block;
  font-size:.67rem;
  color:#68766f;
  margin-bottom:5px;
}
.rewrite-original p{
  margin:0;
  line-height:1.6;
  color:#2f3e39;
  font-size:.78rem;
}
.rewrite-proposals{
  display:grid;
  gap:10px;
  padding:13px 14px;
}
.full-proposal{
  border:1px solid #cfe0da;
  border-radius:11px;
  background:#f1f9f6;
  padding:11px 12px;
}
.full-proposal-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin-bottom:6px;
}
.full-proposal-top strong{
  color:#176c57;
  font-size:.7rem;
}
.full-proposal p{
  margin:0;
  line-height:1.6;
  font-size:.78rem;
  color:#29463d;
}
.apply-proposal{
  margin-top:9px;
  border:0;
  border-radius:8px;
  background:#176c57;
  color:#fff;
  padding:8px 11px;
  font-weight:800;
  font-size:.68rem;
  cursor:pointer;
}
.rewrite-reasons{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:8px;
}
.reason-chip{
  padding:4px 7px;
  border-radius:999px;
  background:#eef4fb;
  color:#4c6174;
  font-size:.61rem;
  font-weight:800;
}
.no-safe-rewrite{
  padding:11px 12px;
  border-radius:9px;
  background:#fff8df;
  color:#6d5a1c;
  font-size:.72rem;
  line-height:1.5;
}
