{"id":6667,"date":"2026-02-24T08:53:08","date_gmt":"2026-02-24T11:53:08","guid":{"rendered":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/?page_id=6667"},"modified":"2026-04-01T19:15:34","modified_gmt":"2026-04-01T22:15:34","slug":"cooperadora","status":"publish","type":"page","link":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/cooperadora\/","title":{"rendered":""},"content":{"rendered":"\n<!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>Cooperadora Escolar IES 9-024 Lavalle<\/title>\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n  <style>\n    * { box-sizing: border-box; }\n    html { scroll-behavior: smooth; }\n    body { margin: 0; padding: 0;font-family: 'Segoe UI', sans-serif; line-height: 1.6; color: #333; background: #f5f5f5; }\n\n    .header-cooperadora {\n      background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);\n      color: white; text-align: center; padding: 60px 20px 40px; position: relative; overflow: hidden;\n    }\n    .header-cooperadora::before {\n      content: \"\"; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;\n      background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);\n      background-size: 50px 50px; animation: movePattern 20s linear infinite;\n    }\n    @keyframes movePattern { 0% { transform: translate(0, 0); } 100% { transform: translate(50px, 50px); } }\n    .logo-cooperadora { width: 120px; height: auto; margin-bottom: 20px; position: relative; z-index: 2; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2)); }\n    .header-cooperadora h1 { font-size: 2.5rem; margin-bottom: 10px; position: relative; z-index: 2; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); }\n    .header-cooperadora p { font-size: 1.2rem; opacity: 0.95; position: relative; z-index: 2; }\n\n    .nav-rapida { background: white; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 100; padding: 15px 0; }\n    .nav-rapida ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0 20px; }\n    .nav-rapida a { text-decoration: none; color: #27ae60; padding: 8px 20px; border-radius: 20px; font-weight: 600; transition: all 0.3s; }\n    .nav-rapida a:hover { background: #27ae60; color: white; }\n\n    .container { max-width: 1200px; margin: 0 auto; padding: 0px; }\n    .seccion {\n      width: 100vw;\n      max-width: 100vw;\n      margin-left: calc(-50vw + 50%);\n      margin-right: calc(-50vw + 50%);\n      padding: 40px 20px;\n      margin-bottom: 30px;\n      background: white;\n      border-radius: 0;\n      box-shadow: none;\n      animation: fadeInUp 0.6s ease-out;\n    }\n    .grid-2 .seccion {\n      width: auto;\n      max-width: 100%;\n      margin-left: 0;\n      margin-right: 0;\n    }\n    .seccion-contenido {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n    @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n    .seccion h2 { color: #27ae60; font-size: 2rem; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 3px solid #27ae60; display: flex; align-items: center; gap: 15px; }\n    .seccion h2 i { font-size: 1.8rem; }\n\n    .datos-infopagos { background: linear-gradient(135deg, #2980b9 0%, #3498db 100%); color: white; padding: 30px; border-radius: 15px; margin: 20px 0; box-shadow: 0 8px 20px rgba(41, 128, 185, 0.3); }\n    .datos-infopagos h3 { font-size: 1.5rem; margin-bottom: 20px; text-align: center; }\n    .dato-item { background: rgba(255,255,255,0.15); padding: 15px; border-radius: 10px; margin: 10px 0; backdrop-filter: blur(10px); }\n    .dato-item strong { display: block; font-size: 0.9rem; opacity: 0.9; margin-bottom: 5px; }\n    .dato-item span { font-size: 1.2rem; font-weight: 700; letter-spacing: 1px; }\n\n    \/* ========== WIDGET DATOS BANCARIOS ========== *\/\n    .widget-datos-bancarios {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      margin-top: 20px;\n    }\n\n    .dato-bancario {\n      background: rgba(255, 255, 255, 0.12);\n      padding: 15px;\n      border-radius: 12px;\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 15px;\n      transition: background 0.3s, transform 0.2s;\n    }\n\n    .dato-bancario:hover {\n      background: rgba(255, 255, 255, 0.18);\n      transform: translateX(3px);\n    }\n\n    .dato-etiqueta {\n      font-size: 0.85rem;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      opacity: 0.85;\n      min-width: 70px;\n    }\n\n    .dato-contenido {\n      display: flex;\n      gap: 10px;\n      align-items: center;\n      flex: 1;\n    }\n\n    .dato-valor {\n      flex: 1;\n      background: rgba(255, 255, 255, 0.95);\n      color: #0d1b2a;\n      border: none;\n      padding: 10px 12px;\n      border-radius: 8px;\n      font-size: 0.95rem;\n      font-weight: 600;\n      font-family: 'Courier New', monospace;\n      cursor: default;\n      user-select: all;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n    }\n\n    .dato-valor:focus {\n      outline: none;\n      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);\n    }\n\n    .btn-copiar {\n      background: rgba(255, 255, 255, 0.25);\n      color: white;\n      border: 1px solid rgba(255, 255, 255, 0.4);\n      padding: 8px 16px;\n      border-radius: 8px;\n      font-size: 0.85rem;\n      font-weight: 700;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      white-space: nowrap;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .btn-copiar:hover {\n      background: rgba(255, 255, 255, 0.35);\n      border-color: rgba(255, 255, 255, 0.6);\n      transform: scale(1.05);\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    }\n\n    .btn-copiar:active {\n      transform: scale(0.98);\n    }\n\n    \/* ========== RESPONSIVE ========== *\/\n    @media (max-width: 768px) {\n      .dato-bancario {\n        flex-direction: column;\n        align-items: stretch;\n      }\n\n      .dato-etiqueta {\n        text-align: left;\n      }\n\n      .dato-contenido {\n        flex-direction: column;\n      }\n\n      .btn-copiar {\n        width: 100%;\n        padding: 10px 12px;\n      }\n    }\n\n    .pasos-pago { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 10px; margin: 30px 0; }\n    .paso { background: white; border: 2px solid #27ae60; border-radius: 15px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; }\n    .paso:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(39, 174, 96, 0.2); }\n    .paso-numero { width: 50px; height: 50px; background: #27ae60; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: bold; margin: 0 auto 15px; }\n    .paso h4 { color: #27ae60; margin-bottom: 10px; }\n    .paso p { word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; }\n\n    .info-card { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-left: 4px solid #27ae60; padding: 20px; border-radius: 10px; margin: 20px 0; }\n    .info-card h3 { color: #27ae60; margin-bottom: 15px; font-size: 1.3rem; }\n\n    .tabla-pago {\n      width: 100%;\n      max-width: 900px;\n      height: auto;\n      margin: 20px auto;\n      display: block;\n      border-radius: 10px;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n      cursor: pointer;\n      transition: transform 0.3s;\n    }\n\n    .tabla-cooperadora:hover {\n      transform: scale(1.02);\n    }\n    .opcion-1 { background: #fff3cd; }\n    .opcion-2 { background: #f8d7da; }\n    .opcion-3 { background: #d4edda; }\n    .opcion-4 { background: #d1ecf1; }\n\n    .rai-resumen { background: #e8f5e9; padding: 25px; border-radius: 10px; border-left: 5px solid #27ae60; margin: 20px 0; }\n    .rai-resumen h4 { color: #27ae60; margin-bottom: 15px; }\n    .rai-resumen ul { padding-left: 20px; }\n    .rai-resumen li { margin: 8px 0; color: #2d3436; }\n\n    .rai-images { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 20px 0; }\n    .rai-img { width: 100%; height: auto; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); cursor: pointer; transition: transform 0.3s; }\n    .rai-img:hover { transform: scale(1.03); }\n\n    .slider-container { position: relative; overflow: hidden; border-radius: 15px; margin: 30px 0; }\n    .slider { display: flex; transition: transform 0.5s ease-in-out; }\n    .slide { min-width: 33.333%; padding: 15px; }\n    .slide-content { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1); height: 100%; }\n    .slide-img { width: 100%; height: 250px; display: flex; align-items: center; justify-content: center; color: white; font-size: 3rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }\n    .slide-info { padding: 20px; }\n    .slide-info h4 { color: #27ae60; margin-bottom: 10px; }\n    .slide-info .fecha { color: #6c757d; font-size: 0.9rem; margin-bottom: 8px; }\n    .slide-info .monto { color: #f39c12; font-weight: bold; font-size: 1.1rem; }\n\n    .grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin: 30px 0; }\n\n    .comision-lista { list-style: none; }\n    .comision-lista li { background: #f8f9fa; padding: 15px; margin: 10px 0; border-radius: 10px; border-left: 4px solid #27ae60; display: flex; align-items: center; gap: 15px; }\n    .comision-lista li i { color: #27ae60; font-size: 1.5rem; }\n    .cargo { font-weight: bold; color: #27ae60; display: block; }\n\n    .btn-destacado { background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%); color: white; padding: 15px 40px; border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; box-shadow: 0 6px 20px rgba(39, 174, 96, 0.3); transition: all 0.3s; cursor: pointer; }\n    .btn-destacado:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(39, 174, 96, 0.4); }\n\n    .form-group { margin-bottom: 20px; }\n    .form-group label { display: block; margin-bottom: 8px; color: #495057; font-weight: 600; }\n    .form-group input, .form-group select, .form-group textarea { width: 100%; padding: 12px 15px; border: 2px solid #e9ecef; border-radius: 10px; font-size: 1rem; transition: border-color 0.3s; }\n    .form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: #27ae60; }\n    .form-group textarea { resize: vertical; min-height: 120px; }\n    .error-message { color: #e74c3c; font-size: 0.9rem; margin-top: 5px; display: none; }\n    .success-message { background: #d4edda; color: #155724; padding: 15px; border-radius: 10px; margin-top: 20px; display: none; }\n\n    @media (max-width: 768px) {\n      .header-cooperadora h1 { font-size: 1.8rem; }\n      .seccion { padding: 25px 20px; }\n      .seccion h2 { font-size: 1.5rem; }\n      .nav-rapida ul { flex-direction: column; gap: 5px; }\n      .nav-rapida a { display: block; text-align: center; }\n      .slide { min-width: 100%; }\n      .pasos-pago { grid-template-columns: 1fr; }\n      .tabla-pago { font-size: 0.9rem; }\n      .tabla-pago th, .tabla-pago td { padding: 8px; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <header class=\"header-cooperadora\">\n    <img decoding=\"async\" src=\"\/sitio\/wp-content\/uploads\/2026\/02\/logo-cooperadora.jpeg\" alt=\"Logo Cooperadora\" class=\"logo-cooperadora\">\n    <h1>Cooperadora escolar IES 9-024<\/h1>\n    <p>Trabajando juntos por la educaci\u00f3n<\/p>\n  <\/header>\n\n  <nav class=\"nav-rapida\">\n    <ul>\n      <li><a href=\"#pago\">&#x1f4b3; C\u00f3mo Pagar<\/a><\/li>\n      <li><a href=\"#rai\">&#x1f4dc; RAI<\/a><\/li>\n      <li><a href=\"#adquisiciones\">&#x1f389; Adquisiciones<\/a><\/li>\n      <li><a href=\"#actas\">&#x1f4da; Actas<\/a><\/li>\n      <li><a href=\"#comision\">&#x1f465; Comisi\u00f3n<\/a><\/li>\n      <li><a href=\"#sugerencias\">&#x1f4ac; Sugerencias<\/a><\/li>\n    <\/ul>\n  <\/nav>\n\n  <div class=\"container\">\n\n    <section id=\"pago\" class=\"seccion\">\n      <div class=\"seccion-contenido\">\n        <h2><i class=\"fas fa-credit-card\"><\/i> C\u00f3mo realizar tu aporte<\/h2>\n        <p style=\"font-size: 1.1rem; margin-bottom: 30px; text-align: center;\">Tu aporte hace posible la mejora continua de nuestra instituci\u00f3n. \u00a1Gracias por colaborar!<\/p>\n\n        <div class=\"pasos-pago\">\n          <div class=\"paso\">\n            <div class=\"paso-numero\">1<\/div>\n            <h4>Eleg\u00ed tu opci\u00f3n<\/h4>\n            <p>Selecciona entre pago \u00fanico o en cuotas seg\u00fan tu preferencia<\/p>\n          <\/div>\n          <div class=\"paso\">\n            <div class=\"paso-numero\">2<\/div>\n            <h4>Realiz\u00e1 el pago<\/h4>\n            <p>Efectivo, transferencia o tareas institucionales<\/p>\n          <\/div>\n          <div class=\"paso\">\n            <div class=\"paso-numero\">3<\/div>\n            <h4>Envi\u00e1 el comprobante<\/h4>\n            <p style=\"margin-bottom: 15px;\">Completa el formulario con tus datos<\/p>\n            <a href=\"https:\/\/forms.gle\/nBW5x2ScUFWT27rEA\" target=\"_blank\" rel=\"noopener\" style=\"display: inline-block; background: #27ae60; color: white; padding: 10px 20px; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 0.95rem; transition: background 0.3s;\">\n              &#x1f4cb; Completar Formulario\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"datos-infopagos\">\n          <h3>&#x1f4b3; Banco Credicoop &#8211; Datos para transferencia<\/h3>\n          <p style=\"text-align: center; margin-bottom: 20px; font-size: 0.95rem; opacity: 0.95;\">Cuenta oficial de la Cooperadora IES 9-024. Verifica siempre estos datos antes de realizar tu transferencia.<\/p>\n          \n          <!-- WIDGET DATOS BANCARIOS -->\n          <div class=\"widget-datos-bancarios\">\n            <!-- CBU -->\n            <div class=\"dato-bancario\">\n              <div class=\"dato-etiqueta\">CBU<\/div>\n              <div class=\"dato-contenido\">\n                <input type=\"text\" value=\"1910315455031501206482\" readonly class=\"dato-valor\" id=\"cbu-input\">\n                <button onclick=\"copiarAlPortapapeles('1910315455031501206482')\" class=\"btn-copiar\">COPIAR<\/button>\n              <\/div>\n            <\/div>\n\n            <!-- ALIAS -->\n            <div class=\"dato-bancario\">\n              <div class=\"dato-etiqueta\">ALIAS<\/div>\n              <div class=\"dato-contenido\">\n                <input type=\"text\" value=\"COOPERADORAIES9024\" readonly class=\"dato-valor\" id=\"alias-input\">\n                <button onclick=\"copiarAlPortapapeles('COOPERADORAIES9024')\" class=\"btn-copiar\">COPIAR<\/button>\n              <\/div>\n            <\/div>\n\n            <!-- TITULAR -->\n            <div class=\"dato-bancario\">\n              <div class=\"dato-etiqueta\">TITULAR<\/div>\n              <div class=\"dato-contenido\">\n                <input type=\"text\" value=\"A Civ Coop Ies 9 024 Lavalle\" readonly class=\"dato-valor\" id=\"titular-input\">\n                <button onclick=\"copiarAlPortapapeles('A Civ Coop Ies 9 024 Lavalle')\" class=\"btn-copiar\">COPIAR<\/button>\n              <\/div>\n            <\/div>\n\n            <!-- EMAIL -->\n            <div class=\"dato-bancario\">\n              <div class=\"dato-etiqueta\">EMAIL<\/div>\n              <div class=\"dato-contenido\">\n                <input type=\"text\" value=\"cooperadora9024@gmail.com\" readonly class=\"dato-valor\" id=\"email-input\">\n                <button onclick=\"copiarAlPortapapeles('cooperadora9024@gmail.com')\" class=\"btn-copiar\">COPIAR<\/button>\n              <\/div>\n            <\/div>\n          <\/div>\n          <!-- FIN WIDGET DATOS BANCARIOS -->\n        <\/div>\n        <h3 style=\"margin: 30px 0 20px; color: #27ae60;\">&#x1f4ca; Opciones de Pago 2026<\/h3>\n        <div style=\"text-align: center;\">\n          <img decoding=\"async\" src=\"\/sitio\/wp-content\/uploads\/2026\/02\/tabla-pago.jpeg\" \n              alt=\"Tabla de opciones de pago Cooperadora 2026\" \n              class=\"tabla-pago\">\n        <\/div>     \n      <\/div> \n    <\/section>\n\n    <section id=\"rai\" class=\"seccion\">\n      <div class=\"seccion-contenido\">\n        <h2><i class=\"fas fa-book\"><\/i> R\u00e9gimen Acad\u00e9mico Institucional (RAI)<\/h2>\n        <div class=\"rai-resumen\">\n          <h4>&#x1f4cc; Resumen sobre la cooperadora en el RAI<\/h4>\n          <ul>\n            <li><strong>Aporte voluntario:<\/strong> La cooperadora es una contribuci\u00f3n voluntaria que ayuda al sostenimiento y mejora de la instituci\u00f3n.<\/li>\n            <li><strong>Destino de fondos:<\/strong> Los aportes se destinan a equipamiento, materiales did\u00e1cticos, mejoras edilicias y actividades institucionales.<\/li>\n            <li><strong>Transparencia:<\/strong> Todas las adquisiciones y movimientos financieros se registran en actas mensuales disponibles para consulta.<\/li>\n            <li><strong>Participaci\u00f3n:<\/strong> Los estudiantes y familias pueden participar activamente en la cooperadora y proponer mejoras.<\/li>\n            <li><strong>Beneficios:<\/strong> Certificados, derecho de ex\u00e1men, anal\u00edtico y t\u00edtulo.<\/li>\n          <\/ul>\n        <\/div>\n        <p style=\"text-align: center; margin: 20px 0;\"><strong>&#x1f4c4; Consulta el documento completo del RAI:<\/strong><\/p>\n        <div class=\"rai-images\">\n          <img decoding=\"async\" src=\"\/sitio\/wp-content\/uploads\/2025\/12\/info-coop.png\" alt=\"RAI Cooperadora - Extracto\" class=\"rai-img\">\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section id=\"adquisiciones\" class=\"seccion\">\n      <div class=\"seccion-contenido\">\n        <h2><i class=\"fas fa-shopping-cart\"><\/i>Noticias de adquisiciones<\/h2>\n        <p style=\"text-align: center; margin-bottom: 30px; font-size: 1.1rem;\">Conoce en qu\u00e9 invertimos tus aportes &#x1f3af;<\/p>\n        <div class=\"slider-container\">\n          <div class=\"slider\" id=\"slider\">\n            <div class=\"slide\"><div class=\"slide-content\"><div class=\"slide-img\"><i class=\"fas fa-laptop\"><\/i><\/div><div class=\"slide-info\"><h4>Art\u00edculos inform\u00e1ticos<\/h4><p class=\"fecha\">&#x1f4c5; Octubre 2025<\/p><p>insumos inform\u00e1ticos<\/p><\/div><\/div><\/div>\n            <div class=\"slide\"><div class=\"slide-content\"><div class=\"slide-img\"><i class=\"fas fa-book-open\"><\/i><\/div><div class=\"slide-info\"><h4>Art\u00edculos educativos<\/h4><p class=\"fecha\">&#x1f4c5; Septiembre 2025<\/p><p>Insumo impresora 3D<\/p><\/div><\/div><\/div>\n            <div class=\"slide\"><div class=\"slide-content\"><div class=\"slide-img\"><i class=\"fas fa-television\"><\/i><\/div><div class=\"slide-info\"><h4>TV<\/h4><p class=\"fecha\">&#x1f4c5; Agosto 2024<\/p><p>Smart TV para uso institucional<\/p><\/div><\/div><\/div>\n            <div class=\"slide\"><div class=\"slide-content\"><div class=\"slide-img\"><i class=\"fas fa-fan\"><\/i><\/div><div class=\"slide-info\"><h4>Ventiladores<\/h4><p class=\"fecha\">&#x1f4c5; Noviembre 2024<\/p><p>Ventiladores de pie para las aulas<\/p><\/div><\/div><\/div>\n            <div class=\"slide\"><div class=\"slide-content\"><div class=\"slide-img\"><i class=\"fas fa-paint-roller\"><\/i><\/div><div class=\"slide-info\"><h4>Pintura<\/h4><p class=\"fecha\">&#x1f4c5; Mayo 2025<\/p><p>Pintura y refacci\u00f3n del edificio educativo<\/p><\/div><\/div><\/div>\n            <div class=\"slide\"><div class=\"slide-content\"><div class=\"slide-img\"><i class=\"fas fa-wifi\"><\/i><\/div><div class=\"slide-info\"><h4>Conectividad<\/h4><p class=\"fecha\">&#x1f4c5; Septiembre 2025<\/p><p>Mejora de conectividad y equipamiento de red<\/p><\/div><\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n      <div class=\"grid-2\">\n        <section id=\"actas\" class=\"seccion\">\n          <h2><i class=\"fas fa-file-alt\"><\/i> Libro de actas<\/h2>\n          <p style=\"margin-bottom: 20px;\">Consulta todas las actas mensuales de la cooperadora con total transparencia.<\/p>\n          <div style=\"text-align: center; padding: 40px 20px; background: #f8f9fa; border-radius: 10px;\">\n            <i class=\"fas fa-folder-open\" style=\"font-size: 4rem; color: #27ae60; margin-bottom: 20px;\"><\/i>\n            <p style=\"margin-bottom: 20px; color: #6c757d;\">Accede a todas las actas desde 2020 hasta la actualidad<\/p>\n            <a href=\"https:\/\/drive.google.com\/drive\/folders\/1jlDPFQinOCnhmktq2I9CylQwtXz1rYhe?usp=sharing\" target=\"_blank\" rel=\"noopener\" class=\"btn-destacado\"><i class=\"fas fa-external-link-alt\"><\/i> Ver Libro de Actas<\/a>\n          <\/div>\n          <div class=\"info-card\" style=\"margin-top: 20px;\">\n            <h3>&#x1f4c5; Actas mensuales<\/h3>\n            <p>Las actas se publican mensualmente y contienen:<\/p>\n            <ul style=\"padding-left: 25px; margin-top: 10px;\">\n              <li>Asistencia de miembros<\/li>\n              <li>Ingresos y egresos del per\u00edodo<\/li>\n              <li>Adquisiciones realizadas<\/li>\n              <li>Proyectos en desarrollo<\/li>\n            <\/ul>\n          <\/div>\n        <\/section>\n\n        <section id=\"comision\" class=\"seccion\">\n          <h2><i class=\"fas fa-users\"><\/i> Comisi\u00f3n directiva<\/h2>\n          <p style=\"margin-bottom: 20px;\">Conoce a los miembros actuales de la comisi\u00f3n directiva:<\/p>\n          <ul class=\"comision-lista\">\n            <li><i class=\"fas fa-user-tie\"><\/i><div><span class=\"cargo\">Presidente<\/span>Leandro Fern\u00e1ndez <\/div><\/li>\n            <li><i class=\"fas fa-user\"><\/i><div><span class=\"cargo\">Vicepresidente<\/span>Ricardo Mirabile<\/div><\/li>\n            <li><i class=\"fas fa-wallet\"><\/i><div><span class=\"cargo\">Tesorero<\/span>Diego Ramos<\/div><\/li>\n            <li><i class=\"fas fa-pen\"><\/i><div><span class=\"cargo\">Secretaria<\/span>B\u00e1rbara Verna<\/div><\/li>\n            <li><i class=\"fas fa-check\"><\/i><div><span class=\"cargo\">Revisor de cuentas<\/span>Giovani Vazquez<\/div><\/li>\n            <li><i class=\"fas fa-users\"><\/i><div><span class=\"cargo\">Vocales<\/span>Victor Diaz, Noem\u00ed Fornari<\/div><\/li>\n          <\/ul>\n        <\/section>\n      <\/div>\n\n    <section id=\"sugerencias\" class=\"seccion\">\n      <div class=\"seccion-contenido\">\n        <h2><i class=\"fas fa-comment-dots\"><\/i> Buz\u00f3n de sugerencias<\/h2>\n        <p style=\"text-align: center; margin-bottom: 30px; font-size: 1.1rem;\">Tu opini\u00f3n es importante. Env\u00edanos tus sugerencias, consultas o comentarios.<\/p>\n        <form id=\"formSugerencias\">\n          <div class=\"form-group\">\n            <label for=\"categoria\">Categor\u00eda *<\/label>\n            <select id=\"categoria\" name=\"categoria\" required>\n              <option value=\"\">Selecciona una opci\u00f3n<\/option>\n              <option value=\"Sugerencia\">&#x1f4a1; Sugerencia<\/option>\n              <option value=\"Consulta\">&#x2753; Consulta<\/option>\n              <option value=\"Reclamo\">&#x26a0;&#xfe0f; Reclamo<\/option>\n              <option value=\"Felicitaci\u00f3n\">&#x1f44f; Felicitaci\u00f3n<\/option>\n            <\/select>\n            <span class=\"error-message\">Por favor selecciona una categor\u00eda<\/span>\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"nombre\">Nombre completo *<\/label>\n            <input type=\"text\" id=\"nombre\" name=\"nombre\" required>\n            <span class=\"error-message\">Por favor ingresa tu nombre<\/span>\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"email\">Correo electr\u00f3nico *<\/label>\n            <input type=\"email\" id=\"email\" name=\"email\" required>\n            <span class=\"error-message\">Por favor ingresa un email v\u00e1lido<\/span>\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"rol\">\u00bfEres miembro de la comunidad? *<\/label>\n            <select id=\"rol\" name=\"rol\" required>\n              <option value=\"\">Selecciona una opci\u00f3n<\/option>\n              <option value=\"Estudiante\">&#x1f393; Estudiante<\/option>\n              <option value=\"Docente\">&#x1f468;&#x200d;&#x1f3eb; Docente<\/option>\n              <option value=\"Familia\">&#x1f468;&#x200d;&#x1f469;&#x200d;&#x1f467; Familia<\/option>\n              <option value=\"Otro\">&#x1f464; Otro<\/option>\n            <\/select>\n            <span class=\"error-message\">Por favor selecciona tu rol<\/span>\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"mensaje\">Mensaje *<\/label>\n            <textarea id=\"mensaje\" name=\"mensaje\" required><\/textarea>\n            <span class=\"error-message\">Por favor ingresa tu mensaje<\/span>\n          <\/div>\n          <button type=\"submit\" class=\"btn-destacado\"><i class=\"fas fa-paper-plane\"><\/i> Enviar sugerencia<\/button>\n          <div class=\"success-message\" id=\"successMsg\">&#x2705; \u00a1Tu mensaje ha sido enviado correctamente! Te responderemos a la brevedad.<\/div>\n        <\/form>\n      <\/div>\n    <\/section>\n\n  <\/div>\n\n  <script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script>\n    \n    \/* ========== FUNCI\u00d3N COPIAR AL PORTAPAPELES ========== *\/\n    function copiarAlPortapapeles(texto) {\n      navigator.clipboard.writeText(texto).then(() => {\n        alert('\u00a1Copiado!');\n      }).catch(() => {\n        \/\/ Fallback para navegadores antiguos\n        const input = document.createElement('textarea');\n        input.value = texto;\n        document.body.appendChild(input);\n        input.select();\n        document.execCommand('copy');\n        document.body.removeChild(input);\n        alert('\u00a1Copiado!');\n      });\n    }\n\n   \n    let sliderPosition = 0;\n    const slider = document.getElementById('slider');\n    const slides = document.querySelectorAll('.slide');\n    const totalSlides = slides.length;\n    const slidesToShow = window.innerWidth > 768 ? 3 : 1;\n\n    function moveSlider() {\n      sliderPosition++;\n      if (sliderPosition > totalSlides - slidesToShow) { sliderPosition = 0; }\n      const movePercentage = -100 * sliderPosition \/ slidesToShow;\n      slider.style.transform = `translateX(${movePercentage}%)`;\n    }\n    setInterval(moveSlider, 3000);\n\n    document.getElementById('formSugerencias').addEventListener('submit', function(e) {\n      e.preventDefault();\n      let isValid = true;\n      const categoria = document.getElementById('categoria');\n      const nombre = document.getElementById('nombre');\n      const email = document.getElementById('email');\n      const rol = document.getElementById('rol');\n      const mensaje = document.getElementById('mensaje');\n\n      document.querySelectorAll('.error-message').forEach(msg => msg.style.display = 'none');\n\n      if (!categoria.value) { categoria.nextElementSibling.style.display = 'block'; isValid = false; }\n      if (!nombre.value.trim()) { nombre.nextElementSibling.style.display = 'block'; isValid = false; }\n      const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n      if (!email.value.trim() || !emailRegex.test(email.value)) { email.nextElementSibling.style.display = 'block'; isValid = false; }\n      if (!rol.value) { rol.nextElementSibling.style.display = 'block'; isValid = false; }\n      if (!mensaje.value.trim()) { mensaje.nextElementSibling.style.display = 'block'; isValid = false; }\n\n      if (isValid) {\n        const subject = `[${categoria.value}] Mensaje de ${nombre.value}`;\n        const body = `Categor\u00eda: ${categoria.value}%0D%0A` +\n                    `Nombre: ${nombre.value}%0D%0A` +\n                    `Email: ${email.value}%0D%0A` +\n                    `Rol: ${rol.value}%0D%0A%0D%0A` +\n                    `Mensaje:%0D%0A${mensaje.value}`;\n        window.location.href = `mailto:cooperadora9024@gmail.com?subject=${subject}&body=${body}`;\n        document.getElementById('successMsg').style.display = 'block';\n        this.reset();\n        setTimeout(() => { document.getElementById('successMsg').style.display = 'none'; }, 5000);\n      }\n    });\n\n    window.addEventListener('resize', () => { slider.style.transform = 'translateX(0)'; sliderPosition = 0; });\n    document.querySelectorAll('.rai-img').forEach(img => { img.addEventListener('click', function() { window.open(this.src, '_blank'); }); });\n  <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Cooperadora Escolar IES 9-024 Lavalle Cooperadora escolar IES 9-024 Trabajando juntos por la educaci\u00f3n &#x1f4b3; C\u00f3mo Pagar &#x1f4dc; RAI &#x1f389; Adquisiciones &#x1f4da; Actas &#x1f465; Comisi\u00f3n &#x1f4ac; Sugerencias C\u00f3mo realizar tu aporte Tu aporte hace posible la mejora continua de nuestra instituci\u00f3n. \u00a1Gracias por colaborar! 1 Eleg\u00ed tu opci\u00f3n Selecciona entre pago \u00fanico o en cuotas &#8230; <a title=\"\" class=\"read-more\" href=\"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/cooperadora\/\" aria-label=\"More on \">[+]<\/a><\/p>\n","protected":false},"author":3338,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6667"}],"collection":[{"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/3338"}],"replies":[{"embeddable":true,"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=6667"}],"version-history":[{"count":10,"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6667\/revisions"}],"predecessor-version":[{"id":6844,"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6667\/revisions\/6844"}],"wp:attachment":[{"href":"https:\/\/ies9024-infd.mendoza.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=6667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}