/* Academia AG · Mi perfil premium v20260817.20 */

.profile-page-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:26px;
}

.profile-page-heading .page-title{
  margin:5px 0 8px;
  color:#17233f;
  font-size:clamp(3rem,5vw,5rem);
  line-height:.92;
  letter-spacing:-.035em;
}

.profile-page-heading .page-subtitle{
  max-width:760px;
  color:#68758a;
  line-height:1.6;
}

.profile-status-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 15px;
  border-radius:999px;
  border:1px solid rgba(181,145,70,.24);
  background:linear-gradient(145deg,#fffdf7,#f8f2e4);
  color:#84631d;
  font-size:.78rem;
  font-weight:800;
  box-shadow:0 10px 24px rgba(23,35,63,.05);
  white-space:nowrap;
}

.profile-status-pill.complete{
  border-color:rgba(0,81,52,.18);
  background:linear-gradient(145deg,#f8fcfa,#eaf5f0);
  color:#005134;
}

.profile-professional-layout{
  display:grid;
  grid-template-columns:minmax(280px,360px) minmax(0,1fr);
  gap:24px;
  align-items:start;
}

.profile-identity-card{
  position:sticky;
  top:98px;
  overflow:hidden;
  border:1px solid rgba(23,35,63,.08);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,248,.94));
  box-shadow:0 24px 60px rgba(23,35,63,.09);
}

.profile-cover-band{
  height:112px;
  background:
    radial-gradient(circle at 15% 30%,rgba(255,255,255,.22),transparent 26%),
    linear-gradient(135deg,#17233f 0%,#0b4b3a 48%,#16805d 100%);
}

.profile-avatar-wrap{
  position:relative;
  width:118px;
  height:118px;
  margin:-58px auto 14px;
  border-radius:32px;
  padding:5px;
  background:#fff;
  box-shadow:0 18px 36px rgba(23,35,63,.16);
}

.profile-avatar-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:27px;
  border:1px solid rgba(23,35,63,.07);
}

.profile-avatar-wrap>span{
  position:absolute;
  right:-6px;
  bottom:-6px;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#005134,#16805d);
  color:#fff;
  border:3px solid #fff;
  font-size:.72rem;
  font-weight:900;
  box-shadow:0 8px 16px rgba(0,81,52,.24);
}

.profile-identity-copy{
  padding:0 24px 20px;
  text-align:center;
}

.profile-role-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 11px;
  margin-bottom:10px;
  border-radius:999px;
  background:rgba(0,81,52,.08);
  color:#005134;
  border:1px solid rgba(0,81,52,.12);
  font-size:.68rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.09em;
}

.profile-identity-copy h2{
  margin:0 0 5px;
  color:#17233f;
  font-size:1.75rem;
  line-height:1.05;
}

.profile-identity-copy p{
  margin:0 0 7px;
  color:#617086;
  font-size:.86rem;
  overflow-wrap:anywhere;
}

.profile-identity-copy small{
  color:#8a96a6;
  font-size:.73rem;
}

.profile-achievement-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 18px 18px;
}

.profile-achievement-grid article{
  min-height:78px;
  display:grid;
  align-content:center;
  justify-items:center;
  padding:12px;
  border-radius:17px;
  border:1px solid rgba(23,35,63,.07);
  background:rgba(255,255,255,.82);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}

.profile-achievement-grid strong{
  color:#17233f;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.55rem;
  line-height:1;
}

.profile-achievement-grid span{
  margin-top:5px;
  color:#7a8799;
  font-size:.68rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.profile-certificate-link{
  width:calc(100% - 36px);
  margin:0 18px 18px;
  min-height:46px;
  border-radius:14px;
  background:#fff;
  border-color:rgba(23,35,63,.10);
}

.profile-main-column{
  display:grid;
  gap:18px;
  min-width:0;
}

.profile-settings-panel,
.profile-progress-panel{
  border-radius:26px;
  border:1px solid rgba(23,35,63,.08);
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(249,250,248,.90));
  box-shadow:0 18px 48px rgba(23,35,63,.065);
}

.profile-settings-panel{
  padding:24px;
}

.profile-progress-panel{
  padding:22px 24px;
}

.profile-section-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:18px;
  margin-bottom:20px;
  border-bottom:1px solid rgba(23,35,63,.07);
}

.profile-section-heading h2{
  margin:5px 0 0;
  color:#17233f;
  font-size:1.45rem;
}

.profile-section-heading>a{
  color:#005134;
  font-size:.78rem;
  font-weight:800;
}

.profile-section-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(145deg,#f7fbf9,#e9f4ef);
  color:#005134;
  border:1px solid rgba(0,81,52,.10);
}

.profile-section-icon svg,
.profile-option-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.profile-form-modern{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.profile-form-modern .field{
  display:grid;
  gap:7px;
}

.profile-form-modern .field label{
  color:#26354f;
  font-size:.78rem;
  font-weight:800;
}

.profile-form-modern .field input{
  width:100%;
  min-height:50px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid rgba(23,35,63,.10);
  background:rgba(255,255,255,.88);
  color:#17233f;
  outline:none;
  transition:border-color .2s,box-shadow .2s,background .2s;
}

.profile-form-modern .field input:focus{
  border-color:rgba(0,81,52,.34);
  box-shadow:0 0 0 4px rgba(0,81,52,.06);
  background:#fff;
}

.profile-form-modern .field input:disabled{
  color:#7a8799;
  background:#f4f6f5;
}

.profile-form-modern .field small{
  color:#8a96a6;
  font-size:.68rem;
  line-height:1.4;
}

.profile-field-wide{
  grid-column:1/-1;
}

.profile-photo-field{
  padding-top:4px;
}

.profile-photo-control{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(23,35,63,.08);
  background:linear-gradient(145deg,#fbfcfb,#f3f7f5);
}

.profile-photo-control img{
  width:82px;
  height:82px;
  object-fit:cover;
  border-radius:20px;
  border:3px solid #fff;
  box-shadow:0 10px 24px rgba(23,35,63,.10);
}

.profile-photo-control strong{
  display:block;
  color:#17233f;
  margin-bottom:4px;
}

.profile-photo-control small{
  display:block;
  color:#7b8798;
  margin-bottom:11px;
}

.profile-photo-button{
  min-height:40px;
  padding:0 14px;
}

.profile-form-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-top:17px;
  border-top:1px solid rgba(23,35,63,.07);
}

.profile-form-actions>span{
  color:#7b8798;
  font-size:.75rem;
}

.profile-form-actions .btn{
  min-width:150px;
}

.profile-progress-summary{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:22px;
  align-items:center;
}

.profile-progress-ring{
  --percent:calc(var(--value) * 1%);
  width:104px;
  height:104px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:
    radial-gradient(circle at center,#fff 57%,transparent 59%),
    conic-gradient(#16805d var(--percent),#e7ece9 0);
  box-shadow:inset 0 0 0 1px rgba(23,35,63,.05),0 12px 28px rgba(23,35,63,.06);
}

.profile-progress-ring strong{
  color:#17233f;
  font:600 1.5rem Georgia,"Times New Roman",serif;
}

.profile-progress-summary h3{
  margin:0 0 6px;
  color:#17233f;
  font-size:1.25rem;
}

.profile-progress-summary p{
  margin:0 0 13px;
  color:#6e7b8e;
  line-height:1.5;
}

.profile-linear-progress{
  height:8px;
  border-radius:999px;
  overflow:hidden;
  background:#e7ece9;
}

.profile-linear-progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#005134,#16805d);
}

.profile-options-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.profile-option-card{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  min-height:112px;
  padding:17px;
  border-radius:20px;
  border:1px solid rgba(23,35,63,.08);
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(247,250,248,.90));
  box-shadow:0 12px 30px rgba(23,35,63,.05);
  transition:transform .2s,border-color .2s,box-shadow .2s;
}

.profile-option-card:hover{
  transform:translateY(-2px);
  border-color:rgba(0,81,52,.16);
  box-shadow:0 18px 34px rgba(23,35,63,.075);
}

.profile-option-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(145deg,#f7fbf9,#e7f3ee);
  color:#005134;
  border:1px solid rgba(0,81,52,.09);
}

.profile-option-card h3{
  margin:0 0 4px;
  color:#17233f;
  font-size:1rem;
}

.profile-option-card p{
  margin:0;
  color:#788496;
  font-size:.75rem;
  line-height:1.45;
}

.profile-option-action{
  min-width:62px;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:11px;
  border:1px solid rgba(23,35,63,.09);
  background:#fff;
  color:#17233f;
  font-size:.72rem;
  font-weight:800;
}

.profile-option-danger{
  border-color:rgba(160,62,62,.10);
}

.profile-option-danger .profile-option-icon{
  color:#9b3f3f;
  background:linear-gradient(145deg,#fffafa,#f8eeee);
  border-color:rgba(155,63,63,.10);
}

.profile-option-danger .profile-option-action{
  color:#8e3838;
}

@media(max-width:1080px){
  .profile-professional-layout{grid-template-columns:300px minmax(0,1fr)}
  .profile-options-grid{grid-template-columns:1fr}
}

@media(max-width:860px){
  .profile-page-heading{align-items:flex-start;flex-direction:column}
  .profile-professional-layout{grid-template-columns:1fr}
  .profile-identity-card{position:relative;top:auto}
  .profile-achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:650px){
  .profile-page-heading .page-title{font-size:3rem}
  .profile-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-settings-panel,.profile-progress-panel{padding:18px}
  .profile-form-modern{grid-template-columns:1fr}
  .profile-field-wide{grid-column:auto}
  .profile-photo-control{grid-template-columns:1fr;text-align:center;justify-items:center}
  .profile-form-actions{align-items:stretch;flex-direction:column}
  .profile-form-actions .btn{width:100%}
  .profile-progress-summary{grid-template-columns:1fr;justify-items:center;text-align:center}
  .profile-options-grid{grid-template-columns:1fr}
  .profile-option-card{grid-template-columns:44px minmax(0,1fr)}
  .profile-option-action{grid-column:1/-1;width:100%}
}