/* Academia ETERNI · IXCHEL premium V50
   Pulido de producción: estados, recorrido diario, materiales y conversación.
*/

:root{
  --ix49-plum:#43284b;
  --ix49-plum-soft:#604367;
  --ix49-gold:#b78d4c;
  --ix49-ivory:#f8f4ef;
  --ix49-sage:#f0f5ee;
  --ix49-lilac:#f6f1f7;
  --ix49-rose:#fbf3f0;
  --ix49-paper:#fffdfa;
  --ix49-line:rgba(67,40,75,.10);
  --ix49-shadow:0 22px 58px rgba(45,28,51,.08);
}

/* Evita que los estados ocultos reaparezcan por reglas display:flex/grid. */
.ixchel-page [hidden]{
  display:none!important;
}

/* Navegación: IXCHEL siempre debe marcarse como sección activa. */
.ixchel-page .app-primary-nav .app-nav-link[href="ixchel.html"].active{
  background:rgba(255,255,255,.08);
  box-shadow:inset 3px 0 0 var(--ix49-gold);
}
.ixchel-page .app-primary-nav .app-nav-link[href="ixchel.html"].active .app-nav-icon{
  color:#f2d59d;
}

/* Hero */
.ixchel-page .ixchel-hero{
  padding:62px 0 50px;
  background:
    radial-gradient(circle at 78% 25%,rgba(225,191,126,.18),transparent 27%),
    linear-gradient(132deg,#34203b 0%,#43284b 58%,#53365b 100%);
}
.ixchel-page .ixchel-hero-meta{
  gap:8px;
  margin-top:24px;
}
.ixchel-page .ixchel-hero-meta span{
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.06);
  font-size:10px;
  font-weight:700;
}
.ixchel-page .ixchel-week-badge{
  background:rgba(255,255,255,.08);
  border-color:rgba(238,211,160,.22);
  box-shadow:0 20px 54px rgba(20,10,24,.18);
}

/* Layout */
.ixchel-page .ixchel-content-section{
  padding:36px 0 84px;
}
.ixchel-page .ixchel-layout{
  gap:22px;
}
.ixchel-page .ixchel-main-column,
.ixchel-page .ixchel-side-column{
  gap:22px;
}

/* Recorrido diario */
.ixchel-page .ixchel-daily-panel{
  padding:28px;
  background:linear-gradient(180deg,#fffdfa,#fcf8f4);
  border-color:var(--ix49-line);
  box-shadow:var(--ix49-shadow);
}
.ixchel-page .ixchel-loading-card{
  min-height:220px;
}
.ixchel-page .ixchel-daily-header{
  padding-bottom:4px;
}
.ixchel-page .ixchel-day-navigation{
  gap:9px;
  margin-top:20px;
}
.ixchel-page .ixchel-day-button{
  min-height:68px;
  background:#fff;
  border-color:var(--ix49-line);
  box-shadow:0 7px 18px rgba(45,28,51,.035);
}
.ixchel-page .ixchel-day-button:hover{
  border-color:rgba(183,141,76,.28);
  transform:translateY(-1px);
}
.ixchel-page .ixchel-day-button.active{
  color:#fff;
  background:var(--ix49-plum);
  border-color:var(--ix49-plum);
  box-shadow:0 12px 25px rgba(67,40,75,.18);
}

/* Cada momento del día tiene su propio tono. */
.ixchel-page .ixchel-phrase-card{
  margin-top:22px;
  background:
    radial-gradient(circle at 88% 8%,rgba(212,173,104,.16),transparent 28%),
    linear-gradient(145deg,#faf3e6,#f2e7d2);
}
.ixchel-page .ixchel-daily-message-card{
  background:#fff;
  box-shadow:0 10px 30px rgba(45,28,51,.035);
}
.ixchel-page .ixchel-reflection-card{
  margin-top:18px;
  background:linear-gradient(145deg,#faf7fb,#f4eef6);
  border-color:rgba(96,67,103,.12);
}
.ixchel-page .ixchel-reflection-card h3{
  font-size:29px;
  line-height:1.18;
}

/* Materiales */
.ixchel-page .ixchel-weekly-materials{
  gap:18px;
}
.ixchel-page .ixchel-audio-card{
  background:linear-gradient(145deg,#fff,#f0f5ee);
  border-color:rgba(76,126,83,.11);
}
.ixchel-page .ixchel-audio-card{
  box-shadow:var(--ix49-shadow);
}


.ixchel-page .ixchel-audio-card{
  padding:24px;
  border:1px solid rgba(91,130,77,.12);
  border-radius:22px;
}
.ixchel-page .ixchel-material-icon.audio{
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(145deg,#5b824d,#315f37);
}
.ixchel-page .ixchel-audio-player{
  display:grid;
  gap:8px;
  margin-top:18px;
  padding:14px;
  border:1px solid rgba(67,40,75,.09);
  border-radius:16px;
  background:rgba(255,255,255,.86);
}
.ixchel-page .ixchel-audio-player audio{
  width:100%;
  accent-color:var(--ix49-plum);
}
.ixchel-page .ixchel-audio-player small{
  color:#7a707b;
  font-size:10px;
}
.ixchel-page #ixchelAudioEmpty{
  display:grid;
  gap:5px;
  margin-top:16px;
}
.ixchel-page #ixchelAudioEmpty strong{
  color:var(--ix49-plum);
  font-size:12px;
}
.ixchel-page #ixchelAudioEmpty span{
  color:#7b707c;
  font-size:11px;
  line-height:1.45;
}

/* Sidebar */
.ixchel-page .ixchel-archive-card{
  background:linear-gradient(180deg,#fff,#faf6fb);
}
.ixchel-page .ixchel-values-card{
  background:linear-gradient(180deg,#fff,#f8f4ed);
}
.ixchel-page .ixchel-archive-card,
.ixchel-page .ixchel-values-card{
  border-color:var(--ix49-line);
  box-shadow:var(--ix49-shadow);
}
.ixchel-page .ixchel-archive-item{
  padding:13px;
  border-color:rgba(67,40,75,.07);
  background:#fff;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.ixchel-page .ixchel-archive-item:hover{
  transform:translateY(-1px);
  border-color:rgba(183,141,76,.25);
}
.ixchel-page .ixchel-archive-item.active{
  border-color:rgba(67,40,75,.16);
  background:#f4eef5;
}

/* Conversación: feed compacto y natural, no un lienzo vacío. */
.ixchel-page .ixchel-chat-card{
  padding:28px;
  background:#fff;
  border-color:var(--ix49-line);
  box-shadow:var(--ix49-shadow);
}
.ixchel-page .ixchel-chat-guideline{
  background:#f8f3eb;
}
.ixchel-page .ixchel-chat-list{
  height:auto;
  min-height:0;
  max-height:520px;
  margin-top:16px;
  padding:14px;
  overflow-y:auto;
  background:#f8f3ed;
  border-color:rgba(67,40,75,.08);
}
.ixchel-page .ixchel-chat-loading,
.ixchel-page .ixchel-chat-empty{
  min-height:160px;
}
.ixchel-page .ixchel-chat-message{
  margin-bottom:10px;
}
.ixchel-page .ixchel-chat-message:last-child{
  margin-bottom:0;
}
.ixchel-page .ixchel-chat-bubble{
  max-width:min(82%,720px);
  padding:13px 15px;
  border:1px solid rgba(67,40,75,.06);
  box-shadow:0 7px 19px rgba(50,31,57,.05);
}
.ixchel-page .ixchel-chat-message.mine .ixchel-chat-bubble{
  border-color:transparent;
  background:var(--ix49-plum);
}
.ixchel-page .ixchel-like-button{
  padding:6px 10px;
}
.ixchel-page .ixchel-like-button small{
  font-size:9px;
}
.ixchel-page .ixchel-chat-form{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(67,40,75,.08);
}
.ixchel-page .ixchel-chat-form textarea{
  min-height:90px;
  background:#fffdfa;
}
.ixchel-page #ixchelSendButton{
  min-width:140px;
}
.ixchel-page #ixchelSendButton:disabled{
  opacity:.48;
  cursor:not-allowed;
  box-shadow:none;
}

/* Estados vacíos más discretos */
.ixchel-page .ixchel-empty-week{
  min-height:180px;
  margin-top:16px;
  border:1px dashed rgba(67,40,75,.12);
  border-radius:22px;
  background:#faf7f9;
}
.ixchel-page .ixchel-empty-week>span{
  font-size:30px;
}

/* Transiciones suaves */
.ixchel-page .ixchel-day-button,
.ixchel-page .ixchel-archive-item,
.ixchel-page .ixchel-chat-bubble{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

@media(max-width:980px){
  .ixchel-page .ixchel-layout{
    grid-template-columns:1fr;
  }
  .ixchel-page .ixchel-side-column{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .ixchel-page .ixchel-hero{
    padding:46px 0 38px;
  }
  .ixchel-page .ixchel-daily-panel,
  .ixchel-page .ixchel-chat-card{
    padding:20px;
  }
  .ixchel-page .ixchel-side-column{
    grid-template-columns:1fr;
  }
  .ixchel-page .ixchel-chat-bubble{
    max-width:90%;
  }
  .ixchel-page .ixchel-chat-form-footer{
    align-items:stretch;
    flex-direction:column;
  }
  .ixchel-page #ixchelSendButton{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  .ixchel-page .ixchel-day-button,
  .ixchel-page .ixchel-archive-item,
  .ixchel-page .ixchel-chat-bubble{
    transition:none;
  }
}


/* V51 · Preguntas para reflexionar */
.ixchel-page .ixchel-reflection-questions{
  margin:14px 0 8px;
}
.ixchel-page .ixchel-reflection-questions ul{
  margin:0;
  padding-left:1.25rem;
  display:grid;
  gap:10px;
}
.ixchel-page .ixchel-reflection-questions li{
  color:var(--ink, #2f2433);
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:clamp(1.15rem, 2vw, 1.42rem);
  font-weight:600;
  line-height:1.35;
}