{"id":6,"date":"2026-08-17T20:18:43","date_gmt":"2026-08-17T20:18:43","guid":{"rendered":"https:\/\/fundacionlareliquia.org\/apoyo_emocional\/?page_id=6"},"modified":"2026-08-19T23:52:14","modified_gmt":"2026-08-19T23:52:14","slug":"apoyo_emocional","status":"publish","type":"page","link":"https:\/\/fundacionlareliquia.org\/apoyo_emocional\/","title":{"rendered":"Apoyo Emocional"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Fundaci\u00f3n La Reliquia \u2014 TERREMOTO 2026 Apoyo Emocional<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&amp;family=Public+Sans:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --flr-purple: #655EC2;\n    --flr-purple-deep: #4C4696;\n    --flr-gold: #F1BD49;\n    --flr-bg: #FBF7F4;\n    --flr-ink: #2C2A45;\n    --flr-ink-soft: #635F82;\n    --flr-purple-tint: #EFEDFB;\n    --flr-line: #E6E1F2;\n    --flr-white: #FFFFFF;\n  }\n\n  *{ box-sizing: border-box; }\n\n  html{ scroll-behavior: smooth; }\n\n  body {\n    margin: 0;\n    color: var(--flr-ink);\n    font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n    background-color: var(--flr-bg);\n    position: relative;\n    min-height: 100vh;\n  }\n\n  \/* Capa de imagen de fondo con opacidad al 0.4 *\/\n  body::before {\n    content: '';\n    position: fixed;\n    inset: 0;\n    background-image: url('https:\/\/fundacionlareliquia.org\/apoyo_emocional\/wp-content\/uploads\/2026\/08\/fondo_apoyo.webp');\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    opacity: 0.4;\n    z-index: 0; \/* Cambiado a 0 *\/\n    pointer-events: none;\n  }\n\n  \/* Eleva el contenido por encima de la capa con opacidad *\/\n  .flr-page-shell {\n    position: relative;\n    z-index: 1;\n    padding: 40px 0 48px;\n  }\n\n  @media (max-width: 640px){\n    body{\n      \/* En iOS, background-attachment: fixed puede fallar; se usa scroll en m\u00f3vil *\/\n      background-attachment: scroll;\n    }\n  }\n\n  .flr-page-shell{\n    padding: 40px 0 48px;\n  }\n\n  @media (min-width: 900px){\n    .flr-page-shell{\n      min-height: 100vh;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      padding: 32px 0;\n    }\n  }\n\n  .flr-wrap{\n    max-width: 720px;\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n\n  \/* En escritorio, el contenedor general se ensancha para aprovechar el ancho *\/\n  @media (min-width: 900px){\n    .flr-wrap{\n      max-width: 1120px;\n    }\n  }\n\n  \/* ---------- Header ---------- *\/\n  .flr-header{\n    padding: 0 0 8px;\n    text-align: center;\n  }\n\n  @media (min-width: 900px){\n    .flr-header{\n      padding: 0 0 4px;\n    }\n  }\n\n  .flr-logo{\n    display: block;\n    margin: 0 auto 18px;\n    max-width: 180px;\n    max-height: 90px;\n    width: auto;\n    height: auto;\n  }\n\n  \/* Mientras no subas el logo, este marcador muestra el espacio reservado.\n     B\u00f3rralo (o el <img>, ver m\u00e1s abajo) cuando pongas tu logo real. *\/\n  .flr-logo-marcador{\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 96px;\n    height: 96px;\n    margin: 0 auto 18px;\n    border-radius: 50%;\n    background: var(--flr-white);\n    border: 1px dashed var(--flr-line);\n    font-family: 'Public Sans', sans-serif;\n    font-size: 10.5px;\n    letter-spacing: 0.06em;\n    text-align: center;\n    color: var(--flr-ink-soft);\n    padding: 8px;\n    line-height: 1.3;\n  }\n\n  .flr-header .flr-marca{\n    font-family: 'Public Sans', sans-serif;\n    font-weight: 700;\n    font-size: 13px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: var(--flr-purple);\n  }\n\n  .flr-header .flr-marca span{\n    color: var(--flr-gold);\n  }\n\n  \/* ---------- Orbe respirando (elemento distintivo) ---------- *\/\n  .flr-orbe-zona{\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 36px 0 8px;\n    position: relative;\n  }\n\n  .flr-orbe-zona-desktop{\n    display: none;\n  }\n\n  @media (min-width: 900px){\n    .flr-orbe-zona-mobile{\n      display: none;\n    }\n    .flr-orbe-zona-desktop{\n      display: flex;\n      justify-content: flex-start;\n      padding: 0 0 20px;\n    }\n  }\n\n  .flr-orbe{\n    position: relative;\n    width: 168px;\n    height: 168px;\n  }\n\n  .flr-orbe-anillo{\n    position: absolute;\n    inset: 0;\n    border-radius: 50%;\n    border: 1.5px solid rgba(241, 189, 73, 0.55);\n    animation: flr-respirar 5.2s ease-in-out infinite;\n  }\n\n  .flr-orbe-anillo.flr-anillo-2{\n    inset: 14px;\n    border-color: rgba(101, 94, 194, 0.35);\n    animation-delay: 0.3s;\n  }\n\n  .flr-orbe-nucleo{\n    position: absolute;\n    inset: 34px;\n    border-radius: 50%;\n    background: radial-gradient(circle at 35% 30%, #8B84DC 0%, var(--flr-purple) 55%, var(--flr-purple-deep) 100%);\n    box-shadow: 0 8px 30px rgba(101, 94, 194, 0.35);\n    animation: flr-respirar 5.2s ease-in-out infinite;\n  }\n\n  @keyframes flr-respirar{\n    0%, 100% { transform: scale(0.92); opacity: 0.85; }\n    50% { transform: scale(1.06); opacity: 1; }\n  }\n\n  .flr-orbe-texto{\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n  }\n\n  .flr-orbe-palabra{\n    font-family: 'Public Sans', sans-serif;\n    font-size: 11px;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--flr-white);\n    font-weight: 600;\n    opacity: 0;\n    animation: flr-palabras 10.4s ease-in-out infinite;\n  }\n\n  .flr-orbe-palabra.flr-palabra-2{\n    animation-delay: 5.2s;\n  }\n\n  .flr-orbe-palabra{\n    position: absolute;\n  }\n\n  @keyframes flr-palabras{\n    0%   { opacity: 0; }\n    4%   { opacity: 1; }\n    46%  { opacity: 1; }\n    50%  { opacity: 0; }\n    100% { opacity: 0; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .flr-orbe-anillo, .flr-orbe-nucleo, .flr-orbe-palabra{\n      animation: none !important;\n      opacity: 1;\n    }\n    .flr-orbe-palabra.flr-palabra-2{ display: none; }\n  }\n\n  \/* ---------- Hero texto ---------- *\/\n  .flr-hero{\n    text-align: center;\n    padding: 20px 0 8px;\n  }\n\n  @media (min-width: 900px){\n    .flr-hero{\n      text-align: left;\n      padding: 0;\n    }\n    .flr-hero p{\n      margin: 0;\n    }\n  }\n\n  .flr-hero h1{\n    font-family: 'Fraunces', serif;\n    font-weight: 500;\n    font-size: clamp(28px, 6vw, 40px);\n    line-height: 1.18;\n    margin: 0 0 14px;\n    color: var(--flr-ink);\n  }\n\n  .flr-hero h1 em{\n    font-style: italic;\n    color: var(--flr-purple);\n  }\n\n  .flr-hero p{\n    font-size: 16px;\n    line-height: 1.6;\n    color: var(--flr-ink-soft);\n    max-width: 480px;\n    margin: 0 auto;\n  }\n\n  \/* ---------- Caminos (tarjetas) ---------- *\/\n  .flr-caminos{\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 16px;\n    padding: 40px 0 24px;\n  }\n\n  @media (min-width: 640px){\n    .flr-caminos{\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  \/* --------------------------------------------------------------\n     LAYOUT DE ESCRITORIO: dos columnas lado a lado para aprovechar\n     el ancho y evitar scroll \u2014 izquierda: orbe + texto,\n     derecha: las dos tarjetas apiladas.\n     -------------------------------------------------------------- *\/\n  @media (min-width: 900px){\n    .flr-contenido{\n      display: grid;\n      grid-template-columns: 1.05fr 1fr;\n      gap: 56px;\n      align-items: center;\n    }\n    .flr-columna-izq{\n      display: flex;\n      flex-direction: column;\n    }\n    .flr-caminos.flr-columna-der{\n      grid-template-columns: 1fr;\n      padding: 0;\n      gap: 14px;\n    }\n  }\n\n  .flr-tarjeta{\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    background: var(--flr-white);\n    border: 1px solid var(--flr-line);\n    border-radius: 20px;\n    padding: 28px 24px;\n    position: relative;\n    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n  }\n\n  .flr-tarjeta:hover,\n  .flr-tarjeta:focus-visible{\n    transform: translateY(-3px);\n    box-shadow: 0 16px 32px rgba(101, 94, 194, 0.14);\n    border-color: var(--flr-purple);\n    outline: none;\n  }\n\n  .flr-tarjeta:focus-visible{\n    outline: 2px solid var(--flr-purple);\n    outline-offset: 3px;\n  }\n\n  .flr-tarjeta-icono{\n    width: 44px;\n    height: 44px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 18px;\n  }\n\n  .flr-tarjeta.flr-paciente .flr-tarjeta-icono{\n    background: var(--flr-purple-tint);\n  }\n\n  .flr-tarjeta.flr-profesional .flr-tarjeta-icono{\n    background: #FCF2DD;\n  }\n\n  .flr-tarjeta-icono svg{\n    width: 22px;\n    height: 22px;\n  }\n\n  .flr-tarjeta h2{\n    font-family: 'Fraunces', serif;\n    font-weight: 500;\n    font-size: 20px;\n    margin: 0 0 8px;\n    color: var(--flr-ink);\n  }\n\n  .flr-tarjeta p{\n    font-size: 14.5px;\n    line-height: 1.55;\n    color: var(--flr-ink-soft);\n    margin: 0 0 18px;\n  }\n\n  .flr-tarjeta-cta{\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    font-weight: 600;\n    text-decoration: none;\n  }\n\n  .flr-tarjeta.flr-paciente .flr-tarjeta-cta{ color: var(--flr-purple); }\n  .flr-tarjeta.flr-profesional .flr-tarjeta-cta{ color: #B8862A; }\n\n  .flr-tarjeta-cta svg{\n    width: 14px;\n    height: 14px;\n    transition: transform 0.2s ease;\n  }\n\n  .flr-tarjeta:hover .flr-tarjeta-cta svg{\n    transform: translateX(3px);\n  }\n\n  \/* ---------- Footer ---------- *\/\n  .flr-footer{\n    text-align: center;\n    padding: 24px 0 0;\n    font-size: 12.5px;\n    color: var(--flr-ink-soft);\n    border-top: 1px solid var(--flr-line);\n    margin-top: 8px;\n  }\n\n  .flr-footer a{\n    color: var(--flr-purple);\n    text-decoration: none;\n  }\n<\/style>\n\n\n\n  <div class=\"flr-page-shell\">\n\n    <header class=\"flr-header\">\n    \n\n           <img decoding=\"async\" src=\"https:\/\/fundacionlareliquia.org\/apoyo_emocional\/wp-content\/uploads\/2026\/08\/logo_4.png\" alt=\"Fundaci\u00f3n La Reliquia\" class=\"flr-logo\">\n\n   \n\n      <div class=\"flr-marca\">Fundaci\u00f3n La Reliquia <span>\u00b7 TERREMOTO COLOMBIA 2026 -Apoyo Emocional<\/span><\/div>\n    <\/header>\n\n    <div class=\"flr-orbe-zona flr-orbe-zona-mobile\">\n      <div class=\"flr-orbe\">\n        <div class=\"flr-orbe-anillo\"><\/div>\n        <div class=\"flr-orbe-anillo flr-anillo-2\"><\/div>\n        <div class=\"flr-orbe-nucleo\"><\/div>\n        <div class=\"flr-orbe-texto\">\n          <span class=\"flr-orbe-palabra\">inhala<\/span>\n          <span class=\"flr-orbe-palabra flr-palabra-2\">exhala<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <main class=\"flr-wrap\">\n      <div class=\"flr-contenido\">\n\n        <div class=\"flr-columna-izq\">\n          <div class=\"flr-orbe-zona flr-orbe-zona-desktop\">\n            <div class=\"flr-orbe\">\n              <div class=\"flr-orbe-anillo\"><\/div>\n              <div class=\"flr-orbe-anillo flr-anillo-2\"><\/div>\n              <div class=\"flr-orbe-nucleo\"><\/div>\n              <div class=\"flr-orbe-texto\">\n                <span class=\"flr-orbe-palabra\">inhala<\/span>\n                <span class=\"flr-orbe-palabra flr-palabra-2\">exhala<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <section class=\"flr-hero\">\n            <h1>Un espacio para <em>cuidarte<\/em>,<br>y para acompa\u00f1ar<\/h1>\n            <p>Conectamos personas que necesitan apoyo emocional con profesionales de la salud mental verificados. \u00bfC\u00f3mo quieres continuar?<\/p>\n          <\/section>\n        <\/div>\n\n        <section class=\"flr-caminos flr-columna-der\" aria-label=\"Elige c\u00f3mo quieres ingresar\">\n\n        <a href=\"\/apoyo_emocional\/paciente\/login\/\" class=\"flr-tarjeta flr-paciente\">\n          <div class=\"flr-tarjeta-icono\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 12C14.4853 12 16.5 9.98528 16.5 7.5C16.5 5.01472 14.4853 3 12 3C9.51472 3 7.5 5.01472 7.5 7.5C7.5 9.98528 9.51472 12 12 12Z\" stroke=\"#655EC2\" stroke-width=\"1.6\"><\/path>\n              <path d=\"M4 20.5C4 16.634 7.582 13.5 12 13.5C16.418 13.5 20 16.634 20 20.5\" stroke=\"#655EC2\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path>\n            <\/svg>\n          <\/div>\n          <h2>Busco apoyo emocional<\/h2>\n          <p>Soy paciente y quiero agendar una cita con un profesional de la salud mental.<\/p>\n          <span class=\"flr-tarjeta-cta\">\n            Ingresar como paciente\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n          <\/span>\n        <\/a>\n\n        <a href=\"\/apoyo_emocional\/profesional\/login\/\" class=\"flr-tarjeta flr-profesional\">\n          <div class=\"flr-tarjeta-icono\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M9 12L11 14L15.5 9.5\" stroke=\"#B8862A\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n              <path d=\"M12 3L19 6V11C19 15.5 16 19 12 21C8 19 5 15.5 5 11V6L12 3Z\" stroke=\"#B8862A\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n          <\/div>\n          <h2>Soy profesional de salud mental<\/h2>\n          <p>Quiero postularme o ingresar a mi perfil profesional para atender pacientes.<\/p>\n          <span class=\"flr-tarjeta-cta\">\n            Ingresar como profesional\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n          <\/span>\n        <\/a>\n\n        <\/section>\n      <\/div>\n    <\/main>\n\n    <footer class=\"flr-footer\">\n      Fundaci\u00f3n La Reliquia \u2014 Apoyo Emocional \u00b7 <a href=\"\/apoyo_emocional\/terminos-y-condiciones\/\">T\u00e9rminos y condiciones<\/a>\n    <\/footer>\n\n  <\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Fundaci\u00f3n La Reliquia \u2014 TERREMOTO 2026 Apoyo Emocional Fundaci\u00f3n La Reliquia \u00b7 TERREMOTO COLOMBIA 2026 -Apoyo Emocional inhala exhala inhala [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fundacionlareliquia.org\/apoyo_emocional\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fundacionlareliquia.org\/apoyo_emocional\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fundacionlareliquia.org\/apoyo_emocional\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fundacionlareliquia.org\/apoyo_emocional\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fundacionlareliquia.org\/apoyo_emocional\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":18,"href":"https:\/\/fundacionlareliquia.org\/apoyo_emocional\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":118,"href":"https:\/\/fundacionlareliquia.org\/apoyo_emocional\/wp-json\/wp\/v2\/pages\/6\/revisions\/118"}],"wp:attachment":[{"href":"https:\/\/fundacionlareliquia.org\/apoyo_emocional\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}