@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&display=swap');
:root{--red:#e10600;--blue:#1f6feb;--text:#1f2937;--muted:#6b7280;--bg:#f6f8fb;}
*{box-sizing:border-box} html,body{scroll-behavior:smooth;}
body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);}
h1,h2,h3,h4,h5{font-weight:800;letter-spacing:.2px;} .lead{color:#24324a}
.navbar{box-shadow:0 2px 18px rgba(0,0,0,.06);} .btn-primary{background:var(--red);border-color:var(--red);}
.btn-primary:hover{background:#b80a02;border-color:#b80a02;} .btn-outline-light{border-color:#fff;color:#fff;}
.hero {
  min-height: 92vh;
  background: url('../img/hangzhou.jpeg') center/cover no-repeat;
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 1;
}

.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55); /* oscurece el fondo (0.55 = 55% opaco) */
  z-index: -1; /* queda detrás del texto */
}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15));}
.hero .content{position:relative;z-index:2;} .section{padding:90px 0;} .section h2{margin-bottom:12px}
.card{border-radius:18px;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 28px rgba(10,57,130,.06);background:#fff;}
.icon-bullet{color:var(--blue);margin-right:.5rem} .grid-gap{gap:1.25rem}
.footer{background:#0b1220;color:#cbd5e1;padding:56px 0;} .footer a{color:#9fb7ff;text-decoration:none}
.footer a:hover{text-decoration:underline} .logo-pair img{height:54px;margin-right:16px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));}
.section-teachers{background:linear-gradient(180deg,#eef4ff 0%,#ffffff 70%);} 
.teacher-card{border:1px solid rgba(31,111,235,.14);border-radius:18px;overflow:hidden;transition:transform .2s ease, box-shadow .2s ease;}
.teacher-card:hover{transform:translateY(-4px);box-shadow:0 18px 48px rgba(31,111,235,.16);} 
.teacher-photo{width:120px;height:120px;border-radius:60px;object-fit:cover;box-shadow:0 6px 16px rgba(31,111,235,.2);} 
.teacher-name{color:var(--blue);font-weight:800;margin-bottom:.25rem} 
.teacher-list{padding-left:0;margin-bottom:0;list-style:none} 
.teacher-list li{display:flex;align-items:flex-start;margin:.25rem 0;color:#374151} 
.teacher-list li i{color:var(--blue);margin-right:.5rem;margin-top:.25rem}
.day-card .title{font-weight:700;color:var(--blue)} .badge-soft{background:rgba(31,111,235,.08);color:var(--blue);border:1px solid rgba(31,111,235,.18);}
.visit-img{border-radius:14px;margin-bottom:.75rem;} pre{font-family:Poppins,sans-serif;white-space:pre-wrap}