{"id":4857,"date":"2026-06-12T16:12:54","date_gmt":"2026-06-12T16:12:54","guid":{"rendered":"https:\/\/suicidepreventionhouston.org\/?page_id=4857"},"modified":"2026-06-12T16:12:54","modified_gmt":"2026-06-12T16:12:54","slug":"prueba-v3","status":"publish","type":"page","link":"https:\/\/suicidepreventionhouston.org\/es\/prueba-v3\/","title":{"rendered":"Prueba V3"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"es\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Suicide Prevention Houston<\/title><br \/>\n    <!-- Tailwind CSS a trav\u00e9s de CDN para estilos r\u00e1pidos y responsivos --><br \/>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><br \/>\n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Configuraci\u00f3n de colores personalizados basados en tu paleta --><br \/>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        'profundo': '#004D4D',\n                        'verde-azulado': '#008080',\n                        'buddha-gold': '#C59E00',\n                        'buddha-gold-hover': '#A88700',\n                        'gris-oscuro': '#2D2862',\n                        'fondo-suave': '#F4F9F9',\n                    },\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                    }\n                }\n            }\n        }\n    <\/script><\/p>\n<style>\n        \/* Estilos base adicionales *\/\n        body { font-family: 'Inter', sans-serif; color: #2D2862; }\n        .hero-bg { background-color: #004D4D; }\n        .smooth-shadow { box-shadow: 0 10px 25px rgba(0, 77, 77, 0.08); }\n    <\/style>\n<p><\/head><br \/>\n<body class=\"bg-white\"><\/p>\n<p>    <!-- 1. BARRA DE NAVEGACI\u00d3N --><\/p>\n<header class=\"bg-white border-b-4 border-verde-azulado sticky top-0 z-50\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"flex justify-between items-center h-20\">\n                <!-- Logo Peque\u00f1o en Men\u00fa --><\/p>\n<div class=\"flex-shrink-0 flex items-center\">\n                    <span class=\"text-profundo font-bold text-xl tracking-tight\">SP<span class=\"text-buddha-gold\">Houston<\/span><\/span>\n                <\/div>\n<p>                <!-- Pesta\u00f1as de Navegaci\u00f3n (Misi\u00f3n, Visi\u00f3n, etc.) --><\/p>\n<nav class=\"hidden md:flex space-x-8\">\n                    <a href=\"#\" class=\"text-gris-oscuro hover:text-verde-azulado font-semibold transition\">Inicio<\/a><br \/>\n                    <a href=\"#institucional\" class=\"text-gris-oscuro hover:text-verde-azulado font-semibold transition\">Nosotros<\/a><br \/>\n                    <a href=\"#mision-vision\" class=\"text-gris-oscuro hover:text-verde-azulado font-semibold transition\">Misi\u00f3n y Visi\u00f3n<\/a><br \/>\n                    <a href=\"#recursos\" class=\"text-gris-oscuro hover:text-verde-azulado font-semibold transition\">Recursos<\/a><br \/>\n                <\/nav>\n<p>                <!-- Bot\u00f3n de Ayuda Permanente --><\/p>\n<div class=\"flex items-center\">\n                    <a href=\"tel:988\" class=\"bg-buddha-gold hover:bg-buddha-gold-hover text-white font-bold py-2 px-6 rounded-full shadow-lg transition transform hover:-translate-y-1\"><br \/>\n                        L\u00cdNEA DE AYUDA (988)<br \/>\n                    <\/a>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/header>\n<p>    <!-- 2. SECCI\u00d3N PRINCIPAL: PRIORIDAD A LA AYUDA --><\/p>\n<section class=\"hero-bg py-20 lg:py-32\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n<h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6 leading-tight\">\n                No tienes que pasar por esto en soledad.<br \/>\n            <\/h1>\n<p class=\"mt-4 text-xl text-blue-100 max-w-3xl mx-auto mb-10\">\n                Hay esperanza y estamos aqu\u00ed para escucharte sin juzgar. Si est\u00e1s en una crisis o sientes que no puedes m\u00e1s, hay alguien disponible para ti ahora mismo.\n            <\/p>\n<div class=\"flex flex-col sm:flex-row justify-center gap-4\">\n                <a href=\"tel:988\" class=\"bg-buddha-gold hover:bg-white hover:text-buddha-gold text-white font-bold text-lg py-4 px-8 rounded-xl shadow-xl transition flex items-center justify-center border-2 border-buddha-gold\"><br \/>\n                    <svg class=\"w-6 h-6 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg><br \/>\n                    Llamar al 988<br \/>\n                <\/a><br \/>\n                <a href=\"#\" class=\"bg-transparent hover:bg-white hover:text-profundo text-white font-bold text-lg py-4 px-8 rounded-xl shadow-xl transition flex items-center justify-center border-2 border-white\"><br \/>\n                    <svg class=\"w-6 h-6 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"><\/path><\/svg><br \/>\n                    Chat en L\u00ednea<br \/>\n                <\/a>\n            <\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- 3. SECCI\u00d3N INSTITUCIONAL: CREADORA Y LOGO --><\/p>\n<section id=\"institucional\" class=\"py-20 bg-fondo-suave\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"flex flex-col lg:flex-row items-center gap-16\">\n                <!-- Imagen de la Creadora --><\/p>\n<div class=\"lg:w-1\/3 flex justify-center\">\n<div class=\"w-64 h-64 md:w-80 md:h-80 rounded-full border-8 border-white smooth-shadow overflow-hidden bg-verde-azulado flex items-center justify-center relative\">\n                        <!-- Placeholder para la foto real --><br \/>\n                        <span class=\"text-white text-xl font-bold opacity-50 z-10\">[Foto de Connie]<\/span><br \/>\n                        <!-- Puedes cambiar la URL de la imagen aqu\u00ed --><br \/>\n                        <img decoding=\"async\" src=\"\" alt=\"Connie Selvaggi\" class=\"absolute inset-0 w-full h-full object-cover opacity-0\">\n                    <\/div>\n<\/p><\/div>\n<p>                <!-- Texto de la Creadora y Logo Grande --><\/p>\n<div class=\"lg:w-2\/3 text-center lg:text-left\">\n<div class=\"mb-6 flex justify-center lg:justify-start\">\n                        <!-- Logo de la fundaci\u00f3n en tama\u00f1o grande --><\/p>\n<div class=\"text-4xl font-extrabold text-profundo border-b-4 border-buddha-gold pb-2 inline-block\">\n                            Suicide Prevention <span class=\"text-verde-azulado\">Houston<\/span>\n                        <\/div>\n<\/p><\/div>\n<h2 class=\"text-3xl font-bold text-profundo mb-4\">Descubriendo al campe\u00f3n que llevas dentro<\/h2>\n<h3 class=\"text-xl text-buddha-gold font-semibold mb-6\">Un mensaje de Connie Selvaggi, Fundadora<\/h3>\n<p class=\"text-lg text-gris-oscuro leading-relaxed mb-6\">\n                        \u00abNuestra fundaci\u00f3n nace de la profunda convicci\u00f3n de que cada vida tiene un valor incalculable. A trav\u00e9s de la conferencia &#8216;Descubriendo tu Campe\u00f3n Interior&#8217;, programas integrados, testimonios y retiros espirituales, buscamos crear redes de apoyo inquebrantables.\u00bb\n                    <\/p>\n<p class=\"text-lg text-gris-oscuro leading-relaxed\">\n                        Entendemos el dolor porque lo hemos visto, pero tambi\u00e9n hemos sido testigos del poder transformador de la escucha activa, la contenci\u00f3n y el amor. Nuestro objetivo es que encuentres aqu\u00ed un refugio seguro.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- SECCI\u00d3N DE MISI\u00d3N Y VISI\u00d3N (Pesta\u00f1as visuales limpias) --><\/p>\n<section id=\"mision-vision\" class=\"py-16 bg-white border-t border-gray-100\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n<div class=\"p-8 bg-white border border-gray-100 rounded-2xl smooth-shadow text-center hover:-translate-y-2 transition duration-300\">\n<div class=\"w-16 h-16 mx-auto bg-verde-azulado rounded-full flex items-center justify-center mb-6\">\n                        <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n                    <\/div>\n<h3 class=\"text-2xl font-bold text-profundo mb-4\">Nuestra Misi\u00f3n<\/h3>\n<p class=\"text-gris-oscuro\">Promover el desarrollo de ideas y estrategias preventivas, brindando contenci\u00f3n emocional y herramientas pr\u00e1cticas para el manejo de crisis.<\/p>\n<\/p><\/div>\n<div class=\"p-8 bg-white border border-gray-100 rounded-2xl smooth-shadow text-center hover:-translate-y-2 transition duration-300 border-t-4 border-t-buddha-gold\">\n<div class=\"w-16 h-16 mx-auto bg-buddha-gold rounded-full flex items-center justify-center mb-6\">\n                        <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"><\/path><\/svg>\n                    <\/div>\n<h3 class=\"text-2xl font-bold text-profundo mb-4\">Nuestra Visi\u00f3n<\/h3>\n<p class=\"text-gris-oscuro\">Globalizar un plan de acci\u00f3n efectivo que permita el manejo adecuado de la salud mental, creando comunidades donde el estigma no exista.<\/p>\n<\/p><\/div>\n<div class=\"p-8 bg-white border border-gray-100 rounded-2xl smooth-shadow text-center hover:-translate-y-2 transition duration-300\">\n<div class=\"w-16 h-16 mx-auto bg-verde-azulado rounded-full flex items-center justify-center mb-6\">\n                        <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"><\/path><\/svg>\n                    <\/div>\n<h3 class=\"text-2xl font-bold text-profundo mb-4\">Red de Apoyo<\/h3>\n<p class=\"text-gris-oscuro\">Formar facilitadores y voluntarios capacitados para ofrecer soporte integral en escuelas, empresas y comunidades vulnerables.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- 4. SECCI\u00d3N DE BLOGS Y RECURSOS --><\/p>\n<section id=\"recursos\" class=\"py-20 bg-fondo-suave\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"text-center mb-16\">\n<h2 class=\"text-3xl md:text-4xl font-bold text-profundo mb-4\">Recursos y Noticias<\/h2>\n<p class=\"text-lg text-gris-oscuro max-w-2xl mx-auto\">Art\u00edculos, herramientas preventivas y testimonios que ayudan a comprender y acompa\u00f1ar procesos dif\u00edciles.<\/p>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <!-- Tarjeta de Blog 1 --><\/p>\n<article class=\"bg-white rounded-2xl overflow-hidden smooth-shadow hover:-translate-y-2 transition duration-300\">\n<div class=\"h-48 bg-verde-azulado flex items-center justify-center\">\n                        <span class=\"text-white opacity-50\">[Imagen de Apoyo]<\/span>\n                    <\/div>\n<div class=\"p-8\">\n                        <span class=\"inline-block px-3 py-1 bg-buddha-gold text-white text-xs font-bold rounded-full mb-4 uppercase tracking-wider\">Prevenci\u00f3n<\/span><\/p>\n<h3 class=\"text-xl font-bold text-profundo mb-3 leading-tight\">C\u00f3mo identificar las se\u00f1ales de alerta en un ser querido<\/h3>\n<p class=\"text-gris-oscuro mb-6 line-clamp-3\">Los cambios de comportamiento pueden ser silenciosos. Aprender a leer las se\u00f1ales es el primer paso para ofrecer ayuda oportuna.<\/p>\n<p>                        <a href=\"#\" class=\"text-verde-azulado font-bold hover:text-profundo transition flex items-center\"><br \/>\n                            Leer art\u00edculo<br \/>\n                            <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg><br \/>\n                        <\/a>\n                    <\/div>\n<\/article>\n<p>                <!-- Tarjeta de Blog 2 --><\/p>\n<article class=\"bg-white rounded-2xl overflow-hidden smooth-shadow hover:-translate-y-2 transition duration-300\">\n<div class=\"h-48 bg-profundo flex items-center justify-center\">\n                        <span class=\"text-white opacity-50\">[Imagen de Salud Mental]<\/span>\n                    <\/div>\n<div class=\"p-8\">\n                        <span class=\"inline-block px-3 py-1 bg-buddha-gold text-white text-xs font-bold rounded-full mb-4 uppercase tracking-wider\">Mitos<\/span><\/p>\n<h3 class=\"text-xl font-bold text-profundo mb-3 leading-tight\">Mitos y realidades sobre la salud mental y la depresi\u00f3n<\/h3>\n<p class=\"text-gris-oscuro mb-6 line-clamp-3\">Desmentir creencias populares es crucial para eliminar el estigma y animar a las personas a buscar tratamiento profesional.<\/p>\n<p>                        <a href=\"#\" class=\"text-verde-azulado font-bold hover:text-profundo transition flex items-center\"><br \/>\n                            Leer art\u00edculo<br \/>\n                            <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg><br \/>\n                        <\/a>\n                    <\/div>\n<\/article>\n<p>                <!-- Tarjeta de Blog 3 --><\/p>\n<article class=\"bg-white rounded-2xl overflow-hidden smooth-shadow hover:-translate-y-2 transition duration-300\">\n<div class=\"h-48 bg-gray-200 flex items-center justify-center\">\n                        <span class=\"text-gray-500 opacity-50\">[Imagen de Retiro]<\/span>\n                    <\/div>\n<div class=\"p-8\">\n                        <span class=\"inline-block px-3 py-1 bg-buddha-gold text-white text-xs font-bold rounded-full mb-4 uppercase tracking-wider\">Testimonios<\/span><\/p>\n<h3 class=\"text-xl font-bold text-profundo mb-3 leading-tight\">El impacto transformador de los retiros espirituales<\/h3>\n<p class=\"text-gris-oscuro mb-6 line-clamp-3\">Historias reales de personas que encontraron paz, contenci\u00f3n y un nuevo prop\u00f3sito a trav\u00e9s de nuestros programas integrados.<\/p>\n<p>                        <a href=\"#\" class=\"text-verde-azulado font-bold hover:text-profundo transition flex items-center\"><br \/>\n                            Leer art\u00edculo<br \/>\n                            <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg><br \/>\n                        <\/a>\n                    <\/div>\n<\/article><\/div>\n<div class=\"text-center mt-12\">\n                <a href=\"#\" class=\"inline-block bg-white text-profundo border-2 border-profundo font-bold py-3 px-8 rounded-full hover:bg-profundo hover:text-white transition duration-300\"><br \/>\n                    Ver todos los recursos<br \/>\n                <\/a>\n            <\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- FOOTER SIMPLE --><\/p>\n<footer class=\"bg-profundo py-8\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n<p class=\"text-white opacity-80\">&copy; 2026 Suicide Prevention Houston. Todos los derechos reservados.<\/p>\n<\/p><\/div>\n<\/footer>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Suicide Prevention Houston SPHouston Inicio Nosotros Misi\u00f3n y Visi\u00f3n Recursos L\u00cdNEA DE AYUDA (988) No tienes que pasar por esto en soledad. Hay esperanza y estamos aqu\u00ed para escucharte sin juzgar. Si est\u00e1s en una crisis o sientes que no puedes m\u00e1s, hay alguien disponible para ti ahora mismo. Llamar al 988 Chat en L\u00ednea [Foto de Connie] Suicide Prevention Houston Descubriendo al campe\u00f3n que llevas dentro Un mensaje de Connie Selvaggi, Fundadora \u00abNuestra fundaci\u00f3n nace de la profunda convicci\u00f3n&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4857","page","type-page","status-publish","hentry"],"a3_pvc":{"activated":false,"total_views":0,"today_views":0},"_links":{"self":[{"href":"https:\/\/suicidepreventionhouston.org\/es\/wp-json\/wp\/v2\/pages\/4857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/suicidepreventionhouston.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/suicidepreventionhouston.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/suicidepreventionhouston.org\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/suicidepreventionhouston.org\/es\/wp-json\/wp\/v2\/comments?post=4857"}],"version-history":[{"count":1,"href":"https:\/\/suicidepreventionhouston.org\/es\/wp-json\/wp\/v2\/pages\/4857\/revisions"}],"predecessor-version":[{"id":4858,"href":"https:\/\/suicidepreventionhouston.org\/es\/wp-json\/wp\/v2\/pages\/4857\/revisions\/4858"}],"wp:attachment":[{"href":"https:\/\/suicidepreventionhouston.org\/es\/wp-json\/wp\/v2\/media?parent=4857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}