.elementor-2536 .elementor-element.elementor-element-53376cd{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2536 .elementor-element.elementor-element-36536f3 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2536 .elementor-element.elementor-element-eac62bc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS *//* ==========================================================
   Landing "La empresa familiar y su conflicto" — CSS global
   Pegar en: Ajustes de página > Avanzado > Custom CSS (en las 3 páginas)
   Raleway se carga desde la tipografía global de Elementor.
   Todo está limitado a la clase .lef para no afectar el resto del sitio.
   ========================================================== */
.lef {--marfil: #F5F0E6;
  --papel: #FBF8F2;
  --arena: #EDE5D6;
  --borde: #DDD3C2;
  --borde-input: #C9BEAB;
  --tinta: #141B2D;
  --texto: #3A4052;
  --vino: #6E1C22;
  --vino-hover: #561419;
  --oro: #B8924A;
  --verde: #1E6B45;
  --font: 'Raleway', 'Helvetica Neue', Arial, sans-serif;
  --max: 1248px;}
.lef *, .lef *::before, .lef *::after {box-sizing: border-box;}
.lef {margin: 0;
  background: var(--marfil);
  color: var(--tinta);
  font-family: var(--font);
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;}
.lef img {max-width: 100%; display: block;}
.lef a {color: var(--vino);}
.lef a:hover {color: var(--vino-hover);}
.lef :focus-visible {outline: 3px solid var(--oro); outline-offset: 3px;}
.lef h1, .lef h2, .lef h3 {margin: 0; line-height: 1.12; letter-spacing: -0.01em;}
.lef p {margin: 0;}
.lef .contenedor {width: 100%; max-width: var(--max); margin: 0 auto; padding: 0 24px;}
.lef .btn {display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 56px; padding: 0 32px; border-radius: 4px; border: 2px solid transparent;
  font-family: var(--font); font-size: 17px; font-weight: 700; text-decoration: none;
  cursor: pointer; transition: background-color .15s ease;}
.lef .btn-primario {background: var(--vino); color: #fff;}
.lef .btn-primario:hover {background: var(--vino-hover); color: #fff;}
.lef .btn-contorno {background: #fff; color: var(--tinta); border-color: var(--tinta);}
.lef .btn-contorno:hover {background: var(--papel); color: var(--tinta);}
.lef .btn-whatsapp {background: #fff; color: var(--verde); border-color: var(--verde);}
.lef .btn-whatsapp:hover {background: #F0F7F2; color: var(--verde);}
.lef .btn-sm {min-height: 44px; padding: 0 20px; font-size: 15px; white-space: nowrap;}
.lef .btn-bloque {width: 100%;}
.lef .ph {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  background: repeating-linear-gradient(45deg, #E4DBC9, #E4DBC9 12px, #DDD3C0 12px, #DDD3C0 24px);
  border: 2px dashed #B7AA92; border-radius: 4px; color: #5A5446; text-align: center;
  font-size: 14px; font-weight: 600; padding: 12px;}
.lef .ph small {font-weight: 500; font-size: 12px;}
.lef .ph-portada {aspect-ratio: 840 / 1190;}
.lef .ph-autor {aspect-ratio: 680 / 800;}
.lef .header {border-bottom: 1px solid var(--borde);}
.lef .header .contenedor {display: flex; align-items: center; justify-content: space-between; min-height: 84px; gap: 24px;}
.lef .marca {font-weight: 800; font-size: 19px; letter-spacing: 0.06em; color: var(--tinta); text-decoration: none;}
.lef .nav {display: flex; align-items: center; gap: 32px;}
.lef .nav a:not(.btn) {color: var(--tinta); text-decoration: none; font-weight: 500;}
.lef .nav a:not(.btn):hover {color: var(--vino);}
.lef .hero {padding: 80px 0;}
.lef .hero .contenedor {display: grid; grid-template-columns: 1fr 400px; gap: 88px; align-items: center;}
.lef .antetitulo {font-size: 15px; font-weight: 700; color: var(--vino); margin-bottom: 20px;}
.lef .hero h1 {font-size: clamp(40px, 5.4vw, 70px); font-weight: 800;}
.lef .hero h1 span {color: var(--vino);}
.lef .hero .subtitulo {font-size: clamp(20px, 2vw, 25px); font-weight: 500; font-style: italic; color: var(--texto); margin-top: 22px;}
.lef .hero .gancho {max-width: 560px; margin-top: 22px; color: var(--texto); font-size: 18px;}
.lef .compra {display: flex; align-items: center; gap: 32px; flex-wrap: wrap; margin-top: 36px;}
.lef .precio {font-size: 40px; font-weight: 800; line-height: 1;}
.lef .precio-nota {font-size: 15px; color: var(--texto);}
.lef .hero .ph-portada {box-shadow: 0 30px 60px rgba(20,27,45,.25), 0 8px 16px rgba(20,27,45,.15);}
.lef .cita {background: var(--tinta); color: var(--marfil); padding: 96px 0; text-align: center;}
.lef .cita blockquote {margin: 0 auto; max-width: 980px; font-size: clamp(24px, 3vw, 38px); font-weight: 500; line-height: 1.35;}
.lef .cita .linea {width: 64px; height: 2px; background: var(--oro); margin: 28px auto 0;}
.lef .seccion {padding: 104px 0;}
.lef .seccion-titulo {max-width: 760px; margin-bottom: 56px;}
.lef .seccion-titulo h2 {font-size: clamp(32px, 3.6vw, 48px); font-weight: 800;}
.lef .beneficios {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px;}
.lef .beneficio {background: var(--papel); border: 1px solid var(--borde); border-radius: 6px; padding: 32px;}
.lef .beneficio .num {font-size: 30px; font-weight: 800; color: var(--vino);}
.lef .beneficio h3 {font-size: 20px; font-weight: 700; margin: 10px 0 10px;}
.lef .beneficio p {color: var(--texto); font-size: 16.5px;}
.lef .autor {background: var(--arena); padding: 96px 0;}
.lef .autor .contenedor {display: grid; grid-template-columns: 340px 1fr; gap: 80px; align-items: center;}
.lef .autor h2 {font-size: clamp(32px, 3.6vw, 48px); font-weight: 800; margin-bottom: 20px;}
.lef .autor p {color: var(--texto); max-width: 700px; font-size: 17.5px;}
.lef .autor p + p {margin-top: 16px;}
.lef .cta-final .contenedor {display: flex; align-items: center; justify-content: center; gap: 80px;}
.lef .cta-final .ph-portada {width: 250px; flex-shrink: 0; box-shadow: 0 20px 40px rgba(20,27,45,.22);}
.lef .cta-final h2 {font-size: clamp(32px, 3.6vw, 48px); font-weight: 800;}
.lef .cta-final .fila-precio {display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap; margin: 20px 0 26px;}
.lef .cta-final .precio {font-size: 52px;}
.lef .confianza {display: flex; flex-wrap: wrap; gap: 22px; margin-top: 24px; font-size: 15px; color: var(--texto);}
.lef .confianza span {display: inline-flex; align-items: center; gap: 8px;}
.lef .footer {background: var(--tinta); color: #D9D2C3; padding: 36px 0; font-size: 15px;}
.lef .footer .contenedor {display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap;}
.lef .footer nav {display: flex; gap: 28px; flex-wrap: wrap;}
.lef .footer a {color: #D9D2C3;}
.lef .pasos {display: flex; gap: 10px; font-size: 15px; color: var(--texto);}
.lef .pasos .activo {font-weight: 700; color: var(--tinta);}
.lef .pedido {padding: 56px 0 88px;}
.lef .pedido .contenedor {display: grid; grid-template-columns: 1fr 440px; gap: 64px; align-items: start;}
.lef .pedido h1 {font-size: clamp(32px, 3.6vw, 44px); font-weight: 800;}
.lef .pedido .intro {color: var(--texto); margin-top: 8px;}
.lef fieldset {border: 0; padding: 0; margin: 36px 0 0; min-width: 0;}
.lef legend {padding: 0; margin-bottom: 18px; font-size: 16px; font-weight: 700; color: var(--vino);}
.lef .grid-2 {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}
.lef .campo {display: flex; flex-direction: column; gap: 7px;}
.lef .campo + .campo, .lef .grid-2 + .campo {margin-top: 20px;}
.lef .grid-2 > .campo {margin-top: 0;}
.lef .campo label {font-size: 15px; font-weight: 600;}
.lef .campo input, .lef .campo select {min-height: 50px; padding: 0 14px; border: 1px solid var(--borde-input); border-radius: 4px;
  background: #fff; font-family: var(--font); font-size: 16px; color: var(--tinta);}
.lef .campo input[aria-invalid="true"], .lef .campo select[aria-invalid="true"] {border-color: #B3261E; border-width: 2px;}
.lef .error {font-size: 14px; color: #B3261E; font-weight: 600;}
.lef .error:empty {display: none;}
.lef #terminos-error {margin: -10px 0 18px;}
.lef .autor .antetitulo {color: var(--vino);}
.lef .resumen {position: sticky; top: 24px; background: var(--papel); border: 1px solid var(--borde); border-radius: 8px; padding: 32px;}
.lef .resumen h2 {font-size: 16px; font-weight: 700; color: var(--vino); margin-bottom: 22px;}
.lef .producto {display: flex; gap: 20px; align-items: center;}
.lef .producto .ph-portada {width: 92px; flex-shrink: 0; font-size: 11px; padding: 6px;}
.lef .producto .ph-portada small {font-size: 10px;}
.lef .producto-titulo {font-size: 18px; font-weight: 700; line-height: 1.25;}
.lef .producto-precio {font-size: 15px; color: var(--texto); margin: 4px 0 10px;}
.lef .cantidad {display: flex; align-items: center; gap: 8px;}
.lef .cantidad button {width: 44px; height: 44px; border: 1px solid var(--borde-input); border-radius: 4px; background: #fff; font-size: 20px; cursor: pointer; color: var(--tinta); font-family: var(--font);}
.lef .cantidad output {min-width: 32px; text-align: center; font-weight: 700; font-size: 18px;}
.lef .totales {border-top: 1px solid var(--borde); margin-top: 22px; padding-top: 18px; display: flex; flex-direction: column; gap: 8px;}
.lef .totales div {display: flex; justify-content: space-between;}
.lef .gratis {color: #2F5A3A; font-weight: 700;}
.lef .total {border-top: 1px solid var(--borde); padding-top: 12px; margin-top: 4px; align-items: baseline;}
.lef .total strong {font-size: 34px; font-weight: 800;}
.lef .terminos {display: flex; gap: 10px; align-items: flex-start; margin: 22px 0; font-size: 15px; line-height: 1.45; color: var(--texto);}
.lef .terminos input {width: 20px; height: 20px; margin: 1px 0 0; flex-shrink: 0; accent-color: var(--vino);}
.lef .pagos {display: flex; flex-direction: column; gap: 12px;}
.lef .pagos-titulo {font-weight: 700; font-size: 15px;}
.lef .nota {font-size: 13.5px; line-height: 1.5; color: #4A4F5C;}
.lef .seguro {display: flex; gap: 8px; align-items: center; margin-top: 20px; font-size: 14px; color: var(--texto);}
.lef .gracias {padding: 72px 0 96px; text-align: center;}
.lef .gracias .contenedor {display: flex; flex-direction: column; align-items: center; gap: 26px;}
.lef .check {width: 80px; height: 80px; border-radius: 50%; background: #2F5A3A; display: flex; align-items: center; justify-content: center;}
.lef .gracias h1 {font-size: clamp(34px, 4.4vw, 52px); font-weight: 800;}
.lef .gracias .lead {max-width: 640px; color: var(--texto); font-size: 18px;}
.lef .detalle {width: 100%; max-width: 620px; display: flex; gap: 24px; align-items: center; text-align: left; background: var(--papel); border: 1px solid var(--borde); border-radius: 8px; padding: 26px 30px;}
.lef .detalle .ph-portada {width: 84px; flex-shrink: 0; font-size: 10px; padding: 4px;}
.lef .detalle dl {margin: 0; flex-grow: 1; display: grid; grid-template-columns: auto 1fr; gap: 8px 20px;}
.lef .detalle dt {color: var(--texto);}
.lef .detalle dd {margin: 0; text-align: right; font-weight: 600;}
@media (max-width: 960px){
.lef .hero {padding: 48px 0 64px;}
.lef .hero .contenedor, .lef .autor .contenedor, .lef .pedido .contenedor {grid-template-columns: 1fr; gap: 48px;}
.lef .hero .ph-portada {max-width: 320px; margin: 0 auto; order: -1;}
.lef .beneficios {grid-template-columns: repeat(2, minmax(0, 1fr));}
.lef .autor .ph-autor {max-width: 320px;}
.lef .cta-final .contenedor {flex-direction: column; text-align: center; gap: 40px;}
.lef .cta-final .fila-precio, .lef .confianza {justify-content: center;}
.lef .resumen {position: static;}
.lef .nav a:not(.btn) {display: none;}
.lef .pasos span:not(.activo) {display: none;}
}
@media (max-width: 600px){
.lef {font-size: 16px;}
.lef .marca {font-size: 15px; letter-spacing: 0.04em;}
.lef .seccion, .lef .autor, .lef .cita {padding: 72px 0;}
.lef .beneficios, .lef .grid-2 {grid-template-columns: 1fr;}
.lef .compra .btn, .lef .cta-final .btn {width: 100%;}
.lef .resumen {padding: 24px;}
.lef .detalle {flex-direction: column; align-items: stretch;}
.lef .detalle .ph-portada {margin: 0 auto;}
}
@media (prefers-reduced-motion: reduce){
.lef * {transition: none !important;}
}

/* --- Blindaje frente a estilos del tema / Elementor --- */
.lef { background: var(--marfil); }
.lef h1, .lef h2, .lef h3, .lef p, .lef label, .lef input, .lef select, .lef button, .lef a, .lef legend, .lef blockquote, .lef dt, .lef dd { font-family: var(--font); text-transform: none; }
.lef h1, .lef h2, .lef h3 { color: inherit; }
.lef button, .lef .btn { letter-spacing: normal; box-shadow: none; line-height: 1.2; text-align: center; }
.lef .btn { text-decoration: none; }
.lef .cantidad button { padding: 0; }
.lef .cantidad button:hover, .lef .cantidad button:focus { background: #fff; color: var(--tinta); }
.lef .cantidad button:disabled { opacity: .45; cursor: not-allowed; }
.lef input[type="checkbox"] { min-height: 0; }
.lef blockquote { border: 0; padding: 0; font-style: normal; color: inherit; background: none; }
.lef .contenedor { box-sizing: border-box; }


/* ==========================================================
   AJUSTES DE ESTA PÁGINA
   ========================================================== */

/* --- Botones de PayPal --- */
.lef .paypal-botones { min-height: 50px; position: relative; z-index: 0; }

/* --- Quitar espacios entre bloques (contenedores y widgets de Elementor) --- */
body .elementor .e-con,
body .elementor .e-con > .e-con-inner,
body .elementor .e-con.e-con-boxed > .e-con-inner {
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}
body .elementor .elementor-element.elementor-widget,
body .elementor .elementor-widget-html,
body .elementor .elementor-widget:not(:last-child) {
  margin: 0 !important;
  margin-block-end: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
body .elementor .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}
/* Si usas secciones y columnas (Elementor clásico) */
body .elementor .elementor-section,
body .elementor .elementor-section > .elementor-container,
body .elementor .elementor-column > .elementor-widget-wrap,
body .elementor .elementor-column > .elementor-element-populated {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}
body .elementor .elementor-widget-wrap { align-content: flex-start; }

/* --- Refuerzo: espaciado nativo de Elementor en 0 --- */
.elementor, .elementor-element, .e-con, [data-element_type="container"], [data-element_type="widget"] {
  --widgets-spacing: 0px 0px !important;
  --widgets-spacing-row: 0px !important;
  --widgets-spacing-column: 0px !important;
  --kit-widget-spacing: 0px !important;
  --gap: 0px !important;
  --row-gap: 0px !important;
  --column-gap: 0px !important;
  --padding-top: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --padding-right: 0px !important;
  --margin-top: 0px !important;
  --margin-bottom: 0px !important;
}
[data-element_type="container"], [data-element_type="widget"] { margin: 0 !important; }
[data-element_type="container"] { padding: 0 !important; gap: 0 !important; }
.elementor-widget-html > .elementor-widget-container, .elementor-widget-html { line-height: 0; }
.elementor-widget-html .lef { line-height: 1.6; }

/* --- Ocultar el body.elementor-page-2536 de idioma de TranslatePress --- */
#trp-floater-ls,
[id*="trp-floater"],
[class*="trp-floater"],
[class*="trp-language-switcher"],
[class*="trp-ls-"],
[class*="trp-shortcode-switcher"],
.menu-item.trp-language-switcher-container {
  display: none !important;
  visibility: hidden !important;
}/* End custom CSS */