/* PT Campus Visual Pro – Pablo López v2.3 */

/* Fondo Alhambra con overlay y bordes difuminados (vignette) */
.ptc-section{
  min-height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 90px 0 110px;
  background-image: url('https://pedagogia-transpersonal.com/wp-content/uploads/2025/10/fondo-alhambra.png');
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
/* Overlay cálido */
.ptc-section::before{
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at center, rgba(255,240,200,0.45) 0%, rgba(245,231,198,0.78) 55%, rgba(245,231,198,0.92) 100%);
  pointer-events: none;
}
/* Vignette dorada en bordes */
.ptc-section::after{
  content: "";
  position: absolute; inset: 0;
  box-shadow: inset 0 0 180px rgba(98,76,32,0.35);
  pointer-events: none;
}

/* Contenedor general */
.campus-wrap{ max-width: 1600px; margin: 0 auto; padding: 0 40px; color:#3a2f1b; font-family: 'Lora', serif; position: relative; z-index: 2; }

/* Títulos hero */
.campus-title{ text-align: center; margin-bottom: 36px; }
.campus-title h1{ font-family:'Playfair Display',serif; font-size:56px; margin:0; letter-spacing:1px; }
.campus-title h2{ font-family:'Playfair Display',serif; font-size:30px; margin:0; }
.campus-title h3{ font-family:'Playfair Display',serif; font-size:24px; margin:8px 0 0; }

/* Bienvenida (barra verde) */
.campus-welcome{
  display:flex; align-items:center; gap:16px;
  background:#688f80; color:#fff;
  border-radius:14px; padding:18px 24px;
  box-shadow: 0 14px 36px rgba(0,0,0,.18);
  margin: 0 0 28px 0;
}
.campus-avatar{ width:56px; height:56px; border-radius:50%; overflow:hidden; background:#dbe6e1; flex:0 0 56px; }
.campus-avatar img{ width:100%; height:100%; object-fit:cover; }
.button-oro{ background:#3a2f1b; color:#fff; border:2px solid #b88a33; padding:10px 18px; border-radius:10px; text-decoration:none; font-weight:700; }
.button-oro:hover{ background:#b88a33; color:#fff; transition: all .2s ease; }

/* Grid principal 3 columnas */
.campus-main{ display:grid; grid-template-columns: 1.15fr 1.7fr 1.15fr; gap:28px; align-items:start; }
.campus-panel{
  background: rgba(251,248,239,0.92);
  backdrop-filter: blur(2px);
  border-radius: 16px;
  padding: 26px;
  box-shadow: 0 10px 28px rgba(0,0,0,.10);
}

/* Menú lateral con progreso por curso */
.campus-menu{ list-style:none; margin:0; padding:0; }
.campus-menu li{ margin:10px 0; display:flex; align-items:flex-start; gap:10px; }
.campus-menu .dot{ width:8px; height:8px; border-radius:50%; background:#b88a33; margin-top:7px; }
.course-progress{ margin-left:auto; font-size:12px; opacity:.8; }

/* Tabs */
.tab-nav{ display:flex; gap:18px; border-bottom:2px solid #e8dfc9; margin-bottom:16px; }
.tab-nav a{ font-weight:700; text-decoration:none; color:#333; padding:6px 0; border-bottom:3px solid transparent; }
.tab-nav a.active{ color:#b88a33; border-bottom-color:#b88a33; }
.tab-pane{ display:none; } .tab-pane.active{ display:block; }
.embed-responsive{ width:100%; aspect-ratio:16/9; border:0; border-radius:12px; }

/* Insignias */
.badges-area .gamipress-achievements-list, .badges-area .gamipress-achievements{
  display:grid; grid-template-columns: repeat(2, 1fr); gap:12px;
}
.badges-area img{ max-width:96px; border-radius:10px; }

/* Responsive */
@media (max-width: 1200px){
  .campus-main{ grid-template-columns: 1fr 1fr; }
  .campus-right{ order:3; }
}
@media (max-width: 800px){
  .campus-main{ grid-template-columns: 1fr; }
  .campus-welcome{ flex-direction:column; align-items:flex-start; }
  .campus-title h1{ font-size:40px; }
}