/* Mujer de Fe · «Sobre mí» con el diseño de luz (26-10-2026): la portadilla (ella en su silla al amanecer), el «Hola, soy
   Mayca» de la portada (historia.css) y la CMT en una tarjeta de noche. Las redes en grande están en base.css. */

/* ---------- ¿Qué es la CMT? ---------- */
.cmt { margin-top: clamp(30px, 4vw, 50px); }
.cmt-caja {
  position: relative; overflow: hidden; padding: clamp(34px, 5vw, 54px) clamp(26px, 5vw, 56px) clamp(28px, 4vw, 40px);
  background: radial-gradient(ellipse at 0% 0%, #3A2238, var(--noche) 70%); color: rgba(248, 235, 217, .85); border-radius: 28px;
  box-shadow: 0 40px 80px -40px rgba(30, 21, 32, .9), inset 0 0 0 1px rgba(243, 212, 138, .18);
}
.cmt-caja::after {
  content: ""; position: absolute; right: -80px; top: -80px; width: 260px; height: 260px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(243, 212, 138, .2), transparent 65%);
}
.cmt-caja h2 { margin-bottom: 22px; font: 600 clamp(24px, 2.6vw, 32px)/1.25 var(--serif); color: #FFF3DC; }
.cmt-lista { margin: 0; padding: 0; list-style: none; }
.cmt-lista li { position: relative; padding-left: 32px; line-height: 1.65; }
.cmt-lista li + li { margin-top: 12px; }
.cmt-lista li::before { content: "✦"; position: absolute; left: 0; top: .05em; color: var(--oro-claro); text-shadow: 0 0 10px rgba(243, 212, 138, .8); }
.cmt-lista strong { color: #FFF3DC; }
.cmt-mas { position: relative; margin: 24px 0 0; color: rgba(248, 235, 217, .7); }
.cmt-mas a { color: var(--oro-claro); }

/* las ramitas alrededor del retrato se mecen despacio (en la portada las mueve el scroll) */
.efectos .historia-pagina .ramita { animation: mecer 7s ease-in-out infinite alternate; }
.efectos .historia-pagina .ramita-2 { animation-duration: 9s; animation-delay: -3s; }
.efectos .historia-pagina .ramita-3 { animation-duration: 8s; animation-delay: -5s; }
@keyframes mecer { to { translate: 6px -16px; } }