/*
Theme Name: Colegio San Miguel Arcángel
Theme URI: https://zuqualla.cl/
Author: ZuquallaChile
Author URI: https://zuqualla.cl/
Description: Tema institucional responsive para el Colegio San Miguel Arcángel. Incluye portada, secciones institucionales, área académica, admisión, mural de publicaciones, galería y contacto.
Version: 1.5.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: colegio-san-miguel
Tags: education, accessibility-ready, custom-logo, custom-menu, featured-images
*/
:root{--csm-red:#E3305A;--csm-yellow:#FFDA2F;--csm-green:#90B817;--csm-cream:#FFFDF9;--csm-paper:#FAF8F4;--csm-line:#E8E5E1;--csm-text:#252323;--csm-muted:#686364;--csm-red-soft:#FCE1E7;--csm-yellow-soft:#FFF7D6;--csm-green-soft:#E8F1CF;--csm-blue-soft:#E7F3F6;--csm-lav-soft:#EEE8F5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--csm-cream);color:var(--csm-text);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--csm-red)}button,input,textarea,select{font:inherit}.site-header{position:sticky;top:0;z-index:99;background:rgba(255,253,249,.97);border-bottom:1px solid var(--csm-line);backdrop-filter:blur(12px)}.header-inner{max-width:1200px;margin:auto;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-brand{display:flex;align-items:center;gap:13px;min-width:0}.site-logo{width:58px;height:58px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.site-logo img{width:100%;height:100%;object-fit:contain}.brand-name{font-size:16px;font-weight:800;line-height:1.25}.brand-tagline{display:block;color:var(--csm-muted);font-size:11px;font-weight:500;margin-top:4px}.main-nav ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.main-nav a{display:block;padding:9px 10px;border-radius:10px;font-size:13px;font-weight:750}.main-nav a:hover,.main-nav .current-menu-item>a{background:var(--csm-red-soft);color:var(--csm-red)}.menu-toggle{display:none;border:1px solid var(--csm-line);background:white;border-radius:10px;padding:9px 12px}.wrap{max-width:1200px;margin:auto;padding:0 22px}.hero-slider{position:relative;overflow:hidden;background:var(--csm-paper)}.hero-track,.publication-track{display:flex;transition:transform .55s ease}.hero-slide{min-width:100%;background:radial-gradient(circle at 86% 15%,var(--csm-yellow-soft),transparent 30%),radial-gradient(circle at 10% 80%,var(--csm-green-soft),transparent 32%)}.hero-slide:nth-child(2){background:radial-gradient(circle at 86% 15%,var(--csm-red-soft),transparent 30%),radial-gradient(circle at 10% 80%,var(--csm-blue-soft),transparent 32%)}.hero-slide:nth-child(3){background:radial-gradient(circle at 86% 15%,var(--csm-green-soft),transparent 30%),radial-gradient(circle at 10% 80%,var(--csm-lav-soft),transparent 32%)}.hero-inner{max-width:1200px;min-height:480px;margin:auto;padding:76px 22px;display:flex;align-items:center}.hero-copy{max-width:850px}.eyebrow{display:inline-block;padding:7px 12px;border-radius:999px;background:var(--csm-red-soft);color:var(--csm-red);font-weight:800;font-size:12px;letter-spacing:.02em}.hero h1,.page-title{font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-.035em;margin:18px 0}.lead{font-size:18px;color:var(--csm-muted);max-width:700px}.hero-visual{display:none}.hero-visual-inner{display:none}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;border:0;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 5px 18px #25232318;font-size:25px;cursor:pointer}.slider-prev{left:14px}.slider-next{right:14px}.slider-dots{position:absolute;z-index:4;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.slider-dot{border:0;width:9px;height:9px;border-radius:999px;padding:0;background:#25232345;cursor:pointer}.slider-dot.active{width:24px;background:var(--csm-red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:12px;font-weight:800;font-size:13px;border:1px solid transparent;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--csm-red);color:white}.btn-primary:hover{color:white;background:#c9254a}.btn-soft{background:white;border-color:var(--csm-line)}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.section{padding:68px 0}.section-alt{background:var(--csm-paper)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:25px}.section-heading h2,.content-section h2{font-size:clamp(27px,3.5vw,40px);line-height:1.15;margin:0 0 9px;letter-spacing:-.025em}.section-heading p{margin:0;color:var(--csm-muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid var(--csm-line);border-radius:20px;padding:23px;background:white;min-width:0}.card p{color:var(--csm-muted)}.tone-red{background:var(--csm-red-soft)}.tone-yellow{background:var(--csm-yellow-soft)}.tone-green{background:var(--csm-green-soft)}.tone-blue{background:var(--csm-blue-soft)}.tone-lavender{background:var(--csm-lav-soft)}.card-number{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:white;font-weight:900;margin-bottom:14px}.card h3{margin:0 0 8px;font-size:20px}.card .btn{margin-top:8px}.feature-publication{min-width:100%;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--csm-line);border-radius:24px;overflow:hidden;background:white}.feature-image{min-height:300px;display:grid;place-items:center;background:linear-gradient(135deg,var(--csm-red-soft),var(--csm-yellow-soft));overflow:hidden}.feature-image img{width:100%;height:100%;min-height:300px;object-fit:cover}.feature-body{padding:32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.category-label{color:var(--csm-red);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.publication-slider{position:relative;overflow:hidden}.publication-track{display:flex}.publication-slider .slider-dots{bottom:12px}.page-banner{padding:54px 0 38px;background:var(--csm-paper)}.page-banner .page-title{margin-top:12px}.content-section{padding:42px 0}.entry-content>*:first-child{margin-top:0}.entry-content p,.entry-content li{color:#514d4e}.entry-content a{text-decoration:underline;color:var(--csm-red)}.entry-content h2,.entry-content h3{margin-top:1.4em}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.publication-card{border:1px solid var(--csm-line);border-radius:18px;overflow:hidden;background:white}.publication-card-image{height:180px;background:linear-gradient(135deg,var(--csm-red-soft),var(--csm-yellow-soft));display:block;overflow:hidden}.publication-card-image img{width:100%;height:100%;object-fit:cover}.publication-card-body{padding:19px}.publication-card-body h3{margin:8px 0;font-size:19px}.publication-card-body p{color:var(--csm-muted);font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.filter-button{border:1px solid var(--csm-line);background:white;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800;cursor:pointer}.filter-button.active,.filter-button:hover{background:var(--csm-red-soft);border-color:var(--csm-red-soft);color:var(--csm-red)}.download-list{display:grid;gap:10px}.download-item{display:flex;justify-content:space-between;gap:14px;align-items:center;background:white;border:1px solid var(--csm-line);border-radius:13px;padding:13px 15px}.download-item span{font-weight:700}.site-footer{background:var(--csm-paper);border-top:1px solid var(--csm-line);padding:30px 0;margin-top:25px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--csm-muted);font-size:13px}.footer-credit{color:var(--csm-text);font-weight:800}.contact-form{display:grid;gap:13px}.contact-form label{font-weight:700;font-size:13px}.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid var(--csm-line);background:white;border-radius:10px;padding:12px;margin-top:5px}.contact-form textarea{min-height:130px}.social-links{display:flex;gap:10px;flex-wrap:wrap}.social-links a{border:1px solid var(--csm-line);background:white;border-radius:999px;padding:9px 13px;font-weight:750;font-size:13px}.empty-state{padding:24px;border:1px dashed var(--csm-line);border-radius:15px;color:var(--csm-muted)}.mobile-slider-controls{display:none}
@media(max-width:980px){.header-inner{gap:12px}.main-nav a{font-size:12px;padding:8px}.hero-inner{gap:25px;min-height:450px}.cards,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.header-inner{padding:10px 16px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--csm-cream);border-bottom:1px solid var(--csm-line);padding:12px 16px}.main-nav.is-open{display:block}.main-nav ul{display:grid;grid-template-columns:1fr 1fr}.main-nav a{font-size:14px;padding:11px}.site-logo{width:49px;height:49px}.brand-name{font-size:14px}.hero-inner{min-height:auto;padding:58px 22px 65px;gap:24px}.hero h1,.page-title{font-size:42px}.lead{font-size:16px}.section{padding:50px 0}.section-heading{align-items:flex-start;flex-direction:column}.feature-publication{grid-template-columns:1fr}.feature-image{min-height:200px;max-height:240px}.feature-image img{min-height:200px}.feature-body{padding:23px}.archive-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap{padding:0 16px}.cards,.archive-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.cards>.card,.archive-grid>.publication-card{flex:0 0 84%;scroll-snap-align:start}.cards{gap:13px}.archive-grid{gap:13px}.section-heading .btn{align-self:flex-start}.slider-arrow{width:35px;height:35px;font-size:21px}.slider-prev{left:8px}.slider-next{right:8px}.download-item{align-items:flex-start;flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column}.main-nav ul{grid-template-columns:1fr 1fr}.hero-inner{padding-left:16px;padding-right:16px}}


/* v1.4.0 — contenido institucional y controles nativos */
.content-section section,
.entry-content section { margin: 0 0 2rem; }
.entry-content details {
  border: 1px solid var(--csm-line);
  border-radius: 14px;
  padding: 14px 18px;
  background: #fff;
  margin: 12px 0;
}
.entry-content details summary { cursor: pointer; font-weight: 800; }
.entry-content details[open] summary { margin-bottom: 12px; }
.entry-content ul, .entry-content ol { padding-left: 1.5rem; }
.entry-content li { margin: .35rem 0; }
.entry-content a.btn { margin: 6px 6px 6px 0; }

/* v1.5.0: configuración del editor del colegio */
.mural-filter-grid.csm-configured-slider {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 32%);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  gap: 1.25rem;
  padding-bottom: 1rem;
}
.mural-filter-grid.csm-configured-slider > article { scroll-snap-align: start; }
@media (max-width: 760px) {
  .mural-filter-grid.csm-configured-slider { grid-auto-columns: minmax(240px, 82%); }
}

/* v78 — presentación configurable del mural */
.mural-filter-grid.csm78-configured-slider{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,32%);overflow-x:auto;scroll-snap-type:inline mandatory;gap:1.25rem;padding-bottom:1rem}
.mural-filter-grid.csm78-configured-slider>.publication-card{scroll-snap-align:start}
@media(max-width:760px){.mural-filter-grid.csm78-configured-slider{grid-auto-columns:minmax(240px,82%)}}

.csm78-public-sections{display:grid;gap:1.5rem;margin:2rem 0}
.csm78-public-section{padding:1.25rem;border:1px solid rgba(35,55,90,.12);border-radius:14px;background:rgba(255,255,255,.7)}
.csm78-public-section .section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}