/* Reconquista Absoluta — Premium Mobile v3 */
:root{
  --font-ui:"Avenir Next",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-display:"Avenir Next",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --wine:#7A102C;
  --wine-2:#A3113A;
  --wine-soft:#FFF4F6;
  --champagne:#D7B176;
  --champagne-2:#F0D5A7;
  --charcoal:#191312;
  --charcoal-2:#261C19;
  --cream:#FAF7F4;
}

body{font-family:var(--font-ui);font-variation-settings:"wght" 470}
.welcome-product,.quiz-question-text,.dashboard-title,.progress-value,.hero-title,.phase-title,.schedule-title,.diagnostico-title,.brand-name{font-family:var(--font-display)!important;letter-spacing:-.025em}

/* Brand presentation */
.welcome-screen{
  justify-content:center!important;
  padding-top:calc(34px + env(safe-area-inset-top))!important;
  background:
    radial-gradient(circle at 50% 12%,rgba(203,148,76,.18),transparent 31%),
    radial-gradient(circle at 18% 48%,rgba(139,16,48,.20),transparent 32%),
    linear-gradient(180deg,#241918 0%,#15100F 100%)!important;
}
.welcome-screen::before{
  content:"MÉTODO PREMIUM  •  7 DIAS"!important;
  top:calc(18px + env(safe-area-inset-top))!important;
  color:#D9BB8F!important;
  font-size:9px!important;
  letter-spacing:2.1px!important;
}
.welcome-logo-shell{
  width:min(310px,82vw);
  display:flex;align-items:center;justify-content:center;
  margin:20px auto 6px;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.26));
}
.welcome-logo{display:block;width:100%;height:auto;object-fit:contain}
.welcome-title{margin-top:2px!important;margin-bottom:8px!important;color:#BBAFAA!important;font-size:9px!important;letter-spacing:2.1px!important}
.welcome-product{font-size:22px!important;line-height:1.2!important;font-weight:750!important;color:#FFF8F2!important;margin-bottom:10px!important}
.welcome-subtitle{max-width:345px!important;margin-bottom:18px!important;font-size:13.5px!important;line-height:1.58!important;color:#D8CBC5!important}
.welcome-quote{max-width:350px!important;border-color:rgba(224,190,143,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035))!important;border-radius:18px!important;padding:15px 17px!important;margin-bottom:16px!important;color:#EDE4E0!important}
.name-input{max-width:350px!important;min-height:54px!important;border-radius:16px!important;background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.13)!important;padding:16px 17px!important}
.btn-primary{max-width:350px!important;min-height:54px!important;border-radius:16px!important;background:linear-gradient(135deg,#C39A62 0%,#A5743A 100%)!important;box-shadow:0 14px 30px rgba(170,116,55,.24)!important;font-weight:850!important;letter-spacing:.01em!important}

/* Dashboard brand */
.brand-row{align-items:center!important;margin-bottom:18px!important;min-height:58px}
.brand-lockup{min-width:0;display:flex;align-items:center}
.dashboard-brand-logo{display:block;width:116px;height:auto;max-height:58px;object-fit:contain;object-position:left center;filter:drop-shadow(0 6px 9px rgba(80,35,27,.08))}
.brand-chip{background:linear-gradient(180deg,#FBF3E8,#F2E3CE)!important;border-color:#E5CFB2!important;color:#795528!important;padding:7px 10px!important;font-size:9px!important;letter-spacing:1px!important;font-weight:900!important;box-shadow:inset 0 1px rgba(255,255,255,.8)}

.dashboard-kicker{font-size:10px!important;letter-spacing:.8px;text-transform:uppercase;font-weight:800;color:#927D73!important}
.dashboard-title{font-size:30px!important;font-weight:820!important;line-height:1.08!important;color:#201715!important}
.dashboard-sub{max-width:360px;font-size:13px!important;line-height:1.55!important;color:#756761!important}

/* Premium cards & rhythm */
.page-content{max-width:520px;margin-inline:auto}
.mobile-section-head{margin-top:25px!important;margin-bottom:12px!important;color:#8C6335!important}
.card,.module-card,.premium-offer,.crisis-card,.schedule-card,.profile-option{
  border-color:#E8DED7!important;
  box-shadow:0 9px 26px rgba(45,29,25,.045)!important;
}
.card{border-radius:21px!important}
.card-title{font-weight:820!important;letter-spacing:-.01em}
.card-sub{color:#82736C!important}

.progress-panel{
  background:
    radial-gradient(circle at 100% 0,rgba(223,185,130,.14),transparent 34%),
    linear-gradient(145deg,#291E1B 0%,#181210 100%)!important;
  border:1px solid rgba(238,213,179,.08)!important;
  border-radius:24px!important;
  box-shadow:0 18px 42px rgba(40,23,19,.17)!important;
}
.progress-eyebrow{color:#D9BB8F!important}
.progress-title{font-size:16px!important;font-weight:780!important}
.progress-value{font-weight:780!important;color:#F0D6AF!important}
.progress-bar-value{background:linear-gradient(90deg,#B9894F,#F0D4A6)!important}
.next-step-btn{border-color:rgba(239,210,170,.20)!important;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important}
.next-step-btn-main{font-size:13px!important;font-weight:850!important}
.next-step-btn-arrow{background:linear-gradient(145deg,#F0D3A6,#C79A61)!important;color:#251915!important}

.hero-card{
  background:
    radial-gradient(circle at 93% 10%,rgba(255,255,255,.15),transparent 24%),
    linear-gradient(145deg,#7C102D 0%,#A5113D 58%,#6C1028 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 18px 40px rgba(110,14,43,.20)!important;
}
.hero-title{font-weight:820!important;letter-spacing:-.02em!important}
.hero-cta{font-weight:880!important}

/* Plan */
.section-label{font-size:10px!important;letter-spacing:1.35px!important;color:#986C39!important;font-weight:900!important}
.module-card{border-radius:19px!important;padding:15px 14px!important;gap:12px!important}
.module-title{font-size:13.2px!important;line-height:1.3!important;font-weight:850!important;letter-spacing:-.006em}
.module-sub{font-size:11px!important;color:#887971!important}
.module-icon{border-radius:14px!important}
.phase-title{font-size:26px!important;font-weight:850!important;line-height:1.12!important;color:#211714!important}
.phase-objective{border-left-color:#C3965A!important;background:linear-gradient(135deg,#FBF5EE,#F7EEE3)!important;color:#624B3C!important;border-radius:17px!important}
.day-card{border-radius:22px!important;border-color:#E9E0DB!important;box-shadow:0 10px 28px rgba(46,29,25,.045)!important}
.day-header{align-items:center!important}
.day-number{background:linear-gradient(145deg,#2B201D,#1D1614)!important;color:#EACCA1!important;border-radius:14px!important;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.day-title{font-size:15.2px!important;line-height:1.24!important;font-weight:880!important;letter-spacing:-.01em}
.day-meta{font-size:11.5px!important;line-height:1.42!important;color:#8A7770!important}
.day-section-title{font-size:10.8px!important;letter-spacing:.9px!important;color:#956A37!important}
.day-text,.example-text,.rules-text,.highlight-text,.final-text{font-size:14.5px!important;line-height:1.72!important;letter-spacing:-.002em}
.highlight-box{background:linear-gradient(135deg,#FAF2E8,#F5E8D8)!important;border-color:#E7D2B7!important}
.highlight-title{color:#855D30!important;font-weight:900!important}
.final-day{background:linear-gradient(145deg,#2A1F1C,#181210)!important;border-radius:18px!important}
.day-complete{border-radius:14px!important;min-height:50px!important;font-weight:850!important}

/* Intro schedule */
.schedule-card{border-radius:22px!important;overflow:hidden}
.schedule-title{font-size:16px!important;font-weight:850!important;color:#241916!important}
.day-badge{min-width:54px!important;background:linear-gradient(145deg,#F8EFE4,#F2E3CF)!important;color:#80592C!important;font-weight:900!important}
.day-badge.bonus{background:linear-gradient(145deg,#30231F,#1B1412)!important;color:#EACDA4!important}
.phase-name{font-size:12px!important;font-weight:850!important;color:#2C211E!important}
.phase-action{font-size:11px!important;line-height:1.4!important;color:#88766E!important}

/* Header + navigation */
.page-header{border-bottom:1px solid rgba(224,213,206,.75)!important;box-shadow:0 4px 18px rgba(61,40,33,.025)!important}
.back-btn{background:#F6EFEA!important;border-color:#E7D9D0!important}
.back-btn svg{stroke:#7C1731!important}
.header-title{font-weight:850!important;color:#2A1D1A!important;letter-spacing:-.01em}
.bottom-nav{background:rgba(27,20,18,.965)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 18px 48px rgba(0,0,0,.26)!important}
.nav-item{color:#A99A94!important;font-weight:750!important}
.nav-item.active{color:#F1D3A8!important;background:rgba(255,255,255,.06)!important}
.nav-item.active svg{filter:drop-shadow(0 2px 4px rgba(224,186,132,.16))}

/* Offers feel like a product shelf, not generic checkout cards */
.premium-offer{background:linear-gradient(180deg,#FFFFFF,#FCF9F6)!important;border-radius:21px!important;padding:18px!important}
.premium-offer>div:last-child{background:linear-gradient(135deg,#2A201D,#181311)!important;color:#F1D4AC!important;border-color:#2A201D!important;border-radius:12px!important;font-weight:850!important}
.premium-offer::after{background:#F5EBDD!important;color:#80592E!important}

@media (max-width:699px){
  #page-dashboard .page-content{padding-top:max(12px,env(safe-area-inset-top))!important}
  .page-content{padding-left:16px!important;padding-right:16px!important}
  .welcome-logo-shell{width:min(285px,80vw);margin-top:16px}
  .welcome-product{font-size:21px!important}
  .dashboard-brand-logo{width:108px;max-height:54px}
  .dashboard-title{font-size:29px!important}
  .progress-panel{padding:18px 16px!important}
  .module-card{min-height:74px!important}
  .day-card{padding:18px 16px!important}
}

@media (max-width:365px){
  .welcome-logo-shell{width:min(260px,79vw)}
  .welcome-product{font-size:20px!important}
  .dashboard-brand-logo{width:98px}
  .brand-chip{font-size:8px!important;padding:6px 8px!important}
  .dashboard-title{font-size:27px!important}
}