/* Academia Yamilet · Perfil móvil unificado v131 */

/* En Perfil solo debe existir la experiencia independiente v78. */
body[data-academy-route="profile"] .dashboard-main > [data-shell-page="profile"],
body[data-academy-route="profile"] .dashboard-main > [data-v131-profile-legacy="true"]{
  display:none!important;
}

body[data-academy-route="profile"] .dashboard-main > [data-aula-pages-v71]{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}

@media(max-width:760px){
  body[data-academy-route="profile"] .v78-profile-page{
    width:100%!important;
    max-width:none!important;
    gap:12px!important;
    padding:14px 14px calc(94px + env(safe-area-inset-bottom,0px))!important;
  }

  body[data-academy-route="profile"] .v78-profile-heading{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px 12px!important;
    align-items:end!important;
  }
  body[data-academy-route="profile"] .v78-profile-heading>div{min-width:0!important}
  body[data-academy-route="profile"] .v78-profile-heading>div>span{
    margin-bottom:5px!important;
    font-size:9px!important;
    letter-spacing:.13em!important;
  }
  body[data-academy-route="profile"] .v78-profile-heading h1{
    margin:0!important;
    color:#182b24!important;
    font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
    font-size:34px!important;
    line-height:1!important;
    font-weight:790!important;
    letter-spacing:-.045em!important;
  }
  body[data-academy-route="profile"] .v78-profile-heading p{
    grid-column:1/-1!important;
    max-width:none!important;
    margin:7px 0 0!important;
    color:#68766f!important;
    font-size:12px!important;
    line-height:1.5!important;
  }
  body[data-academy-route="profile"] .v78-profile-heading>a{
    grid-column:2!important;
    grid-row:1/3!important;
    align-self:end!important;
    min-height:36px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
  }

  body[data-academy-route="profile"] .v78-profile-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body[data-academy-route="profile"] .v78-profile-summary article{
    min-height:72px!important;
    padding:11px 12px!important;
    border-radius:15px!important;
  }
  body[data-academy-route="profile"] .v78-profile-summary span{font-size:8px!important}
  body[data-academy-route="profile"] .v78-profile-summary strong{
    margin-top:4px!important;
    font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
    font-size:24px!important;
    font-weight:780!important;
  }
  body[data-academy-route="profile"] .v78-profile-summary small{margin-top:3px!important;font-size:9px!important}

  /* Tarjeta de identidad: compacta, legible y sin diagonal que cruce el texto. */
  body[data-academy-route="profile"] .v78-profile-main{gap:10px!important}
  body[data-academy-route="profile"] .v78-profile-identity{
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    grid-template-areas:
      "avatar role"
      "avatar name"
      "avatar mail"
      "status status"!important;
    column-gap:14px!important;
    row-gap:3px!important;
    align-items:center!important;
    min-height:0!important;
    padding:18px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,#103f35 0%,#17604f 100%)!important;
    color:#fff!important;
    text-align:left!important;
    box-shadow:0 14px 34px rgba(18,63,53,.10)!important;
  }
  body[data-academy-route="profile"] .v78-profile-identity::before{
    content:"";
    position:absolute;
    right:-42px;
    top:-54px;
    width:150px;
    height:150px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:50%;
    pointer-events:none;
  }
  body[data-academy-route="profile"] .v78-profile-avatar{
    grid-area:avatar!important;
    width:82px!important;
    height:82px!important;
    margin:0!important;
    border:4px solid rgba(255,255,255,.78)!important;
    background:#eef4ef!important;
    color:#123f35!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:26px!important;
    box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
  }
  body[data-academy-route="profile"] .v78-profile-role{
    grid-area:role!important;
    justify-self:start!important;
    min-height:22px!important;
    padding:0 8px!important;
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    color:#f2d47b!important;
  }
  body[data-academy-route="profile"] .v78-profile-identity h2{
    grid-area:name!important;
    margin:2px 0 0!important;
    color:#fff!important;
    font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
    font-size:22px!important;
    line-height:1.08!important;
    font-weight:780!important;
    text-transform:capitalize!important;
    text-shadow:0 1px 1px rgba(0,0,0,.12)!important;
  }
  body[data-academy-route="profile"] .v78-profile-identity>p{
    grid-area:mail!important;
    margin:2px 0 0!important;
    color:rgba(255,255,255,.82)!important;
    font-size:10px!important;
  }
  body[data-academy-route="profile"] .v78-profile-status{
    grid-area:status!important;
    justify-content:flex-start!important;
    margin-top:10px!important;
    padding-top:10px!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
  }
  body[data-academy-route="profile"] .v78-profile-status span{
    min-height:24px!important;
    color:rgba(255,255,255,.82)!important;
    background:rgba(255,255,255,.09)!important;
  }
  body[data-academy-route="profile"] .v78-profile-status span.active{
    color:#24654d!important;
    background:#eef8f2!important;
  }

  body[data-academy-route="profile"] .v78-profile-data{
    padding:17px!important;
    border-radius:19px!important;
  }
  body[data-academy-route="profile"] .v78-profile-section-head h2{
    font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
    font-size:25px!important;
    font-weight:770!important;
    letter-spacing:-.03em!important;
  }
  body[data-academy-route="profile"] .v78-profile-section-head p{font-size:11px!important}
  body[data-academy-route="profile"] .v78-profile-data form{gap:12px!important;margin-top:17px!important}
  body[data-academy-route="profile"] .v78-profile-data input{height:48px!important}
  body[data-academy-route="profile"] .v78-profile-form-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  body[data-academy-route="profile"] .v78-profile-form-actions>*{
    width:100%!important;
    min-height:42px!important;
  }

  body[data-academy-route="profile"] .v78-profile-settings{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  body[data-academy-route="profile"] .v78-profile-settings article{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:11px!important;
    padding:14px!important;
    border-radius:16px!important;
  }
  body[data-academy-route="profile"] .v78-setting-icon{
    width:38px!important;
    height:38px!important;
  }
  body[data-academy-route="profile"] .v78-profile-settings h3{font-size:17px!important}
  body[data-academy-route="profile"] .v78-profile-settings p{margin-top:4px!important;font-size:10px!important;line-height:1.45!important}
  body[data-academy-route="profile"] .v78-setting-actions{margin-top:10px!important}
  body[data-academy-route="profile"] .v78-setting-actions button,
  body[data-academy-route="profile"] .v78-setting-actions a{min-height:36px!important}
}

@media(max-width:390px){
  body[data-academy-route="profile"] .v78-profile-heading{
    grid-template-columns:1fr!important;
  }
  body[data-academy-route="profile"] .v78-profile-heading>a{
    grid-column:1!important;
    grid-row:auto!important;
    justify-self:start!important;
  }
  body[data-academy-route="profile"] .v78-profile-identity{
    grid-template-columns:72px minmax(0,1fr)!important;
    column-gap:12px!important;
  }
  body[data-academy-route="profile"] .v78-profile-avatar{width:72px!important;height:72px!important}
  body[data-academy-route="profile"] .v78-profile-form-actions{grid-template-columns:1fr!important}
}