<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Conoce Tus Derechos: Derechos de los Inmigrantes</title>
    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="Conoce Tus Derechos: Derechos de los Inmigrantes">
    <meta property="og:description"
        content="Entiende tus derechos como inmigrante y mantente informado. Conoce tus derechos constitucionales y cómo defenderte en situaciones legales.">
    <meta property="og:image" content="https://cdn.cisco8114.com/u/cisco/6vFmL5r.png">
    <meta property="og:url" content="https://conocetusderechos.xyz">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="es_ES">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
    <style>
        body {
            background-color: #343a40;
            color: black;
            font-family: 'Arial', sans-serif;
            margin-top: 20px;
        }

        .hero {
            background: linear-gradient(135deg, #007bff, #6610f2);
            color: white;
            text-align: center;
            padding: 80px 20px;
            border-radius: 15px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        }

        .hero h1 {
            font-size: 3.5rem;
            font-weight: 700;
        }

        .hero p {
            font-size: 1.2rem;
            font-weight: 300;
        }

        .hero .btn {
            background-color: #ffffff;
            color: #007bff;
            padding: 12px 30px;
            font-size: 1.2rem;
            font-weight: 600;
            border-radius: 30px;
            transition: background-color 0.3s ease;
        }

        .hero .btn:hover {
            background-color: #007bff;
            color: #ffffff;
        }

        .content-section {
            margin-top: 50px;
        }

        .content-section h2 {
            font-size: 2.5rem;
            font-weight: 600;
        }

        .card img {
            border-radius: 10px;
            transition: transform 0.3s ease;
        }

        .card img:hover {
            transform: scale(1.05);
        }

        .footer {
            background-color: #343a40;
            color: white;
            text-align: center;
            padding: 20px 10px;
            position: relative;
            bottom: 0;
            width: 100%;
        }

        .footer a {
            color: #ffffff;
            text-decoration: none;
            padding: 5px 10px;
        }

        .footer a:hover {
            color: #007bff;
        }

        .accordion-button {
            font-size: 1.1rem;
            font-weight: 500;
            transition: background-color 0.3s ease;
        }

        .accordion-button:not(.collapsed) {
            background-color: #007bff;
            color: white;
        }

        .accordion-button:hover {
            background-color: #6610f2;
        }

        .accordion-body {
            font-size: 1.1rem;
            font-weight: 400;
        }

        .maintenance-message {
            text-align: center;
            padding: 50px;
        }

        .maintenance-message h1 {
            font-size: 3rem;
            color: #dc3545;
        }

        .maintenance-message p {
            font-size: 1.2rem;
            color: #6c757d;
        }

        .rights-exercise {
            color: #ff5733;
            font-weight: 500;
        }

        .top-message {
            background-color: #f8d7da;
            color: #721c24;
            text-align: center;
            padding: 10px;
            font-size: 1.2rem;
            font-weight: bold;
        }
    </style>
</head>

<body>

    <div class="top-message">

    <div class="top-message">
     
    </div>

    <script type="text/javascript">
        // Maintenance mode toggle (true = maintenance mode on, false = off)
        const maintenanceMode = false;

        // Redirect URLs for regular pages
        const redirectMaintenanceUrl = 'https://maintenance.conocetusderechos.xyz'; // Change to your maintenance redirect URL
        const redirectNormalUrl = 'https://conocetusderechos.xyz'; // Change to your normal URL

        // Redirect URLs for TOS and Privacy Policy pages
        const redirectTosUrl = 'https://conocetusderechos.xyz/tos.php'; // TOS URL
        const redirectPrivacyUrl = 'https://conocetusderechos.xyz/privacy-policy.php'; // Privacy Policy URL

        if (maintenanceMode) {
            // Redirect in Maintenance Mode
            window.location.href = redirectMaintenanceUrl;

            // Additional redirects for TOS and Privacy Policy pages
            if (window.location.pathname === '/terms-of-service') {
                window.location.href = redirectTosUrl;
            } else if (window.location.pathname === '/privacy-policy') {
                window.location.href = redirectPrivacyUrl;
            }
        }
    </script>

    <div class="hero">
        <h1>Conoce Tus Derechos</h1>
        <p>Entiende tus derechos como inmigrante y mantente informado.</p>
        <a href="#rights" class="btn btn-light btn-lg">Aprende Más</a>
    </div>

    <div id="rights" class="container py-5 content-section">
        <h2 class="text-center mb-4">Tus Derechos como Inmigrante</h2>
        <div class="row">
            <div class="col-md-6">
                <h4>Tienes derechos constitucionales:</h4>
                <ul>
                    <li><strong>NO ABRAS LA PUERTA</strong> si un agente de inmigración está tocando.</li>
                    <li><strong>NO CONTESTES PREGUNTAS</strong> de un agente de inmigración si trata de hablar contigo.
                        Tienes el derecho a permanecer en silencio.</li>
                    <li><strong>NO FIRMES NADA</strong> sin antes hablar con un abogado. Tienes derecho a hablar con un
                        abogado.</li>
                    <li>Si estás afuera de tu casa, pregunta al agente si puedes irte y si dice que sí, vete con
                        tranquilidad.</li>
                    <li><strong>ENTREGA ESTA TARJETA AL AGENTE</strong>. Si estás dentro de tu casa, muestra la tarjeta
                        por la ventana o pásala por debajo de la puerta.</li>
                    <li>Si te detienen, solicita hablar con un abogado inmediatamente.</li>
                </ul>
            </div>
            <div class="col-md-6">
                <h4>Ejercicios de tus Derechos:</h4>
                <p class="rights-exercise">No deseo hablar contigo, responder tus preguntas, ni firmar o entregarte
                    ningún documento bajo mis derechos de la 5ta Enmienda de la Constitución de los Estados Unidos.</p>
                <p class="rights-exercise">No doy permiso para que entres a mi casa bajo mis derechos de la 4ta Enmienda
                    de la Constitución de los Estados Unidos, a menos que tengas una orden firmada por un juez con mi
                    nombre que puedas deslizar bajo la puerta.</p>
                <p class="rights-exercise">No doy permiso para que registres mis pertenencias bajo mis derechos de la
                    4ta Enmienda. Elijo ejercer mis derechos constitucionales.</p>
                <p class="rights-exercise">Guarda siempre una copia de tus documentos legales y conoce la información de
                    contacto de un abogado o una organización legal confiable.</p>
            </div>
        </div>
    </div>

    <div class="container py-5 content-section">
        <h2 class="text-center mb-4">Ejemplos de Órdenes Administrativas y Judiciales</h2>
        <p class="text-center">Los oficiales deben tener una orden judicial firmada por un juez para entrar a tu casa.
        </p>
        <div class="row justify-content-center">
            <div class="col-md-4 text-center mb-4">
                <div class="card">
                    <img src="https://cdn.cisco8114.com/u/cisco/LXIpflo.jpg" alt="Orden Administrativa Ejemplo" class="img-fluid">
                    <div class="card-body">
                        <p class="card-text">Orden Administrativa Ejemplo</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 text-center mb-4">
                <div class="card">
                    <img src="https://cdn.cisco8114.com/u/cisco/3l616wT.jpg" alt="Detención de Inmigración" class="img-fluid">
                    <div class="card-body">
                        <p class="card-text">Detención de Inmigración</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 text-center mb-4">
                <div class="card">
                    <img src="https://cdn.cisco8114.com/u/cisco/O42RE25.jpg" alt="Orden Judicial Ejemplo" class="img-fluid">
                    <div class="card-body">
                        <p class="card-text">Orden Judicial Ejemplo</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container py-5 content-section">
        <h2 class="text-center mb-4">Preguntas Frecuentes</h2>
        <div class="accordion" id="faqAccordion">
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingOne">
                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                        ¿Qué debo hacer si ICE viene a mi casa?
                    </button>
                </h2>
                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
                    data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        Mantén la calma, no abras la puerta y pide una orden. Si no tienen una, no estás obligado a
                        dejarlos entrar.
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingTwo">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                        ¿Puedo permanecer en silencio si me interrogan los oficiales de inmigración?
                    </button>
                </h2>
                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                    data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        Sí, tienes derecho a permanecer en silencio. No estás obligado a responder preguntas o
                        proporcionar información más allá de tu nombre.
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingThree">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                        ¿Qué debo hacer si soy detenido?
                    </button>
                </h2>
                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
                    data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        Solicita hablar con un abogado inmediatamente. No firmes ningún documento sin consultar a tu
                        abogado.
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingFour">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                        ¿Qué debo hacer si la policía me pide mis documentos?
                    </button>
                </h2>
                <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                    data-bs-parent="#faqAccordion">
                    <div class="accordion-body">
                        Solo muestra tus documentos si la policía tiene una orden judicial o si están realizando una
                        detención legal. De lo contrario, puedes pedir que se retiren y no compartir información
                        adicional.
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <p>&copy; 2025 Conoce Tus Derechos | All rights reserved.</p>
        <p>
            <a href="https://conocetusderechos.xyz/tos.php">Términos de Servicio</a> |
            <a href="https://conocetusderechos.xyz/privacy-policy.php">Política de Privacidad</a>
        <p><a href="https://padlet.com/PeopleoverPapers/people-over-papers-anonymous-an-nimo-lf0l47ljszbto2uj"
                class="text-white">PeopleoverPapers</a> | <a href="https://juntosseguros.com/" class="text-white">Juntos
                Seguros</a></p>
        </p>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>

</body>

</html>