@charset "UTF-8";

body {
  background:linear-gradient(135deg,#2f1c1c,#4b3838);
  color:#f9f6f2;
  font-family:Georgia,serif;
/* Más seguro para MFC */
  font-size:15px;
  line-height:1.7;
  margin:0;
  padding:20px 15px;
  background-attachment:fixed;
  background-repeat:no-repeat;
}

a:link,a:visited {
  color:#e2a6a6;
  font-weight:600;
  text-decoration:none;
  transition:color .3s ease;
}

a:hover,a:active {
  color:#ffd4d4;
  text-decoration:underline;
}

#fixed_background {
  background-image:url(https://www.transparenttextures.com/patterns/crumpled-paper.png);
  background-repeat:repeat;
  background-position:center center;
  opacity:.9;
}

.profile_section_content {
  background:rgba(75,43,43,0.85);
  padding:20px;
  margin:20px 0;
  border-radius:15px;
  box-shadow:0 0 20px #e2a6a6cc;
  border:2px solid #b86b6b;
  transition:box-shadow .3s ease;
}

.profile_section_content:hover {
  box-shadow:0 0 30px #ffbcbc;
}

.profile_section_content .heading {
  font-family:Georgia,serif;
  font-style:italic;
  font-weight:700;
  font-size:22px;
  color:#f7e7e7;
  margin-bottom:15px;
  text-align:center;
  text-shadow:2px 2px 5px #3f1e1e;
}

.content {
  font-family:Arial,sans-serif;
  font-weight:400;
  font-size:15px;
  color:#f4eaea;
  line-height:1.6;
  letter-spacing:.02em;
}

.img_radius_shadow {
  border-radius:12px;
  box-shadow:0 6px 20px rgba(255,182,182,0.6);
  display:block;
  margin:25px auto;
  max-width:100%;
  transition:transform .3s ease;
}

.img_radius_shadow:hover {
  transform:scale(1.05);
  box-shadow:0 10px 30px rgba(255,182,182,0.9);
}

.my_mfc_news_feed {
  width:100%;
  height:340px;
  border-radius:15px;
  box-shadow:0 0 25px #e7a6a6bb;
  border:1px solid #a25a5a;
}

body::-webkit-scrollbar {
  width:12px;
}

body::-webkit-scrollbar-track {
  background:#3d2e2e;
}

body::-webkit-scrollbar-thumb {
  background-color:#c87878;
  border-radius:6px;
  border:3px solid #3d2e2e;
}

/* Imagen de horario */
#horario {
  width:100%;
  height:300px;
/* ajusta según el tamaño real de tu imagen */
  background-image:url(https://imgur.com/a/cRZoGQd);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  margin:30px 0;
  border-radius:15px;
  box-shadow:0 0 25px #e7a6a6cc;
  border:2px solid #b86b6b;
}

/* Título opcional para el horario */
#horario::before {
  content:"???? My schedule";
  display:block;
  text-align:center;
  font-family:Georgia,serif;
  font-size:20px;
  font-style:italic;
  color:#f7e7e7;
  margin-bottom:10px;
  text-shadow:1px 1px 3px #3f1e1e;
}