@charset "UTF-8";

/* Variables de tema */
:root {
  --mt-wine-900:#3b0b0b;
/* vino oscuro para fondos profundos */
  --mt-wine-700:#6b1516;
/* vino principal */
  --mt-wine-500:#8c1f21;
/* tono más claro para acentos */
  --mt-gold-600:#d4af37;
/* dorado principal (acento/lineas) */
  --mt-gold-400:#f0d98b;
/* dorado suave para hover o fondos claros) */
  --mt-cream:#faf5ee;
/* texto alternativo / fondos suaves */
  --mt-radius:12px;
  --mt-gap:1rem;
  --mt-transition:180ms ease;
}

/* Contenedor general */
.mt-free {
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
  color:var(--mt-cream);
  background:linear-gradient(180deg,var(--mt-wine-900) 0%,var(--mt-wine-700) 100%);
  min-height:100vh;
  padding:2rem;
  box-sizing:border-box;
}

/* Header */
.mt-free__header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--mt-gap);
  padding:1rem 1.25rem;
  border-radius:calc(var(--mt-radius) + 4px);
  background:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(0,0,0,0.06));
  box-shadow:0 6px 20px rgba(0,0,0,0.4);
  border:1px solid rgba(212,175,55,0.12);
/* borde dorado muy sutil */
}

/* Navegación simple */
.mt-free__nav {
  margin:1rem 0;
  display:flex;
  gap:1rem;
  align-items:center;
}

.mt-free__nav a {
  color:var(--mt-cream);
  text-decoration:none;
  padding:.45rem .75rem;
  border-radius:8px;
  position:relative;
  transition:background var(--mt-transition),color var(--mt-transition);
}

.mt-free__nav a::after {
/* línea dorada bajo cada enlace al pasar */
  content:"";
  height:2px;
  width:0;
  background:linear-gradient(90deg,var(--mt-gold-600),var(--mt-gold-400));
  position:absolute;
  left:0;
  bottom:-6px;
  transition:width var(--mt-transition);
}

.mt-free__nav a:hover::after {
  width:100%;
}

/* Contenido y tarjeta */
.mt-free__content {
  display:grid;
  grid-template-columns:1fr;
  gap:1.2rem;
  margin-top:1rem;
}

.mt-free__card {
  background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(0,0,0,0.08));
  border-radius:var(--mt-radius);
  padding:1.25rem;
  box-shadow:0 8px 30px rgba(0,0,0,0.45);
  border-left:4px solid var(--mt-gold-600);
/* barra dorada lateral */
  position:relative;
  overflow:hidden;
}

/* Títulos dentro de la tarjeta */
.mt-free__card h2 {
  margin:0 0 .5rem;
  font-size:1.25rem;
  color:var(--mt-wine-500);
  background:linear-gradient(90deg,rgba(212,175,55,0.15),transparent);
  display:inline-block;
  padding:.15rem .5rem;
  border-radius:6px;
}

/* Separador — línea dorada fina */
.mt-free__separator {
  border:0;
  height:1px;
  margin:1rem 0;
  background:linear-gradient(90deg,transparent,var(--mt-gold-600),transparent);
  opacity:.95;
}

/* Botón dorado principal */
.mt-free__btn {
  display:inline-block;
  padding:.5rem .9rem;
  font-weight:600;
  font-size:.95rem;
  border-radius:10px;
  cursor:pointer;
  border:1px solid rgba(212,175,55,0.18);
  background:linear-gradient(180deg,var(--mt-gold-600),#b48d2b);
  color:#2a1a03;
/* texto oscuro sobre el dorado */
  transition:transform var(--mt-transition),box-shadow var(--mt-transition);
  box-shadow:0 6px 18px rgba(180,141,43,0.18),inset 0 -2px 6px rgba(0,0,0,0.12);
}

.mt-free__btn:hover {
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(180,141,43,0.26);
}

/* Footer */
.mt-free__footer {
  margin-top:2rem;
  padding:1rem;
  text-align:center;
  color:rgba(250,245,238,0.85);
  border-top:1px solid rgba(212,175,55,0.06);
}

/* Separadores dorados horizontales adicionales (ej: listas, secciones) */
.mt-free__thin-line {
  height:2px;
  width:100%;
  margin:1rem 0;
  background-image:repeating-linear-gradient(90deg,var(--mt-gold-600) 0px,var(--mt-gold-600) 6px,transparent 6px,transparent 12px);
  opacity:.95;
}

/* Ajustes responsivos sencillos */
@media (min-width: 720px) {
  .mt-free__content {
    grid-template-columns:repeat(2,1fr);
  }

  .mt-free__card {
    padding:1.6rem;
  }
}