.summer-experiences { background: linear-gradient(180deg, #fffdf8, #fff7e9); }
.summer-memories { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(145deg, #fff9ec, #eff9f5); }
.summer-memories::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("../imagenes/tarjeta-verano-tapiz.svg") center top / 560px 470px repeat; opacity: .13; pointer-events: none; }
.summer-memories .section-heading { text-align: center; }
.summer-wooden-sign { display: block; width: min(100%, 740px); height: auto; margin: 0 auto 24px; filter: drop-shadow(0 8px 12px #ad78351a); }
.summer-page .page-hero .summer-sign-heading { width: 100%; max-width: 760px; margin: 16px 0 24px; line-height: 0; }
.summer-sign-heading img { display: block; width: 100%; height: auto; }
.summer-memories .section-heading h2 { font-size: clamp(34px, 4.5vw, 62px); line-height: 1.15; color: #a74c20; margin: 18px auto; max-width: 1000px; text-wrap: balance; }
.summer-memories .section-heading .eyebrow { display: inline-block; background: #e2f3ee; padding: 10px 20px; border-radius: 999px; font-size: 15px; }
.summer-memories .section-heading p { margin-bottom: 30px; }
.summer-photo-carousel { max-width: 960px; margin: 0 auto; }
.summer-photo-frame { overflow: hidden; border: 6px solid #fff; border-radius: 28px; background: #eff6f2; box-shadow: 0 12px 32px #29484c15; }
.summer-photo-carousel .carousel-slide { margin: 0; height: auto; aspect-ratio: 4 / 3; }
.summer-photo-carousel .carousel-slide[hidden] { display: none; }
.summer-photo-carousel .carousel-slide img { display: block; width: 100%; height: 100%; object-fit: contain; }
.summer-photo-carousel .carousel-controls { flex-wrap: wrap; gap: 12px; }
.summer-photo-pause { padding: 10px 16px; min-height: 44px; border: 1px solid #b8d7d3; border-radius: 999px; background: #fff; color: #286b70; font: inherit; font-size: 13px; cursor: pointer; }
.summer-photo-carousel .carousel-status { display: block; text-align: center; margin-top: 8px; font-size: 12px; color: var(--muted); }
@keyframes summer-photo-appear { from { opacity: .35; } to { opacity: 1; } }
@media (prefers-reduced-motion: no-preference) { .summer-photo-carousel .carousel-slide:not([hidden]) { animation: summer-photo-appear .5s ease-out; } }
.summer-experience-panel { position: relative; isolation: isolate; padding: clamp(24px, 5vw, 60px); border: 1px solid #f2dfbc; border-radius: 32px; background: #fffdf9; overflow: hidden; box-shadow: 0 14px 40px #b5894720; }
.summer-experience-panel::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("../imagenes/tapiz-soles.svg") repeat; opacity: .12; pointer-events: none; }
.summer-experience-panel::after { content: ""; position: absolute; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle, #ffdc8980, #ffedbc20 65%, transparent 70%); top: -70px; right: -50px; z-index: -1; pointer-events: none; }
.summer-experience-panel > p { max-width: 780px; }
.summer-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 30px; }
.summer-fact { position: relative; padding: 28px; border-radius: 24px; overflow: hidden; border: 1px solid #eadac080; }
.summer-fact h3 { position: relative; margin: 0 0 12px; font-size: clamp(21px, 2vw, 27px); }
.summer-fact p { position: relative; margin: 0; line-height: 1.75; }
.summer-fact strong { color: #264c50; }
.summer-fact-icon { position: absolute; right: 12px; bottom: -28px; font-size: 150px; line-height: 1; opacity: .12; pointer-events: none; }
.summer-fact-dates { background: #fff2cc; color: #7a571f; }
.summer-fact-fee { background: #ffebe0; color: #995133; }
.summer-fact-fee strong { font-size: 28px; color: #a74c20; }
.summer-fact-age { background: #e6f3ed; color: #337268; }
.summer-fact-registration { background: #e8f3f7; color: #286c7b; }
.summer-fact-registration .text-link { display: inline-block; position: relative; margin-top: 12px; }
.summer-fact ul { position: relative; margin: 0; padding-left: 20px; line-height: 1.8; }
.summer-fact-dates ul { list-style: disc; color: var(--muted); font-weight: 400; }
.summer-fact-dates li { margin-bottom: 4px; }
.summer-fact-icon { width: 150px; height: 140px; bottom: -10px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: contain; opacity: .18; }
.summer-fact-dates .summer-fact-icon { background-image: url("../imagenes/verano-sombrilla.svg"); }
.summer-fact-fee .summer-fact-icon { background-image: url("../imagenes/verano-pelota.svg"); }
.summer-fact-age .summer-fact-icon, .summer-fact-registration .summer-fact-icon { background-image: url("../imagenes/verano-piscina.svg"); }
.summer-experience-panel::before { background-image: url("../imagenes/verano-pelota.svg"), url("../imagenes/tapiz-soles.svg"); background-size: 50px 50px, 220px 180px; background-repeat: no-repeat, repeat; background-position: 96% 30px, 0 0; }
.summer-experience-panel::after { width: 420px; height: 150px; top: auto; bottom: -55px; right: -35px; border-radius: 50%; background: repeating-radial-gradient(ellipse at center, #68c7d320 0 12px, #bae6eb30 13px 26px); }
@media (max-width: 600px) { .summer-facts { grid-template-columns: 1fr; gap: 14px; } .summer-fact { padding: 24px; } }

/* Movimiento continuo, suave y visible. */
@keyframes summer-sway {
  0%, 100% { transform: translateY(0) rotate(-4deg); }
  50% { transform: translateY(-10px) rotate(4deg); }
}
@keyframes summer-water {
  0%, 100% { transform: translateX(0) translateY(0); }
  50% { transform: translateX(-22px) translateY(-5px); }
}
@keyframes summer-ball { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes summer-sunlight {
  0%, 70%, 100% { opacity: .18; }
  35% { opacity: .12; }
}
.summer-page .page-hero::before { animation: summer-sunlight 18s ease-in-out infinite; }
.summer-fact-icon { animation: summer-sway 6s ease-in-out infinite; opacity: .24; }
.summer-fact-fee .summer-fact-icon { animation: summer-ball 24s linear infinite; }
.summer-fact-age .summer-fact-icon { animation: summer-water 7s ease-in-out infinite; }
.summer-fact-registration .summer-fact-icon { animation: summer-water 7s ease-in-out -3.5s infinite; }
.summer-experience-panel::after { animation: summer-water 8s ease-in-out infinite; }
.summer-motion-control { display: block; margin: 20px 0 0 auto; padding: 8px 12px; border: 1px solid #c6dedb; border-radius: 999px; background: #fff; color: #426c70; font: inherit; font-size: 12px; cursor: pointer; }
.summer-motion-control:focus-visible { outline: 3px solid #227e83; outline-offset: 3px; }
.summer-motion-paused .page-hero::before, .summer-motion-paused .summer-fact-icon, .summer-motion-paused .summer-experience-panel::after { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  .summer-page .page-hero::before, .summer-fact-icon, .summer-experience-panel::after { animation: none; }
  .summer-motion-control { display: none; }
}