/* Definitiva TV · Mi Cuenta Native v7.12
   Mantiene .account-page dentro de #grid para respetar la navegación original. */

/* ===== MODO CUENTA ===== */
html.dtv-account-native,
body.dtv-account-native{
  overflow-x:hidden!important;
}

body.dtv-account-native .content-layout{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
}

body.dtv-account-native .categories,
body.dtv-account-native .catalog-header,
body.dtv-account-native .search{
  display:none!important;
}

body.dtv-account-native .catalog{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

body.dtv-account-native #grid{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

body.dtv-account-native #empty,
body.dtv-account-native #loadMore{
  display:none!important;
}

/* ===== CUENTA ===== */
body.dtv-account-native .account-page{
  display:block!important;
  width:100%!important;
  max-width:1180px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:24px 28px 46px!important;
  box-sizing:border-box!important;
}

body.dtv-account-native .account-page,
body.dtv-account-native .account-page *{
  box-sizing:border-box!important;
}

/* ===== LOGO ===== */
.sidebar .brand.compact{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:220px!important;
  padding:18px 14px 22px!important;
  gap:6px!important;
}

.sidebar .brand.compact img,
.sidebar .brand.compact .brand-logo{
  display:block!important;
  width:150px!important;
  height:132px!important;
  max-width:150px!important;
  max-height:132px!important;
  object-fit:contain!important;
  margin:0 auto!important;
}

.sidebar .brand.compact strong{
  display:block!important;
  margin-top:2px!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.08!important;
  letter-spacing:.11em!important;
  text-align:center!important;
}

.sidebar .brand.compact span{
  display:block!important;
  margin-top:5px!important;
  color:#e6a834!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:.22em!important;
  text-align:center!important;
}

/* ===== HERO ===== */
body.dtv-account-native .account-hero{
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:40px!important;
  width:100%!important;
  min-width:0!important;
  min-height:245px!important;
  margin:0 0 20px!important;
  padding:38px 54px!important;
  overflow:hidden!important;
  border:1px solid #755a26!important;
  border-radius:20px!important;
  background:#0e1319!important;
  background:
    radial-gradient(circle at 82% 48%,rgba(204,145,34,.17),transparent 30%),
    linear-gradient(118deg,#0e1319 0%,#10161c 58%,#19150d 100%)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.24)!important;
}

body.dtv-account-native .account-hero:before{
  content:"";
  position:absolute!important;
  right:-120px!important;
  bottom:-165px!important;
  width:650px!important;
  height:370px!important;
  border-radius:50%!important;
  border:1px solid rgba(235,166,38,.20)!important;
  transform:rotate(-8deg)!important;
  pointer-events:none!important;
}

body.dtv-account-native .account-hero:after{
  content:"";
  position:absolute!important;
  right:15px!important;
  bottom:-125px!important;
  width:470px!important;
  height:260px!important;
  border-radius:50%!important;
  border-top:1px solid rgba(255,193,42,.33)!important;
  transform:rotate(-15deg)!important;
  pointer-events:none!important;
}

body.dtv-account-native .account-hero > div:first-child{
  position:relative!important;
  z-index:2!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:700px!important;
}

body.dtv-account-native .account-hero > div:first-child > span{
  display:block!important;
  margin:0 0 10px!important;
  color:#f1b735!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.20em!important;
  text-transform:uppercase!important;
}

body.dtv-account-native .account-hero h2{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:46px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}

body.dtv-account-native .account-hero p{
  display:block!important;
  width:auto!important;
  max-width:650px!important;
  margin:0!important;
  color:#aab4c0!important;
  font-size:15px!important;
  line-height:1.48!important;
  white-space:normal!important;
}

/* ===== MEMBRESÍA ===== */
body.dtv-account-native .dtv-membership-chip{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 0 15px!important;
  padding:9px 15px!important;
  border:1px solid #d8a12e!important;
  border-radius:999px!important;
  background:#1a150b!important;
  color:#f2bd49!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

body.dtv-account-native .dtv-membership-chip:before{
  content:"♛";
  display:inline-block!important;
  margin-right:9px!important;
  color:#ffc22b!important;
  font-size:20px!important;
}

body.dtv-account-native .dtv-membership-chip .dtv-dot{
  display:none!important;
}

/* ===== BADGE ===== */
body.dtv-account-native .account-badge{
  position:relative!important;
  z-index:2!important;
  flex:0 0 150px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:150px!important;
  height:150px!important;
  min-width:150px!important;
  min-height:150px!important;
  padding:0!important;
  border-radius:50%!important;
  border:16px solid #252d36!important;
  background:#0e141a!important;
  color:#fff!important;
  font-size:42px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:center!important;
}

body.dtv-account-native .account-badge:before{
  content:"";
  position:absolute!important;
  inset:-16px!important;
  border-radius:50%!important;
  border-top:16px solid #ffc326!important;
  border-right:16px solid #f5a718!important;
  border-bottom:16px solid #ffb317!important;
  border-left:16px solid transparent!important;
  transform:rotate(-20deg)!important;
  pointer-events:none!important;
}

body.dtv-account-native .account-badge small{
  display:block!important;
  max-width:100px!important;
  margin-top:7px!important;
  color:#aeb7c1!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:500!important;
}

/* ===== KPI ===== */
body.dtv-account-native .account-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  margin:0 0 20px!important;
}

body.dtv-account-native .account-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:188px!important;
  padding:27px 27px 24px!important;
  overflow:hidden!important;
  border:1px solid #2b3744!important;
  border-radius:16px!important;
  background:#10161d!important;
}

body.dtv-account-native .account-card:before{
  content:"";
  display:block!important;
  width:48px!important;
  height:48px!important;
  margin:0 0 20px!important;
  border:1px solid #5c471f!important;
  border-radius:15px!important;
  background:#251e10!important;
}

body.dtv-account-native .account-card:after{
  position:absolute!important;
  top:41px!important;
  left:43px!important;
  color:#ffc22c!important;
  font-size:20px!important;
  font-weight:900!important;
}

body.dtv-account-native .account-card:nth-child(1):after{content:"◆"}
body.dtv-account-native .account-card:nth-child(2):after{content:"▣"}
body.dtv-account-native .account-card:nth-child(3):after{content:"◷"}
body.dtv-account-native .account-card:nth-child(4):after{content:"▭"}

body.dtv-account-native .account-card span{
  display:block!important;
  color:#8f9aaa!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:900!important;
  letter-spacing:.095em!important;
  text-transform:uppercase!important;
}

body.dtv-account-native .account-card b{
  display:block!important;
  max-width:100%!important;
  margin-top:9px!important;
  color:#f7f8f9!important;
  font-size:23px!important;
  line-height:1.2!important;
  font-weight:900!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* ===== SESIONES ===== */
body.dtv-account-native .account-sessions{
  width:100%!important;
  padding:28px 30px!important;
  border:1px solid #44391f!important;
  border-radius:17px!important;
  background:#0f151b!important;
  background:linear-gradient(105deg,#0f151b 0%,#10161d 72%,#18150f 100%)!important;
}

body.dtv-account-native .account-sessions h3{
  position:relative!important;
  margin:0!important;
  padding-left:62px!important;
  color:#f5f7f9!important;
  font-size:24px!important;
  line-height:1.2!important;
}

body.dtv-account-native .account-sessions h3:before{
  content:"▣";
  position:absolute!important;
  left:0!important;
  top:-7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:45px!important;
  height:45px!important;
  color:#ffc22c!important;
  font-size:24px!important;
}

body.dtv-account-native .dtv-session-subtitle{
  margin:5px 0 20px 62px!important;
  color:#97a3b0!important;
  font-size:14px!important;
  line-height:1.35!important;
}

body.dtv-account-native .account-session{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  width:100%!important;
  min-width:0!important;
  margin-top:12px!important;
  padding:20px 24px!important;
  border:1px solid #2d3945!important;
  border-radius:13px!important;
  background:#0c1218!important;
}

body.dtv-account-native .account-session > div{
  flex:1 1 auto!important;
  min-width:0!important;
}

body.dtv-account-native .account-session b{
  display:block!important;
  color:#69df99!important;
  font-size:15px!important;
}

body.dtv-account-native .account-session span{
  display:block!important;
  margin-top:5px!important;
  color:#e2e7ec!important;
  font-size:14px!important;
  overflow-wrap:anywhere!important;
}

body.dtv-account-native .account-session small{
  display:block!important;
  margin-top:5px!important;
  color:#83909d!important;
  font-size:12px!important;
  overflow-wrap:anywhere!important;
}

/* ===== RESPONSIVE ===== */
@media(max-width:1100px){
  body.dtv-account-native .account-page{
    max-width:100%!important;
    padding:20px 20px 38px!important;
  }
  body.dtv-account-native .account-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .sidebar .brand.compact{
    min-height:145px!important;
  }
  .sidebar .brand.compact img,
  .sidebar .brand.compact .brand-logo{
    width:100px!important;
    height:88px!important;
  }
  .sidebar .brand.compact strong{
    font-size:14px!important;
  }
  body.dtv-account-native .account-hero{
    padding:28px!important;
  }
  body.dtv-account-native .account-hero h2{
    font-size:34px!important;
  }
  body.dtv-account-native .account-badge{
    flex-basis:120px!important;
    width:120px!important;
    height:120px!important;
    min-width:120px!important;
    min-height:120px!important;
    font-size:33px!important;
  }
}

@media(max-width:620px){
  body.dtv-account-native .account-page{
    padding:12px 10px 28px!important;
  }
  body.dtv-account-native .account-hero{
    display:block!important;
    min-height:0!important;
    padding:23px!important;
  }
  body.dtv-account-native .account-hero h2{
    font-size:30px!important;
  }
  body.dtv-account-native .dtv-membership-chip{
    white-space:normal!important;
  }
  body.dtv-account-native .account-badge{
    margin:24px auto 4px!important;
  }
  body.dtv-account-native .account-grid{
    display:block!important;
  }
  body.dtv-account-native .account-card{
    min-height:126px!important;
    margin-bottom:10px!important;
    padding:18px!important;
  }
  body.dtv-account-native .account-card:before{
    float:left!important;
    width:42px!important;
    height:42px!important;
    margin:0 15px 0 0!important;
  }
  body.dtv-account-native .account-card:after{
    top:29px!important;
    left:31px!important;
    font-size:17px!important;
  }
  body.dtv-account-native .account-sessions{
    padding:20px 16px!important;
  }
  body.dtv-account-native .account-session{
    display:block!important;
    padding:16px!important;
  }
}

/* ===== LEGACY ===== */
html.dtv-legacy body.dtv-account-native .account-hero:before,
html.dtv-legacy body.dtv-account-native .account-hero:after,
html.dtv-legacy body.dtv-account-native .account-badge:before{
  display:none!important;
}

html.dtv-legacy body.dtv-account-native .account-grid{
  display:block!important;
}

html.dtv-legacy body.dtv-account-native .account-card{
  width:100%!important;
  margin-bottom:10px!important;
}