/* ENTRETENIMIENTO TOLIMA · Mi panel público v8.2 */

.et-account-page{
  padding:32px 0 74px;
  background:
    radial-gradient(circle at 88% 0%,rgba(255,10,122,.035),transparent 28rem),
    linear-gradient(180deg,#fff 0,#f8fafc 100%);
}

.et-account-shell{
  width:min(calc(100% - 40px),1320px);
  margin-inline:auto;
}

.et-account-alert{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:start;
  margin-bottom:16px;
  padding:14px 16px;
  border-radius:13px;
  font-size:.8rem;
}

.et-account-alert>span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-weight:800;
}

.et-account-alert strong{display:block}
.et-account-alert p{margin:3px 0 0}

.et-account-alert-success{
  color:#17643b;
  border:1px solid #bce3ca;
  background:#edf8f1;
}

.et-account-alert-success>span{
  background:#d9f1e2;
}

.et-account-alert-error{
  color:#a02634;
  border:1px solid #ffc9d0;
  background:#fff1f3;
}

.et-account-alert-error>span{
  background:#ffe0e4;
}

.et-account-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  padding:24px 0 30px;
  border-bottom:1px solid #e4e9f0;
}

.et-account-identity{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}

.et-account-avatar{
  width:78px;
  height:78px;
  flex:0 0 78px;
  display:grid;
  place-items:center;
  border-radius:22px;
  color:#fff;
  background:linear-gradient(145deg,#0a2d61,#154c91);
  box-shadow:0 12px 28px rgba(11,47,102,.16);
  font-size:1.8rem;
  font-weight:800;
}

.et-account-kicker{
  display:block;
  color:#ff0a7a;
  font-size:.67rem;
  font-weight:800;
  letter-spacing:.095em;
}

.et-account-hero h1{
  margin:5px 0 6px;
  color:#0c2445;
  font-size:clamp(1.85rem,3vw,3rem);
  line-height:1.05;
  letter-spacing:-.03em;
}

.et-account-hero p{
  max-width:690px;
  margin:0;
  color:#68788f;
  font-size:.84rem;
  line-height:1.6;
}

.et-account-hero-actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.et-account-action-primary,
.et-account-action-secondary{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  border-radius:10px;
  text-decoration:none;
  font-size:.78rem;
  font-weight:720;
}

.et-account-action-primary{
  color:#fff;
  border:1px solid #0b2f66;
  background:#0b2f66;
  box-shadow:0 8px 18px rgba(11,47,102,.12);
}

.et-account-action-secondary{
  color:#17365f;
  border:1px solid #d6dfeb;
  background:#fff;
}

.et-account-dashboard{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:20px;
  align-items:start;
  margin-top:22px;
}

.et-account-sidebar{
  position:sticky;
  top:18px;
  padding:14px;
  border:1px solid #e0e6ef;
  border-radius:17px;
  background:#fff;
  box-shadow:0 12px 34px rgba(15,35,70,.045);
}

.et-account-user-card{
  display:grid;
  justify-items:center;
  text-align:center;
  padding:14px 9px 16px;
  border-bottom:1px solid #edf0f4;
}

.et-account-mini-avatar{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  margin-bottom:9px;
  border-radius:15px;
  color:#143f7e;
  background:#eaf1fb;
  font-weight:800;
}

.et-account-user-card strong{
  max-width:100%;
  color:#172f4e;
  font-size:.84rem;
  overflow:hidden;
  text-overflow:ellipsis;
}

.et-account-user-card span{
  max-width:100%;
  margin-top:3px;
  color:#7b8798;
  font-size:.69rem;
  overflow:hidden;
  text-overflow:ellipsis;
}

.et-account-user-card em{
  margin-top:8px;
  padding:4px 8px;
  border-radius:999px;
  color:#b31f63;
  background:#fff0f6;
  font-size:.61rem;
  font-style:normal;
  font-weight:720;
}

.et-account-nav{
  display:grid;
  gap:3px;
  padding:11px 0;
}

.et-account-nav a{
  display:flex;
  align-items:center;
  min-height:38px;
  padding:0 11px;
  border-radius:9px;
  color:#50627a;
  text-decoration:none;
  font-size:.75rem;
  font-weight:650;
}

.et-account-nav a:hover,
.et-account-nav a.active{
  color:#0c3972;
  background:#f1f6fc;
}

.et-account-logout{
  width:100%;
  min-height:39px;
  border:1px solid #ead8dc;
  border-radius:9px;
  color:#9c3445;
  background:#fff8f9;
  font:inherit;
  font-size:.74rem;
  font-weight:700;
  cursor:pointer;
}

.et-account-content{
  display:grid;
  gap:16px;
  min-width:0;
}

.et-account-section{
  scroll-margin-top:20px;
}

.et-account-card{
  padding:20px;
  border:1px solid #e0e6ef;
  border-radius:17px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15,35,70,.035);
}

.et-account-section-head{
  margin-bottom:15px;
}

.et-account-section-head-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
}

.et-account-section-head-row>a{
  color:#174c8a;
  font-size:.73rem;
  font-weight:700;
  text-decoration:none;
}

.et-account-section-head h2{
  margin:4px 0 0;
  color:#172f4e;
  font-size:1.12rem;
}

.et-account-section-head p{
  margin:5px 0 0;
  color:#7a8799;
  font-size:.76rem;
  line-height:1.5;
}

.et-account-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}

.et-account-stats article{
  min-height:116px;
  display:grid;
  align-content:start;
  padding:15px;
  border:1px solid #e0e7f0;
  border-radius:14px;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
}

.et-account-stats span{
  color:#79879a;
  font-size:.69rem;
  font-weight:650;
}

.et-account-stats strong{
  margin:6px 0;
  color:#0d2e5b;
  font-size:1.55rem;
  line-height:1;
}

.et-account-stats a,
.et-account-stats small{
  margin-top:auto;
  color:#5f728c;
  font-size:.66rem;
  text-decoration:none;
}

.et-account-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.et-account-form label{
  display:grid;
  gap:6px;
}

.et-account-form label>span{
  color:#364b64;
  font-size:.72rem;
  font-weight:670;
}

.et-account-form label>span small{
  color:#8a95a4;
  font-weight:500;
}

.et-account-form input,
.et-account-form textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #d3dce8;
  border-radius:10px;
  background:#fff;
  color:#24374e;
  font:inherit;
  font-size:.82rem;
}

.et-account-form input{
  height:42px;
  padding:0 11px;
}

.et-account-form textarea{
  padding:10px 11px;
  resize:vertical;
}

.et-account-form input:focus,
.et-account-form textarea:focus{
  border-color:#245d9e;
  outline:3px solid rgba(36,93,158,.08);
}

.et-account-form .span-2{
  grid-column:1/-1;
}

.et-account-form-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:12px;
  border-top:1px solid #edf0f4;
}

.et-account-form-footer>span{
  color:#7e8998;
  font-size:.67rem;
}

.et-account-form-footer button{
  min-height:39px;
  padding:0 14px;
  border:0;
  border-radius:9px;
  color:#fff;
  background:#0b2f66;
  font:inherit;
  font-size:.75rem;
  font-weight:720;
  cursor:pointer;
}

.et-account-list{
  display:grid;
  gap:8px;
}

.et-account-list-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:12px 13px;
  border:1px solid #e6ebf2;
  border-radius:12px;
  background:#fbfcfe;
}

.et-account-list-row>div:first-child{
  min-width:0;
  display:grid;
  gap:3px;
}

.et-account-reference{
  color:#ff0a7a;
  font-size:.59rem;
  font-weight:800;
  letter-spacing:.06em;
}

.et-account-list-row strong{
  color:#253b57;
  font-size:.78rem;
}

.et-account-list-row small{
  color:#7d8998;
  font-size:.65rem;
}

.et-account-list-meta{
  min-width:145px;
  display:grid;
  justify-items:end;
  gap:4px;
}

.et-account-status,
.et-account-comment-status{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:0 7px;
  border-radius:999px;
  color:#59677b;
  background:#eef2f7;
  font-size:.58rem;
  font-weight:750;
}

.et-account-status.status-approved,
.et-account-status.status-converted,
.et-account-comment-status.status-published{
  color:#19713f;
  background:#e6f6ec;
}

.et-account-status.status-submitted,
.et-account-comment-status.status-pending{
  color:#8a640e;
  background:#fff5dc;
}

.et-account-status.status-review,
.et-account-status.status-contacted,
.et-account-status.status-negotiation{
  color:#1e5da8;
  background:#e7f1ff;
}

.et-account-status.status-rejected,
.et-account-comment-status.status-rejected{
  color:#a12f3c;
  background:#fff0f2;
}

.et-account-comments{
  display:grid;
  gap:9px;
}

.et-account-comments article{
  padding:13px 14px;
  border:1px solid #e6ebf2;
  border-radius:12px;
  background:#fbfcfe;
}

.et-account-comment-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.et-account-comment-top>a{
  min-width:0;
  color:#193d69;
  font-size:.75rem;
  font-weight:720;
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.et-account-comments p{
  margin:8px 0 6px;
  color:#5f7085;
  font-size:.74rem;
  line-height:1.55;
}

.et-account-comments small{
  color:#8a95a4;
  font-size:.63rem;
}

.et-account-empty{
  padding:24px 18px;
  border:1px dashed #ced8e6;
  border-radius:13px;
  text-align:center;
  background:#fbfcfe;
}

.et-account-empty strong{
  display:block;
  color:#203852;
  font-size:.83rem;
}

.et-account-empty p{
  margin:5px 0 10px;
  color:#7b889a;
  font-size:.72rem;
}

.et-account-empty a{
  color:#174d8a;
  font-size:.72rem;
  font-weight:700;
}

@media(max-width:980px){
  .et-account-dashboard{
    grid-template-columns:220px minmax(0,1fr);
  }

  .et-account-stats{
    grid-template-columns:1fr 1fr;
  }

  .et-account-stats article:last-child{
    grid-column:1/-1;
  }
}

@media(max-width:760px){
  .et-account-hero{
    align-items:flex-start;
    flex-direction:column;
  }

  .et-account-hero-actions{
    justify-content:flex-start;
  }

  .et-account-dashboard{
    grid-template-columns:1fr;
  }

  .et-account-sidebar{
    position:static;
  }

  .et-account-nav{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .et-account-user-card{
    grid-template-columns:48px minmax(0,1fr);
    justify-items:start;
    text-align:left;
    column-gap:10px;
  }

  .et-account-mini-avatar{
    grid-row:1/4;
    margin:0;
  }

  .et-account-form{
    grid-template-columns:1fr;
  }

  .et-account-form .span-2{
    grid-column:auto;
  }
}

@media(max-width:560px){
  .et-account-page{
    padding-top:20px;
  }

  .et-account-shell{
    width:min(calc(100% - 24px),1320px);
  }

  .et-account-identity{
    align-items:flex-start;
  }

  .et-account-avatar{
    width:58px;
    height:58px;
    flex-basis:58px;
    border-radius:16px;
    font-size:1.35rem;
  }

  .et-account-hero h1{
    font-size:1.8rem;
  }

  .et-account-hero-actions,
  .et-account-hero-actions a{
    width:100%;
  }

  .et-account-nav{
    grid-template-columns:1fr 1fr;
  }

  .et-account-card{
    padding:15px;
  }

  .et-account-stats{
    grid-template-columns:1fr;
  }

  .et-account-stats article:last-child{
    grid-column:auto;
  }

  .et-account-list-row{
    grid-template-columns:1fr;
  }

  .et-account-list-meta{
    min-width:0;
    justify-items:start;
    padding-top:8px;
    border-top:1px solid #edf0f4;
  }

  .et-account-comment-top{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }

  .et-account-comment-top>a{
    white-space:normal;
  }

  .et-account-form-footer{
    align-items:stretch;
    flex-direction:column;
  }

  .et-account-form-footer button{
    width:100%;
  }
}