/* ── Paleta institucional del colegio (la ORIGINAL del sitio: assets/css/landing.css y custom.css) ──
   #1565C0 primario · #0D47A1 primario oscuro · #42A5F5 primario claro
   #00BFA5 acento · #00897B acento oscuro · #0A1628 franjas oscuras · #F0F5FF / #F8FAFC fondos */
:root {
	--p:    #1565C0;
	--pd:   #0D47A1;
	--pl:   #42A5F5;
	--a:    #00BFA5;
	--ad:   #00897B;
	--dark: #0A1628;
	--bg:   #F0F5FF;
	--bgs:  #F8FAFC;
	--s1:   0 4px 12px rgba(21,101,192,.09);
	--s2:   0 10px 30px rgba(21,101,192,.14);
	--s3:   0 20px 48px rgba(21,101,192,.20);
}

/* Portada propia del colegio (la misma del sitio original) */
.lhero {
	background-image: url('../img/portada_colegio.jpg');
	background-position: center center;
}
/* Velo original del sitio: mas transparente que el de la base */
.lhero-overlay {
	background: linear-gradient(145deg,
		rgba(13,71,161,.65) 0%,
		rgba(5,100,120,.55) 60%,
		rgba(0,137,123,.45) 100%) !important;
}

/* ── Clases de la estructura del 29 que la base del sitio no traia ── */
.lcontact-wrap {
	background: white; border-radius: var(--r);
	padding: 40px; box-shadow: var(--s1);
	border: 1px solid var(--brd);
}
.lverif-wrap {
	background: white; border-radius: var(--r);
	padding: 40px; box-shadow: var(--s1); border: 1px solid var(--brd);
	max-width: 520px; margin: 0 auto;
}
.lperiod-badge {
	display: inline-block; background: rgba(255,255,255,.18); color: #fff;
	border-radius: 50px; padding: .2rem .9rem; font-size: .78rem; font-weight: 600; margin-top: .5rem;
}
.lsep { height: 4px; background: linear-gradient(90deg, var(--p), var(--a)); border-radius: 2px; margin: 1.5rem 0; }
.lsec-ttl {
	font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
	color: var(--p); border-bottom: 2px solid var(--pl); padding-bottom: .4rem; margin-bottom: 1rem;
}
.lthumb {
	width: 140px; height: 140px; border-radius: 50%; object-fit: cover;
	box-shadow: var(--s1); border: 4px solid #fff; display: block; margin: 0 auto .75rem;
}
.btn-default { background: #f8f9fa; border: 1px solid #dee2e6; color: var(--tx); }
.btn-default:hover { background: #e9ecef; color: var(--tx); }

/* Aula virtual (4 .lproc-card como el 29) con los colores del colegio */
.lproc-card::before { background: linear-gradient(90deg, var(--p), var(--a)); }
.lproc-icon { color: var(--p); background: var(--bg); }
.lproc-card:hover .lproc-icon { background: linear-gradient(135deg, var(--p), var(--a)); color: #fff; }

/* Enlaces del pie que ahora son <button> (btnIngresar) */
.lfooter-links li button { background: none; border: 0; padding: 0; color: inherit; font: inherit; text-align: left; }
.lbanks-notice .lnk-btn { background: none; border: 0; padding: 0; color: var(--p); font-weight: 700; text-decoration: underline; }

/* ── Contacto (antes en $extraHeadContent de contacto.php) ── */
.lcontact-info-card { background:var(--w); border-radius:var(--r); box-shadow:var(--s1);
	border:1px solid var(--brd); padding:1.4rem 1.5rem; display:flex; align-items:flex-start;
	gap:1rem; margin-bottom:1rem; transition:var(--tr); }
.lcontact-info-card:hover { transform:translateY(-4px); box-shadow:var(--s2); }
.lcontact-info-icon { width:48px; height:48px; border-radius:50%; background:var(--bg);
	display:flex; align-items:center; justify-content:center; font-size:1.3rem;
	color:var(--p); flex-shrink:0; transition:var(--tr); }
.lcontact-info-card:hover .lcontact-info-icon { background:linear-gradient(135deg,var(--p),var(--a)); color:#fff; }
.lcontact-info-txt h5 { font-size:.88rem; font-weight:700; color:var(--tx); margin-bottom:.2rem; }
.lcontact-info-txt p  { font-size:.86rem; color:var(--txm); margin:0; line-height:1.5; word-break:break-word; }
.lmap-wrap { border-radius:var(--r); overflow:hidden; box-shadow:var(--s1); border:1px solid var(--brd); }
.lmap-wrap iframe { display:block; border:0; }
.lcaptcha-box { background:var(--bgs); border:1px solid var(--brd); border-radius:var(--r); padding:1rem; text-align:center; }
.lcaptcha-box h3 { font-family:"Raleway",sans-serif; font-weight:800; font-size:1.4rem; color:var(--p); margin-bottom:.75rem; }

/* ── Preinscripcion (antes en $extraHeadContent de preinscripcion.php) ── */
.card-subsec {
	font-size:.78rem; font-weight:700; text-transform:uppercase;
	letter-spacing:.08em; color:var(--txm);
	margin:1.25rem 0 .6rem; display:flex; align-items:center; gap:.4rem;
}
.card-subsec i { color:var(--p); }

/* ── RESPONSIVE MOVIL ─────────────────────────────────────── */
@media (max-width: 768px) {
	.lsec { padding: 48px 0; overflow-x: hidden; }
	.lcontainer { padding: 0 16px; }
	.lcontact-wrap, .lverif-wrap { padding: 22px 18px; }
	.lpage-hdr h2 { font-size: 1.35rem; }
	html, body { overflow-x: hidden; }
	.table-responsive { -webkit-overflow-scrolling: touch; }
	.modal-footer .col-md-12 { width: 100%; }
}
@media (max-width: 576px) {
	.lhero-actions .lbtn { width: 100%; justify-content: center; }
}