<!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>

    <!-- Top Message -->
    <div class="top-message" id="topMessage">
        Mensaje Importante: Este sitio web está en fase de prueba y no es definitivo.
    </div>

    <div class="top-message" id="topMessageEnglish">
        Important Message: This website is in the testing phases and not final.
    </div>

    <script type="text/javascript">
        // Toggle to show or hide the top messages (true = show, false = hide)
        const showTopMessage = false; // Set this to false to hide the top message

        // Toggle the visibility based on the value of showTopMessage
        if (!showTopMessage) {
            document.getElementById('topMessage').style.display = 'none';
            document.getElementById('topMessageEnglish').style.display = 'none';
        }
    </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 responder a sus preguntas.
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <p>© 2025 Conoce Tus Derechos. All rights reserved.</p>
        <p><a href="#">Política de Privacidad</a> | <a href="#">Términos y Condiciones</a></p>
        <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>
    </div>

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

</html>

 <script>
        // Spanish Messages
        console.log("%cConoce tus Derechos", "color: #0099ff; font-size: 30px; font-weight: 700;");
        console.log("%cSitio Web - https://knowyourright.rapidlinks.xyz", "color: #00ff91; font-size: 15px; font-weight: 700;");
        console.log("%ccorreo electrónico - knowyourright@rapidlinks.xyz", "color: #0099ff; font-size: 15px; font-weight: 700;");
        console.log("%cSugerencias pueden ser agregadas en - https://suggest.rapidlink.xyz", "color: #0099aa; font-size: 15px; font-weight: 700;");
        
        console.log("\n%cProtección bajo la libertad de expresión:", "color: #ff6347; font-size: 20px; font-weight: 700;");
        console.log("%cEste sitio web está protegido bajo los principios de la libertad de expresión y está destinado únicamente a fines educativos. Toda la información proporcionada busca fomentar el conocimiento público y el empoderamiento de los usuarios, especialmente en lo relacionado con los derechos de los inmigrantes.", "color: #ffffff; font-size: 15px;");

        // English Messages
        console.log("\n%cKnow Your Rights", "color: #0099ff; font-size: 30px; font-weight: 700;");
        console.log("%cWebsite - https://knowyourright.rapidlinks.xyz", "color: #00ff91; font-size: 15px; font-weight: 700;");
        console.log("%cEmail  - knowyourright@rapidlinks.xyz", "color: #0099ff; font-size: 15px; font-weight: 700;");
        console.log("%cSuggestions can be added at - https://suggest.rapidlink.xyz", "color: #0099aa; font-size: 15px; font-weight: 700;");
        
        console.log("\n%cProtection Under Freedom of Speech:", "color: #ff6347; font-size: 20px; font-weight: 700;");
        console.log("%cThis website is protected under the principles of freedom of speech and is intended solely for educational purposes. All the information provided aims to promote public knowledge and empower users, especially in matters related to the rights of immigrants.", "color: #ffffff; font-size: 15px;");
    </script>