{"id":36,"date":"2026-08-13T14:47:37","date_gmt":"2026-08-13T14:47:37","guid":{"rendered":"https:\/\/quintoeduca.com\/?page_id=36"},"modified":"2026-09-24T10:25:40","modified_gmt":"2026-09-24T10:25:40","slug":"home","status":"publish","type":"page","link":"https:\/\/quintoeduca.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"36\" class=\"elementor elementor-36\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17b4ef8 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"17b4ef8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68e9adc elementor-widget elementor-widget-heading\" data-id=\"68e9adc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Quintoeduca\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7af907 elementor-widget elementor-widget-heading\" data-id=\"b7af907\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">educaci\u00f3n social y ocio\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9fad0f0 e-grid e-con-boxed elementor-invisible e-con e-parent\" data-id=\"9fad0f0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc7eb6f elementor-fixed elementor-widget elementor-widget-html\" data-id=\"dc7eb6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"qe-mascot\" id=\"qeMascot\">\n  <img decoding=\"async\" class=\"qe-mascot-img\" src=\"https:\/\/quintoeduca.com\/wp-content\/uploads\/2026\/09\/mascota-ojos-en-blanco.png\" alt=\"Mascota\">\n  <div class=\"qe-pupil qe-pupil-left\"><div class=\"qe-highlight\"><\/div><\/div>\n  <div class=\"qe-pupil qe-pupil-right\"><div class=\"qe-highlight\"><\/div><\/div>\n<\/div>\n\n<style>\n  .qe-mascot { position: relative; display: inline-block; width: 100%; max-width: 250px; }\n  .qe-mascot-img { width: 100%; height: auto; display: block; }\n  .qe-pupil {\n    position: absolute; top: 0; left: 0;\n    width: 6.3%; aspect-ratio: 1 \/ 1;\n    background: #946015; border-radius: 50%;\n    transform: translate(-50%, -50%);\n    transition: transform 0.05s ease-out;\n    pointer-events: none;\n  }\n  .qe-highlight {\n    position: absolute; width: 35%; height: 35%; top: 16%; left: 16%;\n    background: #f5f5f5; border-radius: 50%;\n  }\n  .qe-pupil-left  { left: 41.9%; top: 47.3%; }\n  .qe-pupil-right { left: 57.7%; top: 47.6%; }\n<\/style>\n\n<script>\n(function () {\n  var mascot = document.getElementById('qeMascot');\n  var eyes = [\n    { el: mascot.querySelector('.qe-pupil-left'),  x: 0.419, y: 0.473 },\n    { el: mascot.querySelector('.qe-pupil-right'), x: 0.577, y: 0.476 }\n  ];\n  var maxDX = 0.026, maxDY = 0.038;\n\n  function moveEyes(clientX, clientY) {\n    var rect = mascot.getBoundingClientRect();\n    eyes.forEach(function (eye) {\n      var eyeX = rect.left + rect.width * eye.x;\n      var eyeY = rect.top + rect.height * eye.y;\n      var dx = (clientX - eyeX) \/ rect.width;\n      var dy = (clientY - eyeY) \/ rect.height;\n      var ex = dx \/ maxDX, ey = dy \/ maxDY;\n      var r = Math.sqrt(ex * ex + ey * ey);\n      if (r > 1) { dx \/= r; dy \/= r; }\n      eye.el.style.transform = 'translate(-50%,-50%) translate(' + (dx * rect.width) + 'px,' + (dy * rect.height) + 'px)';\n    });\n  }\n\n  document.addEventListener('mousemove', function (e) { moveEyes(e.clientX, e.clientY); });\n  document.addEventListener('touchmove', function (e) {\n    if (e.touches[0]) moveEyes(e.touches[0].clientX, e.touches[0].clientY);\n  }, { passive: true });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a547048 e-grid e-con-full elementor-invisible e-con e-parent\" data-id=\"a547048\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9a4435f e-con-full e-flex e-con e-child\" data-id=\"9a4435f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8168469 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-video\" data-id=\"8168469\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/quintoeduca.com\/wp-content\/uploads\/2026\/08\/download-4.mp4\" autoplay=\"\" loop=\"\" controls=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01f0b42 e-flex e-con-boxed e-con e-parent\" data-id=\"01f0b42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42ded87 e-flex e-con-boxed e-con e-parent\" data-id=\"42ded87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-456ccc4 elementor-widget elementor-widget-html\" data-id=\"456ccc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Quintoeduca \u00b7 Educaci\u00f3n Social y Ocio en Montequinto<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Baloo+2:wght@500;600;700;800&family=Work+Sans:wght@400;500;600&family=JetBrains+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --paper:#FFF8EC;\n    --paper-2:#FFF1D9;\n    --ink:#20293A;\n    --ink-soft:#4B5567;\n    --sky:#2F9BD6;\n    --sky-deep:#1F7EB3;\n    --sun:#FFBD3E;\n    --grass:#3FA66B;\n    --coral:#FF6B57;\n    --coral-deep:#E5503D;\n    --card-shadow: 0 10px 24px rgba(32,41,58,0.10);\n    --radius-lg: 28px;\n    --radius-md: 18px;\n  }\n\n  *{box-sizing:border-box;}\n  html{scroll-behavior:smooth;}\n  body{\n    margin:0;\n    background:var(--paper);\n    color:var(--ink);\n    font-family:'Work Sans', sans-serif;\n    line-height:1.5;\n    -webkit-font-smoothing:antialiased;\n    overflow-x:hidden;\n  }\n  h1,h2,h3{\n    font-family:'Baloo 2', sans-serif;\n    margin:0;\n    color:var(--ink);\n    letter-spacing:-0.01em;\n  }\n  a{color:inherit;}\n  .eyebrow{\n    font-family:'JetBrains Mono', monospace;\n    font-weight:600;\n    font-size:0.72rem;\n    letter-spacing:0.14em;\n    text-transform:uppercase;\n    color:var(--sky-deep);\n  }\n  .wrap{\n    max-width:1180px;\n    margin:0 auto;\n    padding:0 28px;\n  }\n  @media (prefers-reduced-motion: reduce){\n    *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important;}\n  }\n\n  \/* ---------- NAV ---------- *\/\n  nav{\n    position:sticky; top:0; z-index:50;\n    background:rgba(255,248,236,0.88);\n    backdrop-filter:blur(10px);\n    border-bottom:1px solid rgba(32,41,58,0.08);\n  }\n  .nav-inner{\n    display:flex; align-items:center; justify-content:space-between;\n    padding:16px 28px;\n    max-width:1180px; margin:0 auto;\n  }\n  .logo{\n    display:flex; align-items:center; gap:10px;\n    font-family:'Baloo 2', sans-serif;\n    font-weight:700;\n    font-size:1.25rem;\n  }\n  .logo-mark{\n    width:34px; height:34px; border-radius:10px;\n    background:var(--coral);\n    display:flex; align-items:center; justify-content:center;\n    color:white; font-weight:800; font-size:1.1rem;\n    transform:rotate(-6deg);\n  }\n  .nav-links{display:flex; gap:28px; font-weight:500; font-size:0.95rem;}\n  .nav-links a{text-decoration:none; color:var(--ink-soft); transition:color .2s;}\n  .nav-links a:hover{color:var(--coral-deep);}\n  .nav-cta{\n    background:var(--ink);\n    color:white !important;\n    padding:10px 20px;\n    border-radius:100px;\n    text-decoration:none;\n    font-weight:600;\n    font-size:0.9rem;\n    transition:transform .2s, background .2s;\n  }\n  .nav-cta:hover{background:var(--coral-deep); transform:translateY(-1px);}\n  .nav-mobile-toggle{display:none;}\n\n  \/* ---------- HERO ---------- *\/\n  .hero{\n    position:relative;\n    padding:88px 0 120px;\n    overflow:hidden;\n  }\n  .hero-blob{\n    position:absolute;\n    border-radius:50%;\n    filter:blur(0px);\n    opacity:0.9;\n    z-index:0;\n  }\n  .blob-sun{width:340px; height:340px; background:var(--sun); top:-120px; right:-80px; opacity:0.55; animation:float1 9s ease-in-out infinite;}\n  .blob-sky{width:220px; height:220px; background:var(--sky); bottom:-60px; left:-60px; opacity:0.35; animation:float2 11s ease-in-out infinite;}\n  .blob-grass{width:120px; height:120px; background:var(--grass); top:40%; right:6%; opacity:0.3; border-radius:38% 62% 55% 45% \/ 45% 40% 60% 55%; animation:float1 7s ease-in-out infinite;}\n  @keyframes float1{ 0%,100%{transform:translateY(0px);} 50%{transform:translateY(-18px);} }\n  @keyframes float2{ 0%,100%{transform:translateY(0px) translateX(0px);} 50%{transform:translateY(14px) translateX(10px);} }\n\n  .hero-inner{position:relative; z-index:2; display:grid; grid-template-columns:1.15fr 0.85fr; gap:48px; align-items:center;}\n  .hero-eyebrow{margin-bottom:18px;}\n  .hero h1{\n    font-size:clamp(2.4rem, 4.6vw, 3.6rem);\n    line-height:1.06;\n    font-weight:800;\n  }\n  .hero h1 .accent{color:var(--coral-deep);}\n  .hero p.lead{\n    margin-top:20px;\n    font-size:1.15rem;\n    color:var(--ink-soft);\n    max-width:480px;\n  }\n  .hero-actions{display:flex; gap:14px; margin-top:32px; flex-wrap:wrap;}\n  .btn-primary{\n    background:var(--coral);\n    color:white;\n    border:none;\n    padding:16px 30px;\n    border-radius:100px;\n    font-family:'Work Sans', sans-serif;\n    font-weight:600;\n    font-size:1rem;\n    text-decoration:none;\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    cursor:pointer;\n    box-shadow:0 8px 20px rgba(255,107,87,0.35);\n    transition:transform .2s, box-shadow .2s, background .2s;\n  }\n  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 12px 26px rgba(255,107,87,0.45); background:var(--coral-deep);}\n  .btn-ghost{\n    background:transparent;\n    color:var(--ink);\n    border:2px solid var(--ink);\n    padding:14px 26px;\n    border-radius:100px;\n    font-weight:600;\n    font-size:1rem;\n    text-decoration:none;\n    display:inline-flex;\n    align-items:center;\n    transition:background .2s, color .2s;\n  }\n  .btn-ghost:hover{background:var(--ink); color:white;}\n\n  .hero-visual{position:relative; display:flex; align-items:center; justify-content:center;}\n  .stamp{\n    width:230px; height:230px;\n    border-radius:50%;\n    background:var(--paper);\n    border:3px dashed var(--coral-deep);\n    display:flex; align-items:center; justify-content:center;\n    position:relative;\n    transform:rotate(-9deg);\n    animation:stampIn 0.7s cubic-bezier(.2,1.4,.4,1) 0.2s both;\n    box-shadow:0 14px 30px rgba(32,41,58,0.12);\n  }\n  @keyframes stampIn{\n    0%{transform:rotate(-9deg) scale(0.6); opacity:0;}\n    100%{transform:rotate(-9deg) scale(1); opacity:1;}\n  }\n  .stamp-inner{\n    text-align:center;\n    font-family:'JetBrains Mono', monospace;\n    color:var(--coral-deep);\n  }\n  .stamp-num{font-family:'Baloo 2', sans-serif; font-size:2.6rem; font-weight:800; line-height:1;}\n  .stamp-txt{font-size:0.62rem; letter-spacing:0.1em; text-transform:uppercase; margin-top:6px; line-height:1.4;}\n  .hero-visual-ring{\n    position:absolute; width:290px; height:290px; border-radius:50%;\n    border:2px solid rgba(47,155,214,0.4);\n    animation:spin 40s linear infinite;\n  }\n  @keyframes spin{ from{transform:rotate(0deg);} to{transform:rotate(360deg);} }\n\n  \/* ---------- SERVICIOS ---------- *\/\n  .servicios{padding:100px 0; position:relative;}\n  .section-head{max-width:640px; margin-bottom:56px;}\n  .section-head .eyebrow{margin-bottom:14px; display:block;}\n  .section-head h2{font-size:clamp(1.8rem, 3vw, 2.4rem); font-weight:700;}\n  .section-head p{color:var(--ink-soft); margin-top:14px; font-size:1.05rem;}\n\n  .board{\n    background:var(--paper-2);\n    border-radius:32px;\n    padding:48px;\n  }\n  .cards-grid{\n    display:grid;\n    grid-template-columns:repeat(3, 1fr);\n    gap:26px;\n  }\n  .card{\n    background:white;\n    border-radius:var(--radius-md);\n    padding:30px 26px;\n    box-shadow:var(--card-shadow);\n    position:relative;\n    transition:transform .25s ease, box-shadow .25s ease;\n  }\n  .card:nth-child(1){transform:rotate(-1.4deg);}\n  .card:nth-child(2){transform:rotate(1deg);}\n  .card:nth-child(3){transform:rotate(-0.8deg);}\n  .card:nth-child(4){transform:rotate(1.2deg);}\n  .card:nth-child(5){transform:rotate(-1deg);}\n  .card:hover{transform:translateY(-6px) rotate(0deg); box-shadow:0 16px 32px rgba(32,41,58,0.16);}\n  .card-pin{\n    position:absolute; top:-9px; left:50%; transform:translateX(-50%);\n    width:16px; height:16px; border-radius:50%;\n  }\n  .card:nth-child(1) .card-pin{background:var(--coral);}\n  .card:nth-child(2) .card-pin{background:var(--sky);}\n  .card:nth-child(3) .card-pin{background:var(--sun);}\n  .card:nth-child(4) .card-pin{background:var(--grass);}\n  .card:nth-child(5) .card-pin{background:var(--coral);}\n  .card-icon{\n    width:48px; height:48px; border-radius:14px;\n    display:flex; align-items:center; justify-content:center;\n    font-size:1.4rem;\n    margin-bottom:18px;\n  }\n  .card:nth-child(1) .card-icon{background:rgba(255,107,87,0.14);}\n  .card:nth-child(2) .card-icon{background:rgba(47,155,214,0.14);}\n  .card:nth-child(3) .card-icon{background:rgba(255,189,62,0.22);}\n  .card:nth-child(4) .card-icon{background:rgba(63,166,107,0.14);}\n  .card:nth-child(5) .card-icon{background:rgba(255,107,87,0.14);}\n  .card h3{font-size:1.15rem; font-weight:700; margin-bottom:8px;}\n  .card p{color:var(--ink-soft); font-size:0.95rem; margin:0;}\n\n  \/* ---------- GALERIA ---------- *\/\n  .galeria{padding:20px 0 100px;}\n  .polaroid-grid{\n    display:grid;\n    grid-template-columns:repeat(4, 1fr);\n    grid-auto-rows:190px;\n    gap:22px;\n  }\n  .polaroid{\n    position:relative;\n    background:white;\n    border-radius:10px;\n    padding:10px 10px 34px;\n    box-shadow:var(--card-shadow);\n    transition:transform .25s ease, box-shadow .25s ease, z-index 0s;\n  }\n  .polaroid:hover{transform:translateY(-6px) rotate(0deg) !important; box-shadow:0 18px 34px rgba(32,41,58,0.2); z-index:5;}\n  .polaroid:nth-child(1){transform:rotate(-3deg); grid-column:span 2; grid-row:span 2;}\n  .polaroid:nth-child(2){transform:rotate(2deg);}\n  .polaroid:nth-child(3){transform:rotate(-1.5deg);}\n  .polaroid:nth-child(4){transform:rotate(1.8deg);}\n  .polaroid:nth-child(5){transform:rotate(-2deg);}\n  .polaroid:nth-child(6){transform:rotate(1.2deg); grid-column:span 2;}\n  .polaroid-photo{\n    width:100%; height:100%;\n    border-radius:4px;\n    display:flex; align-items:center; justify-content:center;\n    font-size:2.2rem;\n    position:relative;\n    overflow:hidden;\n  }\n  .polaroid:nth-child(1) .polaroid-photo{background:linear-gradient(135deg, var(--sun), #FFDD8A);}\n  .polaroid:nth-child(2) .polaroid-photo{background:linear-gradient(135deg, var(--sky), #7FCBEE);}\n  .polaroid:nth-child(3) .polaroid-photo{background:linear-gradient(135deg, var(--coral), #FF9C8E);}\n  .polaroid:nth-child(4) .polaroid-photo{background:linear-gradient(135deg, var(--grass), #8FD4AC);}\n  .polaroid:nth-child(5) .polaroid-photo{background:linear-gradient(135deg, #FFDD8A, var(--sun));}\n  .polaroid:nth-child(6) .polaroid-photo{background:linear-gradient(135deg, #7FCBEE, var(--sky));}\n  .polaroid-tape{\n    position:absolute; top:-10px; left:50%; transform:translateX(-50%) rotate(-2deg);\n    width:56px; height:20px;\n    background:rgba(255,189,62,0.55);\n    border:1px solid rgba(255,189,62,0.7);\n  }\n  .polaroid-caption{\n    position:absolute; bottom:8px; left:0; right:0;\n    text-align:center;\n    font-family:'JetBrains Mono', monospace;\n    font-size:0.72rem;\n    color:var(--ink-soft);\n    letter-spacing:0.02em;\n  }\n  .gallery-note{\n    margin-top:22px;\n    font-size:0.85rem;\n    color:var(--ink-soft);\n    font-style:italic;\n  }\n  @media (max-width: 880px){\n    .polaroid-grid{grid-template-columns:repeat(2, 1fr); grid-auto-rows:170px;}\n    .polaroid:nth-child(1){grid-column:span 2;}\n    .polaroid:nth-child(6){grid-column:span 2;}\n  }\n  @media (max-width: 560px){\n    .polaroid-grid{grid-template-columns:1fr;}\n    .polaroid:nth-child(1), .polaroid:nth-child(6){grid-column:span 1;}\n  }\n\n  \/* ---------- POR QUE NOSOTROS ---------- *\/\n  .pilares{padding:100px 0;}\n  .pilares-grid{\n    display:grid;\n    grid-template-columns:repeat(3, 1fr);\n    gap:40px;\n    margin-top:48px;\n  }\n  .pilar{padding-left:0;}\n  .pilar-num{\n    font-family:'JetBrains Mono', monospace;\n    font-size:0.85rem;\n    color:var(--sky-deep);\n    font-weight:600;\n    display:block;\n    margin-bottom:12px;\n  }\n  .pilar h3{font-size:1.3rem; margin-bottom:10px; font-weight:700;}\n  .pilar p{color:var(--ink-soft); font-size:0.98rem;}\n\n  \/* ---------- CTA CONTACTO ---------- *\/\n  .cta-band{\n    margin:0 28px 100px;\n    max-width:1124px;\n    margin-left:auto; margin-right:auto;\n    background:var(--ink);\n    border-radius:var(--radius-lg);\n    padding:64px 56px;\n    position:relative;\n    overflow:hidden;\n    color:white;\n  }\n  .cta-blob{\n    position:absolute; width:260px; height:260px; border-radius:50%;\n    background:var(--coral); opacity:0.25; top:-100px; right:-60px;\n  }\n  .cta-inner{position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap;}\n  .cta-text h2{color:white; font-size:clamp(1.7rem, 3vw, 2.2rem); font-weight:700; max-width:480px;}\n  .cta-text p{color:rgba(255,255,255,0.75); margin-top:14px; max-width:420px;}\n  .cta-actions{display:flex; flex-direction:column; gap:14px; min-width:240px;}\n  .contact-line{\n    display:flex; align-items:center; gap:12px;\n    color:white; text-decoration:none;\n    font-weight:600; font-size:1.05rem;\n    padding:14px 20px;\n    background:rgba(255,255,255,0.08);\n    border-radius:14px;\n    transition:background .2s;\n  }\n  .contact-line:hover{background:rgba(255,255,255,0.16);}\n\n  \/* ---------- FOOTER ---------- *\/\n  footer{padding:40px 0 48px; border-top:1px solid rgba(32,41,58,0.08);}\n  .footer-inner{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px;}\n  .footer-inner p{color:var(--ink-soft); font-size:0.88rem; margin:0;}\n\n  \/* ---------- REVEAL ---------- *\/\n  .reveal{opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease;}\n  .reveal.in{opacity:1; transform:translateY(0);}\n\n  \/* ---------- RESPONSIVE ---------- *\/\n  @media (max-width: 880px){\n    .nav-links{display:none;}\n    .hero-inner{grid-template-columns:1fr; text-align:left;}\n    .hero-visual{margin-top:20px; justify-content:flex-start;}\n    .cards-grid{grid-template-columns:1fr 1fr;}\n    .pilares-grid{grid-template-columns:1fr;}\n    .board{padding:28px;}\n    .cta-inner{flex-direction:column; align-items:flex-start;}\n  }\n  @media (max-width: 560px){\n    .cards-grid{grid-template-columns:1fr;}\n    .hero{padding:64px 0 80px;}\n    .cta-band{padding:40px 28px;}\n  }\n\n  :focus-visible{outline:3px solid var(--sky); outline-offset:2px; border-radius:6px;}\n<\/style>\n<\/head>\n<body>\n\n<nav>\n  <div class=\"nav-inner\">\n    <div class=\"logo\"><span class=\"logo-mark\">Q<\/span>Quintoeduca<\/div>\n    <div class=\"nav-links\">\n      <a href=\"#servicios\">Servicios<\/a>\n      <a href=\"#galeria\">Galer\u00eda<\/a>\n      <a href=\"#nosotros\">Por qu\u00e9 nosotros<\/a>\n      <a href=\"#contacto\">Contacto<\/a>\n    <\/div>\n    <a class=\"nav-cta\" href=\"#contacto\">Pide informaci\u00f3n<\/a>\n  <\/div>\n<\/nav>\n\n<header class=\"hero\">\n  <div class=\"hero-blob blob-sun\"><\/div>\n  <div class=\"hero-blob blob-sky\"><\/div>\n  <div class=\"hero-blob blob-grass\"><\/div>\n  <div class=\"wrap hero-inner\">\n    <div>\n      <span class=\"eyebrow hero-eyebrow\">Educaci\u00f3n social y ocio \u00b7 Montequinto, Dos Hermanas<\/span>\n      <h1>Donde tus hijos <span class=\"accent\">aprenden jugando<\/span> y t\u00fa  tienes tranquilidad.<\/h1>\n      <p class=\"lead\">Escuelas de verano, ludoteca, actividades extraescolares y aula matinal, llevadas por un equipo de educadores sociales que lleva m\u00e1s de dos d\u00e9cadas cuidando la infancia de Montequinto.<\/p>\n      <div class=\"hero-actions\">\n        <a class=\"btn-primary\" href=\"#contacto\">Pide informaci\u00f3n \u2192<\/a>\n        <a class=\"btn-ghost\" href=\"#servicios\">Ver actividades<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"hero-visual\">\n      <div class=\"hero-visual-ring\"><\/div>\n      <div class=\"stamp\">\n        <div class=\"stamp-inner\">\n          <div class=\"stamp-num\">20+<\/div>\n          <div class=\"stamp-txt\">a\u00f1os creando<br>veranos inolvidables<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/header>\n\n<section class=\"servicios\" id=\"servicios\">\n  <div class=\"wrap\">\n    <div class=\"section-head reveal\">\n      <span class=\"eyebrow\">Lo que hacemos<\/span>\n      <h2>Un plan para cada momento del a\u00f1o<\/h2>\n      <p>Desde el aula matinal antes de clase hasta las animaciones del fin de semana, cubrimos el cuidado y el ocio educativo de los m\u00e1s peque\u00f1os con un mismo equipo de confianza.<\/p>\n    <\/div>\n    <div class=\"board reveal\">\n      <div class=\"cards-grid\">\n        <div class=\"card\">\n          <div class=\"card-pin\"><\/div>\n          <div class=\"card-icon\">\u2600\ufe0f<\/div>\n          <h3>Escuela de Verano<\/h3>\n          <p>Semanas de juego, talleres y excursiones para que las vacaciones no paren de crecer.<\/p>\n        <\/div>\n        <div class=\"card\">\n          <div class=\"card-pin\"><\/div>\n          <div class=\"card-icon\">\ud83e\udde9<\/div>\n          <h3>Ludoteca<\/h3>\n          <p>Espacio de juego libre y dirigido, pensado para desarrollar autonom\u00eda y sociabilidad.<\/p>\n        <\/div>\n        <div class=\"card\">\n          <div class=\"card-pin\"><\/div>\n          <div class=\"card-icon\">\ud83d\udcda<\/div>\n          <h3>Extraescolares<\/h3>\n          <p>Actividades despu\u00e9s de clase que combinan apoyo escolar con din\u00e1micas de grupo.<\/p>\n        <\/div>\n        <div class=\"card\">\n          <div class=\"card-pin\"><\/div>\n          <div class=\"card-icon\">\ud83c\udf05<\/div>\n          <h3>Aula matinal<\/h3>\n          <p>Acogida temprana antes del horario lectivo, con desayuno y actividades tranquilas.<\/p>\n        <\/div>\n        <div class=\"card\">\n          <div class=\"card-pin\"><\/div>\n          <div class=\"card-icon\">\ud83c\udf89<\/div>\n          <h3>Animaci\u00f3n de eventos<\/h3>\n          <p>Fiestas y celebraciones infantiles y de adultos, animadas por nuestro equipo educativo.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"galeria\" id=\"galeria\">\n  <div class=\"wrap\">\n    <div class=\"section-head reveal\">\n      <span class=\"eyebrow\">As\u00ed vivimos el d\u00eda a d\u00eda<\/span>\n      <h2>Un vistazo a nuestras actividades<\/h2>\n      <p>Fotos reales de talleres, ludoteca y escuela de verano <\/p>\n    <\/div>\n    <div class=\"polaroid-grid reveal\">\n      <div class=\"polaroid\">\n        <div class=\"polaroid-tape\"><\/div>\n        <div class=\"polaroid-photo\">\u2600\ufe0f<\/div>\n        <div class=\"polaroid-caption\">Escuela de Verano<\/div>\n      <\/div>\n      <div class=\"polaroid\">\n        <div class=\"polaroid-tape\"><\/div>\n        <div class=\"polaroid-photo\">\ud83e\udde9<\/div>\n        <div class=\"polaroid-caption\">Ludoteca<\/div>\n      <\/div>\n      <div class=\"polaroid\">\n        <div class=\"polaroid-tape\"><\/div>\n        <div class=\"polaroid-photo\">\ud83c\udfa8<\/div>\n        <div class=\"polaroid-caption\">Talleres<\/div>\n      <\/div>\n      <div class=\"polaroid\">\n        <div class=\"polaroid-tape\"><\/div>\n        <div class=\"polaroid-photo\">\ud83d\udcda<\/div>\n        <div class=\"polaroid-caption\">Extraescolares<\/div>\n      <\/div>\n      <div class=\"polaroid\">\n        <div class=\"polaroid-tape\"><\/div>\n        <div class=\"polaroid-photo\">\ud83c\udf05<\/div>\n        <div class=\"polaroid-caption\">Aula matinal<\/div>\n      <\/div>\n      <div class=\"polaroid\">\n        <div class=\"polaroid-tape\"><\/div>\n        <div class=\"polaroid-photo\">\ud83c\udf89<\/div>\n        <div class=\"polaroid-caption\">Fiestas y eventos<\/div>\n      <\/div>\n    <\/div>\n    \n  <\/div>\n<\/section>\n\n<section class=\"pilares\" id=\"nosotros\">\n  <div class=\"wrap\">\n    <div class=\"section-head reveal\">\n      <span class=\"eyebrow\">Por qu\u00e9 Quintoeduca<\/span>\n      <h2>Educadores sociales, no solo monitores<\/h2>\n    <\/div>\n    <div class=\"pilares-grid\">\n      <div class=\"pilar reveal\">\n        <span class=\"pilar-num\">Experiencia<\/span>\n        <h3>M\u00e1s de 20 a\u00f1os en Montequinto<\/h3>\n        <p>Conocemos los coles, las familias y los espacios del barrio porque llevamos aqu\u00ed dos d\u00e9cadas.<\/p>\n      <\/div>\n      <div class=\"pilar reveal\">\n        <span class=\"pilar-num\">Formaci\u00f3n<\/span>\n        <h3>Equipo de educadores sociales<\/h3>\n        <p>Cada actividad est\u00e1 pensada por profesionales de la educaci\u00f3n, no solo animadores de ocio.<\/p>\n      <\/div>\n      <div class=\"pilar reveal\">\n        <span class=\"pilar-num\">Cercan\u00eda<\/span>\n        <h3>Comunicaci\u00f3n directa con las familias<\/h3>\n        <p>Un canal claro por tel\u00e9fono o email para resolver dudas antes, durante y despu\u00e9s de cada actividad.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"contacto\">\n  <div class=\"wrap\">\n    <div class=\"cta-band reveal\">\n      <div class=\"cta-blob\"><\/div>\n      <div class=\"cta-inner\">\n        <div class=\"cta-text\">\n          <h2>\u00bfHablamos de tu peque?<\/h2>\n          <p>Cu\u00e9ntanos qu\u00e9 necesitas y te respondemos con plazas, horarios y precios de la actividad que m\u00e1s encaje.<\/p>\n        <\/div>\n        <div class=\"cta-actions\">\n          <a class=\"contact-line\" href=\"tel:635538008\">\ud83d\udcde 635 538 008<\/a>\n          <a class=\"contact-line\" href=\"mailto:quintoeduca@gmail.com\">\u2709\ufe0f quintoeduca@gmail.com<\/a>\n          <a class=\"contact-line\" href=\"#\">\ud83d\udccd Montequinto, Dos Hermanas<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<footer>\n  <div class=\"wrap footer-inner\">\n    <div class=\"logo\" style=\"font-size:1rem;\"><span class=\"logo-mark\" style=\"width:26px;height:26px;font-size:0.85rem;\">Q<\/span>Quintoeduca<\/div>\n    <p>\u00a9 2026 Quintoeduca S.L.U. \u00b7 Educaci\u00f3n social y animaci\u00f3n sociocultural<\/p>\n  <\/div>\n<\/footer>\n\n<script>\n  const revealEls = document.querySelectorAll('.reveal');\n  const io = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if(entry.isIntersecting){\n        entry.target.classList.add('in');\n        io.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  revealEls.forEach(el => io.observe(el));\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Quintoeduca educaci\u00f3n social y ocio https:\/\/quintoeduca.com\/wp-content\/uploads\/2026\/08\/download-4.mp4 Quintoeduca \u00b7 Educaci\u00f3n Social y Ocio en Montequinto QQuintoeduca Servicios Galer\u00eda Por qu\u00e9 nosotros Contacto Pide informaci\u00f3n Educaci\u00f3n social y ocio \u00b7 Montequinto, Dos Hermanas Donde tus hijos aprenden jugando y t\u00fa tienes tranquilidad. Escuelas de verano, ludoteca, actividades extraescolares y aula matinal, llevadas por un equipo de educadores [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":41,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-36","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/quintoeduca.com\/index.php?rest_route=\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quintoeduca.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/quintoeduca.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/quintoeduca.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quintoeduca.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=36"}],"version-history":[{"count":156,"href":"https:\/\/quintoeduca.com\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":222,"href":"https:\/\/quintoeduca.com\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions\/222"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/quintoeduca.com\/index.php?rest_route=\/wp\/v2\/media\/41"}],"wp:attachment":[{"href":"https:\/\/quintoeduca.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}