/* Portada Colegio Pucón — según el prototipo XD 2026 */
.cp-portada{--cp-ancho-portada:1180px}
.cp-portada .cp-contenedor{width:88%;max-width:var(--cp-ancho-portada);margin:0 auto}

/* ── Hero ─────────────────────────────────────────────── */
.cp-hero{position:relative;background:#1d2b16;overflow:hidden}
.cp-hero__media{display:block;width:100%;height:clamp(360px,46vw,660px);object-fit:cover}
.cp-hero__velo{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(12,30,8,.34),rgba(12,30,8,.12) 45%,rgba(12,30,8,.34));pointer-events:none}
.cp-hero__texto{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:88%;max-width:var(--cp-ancho-portada);text-align:center;z-index:2;pointer-events:none}
.cp-hero__titulo{color:#fff;font-size:clamp(34px,5.2vw,74px);font-weight:800;line-height:1.05;letter-spacing:-.01em;margin:0;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.cp-hero__bajada{color:#fff;font-size:clamp(15px,1.5vw,24px);font-weight:600;line-height:1.35;margin:14px auto 0;max-width:22em;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.cp-hero__cerro{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:auto;display:block;pointer-events:none}

/* Flecha "sigue bajando" — aparece a los 3 s, igual que en Ultu */
.cp-hero__flecha{position:absolute;left:0;right:0;bottom:calc(5.2vw + 20px);margin:0 auto;z-index:2;display:block;width:46px;height:46px;font-size:0;line-height:0;text-decoration:none;opacity:0;animation:cp-flecha-entra .6s ease-out 3s forwards}
.cp-hero__flecha::after{content:"";display:block;box-sizing:border-box;width:24px;height:24px;margin:4px auto 0;border-right:5px solid #fff;border-bottom:5px solid #fff;transform:rotate(45deg);animation:cp-flecha-bota 1.8s ease-in-out 3.6s infinite}
@keyframes cp-flecha-entra{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes cp-flecha-bota{0%,100%{transform:rotate(45deg) translate(0,0)}50%{transform:rotate(45deg) translate(6px,6px)}}
@media (prefers-reduced-motion:reduce){.cp-hero__flecha{opacity:1;animation:none}.cp-hero__flecha::after{animation:none}}
#cp-proximos{scroll-margin-top:var(--cp-alto-cabecera,80px)}

/* ── Próximos eventos ─────────────────────────────────── */
.cp-eventos{position:relative;background:var(--cp-verde-oscuro);padding:0 0 70px;overflow:hidden}
.cp-eventos__arbol{position:absolute;top:0;left:53.36%;width:34.69%;height:auto;display:block;pointer-events:none;user-select:none}
.cp-eventos .cp-contenedor{position:relative;z-index:1}
.cp-titulo-seccion{display:flex;align-items:center;justify-content:center;gap:16px;color:#fff;font-size:30px;font-weight:800;margin:0 0 34px;padding-top:26px}
.cp-titulo-seccion::before,.cp-titulo-seccion::after{content:"";width:34px;height:3px;background:var(--cp-verde-lima);border-radius:2px}
/* ── Nuestro colegio ──────────────────────────────────── */
.cp-nuestro{position:relative;background:#1d2b16 center/cover no-repeat fixed;padding:70px 0}
.cp-nuestro::before{content:"";position:absolute;inset:0;background:rgba(15,25,12,.55)}
.cp-nuestro .cp-contenedor{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center}
.cp-nuestro__icono{width:112px;height:auto;display:block;margin:0 0 18px}
.cp-nuestro h2{color:#fff;font-size:26px;font-weight:700;margin:0 0 14px}
.cp-nuestro__linea{width:140px;height:3px;background:var(--cp-rojo);border:0;margin:0 0 22px}
.cp-nuestro__texto{color:#fff;font-size:15px;font-weight:600;line-height:1.7;max-width:34em}
.cp-nuestro__texto p{color:#fff;margin:0 0 1em}
.cp-nuestro__foto{width:100%;height:auto;display:block}

/* ── Documentos oficiales ─────────────────────────────── */
.cp-docs-of{display:grid;grid-template-columns:1fr 1fr;min-height:420px}
.cp-docs-of__fotos{position:relative;background:#111;overflow:hidden;min-height:480px}
/* Capa más alta que el marco: la holgura es lo que recorre el parallax. */
.cp-docs-of__capa{position:absolute;left:0;right:0;top:-30%;height:160%;will-change:transform}
.cp-docs-of__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}
.cp-docs-of__foto.esta-activa{opacity:1}
.cp-docs-of__contador{position:absolute;top:22px;right:22px;z-index:2;background:rgba(0,0,0,.45);color:#fff;font-size:15px;font-weight:600;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.cp-docs-of__panel{background:var(--cp-verde-oscuro);display:flex;flex-direction:column;justify-content:center;padding:60px clamp(24px,5vw,70px)}
.cp-docs-of__ante{color:var(--cp-amarillo);font-size:26px;font-weight:700;margin:0 0 4px}
.cp-docs-of__titulo{color:#fff;font-size:clamp(34px,4vw,50px);font-weight:800;line-height:1.05;margin:0 0 26px}
.cp-docs-of .cp-boton-rojo{align-self:flex-start;font-size:15px;padding:13px 26px}

/* ── Redes sociales (Instagram) ───────────────────────── */
.cp-redes-sociales{padding:70px 0 80px;background:#fff;text-align:center}
.cp-redes-sociales__ante{color:#8a8a8a;font-size:20px;font-weight:500;margin:0}
.cp-redes-sociales h2{color:var(--cp-verde-oscuro);font-size:30px;font-weight:800;margin:0 0 34px}
/* Carrusel de Instagram */
.cp-ig-car{position:relative;margin-top:30px;padding-inline:40px;text-align:left}
.cp-ig-car__track{display:flex;gap:20px;align-items:stretch;overflow-x:auto;scroll-snap-type:x;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:6px}
.cp-ig-car__track::-webkit-scrollbar{display:none}
.cp-ig-car__track>*{flex:0 0 calc(25% - 15px);scroll-snap-align:start}
.cp-ig-car__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border:0;border-radius:50%;padding:0;cursor:pointer;background:#fff;box-shadow:0 2px 10px rgba(20,44,12,.22);display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}
.cp-ig-car__nav::before{content:"";width:11px;height:11px;border-top:2.5px solid var(--cp-verde-oscuro);border-right:2.5px solid var(--cp-verde-oscuro);border-radius:1px}
.cp-ig-car__nav--prev{left:0}
.cp-ig-car__nav--prev::before{transform:rotate(-135deg);margin-left:3px}
.cp-ig-car__nav--next{right:0}
.cp-ig-car__nav--next::before{transform:rotate(45deg);margin-right:3px}
.cp-ig-car__nav:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 4px 16px rgba(20,44,12,.28)}
.cp-ig-car__nav[disabled]{opacity:0;pointer-events:none}
.cp-ig-car__nav:focus-visible{outline:2px solid var(--cp-verde-lima);outline-offset:2px}

.cp-ig-post{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e3e7dd;border-radius:10px;overflow:hidden;isolation:isolate;text-decoration:none;color:inherit;align-self:stretch;box-shadow:0 1px 3px rgba(20,44,12,.07);transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,border-color .35s ease}
.cp-ig-post:hover,.cp-ig-post:focus-visible{transform:translateY(-4px);border-color:#cfd8c6;box-shadow:0 10px 24px rgba(20,44,12,.16)}
.cp-ig-post__media{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#e9ece4}
.cp-ig-post__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.cp-ig-post:hover .cp-ig-post__img,.cp-ig-post:focus-visible .cp-ig-post__img{transform:scale(1.06)}
.cp-ig-post__velo{position:absolute;inset:0;background:var(--cp-verde-oscuro);opacity:0;transition:opacity .3s ease}
.cp-ig-post:hover .cp-ig-post__velo,.cp-ig-post:focus-visible .cp-ig-post__velo{opacity:.45}
.cp-ig-post__icono{position:absolute;left:50%;top:50%;width:32px;height:32px;background:#fff;-webkit-mask:var(--cp-ig-glifo) center/contain no-repeat;mask:var(--cp-ig-glifo) center/contain no-repeat;opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .3s ease,transform .35s cubic-bezier(.22,.61,.36,1)}
.cp-ig-post:hover .cp-ig-post__icono,.cp-ig-post:focus-visible .cp-ig-post__icono{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cp-ig-post--video .cp-ig-post__media::after{content:"";position:absolute;right:10px;top:10px;width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}
.cp-ig-post__cuerpo{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;padding:12px 14px 14px}
.cp-ig-post__texto{font-size:14px;line-height:1.42;color:#3a3f36;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.cp-ig-post__fecha{margin-top:auto;font-size:12px;line-height:1.35;letter-spacing:.04em;color:#8a8f84;text-transform:uppercase}

.cp-ig-post--mas{align-items:center;justify-content:center;gap:14px;text-align:center;padding:26px 18px;background:var(--cp-verde-oscuro);border-color:var(--cp-verde-oscuro)}
.cp-ig-post--mas:hover{border-color:var(--cp-verde-oscuro)}
.cp-ig-post__mas-ico{width:48px;height:48px;background:#fff;-webkit-mask:var(--cp-ig-glifo) center/contain no-repeat;mask:var(--cp-ig-glifo) center/contain no-repeat;transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.cp-ig-post--mas:hover .cp-ig-post__mas-ico{transform:scale(1.1)}
.cp-ig-post__mas-txt{color:#fff;font-size:17px;font-weight:700;line-height:1.25}
.cp-ig-post__mas-cuenta{color:var(--cp-amarillo);font-size:13px;line-height:1.35}

/* ── Accesos directos ─────────────────────────────────── */
.cp-accesos{background:#f4f6f1;padding:58px 0 64px}
.cp-accesos__titulo{color:var(--cp-verde-oscuro);font-size:26px;font-weight:700;text-align:center;margin:0 0 10px}
.cp-accesos__linea{width:90px;height:3px;background:var(--cp-rojo);border:0;margin:0 auto 38px}
.cp-accesos__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;justify-content:center}
.cp-accesos__lista > li:last-child:nth-child(3n+1){grid-column:2}
.cp-acceso{display:flex;align-items:center;gap:16px;height:100%;background:var(--cp-verde-acceso);border:1px solid var(--cp-verde-acceso);border-radius:10px;padding:20px 20px;text-decoration:none;box-shadow:0 1px 3px rgba(20,44,12,.12);transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease,border-color .3s ease,background .3s ease}
.cp-acceso:hover,.cp-acceso:focus-visible{text-decoration:none;transform:translateY(-4px);background:var(--cp-verde-oscuro);border-color:var(--cp-verde-oscuro);box-shadow:0 10px 24px rgba(20,44,12,.24)}
.cp-acceso__ico{flex:none;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.35);color:#fff;transition:background .3s ease,color .3s ease}
.cp-acceso__ico .cp-icono{width:26px;height:26px}
.cp-acceso:hover .cp-acceso__ico,.cp-acceso:focus-visible .cp-acceso__ico{background:rgba(255,255,255,.26);color:var(--cp-amarillo)}
.cp-acceso__texto{flex:1 1 auto;color:#fff;font-size:16px;font-weight:700;line-height:1.25;transition:color .3s ease}
.cp-acceso__flecha{flex:none;color:rgba(255,255,255,.75);display:flex;transition:color .3s ease,transform .3s ease}
.cp-acceso__flecha .cp-icono{width:20px;height:20px}
.cp-acceso:hover .cp-acceso__flecha,.cp-acceso:focus-visible .cp-acceso__flecha{color:var(--cp-amarillo);transform:translateX(4px)}

/* Pago con tarjeta: el mismo botón, en azul. */
.cp-acceso--destacado{background:var(--cp-azul-acceso);border-color:var(--cp-azul-acceso);box-shadow:0 1px 3px rgba(21,51,95,.14)}
.cp-acceso--destacado:hover,.cp-acceso--destacado:focus-visible{background:var(--cp-azul-noticias);border-color:var(--cp-azul-noticias);box-shadow:0 10px 24px rgba(42,85,127,.28)}
.cp-acceso--destacado .cp-acceso__ico{background:rgba(255,255,255,.18)}
.cp-acceso__flecha{flex:none;color:#c3ccb9;display:flex;transition:color .3s ease,transform .3s ease}
.cp-acceso__flecha .cp-icono{width:20px;height:20px}
.cp-acceso:hover .cp-acceso__flecha,.cp-acceso:focus-visible .cp-acceso__flecha{color:var(--cp-amarillo);transform:translateX(4px)}

/* ── Noticias y circulares ────────────────────────────── */
.cp-noticias{background:var(--cp-azul-noticias);padding:60px 0 70px}
.cp-noticias__titulo{color:#fff;font-size:26px;font-weight:700;text-align:center;margin:0 0 10px}
.cp-noticias__linea{width:90px;height:3px;background:var(--cp-rojo);border:0;margin:0 auto 40px}
.cp-noticias .cp-entradas{grid-template-columns:repeat(3,1fr);gap:34px}
.cp-noticias .cp-tarjeta__mas{align-self:stretch;text-align:center;border-radius:6px;padding:9px 10px;font-size:14px;background:#4a9e3f}
.cp-noticias__anteriores{display:inline-block;margin-top:30px;color:#fff;font-size:14px}

/* ── Descarga las APP ─────────────────────────────────── */
.cp-apps{background:#26402a center/cover no-repeat fixed;padding:66px 0 70px;text-align:center}
.cp-apps h2{color:#fff;font-size:26px;font-weight:700;margin:0 0 10px}
.cp-apps__linea{width:150px;height:3px;background:var(--cp-rojo);border:0;margin:0 auto 46px}
.cp-apps__logos{display:flex;align-items:center;justify-content:center;gap:clamp(26px,5vw,72px);flex-wrap:wrap}
.cp-apps__logos img{max-width:280px;width:100%;height:auto;display:block}
.cp-apps__logos a{display:flex;align-items:center;justify-content:center;flex:0 1 280px;min-height:96px;transition:transform .2s ease}
.cp-apps__logos a:hover{transform:translateY(-3px)}
.cp-apps__logos a[data-cp-app="aula-educa"]{flex:0 1 200px}
.cp-apps__logos a[data-cp-app="aula-educa"] img{max-width:200px}

/* ── Móvil ────────────────────────────────────────────── */
@media (max-width:980px){
	.cp-cal__lista{grid-template-columns:repeat(min(var(--cp-cal-cols,2),2),minmax(0,var(--cp-cal-ancho,320px)));gap:14px}
	.cp-cal__mes{font-size:22px}
	.cp-eventos__arbol{display:none}
	.cp-nuestro .cp-contenedor,.cp-docs-of{grid-template-columns:1fr}
	.cp-nuestro{background-attachment:scroll}
	.cp-apps{background-attachment:scroll}
	.cp-docs-of__fotos{min-height:280px}
	.cp-docs-of__capa{top:-22%;height:144%}
	.cp-ig-car__track{gap:14px}
	.cp-ig-car__track>*{flex:0 0 calc(33.333% - 9.34px)}
	.cp-accesos__lista{grid-template-columns:repeat(2,1fr);gap:14px}
	.cp-noticias .cp-entradas{grid-template-columns:1fr;gap:26px}
	.cp-titulo-seccion{font-size:24px}
}
@media (max-width:760px){
	.cp-ig-car{padding-inline:0}
	.cp-ig-car__track{gap:12px}
	.cp-ig-car__track>*{flex:0 0 calc(50% - 6px)}
	.cp-ig-car__nav{display:none}
	.cp-ig-post--mas{padding:20px 14px}
	.cp-ig-post__mas-ico{width:38px;height:38px}
	.cp-ig-post__mas-txt{font-size:15px}
}
@media (max-width:640px){
	.cp-accesos__lista{grid-template-columns:1fr}
	.cp-cal__lista{grid-template-columns:minmax(0,var(--cp-cal-ancho,340px))}
	.cp-cal__titulo{flex-wrap:wrap}
	.cp-cal__flecha{width:34px;height:34px}
}
@media (prefers-reduced-motion:reduce){.cp-ig-post,.cp-ig-post__img,.cp-ig-post__velo,.cp-ig-post__icono,.cp-ig-car__track{transition:none;scroll-behavior:auto}.cp-ig-post:hover .cp-ig-post__img{transform:none}}

@media (prefers-reduced-motion:reduce){
	.cp-docs-of__capa{top:0;height:100%;transform:none !important}
}