{"id":15987,"date":"2026-07-31T14:13:53","date_gmt":"2026-07-31T14:13:53","guid":{"rendered":"https:\/\/sadalmirantebrown.com.ar\/staging\/?page_id=15987"},"modified":"2026-09-03T12:36:26","modified_gmt":"2026-09-03T12:36:26","slug":"comunicacion","status":"publish","type":"page","link":"https:\/\/sadalmirantebrown.com.ar\/staging\/comunicacion\/","title":{"rendered":"COMUNICACI\u00d3N"},"content":{"rendered":"\n<div class=\"sad-seccion-contenedor-3d\">\n\n    <!-- HERO CON EFECTO NE\u00d3N Y BADGE PULSANTE -->\n    <header class=\"sad-oficina-hero-3d\">\n        <div class=\"sad-badge-pulse\">\n            <span class=\"sad-pulse-ring\"><\/span>\n            <span class=\"sad-tag-oficina-3d\">OFICINA 11 \u2022 \u00c1REA CREATIVA<\/span>\n        <\/div>\n        <h2 class=\"sad-titulo-gradient\">Oficina de Comunicaci\u00f3n<\/h2>\n        <p class=\"sad-oficina-bajada-3d\">\n            Creamos, dise\u00f1amos y potenciamos la <strong>identidad visual institucional<\/strong> (f\u00edsica y digital). Conectamos a todo el distrito a trav\u00e9s de una comunicaci\u00f3n viva, moderna, diaria y transparente.\n        <\/p>\n    <\/header>\n\n    <!-- CARRUSEL DIN\u00c1MICO E INTERACTIVO -->\n    <section class=\"sad-carrusel-container\">\n        <h3 class=\"sad-subtitulo-3d\">Nuestros Ejes de Trabajo<\/h3>\n        \n        <div class=\"sad-carousel\">\n            <div class=\"sad-carousel-slides\" id=\"sadCarouselSlides\">\n                <!-- Slide 1 -->\n                <div class=\"sad-slide active\">\n                    <div class=\"sad-slide-content slide-bg-1\">\n                        <div class=\"sad-slide-badge\">01 \/ IDENTIDAD VISUAL<\/div>\n                        <h4>Dise\u00f1o Institucional F\u00edsico y Digital<\/h4>\n                        <p>Desarrollamos piezas gr\u00e1ficas, carteler\u00eda, avisos y normativas con un est\u00e1ndar est\u00e9tico unificado, moderno y accesible para toda la comunidad.<\/p>\n                    <\/div>\n                <\/div>\n                <!-- Slide 2 -->\n                <div class=\"sad-slide\">\n                    <div class=\"sad-slide-content slide-bg-2\">\n                        <div class=\"sad-slide-badge\">02 \/ GESTI\u00d3N DIARIA<\/div>\n                        <h4>Redes Sociales y Cobertura en Vivo<\/h4>\n                        <p>Actualizaci\u00f3n constante en Instagram, Facebook y YouTube con las \u00faltimas novedades distritales, coberturas y publicaciones paso a paso.<\/p>\n                    <\/div>\n                <\/div>\n                <!-- Slide 3 -->\n                <div class=\"sad-slide\">\n                    <div class=\"sad-slide-content slide-bg-3\">\n                        <div class=\"sad-slide-badge\">03 \/ COMUNICACI\u00d3N DIRECTA<\/div>\n                        <h4>Canal Prioritario de WhatsApp<\/h4>\n                        <p>Difusi\u00f3n inmediata de avisos de \u00faltimo momento, llamados a APD y resoluciones clave al instante en el tel\u00e9fono de cada docente.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Controles del Carrusel -->\n            <button class=\"sad-carousel-btn prev\" onclick=\"moveSlide(-1)\">\u276e<\/button>\n            <button class=\"sad-carousel-btn next\" onclick=\"moveSlide(1)\">\u276f<\/button>\n\n            <!-- Indicadores (Dots) -->\n            <div class=\"sad-carousel-dots\" id=\"sadCarouselDots\">\n                <span class=\"dot active\" onclick=\"setSlide(0)\"><\/span>\n                <span class=\"dot\" onclick=\"setSlide(1)\"><\/span>\n                <span class=\"dot\" onclick=\"setSlide(2)\"><\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- BLOQUE VIP: CANAL DE WHATSAPP CON EFECTO GLASSMORPHISM Y GLOW -->\n    <section class=\"sad-card-glass-glow\">\n        <div class=\"sad-glow-bg\"><\/div>\n        <div class=\"sad-glass-content\">\n            <div class=\"sad-icon-bounce\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"sad-glass-text\">\n                <span class=\"sad-label-alerta\">\ud83d\udd25 CANAL PRIORITARIO<\/span>\n                <h3>Canal Oficial de WhatsApp<\/h3>\n                <p>Enterate de todo antes que nadie. Recib\u00ed comunicados de \u00faltimo momento, llamados a APD y novedades directo en tu celular.<\/p>\n                <a href=\"https:\/\/whatsapp.com\/channel\/0029VbBj4oR2Jl87etlwsI3q\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sad-btn-3d-wa\">\n                    <span>\ud83d\ude80 UNIRME AL CANAL AHORA<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- GRILLA 3D DE REDES SOCIALES -->\n    <section class=\"sad-redes-section\">\n        <h3 class=\"sad-subtitulo-3d\">Nuestra Red Digital<\/h3>\n        \n        <div class=\"sad-grid-3d\">\n            <!-- Instagram -->\n            <a href=\"https:\/\/www.instagram.com\/sad.altebrown\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sad-card-3d instagram-3d\">\n                <div class=\"sad-card-inner\">\n                    <div class=\"sad-card-front\">\n                        <div class=\"sad-icon-3d bg-ig-gradient\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line><\/svg>\n                        <\/div>\n                        <h4>Instagram<\/h4>\n                        <p>Contenido diario, cobertura de eventos, dise\u00f1o visual e historias al instante.<\/p>\n                        <span class=\"sad-btn-link-3d\">@sad.altebrown \u2794<\/span>\n                    <\/div>\n                <\/div>\n            <\/a>\n\n            <!-- Facebook -->\n            <a href=\"https:\/\/www.facebook.com\/sadaltebrown\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sad-card-3d facebook-3d\">\n                <div class=\"sad-card-inner\">\n                    <div class=\"sad-card-front\">\n                        <div class=\"sad-icon-3d bg-fb-gradient\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path><\/svg>\n                        <\/div>\n                        <h4>Facebook<\/h4>\n                        <p>Comunicados institucionales oficiales, \u00e1lbumes y publicaciones para la comunidad.<\/p>\n                        <span class=\"sad-btn-link-3d\">\/sadaltebrown \u2794<\/span>\n                    <\/div>\n                <\/div>\n            <\/a>\n\n            <!-- YouTube -->\n            <a href=\"https:\/\/www.youtube.com\/@SADAlmiranteBrownOficial\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sad-card-3d youtube-3d\">\n                <div class=\"sad-card-inner\">\n                    <div class=\"sad-card-front\">\n                        <div class=\"sad-icon-3d bg-yt-gradient\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\"><\/path><polygon points=\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"><\/polygon><\/svg>\n                        <\/div>\n                        <h4>YouTube<\/h4>\n                        <p>Tutoriales din\u00e1micos, instructivos en video y gu\u00edas explicativas paso a paso.<\/p>\n                        <span class=\"sad-btn-link-3d\">Canal Oficial \u2794<\/span>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <!-- BANNER INTERACTIVO: ESCUELAS DESTACADAS -->\n    <section class=\"sad-banner-escuelas-3d\">\n        <div class=\"sad-escuelas-content\">\n            <span class=\"sad-tag-escuelas\">\u2728 PARTICIPACI\u00d3N COMUNITARIA<\/span>\n            <h3>Secci\u00f3n: Escuelas Destacadas<\/h3>\n            <p>\u00a1Queremos mostrar tu instituci\u00f3n al mundo! Enviando fotos de proyectos, actividades o del equipo docente de tu escuela, las publicamos en nuestros canales oficiales.<\/p>\n            <a href=\"https:\/\/api.whatsapp.com\/send?phone=5491123098582&#038;text=Hola!%20Quiero%20enviar%20fotos\/material%20de%20mi%20escuela%20para%20la%20secci%C3%B3n%20Escuelas%20Destacadas.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sad-btn-upload-3d\">\n                \ud83d\udcf8 MANDAR FOTOS DE MI ESCUELA\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER DE CONTACTO DIRECTO -->\n    <section class=\"sad-contacto-3d\">\n        <div class=\"sad-contacto-box\">\n            <h3>L\u00ednea Directa de Atenci\u00f3n<\/h3>\n            <p>\u00bfTen\u00e9s dudas o propuestas de dise\u00f1o\/comunicaci\u00f3n? Contactate directamente con la oficina.<\/p>\n            <a href=\"https:\/\/api.whatsapp.com\/send?phone=5491123098582\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sad-btn-whatsapp-direct\">\n                \ud83d\udcac CHAT DIRECTO (+54 9 11 2309-8582)\n            <\/a>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<style>\n\/* --- ESTILOS GENERALES Y 3D --- *\/\n.sad-seccion-contenedor-3d {\n    max-width: 1100px;\n    margin: 50px auto;\n    padding: 0 20px;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    perspective: 1000px;\n    box-sizing: border-box;\n}\n\n.sad-oficina-hero-3d {\n    text-align: center;\n    max-width: 850px;\n    margin: 0 auto 40px auto;\n}\n\n.sad-badge-pulse {\n    position: relative;\n    display: inline-block;\n    margin-bottom: 15px;\n}\n\n.sad-tag-oficina-3d {\n    background: linear-gradient(135deg, #7c3aed, #db2777);\n    color: #ffffff;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    padding: 6px 16px;\n    border-radius: 20px;\n    display: inline-block;\n    box-shadow: 0 4px 15px rgba(124, 58, 237, 0.4);\n}\n\n.sad-pulse-ring {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    border-radius: 20px;\n    border: 2px solid #db2777;\n    animation: sadPulse 2s infinite;\n}\n\n@keyframes sadPulse {\n    0% { transform: scale(0.95); opacity: 1; }\n    100% { transform: scale(1.2); opacity: 0; }\n}\n\n.sad-titulo-gradient {\n    font-size: 42px;\n    font-weight: 900;\n    background: linear-gradient(135deg, #0f172a 0%, #7c3aed 50%, #db2777 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    margin: 0 0 15px 0;\n    line-height: 1.1;\n}\n\n.sad-oficina-bajada-3d {\n    font-size: 18px;\n    color: #475569 !important;\n    line-height: 1.65;\n    margin: 0;\n}\n\n\/* --- ESTILOS DEL CARRUSEL DIN\u00c1MICO --- *\/\n.sad-carrusel-container {\n    margin-bottom: 60px;\n}\n\n.sad-carousel {\n    position: relative;\n    max-width: 900px;\n    margin: 0 auto;\n    overflow: hidden;\n    border-radius: 24px;\n    box-shadow: 0 20px 40px rgba(124, 58, 237, 0.15);\n}\n\n.sad-carousel-slides {\n    display: flex;\n    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n.sad-slide {\n    min-width: 100%;\n    box-sizing: border-box;\n}\n\n.sad-slide-content {\n    padding: 50px 60px;\n    color: #ffffff;\n    text-align: left;\n    border-radius: 24px;\n    min-height: 220px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.slide-bg-1 {\n    background: linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%);\n}\n\n.slide-bg-2 {\n    background: linear-gradient(135deg, #db2777 0%, #9333ea 100%);\n}\n\n.slide-bg-3 {\n    background: linear-gradient(135deg, #059669 0%, #10b981 100%);\n}\n\n.sad-slide-badge {\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    background: rgba(255, 255, 255, 0.2);\n    padding: 4px 12px;\n    border-radius: 20px;\n    display: inline-block;\n    margin-bottom: 15px;\n    width: fit-content;\n}\n\n.sad-slide-content h4 {\n    font-size: 28px;\n    font-weight: 800;\n    margin: 0 0 10px 0;\n    color: #ffffff;\n}\n\n.sad-slide-content p {\n    font-size: 16.5px;\n    color: #f3e8ff !important;\n    line-height: 1.6;\n    margin: 0;\n    max-width: 700px;\n}\n\n\/* Botones de Navegaci\u00f3n *\/\n.sad-carousel-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(8px);\n    border: none;\n    color: white;\n    font-size: 20px;\n    padding: 12px 16px;\n    cursor: pointer;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n    z-index: 5;\n}\n\n.sad-carousel-btn:hover {\n    background: rgba(255, 255, 255, 0.8);\n    color: #0f172a;\n    transform: translateY(-50%) scale(1.1);\n}\n\n.sad-carousel-btn.prev { left: 15px; }\n.sad-carousel-btn.next { right: 15px; }\n\n\/* Indicadores Dots *\/\n.sad-carousel-dots {\n    position: absolute;\n    bottom: 15px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 10px;\n    z-index: 5;\n}\n\n.dot {\n    width: 12px;\n    height: 12px;\n    background: rgba(255, 255, 255, 0.4);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.dot.active {\n    width: 30px;\n    border-radius: 10px;\n    background: #ffffff;\n}\n\n\/* Glassmorphism Card con Glow *\/\n.sad-card-glass-glow {\n    position: relative;\n    border-radius: 20px;\n    padding: 3px;\n    background: linear-gradient(135deg, #25d366, #7c3aed, #db2777);\n    background-size: 300% 300%;\n    animation: gradientShift 6s ease infinite;\n    margin-bottom: 60px;\n    box-shadow: 0 15px 35px rgba(37, 211, 102, 0.25);\n}\n\n@keyframes gradientShift {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n}\n\n.sad-glass-content {\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 18px;\n    padding: 35px;\n    display: flex;\n    gap: 25px;\n    align-items: center;\n    text-align: left;\n}\n\n.sad-icon-bounce {\n    background: #25d366;\n    color: #ffffff;\n    padding: 18px;\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: floatAnim 3s ease-in-out infinite;\n    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.4);\n}\n\n.sad-icon-bounce svg { width: 36px; height: 36px; }\n\n@keyframes floatAnim {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-8px); }\n}\n\n.sad-label-alerta {\n    font-size: 11px;\n    font-weight: 800;\n    color: #25d366;\n    letter-spacing: 1px;\n    display: block;\n    margin-bottom: 4px;\n}\n\n.sad-glass-text h3 {\n    font-size: 24px;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0 0 8px 0;\n}\n\n.sad-glass-text p {\n    font-size: 15.5px;\n    color: #475569 !important;\n    margin: 0 0 20px 0;\n    line-height: 1.5;\n}\n\n.sad-btn-3d-wa {\n    display: inline-block;\n    background: linear-gradient(135deg, #25d366, #128c7e);\n    color: #ffffff !important;\n    font-weight: 800;\n    font-size: 14px;\n    padding: 14px 28px;\n    border-radius: 30px;\n    text-decoration: none;\n    box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.sad-btn-3d-wa:hover {\n    transform: translateY(-3px) scale(1.03);\n    box-shadow: 0 15px 25px rgba(37, 211, 102, 0.45);\n}\n\n\/* Grilla de Redes 3D *\/\n.sad-subtitulo-3d {\n    font-size: 26px;\n    font-weight: 800;\n    color: #0f172a;\n    margin-bottom: 35px;\n    text-align: center;\n}\n\n.sad-grid-3d {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    margin-bottom: 60px;\n}\n\n.sad-card-3d {\n    text-decoration: none;\n    perspective: 1000px;\n}\n\n.sad-card-inner {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 20px;\n    padding: 30px;\n    text-align: left;\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\n    height: 100%;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n}\n\n.sad-card-3d:hover .sad-card-inner {\n    transform: translateY(-10px) rotateX(4deg) rotateY(-2deg);\n    box-shadow: 0 20px 35px -10px rgba(124, 58, 237, 0.2);\n    border-color: #c084fc;\n}\n\n.sad-icon-3d {\n    width: 52px;\n    height: 52px;\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #ffffff;\n    margin-bottom: 20px;\n    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);\n}\n\n.sad-icon-3d svg { width: 28px; height: 28px; }\n\n.bg-ig-gradient { background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045); }\n.bg-fb-gradient { background: linear-gradient(135deg, #1877f2, #0056b3); }\n.bg-yt-gradient { background: linear-gradient(135deg, #ff0000, #990000); }\n\n.sad-card-front h4 {\n    font-size: 20px;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0 0 10px 0;\n}\n\n.sad-card-front p {\n    font-size: 14.5px;\n    color: #64748b !important;\n    line-height: 1.5;\n    margin: 0 0 20px 0;\n}\n\n.sad-btn-link-3d {\n    font-size: 14px;\n    font-weight: 800;\n    color: #7c3aed;\n    transition: transform 0.2s ease;\n    display: inline-block;\n}\n\n.sad-card-3d:hover .sad-btn-link-3d {\n    transform: translateX(5px);\n}\n\n\/* Banner Escuelas Destacadas *\/\n.sad-banner-escuelas-3d {\n    position: relative;\n    background: linear-gradient(-45deg, #7c3aed, #4f46e5, #db2777, #9333ea);\n    background-size: 400% 400%;\n    animation: gradientShift 10s ease infinite;\n    border-radius: 24px;\n    padding: 50px 30px;\n    color: #ffffff;\n    text-align: center;\n    margin-bottom: 60px;\n    overflow: hidden;\n    box-shadow: 0 20px 40px rgba(124, 58, 237, 0.3);\n}\n\n.sad-escuelas-content {\n    position: relative;\n    z-index: 2;\n    max-width: 750px;\n    margin: 0 auto;\n}\n\n.sad-tag-escuelas {\n    background: rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(5px);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    padding: 5px 15px;\n    border-radius: 20px;\n    display: inline-block;\n    margin-bottom: 15px;\n}\n\n.sad-banner-escuelas-3d h3 {\n    font-size: 32px;\n    font-weight: 900;\n    margin: 0 0 15px 0;\n    color: #ffffff;\n}\n\n.sad-banner-escuelas-3d p {\n    font-size: 17px;\n    color: #f3e8ff !important;\n    line-height: 1.6;\n    margin: 0 0 25px 0;\n}\n\n.sad-btn-upload-3d {\n    display: inline-block;\n    background: #ffffff;\n    color: #7c3aed !important;\n    font-weight: 900;\n    font-size: 15px;\n    padding: 14px 30px;\n    border-radius: 30px;\n    text-decoration: none;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n    transition: all 0.3s ease;\n}\n\n.sad-btn-upload-3d:hover {\n    transform: scale(1.05);\n    background: #fdf4ff;\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);\n}\n\n\/* Contacto Footer *\/\n.sad-contacto-3d {\n    display: flex;\n    justify-content: center;\n}\n\n.sad-contacto-box {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 20px;\n    padding: 35px;\n    text-align: center;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03);\n    width: 100%;\n    max-width: 600px;\n}\n\n.sad-contacto-box h3 {\n    font-size: 22px;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0 0 10px 0;\n}\n\n.sad-contacto-box p {\n    font-size: 15px;\n    color: #64748b !important;\n    margin-bottom: 20px;\n}\n\n.sad-btn-whatsapp-direct {\n    display: inline-block;\n    background: #0f172a;\n    color: #ffffff !important;\n    font-weight: 700;\n    font-size: 14px;\n    padding: 12px 26px;\n    border-radius: 30px;\n    text-decoration: none;\n    transition: all 0.2s ease;\n}\n\n.sad-btn-whatsapp-direct:hover {\n    background: #7c3aed;\n    transform: translateY(-2px);\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .sad-titulo-gradient { font-size: 30px; }\n    .sad-slide-content { padding: 40px 25px; text-align: center; }\n    .sad-slide-badge { margin: 0 auto 15px auto; }\n    .sad-glass-content { flex-direction: column; text-align: center; padding: 25px; }\n    .sad-grid-3d { grid-template-columns: 1fr; gap: 20px; }\n    .sad-banner-escuelas-3d h3 { font-size: 24px; }\n    .sad-banner-escuelas-3d { padding: 35px 20px; }\n}\n<\/style>\n\n<script>\n\/* JS LIGERO PARA EL CARRUSEL AUTO-PLAY Y MANUAL *\/\nlet currentSlide = 0;\nlet autoSlideInterval;\n\nfunction showSlide(index) {\n    const slides = document.getElementById('sadCarouselSlides');\n    const dots = document.querySelectorAll('.sad-carousel-dots .dot');\n    const totalSlides = dots.length;\n\n    if (index >= totalSlides) currentSlide = 0;\n    else if (index < 0) currentSlide = totalSlides - 1;\n    else currentSlide = index;\n\n    slides.style.transform = `translateX(-${currentSlide * 100}%)`;\n\n    dots.forEach((dot, i) => {\n        dot.classList.toggle('active', i === currentSlide);\n    });\n}\n\nfunction moveSlide(direction) {\n    showSlide(currentSlide + direction);\n    resetAutoSlide();\n}\n\nfunction setSlide(index) {\n    showSlide(index);\n    resetAutoSlide();\n}\n\nfunction startAutoSlide() {\n    autoSlideInterval = setInterval(() => {\n        showSlide(currentSlide + 1);\n    }, 4000); \/\/ Cambia cada 4 segundos\n}\n\nfunction resetAutoSlide() {\n    clearInterval(autoSlideInterval);\n    startAutoSlide();\n}\n\n\/\/ Iniciar carrusel al cargar la p\u00e1gina\ndocument.addEventListener('DOMContentLoaded', () => {\n    startAutoSlide();\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>OFICINA 11 \u2022 \u00c1REA CREATIVA Oficina de Comunicaci\u00f3n Creamos, dise\u00f1amos y potenciamos la identidad visual institucional (f\u00edsica y digital). Conectamos [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-15987","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"c2480335","author_link":"https:\/\/sadalmirantebrown.com.ar\/staging\/author\/c2480335\/"},"uagb_comment_info":0,"uagb_excerpt":"OFICINA 11 \u2022 \u00c1REA CREATIVA Oficina de Comunicaci\u00f3n Creamos, dise\u00f1amos y potenciamos la identidad visual institucional (f\u00edsica y digital). Conectamos [&hellip;]","_links":{"self":[{"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/pages\/15987","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/comments?post=15987"}],"version-history":[{"count":5,"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/pages\/15987\/revisions"}],"predecessor-version":[{"id":16339,"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/pages\/15987\/revisions\/16339"}],"wp:attachment":[{"href":"https:\/\/sadalmirantebrown.com.ar\/staging\/wp-json\/wp\/v2\/media?parent=15987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}