{"id":2680,"date":"2026-02-03T17:32:06","date_gmt":"2026-02-03T17:32:06","guid":{"rendered":"https:\/\/funerariacorona.com\/home\/?page_id=2680"},"modified":"2026-03-10T20:15:37","modified_gmt":"2026-03-10T20:15:37","slug":"novedades-eventos","status":"publish","type":"page","link":"https:\/\/funerariacorona.com\/home\/novedades-eventos\/","title":{"rendered":"Novedades-Eventos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2680\" class=\"elementor elementor-2680\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f22ccc5 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"f22ccc5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cba9d3 elementor-widget elementor-widget-html\" data-id=\"5cba9d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n  ========================================================================\n  HERO BANNER - EVENTOS Y NOVEDADES (FUNERARIA CORONA)\n  Instrucciones: Copia todo este c\u00f3digo y p\u00e9galo en un widget \"HTML\" en Elementor.\n  ========================================================================\n-->\n\n<style>\n  \/* * VARIABLES Y RESET SCOPEADO \n   * Usamos el prefijo 'fc-' (Funeraria Corona) para evitar conflictos con Elementor\/WordPress\n   *\/\n  :root {\n    --fc-purple-main: #8c52ab;\n    --fc-purple-dark: #63367c;\n    --fc-green-main: #16655c;\n    --fc-green-dark: #0f4a43;\n    --fc-text-light: #ffffff;\n    --fc-font-primary: 'Helvetica Neue', Helvetica, Arial, sans-serif; \/* Fallback est\u00e1ndar, tomar\u00e1 la fuente de tu tema *\/\n    --fc-transition-slow: 1.2s cubic-bezier(0.25, 0.8, 0.25, 1);\n    --fc-transition-fast: 0.4s ease;\n  }\n\n  \/* CONTENEDOR PRINCIPAL *\/\n  .fc-hero-section {\n    position: relative;\n    width: 100%;\n    \/* Usamos aspect-ratio para mantener la misma proporci\u00f3n del banner siempre *\/\n    aspect-ratio: 21 \/ 9; \n    min-height: 500px;\n    max-height: 800px;\n    overflow: hidden;\n    font-family: var(--fc-font-primary);\n    background-color: #f8f9fa;\n    opacity: 0;\n    animation: fc-fadeInSection 1.5s ease forwards;\n  }\n\n  \/* WRAPPER DEL SLIDER *\/\n  .fc-slider-wrapper {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    transition: transform var(--fc-transition-slow);\n  }\n\n  \/* CADA DIAPOSITIVA *\/\n  .fc-slide {\n    flex: 0 0 100%;\n    width: 100%;\n    height: 100%;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* IMAGEN DE FONDO Y EFECTO KEN BURNS (SOBRIO) \n   * Usamos !important para evitar que Elementor sobreescriba el tama\u00f1o\n   *\/\n  .fc-slide-bg {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    max-width: none !important; \/* Vital para que Elementor no la encoja *\/\n    object-fit: cover !important; \/* Hace el zoom autom\u00e1tico para rellenar *\/\n    object-position: center !important;\n    transform: scale(1);\n    transition: transform 6s ease-out; \/* Movimiento lento de fondo *\/\n    z-index: 1;\n  }\n\n  .fc-slide.active .fc-slide-bg {\n    transform: scale(1.05);\n  }\n\n  \/* OVERLAYS (Degradados para legibilidad seg\u00fan el tema) *\/\n  .fc-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 2;\n  }\n\n  \/* Temas de Color basados en atributos de datos *\/\n  .fc-slide[data-theme=\"purple\"] .fc-overlay {\n    background: linear-gradient(90deg, rgba(73, 35, 95, 0.95) 0%, rgba(136, 83, 168, 0.6) 50%, rgba(0,0,0,0.2) 100%);\n  }\n  \n  .fc-slide[data-theme=\"green\"] .fc-overlay {\n    background: linear-gradient(90deg, rgba(13, 61, 56, 0.95) 0%, rgba(22, 101, 92, 0.6) 50%, rgba(0,0,0,0.2) 100%);\n  }\n\n  \/* CONTENIDO DEL SLIDE *\/\n  .fc-slide-content {\n    position: relative;\n    z-index: 3;\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 0 5%;\n    color: #ffffff !important;\n  }\n\n  \/* ETIQUETA \/ CATEGOR\u00cdA *\/\n  .fc-badge {\n    display: inline-block;\n    align-self: flex-start;\n    padding: 6px 16px;\n    border-radius: 20px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    \n    \/* Se restaura el margen original para que el bloque general no cambie de tama\u00f1o y no mueva al resto *\/\n    margin-bottom: 10px; \n    \n    \/* Se utiliza top para empujarlo visualmente hacia abajo y acercarlo al t\u00edtulo *\/\n    position: relative;\n    top: 52px;\n    \n    color: #ffffff !important;\n    opacity: 0;\n    transform: translateY(20px);\n  }\n\n  .fc-slide[data-theme=\"purple\"] .fc-badge {\n    background-color: rgba(255,255,255,0.15);\n    border: 1px solid rgba(255,255,255,0.3);\n  }\n\n  .fc-slide[data-theme=\"green\"] .fc-badge {\n    background-color: rgba(255,255,255,0.15);\n    border: 1px solid rgba(255,255,255,0.3);\n  }\n\n  \/* T\u00cdTULO PRINCIPAL *\/\n  .fc-title {\n    font-size: clamp(2rem, 4vw, 3.5rem);\n    font-weight: 700;\n    line-height: 1.1;\n    margin: 0 0 20px 0;\n    max-width: 700px;\n    color: #ffffff !important;\n    text-shadow: 0 2px 10px rgba(0,0,0,0.3);\n    opacity: 0;\n    transform: translateY(20px);\n  }\n\n  \/* DESCRIPCI\u00d3N *\/\n  .fc-desc {\n    font-size: clamp(1rem, 1.5vw, 1.15rem);\n    line-height: 1.6;\n    margin: 0 0 40px 0;\n    max-width: 600px;\n    font-weight: 400;\n    color: #ffffff !important;\n    text-shadow: 0 1px 5px rgba(0,0,0,0.3);\n    opacity: 0;\n    transform: translateY(20px);\n  }\n\n  \/* BOTONES CTA *\/\n  .fc-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 14px 32px;\n    border-radius: 30px; \/* Bordes redondeados seg\u00fan dise\u00f1o *\/\n    font-size: 1rem;\n    font-weight: 600;\n    text-decoration: none;\n    color: #ffffff !important;\n    transition: all var(--fc-transition-fast);\n    align-self: flex-start;\n    opacity: 0;\n    transform: translateY(20px);\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n  }\n\n  .fc-slide[data-theme=\"purple\"] .fc-btn {\n    background-color: var(--fc-purple-main);\n  }\n  .fc-slide[data-theme=\"purple\"] .fc-btn:hover {\n    background-color: var(--fc-purple-dark);\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(0,0,0,0.3);\n  }\n\n  .fc-slide[data-theme=\"green\"] .fc-btn {\n    background-color: var(--fc-green-main);\n  }\n  .fc-slide[data-theme=\"green\"] .fc-btn:hover {\n    background-color: var(--fc-green-dark);\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(0,0,0,0.3);\n  }\n\n  \/* INDICADORES (Puntos) *\/\n  .fc-dots-container {\n    position: absolute;\n    bottom: 30px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 12px;\n    z-index: 10;\n  }\n\n  .fc-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.4);\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border: none;\n    padding: 0;\n  }\n\n  .fc-dot.active {\n    background: #ffffff;\n    transform: scale(1.3);\n  }\n\n  \/* * ANIMACIONES EN CASCADA PARA TEXTOS\n   * Solo se ejecutan cuando el slide tiene la clase 'active'\n   *\/\n  .fc-slide.active .fc-badge {\n    animation: fc-slideUpText 0.8s ease forwards 0.2s;\n  }\n  .fc-slide.active .fc-title {\n    animation: fc-slideUpText 0.8s ease forwards 0.4s;\n  }\n  .fc-slide.active .fc-desc {\n    animation: fc-slideUpText 0.8s ease forwards 0.6s;\n  }\n  .fc-slide.active .fc-btn {\n    animation: fc-slideUpText 0.8s ease forwards 0.8s;\n  }\n\n  @keyframes fc-slideUpText {\n    0% {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes fc-fadeInSection {\n    to { opacity: 1; }\n  }\n\n  \/* RESPONSIVE M\u00d3VIL *\/\n  @media (max-width: 768px) {\n    .fc-hero-section {\n      \/* En m\u00f3vil cambiamos la proporci\u00f3n para que sea m\u00e1s vertical *\/\n      aspect-ratio: 4 \/ 5;\n      min-height: 550px;\n      max-height: 100vh;\n    }\n\n    \/* Ajustar la imagen hacia la derecha en dispositivos m\u00f3viles *\/\n    .fc-slide-bg {\n      object-position: right center !important;\n    }\n\n    .fc-slide[data-theme=\"purple\"] .fc-overlay,\n    .fc-slide[data-theme=\"green\"] .fc-overlay {\n      \/* En m\u00f3vil el gradiente debe cubrir m\u00e1s para asegurar legibilidad *\/\n      background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 100%);\n    }\n    .fc-slide[data-theme=\"purple\"] .fc-overlay { background-color: rgba(73, 35, 95, 0.4); }\n    .fc-slide[data-theme=\"green\"] .fc-overlay { background-color: rgba(13, 61, 56, 0.4); }\n\n    .fc-slide-content {\n      text-align: center;\n      align-items: center;\n      padding-bottom: 60px; \/* Espacio para los dots *\/\n    }\n    .fc-badge, .fc-btn {\n      align-self: center;\n    }\n    .fc-title {\n      font-size: 2rem;\n    }\n  }\n<\/style>\n\n<section class=\"fc-hero-section\" id=\"fcHeroSlider\" aria-label=\"Eventos y Novedades\">\n  \n  <div class=\"fc-slider-wrapper\" id=\"fcSliderWrapper\">\n    \n    <!-- SLIDE 1: Charla Gratuita -->\n    <article class=\"fc-slide active\" data-theme=\"purple\">\n      <img decoding=\"async\" src=\"https:\/\/funerariacorona.com\/home\/wp-content\/uploads\/2026\/03\/LANDING.jpg\" alt=\"Charla gratuita online\" class=\"fc-slide-bg\" loading=\"lazy\">\n      <div class=\"fc-overlay\"><\/div>\n      <div class=\"fc-slide-content\">\n        <span class=\"fc-badge\">Unidad de duelo<\/span>\n        <h2 class=\"fc-title\">Charla gratuita online \"Lo que no te dije antes de partir\"<\/h2>\n        <p class=\"fc-desc\">Un espacio seguro y comprensivo para transitar el duelo. \u00danete a nuestra sesi\u00f3n virtual y encuentra el acompa\u00f1amiento profesional que necesitas en este proceso.<\/p>\n        <a href=\"https:\/\/funerariacorona.com\/home\/charlas-virtuales\/\" class=\"fc-btn\" target=\"_blank\" rel=\"noopener\">Inscribirse a la charla<\/a>\n      <\/div>\n    <\/article>\n\n    <!-- SLIDE 2: Taller Presencial -->\n    <article class=\"fc-slide\" data-theme=\"purple\">\n      <img decoding=\"async\" src=\"https:\/\/funerariacorona.com\/home\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-02-24-at-5.42.08-PM.jpeg\" alt=\"Taller tanatol\u00f3gico presencial\" class=\"fc-slide-bg\" loading=\"lazy\">\n      <div class=\"fc-overlay\"><\/div>\n      <div class=\"fc-slide-content\">\n        <span class=\"fc-badge\">Unidad de duelo<\/span>\n        <h2 class=\"fc-title\">Taller Tanatol\u00f3gico Presencial<\/h2>\n        <p class=\"fc-desc\">Acomp\u00e1\u00f1anos en este taller dise\u00f1ado para brindarte herramientas emocionales. Juntos encontraremos la paz y la aceptaci\u00f3n en un ambiente de profundo respeto.<\/p>\n        <a href=\"https:\/\/funerariacorona.com\/home\/talleres\/\" class=\"fc-btn\" target=\"_blank\" rel=\"noopener\">Solicitar informaci\u00f3n<\/a>\n      <\/div>\n    <\/article>\n\n    <!-- SLIDE 3: Giveaway 40 A\u00f1os -->\n    <article class=\"fc-slide\" data-theme=\"green\">\n      <img decoding=\"async\" src=\"https:\/\/funerariacorona.com\/home\/wp-content\/uploads\/2025\/09\/CH-Giveaway-Landing.png\" alt=\"Celebraci\u00f3n 40 a\u00f1os\" class=\"fc-slide-bg\" loading=\"lazy\">\n      <div class=\"fc-overlay\"><\/div>\n      <div class=\"fc-slide-content\">\n        <span class=\"fc-badge\">Novedades<\/span>\n        <h2 class=\"fc-title\">Give Away - Celebraci\u00f3n de nuestros 40 a\u00f1os<\/h2>\n        <p class=\"fc-desc\">Conmemoramos cuatro d\u00e9cadas de servir y acompa\u00f1ar a las familias con empat\u00eda y vocaci\u00f3n. Participa en nuestra din\u00e1mica de aniversario como muestra de nuestro agradecimiento.<\/p>\n        <a href=\"https:\/\/funerariacorona.com\/home\/giveaway\/\" class=\"fc-btn\" target=\"_blank\" rel=\"noopener\">Participar ahora<\/a>\n      <\/div>\n    <\/article>\n\n  <\/div>\n\n  <div class=\"fc-dots-container\" id=\"fcDotsContainer\">\n    <!-- Los dots se generan din\u00e1micamente con JS -->\n  <\/div>\n\n<\/section>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const sliderWrapper = document.getElementById('fcSliderWrapper');\n    const slides = document.querySelectorAll('.fc-slide');\n    const dotsContainer = document.getElementById('fcDotsContainer');\n    const heroSection = document.getElementById('fcHeroSlider');\n    \n    let currentIndex = 0;\n    const totalSlides = slides.length;\n    let autoPlayInterval;\n    const intervalTime = 6000; \/\/ 6 segundos por cada slide para dar tiempo de lectura\n\n    \/\/ Crear Puntos (Dots) din\u00e1micamente\n    slides.forEach((_, index) => {\n      const dot = document.createElement('button');\n      dot.classList.add('fc-dot');\n      if(index === 0) dot.classList.add('active');\n      dot.setAttribute('aria-label', `Ir a diapositiva ${index + 1}`);\n      dot.addEventListener('click', () => goToSlide(index));\n      dotsContainer.appendChild(dot);\n    });\n\n    const dots = document.querySelectorAll('.fc-dot');\n\n    function updateSlider() {\n      \/\/ Mover el contenedor\n      sliderWrapper.style.transform = `translateX(-${currentIndex * 100}%)`;\n      \n      \/\/ Actualizar clases activas (para animaciones)\n      slides.forEach((slide, index) => {\n        if(index === currentIndex) {\n          slide.classList.add('active');\n        } else {\n          \/\/ Remover la clase con un peque\u00f1o retraso para permitir la transici\u00f3n fluida\n          setTimeout(() => slide.classList.remove('active'), 800);\n        }\n      });\n\n      \/\/ Actualizar dots\n      dots.forEach((dot, index) => {\n        dot.classList.toggle('active', index === currentIndex);\n      });\n    }\n\n    function nextSlide() {\n      currentIndex = (currentIndex === totalSlides - 1) ? 0 : currentIndex + 1;\n      updateSlider();\n    }\n\n    function goToSlide(index) {\n      currentIndex = index;\n      updateSlider();\n      resetInterval();\n    }\n\n    \/\/ Autoplay\n    function startInterval() {\n      autoPlayInterval = setInterval(nextSlide, intervalTime);\n    }\n\n    function resetInterval() {\n      clearInterval(autoPlayInterval);\n      startInterval();\n    }\n\n    \/\/ Pausar autoplay al pasar el mouse por encima\n    heroSection.addEventListener('mouseenter', () => clearInterval(autoPlayInterval));\n    heroSection.addEventListener('mouseleave', startInterval);\n\n    \/\/ Iniciar el carrusel\n    startInterval();\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>Unidad de duelo Charla gratuita online \u00abLo que no te dije antes de partir\u00bb Un espacio seguro y comprensivo para transitar el duelo. \u00danete a nuestra sesi\u00f3n virtual y encuentra el acompa\u00f1amiento profesional que necesitas en este proceso. Inscribirse a la charla Unidad de duelo Taller Tanatol\u00f3gico Presencial Acomp\u00e1\u00f1anos en este taller dise\u00f1ado para brindarte herramientas emocionales. Juntos encontraremos la paz y la aceptaci\u00f3n en un ambiente de profundo respeto. Solicitar informaci\u00f3n Novedades Give Away &#8211; Celebraci\u00f3n de nuestros 40 a\u00f1os Conmemoramos cuatro d\u00e9cadas de servir y acompa\u00f1ar a las familias con empat\u00eda y vocaci\u00f3n. Participa en nuestra din\u00e1mica de aniversario como muestra de nuestro agradecimiento. Participar ahora<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-2680","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/funerariacorona.com\/home\/wp-json\/wp\/v2\/pages\/2680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/funerariacorona.com\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/funerariacorona.com\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/funerariacorona.com\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/funerariacorona.com\/home\/wp-json\/wp\/v2\/comments?post=2680"}],"version-history":[{"count":13,"href":"https:\/\/funerariacorona.com\/home\/wp-json\/wp\/v2\/pages\/2680\/revisions"}],"predecessor-version":[{"id":2802,"href":"https:\/\/funerariacorona.com\/home\/wp-json\/wp\/v2\/pages\/2680\/revisions\/2802"}],"wp:attachment":[{"href":"https:\/\/funerariacorona.com\/home\/wp-json\/wp\/v2\/media?parent=2680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}