{"id":1,"date":"2019-09-09T15:52:21","date_gmt":"2019-09-09T15:52:21","guid":{"rendered":"https:\/\/congreso.quealhajapublicidad.com\/?page_id=1"},"modified":"2026-10-02T06:38:09","modified_gmt":"2026-10-02T06:38:09","slug":"home","status":"publish","type":"page","link":"https:\/\/clam12.com\/pt\/","title":{"rendered":"IN\u00cdCIO"},"content":{"rendered":"<div>\n<p>    <!--\n  PORTADA CLAM \u00b7 5 PIEZAS\n  Bloque aut\u00f3nomo para pegar en un widget HTML de WordPress \/ Elementor.\n--><\/p>\n<style>\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Text:ital@0;1&display=swap\");<\/p>\n<p>  .clam-home,\n  .clam-home * {\n    box-sizing: border-box;\n  }<\/p>\n<p>  .clam-home {\n    --clam-gap: 12px;\n    --clam-radius: 999px 999px 30px 30px;\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    margin-left: -50vw;\n    padding: 20px clamp(10px, 1.6vw, 28px) 28px;\n    background: transparent;\n    font-family: Arial, Helvetica, sans-serif;\n  }<\/p>\n<p>  .clam-main-grid {\n    display: grid;\n    grid-template-columns: 1.05fr .9fr 1.05fr;\n    grid-template-rows: minmax(520px, 60vh) minmax(330px, 38vh);\n    gap: var(--clam-gap);\n    max-width: 1800px;\n    margin: 0 auto;\n  }<\/p>\n<p>  .clam-piece {\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    color: #fff;\n    background: #2d2925;\n  }<\/p>\n<p>  .clam-arch {\n    border-radius: var(--clam-radius);\n    display: flex;\n    align-items: flex-end;\n  }<\/p>\n<p>  .clam-arch--center {\n    margin: 40px 0;\n  }<\/p>\n<p>  .clam-media,\n  .clam-center-bg,\n  .clam-piece-overlay {\n    position: absolute;\n    inset: 0;\n  }<\/p>\n<p>  .clam-media {\n    z-index: -3;\n    overflow: hidden;\n  }<\/p>\n<p>  .clam-media img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    opacity: 0;\n    transform: scale(1.035);\n    transition: opacity 1s ease-in-out, transform 4s ease;\n  }<\/p>\n<p>  .clam-media img.active {\n    opacity: 1;\n    transform: scale(1);\n  }<\/p>\n<p>  .clam-piece-overlay {\n    z-index: -1;\n    background: linear-gradient(\n      to top,\n      rgba(0, 0, 0, .68) 0%,\n      rgba(0, 0, 0, .12) 62%,\n      rgba(0, 0, 0, 0) 100%\n    );\n  }<\/p>\n<p>  .clam-piece-content {\n    width: 100%;\n    position: relative;\n    z-index: 2;\n    padding: 34px 20px 38px;\n    text-align: center;\n  }<\/p>\n<p>  .clam-kicker {\n    margin: 0 0 14px;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 3px;\n    line-height: 1.3;\n    text-transform: uppercase;\n    opacity: .82;\n  }<\/p>\n<p>  .clam-title {\n    margin: 0 0 7px;\n    color: #ffffff !important;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(20px, 1.7vw, 30px);\n    font-weight: 700;\n    letter-spacing: 2px;\n    line-height: 1.14;\n  }<\/p>\n<p>  .clam-subtitle {\n    margin: 0;\n    font-size: 12px;\n    line-height: 1.45;\n    opacity: .76;\n  }<\/p>\n<p>  .clam-pill {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 34px;\n    margin-top: 16px;\n    padding: 7px 18px;\n    border: 1px solid rgba(255, 255, 255, .42);\n    border-radius: 999px;\n    color: #fff;\n    background: rgba(255, 255, 255, .16);\n    backdrop-filter: blur(5px);\n    -webkit-backdrop-filter: blur(5px);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 1.3px;\n    line-height: 1;\n    text-decoration: none;\n    text-transform: uppercase;\n    transition: color .25s ease, background .25s ease, transform .25s ease;\n  }<\/p>\n<p>  .clam-pill:hover,\n  .clam-pill:focus-visible {\n    color: #26211d;\n    background: rgba(255, 255, 255, .94);\n    transform: translateY(-2px);\n  }<\/p>\n<p>  \/* Pieza central *\/\n  .clam-center-bg {\n    z-index: -3;\n    background: url(\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/06\/M001.png\") center \/ cover no-repeat;\n  }<\/p>\n<p>  .clam-arch--center .clam-piece-overlay {\n    background: linear-gradient(\n      to bottom,\n      rgba(0, 0, 0, .04) 0%,\n      rgba(0, 0, 0, .1) 48%,\n      rgba(0, 0, 0, .48) 100%\n    );\n  }<\/p>\n<p>  .clam-center-content {\n    padding: 30px 16px 34px;\n  }<\/p>\n<p>  .clam-central-rotator {\n    position: relative;\n    width: 100%;\n    min-height: 365px;\n    margin-bottom: -18px;\n  }<\/p>\n<p>  .clam-central-slide {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    pointer-events: none;\n    transform: translateY(-28px) scale(.98);\n    transition: opacity .75s ease, transform .75s ease;\n  }<\/p>\n<p>  .clam-central-slide.active {\n    opacity: 1;\n    transform: translateY(-38px) scale(1);\n  }<\/p>\n<p>  .clam-central-logo {\n    display: block;\n    width: auto;\n    max-width: 112%;\n    max-height: 330px;\n    margin-bottom: 16px;\n    object-fit: contain;\n    filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .16));\n  }<\/p>\n<p>  .clam-central-logo.ecuador {\n    max-width: 98%;\n    max-height: 295px;\n  }<\/p>\n<p>  .clam-central-small {\n    color: rgba(255, 255, 255, .94);\n    font-size: 9px;\n    letter-spacing: 2.2px;\n    line-height: 1.4;\n    text-transform: uppercase;\n    text-shadow: 0 2px 8px rgba(0, 0, 0, .35);\n  }<\/p>\n<p>  .clam-central-phrase {\n    margin-bottom: 14px;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(34px, 3.4vw, 52px);\n    font-weight: 700;\n    letter-spacing: 2.5px;\n    line-height: 1.02;\n    text-shadow: 0 3px 12px rgba(0, 0, 0, .35);\n  }<\/p>\n<p>  .clam-central-subtitle {\n    max-width: 310px;\n    font-size: 13px;\n    line-height: 1.45;\n    opacity: .92;\n    text-shadow: 0 2px 8px rgba(0, 0, 0, .35);\n  }<\/p>\n<p>  .clam-countdown {\n    display: flex;\n    justify-content: center;\n    gap: 6px;\n    margin-bottom: 16px;\n  }<\/p>\n<p>  .clam-count-item {\n    flex: 1;\n    max-width: 62px;\n    min-width: 43px;\n    padding: 8px 7px;\n    border: 1px solid rgba(255, 255, 255, .32);\n    border-radius: 10px;\n    background: rgba(255, 255, 255, .14);\n    backdrop-filter: blur(4px);\n    -webkit-backdrop-filter: blur(4px);\n    text-align: center;\n  }<\/p>\n<p>  .clam-count-num {\n    display: block;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(24px, 2.2vw, 32px);\n    font-weight: 700;\n    line-height: 1;\n  }<\/p>\n<p>  .clam-count-label {\n    display: block;\n    margin-top: 3px;\n    font-size: 7px;\n    letter-spacing: 1.3px;\n    text-transform: uppercase;\n    opacity: .74;\n  }<\/p>\n<p>  \/* Pieza 4: coorganizaci\u00f3n *\/\n  .clam-coorganizer {\n    border-radius: 34px 34px 210px 210px;\n    color: rgba(31, 28, 25, .82);\n    background:\n      linear-gradient(135deg, rgba(224, 213, 198, .92), rgba(199, 184, 164, .78)),\n      url(\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/06\/M001.png\") center 68% \/ cover no-repeat;\n  }<\/p>\n<p>  .clam-coorganizer-inner {\n    min-height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 22px;\n    padding: 30px clamp(22px, 3vw, 48px) 48px;\n  }<\/p>\n<p>  .clam-coorganizer-copy {\n    text-align: center;\n  }<\/p>\n<p>  .clam-coorganizer .clam-kicker {\n    margin-bottom: 10px;\n  }<\/p>\n<p>  .clam-coorganizer-title {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(27px, 3vw, 48px);\n    line-height: 1.05;\n  }<\/p>\n<p>  .clam-coorganizer-logo-wrap {\n    text-align: center;\n  }<\/p>\n<p>  .clam-coorganizer-logo {\n    display: block;\n    width: min(100%, 300px);\n    max-height: 86px;\n    margin: 0 auto;\n    object-fit: contain;\n    filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .2)) brightness(1.04);\n  }<\/p>\n<p>  .clam-coorganizer .clam-pill,\n  .clam-countdown-piece .clam-pill {\n    color: rgba(31, 28, 25, .88);\n    border-color: rgba(31, 28, 25, .34);\n    background: rgba(255, 255, 255, .22);\n  }<\/p>\n<p>  .clam-coorganizer .clam-pill:hover,\n  .clam-coorganizer .clam-pill:focus-visible,\n  .clam-countdown-piece .clam-pill:hover,\n  .clam-countdown-piece .clam-pill:focus-visible {\n    color: #fff;\n    border-color: rgba(31, 28, 25, .82);\n    background: rgba(31, 28, 25, .82);\n  }<\/p>\n<p>  \/* Pieza 5: cuenta regresiva *\/\n  .clam-countdown-piece {\n    border-radius: 34px 34px 210px 210px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgba(31, 28, 25, .82);\n    background:\n      linear-gradient(145deg, rgba(213, 201, 185, .94), rgba(239, 232, 222, .88)),\n      url(\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/06\/M001.png\") center \/ cover no-repeat;\n  }<\/p>\n<p>  .clam-countdown-piece-content {\n    width: 100%;\n    padding: 30px 18px 48px;\n    text-align: center;\n  }<\/p>\n<p>  .clam-countdown-piece .clam-kicker {\n    margin-bottom: 8px;\n  }<\/p>\n<p>  .clam-countdown-heading {\n    margin: 0 0 22px;\n    font-family: \"DM Serif Text\", Georgia, \"Times New Roman\", serif;\n    font-size: clamp(28px, 2.6vw, 42px);\n    font-weight: 400;\n    letter-spacing: -.025em;\n    line-height: .98;\n  }<\/p>\n<p>  .clam-countdown-piece .clam-countdown {\n    flex-wrap: nowrap;\n    margin-bottom: 6px;\n  }<\/p>\n<p>  .clam-countdown-piece .clam-count-item {\n    min-width: 0;\n    padding: 9px 5px;\n    color: #fff;\n    border-color: rgba(31, 28, 25, .16);\n    background: rgba(31, 28, 25, .68);\n  }<\/p>\n<p>  \/* Pieza 6: flyers *\/\n  .clam-sponsors {\n    border-radius: 34px 34px 210px 210px;\n    background: #201d1a;\n  }<\/p>\n<p>  .clam-flyer-media img {\n    object-fit: cover;\n    object-position: center;\n  }<\/p>\n<p>  .clam-sponsors .clam-piece-overlay {\n    background: linear-gradient(\n      to top,\n      rgba(218, 208, 192, .82) 0%,\n      rgba(222, 213, 198, .72) 45%,\n      rgba(226, 217, 202, .68) 100%\n    );\n  }<\/p>\n<p>  .clam-sponsors-content {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    padding: 44px clamp(22px, 3vw, 48px) 42px;\n    text-align: center;\n    color: rgba(31, 28, 25, .84);\n  }<\/p>\n<p>  .clam-sponsors-content .clam-kicker {\n    margin-bottom: 10px;\n  }<\/p>\n<p>  .clam-sponsors-title {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    max-width: 100%;\n    font-size: clamp(27px, 3vw, 48px);\n    letter-spacing: -.025em;\n    line-height: 1.05;\n  }<\/p>\n<p>  .clam-carousel-dots {\n    position: absolute;\n    left: 50%;\n    bottom: clamp(56px, 7vh, 82px);\n    transform: translateX(-50%);\n    display: flex;\n    justify-content: center;\n    gap: 6px;\n    margin-top: 0;\n  }<\/p>\n<p>  .clam-carousel-dot {\n    width: 6px;\n    height: 6px;\n    border: 0;\n    border-radius: 50%;\n    padding: 0;\n    background: rgba(31, 28, 25, .32);\n    transition: width .25s ease, border-radius .25s ease, background .25s ease;\n  }<\/p>\n<p>  .clam-carousel-dot.active {\n    width: 22px;\n    border-radius: 999px;\n    background: rgba(31, 28, 25, .82);\n  }<\/p>\n<p>  .clam-sponsors .clam-pill {\n    color: rgba(31, 28, 25, .88);\n    border-color: rgba(31, 28, 25, .36);\n    background: rgba(255, 255, 255, .28);\n    text-shadow: none;\n  }<\/p>\n<p>  .clam-sponsors .clam-pill:hover,\n  .clam-sponsors .clam-pill:focus-visible {\n    color: #fff;\n    border-color: rgba(31, 28, 25, .84);\n    background: rgba(31, 28, 25, .84);\n  }<\/p>\n<p>  \/* Contraste del arco claro de los congresos *\/\n  .clam-arch--center {\n    color: rgba(31, 28, 25, .82);\n  }<\/p>\n<p>  .clam-arch--center .clam-piece-overlay {\n    background: linear-gradient(\n      to bottom,\n      rgba(232, 222, 209, .84) 0%,\n      rgba(218, 204, 186, .72) 58%,\n      rgba(196, 181, 162, .82) 100%\n    );\n  }<\/p>\n<p>  .clam-arch--center .clam-central-small,\n  .clam-arch--center .clam-central-subtitle,\n  .clam-arch--center .clam-central-phrase {\n    color: rgba(31, 28, 25, .8);\n    text-shadow: none;\n  }<\/p>\n<p>  \/* ======================================================\n     VARIANTE ELEGANTE\n     DM Serif Text + DM Sans\n  ====================================================== *\/<\/p>\n<p>  .clam-home {\n    font-family: \"DM Sans\", Arial, Helvetica, sans-serif;\n  }<\/p>\n<p>  .clam-title,\n  .clam-central-phrase,\n  .clam-coorganizer-title,\n  .clam-sponsors-title {\n    font-family: \"DM Serif Text\", Georgia, \"Times New Roman\", serif;\n    font-style: normal;\n    font-weight: 400;\n    letter-spacing: -.025em;\n  }<\/p>\n<p>  .clam-title {\n    font-size: clamp(23px, 2vw, 34px);\n    line-height: 1.04;\n  }<\/p>\n<p>  .clam-central-phrase {\n    font-size: clamp(39px, 3.8vw, 60px);\n    line-height: .92;\n  }<\/p>\n<p>  .clam-coorganizer-title {\n    max-width: 560px;\n    font-size: clamp(32px, 3.5vw, 56px);\n    line-height: .96;\n  }<\/p>\n<p>  .clam-sponsors-title {\n    font-size: clamp(32px, 3.5vw, 56px);\n    line-height: .96;\n  }<\/p>\n<p>  .clam-kicker,\n  .clam-subtitle,\n  .clam-central-small,\n  .clam-central-subtitle,\n  .clam-count-num,\n  .clam-count-label,\n  .clam-pill {\n    font-family: \"DM Sans\", Arial, Helvetica, sans-serif;\n  }<\/p>\n<p>  .clam-kicker {\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: .18em;\n  }<\/p>\n<p>  .clam-subtitle,\n  .clam-central-subtitle {\n    font-weight: 400;\n    letter-spacing: -.01em;\n    line-height: 1.55;\n  }<\/p>\n<p>  .clam-central-small,\n  .clam-count-label,\n  .clam-pill {\n    font-weight: 600;\n    letter-spacing: .12em;\n  }<\/p>\n<p>  .clam-count-num {\n    font-size: clamp(25px, 2.3vw, 34px);\n    font-weight: 500;\n    letter-spacing: -.04em;\n  }<\/p>\n<p>  .clam-count-item {\n    border-color: rgba(255, 255, 255, .27);\n    border-radius: 8px;\n    background: rgba(25, 22, 20, .13);\n  }<\/p>\n<p>  .clam-pill {\n    border-radius: 8px;\n    font-size: 9px;\n  }<\/p>\n<p>  @media (max-width: 1024px) {\n    .clam-main-grid {\n      grid-template-rows: minmax(500px, 58vh) minmax(320px, 38vh);\n      gap: 9px;\n    }<\/p>\n<p>    .clam-central-rotator {\n      min-height: 330px;\n    }<\/p>\n<p>    .clam-coorganizer-inner {\n      padding-inline: 38px;\n    }\n  }<\/p>\n<p>  @media (max-width: 860px) {\n    .clam-home {\n      width: auto;\n      left: auto;\n      margin-left: 0;\n      padding: 18px 15px 24px;\n    }<\/p>\n<p>    .clam-main-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }<\/p>\n<p>    .clam-arch {\n      min-height: 86vw;\n      border-radius: 999px 999px 24px 24px;\n    }<\/p>\n<p>    .clam-arch--center {\n      min-height: 118vw;\n      margin: 0;\n    }<\/p>\n<p>    .clam-central-rotator {\n      min-height: 320px;\n      margin-bottom: -10px;\n    }<\/p>\n<p>    .clam-central-logo {\n      max-height: 275px;\n      max-width: 108%;\n    }<\/p>\n<p>    .clam-central-logo.ecuador {\n      max-height: 245px;\n      max-width: 96%;\n    }<\/p>\n<p>    .clam-coorganizer,\n    .clam-countdown-piece,\n    .clam-sponsors {\n      min-height: 76vw;\n      border-radius: 24px 24px 999px 999px;\n    }<\/p>\n<p>    .clam-coorganizer-inner {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 24px;\n      padding: 32px 28px 52px;\n      text-align: center;\n    }<\/p>\n<p>    .clam-coorganizer-copy {\n      text-align: center;\n    }<\/p>\n<p>    .clam-coorganizer-logo {\n      max-height: 88px;\n    }<\/p>\n<p>    .clam-sponsors {\n      min-height: 118vw;\n    }<\/p>\n<p>    .clam-sponsors-content {\n      justify-content: center;\n      padding: 36px 28px 58px;\n    }<\/p>\n<p>    .clam-countdown-piece {\n      min-height: 92vw;\n    }<\/p>\n<p>    .clam-countdown-piece-content {\n      padding: 34px 20px 58px;\n    }\n  }<\/p>\n<p>  @media (prefers-reduced-motion: reduce) {\n    .clam-home *,\n    .clam-home *::before,\n    .clam-home *::after {\n      scroll-behavior: auto !important;\n      transition-duration: .01ms !important;\n      animation-duration: .01ms !important;\n      animation-iteration-count: 1 !important;\n    }\n  }<\/p>\n<p>  .clam-cbmic-card{appearance:none;border:0;cursor:pointer;font:inherit;padding:0;text-align:inherit;width:100%}.clam-cbmic-card .clam-media{background:#f8f5ed}.clam-cbmic-card .clam-media img{object-position:center 28%}.clam-cbmic-card .clam-piece-overlay{background:linear-gradient(to top,rgba(8,31,25,.94) 0%,rgba(8,31,25,.57) 38%,rgba(8,31,25,.08) 76%)}.clam-cbmic-card .clam-title{display:block;font-size:clamp(25px,2.2vw,38px);letter-spacing:.02em}.clam-cbmic-card .clam-subtitle{display:block;margin:9px auto 0;max-width:330px}.clam-cbmic-card .clam-pill{pointer-events:none}.clam-cbmic-card:hover .clam-media img{transform:scale(1.045)}.clam-cbmic-card:focus-visible{outline:4px solid #d7b96f;outline-offset:-6px}\n<\/style>\n<section class=\"clam-home\" aria-label=\"Portada del XII Congreso Latinoamericano de Micolog\u00eda\">\n<div class=\"clam-main-grid\">\n<p>    <!-- 1 \u00b7 CARRUSEL DE HONGOS --><\/p>\n<article class=\"clam-piece clam-arch\">\n<div class=\"clam-media\" id=\"clam-slideshow\" aria-hidden=\"true\">\n        <img decoding=\"async\" src=\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/06\/H001.png\" alt=\"\" class=\"active\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/06\/H002.png\" alt=\"\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/06\/H003.png\" alt=\"\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/06\/H004.png\" alt=\"\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/06\/H005.png\" alt=\"\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/06\/H006.png\" alt=\"\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/06\/H007.png\" alt=\"\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/06\/H008.png\" alt=\"\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/06\/H009.png\" alt=\"\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/06\/H010.png\" alt=\"\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/06\/H011.png\" alt=\"\">\n      <\/div>\n<div class=\"clam-piece-overlay\"><\/div>\n<div class=\"clam-piece-content\">\n<p class=\"clam-kicker\">El mundo de los hongos<\/p>\n<h2 class=\"clam-title\">MICOLOG\u00cdA<\/h2>\n<p class=\"clam-subtitle\">Ciencia \u00b7 Naturaleza \u00b7 Futuro<\/p>\n<\/p><\/div>\n<\/article>\n<p>    <!-- 2 \u00b7 LOGOS DE LOS CONGRESOS --><\/p>\n<article class=\"clam-piece clam-arch clam-arch--center\">\n<div class=\"clam-center-bg\" aria-hidden=\"true\"><\/div>\n<div class=\"clam-piece-overlay\"><\/div>\n<div class=\"clam-piece-content clam-center-content\">\n<div class=\"clam-central-rotator\" id=\"clam-central-rotator\">\n<div class=\"clam-central-slide active\">\n            <img decoding=\"async\"\n              class=\"clam-central-logo\"\n              src=\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/05\/EDIT_CLAM12.png\"\n              alt=\"XII Congreso Latinoamericano de Micolog\u00eda\"><\/p>\n<div class=\"clam-central-small\">XII Congreso Latinoamericano de Micolog\u00eda<\/div>\n<\/p><\/div>\n<div class=\"clam-central-slide\">\n            <img decoding=\"async\"\n              class=\"clam-central-logo ecuador\"\n              src=\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/05\/LOGO-ECUATORIANO-CONGRESO-scaled.png\"\n              alt=\"Congreso Ecuatoriano de Micolog\u00eda\"><\/p>\n<div class=\"clam-central-small\">Congreso Ecuatoriano de Micolog\u00eda<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/article>\n<p>    <!-- 3 \u00b7 PR\u00d3XIMO ENCUENTRO: XI CBMIC 2027 --><br \/>\n    <button class=\"clam-piece clam-arch clam-cbmic-card clam-announcement-reopen\" type=\"button\" aria-label=\"Abrir nuevamente el anuncio del XI Congreso Brasileiro de Micologia 2027\" aria-haspopup=\"dialog\" aria-controls=\"clam-announcement-modal\"><br \/>\n      <span class=\"clam-media\" aria-hidden=\"true\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/09\/next.jpeg\" alt=\"\" class=\"active\"><br \/>\n      <\/span><br \/>\n      <span class=\"clam-piece-overlay\" aria-hidden=\"true\"><\/span><br \/>\n      <span class=\"clam-piece-content\"><br \/>\n        <span class=\"clam-kicker\">Pr\u00f3ximo encuentro<\/span><br \/>\n        <span class=\"clam-title\">XI CBMic 2027<\/span><br \/>\n        <span class=\"clam-subtitle\">La micolog\u00eda actual desde un enfoque integrado<br \/>19\u201323 de julio \u00b7 UNICAMP \u00b7 Campinas<\/span><br \/>\n        <span class=\"clam-pill\" aria-hidden=\"true\">Ver anuncio<\/span><br \/>\n      <\/span><br \/>\n    <\/button><\/p>\n<p>    <!-- 4 \u00b7 COORGANIZADOR DESTACADO --><\/p>\n<article class=\"clam-piece clam-coorganizer\">\n<div class=\"clam-coorganizer-inner\">\n<div class=\"clam-coorganizer-copy\">\n<p class=\"clam-kicker\">Evento coorganizado por<\/p>\n<h2 class=\"clam-coorganizer-title\">Nuestra sede acad\u00e9mica<\/h2>\n<p>          <a\n            class=\"clam-pill\"\n            href=\"https:\/\/clam12.com\/informacion\/informacion-general\/\"\n            aria-label=\"Conocer la sede del congreso\">Conocer la sede<\/a>\n        <\/div>\n<div class=\"clam-coorganizer-logo-wrap\">\n          <img decoding=\"async\"\n            class=\"clam-coorganizer-logo\"\n            src=\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/06\/AUSPICIANTE-14.png\"\n            alt=\"Universidad Andina Sim\u00f3n Bol\u00edvar, Sede Ecuador\">\n        <\/div>\n<\/p><\/div>\n<\/article>\n<p>    <!-- 5 \u00b7 CERTIFICADOS DISPONIBLES --><\/p>\n<article class=\"clam-piece clam-sponsors\" style=\"background:linear-gradient(145deg,#f0c958 0%,#e9b83f 58%,#d99f2b 100%);\">\n<div class=\"clam-piece-overlay\" style=\"background:linear-gradient(160deg,rgba(255,255,255,.18),rgba(255,255,255,0) 56%,rgba(87,56,20,.12));\"><\/div>\n<div class=\"clam-sponsors-content\">\n<p class=\"clam-kicker\">Certificados XII CLAM 2026<\/p>\n<h2 class=\"clam-sponsors-title\">Certificados<br \/>disponibles<\/h2>\n<p class=\"clam-subtitle\" style=\"max-width:420px;margin:12px auto 16px;line-height:1.35;\">\n          Consulta y descarga tus certificados de asistencia, participaci\u00f3n acad\u00e9mica y talleres precongreso.\n        <\/p>\n<p>        <a\n          class=\"clam-pill\"\n          href=\"https:\/\/clam12.com\/certificados\/\"\n          aria-label=\"Consultar y descargar certificados del XII CLAM 2026\">Consultar certificados<\/a>\n      <\/div>\n<\/article>\n<p>    <!-- 6 \u00b7 FUNGA LATINA --><\/p>\n<article class=\"clam-piece clam-countdown-piece\">\n<div class=\"clam-countdown-piece-content\" style=\"justify-content:flex-start;padding-top:44px;\">\n<p class=\"clam-kicker\">N\u00famero especial XII CLAM<\/p>\n<h2 class=\"clam-countdown-heading\">Publica tu investigaci\u00f3n en Funga Latina<\/h2>\n<p class=\"clam-subtitle\">\n          Env\u00eda tu investigaci\u00f3n o resumen extendido y ampl\u00eda el alcance de tu trabajo m\u00e1s all\u00e1 del congreso.\n        <\/p>\n<p>        <a\n          class=\"clam-pill\"\n          href=\"https:\/\/clam12.com\/funga-latina\/\"\n          aria-label=\"Ver la convocatoria especial de Funga Latina y enviar una contribuci\u00f3n\"\n        >Ver convocatoria<\/a>\n      <\/div>\n<\/article><\/div>\n<\/section>\n<p><script>\n  (function () {\n    \"use strict\";<\/p>\n<p>    \/* Evita duplicar temporizadores si Elementor vuelve a inicializar el widget. *\/\n    var root = document.querySelector(\".clam-home\");\n    if (!root || root.getAttribute(\"data-clam-ready\") === \"true\") {\n      return;\n    }\n    root.setAttribute(\"data-clam-ready\", \"true\");<\/p>\n<p>    \/* Funci\u00f3n reutilizable para los carruseles. *\/\n    function startCarousel(selector, interval, onChange) {\n      var slides = root.querySelectorAll(selector);\n      if (!slides.length) return;<\/p>\n<p>      var current = 0;\n      window.setInterval(function () {\n        slides[current].classList.remove(\"active\");\n        current = (current + 1) % slides.length;\n        slides[current].classList.add(\"active\");\n        if (onChange) onChange(current);\n      }, interval);\n    }<\/p>\n<p>    startCarousel(\"#clam-slideshow img\", 2000);\n    startCarousel(\"#clam-flyer-slideshow img\", 3500, function (current) {\n      var dots = root.querySelectorAll(\".clam-carousel-dot\");\n      dots.forEach(function (dot, index) {\n        dot.classList.toggle(\"active\", index === current);\n      });\n    });<\/p>\n<p>    \/* ROTADOR CENTRAL: conserva las duraciones originales. *\/\n    var centralSlides = root.querySelectorAll(\n      \"#clam-central-rotator .clam-central-slide\"\n    );\n    var centralDurations = [3000, 3000];<\/p>\n<p>    if (centralSlides.length) {\n      var centralCurrent = 0;<\/p>\n<p>      function rotateCentral() {\n        centralSlides[centralCurrent].classList.remove(\"active\");\n        centralCurrent = (centralCurrent + 1) % centralSlides.length;\n        centralSlides[centralCurrent].classList.add(\"active\");\n        window.setTimeout(rotateCentral, centralDurations[centralCurrent]);\n      }<\/p>\n<p>      window.setTimeout(rotateCentral, centralDurations[centralCurrent]);\n    }\n  }());\n<\/script><\/p>\n<p><!-- ANUNCIO EMERGENTE \u00b7 XI CBMIC 2027 --><\/p>\n<style>\n  body.clam-announcement-open{overflow:hidden}\n  .clam-announcement-modal[hidden]{display:none!important}\n  .clam-announcement-modal{align-items:center;background:rgba(8,25,20,.84);backdrop-filter:blur(7px);display:flex;inset:0;justify-content:center;opacity:0;padding:24px;position:fixed;transition:opacity .24s ease,visibility .24s ease;visibility:hidden;z-index:2147483000}\n  .clam-announcement-modal.is-open{opacity:1;visibility:visible}\n  .clam-announcement-dialog{max-height:calc(100vh - 48px);max-width:calc(100vw - 48px);position:relative;transform:translateY(12px) scale(.985);transition:transform .24s ease}\n  .clam-announcement-modal.is-open .clam-announcement-dialog{transform:none}\n  .clam-announcement-image{background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.48);display:block;height:auto;max-height:calc(100vh - 48px);max-width:min(720px,calc(100vw - 48px));object-fit:contain;width:auto}\n  .clam-announcement-close{align-items:center;background:#fff;border:0;border-radius:50%;box-shadow:0 5px 18px rgba(0,0,0,.3);color:#15362d;cursor:pointer;display:flex;font:700 28px\/1 Arial,sans-serif;height:46px;justify-content:center;padding:0;position:absolute;right:-17px;top:-17px;width:46px;z-index:2}\n  .clam-announcement-close:hover{background:#e9b93f;transform:scale(1.06)}\n  .clam-announcement-close:focus-visible{outline:3px solid #e9b93f;outline-offset:3px}\n  @media(max-width:640px){.clam-announcement-modal{padding:15px}.clam-announcement-dialog{max-height:calc(100vh - 30px);max-width:calc(100vw - 30px)}.clam-announcement-image{border-radius:13px;max-height:calc(100vh - 30px);max-width:calc(100vw - 30px)}.clam-announcement-close{height:42px;right:-8px;top:-8px;width:42px}}\n  @media(prefers-reduced-motion:reduce){.clam-announcement-modal,.clam-announcement-dialog{transition:none}}\n<\/style>\n<div class=\"clam-announcement-modal\" id=\"clam-announcement-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Anuncio del XI Congreso Brasileiro de Micologia 2027\" hidden>\n<div class=\"clam-announcement-dialog\">\n    <button class=\"clam-announcement-close\" type=\"button\" aria-label=\"Cerrar anuncio\">&times;<\/button><br \/>\n    <img loading=\"lazy\" decoding=\"async\" class=\"clam-announcement-image\" src=\"https:\/\/clam12.com\/wp-content\/uploads\/2026\/09\/next.jpeg\" alt=\"Anuncio del XI Congreso Brasileiro de Micologia, del 19 al 23 de julio de 2027 en UNICAMP, Brasil\" width=\"1280\" height=\"1600\">\n  <\/div>\n<\/div>\n<p><script>\n(() => {\n  const modal = document.getElementById('clam-announcement-modal');\n  if (!modal) return;\n  const closeButton = modal.querySelector('.clam-announcement-close');\n  const reopenButtons = document.querySelectorAll('.clam-announcement-reopen');\n  let closingTimer;\n  let previousFocus = null;<\/p>\n<p>  const openModal = event => {\n    clearTimeout(closingTimer);\n    previousFocus = event && event.currentTarget ? event.currentTarget : document.activeElement;\n    modal.hidden = false;\n    document.body.classList.add('clam-announcement-open');\n    requestAnimationFrame(() => {\n      modal.classList.add('is-open');\n      closeButton.focus({preventScroll:true});\n    });\n  };<\/p>\n<p>  const closeModal = () => {\n    modal.classList.remove('is-open');\n    document.body.classList.remove('clam-announcement-open');\n    closingTimer = setTimeout(() => {\n      modal.hidden = true;\n      if (previousFocus && typeof previousFocus.focus === 'function' && previousFocus !== document.body) previousFocus.focus({preventScroll:true});\n    }, 240);\n  };<\/p>\n<p>  closeButton.addEventListener('click', closeModal);\n  reopenButtons.forEach(button => button.addEventListener('click', openModal));\n  modal.addEventListener('click', event => { if (event.target === modal) closeModal(); });\n  document.addEventListener('keydown', event => { if (event.key === 'Escape' && modal.classList.contains('is-open')) closeModal(); });<\/p>\n<p>  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', () => openModal(), {once:true});\n  else openModal();\n})();\n<\/script>\n<\/div>\n<div>\n<style>\n\/* =========================================================\n   SECCI\u00d3N DE AUSPICIANTES \u2014 EFECTO DE PROFUNDIDAD\n   ========================================================= *\/<\/p>\n<p>.sponsors-section {\n  --section-bg: #f5f4f1;\n  --text-color: #2d2d2d;<\/p>\n<p>  position: relative;\n  left: 50%;\n  width: 100vw;\n  max-width: 100vw;\n  height: clamp(640px, 82vh, 900px);\n  min-height: 640px;\n  margin-left: -50vw;\n  overflow: hidden;\n  isolation: isolate;\n  box-sizing: border-box;<\/p>\n<p>  display: grid;\n  place-items: center;<\/p>\n<p>  background:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(255, 255, 255, 0.68) 0%,\n      rgba(255, 255, 255, 0.24) 24%,\n      rgba(245, 244, 241, 0) 54%\n    ),\n    var(--section-bg);\n}<\/p>\n<p>\/* Suaviza la llegada de los logos a los bordes *\/\n.sponsors-section::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 3;\n  pointer-events: none;<\/p>\n<p>  background:\n    linear-gradient(\n      to right,\n      var(--section-bg) 0%,\n      transparent 7%,\n      transparent 93%,\n      var(--section-bg) 100%\n    ),\n    linear-gradient(\n      to bottom,\n      var(--section-bg) 0%,\n      transparent 8%,\n      transparent 92%,\n      var(--section-bg) 100%\n    );\n}<\/p>\n<p>\/* =========================================================\n   ESCENA 3D\n   ========================================================= *\/<\/p>\n<p>.sponsors-stage {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  overflow: hidden;<\/p>\n<p>  perspective: 850px;\n  perspective-origin: 50% 50%;\n  transform-style: preserve-3d;<\/p>\n<p>  pointer-events: none;\n}<\/p>\n<p>.sponsor-logo {\n  position: absolute;\n  top: 50%;\n  left: 50%;<\/p>\n<p>  width: var(--logo-width, 110px);\n  height: 80px;<\/p>\n<p>  display: grid;\n  place-items: center;<\/p>\n<p>  opacity: 0;\n  transform-origin: center;\n  transform-style: preserve-3d;<\/p>\n<p>  animation-name: sponsorApproach;\n  animation-duration: var(--duration, 15s);\n  animation-delay: var(--delay, 0s);\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n  animation-fill-mode: both;<\/p>\n<p>  will-change: transform, opacity;\n  backface-visibility: hidden;\n  pointer-events: none;\n}<\/p>\n<p>.sponsor-logo img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  max-width: 100%;\n  max-height: 100%;<\/p>\n<p>  object-fit: contain;<\/p>\n<p>  filter:\n    grayscale(10%)\n    drop-shadow(0 5px 12px rgba(25, 25, 25, 0.08));<\/p>\n<p>  opacity: 0.92;\n  backface-visibility: hidden;\n}<\/p>\n<p>\/*\n  El logo:\n  1. Nace lejos, en el centro.\n  2. Avanza parcialmente hacia su destino.\n  3. Se acerca a c\u00e1mara, crece y desaparece.\n*\/\n@keyframes sponsorApproach {\n  0% {\n    opacity: 0;<\/p>\n<p>    transform:\n      translate(-50%, -50%)\n      translate3d(0, 0, -1100px)\n      rotate(0deg)\n      scale(0.46);\n  }<\/p>\n<p>  10% {\n    opacity: 0.14;\n  }<\/p>\n<p>  24% {\n    opacity: 0.72;\n  }<\/p>\n<p>  58% {\n    opacity: 0.92;<\/p>\n<p>    transform:\n      translate(-50%, -50%)\n      translate3d(\n        var(--x-middle, 0px),\n        var(--y-middle, 0px),\n        -180px\n      )\n      rotate(var(--rotation-middle, 0deg))\n      scale(0.88);\n  }<\/p>\n<p>  78% {\n    opacity: 0.88;<\/p>\n<p>    transform:\n      translate(-50%, -50%)\n      translate3d(\n        var(--x-near, 0px),\n        var(--y-near, 0px),\n        40px\n      )\n      rotate(var(--rotation-near, 0deg))\n      scale(1);\n  }<\/p>\n<p>  92% {\n    opacity: 0.48;\n  }<\/p>\n<p>  100% {\n    opacity: 0;<\/p>\n<p>    transform:\n      translate(-50%, -50%)\n      translate3d(\n        var(--x-end, 0px),\n        var(--y-end, 0px),\n        430px\n      )\n      rotate(var(--rotation-end, 0deg))\n      scale(1.14);\n  }\n}<\/p>\n<p>\/* Pausa autom\u00e1tica cuando la secci\u00f3n no est\u00e1 visible *\/\n.sponsors-stage.is-paused .sponsor-logo {\n  animation-play-state: paused;\n}<\/p>\n<p>\/* =========================================================\n   TEXTO CENTRAL\n   ========================================================= *\/<\/p>\n<p>.sponsors-center-text {\n  position: relative;\n  z-index: 10;<\/p>\n<p>  width: min(620px, calc(100% - 48px));\n  padding: 42px 34px;\n  box-sizing: border-box;<\/p>\n<p>  text-align: center;\n  pointer-events: none;\n}<\/p>\n<p>\/* Halo para conservar la legibilidad *\/\n.sponsors-center-text::before {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  top: 50%;\n  left: 50%;<\/p>\n<p>  width: 130%;\n  height: 170%;<\/p>\n<p>  transform: translate(-50%, -50%);<\/p>\n<p>  background: radial-gradient(\n    ellipse at center,\n    rgba(245, 244, 241, 0.97) 0%,\n    rgba(245, 244, 241, 0.87) 38%,\n    rgba(245, 244, 241, 0.28) 69%,\n    transparent 78%\n  );\n}<\/p>\n<p>.sponsors-center-text p {\n  margin: 0 0 15px;<\/p>\n<p>  font-family: Arial, Helvetica, sans-serif;\n  font-size: 0.7rem;\n  font-weight: 400;\n  line-height: 1.4;<\/p>\n<p>  color: rgba(45, 45, 45, 0.48);<\/p>\n<p>  letter-spacing: 0.22em;\n  text-transform: uppercase;\n}<\/p>\n<p>.sponsors-center-text h2 {\n  margin: 0;<\/p>\n<p>  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(1.45rem, 2.35vw, 2.45rem);\n  font-weight: 700;\n  line-height: 1.04;<\/p>\n<p>  color: var(--text-color);<\/p>\n<p>  letter-spacing: 1.25px;\n  text-transform: uppercase;\n  text-wrap: balance;\n}<\/p>\n<p>\/* Grilla alternativa para movimiento reducido *\/\n.sponsors-static-grid {\n  display: none;\n}<\/p>\n<p>\/* =========================================================\n   TABLET\n   ========================================================= *\/<\/p>\n<p>@media (max-width: 1024px) {\n  .sponsors-section {\n    height: clamp(620px, 78vh, 780px);\n    min-height: 620px;\n  }<\/p>\n<p>  .sponsors-stage {\n    perspective: 760px;\n  }<\/p>\n<p>  .sponsors-center-text {\n    width: min(570px, calc(100% - 40px));\n  }\n}<\/p>\n<p>\/* =========================================================\n   M\u00d3VIL\n   ========================================================= *\/<\/p>\n<p>@media (max-width: 768px) {\n  .sponsors-section {\n    left: auto;\n    width: 100%;\n    max-width: 100%;\n    height: max(650px, 88svh);\n    min-height: 650px;\n    margin-left: 0;\n  }<\/p>\n<p>  .sponsors-stage {\n    perspective: 650px;\n  }<\/p>\n<p>  .sponsors-center-text {\n    width: calc(100% - 34px);\n    max-width: 440px;\n    padding: 32px 18px;\n  }<\/p>\n<p>  .sponsors-center-text::before {\n    width: 125%;\n    height: 165%;\n  }<\/p>\n<p>  .sponsors-center-text p {\n    margin-bottom: 12px;\n    font-size: 0.62rem;\n    letter-spacing: 0.18em;\n  }<\/p>\n<p>  .sponsors-center-text h2 {\n    font-size: clamp(1.35rem, 6.2vw, 1.9rem);\n    line-height: 1.05;\n    letter-spacing: 0.7px;\n  }<\/p>\n<p>  .sponsor-logo {\n    height: 60px;\n  }\n}<\/p>\n<p>@media (max-width: 420px) {\n  .sponsors-section {\n    height: max(620px, 86svh);\n    min-height: 620px;\n  }<\/p>\n<p>  .sponsors-center-text {\n    width: calc(100% - 24px);\n    padding-inline: 10px;\n  }<\/p>\n<p>  .sponsors-center-text h2 {\n    font-size: clamp(1.28rem, 6.5vw, 1.7rem);\n  }\n}<\/p>\n<p>\/* =========================================================\n   ACCESIBILIDAD: MOVIMIENTO REDUCIDO\n   ========================================================= *\/<\/p>\n<p>@media (prefers-reduced-motion: reduce) {\n  .sponsors-section {\n    left: auto;\n    width: 100%;\n    height: auto;\n    min-height: 0;\n    margin-left: 0;\n    padding: 64px 22px;\n    overflow: visible;\n  }<\/p>\n<p>  .sponsors-stage {\n    display: none;\n  }<\/p>\n<p>  .sponsors-center-text {\n    width: min(620px, 100%);\n    padding: 0;\n    margin-bottom: 44px;\n  }<\/p>\n<p>  .sponsors-center-text::before {\n    display: none;\n  }<\/p>\n<p>  .sponsors-static-grid {\n    position: relative;\n    z-index: 10;<\/p>\n<p>    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    align-items: center;\n    justify-items: center;<\/p>\n<p>    width: min(850px, 100%);\n    gap: 30px 24px;\n  }<\/p>\n<p>  .sponsors-static-grid img {\n    display: block;\n    width: auto;\n    height: auto;\n    max-width: 120px;\n    max-height: 74px;\n    object-fit: contain;\n  }\n}<\/p>\n<p>@media (prefers-reduced-motion: reduce) and (max-width: 600px) {\n  .sponsors-static-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n<\/style>\n<section\n  class=\"sponsors-section\"\n  id=\"sponsors-floema\"\n  aria-labelledby=\"sponsors-title\"\n><\/p>\n<div class=\"sponsors-stage\" aria-hidden=\"true\"><\/div>\n<div class=\"sponsors-center-text\">\n<p>Con el apoyo de<\/p>\n<h2 id=\"sponsors-title\">\n      Gracias a las instituciones<br \/>\n      y organizaciones que hacen posible<br \/>\n      este congreso<br \/>\n    <\/h2>\n<\/p><\/div>\n<div\n    class=\"sponsors-static-grid\"\n    aria-label=\"Instituciones y organizaciones auspiciantes\"\n  ><\/div>\n<\/section>\n<p><script>\n(function () {\n  \"use strict\";<\/p>\n<p>  var container = document.getElementById(\"sponsors-floema\");<\/p>\n<p>  if (!container || container.dataset.sponsorsInitialized === \"true\") {\n    return;\n  }<\/p>\n<p>  container.dataset.sponsorsInitialized = \"true\";<\/p>\n<p>  var stage = container.querySelector(\".sponsors-stage\");\n  var staticGrid = container.querySelector(\".sponsors-static-grid\");<\/p>\n<p>  var baseUrl =\n    \"https:\/\/clam12.com\/wp-content\/uploads\/2026\/06\/\";<\/p>\n<p>  var logos = [\n    baseUrl + \"AUSPICIANTE-1.png\",\n    baseUrl + \"AUSPICIANTE-2.png\",\n    baseUrl + \"AUSPICIANTE-3.png\",\n    baseUrl + \"AUSPICIANTE-4.png\",\n    baseUrl + \"AUSPICIANTE-5.png\",<\/p>\n<p>    \/* Reemplazo del auspiciante 6 *\/\n    \"https:\/\/clam12.com\/wp-content\/uploads\/2026\/07\/AUSPICIANTE-21-scaled.png\",<\/p>\n<p>    baseUrl + \"AUSPICIANTE-7.png\",\n    baseUrl + \"AUSPICIANTE-8.png\",\n    baseUrl + \"AUSPICIANTE-9.png\",\n    baseUrl + \"AUSPICIANTE-10.png\",\n    baseUrl + \"AUSPICIANTE-11.png\",\n    baseUrl + \"AUSPICIANTE-12.png\",\n    baseUrl + \"AUSPICIANTE-13.png\",\n    baseUrl + \"AUSPICIANTE-14.png\",\n    baseUrl + \"AUSPICIANTE-15.png\",\n    baseUrl + \"AUSPICIANTE-16.png\",\n    baseUrl + \"AUSPICIANTE-17.png\",\n    baseUrl + \"AUSPICIANTE-18.png\",\n    baseUrl + \"AUSPICIANTE-19.png\",\n    baseUrl + \"AUSPICIANTE-20.png\",<\/p>\n<p>    \"https:\/\/clam12.com\/wp-content\/uploads\/2026\/07\/AUSPICIANTE-22.png\",<\/p>\n<p>    \/* Nuevos auspiciantes *\/\n    \"https:\/\/clam12.com\/wp-content\/uploads\/2026\/08\/Auspiciante_32.png\",\n    \"https:\/\/clam12.com\/wp-content\/uploads\/2026\/08\/Auspiciante_34.png\",\n    \"https:\/\/clam12.com\/wp-content\/uploads\/2026\/08\/FIL_001.png\"\n  ];<\/p>\n<p>  var animatedItems = [];\n  var goldenAngle = 137.508;<\/p>\n<p>  function createAnimatedLogos() {\n    var fragment = document.createDocumentFragment();<\/p>\n<p>    logos.forEach(function (src, index) {\n      var wrapper = document.createElement(\"div\");\n      var image = document.createElement(\"img\");<\/p>\n<p>      wrapper.className = \"sponsor-logo\";<\/p>\n<p>      image.src = src;\n      image.alt = \"\";\n      image.loading = index < 6 ? \"eager\" : \"lazy\";\n      image.decoding = \"async\";\n      image.draggable = false;\n\n      image.onerror = function () {\n        wrapper.style.display = \"none\";\n      };\n\n      wrapper.appendChild(image);\n      fragment.appendChild(wrapper);\n      animatedItems.push(wrapper);\n    });\n\n    stage.appendChild(fragment);\n  }\n\n  function createStaticGrid() {\n    var fragment = document.createDocumentFragment();\n\n    logos.forEach(function (src) {\n      var image = document.createElement(\"img\");\n\n      image.src = src;\n      image.alt =\n        \"Instituci\u00f3n u organizaci\u00f3n auspiciante\";\n\n      image.loading = \"lazy\";\n      image.decoding = \"async\";\n\n      image.onerror = function () {\n        image.style.display = \"none\";\n      };\n\n      fragment.appendChild(image);\n    });\n\n    staticGrid.appendChild(fragment);\n  }\n\n  function positionLogos() {\n    var rect = container.getBoundingClientRect();\n    var width = rect.width;\n    var height = rect.height;\n    var isMobile = width <= 768;\n\n    var duration = isMobile ? 18 : 15.5;\n\n    var desktopWidths = [\n      82,\n      108,\n      94,\n      126,\n      76,\n      116,\n      88\n    ];\n\n    var mobileWidths = [\n      48,\n      62,\n      54,\n      70,\n      50,\n      66,\n      58\n    ];\n\n    animatedItems.forEach(function (item, index) {\n      var angleDegrees =\n        (\n          index * goldenAngle +\n          14 +\n          (index % 3) * 7\n        ) % 360;\n\n      var angle =\n        angleDegrees * Math.PI \/ 180;\n\n      var directionX = Math.cos(angle);\n      var directionY = Math.sin(angle);\n\n      var endX =\n        directionX *\n        width *\n        (isMobile ? 0.63 : 0.60);\n\n      var endY =\n        directionY *\n        height *\n        (isMobile ? 0.59 : 0.62);\n\n      var middleX = endX * 0.36;\n      var middleY = endY * 0.36;\n\n      var nearX = endX * 0.69;\n      var nearY = endY * 0.69;\n\n      var rotation =\n        ((index * 11) % 17) - 8;\n\n      var widths =\n        isMobile\n          ? mobileWidths\n          : desktopWidths;\n\n      var logoWidth =\n        widths[index % widths.length];\n\n      var delay =\n        -(\n          index *\n          duration \/\n          animatedItems.length\n        );\n\n      item.style.setProperty(\n        \"--x-middle\",\n        middleX.toFixed(1) + \"px\"\n      );\n\n      item.style.setProperty(\n        \"--y-middle\",\n        middleY.toFixed(1) + \"px\"\n      );\n\n      item.style.setProperty(\n        \"--x-near\",\n        nearX.toFixed(1) + \"px\"\n      );\n\n      item.style.setProperty(\n        \"--y-near\",\n        nearY.toFixed(1) + \"px\"\n      );\n\n      item.style.setProperty(\n        \"--x-end\",\n        endX.toFixed(1) + \"px\"\n      );\n\n      item.style.setProperty(\n        \"--y-end\",\n        endY.toFixed(1) + \"px\"\n      );\n\n      item.style.setProperty(\n        \"--rotation-middle\",\n        (rotation * 0.25).toFixed(2) + \"deg\"\n      );\n\n      item.style.setProperty(\n        \"--rotation-near\",\n        (rotation * 0.65).toFixed(2) + \"deg\"\n      );\n\n      item.style.setProperty(\n        \"--rotation-end\",\n        rotation.toFixed(2) + \"deg\"\n      );\n\n      item.style.setProperty(\n        \"--logo-width\",\n        logoWidth + \"px\"\n      );\n\n      item.style.setProperty(\n        \"--duration\",\n        duration + \"s\"\n      );\n\n      item.style.setProperty(\n        \"--delay\",\n        delay.toFixed(3) + \"s\"\n      );\n    });\n  }\n\n  createAnimatedLogos();\n  createStaticGrid();\n  positionLogos();\n\n  var resizeTimer;\n\n  window.addEventListener(\n    \"resize\",\n    function () {\n      window.clearTimeout(resizeTimer);\n\n      resizeTimer = window.setTimeout(\n        function () {\n          positionLogos();\n        },\n        180\n      );\n    },\n    { passive: true }\n  );\n\n  if (\"IntersectionObserver\" in window) {\n    var observer = new IntersectionObserver(\n      function (entries) {\n        entries.forEach(function (entry) {\n          stage.classList.toggle(\n            \"is-paused\",\n            !entry.isIntersecting\n          );\n        });\n      },\n      {\n        threshold: 0.02\n      }\n    );\n\n    observer.observe(container);\n  }\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n      stage.classList.toggle(\n        \"is-paused\",\n        document.hidden\n      );\n    }\n  );\n})();\n<\/script>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<!--\\n  PORTADA CLAM \\u00b7 5 PIEZAS\\n  Bloque aut\\u00f3nomo para pegar en un widget HTML de WordPress \\\/ Elementor.\\n-->\\n<\/p>\n<style>\\n  @import url(\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Text:ital@0;1&display=swap\\\");\\n\\n  .clam-home,\\n  .clam-home * {\\n    box-sizing: border-box;\\n  }\\n\\n  .clam-home {\\n    --clam-gap: 12px;\\n    --clam-radius: 999px 999px 30px 30px;\\n    width: 100vw;\\n    position: relative;\\n    left: 50%;\\n    margin-left: -50vw;\\n    padding: 20px clamp(10px, 1.6vw, 28px) 28px;\\n    background: transparent;\\n    font-family: Arial, Helvetica, sans-serif;\\n  }\\n\\n  .clam-main-grid {\\n    display: grid;\\n    grid-template-columns: 1.05fr .9fr 1.05fr;\\n    grid-template-rows: minmax(520px, 60vh) minmax(330px, 38vh);\\n    gap: var(--clam-gap);\\n    max-width: 1800px;\\n    margin: 0 auto;\\n  }\\n\\n  .clam-piece {\\n    position: relative;\\n    overflow: hidden;\\n    isolation: isolate;\\n    color: #fff;\\n    background: #2d2925;\\n  }\\n\\n  .clam-arch {\\n    border-radius: var(--clam-radius);\\n    display: flex;\\n    align-items: flex-end;\\n  }\\n\\n  .clam-arch--center {\\n    margin: 40px 0;\\n  }\\n\\n  .clam-media,\\n  .clam-center-bg,\\n  .clam-piece-overlay {\\n    position: absolute;\\n    inset: 0;\\n  }\\n\\n  .clam-media {\\n    z-index: -3;\\n    overflow: hidden;\\n  }\\n\\n  .clam-media img {\\n    position: absolute;\\n    inset: 0;\\n    width: 100%;\\n    height: 100%;\\n    object-fit: cover;\\n    opacity: 0;\\n    transform: scale(1.035);\\n    transition: opacity 1s ease-in-out, transform 4s ease;\\n  }\\n\\n  .clam-media img.active {\\n    opacity: 1;\\n    transform: scale(1);\\n  }\\n\\n  .clam-piece-overlay {\\n    z-index: -1;\\n    background: linear-gradient(\\n      to top,\\n      rgba(0, 0, 0, .68) 0%,\\n      rgba(0, 0, 0, .12) 62%,\\n      rgba(0, 0, 0, 0) 100%\\n    );\\n  }\\n\\n  .clam-piece-content {\\n    width: 100%;\\n    position: relative;\\n    z-index: 2;\\n    padding: 34px 20px 38px;\\n    text-align: center;\\n  }\\n\\n  .clam-kicker {\\n    margin: 0 0 14px;\\n    font-size: 10px;\\n    font-weight: 600;\\n    letter-spacing: 3px;\\n    line-height: 1.3;\\n    text-transform: uppercase;\\n    opacity: .82;\\n  }\\n\\n  .clam-title {\\n    margin: 0 0 7px;\\n    color: #ffffff !important;\\n    font-family: Georgia, \\\"Times New Roman\\\", serif;\\n    font-size: clamp(20px, 1.7vw, 30px);\\n    font-weight: 700;\\n    letter-spacing: 2px;\\n    line-height: 1.14;\\n  }\\n\\n  .clam-subtitle {\\n    margin: 0;\\n    font-size: 12px;\\n    line-height: 1.45;\\n    opacity: .76;\\n  }\\n\\n  .clam-pill {\\n    display: inline-flex;\\n    align-items: center;\\n    justify-content: center;\\n    min-height: 34px;\\n    margin-top: 16px;\\n    padding: 7px 18px;\\n    border: 1px solid rgba(255, 255, 255, .42);\\n    border-radius: 999px;\\n    color: #fff;\\n    background: rgba(255, 255, 255, .16);\\n    backdrop-filter: blur(5px);\\n    -webkit-backdrop-filter: blur(5px);\\n    font-size: 10px;\\n    font-weight: 700;\\n    letter-spacing: 1.3px;\\n    line-height: 1;\\n    text-decoration: none;\\n    text-transform: uppercase;\\n    transition: color .25s ease, background .25s ease, transform .25s ease;\\n  }\\n\\n  .clam-pill:hover,\\n  .clam-pill:focus-visible {\\n    color: #26211d;\\n    background: rgba(255, 255, 255, .94);\\n    transform: translateY(-2px);\\n  }\\n\\n  \\\/* Pieza central *\\\/\\n  .clam-center-bg {\\n    z-index: -3;\\n    background: url(\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/M001.png\\\") center \\\/ cover no-repeat;\\n  }\\n\\n  .clam-arch--center .clam-piece-overlay {\\n    background: linear-gradient(\\n      to bottom,\\n      rgba(0, 0, 0, .04) 0%,\\n      rgba(0, 0, 0, .1) 48%,\\n      rgba(0, 0, 0, .48) 100%\\n    );\\n  }\\n\\n  .clam-center-content {\\n    padding: 30px 16px 34px;\\n  }\\n\\n  .clam-central-rotator {\\n    position: relative;\\n    width: 100%;\\n    min-height: 365px;\\n    margin-bottom: -18px;\\n  }\\n\\n  .clam-central-slide {\\n    position: absolute;\\n    inset: 0;\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n    justify-content: center;\\n    opacity: 0;\\n    pointer-events: none;\\n    transform: translateY(-28px) scale(.98);\\n    transition: opacity .75s ease, transform .75s ease;\\n  }\\n\\n  .clam-central-slide.active {\\n    opacity: 1;\\n    transform: translateY(-38px) scale(1);\\n  }\\n\\n  .clam-central-logo {\\n    display: block;\\n    width: auto;\\n    max-width: 112%;\\n    max-height: 330px;\\n    margin-bottom: 16px;\\n    object-fit: contain;\\n    filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .16));\\n  }\\n\\n  .clam-central-logo.ecuador {\\n    max-width: 98%;\\n    max-height: 295px;\\n  }\\n\\n  .clam-central-small {\\n    color: rgba(255, 255, 255, .94);\\n    font-size: 9px;\\n    letter-spacing: 2.2px;\\n    line-height: 1.4;\\n    text-transform: uppercase;\\n    text-shadow: 0 2px 8px rgba(0, 0, 0, .35);\\n  }\\n\\n  .clam-central-phrase {\\n    margin-bottom: 14px;\\n    font-family: Georgia, \\\"Times New Roman\\\", serif;\\n    font-size: clamp(34px, 3.4vw, 52px);\\n    font-weight: 700;\\n    letter-spacing: 2.5px;\\n    line-height: 1.02;\\n    text-shadow: 0 3px 12px rgba(0, 0, 0, .35);\\n  }\\n\\n  .clam-central-subtitle {\\n    max-width: 310px;\\n    font-size: 13px;\\n    line-height: 1.45;\\n    opacity: .92;\\n    text-shadow: 0 2px 8px rgba(0, 0, 0, .35);\\n  }\\n\\n  .clam-countdown {\\n    display: flex;\\n    justify-content: center;\\n    gap: 6px;\\n    margin-bottom: 16px;\\n  }\\n\\n  .clam-count-item {\\n    flex: 1;\\n    max-width: 62px;\\n    min-width: 43px;\\n    padding: 8px 7px;\\n    border: 1px solid rgba(255, 255, 255, .32);\\n    border-radius: 10px;\\n    background: rgba(255, 255, 255, .14);\\n    backdrop-filter: blur(4px);\\n    -webkit-backdrop-filter: blur(4px);\\n    text-align: center;\\n  }\\n\\n  .clam-count-num {\\n    display: block;\\n    font-family: Georgia, \\\"Times New Roman\\\", serif;\\n    font-size: clamp(24px, 2.2vw, 32px);\\n    font-weight: 700;\\n    line-height: 1;\\n  }\\n\\n  .clam-count-label {\\n    display: block;\\n    margin-top: 3px;\\n    font-size: 7px;\\n    letter-spacing: 1.3px;\\n    text-transform: uppercase;\\n    opacity: .74;\\n  }\\n\\n  \\\/* Pieza 4: coorganizaci\\u00f3n *\\\/\\n  .clam-coorganizer {\\n    border-radius: 34px 34px 210px 210px;\\n    color: rgba(31, 28, 25, .82);\\n    background:\\n      linear-gradient(135deg, rgba(224, 213, 198, .92), rgba(199, 184, 164, .78)),\\n      url(\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/M001.png\\\") center 68% \\\/ cover no-repeat;\\n  }\\n\\n  .clam-coorganizer-inner {\\n    min-height: 100%;\\n    display: flex;\\n    flex-direction: column;\\n    justify-content: center;\\n    align-items: center;\\n    gap: 22px;\\n    padding: 30px clamp(22px, 3vw, 48px) 48px;\\n  }\\n\\n  .clam-coorganizer-copy {\\n    text-align: center;\\n  }\\n\\n  .clam-coorganizer .clam-kicker {\\n    margin-bottom: 10px;\\n  }\\n\\n  .clam-coorganizer-title {\\n    margin: 0;\\n    font-family: Georgia, \\\"Times New Roman\\\", serif;\\n    font-size: clamp(27px, 3vw, 48px);\\n    line-height: 1.05;\\n  }\\n\\n  .clam-coorganizer-logo-wrap {\\n    text-align: center;\\n  }\\n\\n  .clam-coorganizer-logo {\\n    display: block;\\n    width: min(100%, 300px);\\n    max-height: 86px;\\n    margin: 0 auto;\\n    object-fit: contain;\\n    filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .2)) brightness(1.04);\\n  }\\n\\n  .clam-coorganizer .clam-pill,\\n  .clam-countdown-piece .clam-pill {\\n    color: rgba(31, 28, 25, .88);\\n    border-color: rgba(31, 28, 25, .34);\\n    background: rgba(255, 255, 255, .22);\\n  }\\n\\n  .clam-coorganizer .clam-pill:hover,\\n  .clam-coorganizer .clam-pill:focus-visible,\\n  .clam-countdown-piece .clam-pill:hover,\\n  .clam-countdown-piece .clam-pill:focus-visible {\\n    color: #fff;\\n    border-color: rgba(31, 28, 25, .82);\\n    background: rgba(31, 28, 25, .82);\\n  }\\n\\n  \\\/* Pieza 5: cuenta regresiva *\\\/\\n  .clam-countdown-piece {\\n    border-radius: 34px 34px 210px 210px;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    color: rgba(31, 28, 25, .82);\\n    background:\\n      linear-gradient(145deg, rgba(213, 201, 185, .94), rgba(239, 232, 222, .88)),\\n      url(\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/M001.png\\\") center \\\/ cover no-repeat;\\n  }\\n\\n  .clam-countdown-piece-content {\\n    width: 100%;\\n    padding: 30px 18px 48px;\\n    text-align: center;\\n  }\\n\\n  .clam-countdown-piece .clam-kicker {\\n    margin-bottom: 8px;\\n  }\\n\\n  .clam-countdown-heading {\\n    margin: 0 0 22px;\\n    font-family: \\\"DM Serif Text\\\", Georgia, \\\"Times New Roman\\\", serif;\\n    font-size: clamp(28px, 2.6vw, 42px);\\n    font-weight: 400;\\n    letter-spacing: -.025em;\\n    line-height: .98;\\n  }\\n\\n  .clam-countdown-piece .clam-countdown {\\n    flex-wrap: nowrap;\\n    margin-bottom: 6px;\\n  }\\n\\n  .clam-countdown-piece .clam-count-item {\\n    min-width: 0;\\n    padding: 9px 5px;\\n    color: #fff;\\n    border-color: rgba(31, 28, 25, .16);\\n    background: rgba(31, 28, 25, .68);\\n  }\\n\\n  \\\/* Pieza 6: flyers *\\\/\\n  .clam-sponsors {\\n    border-radius: 34px 34px 210px 210px;\\n    background: #201d1a;\\n  }\\n\\n  .clam-flyer-media img {\\n    object-fit: cover;\\n    object-position: center;\\n  }\\n\\n  .clam-sponsors .clam-piece-overlay {\\n    background: linear-gradient(\\n      to top,\\n      rgba(218, 208, 192, .82) 0%,\\n      rgba(222, 213, 198, .72) 45%,\\n      rgba(226, 217, 202, .68) 100%\\n    );\\n  }\\n\\n  .clam-sponsors-content {\\n    position: absolute;\\n    inset: 0;\\n    z-index: 2;\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n    justify-content: flex-start;\\n    padding: 44px clamp(22px, 3vw, 48px) 42px;\\n    text-align: center;\\n    color: rgba(31, 28, 25, .84);\\n  }\\n\\n  .clam-sponsors-content .clam-kicker {\\n    margin-bottom: 10px;\\n  }\\n\\n  .clam-sponsors-title {\\n    margin: 0;\\n    font-family: Georgia, \\\"Times New Roman\\\", serif;\\n    max-width: 100%;\\n    font-size: clamp(27px, 3vw, 48px);\\n    letter-spacing: -.025em;\\n    line-height: 1.05;\\n  }\\n\\n  .clam-carousel-dots {\\n    position: absolute;\\n    left: 50%;\\n    bottom: clamp(56px, 7vh, 82px);\\n    transform: translateX(-50%);\\n    display: flex;\\n    justify-content: center;\\n    gap: 6px;\\n    margin-top: 0;\\n  }\\n\\n  .clam-carousel-dot {\\n    width: 6px;\\n    height: 6px;\\n    border: 0;\\n    border-radius: 50%;\\n    padding: 0;\\n    background: rgba(31, 28, 25, .32);\\n    transition: width .25s ease, border-radius .25s ease, background .25s ease;\\n  }\\n\\n  .clam-carousel-dot.active {\\n    width: 22px;\\n    border-radius: 999px;\\n    background: rgba(31, 28, 25, .82);\\n  }\\n\\n  .clam-sponsors .clam-pill {\\n    color: rgba(31, 28, 25, .88);\\n    border-color: rgba(31, 28, 25, .36);\\n    background: rgba(255, 255, 255, .28);\\n    text-shadow: none;\\n  }\\n\\n  .clam-sponsors .clam-pill:hover,\\n  .clam-sponsors .clam-pill:focus-visible {\\n    color: #fff;\\n    border-color: rgba(31, 28, 25, .84);\\n    background: rgba(31, 28, 25, .84);\\n  }\\n\\n  \\\/* Contraste del arco claro de los congresos *\\\/\\n  .clam-arch--center {\\n    color: rgba(31, 28, 25, .82);\\n  }\\n\\n  .clam-arch--center .clam-piece-overlay {\\n    background: linear-gradient(\\n      to bottom,\\n      rgba(232, 222, 209, .84) 0%,\\n      rgba(218, 204, 186, .72) 58%,\\n      rgba(196, 181, 162, .82) 100%\\n    );\\n  }\\n\\n  .clam-arch--center .clam-central-small,\\n  .clam-arch--center .clam-central-subtitle,\\n  .clam-arch--center .clam-central-phrase {\\n    color: rgba(31, 28, 25, .8);\\n    text-shadow: none;\\n  }\\n\\n  \\\/* ======================================================\\n     VARIANTE ELEGANTE\\n     DM Serif Text + DM Sans\\n  ====================================================== *\\\/\\n\\n  .clam-home {\\n    font-family: \\\"DM Sans\\\", Arial, Helvetica, sans-serif;\\n  }\\n\\n  .clam-title,\\n  .clam-central-phrase,\\n  .clam-coorganizer-title,\\n  .clam-sponsors-title {\\n    font-family: \\\"DM Serif Text\\\", Georgia, \\\"Times New Roman\\\", serif;\\n    font-style: normal;\\n    font-weight: 400;\\n    letter-spacing: -.025em;\\n  }\\n\\n  .clam-title {\\n    font-size: clamp(23px, 2vw, 34px);\\n    line-height: 1.04;\\n  }\\n\\n  .clam-central-phrase {\\n    font-size: clamp(39px, 3.8vw, 60px);\\n    line-height: .92;\\n  }\\n\\n  .clam-coorganizer-title {\\n    max-width: 560px;\\n    font-size: clamp(32px, 3.5vw, 56px);\\n    line-height: .96;\\n  }\\n\\n  .clam-sponsors-title {\\n    font-size: clamp(32px, 3.5vw, 56px);\\n    line-height: .96;\\n  }\\n\\n  .clam-kicker,\\n  .clam-subtitle,\\n  .clam-central-small,\\n  .clam-central-subtitle,\\n  .clam-count-num,\\n  .clam-count-label,\\n  .clam-pill {\\n    font-family: \\\"DM Sans\\\", Arial, Helvetica, sans-serif;\\n  }\\n\\n  .clam-kicker {\\n    font-size: 9px;\\n    font-weight: 600;\\n    letter-spacing: .18em;\\n  }\\n\\n  .clam-subtitle,\\n  .clam-central-subtitle {\\n    font-weight: 400;\\n    letter-spacing: -.01em;\\n    line-height: 1.55;\\n  }\\n\\n  .clam-central-small,\\n  .clam-count-label,\\n  .clam-pill {\\n    font-weight: 600;\\n    letter-spacing: .12em;\\n  }\\n\\n  .clam-count-num {\\n    font-size: clamp(25px, 2.3vw, 34px);\\n    font-weight: 500;\\n    letter-spacing: -.04em;\\n  }\\n\\n  .clam-count-item {\\n    border-color: rgba(255, 255, 255, .27);\\n    border-radius: 8px;\\n    background: rgba(25, 22, 20, .13);\\n  }\\n\\n  .clam-pill {\\n    border-radius: 8px;\\n    font-size: 9px;\\n  }\\n\\n  @media (max-width: 1024px) {\\n    .clam-main-grid {\\n      grid-template-rows: minmax(500px, 58vh) minmax(320px, 38vh);\\n      gap: 9px;\\n    }\\n\\n    .clam-central-rotator {\\n      min-height: 330px;\\n    }\\n\\n    .clam-coorganizer-inner {\\n      padding-inline: 38px;\\n    }\\n  }\\n\\n  @media (max-width: 860px) {\\n    .clam-home {\\n      width: auto;\\n      left: auto;\\n      margin-left: 0;\\n      padding: 18px 15px 24px;\\n    }\\n\\n    .clam-main-grid {\\n      display: flex;\\n      flex-direction: column;\\n      gap: 16px;\\n    }\\n\\n    .clam-arch {\\n      min-height: 86vw;\\n      border-radius: 999px 999px 24px 24px;\\n    }\\n\\n    .clam-arch--center {\\n      min-height: 118vw;\\n      margin: 0;\\n    }\\n\\n    .clam-central-rotator {\\n      min-height: 320px;\\n      margin-bottom: -10px;\\n    }\\n\\n    .clam-central-logo {\\n      max-height: 275px;\\n      max-width: 108%;\\n    }\\n\\n    .clam-central-logo.ecuador {\\n      max-height: 245px;\\n      max-width: 96%;\\n    }\\n\\n    .clam-coorganizer,\\n    .clam-countdown-piece,\\n    .clam-sponsors {\\n      min-height: 76vw;\\n      border-radius: 24px 24px 999px 999px;\\n    }\\n\\n    .clam-coorganizer-inner {\\n      display: flex;\\n      flex-direction: column;\\n      justify-content: center;\\n      gap: 24px;\\n      padding: 32px 28px 52px;\\n      text-align: center;\\n    }\\n\\n    .clam-coorganizer-copy {\\n      text-align: center;\\n    }\\n\\n    .clam-coorganizer-logo {\\n      max-height: 88px;\\n    }\\n\\n    .clam-sponsors {\\n      min-height: 118vw;\\n    }\\n\\n    .clam-sponsors-content {\\n      justify-content: center;\\n      padding: 36px 28px 58px;\\n    }\\n\\n    .clam-countdown-piece {\\n      min-height: 92vw;\\n    }\\n\\n    .clam-countdown-piece-content {\\n      padding: 34px 20px 58px;\\n    }\\n  }\\n\\n  @media (prefers-reduced-motion: reduce) {\\n    .clam-home *,\\n    .clam-home *::before,\\n    .clam-home *::after {\\n      scroll-behavior: auto !important;\\n      transition-duration: .01ms !important;\\n      animation-duration: .01ms !important;\\n      animation-iteration-count: 1 !important;\\n    }\\n  }\\n\\n  .clam-cbmic-card{appearance:none;border:0;cursor:pointer;font:inherit;padding:0;text-align:inherit;width:100%}.clam-cbmic-card .clam-media{background:#f8f5ed}.clam-cbmic-card .clam-media img{object-position:center 28%}.clam-cbmic-card .clam-piece-overlay{background:linear-gradient(to top,rgba(8,31,25,.94) 0%,rgba(8,31,25,.57) 38%,rgba(8,31,25,.08) 76%)}.clam-cbmic-card .clam-title{display:block;font-size:clamp(25px,2.2vw,38px);letter-spacing:.02em}.clam-cbmic-card .clam-subtitle{display:block;margin:9px auto 0;max-width:330px}.clam-cbmic-card .clam-pill{pointer-events:none}.clam-cbmic-card:hover .clam-media img{transform:scale(1.045)}.clam-cbmic-card:focus-visible{outline:4px solid #d7b96f;outline-offset:-6px}\\n<\\\/style>\\n\\n<\/p>\n<section class=\\\"clam-home\\\" aria-label=\\\"Portada del XII Congreso Latinoamericano de Micolog\\u00eda\\\">\\n  <\/p>\n<div class=\\\"clam-main-grid\\\">\\n\\n    <!-- 1 \\u00b7 CARRUSEL DE HONGOS -->\\n    <\/p>\n<article class=\\\"clam-piece clam-arch\\\">\\n      <\/p>\n<div class=\\\"clam-media\\\" id=\\\"clam-slideshow\\\" aria-hidden=\\\"true\\\">\\n        <img src=\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/H001.png\\\" alt=\\\"\\\" class=\\\"active\\\">\\n        <img src=\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/H002.png\\\" alt=\\\"\\\">\\n        <img src=\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/H003.png\\\" alt=\\\"\\\">\\n        <img src=\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/H004.png\\\" alt=\\\"\\\">\\n        <img src=\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/H005.png\\\" alt=\\\"\\\">\\n        <img src=\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/H006.png\\\" alt=\\\"\\\">\\n        <img src=\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/H007.png\\\" alt=\\\"\\\">\\n        <img src=\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/H008.png\\\" alt=\\\"\\\">\\n        <img src=\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/H009.png\\\" alt=\\\"\\\">\\n        <img src=\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/H010.png\\\" alt=\\\"\\\">\\n        <img src=\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/H011.png\\\" alt=\\\"\\\">\\n      <\\\/div>\\n      <\/p>\n<div class=\\\"clam-piece-overlay\\\"><\\\/div>\\n      <\/p>\n<div class=\\\"clam-piece-content\\\">\\n        <\/p>\n<p class=\\\"clam-kicker\\\">El mundo de los hongos<\\\/p>\\n        <\/p>\n<h2 class=\\\"clam-title\\\">MICOLOG\\u00cdA<\\\/h2>\\n        <\/p>\n<p class=\\\"clam-subtitle\\\">Ciencia \\u00b7 Naturaleza \\u00b7 Futuro<\\\/p>\\n      <\\\/div>\\n    <\\\/article>\\n\\n    <!-- 2 \\u00b7 LOGOS DE LOS CONGRESOS -->\\n    <\/p>\n<article class=\\\"clam-piece clam-arch clam-arch--center\\\">\\n      <\/p>\n<div class=\\\"clam-center-bg\\\" aria-hidden=\\\"true\\\"><\\\/div>\\n      <\/p>\n<div class=\\\"clam-piece-overlay\\\"><\\\/div>\\n      <\/p>\n<div class=\\\"clam-piece-content clam-center-content\\\">\\n        <\/p>\n<div class=\\\"clam-central-rotator\\\" id=\\\"clam-central-rotator\\\">\\n          <\/p>\n<div class=\\\"clam-central-slide active\\\">\\n            <img\\n              class=\\\"clam-central-logo\\\"\\n              src=\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/EDIT_CLAM12.png\\\"\\n              alt=\\\"XII Congreso Latinoamericano de Micolog\\u00eda\\\">\\n            <\/p>\n<div class=\\\"clam-central-small\\\">XII Congreso Latinoamericano de Micolog\\u00eda<\\\/div>\\n          <\\\/div>\\n          <\/p>\n<div class=\\\"clam-central-slide\\\">\\n            <img\\n              class=\\\"clam-central-logo ecuador\\\"\\n              src=\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LOGO-ECUATORIANO-CONGRESO-scaled.png\\\"\\n              alt=\\\"Congreso Ecuatoriano de Micolog\\u00eda\\\">\\n            <\/p>\n<div class=\\\"clam-central-small\\\">Congreso Ecuatoriano de Micolog\\u00eda<\\\/div>\\n          <\\\/div>\\n        <\\\/div>\\n\\n      <\\\/div>\\n    <\\\/article>\\n\\n    <!-- 3 \\u00b7 PR\\u00d3XIMO ENCUENTRO: XI CBMIC 2027 -->\\n    <button class=\\\"clam-piece clam-arch clam-cbmic-card clam-announcement-reopen\\\" type=\\\"button\\\" aria-label=\\\"Abrir nuevamente el anuncio del XI Congreso Brasileiro de Micologia 2027\\\" aria-haspopup=\\\"dialog\\\" aria-controls=\\\"clam-announcement-modal\\\">\\n      <span class=\\\"clam-media\\\" aria-hidden=\\\"true\\\">\\n        <img src=\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/next.jpeg\\\" alt=\\\"\\\" class=\\\"active\\\">\\n      <\\\/span>\\n      <span class=\\\"clam-piece-overlay\\\" aria-hidden=\\\"true\\\"><\\\/span>\\n      <span class=\\\"clam-piece-content\\\">\\n        <span class=\\\"clam-kicker\\\">Pr\\u00f3ximo encuentro<\\\/span>\\n        <span class=\\\"clam-title\\\">XI CBMic 2027<\\\/span>\\n        <span class=\\\"clam-subtitle\\\">La micolog\\u00eda actual desde un enfoque integrado<br \/>19\\u201323 de julio \\u00b7 UNICAMP \\u00b7 Campinas<\\\/span>\\n        <span class=\\\"clam-pill\\\" aria-hidden=\\\"true\\\">Ver anuncio<\\\/span>\\n      <\\\/span>\\n    <\\\/button>\\n\\n    <!-- 4 \\u00b7 COORGANIZADOR DESTACADO -->\\n    <\/p>\n<article class=\\\"clam-piece clam-coorganizer\\\">\\n      <\/p>\n<div class=\\\"clam-coorganizer-inner\\\">\\n        <\/p>\n<div class=\\\"clam-coorganizer-copy\\\">\\n          <\/p>\n<p class=\\\"clam-kicker\\\">Evento coorganizado por<\\\/p>\\n          <\/p>\n<h2 class=\\\"clam-coorganizer-title\\\">Nuestra sede acad\\u00e9mica<\\\/h2>\\n          <a\\n            class=\\\"clam-pill\\\"\\n            href=\\\"https:\\\/\\\/clam12.com\\\/informacion\\\/informacion-general\\\/\\\"\\n            aria-label=\\\"Conocer la sede del congreso\\\">Conocer la sede<\\\/a>\\n        <\\\/div>\\n        <\/p>\n<div class=\\\"clam-coorganizer-logo-wrap\\\">\\n          <img\\n            class=\\\"clam-coorganizer-logo\\\"\\n            src=\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/AUSPICIANTE-14.png\\\"\\n            alt=\\\"Universidad Andina Sim\\u00f3n Bol\\u00edvar, Sede Ecuador\\\">\\n        <\\\/div>\\n      <\\\/div>\\n    <\\\/article>\\n\\n    <!-- 5 \\u00b7 CERTIFICADOS DISPONIBLES -->\\n    <\/p>\n<article class=\\\"clam-piece clam-sponsors\\\" style=\\\"background:linear-gradient(145deg,#f0c958 0%,#e9b83f 58%,#d99f2b 100%);\\\">\\n      <\/p>\n<div class=\\\"clam-piece-overlay\\\" style=\\\"background:linear-gradient(160deg,rgba(255,255,255,.18),rgba(255,255,255,0) 56%,rgba(87,56,20,.12));\\\"><\\\/div>\\n      <\/p>\n<div class=\\\"clam-sponsors-content\\\">\\n        <\/p>\n<p class=\\\"clam-kicker\\\">Certificados XII CLAM 2026<\\\/p>\\n        <\/p>\n<h2 class=\\\"clam-sponsors-title\\\">Certificados<br \/>disponibles<\\\/h2>\\n        <\/p>\n<p class=\\\"clam-subtitle\\\" style=\\\"max-width:420px;margin:12px auto 16px;line-height:1.35;\\\">\\n          Consulta y descarga tus certificados de asistencia, participaci\\u00f3n acad\\u00e9mica y talleres precongreso.\\n        <\\\/p>\\n        <a\\n          class=\\\"clam-pill\\\"\\n          href=\\\"https:\\\/\\\/clam12.com\\\/certificados\\\/\\\"\\n          aria-label=\\\"Consultar y descargar certificados del XII CLAM 2026\\\">Consultar certificados<\\\/a>\\n      <\\\/div>\\n    <\\\/article>\\n\\n    <!-- 6 \\u00b7 FUNGA LATINA -->\\n    <\/p>\n<article class=\\\"clam-piece clam-countdown-piece\\\">\\n      <\/p>\n<div class=\\\"clam-countdown-piece-content\\\" style=\\\"justify-content:flex-start;padding-top:44px;\\\">\\n        <\/p>\n<p class=\\\"clam-kicker\\\">N\\u00famero especial XII CLAM<\\\/p>\\n        <\/p>\n<h2 class=\\\"clam-countdown-heading\\\">Publica tu investigaci\\u00f3n en Funga Latina<\\\/h2>\\n        <\/p>\n<p class=\\\"clam-subtitle\\\">\\n          Env\\u00eda tu investigaci\\u00f3n o resumen extendido y ampl\\u00eda el alcance de tu trabajo m\\u00e1s all\\u00e1 del congreso.\\n        <\\\/p>\\n        <a\\n          class=\\\"clam-pill\\\"\\n          href=\\\"https:\\\/\\\/clam12.com\\\/funga-latina\\\/\\\"\\n          aria-label=\\\"Ver la convocatoria especial de Funga Latina y enviar una contribuci\\u00f3n\\\"\\n        >Ver convocatoria<\\\/a>\\n      <\\\/div>\\n    <\\\/article>\\n\\n\\n\\n  <\\\/div>\\n<\\\/section>\\n\\n<script>\\n  (function () {\\n    \\\"use strict\\\";\\n\\n    \\\/* Evita duplicar temporizadores si Elementor vuelve a inicializar el widget. *\\\/\\n    var root = document.querySelector(\\\".clam-home\\\");\\n    if (!root || root.getAttribute(\\\"data-clam-ready\\\") === \\\"true\\\") {\\n      return;\\n    }\\n    root.setAttribute(\\\"data-clam-ready\\\", \\\"true\\\");\\n\\n    \\\/* Funci\\u00f3n reutilizable para los carruseles. *\\\/\\n    function startCarousel(selector, interval, onChange) {\\n      var slides = root.querySelectorAll(selector);\\n      if (!slides.length) return;\\n\\n      var current = 0;\\n      window.setInterval(function () {\\n        slides[current].classList.remove(\\\"active\\\");\\n        current = (current + 1) % slides.length;\\n        slides[current].classList.add(\\\"active\\\");\\n        if (onChange) onChange(current);\\n      }, interval);\\n    }\\n\\n    startCarousel(\\\"#clam-slideshow img\\\", 2000);\\n    startCarousel(\\\"#clam-flyer-slideshow img\\\", 3500, function (current) {\\n      var dots = root.querySelectorAll(\\\".clam-carousel-dot\\\");\\n      dots.forEach(function (dot, index) {\\n        dot.classList.toggle(\\\"active\\\", index === current);\\n      });\\n    });\\n\\n    \\\/* ROTADOR CENTRAL: conserva las duraciones originales. *\\\/\\n    var centralSlides = root.querySelectorAll(\\n      \\\"#clam-central-rotator .clam-central-slide\\\"\\n    );\\n    var centralDurations = [3000, 3000];\\n\\n    if (centralSlides.length) {\\n      var centralCurrent = 0;\\n\\n      function rotateCentral() {\\n        centralSlides[centralCurrent].classList.remove(\\\"active\\\");\\n        centralCurrent = (centralCurrent + 1) % centralSlides.length;\\n        centralSlides[centralCurrent].classList.add(\\\"active\\\");\\n        window.setTimeout(rotateCentral, centralDurations[centralCurrent]);\\n      }\\n\\n      window.setTimeout(rotateCentral, centralDurations[centralCurrent]);\\n    }\\n  }());\\n<\\\/script>\\n\\n\\n<!-- ANUNCIO EMERGENTE \\u00b7 XI CBMIC 2027 -->\\n<\/p>\n<style>\\n  body.clam-announcement-open{overflow:hidden}\\n  .clam-announcement-modal[hidden]{display:none!important}\\n  .clam-announcement-modal{align-items:center;background:rgba(8,25,20,.84);backdrop-filter:blur(7px);display:flex;inset:0;justify-content:center;opacity:0;padding:24px;position:fixed;transition:opacity .24s ease,visibility .24s ease;visibility:hidden;z-index:2147483000}\\n  .clam-announcement-modal.is-open{opacity:1;visibility:visible}\\n  .clam-announcement-dialog{max-height:calc(100vh - 48px);max-width:calc(100vw - 48px);position:relative;transform:translateY(12px) scale(.985);transition:transform .24s ease}\\n  .clam-announcement-modal.is-open .clam-announcement-dialog{transform:none}\\n  .clam-announcement-image{background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.48);display:block;height:auto;max-height:calc(100vh - 48px);max-width:min(720px,calc(100vw - 48px));object-fit:contain;width:auto}\\n  .clam-announcement-close{align-items:center;background:#fff;border:0;border-radius:50%;box-shadow:0 5px 18px rgba(0,0,0,.3);color:#15362d;cursor:pointer;display:flex;font:700 28px\\\/1 Arial,sans-serif;height:46px;justify-content:center;padding:0;position:absolute;right:-17px;top:-17px;width:46px;z-index:2}\\n  .clam-announcement-close:hover{background:#e9b93f;transform:scale(1.06)}\\n  .clam-announcement-close:focus-visible{outline:3px solid #e9b93f;outline-offset:3px}\\n  @media(max-width:640px){.clam-announcement-modal{padding:15px}.clam-announcement-dialog{max-height:calc(100vh - 30px);max-width:calc(100vw - 30px)}.clam-announcement-image{border-radius:13px;max-height:calc(100vh - 30px);max-width:calc(100vw - 30px)}.clam-announcement-close{height:42px;right:-8px;top:-8px;width:42px}}\\n  @media(prefers-reduced-motion:reduce){.clam-announcement-modal,.clam-announcement-dialog{transition:none}}\\n<\\\/style>\\n\\n<\/p>\n<div class=\\\"clam-announcement-modal\\\" id=\\\"clam-announcement-modal\\\" role=\\\"dialog\\\" aria-modal=\\\"true\\\" aria-label=\\\"Anuncio del XI Congreso Brasileiro de Micologia 2027\\\" hidden>\\n  <\/p>\n<div class=\\\"clam-announcement-dialog\\\">\\n    <button class=\\\"clam-announcement-close\\\" type=\\\"button\\\" aria-label=\\\"Cerrar anuncio\\\">&times;<\\\/button>\\n    <img class=\\\"clam-announcement-image\\\" src=\\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/next.jpeg\\\" alt=\\\"Anuncio del XI Congreso Brasileiro de Micologia, del 19 al 23 de julio de 2027 en UNICAMP, Brasil\\\" width=\\\"1280\\\" height=\\\"1600\\\">\\n  <\\\/div>\\n<\\\/div>\\n\\n<script>\\n(() => {\\n  const modal = document.getElementById('clam-announcement-modal');\\n  if (!modal) return;\\n  const closeButton = modal.querySelector('.clam-announcement-close');\\n  const reopenButtons = document.querySelectorAll('.clam-announcement-reopen');\\n  let closingTimer;\\n  let previousFocus = null;\\n\\n  const openModal = event => {\\n    clearTimeout(closingTimer);\\n    previousFocus = event && event.currentTarget ? event.currentTarget : document.activeElement;\\n    modal.hidden = false;\\n    document.body.classList.add('clam-announcement-open');\\n    requestAnimationFrame(() => {\\n      modal.classList.add('is-open');\\n      closeButton.focus({preventScroll:true});\\n    });\\n  };\\n\\n  const closeModal = () => {\\n    modal.classList.remove('is-open');\\n    document.body.classList.remove('clam-announcement-open');\\n    closingTimer = setTimeout(() => {\\n      modal.hidden = true;\\n      if (previousFocus && typeof previousFocus.focus === 'function' && previousFocus !== document.body) previousFocus.focus({preventScroll:true});\\n    }, 240);\\n  };\\n\\n  closeButton.addEventListener('click', closeModal);\\n  reopenButtons.forEach(button => button.addEventListener('click', openModal));\\n  modal.addEventListener('click', event => { if (event.target === modal) closeModal(); });\\n  document.addEventListener('keydown', event => { if (event.key === 'Escape' && modal.classList.contains('is-open')) closeModal(); });\\n\\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', () => openModal(), {once:true});\\n  else openModal();\\n})();\\n<\\\/script>\"}}]}]}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"padding\":\"xsmall\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"xlarge\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<\/p>\n<style>\\n\\\/* =========================================================\\n   SECCI\\u00d3N DE AUSPICIANTES \\u2014 EFECTO DE PROFUNDIDAD\\n   ========================================================= *\\\/\\n\\n.sponsors-section {\\n  --section-bg: #f5f4f1;\\n  --text-color: #2d2d2d;\\n\\n  position: relative;\\n  left: 50%;\\n  width: 100vw;\\n  max-width: 100vw;\\n  height: clamp(640px, 82vh, 900px);\\n  min-height: 640px;\\n  margin-left: -50vw;\\n  overflow: hidden;\\n  isolation: isolate;\\n  box-sizing: border-box;\\n\\n  display: grid;\\n  place-items: center;\\n\\n  background:\\n    radial-gradient(\\n      circle at 50% 50%,\\n      rgba(255, 255, 255, 0.68) 0%,\\n      rgba(255, 255, 255, 0.24) 24%,\\n      rgba(245, 244, 241, 0) 54%\\n    ),\\n    var(--section-bg);\\n}\\n\\n\\\/* Suaviza la llegada de los logos a los bordes *\\\/\\n.sponsors-section::after {\\n  content: \\\"\\\";\\n  position: absolute;\\n  inset: 0;\\n  z-index: 3;\\n  pointer-events: none;\\n\\n  background:\\n    linear-gradient(\\n      to right,\\n      var(--section-bg) 0%,\\n      transparent 7%,\\n      transparent 93%,\\n      var(--section-bg) 100%\\n    ),\\n    linear-gradient(\\n      to bottom,\\n      var(--section-bg) 0%,\\n      transparent 8%,\\n      transparent 92%,\\n      var(--section-bg) 100%\\n    );\\n}\\n\\n\\\/* =========================================================\\n   ESCENA 3D\\n   ========================================================= *\\\/\\n\\n.sponsors-stage {\\n  position: absolute;\\n  inset: 0;\\n  z-index: 1;\\n  overflow: hidden;\\n\\n  perspective: 850px;\\n  perspective-origin: 50% 50%;\\n  transform-style: preserve-3d;\\n\\n  pointer-events: none;\\n}\\n\\n.sponsor-logo {\\n  position: absolute;\\n  top: 50%;\\n  left: 50%;\\n\\n  width: var(--logo-width, 110px);\\n  height: 80px;\\n\\n  display: grid;\\n  place-items: center;\\n\\n  opacity: 0;\\n  transform-origin: center;\\n  transform-style: preserve-3d;\\n\\n  animation-name: sponsorApproach;\\n  animation-duration: var(--duration, 15s);\\n  animation-delay: var(--delay, 0s);\\n  animation-timing-function: linear;\\n  animation-iteration-count: infinite;\\n  animation-fill-mode: both;\\n\\n  will-change: transform, opacity;\\n  backface-visibility: hidden;\\n  pointer-events: none;\\n}\\n\\n.sponsor-logo img {\\n  display: block;\\n  width: 100%;\\n  height: 100%;\\n  max-width: 100%;\\n  max-height: 100%;\\n\\n  object-fit: contain;\\n\\n  filter:\\n    grayscale(10%)\\n    drop-shadow(0 5px 12px rgba(25, 25, 25, 0.08));\\n\\n  opacity: 0.92;\\n  backface-visibility: hidden;\\n}\\n\\n\\\/*\\n  El logo:\\n  1. Nace lejos, en el centro.\\n  2. Avanza parcialmente hacia su destino.\\n  3. Se acerca a c\\u00e1mara, crece y desaparece.\\n*\\\/\\n@keyframes sponsorApproach {\\n  0% {\\n    opacity: 0;\\n\\n    transform:\\n      translate(-50%, -50%)\\n      translate3d(0, 0, -1100px)\\n      rotate(0deg)\\n      scale(0.46);\\n  }\\n\\n  10% {\\n    opacity: 0.14;\\n  }\\n\\n  24% {\\n    opacity: 0.72;\\n  }\\n\\n  58% {\\n    opacity: 0.92;\\n\\n    transform:\\n      translate(-50%, -50%)\\n      translate3d(\\n        var(--x-middle, 0px),\\n        var(--y-middle, 0px),\\n        -180px\\n      )\\n      rotate(var(--rotation-middle, 0deg))\\n      scale(0.88);\\n  }\\n\\n  78% {\\n    opacity: 0.88;\\n\\n    transform:\\n      translate(-50%, -50%)\\n      translate3d(\\n        var(--x-near, 0px),\\n        var(--y-near, 0px),\\n        40px\\n      )\\n      rotate(var(--rotation-near, 0deg))\\n      scale(1);\\n  }\\n\\n  92% {\\n    opacity: 0.48;\\n  }\\n\\n  100% {\\n    opacity: 0;\\n\\n    transform:\\n      translate(-50%, -50%)\\n      translate3d(\\n        var(--x-end, 0px),\\n        var(--y-end, 0px),\\n        430px\\n      )\\n      rotate(var(--rotation-end, 0deg))\\n      scale(1.14);\\n  }\\n}\\n\\n\\\/* Pausa autom\\u00e1tica cuando la secci\\u00f3n no est\\u00e1 visible *\\\/\\n.sponsors-stage.is-paused .sponsor-logo {\\n  animation-play-state: paused;\\n}\\n\\n\\\/* =========================================================\\n   TEXTO CENTRAL\\n   ========================================================= *\\\/\\n\\n.sponsors-center-text {\\n  position: relative;\\n  z-index: 10;\\n\\n  width: min(620px, calc(100% - 48px));\\n  padding: 42px 34px;\\n  box-sizing: border-box;\\n\\n  text-align: center;\\n  pointer-events: none;\\n}\\n\\n\\\/* Halo para conservar la legibilidad *\\\/\\n.sponsors-center-text::before {\\n  content: \\\"\\\";\\n  position: absolute;\\n  z-index: -1;\\n  top: 50%;\\n  left: 50%;\\n\\n  width: 130%;\\n  height: 170%;\\n\\n  transform: translate(-50%, -50%);\\n\\n  background: radial-gradient(\\n    ellipse at center,\\n    rgba(245, 244, 241, 0.97) 0%,\\n    rgba(245, 244, 241, 0.87) 38%,\\n    rgba(245, 244, 241, 0.28) 69%,\\n    transparent 78%\\n  );\\n}\\n\\n.sponsors-center-text p {\\n  margin: 0 0 15px;\\n\\n  font-family: Arial, Helvetica, sans-serif;\\n  font-size: 0.7rem;\\n  font-weight: 400;\\n  line-height: 1.4;\\n\\n  color: rgba(45, 45, 45, 0.48);\\n\\n  letter-spacing: 0.22em;\\n  text-transform: uppercase;\\n}\\n\\n.sponsors-center-text h2 {\\n  margin: 0;\\n\\n  font-family: Georgia, \\\"Times New Roman\\\", serif;\\n  font-size: clamp(1.45rem, 2.35vw, 2.45rem);\\n  font-weight: 700;\\n  line-height: 1.04;\\n\\n  color: var(--text-color);\\n\\n  letter-spacing: 1.25px;\\n  text-transform: uppercase;\\n  text-wrap: balance;\\n}\\n\\n\\\/* Grilla alternativa para movimiento reducido *\\\/\\n.sponsors-static-grid {\\n  display: none;\\n}\\n\\n\\\/* =========================================================\\n   TABLET\\n   ========================================================= *\\\/\\n\\n@media (max-width: 1024px) {\\n  .sponsors-section {\\n    height: clamp(620px, 78vh, 780px);\\n    min-height: 620px;\\n  }\\n\\n  .sponsors-stage {\\n    perspective: 760px;\\n  }\\n\\n  .sponsors-center-text {\\n    width: min(570px, calc(100% - 40px));\\n  }\\n}\\n\\n\\\/* =========================================================\\n   M\\u00d3VIL\\n   ========================================================= *\\\/\\n\\n@media (max-width: 768px) {\\n  .sponsors-section {\\n    left: auto;\\n    width: 100%;\\n    max-width: 100%;\\n    height: max(650px, 88svh);\\n    min-height: 650px;\\n    margin-left: 0;\\n  }\\n\\n  .sponsors-stage {\\n    perspective: 650px;\\n  }\\n\\n  .sponsors-center-text {\\n    width: calc(100% - 34px);\\n    max-width: 440px;\\n    padding: 32px 18px;\\n  }\\n\\n  .sponsors-center-text::before {\\n    width: 125%;\\n    height: 165%;\\n  }\\n\\n  .sponsors-center-text p {\\n    margin-bottom: 12px;\\n    font-size: 0.62rem;\\n    letter-spacing: 0.18em;\\n  }\\n\\n  .sponsors-center-text h2 {\\n    font-size: clamp(1.35rem, 6.2vw, 1.9rem);\\n    line-height: 1.05;\\n    letter-spacing: 0.7px;\\n  }\\n\\n  .sponsor-logo {\\n    height: 60px;\\n  }\\n}\\n\\n@media (max-width: 420px) {\\n  .sponsors-section {\\n    height: max(620px, 86svh);\\n    min-height: 620px;\\n  }\\n\\n  .sponsors-center-text {\\n    width: calc(100% - 24px);\\n    padding-inline: 10px;\\n  }\\n\\n  .sponsors-center-text h2 {\\n    font-size: clamp(1.28rem, 6.5vw, 1.7rem);\\n  }\\n}\\n\\n\\\/* =========================================================\\n   ACCESIBILIDAD: MOVIMIENTO REDUCIDO\\n   ========================================================= *\\\/\\n\\n@media (prefers-reduced-motion: reduce) {\\n  .sponsors-section {\\n    left: auto;\\n    width: 100%;\\n    height: auto;\\n    min-height: 0;\\n    margin-left: 0;\\n    padding: 64px 22px;\\n    overflow: visible;\\n  }\\n\\n  .sponsors-stage {\\n    display: none;\\n  }\\n\\n  .sponsors-center-text {\\n    width: min(620px, 100%);\\n    padding: 0;\\n    margin-bottom: 44px;\\n  }\\n\\n  .sponsors-center-text::before {\\n    display: none;\\n  }\\n\\n  .sponsors-static-grid {\\n    position: relative;\\n    z-index: 10;\\n\\n    display: grid;\\n    grid-template-columns: repeat(4, minmax(0, 1fr));\\n    align-items: center;\\n    justify-items: center;\\n\\n    width: min(850px, 100%);\\n    gap: 30px 24px;\\n  }\\n\\n  .sponsors-static-grid img {\\n    display: block;\\n    width: auto;\\n    height: auto;\\n    max-width: 120px;\\n    max-height: 74px;\\n    object-fit: contain;\\n  }\\n}\\n\\n@media (prefers-reduced-motion: reduce) and (max-width: 600px) {\\n  .sponsors-static-grid {\\n    grid-template-columns: repeat(2, minmax(0, 1fr));\\n  }\\n}\\n<\\\/style>\\n\\n<section\\n  class=\\\"sponsors-section\\\"\\n  id=\\\"sponsors-floema\\\"\\n  aria-labelledby=\\\"sponsors-title\\\"\\n>\\n  <\/p>\n<div class=\\\"sponsors-stage\\\" aria-hidden=\\\"true\\\"><\\\/div>\\n\\n  <\/p>\n<div class=\\\"sponsors-center-text\\\">\\n    <\/p>\n<p>Con el apoyo de<\\\/p>\\n\\n    <\/p>\n<h2 id=\\\"sponsors-title\\\">\\n      Gracias a las instituciones<br \/>\\n      y organizaciones que hacen posible<br \/>\\n      este congreso\\n    <\\\/h2>\\n  <\\\/div>\\n\\n  <div\\n    class=\\\"sponsors-static-grid\\\"\\n    aria-label=\\\"Instituciones y organizaciones auspiciantes\\\"\\n  ><\\\/div>\\n<\\\/section>\\n\\n<script>\\n(function () {\\n  \\\"use strict\\\";\\n\\n  var container = document.getElementById(\\\"sponsors-floema\\\");\\n\\n  if (!container || container.dataset.sponsorsInitialized === \\\"true\\\") {\\n    return;\\n  }\\n\\n  container.dataset.sponsorsInitialized = \\\"true\\\";\\n\\n  var stage = container.querySelector(\\\".sponsors-stage\\\");\\n  var staticGrid = container.querySelector(\\\".sponsors-static-grid\\\");\\n\\n  var baseUrl =\\n    \\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/\\\";\\n\\n  var logos = [\\n    baseUrl + \\\"AUSPICIANTE-1.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-2.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-3.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-4.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-5.png\\\",\\n\\n    \\\/* Reemplazo del auspiciante 6 *\\\/\\n    \\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/AUSPICIANTE-21-scaled.png\\\",\\n\\n    baseUrl + \\\"AUSPICIANTE-7.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-8.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-9.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-10.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-11.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-12.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-13.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-14.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-15.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-16.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-17.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-18.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-19.png\\\",\\n    baseUrl + \\\"AUSPICIANTE-20.png\\\",\\n\\n    \\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/AUSPICIANTE-22.png\\\",\\n\\n    \\\/* Nuevos auspiciantes *\\\/\\n    \\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Auspiciante_32.png\\\",\\n    \\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Auspiciante_34.png\\\",\\n    \\\"https:\\\/\\\/clam12.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/FIL_001.png\\\"\\n  ];\\n\\n  var animatedItems = [];\\n  var goldenAngle = 137.508;\\n\\n  function createAnimatedLogos() {\\n    var fragment = document.createDocumentFragment();\\n\\n    logos.forEach(function (src, index) {\\n      var wrapper = document.createElement(\\\"div\\\");\\n      var image = document.createElement(\\\"img\\\");\\n\\n      wrapper.className = \\\"sponsor-logo\\\";\\n\\n      image.src = src;\\n      image.alt = \\\"\\\";\\n      image.loading = index < 6 ? \\\"eager\\\" : \\\"lazy\\\";\\n      image.decoding = \\\"async\\\";\\n      image.draggable = false;\\n\\n      image.onerror = function () {\\n        wrapper.style.display = \\\"none\\\";\\n      };\\n\\n      wrapper.appendChild(image);\\n      fragment.appendChild(wrapper);\\n      animatedItems.push(wrapper);\\n    });\\n\\n    stage.appendChild(fragment);\\n  }\\n\\n  function createStaticGrid() {\\n    var fragment = document.createDocumentFragment();\\n\\n    logos.forEach(function (src) {\\n      var image = document.createElement(\\\"img\\\");\\n\\n      image.src = src;\\n      image.alt =\\n        \\\"Instituci\\u00f3n u organizaci\\u00f3n auspiciante\\\";\\n\\n      image.loading = \\\"lazy\\\";\\n      image.decoding = \\\"async\\\";\\n\\n      image.onerror = function () {\\n        image.style.display = \\\"none\\\";\\n      };\\n\\n      fragment.appendChild(image);\\n    });\\n\\n    staticGrid.appendChild(fragment);\\n  }\\n\\n  function positionLogos() {\\n    var rect = container.getBoundingClientRect();\\n    var width = rect.width;\\n    var height = rect.height;\\n    var isMobile = width <= 768;\\n\\n    var duration = isMobile ? 18 : 15.5;\\n\\n    var desktopWidths = [\\n      82,\\n      108,\\n      94,\\n      126,\\n      76,\\n      116,\\n      88\\n    ];\\n\\n    var mobileWidths = [\\n      48,\\n      62,\\n      54,\\n      70,\\n      50,\\n      66,\\n      58\\n    ];\\n\\n    animatedItems.forEach(function (item, index) {\\n      var angleDegrees =\\n        (\\n          index * goldenAngle +\\n          14 +\\n          (index % 3) * 7\\n        ) % 360;\\n\\n      var angle =\\n        angleDegrees * Math.PI \\\/ 180;\\n\\n      var directionX = Math.cos(angle);\\n      var directionY = Math.sin(angle);\\n\\n      var endX =\\n        directionX *\\n        width *\\n        (isMobile ? 0.63 : 0.60);\\n\\n      var endY =\\n        directionY *\\n        height *\\n        (isMobile ? 0.59 : 0.62);\\n\\n      var middleX = endX * 0.36;\\n      var middleY = endY * 0.36;\\n\\n      var nearX = endX * 0.69;\\n      var nearY = endY * 0.69;\\n\\n      var rotation =\\n        ((index * 11) % 17) - 8;\\n\\n      var widths =\\n        isMobile\\n          ? mobileWidths\\n          : desktopWidths;\\n\\n      var logoWidth =\\n        widths[index % widths.length];\\n\\n      var delay =\\n        -(\\n          index *\\n          duration \\\/\\n          animatedItems.length\\n        );\\n\\n      item.style.setProperty(\\n        \\\"--x-middle\\\",\\n        middleX.toFixed(1) + \\\"px\\\"\\n      );\\n\\n      item.style.setProperty(\\n        \\\"--y-middle\\\",\\n        middleY.toFixed(1) + \\\"px\\\"\\n      );\\n\\n      item.style.setProperty(\\n        \\\"--x-near\\\",\\n        nearX.toFixed(1) + \\\"px\\\"\\n      );\\n\\n      item.style.setProperty(\\n        \\\"--y-near\\\",\\n        nearY.toFixed(1) + \\\"px\\\"\\n      );\\n\\n      item.style.setProperty(\\n        \\\"--x-end\\\",\\n        endX.toFixed(1) + \\\"px\\\"\\n      );\\n\\n      item.style.setProperty(\\n        \\\"--y-end\\\",\\n        endY.toFixed(1) + \\\"px\\\"\\n      );\\n\\n      item.style.setProperty(\\n        \\\"--rotation-middle\\\",\\n        (rotation * 0.25).toFixed(2) + \\\"deg\\\"\\n      );\\n\\n      item.style.setProperty(\\n        \\\"--rotation-near\\\",\\n        (rotation * 0.65).toFixed(2) + \\\"deg\\\"\\n      );\\n\\n      item.style.setProperty(\\n        \\\"--rotation-end\\\",\\n        rotation.toFixed(2) + \\\"deg\\\"\\n      );\\n\\n      item.style.setProperty(\\n        \\\"--logo-width\\\",\\n        logoWidth + \\\"px\\\"\\n      );\\n\\n      item.style.setProperty(\\n        \\\"--duration\\\",\\n        duration + \\\"s\\\"\\n      );\\n\\n      item.style.setProperty(\\n        \\\"--delay\\\",\\n        delay.toFixed(3) + \\\"s\\\"\\n      );\\n    });\\n  }\\n\\n  createAnimatedLogos();\\n  createStaticGrid();\\n  positionLogos();\\n\\n  var resizeTimer;\\n\\n  window.addEventListener(\\n    \\\"resize\\\",\\n    function () {\\n      window.clearTimeout(resizeTimer);\\n\\n      resizeTimer = window.setTimeout(\\n        function () {\\n          positionLogos();\\n        },\\n        180\\n      );\\n    },\\n    { passive: true }\\n  );\\n\\n  if (\\\"IntersectionObserver\\\" in window) {\\n    var observer = new IntersectionObserver(\\n      function (entries) {\\n        entries.forEach(function (entry) {\\n          stage.classList.toggle(\\n            \\\"is-paused\\\",\\n            !entry.isIntersecting\\n          );\\n        });\\n      },\\n      {\\n        threshold: 0.02\\n      }\\n    );\\n\\n    observer.observe(container);\\n  }\\n\\n  document.addEventListener(\\n    \\\"visibilitychange\\\",\\n    function () {\\n      stage.classList.toggle(\\n        \\\"is-paused\\\",\\n        document.hidden\\n      );\\n    }\\n  );\\n})();\\n<\\\/script>\"}}]}]}]},{\"type\":\"section\",\"props\":{\"css\":\".el-section{\\n\\tbackground-color: #C29F78;\\n}\\n\",\"image_position\":\"center-center\",\"padding\":\"xsmall\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"padding\":\"xsmall\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"xlarge\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]}]}],\"version\":\"4.5.32\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El mundo de los hongos MICOLOG\u00cdA Ciencia \u00b7 Naturaleza \u00b7 Futuro XII Congreso Latinoamericano de Micolog\u00eda Congreso Ecuatoriano de Micolog\u00eda Pr\u00f3ximo encuentro XI CBMic 2027 La micolog\u00eda actual desde un enfoque integrado19\u201323 de julio \u00b7 UNICAMP \u00b7 Campinas Ver anuncio Evento coorganizado por Nuestra sede acad\u00e9mica Conocer la sede Certificados XII CLAM 2026 Certificadosdisponibles Consulta [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":8,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pmpro_default_level":"","footnotes":""},"class_list":["post-1","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/clam12.com\/pt\/wp-json\/wp\/v2\/pages\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clam12.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clam12.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clam12.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clam12.com\/pt\/wp-json\/wp\/v2\/comments?post=1"}],"version-history":[{"count":264,"href":"https:\/\/clam12.com\/pt\/wp-json\/wp\/v2\/pages\/1\/revisions"}],"predecessor-version":[{"id":5063,"href":"https:\/\/clam12.com\/pt\/wp-json\/wp\/v2\/pages\/1\/revisions\/5063"}],"wp:attachment":[{"href":"https:\/\/clam12.com\/pt\/wp-json\/wp\/v2\/media?parent=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}