/* =====================================================
         BASE Y VARIABLES GLOBALES
         ===================================================== */

      html {
  scroll-behavior: smooth;
}

html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

      *,
      *::before,
      *::after {
        box-sizing: border-box;
      }

      #lyf-conversatorio {

        --azul:#0b2d4d;
        --azul2:#304977;
        --celeste:#66b7e7;
        --celeste2:#dff3ff;
        --crema:#f7f0df;
        --crema2:#fcf5e7;
        --oro:#d8b37e;
        --oro2:#c89a3d;
        --tinta:#102538;
        --blanco:#ffffff;

        display:block;
        width:100%;
        max-width:none;

        margin:0;
        padding:0;

        font-family:
          Inter,
          ui-sans-serif,
          system-ui,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          sans-serif;

        font-size:16px;
        font-weight:400;
        line-height:1.4;

        color:var(--tinta);

        background:
          radial-gradient(
            circle at 20% 0%,
            rgba(102,183,231,.15),
            transparent 34%
          ),
          linear-gradient(
            180deg,
            #fff 0%,
            #f7fbff 48%,
            #eef7fc 100%
          );

        overflow:hidden;
      }


      #lyf-conversatorio div,
      #lyf-conversatorio section,
      #lyf-conversatorio header,
      #lyf-conversatorio footer {
        box-sizing:border-box;
      }


      #lyf-conversatorio h1,
      #lyf-conversatorio h2,
      #lyf-conversatorio h3,
      #lyf-conversatorio h4,
      #lyf-conversatorio p {
        padding:0;
      }


      #lyf-conversatorio a {
        text-decoration:none;
        color:inherit;
      }


      #lyf-conversatorio button {
        font-family:inherit;
      }


      #lyf-conversatorio .wrap {
        width:min(1120px,92%);
        margin:0 auto;
      }


      /* =====================================================
         CABECERA INSTITUCIONAL
         ===================================================== */

      #lyf-conversatorio .brandbar {

        position:relative;
        z-index:20;

        width:100%;

        background:#ffffff;

        border-bottom:1px solid #dbe9f2;

        box-shadow:
          0 5px 20px
          rgba(0,0,0,.06);
      }


      #lyf-conversatorio .brandbar-inner {

        min-height:96px;

        display:flex;
        align-items:center;
        justify-content:center;

        gap:18px;

        padding:12px 0;
      }


      #lyf-conversatorio .logo-link {

        display:flex;
        align-items:center;
        justify-content:center;

        flex-shrink:0;
      }


      #lyf-conversatorio .logo {

        display:block;

        width:auto;
        height:70px;

        max-width:150px;

        object-fit:contain;
      }


      #lyf-conversatorio .brand-name {

        display:flex;
        flex-direction:column;

        justify-content:center;

        line-height:1.08;
      }


      #lyf-conversatorio .brand-small {

        color:#49677d;

        font-size:.86rem;

        font-weight:600;

        letter-spacing:.02em;

        margin-bottom:5px;
      }


      #lyf-conversatorio .brand-main {

        color:var(--azul);

        font-family:
          Georgia,
          "Times New Roman",
          serif;

        font-size:
          clamp(
            1.2rem,
            2vw,
            1.68rem
          );

        font-weight:700;
      }


      #lyf-conversatorio .eyebrow {

        font-size:.78rem;

        letter-spacing:.26em;

        text-transform:uppercase;

        font-weight:800;

        color:var(--celeste);
      }


      /* =====================================================
         BOTONES
         ===================================================== */

      #lyf-conversatorio .btn {

        appearance:none;
        -webkit-appearance:none;

        display:inline-flex;

        align-items:center;
        justify-content:center;

        gap:10px;

        padding:
          14px
          22px;

        margin:0;

        border-radius:999px;

        font-family:inherit;

        font-size:15px;

        font-weight:800;

        line-height:1.2;

        border:
          1px
          solid
          transparent;

        cursor:pointer;

        text-decoration:none;

        transition:
          transform .2s ease,
          background .2s ease,
          box-shadow .2s ease;
      }


      #lyf-conversatorio .btn-primary {

        background:
          linear-gradient(
            90deg,
            var(--celeste),
            #8ed2f5
          );

        color:#06233b;

        box-shadow:
          0 12px 30px
          rgba(0,0,0,.22);
      }


      #lyf-conversatorio .btn-primary:hover {

        transform:
          translateY(-2px);

        color:#06233b;
      }


      #lyf-conversatorio .btn-outline {

        border-color:
          rgba(255,255,255,.35);

        color:white;

        background:
          rgba(255,255,255,.05);
      }


      #lyf-conversatorio .btn-outline:hover {

        background:
          rgba(255,255,255,.13);

        transform:
          translateY(-2px);
      }


      /* =====================================================
         HERO
         ===================================================== */

      #lyf-conversatorio .hero {

        min-height:100svh;

        color:white;

        background:

          linear-gradient(
            rgba(7,26,46,.20),
            rgba(7,26,46,.88)
          ),

          linear-gradient(
            120deg,
            #0b2d4d 0%,
            #164a74 55%,
            #5faedb 100%
          );

        position:relative;

        display:flex;

        align-items:center;

        overflow:hidden;
      }


      #lyf-conversatorio .hero::before,
      #lyf-conversatorio .hero::after {

        content:"";

        position:absolute;

        width:46vw;
        height:46vw;

        border-radius:50%;

        border:
          1px solid
          rgba(255,255,255,.12);
      }


      #lyf-conversatorio .hero::before {

        right:-16vw;
        top:-10vw;
      }


      #lyf-conversatorio .hero::after {

        left:-20vw;
        bottom:-20vw;
      }


      #lyf-conversatorio .sunburst {

        position:absolute;

        right:4%;
        top:14%;

        width:250px;
        height:250px;

        border-radius:50%;

        background:

          repeating-conic-gradient(
            from 0deg,

            rgba(200,154,61,.40)
            0deg
            3deg,

            transparent
            3deg
            11deg
          );

        opacity:.7;
      }


      #lyf-conversatorio .hero-inner {

        position:relative;

        z-index:2;

        padding:
          100px
          0
          85px;
      }


      #lyf-conversatorio .hero-grid {

        display:grid;

        grid-template-columns:
          1.2fr
          .8fr;

        gap:56px;

        align-items:center;
      }


      #lyf-conversatorio .hero h1 {

        margin:
          14px
          0
          18px;

        font-family:
          Georgia,
          "Times New Roman",
          serif;

        font-size:
          clamp(
            3rem,
            7vw,
            4rem
          );

        font-weight:700;

        line-height:.9;

        letter-spacing:-.045em;

        color:#ffffff;
      }


      #lyf-conversatorio .hero h1 span {

        color:#bfe8ff;
      }


      #lyf-conversatorio .lead {

        font-size:
          clamp(
            1.1rem,
            2vw,
            1.35rem
          );

        line-height:1.55;

        max-width:690px;

        color:#e8f6ff;

        margin:0;
      }


      #lyf-conversatorio .hero-actions {

        display:flex;

        gap:12px;

        flex-wrap:wrap;

        margin-top:30px;
      }


      /* =====================================================
         FRASE
         ===================================================== */

      #lyf-conversatorio .quote-card {

        background:
          rgba(255,255,255,.08);

        border:
          1px solid
          rgba(255,255,255,.22);

        backdrop-filter:
          blur(10px);

        -webkit-backdrop-filter:
          blur(10px);

        border-radius:28px;

        padding:34px;

        box-shadow:
          0 18px 50px
          rgba(0,0,0,.18);
      }


      #lyf-conversatorio .quote-mark {

        font-family:
          Georgia,
          serif;

        font-size:5rem;

        line-height:.65;

        color:var(--oro2);
      }


      #lyf-conversatorio .quote {

        font-family:
          Georgia,
          serif;

        font-size:1.2rem;

        line-height:1.45;
      }


      #lyf-conversatorio .quote small {

        display:block;

        margin-top:18px;

        font-family:
          Inter,
          Arial,
          sans-serif;

        letter-spacing:.12em;

        text-transform:uppercase;

        color:#cdeeff;

        font-size:.75rem;

        font-weight:700;
      }


      #lyf-conversatorio .organizers {

        margin-top:28px;

        padding-top:24px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border-top:
          1px solid
          rgba(255,255,255,.2);
      }


      #lyf-conversatorio .organizers-label {

        margin:
          0
          0
          16px;

        font-size:.75rem;

        font-weight:800;

        letter-spacing:.14em;

        text-transform:uppercase;

        color:#cdeeff;
      }


      #lyf-conversatorio .organizers-logos {

        display:flex;

        align-items:center;
        justify-content: center;
        gap:24px;

        flex-direction:row;
      }


      #lyf-conversatorio .organizer-logo {

        display:block;

        width:auto;

        max-width:100%;

        height:auto;

        object-fit:contain;

        filter:
          grayscale(1)
          brightness(0)
          invert(1);

        opacity:.96;
      }


      #lyf-conversatorio .organizer-logo-union {

        width:118px;
      }


      #lyf-conversatorio .organizer-logo-foundation {

        width:190px;
      }


      /* =====================================================
         CINTA PATAGÓNICA
         ===================================================== */

      #lyf-conversatorio .ribbon {

        height:22px;

        background:

          linear-gradient(
            180deg,

            #8fd7fb 0 33%,

            #ffffff 33% 66%,

            #8fd7fb 66%
          );

        box-shadow:
          0 6px 20px
          rgba(0,0,0,.12);
      }


      /* =====================================================
         SECCIONES
         ===================================================== */

      #lyf-conversatorio .section {

        padding:
          88px
          0;
      }


      #lyf-conversatorio .section-title {

        text-align:center;

        max-width:760px;

        margin:
          0
          auto
          42px;
      }


      #lyf-conversatorio .section-title h3 {

        font-family:
          Georgia,
          serif;

        font-size:
          clamp(
            2.2rem,
            5vw,
            4rem
          );

        font-weight:700;

        line-height:1.1;

        margin:
          8px
          0
          12px;

        color:var(--azul);
      }


      #lyf-conversatorio .section-title p {

        font-size:1.08rem;

        line-height:1.7;

        color:#4e6475;

        margin:0;
      }


      /* =====================================================
         DATOS DEL EVENTO
         ===================================================== */

      #lyf-conversatorio .info-grid {

        display:grid;

        grid-template-columns:
          repeat(3,1fr);

        gap:18px;
      }


      #lyf-conversatorio .info-card {

        background:white;

        border:
          1px solid
          #dbe9f2;

        border-radius:24px;

        padding:26px;

        box-shadow:
          0 12px 28px
          rgba(25,70,105,.08);
      }


      #lyf-conversatorio .info-icon {

        font-size:2rem;

        line-height:1;
      }


      #lyf-conversatorio .info-card h4 {

        margin:
          12px
          0
          6px;

        color:var(--azul);

        font-size:1.12rem;

        font-weight:700;
      }


      #lyf-conversatorio .info-card p {

        margin:0;

        color:#5c7181;

        line-height:1.55;

        font-size:1rem;
      }


      #lyf-conversatorio .place-address {

        display:block;

        margin-top:5px;

        font-size:.88rem;

        color:#8293a0;
      }


      /* =====================================================
         CUENTA REGRESIVA
         ===================================================== */

      #lyf-conversatorio .countdown-title {

        text-align:center;

        margin:
          40px
          0
          15px;

        font-size:.78rem;

        text-transform:uppercase;

        letter-spacing:.18em;

        font-weight:800;

        color:#55748b;
      }


      #lyf-conversatorio .countdown {

        display:grid;

        grid-template-columns:
          repeat(4,1fr);

        gap:14px;

        margin-top:0;
      }


      #lyf-conversatorio .count {

        position:relative;

        overflow:hidden;

        background:
          var(--azul);

        color:white;

        border-radius:20px;

        padding:
          22px
          10px;

        text-align:center;

        box-shadow:
          0 12px 25px
          rgba(11,45,77,.14);
      }


      #lyf-conversatorio .count::before {

        content:"";

        position:absolute;

        top:0;
        left:0;

        width:100%;
        height:3px;

        background:var(--celeste);
      }


      #lyf-conversatorio .count strong {

        display:block;

        font-size:2.15rem;

        line-height:1;

        font-weight:800;

        margin-bottom:8px;
      }


      #lyf-conversatorio .count span {

        font-size:.75rem;

        text-transform:uppercase;

        letter-spacing:.12em;

        color:#bfe8ff;
      }


      #lyf-conversatorio .event-started {

        display:none;

        background:var(--azul);

        color:white;

        border-radius:20px;

        padding:22px;

        margin-top:20px;

        text-align:center;

        font-family:Georgia,serif;

        font-size:1.4rem;
      }


      /* =====================================================
         VOCES: FONDO DE SECCIÓN
         ===================================================== */

      #lyf-conversatorio .voices {

        background:
          linear-gradient(
            180deg,
            var(--crema2),
            #fff8e8
          );

        border-top:
          1px solid
          #ead8b5;

        border-bottom:
          1px solid
          #ead8b5;
      }


/* =====================================================
   VOCES: PANELES Y TARJETAS
   ===================================================== */
#lyf-conversatorio .speakers {
  display: flex;
  flex-direction: column;
  gap: 38px;
}

#lyf-conversatorio .panel-group {
  padding: 28px;
  border: 1px solid #ead8b5;
  border-radius: 28px;
  background: #fefefd;
  box-shadow: 0 12px 32px rgba(105, 74, 17, .08);
}

#lyf-conversatorio .panel-heading {
  display: flex;
  align-items: center;
  
  gap: 16px;
}

#lyf-conversatorio .panel-number {
  flex: 0 0 auto;
  padding: 0;
  color: #b18430;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#lyf-conversatorio .panel-heading-copy {
  min-width: 0;
}

#lyf-conversatorio .panel-heading h3 {
  margin: 0;
  color: var(--azul2);
  font-family: Georgia, serif;
  font-size: clamp(1.15rem, 2.5vw, 1.55rem);
  line-height: 1.2;
}

#lyf-conversatorio .panel-heading p {
  max-width: 920px;
  margin: 12px 0 0;
  color: #61717c;
  font-size: .95rem;
  line-height: 1.6;
}

#lyf-conversatorio .panel-speakers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin: 0 auto;
  width: 100%;
}

#lyf-conversatorio .panel-speakers-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#lyf-conversatorio .moderator-card {
  appearance: none;
  display: grid;
  grid-template-columns: minmax(190px, 26%) minmax(0, 1fr);
  gap: 24px;
  width: 100%;
  margin: 20px 0 24px;
  padding: 16px;
  border: 1px solid #ead8b5;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 25px rgba(105, 74, 17, .08);
  color: var(--tinta);
  cursor: pointer;
  text-align: left;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

#lyf-conversatorio .moderator-card:hover {
  transform: translateY(-3px);
  border-color: #c89a3d;
  box-shadow: 0 18px 36px rgba(105, 74, 17, .14);
}

#lyf-conversatorio .moderator-photo {
  position: relative;
  display: block;
  min-height: 230px;
  overflow: hidden;
  border-radius: 12px;
  background: #f7f0df;
}

#lyf-conversatorio .moderator-photo img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#lyf-conversatorio .moderator-content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  padding: 6px 8px 6px 0;
}

#lyf-conversatorio .moderator-label {
  color: #936a22;
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#lyf-conversatorio .moderator-name {
  color: var(--azul);
  font-family: Georgia, serif;
  font-size: clamp(1.35rem, 2.6vw, 1.8rem);
  font-weight: 700;
  line-height: 1.15;
}

#lyf-conversatorio .moderator-role {
  color: #526b7c;
  font-size: .98rem;
  font-style: italic;
  line-height: 1.4;
}

#lyf-conversatorio .moderator-bio {
  color: #4d6474;
  font-size: .94rem;
  line-height: 1.5;
}

#lyf-conversatorio .moderator-more {
  margin-top: 4px;
  color: #936a22;
  font-size: .84rem;
  font-weight: 800;
}

#lyf-conversatorio .moderator-badge {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  min-height: 46px;
  margin: 20px 0 24px;
  padding: 10px 18px;
  border: 0;
  border-radius: 999px;
  background: #fff4d9;
  color: var(--azul);
  cursor: pointer;
  font-family: Georgia, serif;
  font-size: 1rem;
  font-weight: 700;
  text-align: left;
}

#lyf-conversatorio .moderator-badge:hover {
  background: #f8e7be;
}

#lyf-conversatorio .moderator-badge svg {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  fill: #a57620;
}

#lyf-conversatorio .moderator-card:focus-visible,
#lyf-conversatorio .moderator-badge:focus-visible {
  outline: 3px solid var(--celeste);
  outline-offset: 3px;
}

#lyf-conversatorio .speaker {
  appearance: none;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #ead8b5;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 10px 25px rgba(105, 74, 17, .08);
  color: var(--tinta);
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

#lyf-conversatorio .speaker:hover {
  transform: translateY(-5px);
  border-color: #c89a3d;
  box-shadow: 0 20px 42px rgba(105, 74, 17, .16);
}

#lyf-conversatorio .speaker:focus-visible,
#lyf-conversatorio .panelist-modal-close:focus-visible,
#lyf-conversatorio .panelist-modal-nav:focus-visible {
  outline: 3px solid var(--celeste);
  outline-offset: 3px;
}

#lyf-conversatorio .speaker-photo {
  display: block;
  width: 100%;
  height: 235px;
  overflow: hidden;
  background: #f7f0df;
}

#lyf-conversatorio .speaker-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .35s ease;
}

#lyf-conversatorio .speaker:hover .speaker-photo img {
  transform: scale(1.035);
}

#lyf-conversatorio .speaker-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px;
}

#lyf-conversatorio .speaker-name {
  color: var(--azul2);
  font-family: Georgia, serif;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.15;
}

#lyf-conversatorio .speaker-role {
  display: block;
  margin-top: 9px;
  color: #526b7c;
  font-size: .92rem;
  font-style: italic;
  line-height: 1.45;
}

#lyf-conversatorio .speaker-more {
  display: block;
  margin-top: auto;
  padding-top: 18px;
  color: #b18430;
  font-size: .84rem;
  font-weight: 800;
  letter-spacing: .02em;
}

/* =====================================================
   MODAL DE PANELISTA
   ===================================================== */
#lyf-conversatorio .panelist-modal {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
}

#lyf-conversatorio .panelist-modal[hidden] {
  display: none;
}

#lyf-conversatorio .panelist-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5, 24, 40, .78);
  backdrop-filter: blur(6px);
}

#lyf-conversatorio .panelist-modal:not([hidden]) .panelist-modal-backdrop {
  animation: panelist-backdrop-in .2s ease-out both;
}

#lyf-conversatorio .panelist-modal-dialog {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(280px, .85fr) minmax(320px, 1.15fr);
  width: min(920px, 100%);
  max-height: min(720px, calc(100vh - 48px));
  overflow: auto;
  background: #fff;
  border-radius: 28px;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
}

#lyf-conversatorio .panelist-modal:not([hidden]) .panelist-modal-dialog {
  animation: panelist-dialog-in .26s cubic-bezier(.2, .8, .2, 1) both;
}

#lyf-conversatorio .panelist-modal-photo {
  min-height: 480px;
  background: #dff3ff;
}

#lyf-conversatorio .panelist-modal-photo img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 480px;
  object-fit: cover;
}

#lyf-conversatorio .panelist-modal-content {
  align-self: center;
  padding: 48px 44px;
}

#lyf-conversatorio .panelist-modal-content h3 {
  margin: 10px 0 8px;
  color: var(--azul);
  font-family: Georgia, serif;
  font-size: clamp(1.8rem, 4vw, 2.55rem);
  line-height: 1.05;
}

#lyf-conversatorio .panelist-modal-role {
  margin: 0 0 24px;
  color: #2f7eab;
  font-size: 1rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1.45;
}

#lyf-conversatorio .panelist-modal-bio {
  margin: 0;
  color: #4d6474;
  font-size: 1rem;
  line-height: 1.7;
}

#lyf-conversatorio .panelist-modal-navigation {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 14px;
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid #dce8ef;
}

#lyf-conversatorio .panelist-modal-navigation[hidden] {
  display: none;
}

#lyf-conversatorio .panelist-modal-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 14px;
  border: 1px solid #c7dce8;
  border-radius: 999px;
  background: #f4faff;
  color: var(--azul);
  cursor: pointer;
  font: inherit;
  font-size: .86rem;
  font-weight: 800;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

#lyf-conversatorio .panelist-modal-nav:first-child {
  justify-self: start;
}

#lyf-conversatorio .panelist-modal-nav:last-child {
  justify-self: end;
}

#lyf-conversatorio .panelist-modal-nav:hover {
  transform: translateY(-1px);
  border-color: var(--celeste);
  background: #eaf7ff;
}

#lyf-conversatorio .panelist-modal-position {
  color: #698091;
  font-size: .82rem;
  font-weight: 800;
  white-space: nowrap;
}

#lyf-conversatorio .panelist-modal-close {
  position: absolute;
  z-index: 2;
  top: 16px;
  right: 16px;
  display: grid;
  width: 42px;
  height: 42px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(11, 45, 77, .92);
  color: #fff;
  cursor: pointer;
  font-size: 1.8rem;
  line-height: 1;
}

body.modal-open {
  overflow: hidden;
}

@keyframes panelist-backdrop-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes panelist-dialog-in {
  from {
    opacity: 0;
    transform: translateY(18px) scale(.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 860px) {
  #lyf-conversatorio .moderator-card {
    grid-template-columns: minmax(160px, 35%) minmax(0, 1fr);
    gap: 18px;
  }

  #lyf-conversatorio .moderator-photo {
    min-height: 250px;
  }

  #lyf-conversatorio .panel-speakers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #lyf-conversatorio .panel-speakers > .speaker:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - 24px) / 2);
  }

  #lyf-conversatorio .panelist-modal-dialog {
    grid-template-columns: 1fr;
  }

  #lyf-conversatorio .panelist-modal-photo,
  #lyf-conversatorio .panelist-modal-photo img {
    min-height: 300px;
    height: 300px;
  }
}

@media (min-width: 861px) and (max-width: 1000px) {
  #lyf-conversatorio .panel-speakers-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  #lyf-conversatorio .moderator-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 12px;
  }

  #lyf-conversatorio .moderator-photo {
    height: 230px;
    min-height: 0;
  }

  #lyf-conversatorio .moderator-content {
    gap: 7px;
    padding: 4px 4px 8px;
  }

  #lyf-conversatorio .moderator-badge {
    font-size: .94rem;
  }

  #lyf-conversatorio .speakers {
    gap: 32px;
  }

  #lyf-conversatorio .panel-speakers {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 20px;
  }

  #lyf-conversatorio .panel-speakers > .speaker:last-child:nth-child(odd) {
    grid-column: auto;
    width: 100%;
  }

  #lyf-conversatorio .panel-group {
    border-radius: 22px;
  }

  #lyf-conversatorio .panel-heading {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
    padding: 26px 20px 22px;
  }

  #lyf-conversatorio .panel-number {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    font-size: 1.25rem;
  }

  #lyf-conversatorio .panel-heading h3 {
    font-size: 1.35rem;
  }

  #lyf-conversatorio .panel-heading p {
    font-size: .92rem;
    line-height: 1.58;
  }

  #lyf-conversatorio .panel-count {
    grid-column: 2;
    justify-self: start;
    padding: 6px 10px;
  }

  #lyf-conversatorio .speaker-photo {
    aspect-ratio: 5 / 4;
  }

  #lyf-conversatorio .speaker-content {
    padding: 20px;
  }

  #lyf-conversatorio .panelist-modal {
    padding: 12px;
  }

  #lyf-conversatorio .panelist-modal-dialog {
    max-height: calc(100vh - 24px);
    border-radius: 20px;
  }

  #lyf-conversatorio .panelist-modal-photo,
  #lyf-conversatorio .panelist-modal-photo img {
    min-height: 235px;
    height: 235px;
  }

  #lyf-conversatorio .panelist-modal-content {
    padding: 28px 24px 32px;
  }

  #lyf-conversatorio .panelist-modal-navigation {
    gap: 8px;
  }

  #lyf-conversatorio .panelist-modal-nav {
    padding-inline: 11px;
    font-size: .8rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #lyf-conversatorio .speaker,
  #lyf-conversatorio .moderator-card,
  #lyf-conversatorio .speaker-photo img,
  #lyf-conversatorio .speaker-arrow,
  #lyf-conversatorio .panelist-modal-nav {
    transition: none;
  }

  #lyf-conversatorio .panelist-modal:not([hidden]) .panelist-modal-backdrop,
  #lyf-conversatorio .panelist-modal:not([hidden]) .panelist-modal-dialog {
    animation: none;
  }
}

      /* =====================================================
         CONFIRMACIÓN
         ===================================================== */

      #lyf-conversatorio .cta {

        color:white;

        background:

          radial-gradient(
            circle at 85% 20%,
            rgba(102,183,231,.26),
            transparent 26%
          ),

          linear-gradient(
            120deg,
            #071a2e,
            #0b2d4d 50%,
            #12466f
          );

        text-align:center;
      }


      #lyf-conversatorio .cta h3 {

        font-family:
          Georgia,
          serif;

        font-size:
          clamp(
            2.3rem,
            5vw,
            4.4rem
          );

        line-height:1.08;

        margin:
          0
          0
          14px;

        color:white;
      }


      #lyf-conversatorio .cta-description {

        max-width:680px;

        margin:
          0
          auto
          28px;

        color:#d7efff;

        line-height:1.7;
      }


      #lyf-conversatorio .cta-actions {

        display:flex;

        justify-content:center;

        gap:12px;

        flex-wrap:wrap;
      }


      #lyf-conversatorio .tagline {

        margin:
          34px
          0
          0;

        font-family:
          Georgia,
          serif;

        font-style:italic;

        color:#d7f0ff;

        font-size:1.18rem;
      }


      /* =====================================================
         FOOTER
         ===================================================== */

      #lyf-conversatorio .footer {

        padding:
          35px
          0;

        background:#061522;

        color:#b7d4e4;

        text-align:center;

        font-size:.9rem;
      }


      #lyf-conversatorio .footer-logo {

        display:block;

        width:auto;

        height:55px;

        max-width:130px;

        object-fit:contain;

        margin:
          0
          auto
          14px;

        filter:
          brightness(0)
          invert(1);

        opacity:.92;
      }


      #lyf-conversatorio .footer a {

        color:#d9effb;

        font-weight:700;
      }


      /* =====================================================
         RESPONSIVE TABLET
         ===================================================== */

      @media (max-width:860px) {

        #lyf-conversatorio .hero-grid,
        #lyf-conversatorio .info-grid {

          grid-template-columns:1fr;
        }


        #lyf-conversatorio .quote-card {

          margin-top:10px;
        }


        #lyf-conversatorio .countdown {

          grid-template-columns:
            repeat(2,1fr);
        }


        #lyf-conversatorio .sunburst {

          width:180px;
          height:180px;

          right:-30px;
        }

      }


      /* =====================================================
         RESPONSIVE MÓVIL
         ===================================================== */

      @media (max-width:600px) {

        #lyf-conversatorio .brandbar-inner {

          justify-content:flex-start;

          gap:11px;
        }


        #lyf-conversatorio .logo {

          height:51px;

          max-width:105px;
        }


        #lyf-conversatorio .brand-small {

          font-size:.68rem;

          margin-bottom:3px;
        }


        #lyf-conversatorio .brand-main {

          font-size:1.02rem;
        }


        #lyf-conversatorio .brandbar-inner {

          min-height:76px;
        }


        #lyf-conversatorio .hero {

          min-height:auto;
        }


        #lyf-conversatorio .hero-inner {

          padding:
            72px
            0;
        }


        #lyf-conversatorio .hero h1 {

          font-size:
            clamp(
              2.8rem,
              14vw,
              4.6rem
            );
        }


        #lyf-conversatorio .section {

          padding:
            65px
            0;
        }


        #lyf-conversatorio .btn {

          width:100%;
        }


        #lyf-conversatorio .hero-actions,
        #lyf-conversatorio .cta-actions {

          flex-direction:column;
        }
        #lyf-conversatorio .panel-number {
          font-size: .62rem;
        }
      }

#lyf-conversatorio .eyebrow-blue {
  color: #2f7eab;
}

#lyf-conversatorio .eyebrow-gold {
  color: #936a22;
}