{"id":15,"date":"2026-05-13T20:11:31","date_gmt":"2026-05-13T20:11:31","guid":{"rendered":"https:\/\/oceanmedacademy.com\/?page_id=15"},"modified":"2026-05-13T20:24:01","modified_gmt":"2026-05-13T20:24:01","slug":"under-construction","status":"publish","type":"page","link":"https:\/\/oceanmedacademy.com\/","title":{"rendered":"Under Construction"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f040e5 e-con-full e-flex e-con e-parent\" data-id=\"0f040e5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcb1b42 elementor-widget elementor-widget-html\" data-id=\"fcb1b42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Carga de Tailwind CSS para Elementor -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n  tailwind.config = {\n    theme: {\n      extend: {\n        fontFamily: {\n          sans: ['Montserrat', 'sans-serif'],\n          serif: ['Cinzel', 'serif'],\n          display: ['Playfair Display', 'serif'],\n        }\n      }\n    }\n  }\n<\/script>\n\n<!-- Estilos y Animaciones -->\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400..800&family=Montserrat:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');\n\n  #oceanmed-container {\n    background-color: #01060f;\n    color: white;\n    font-family: 'Montserrat', sans-serif;\n    \/* Asegurar que tome pantalla completa en Elementor *\/\n    min-height: 100vh;\n    padding-top: 40px;\n    padding-bottom: 40px;\n  }\n  \n  .gold-gradient-text {\n    background: linear-gradient(135deg, #e8cca4 0%, #c39c63 50%, #a78049 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n  }\n  \n  \/* Animaciones traducidas a CSS para WordPress *\/\n  @keyframes spin-slow { 100% { transform: rotate(360deg); } }\n  @keyframes spin-reverse-slow { 100% { transform: rotate(-360deg); } }\n  @keyframes float { \n    0%, 100% { transform: translateY(0); } \n    50% { transform: translateY(-12px); } \n  }\n  @keyframes wave-bg { \n    0%, 100% { d: path(\"M 30 155 C 55 175, 90 180, 115 155 C 140 130, 160 140, 185 160 C 165 175, 135 185, 105 175 C 70 165, 45 160, 30 155 Z\"); }\n    50% { d: path(\"M 30 155 C 60 165, 85 175, 110 160 C 135 145, 155 150, 185 160 C 170 175, 140 180, 105 173 C 75 163, 50 160, 30 155 Z\"); }\n  }\n  @keyframes wave-fg {\n    0%, 100% { d: path(\"M 50 168 C 75 188, 110 192, 135 162 C 150 142, 165 148, 185 162 C 165 170, 145 178, 125 188 C 100 200, 75 190, 50 168 Z\"); }\n    50% { d: path(\"M 50 168 C 70 175, 100 188, 125 168 C 145 152, 160 158, 185 162 C 160 168, 145 173, 120 183 C 100 192, 80 190, 50 168 Z\"); }\n  }\n  \n  .animate-spin-slow { animation: spin-slow 40s linear infinite; }\n  .animate-spin-reverse-slow { animation: spin-reverse-slow 60s linear infinite; }\n  .animate-wave-bg { animation: wave-bg 8s ease-in-out infinite; }\n  .animate-wave-fg { animation: wave-fg 7s ease-in-out infinite; }\n  .animate-float { animation: float 6s ease-in-out infinite; }\n<\/style>\n\n<!-- Estructura de la Web -->\n<div id=\"oceanmed-container\" class=\"flex flex-col relative overflow-hidden\">\n  \n  <!-- FONDO INMERSIVO -->\n  <div class=\"absolute inset-0 z-0 overflow-hidden pointer-events-none\">\n    <div id=\"mouse-glow\" class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[150vw] h-[150vh] opacity-60 transition-transform duration-300 ease-out\" style=\"background: radial-gradient(circle at center, rgba(15, 59, 108, 0.15) 0%, rgba(1, 6, 15, 0) 60%)\"><\/div>\n    <div class=\"absolute inset-0 bg-[url('data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHBhdGggZD0iTTAgMGg0MHY0MEgweiIgZmlsbD0ibm9uZSIvPjxwb2x5Z29uIHBvaW50cz0iNDAsMCA0MCwxIDEsMSAxLDQwIDAsNDAgMCwwIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDMpIi8+PC9zdmc+')] opacity-20\" style=\"mask-image:linear-gradient(to bottom,transparent,black,transparent); -webkit-mask-image:linear-gradient(to bottom,transparent,black,transparent);\"><\/div>\n    <div class=\"absolute top-[-20%] left-[20%] w-[1px] h-[140vh] bg-gradient-to-b from-transparent via-[#c39c63]\/10 to-transparent blur-[2px] transform rotate-[15deg]\"><\/div>\n  <\/div>\n\n  <main class=\"relative z-10 flex flex-col items-center text-center px-6 w-full max-w-5xl mx-auto flex-1 justify-center\">\n    \n    <!-- LOGO DIN\u00c1MICO -->\n    <div class=\"relative mb-12 group flex flex-col items-center cursor-default h-[200px] w-[200px] md:h-[280px] md:w-[280px] animate-float\">\n      <!-- Aura Reactiva (Hover) -->\n      <div class=\"absolute inset-0 bg-[#c39c63]\/5 rounded-full blur-3xl mix-blend-screen transition-opacity duration-1000 group-hover:opacity-100 opacity-60\"><\/div>\n      \n      <div class=\"relative z-10 w-full h-full flex items-center justify-center mix-blend-screen\">\n        <svg viewBox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-full h-full drop-shadow-[0_0_20px_rgba(15,59,108,0.5)] overflow-visible\">\n          <!-- C\u00edrculo Dorado Derecho -->\n          <path d=\"M100 15 C 150 15 185 55 185 100 C 185 125 170 145 155 155\" stroke=\"url(#goldGradient)\" stroke-width=\"4\" stroke-linecap=\"round\" class=\"drop-shadow-[0_0_8px_rgba(195,156,99,0.5)]\" \/>\n          <!-- C\u00edrculo Azul Izquierdo -->\n          <path d=\"M100 15 C 45 15 15 55 15 100 C 15 135 35 160 65 170\" stroke=\"#0f3460\" stroke-width=\"16\" stroke-linecap=\"round\" class=\"opacity-95 drop-shadow-[0_0_15px_rgba(15,59,108,0.8)]\" \/>\n\n          <!-- Caduceus (Vara y Serpiente) -->\n          <g>\n            <line x1=\"100\" y1=\"46\" x2=\"100\" y2=\"140\" stroke=\"url(#goldGradient)\" stroke-width=\"3.5\" stroke-linecap=\"round\" \/>\n            <g transform=\"translate(100, 32)\">\n              <path class=\"animate-spin-slow\" style=\"transform-origin: center\" d=\"M 0 -18 L 3 -5 L 18 0 L 3 5 L 0 18 L -3 5 L -18 0 L -3 -5 Z\" fill=\"url(#goldGradient)\" \/>\n              <path class=\"animate-spin-reverse-slow opacity-80\" style=\"transform-origin: center\" d=\"M 0 -10 L 2 -3 L 10 0 L 2 3 L 0 10 L -2 3 L -10 0 L -2 -3 Z\" fill=\"#e8cca4\" \/>\n            <\/g>\n            <path d=\"M100 60 C 120 65, 120 82, 100 87 C 80 92, 80 109, 100 114 C 120 119, 115 135, 100 135\" stroke=\"url(#goldGradient)\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" \/>\n          <\/g>\n\n          <!-- Olas Din\u00e1micas con animaci\u00f3n CSS -->\n          <g>\n            <path class=\"animate-wave-bg opacity-95 drop-shadow-[0_0_10px_rgba(255,255,255,0.2)]\" d=\"M 30 155 C 55 175, 90 180, 115 155 C 140 130, 160 140, 185 160 C 165 175, 135 185, 105 175 C 70 165, 45 160, 30 155 Z\" fill=\"#ffffff\" stroke=\"#ffffff\" stroke-width=\"2\" \/>\n            <path class=\"animate-wave-fg drop-shadow-[0_-3px_10px_rgba(0,43,94,0.4)]\" d=\"M 50 168 C 75 188, 110 192, 135 162 C 150 142, 165 148, 185 162 C 165 170, 145 178, 125 188 C 100 200, 75 190, 50 168 Z\" fill=\"#002b5e\" \/>\n          <\/g>\n\n          <defs>\n            <linearGradient id=\"goldGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n               <stop offset=\"0%\" stop-color=\"#e8cca4\" \/>\n               <stop offset=\"50%\" stop-color=\"#c39c63\" \/>\n               <stop offset=\"100%\" stop-color=\"#a78049\" \/>\n            <\/linearGradient>\n          <\/defs>\n        <\/svg>\n      <\/div>\n    <\/div>\n\n    <!-- Tipograf\u00eda Elegante -->\n    <div class=\"mb-8 w-full\">\n      <h1 class=\"font-serif text-5xl md:text-7xl lg:text-8xl tracking-[0.12em] text-white font-medium uppercase leading-none drop-shadow-2xl\">\n        Ocean<span class=\"gold-gradient-text drop-shadow-[0_0_15px_rgba(195,156,99,0.3)]\">Med<\/span>\n      <\/h1>\n      \n      <div class=\"flex items-center justify-center gap-4 md:gap-6 mt-4 md:mt-6 mb-4 w-full\">\n        <div class=\"h-[1px] w-8 md:w-24 bg-gradient-to-r from-transparent to-[#c39c63]\/40\"><\/div>\n        <h2 class=\"font-serif text-lg md:text-3xl tracking-[0.45em] font-light uppercase text-white\/90\">\n          Academy\n        <\/h2>\n        <div class=\"h-[1px] w-8 md:w-24 bg-gradient-to-l from-transparent to-[#c39c63]\/40\"><\/div>\n      <\/div>\n      \n      <div class=\"flex items-center justify-center flex-wrap gap-2 md:gap-4 text-[9px] md:text-xs font-sans tracking-[0.2em] md:tracking-[0.3em] text-[#c39c63]\/80 uppercase mt-6\">\n        <span class=\"hover:text-white transition-colors duration-500 cursor-default\">Medicine<\/span>\n        <span class=\"w-1 h-1 rotate-45 bg-[#c39c63]\/40 hidden md:block\"><\/span>\n        <span class=\"hover:text-white transition-colors duration-500 cursor-default\">Leadership<\/span>\n        <span class=\"w-1 h-1 rotate-45 bg-[#c39c63]\/40 hidden md:block\"><\/span>\n        <span class=\"hover:text-white transition-colors duration-500 cursor-default\">Life At Sea<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Mensaje Central -->\n    <div class=\"max-w-2xl mx-auto mb-10 md:mb-14\">\n      <h3 class=\"text-xl md:text-3xl font-display font-light text-white\/95 mb-4 md:mb-6 leading-[1.4] tracking-wide px-4\">\n         Reimaginando el <span class=\"font-serif italic text-transparent bg-clip-text bg-gradient-to-r from-[#e8cca4] via-[#c39c63] to-[#c39c63]\">est\u00e1ndar global<\/span> en el cuidado m\u00e9dico a bordo. \n      <\/h3>\n      <p class=\"text-white\/40 text-sm md:text-base font-light leading-relaxed max-w-xl mx-auto px-6\">\n        La plataforma formativa de excelencia para la industria mar\u00edtima est\u00e1 en construcci\u00f3n. Solicite acceso anticipado a nuestra traves\u00eda.\n      <\/p>\n    <\/div>\n\n    <!-- Formulario \/ Bot\u00f3n responsivo -->\n    <div class=\"w-full max-w-md relative mx-auto px-4\" id=\"form-container\">\n      <form id=\"subscribe-form\" class=\"relative group w-full\">\n        <!-- Resplandor Dorado detr\u00e1s del formulario en Hover -->\n        <div class=\"absolute inset-0 bg-gradient-to-r from-[#c39c63]\/20 to-transparent blur-xl transition-opacity duration-700 rounded-lg opacity-0\" id=\"form-glow\"><\/div>\n        \n        <div class=\"relative flex flex-col sm:flex-row items-stretch sm:items-center border border-white\/10 hover:border-[#c39c63]\/40 transition-colors duration-500 bg-[#0a182b]\/50 backdrop-blur-xl rounded-lg overflow-hidden p-1 shadow-2xl gap-2 sm:gap-0\">\n          <input \n            type=\"email\" \n            id=\"email-input\"\n            placeholder=\"Ingrese su correo electr\u00f3nico...\" \n            required\n            class=\"flex-1 bg-transparent border-none px-4 py-3 sm:px-5 sm:py-4 focus:outline-none text-white placeholder:text-white\/30 placeholder:font-light font-sans text-sm tracking-wide text-center sm:text-left\"\n          \/>\n          <button \n            type=\"submit\"\n            class=\"text-white hover:text-[#01060f] bg-transparent hover:bg-[#c39c63] border border-[#c39c63]\/50 hover:border-transparent px-6 py-3 sm:mr-1 rounded flex items-center justify-center transition-all duration-500 font-medium tracking-[0.1em] text-xs uppercase\"\n          >\n            <span class=\"sm:mr-2\">Acceso<\/span>\n            <svg class=\"hidden sm:block\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n          <\/button>\n        <\/div>\n      <\/form>\n      <!-- Mensaje de \u00c9xito Oculto -->\n      <div id=\"success-message\" class=\"hidden bg-white\/5 backdrop-blur-md border border-[#c39c63]\/30 text-[#e8cca4] p-5 rounded-lg items-center justify-center gap-4 shadow-2xl\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#c39c63]\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\/><\/svg>\n        <span class=\"font-sans font-light tracking-wide text-xs uppercase text-left\">Concedido. Le notificaremos el embarque al correo.<\/span>\n      <\/div>\n    <\/div>\n  <\/main>\n\n  <!-- Footer -->\n  <footer class=\"relative z-20 w-full flex flex-col items-center justify-center text-[9px] font-sans tracking-[0.2em] text-white\/20 uppercase pb-6 mt-12\">\n    <p class=\"mb-3 px-4 text-center\">\u00a9 2026 OceanMed Academy. Todos los derechos reservados.<\/p>\n    <div class=\"flex gap-2 text-[#c39c63]\/30\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22V8\"\/><path d=\"M5 12H2a10 10 0 0 0 20 0h-3\"\/><circle cx=\"12\" cy=\"5\" r=\"3\"\/><\/svg>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<!-- Scripts de interacci\u00f3n en vanilla JS -->\n<script>\n  \/\/ Brillo del cursor sutil\n  const mouseGlow = document.getElementById('mouse-glow');\n  document.addEventListener('mousemove', (e) => {\n    const x = (e.clientX \/ window.innerWidth - 0.5) * 40;\n    const y = (e.clientY \/ window.innerHeight - 0.5) * 40;\n    if(mouseGlow) {\n      mouseGlow.style.transform = `translate(calc(-50% + ${x}px), calc(-50% + ${y}px))`;\n    }\n  });\n\n  \/\/ Efectos de formulario\n  const emailInput = document.getElementById('email-input');\n  const formGlow = document.getElementById('form-glow');\n  \n  if(emailInput && formGlow) {\n    emailInput.addEventListener('focus', () => {\n      formGlow.classList.remove('opacity-0');\n      formGlow.classList.add('opacity-100');\n    });\n    emailInput.addEventListener('blur', () => {\n      formGlow.classList.remove('opacity-100');\n      formGlow.classList.add('opacity-0');\n    });\n  }\n\n  \/\/ Comportamiento de Envio\n  const form = document.getElementById('subscribe-form');\n  const successMessage = document.getElementById('success-message');\n  \n  if(form && successMessage) {\n    form.addEventListener('submit', (e) => {\n      e.preventDefault();\n      if(emailInput.value) {\n        form.classList.add('hidden');\n        successMessage.classList.remove('hidden');\n        successMessage.classList.add('flex');\n      }\n    });\n  }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OceanMed Academy Medicine Leadership Life At Sea Reimaginando el est\u00e1ndar global en el cuidado m\u00e9dico a bordo. La plataforma formativa de excelencia para la industria mar\u00edtima est\u00e1 en construcci\u00f3n. Solicite acceso anticipado a nuestra traves\u00eda. Acceso Concedido. Le notificaremos el embarque al correo. \u00a9 2026 OceanMed Academy. Todos los derechos reservados.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oceanmedacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oceanmedacademy.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oceanmedacademy.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oceanmedacademy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oceanmedacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":10,"href":"https:\/\/oceanmedacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/oceanmedacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/oceanmedacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}