.elementor-1568 .elementor-element.elementor-element-b2f293a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-f270f5e *//* ============================================================
   LIDERA MUNDI — CARTA "EL ARMA MÁS PODEROSA"
   Pegar en: WordPress › Apariencia › Personalizar › CSS adicional
   ============================================================ */

/* ── Fuentes ───────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;1,300&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Playfair+Display:ital,wght@1,400&display=swap');

/*
   Si tu tema ya carga IvyPresto Display y Tartuffo via Adobe Fonts
   o archivos propios, estas declaraciones les dan prioridad.
   Si no están cargadas, Cormorant Garamond actúa como fallback elegante.
*/

/* ── Variables de marca ────────────────────────────────────── */
.lm-carta-wrap {
  --lm-hueso:   #F3EFE8;
  --lm-negro:   #1C1C1C;
  --lm-petroleo:#1C3A40;
  --lm-ambar:   #AF643C;
  --lm-gris:    #7A7A7A;
}

/* ── Fondo de página — extiende el color al ancho completo ─── */
.lm-carta-wrap {
  background-color: #e5e0d6;
  background-image:
    radial-gradient(ellipse at 20% 10%, rgba(175,100,60,0.06) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 90%, rgba(28,58,64,0.07) 0%, transparent 55%);
  /* Breakout: extiende el fondo al ancho total de la ventana */
  margin-left:  calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding: 60px calc(50vw - 50%) 80px;
  box-sizing: border-box;
}

/* ── Papel de la carta ─────────────────────────────────────── */
.lm-carta {
  background: var(--lm-hueso);
  max-width: 660px;
  width: 100%;
  margin: 0 auto;
  padding: 72px 80px 80px;
  border-radius: 12px;
  position: relative;
  box-shadow:
    0 2px 4px rgba(28,28,28,0.06),
    0 8px 24px rgba(28,28,28,0.08),
    0 32px 64px rgba(28,28,28,0.07);
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: var(--lm-negro);
  animation: lmFadeUp 0.8s ease both;
}

/* Línea decorativa ámbar superior */
.lm-carta::before {
  content: '';
  display: block;
  width: 44px;
  height: 1.5px;
  background: var(--lm-ambar);
  margin: 0 auto 48px;
  opacity: 0.75;
}

@keyframes lmFadeUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Fecha ─────────────────────────────────────────────────── */
.lm-carta .lm-fecha {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300 !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--lm-gris) !important;
  text-align: right !important;
  margin: 0 0 52px !important;
  padding: 0 !important;
  line-height: 1.5 !important;
  border: none !important;
}

/* ── Cuerpo ────────────────────────────────────────────────── */
.lm-carta .lm-cuerpo {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 15.5px;
  line-height: 2;
  color: var(--lm-negro);
  letter-spacing: 0.01em;
}

.lm-carta .lm-cuerpo p {
  margin: 0 0 1.6em !important;
  padding: 0 !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300 !important;
  font-size: 15.5px !important;
  line-height: 2 !important;
  color: var(--lm-negro) !important;
}

/* Negritas semánticas */
.lm-carta .lm-cuerpo strong {
  font-weight: 400 !important;
  color: var(--lm-negro) !important;
}

/* ── Versos / estrofas ─────────────────────────────────────── */
.lm-carta .lm-verso {
  font-family: 'Tartuffo', 'Cormorant Garamond', 'IvyPresto Display', serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 17.5px !important;
  line-height: 1.9 !important;
  color: var(--lm-petroleo) !important;
  padding: 0 0 0 24px !important;
  border-left: 1.5px solid var(--lm-ambar) !important;
  margin: 2.4em 0 !important;
  border-bottom: none !important;
  border-top: none !important;
  border-right: none !important;
}

.lm-carta .lm-verso strong {
  font-weight: 400 !important;
}

/* ── Frases clave ──────────────────────────────────────────── */
.lm-carta .lm-frase-clave {
  font-family: 'IvyPresto Display', 'Cormorant Garamond', serif !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 20px !important;
  line-height: 1.65 !important;
  color: var(--lm-petroleo) !important;
  text-align: center !important;
  margin: 2.8em 0 !important;
  padding: 0 16px !important;
  letter-spacing: 0.02em !important;
}

.lm-carta .lm-frase-clave em {
  font-style: italic !important;
}

/* ── Imagen de la carta ────────────────────────────────────── */
.lm-carta .lm-imagen {
  width: calc(100% + 160px) !important;
  margin: 2.8em -80px !important;
  display: block !important;
  overflow: hidden !important;
  line-height: 0 !important;
  /* Aplica el border-radius solo a los bordes verticales */
  border-radius: 0 !important;
}

.lm-carta .lm-imagen img {
  width: 100% !important;
  height: 340px !important;
  object-fit: cover !important;
  object-position: center 30% !important;
  display: block !important;
  filter: sepia(10%) brightness(0.97) !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Firma ─────────────────────────────────────────────────── */
.lm-carta .lm-firma {
  margin-top: 52px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.lm-carta .lm-firma-nombre {
  font-family: 'Playfair Display', 'IvyPresto Display', serif !important;
  font-style: italic !important;
  font-size: 28px !important;
  color: var(--lm-petroleo) !important;
  font-weight: 400 !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

.lm-carta .lm-firma-titulo {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300 !important;
  font-size: 10.5px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--lm-gris) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Dedicatoria / pie ─────────────────────────────────────── */
.lm-carta .lm-dedicatoria {
  margin-top: 64px !important;
  padding-top: 32px !important;
  border-top: 1px solid rgba(28,28,28,0.1) !important;
  text-align: center !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}

.lm-carta .lm-dedicatoria p {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300 !important;
  font-size: 10.5px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--lm-gris) !important;
  line-height: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.lm-carta .lm-dedicatoria .lm-marca {
  font-family: 'Tartuffo', 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: 14px !important;
  letter-spacing: 0.06em !important;
  color: var(--lm-ambar) !important;
  text-transform: none !important;
  margin-top: 12px !important;
  display: block !important;
}

/* ── Responsive móvil ──────────────────────────────────────── */
@media (max-width: 700px) {
  .lm-carta-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }

  .lm-carta {
    padding: 48px 28px 60px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    max-width: 100% !important;
  }

  .lm-carta .lm-imagen {
    width: calc(100% + 56px) !important;
    margin: 2.2em -28px !important;
  }

  .lm-carta .lm-imagen img {
    height: 220px !important;
  }

  .lm-carta .lm-cuerpo p,
  .lm-carta .lm-cuerpo {
    font-size: 15px !important;
  }

  .lm-carta .lm-frase-clave {
    font-size: 17px !important;
  }
}
.lm-carta, .lm-carta * {
  text-transform: none !important;
  font-variant: normal !important;
}/* End custom CSS */