/*
Theme Name: La Buena Semilla (Astra Child)
Theme URI: https://lbs24h.com
Description: Tema hijo de Astra para La Buena Semilla — China procurement partner for European companies. Reproduce el diseño hi-fi (paleta Pine/Champagne, Cormorant Garamond + Manrope) con bloques nativos + patrones. Bilingüe ES/EN con Polylang.
Author: La Buena Semilla
Template: astra
Version: 1.0.0
Text Domain: lbs
*/

/* =========================================================
   TOKENS (fuente de verdad — README + referencias)
   ========================================================= */
:root{
  --pine:#123329;        /* primary */
  --ink:#0c241d;         /* footer / darkest CTA */
  --hero-green:#091c16;  /* hero gradient base */
  --champagne:#cdb38a;   /* accent */
  --gold:#a08a5e;        /* eyebrow on light */
  --sand:#e6d9c2;        /* reversed mark / accents on dark */
  --paper:#f6f2ec;       /* page bg */
  --alt:#efe9df;         /* alternating section bg */
  --card:#f7f4ee;
  --white:#ffffff;
  --hairline:#e3ddd2;    /* dividers/borders */
  --gridline:#ddd6c8;    /* card-grid gap lines */
  --heading:#142f26;     /* headlines on light */
  --body:#54514a;        /* paragraphs */
  --muted:#6a665d;
  --muted-2:#7a766c;
  --on-dark:#f3ecdd;
  --on-dark-2:#f6f0e3;
  --muted-dark:#aebcb1;
  --muted-dark-2:#9fb0a7;

  --maxw:1240px;
  --pad:40px;

  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Manrope",system-ui,-apple-system,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;

  --shadow-soft:0 30px 60px -34px rgba(20,40,30,0.45);
  --shadow-form:0 20px 50px -34px rgba(20,40,30,0.5);
}

/* =========================================================
   BASE (acotado a nuestras páginas con .lbs-site)
   ========================================================= */
.lbs-site{font-family:var(--sans);color:#1b211d;background:var(--paper);-webkit-font-smoothing:antialiased}
.lbs-site ::selection{background:var(--champagne);color:var(--ink)}
.lbs-site img{display:block;max-width:100%;height:auto}
.lbs-site a{color:inherit;text-decoration:none}
/* Astra fuerza subrayado en los enlaces del contenido
   (.ast-single-post .entry-content a). Lo quitamos: el "subrayado" del
   diseño es el border-bottom champagne de .lbs-link, no text-decoration. */
.lbs-site .entry-content a{text-decoration:none !important}
.lbs-site h1,.lbs-site h2,.lbs-site h3,.lbs-site h4{font-family:var(--serif);margin:0;color:var(--heading);text-wrap:balance}
.lbs-site p{margin:0}

/* Anular contenedor/título/boxed de Astra → contenido a sangre completa.
   (Refuerza la plantilla "Full Width / Page Builder" de Astra.) */
.lbs-site #content .ast-container{max-width:100% !important;padding:0 !important;margin:0 !important}
.lbs-site #content.site-content{padding-top:0 !important;padding-bottom:0 !important}
.lbs-site .ast-article-single{padding:0 !important;border:0 !important;box-shadow:none !important;background:transparent !important}
.lbs-site #primary,
.lbs-site #main,
.lbs-site .entry-content{margin:0 !important;padding:0 !important;max-width:none !important;width:100% !important}
.lbs-site .entry-content > *{margin-block:0}
/* Astra mete padding (48px) + centrado a TODA sección de nivel superior
   (.entry-content > .wp-block-group). Lo anulamos y reaplicamos solo el nuestro:
   las secciones a sangre (hero, member, alt, pine) quedan a 0 y su .lbs-wrap
   interior centra el contenido; las que son a la vez sección+wrap recuperan
   su padding vertical. Esto corrige la banda "Member of" demasiado alta. */
.lbs-site .entry-content > .wp-block-group{padding:0}
.lbs-site .entry-content > .lbs-section{padding-top:96px;padding-bottom:96px}
.lbs-site .entry-content > .lbs-hero2{padding-top:84px;padding-bottom:72px}
.lbs-site .entry-content > .lbs-wrap{padding-left:var(--pad);padding-right:var(--pad)}
.lbs-site .entry-header{display:none}

/* Contenedores y secciones */
.lbs-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
/* Todas las secciones superiores ocupan el viewport completo. */
.lbs-site .entry-content > section.wp-block-group{
  width:100% !important;
  max-width:none !important;
}
/* Si la propia sección también es .lbs-wrap, mantener su contenido en --maxw. */
.lbs-site .entry-content > section.lbs-wrap{
  padding-left:max(var(--pad),calc((100% - var(--maxw))/2 + var(--pad)));
  padding-right:max(var(--pad),calc((100% - var(--maxw))/2 + var(--pad)));
}
/* longhand para poder combinar .lbs-section + .lbs-wrap sin pisar el padding lateral */
.lbs-section{padding-top:96px;padding-bottom:96px}
.lbs-section--alt{background:var(--alt);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.lbs-section--pine{background:var(--pine);color:var(--on-dark)}
.lbs-section--ink{background:var(--ink);color:var(--on-dark)}

/* =========================================================
   COMPONENTES COMPARTIDOS
   ========================================================= */

/* Eyebrow / kicker */
.lbs-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 22px;display:block}
.lbs-eyebrow--dark{color:var(--champagne)}

/* Encabezados de sección */
.lbs-h1{font-family:var(--serif);font-weight:600;font-size:70px;line-height:1.02;letter-spacing:-.015em;margin:0}
.lbs-h2{font-family:var(--serif);font-weight:600;font-size:46px;line-height:1.06;margin:0}
.lbs-h3{font-family:var(--sans);font-weight:700;font-size:19px;line-height:1.3;margin:0;color:var(--heading)}
.lbs-lead{font-size:20px;line-height:1.6;color:var(--body)}
.lbs-body{font-size:17px;line-height:1.75;color:var(--body)}
.lbs-small{font-size:14px;line-height:1.6;color:var(--muted-2)}

/* Botones (pill) */
.lbs-btn{display:inline-flex;align-items:center;gap:9px;border-radius:30px;padding:16px 32px;font-family:var(--sans);font-size:15px;font-weight:700;line-height:1;border:1px solid transparent;transition:.15s;cursor:pointer}
/* Las variantes de color exigen .lbs-btn para NO chocar con el wrapper
   .wp-block-button.lbs-btn-gold de Gutenberg (que pintaba una caja cuadrada
   de color detrás de la pastilla redondeada). */
.lbs-btn.lbs-btn-gold{background:var(--champagne);color:var(--ink)}
.lbs-btn.lbs-btn-gold:hover{background:#c0a577}
.lbs-btn.lbs-btn-pine{background:var(--pine);color:var(--on-dark)}
.lbs-btn.lbs-btn-pine:hover{background:#0d271f}
.lbs-btn.lbs-btn-outline{background:transparent;border-color:rgba(243,236,221,.45);color:var(--on-dark);font-weight:600}
.lbs-btn.lbs-btn-outline:hover{border-color:var(--on-dark)}
.lbs-btn.lbs-btn-outline-dark{background:transparent;border-color:var(--pine);color:var(--pine);font-weight:600}

/* Botones como bloques nativos (core/buttons + clase modificadora en el botón) */
.lbs-site .wp-block-button__link{display:inline-flex;align-items:center;gap:9px;border-radius:30px;padding:16px 32px;font-family:var(--sans);font-size:15px;font-weight:700;line-height:1;border:1px solid transparent;transition:.15s}
.lbs-site .lbs-btn-gold .wp-block-button__link{background-color:var(--champagne) !important;color:var(--ink) !important}
.lbs-site .lbs-btn-gold .wp-block-button__link:hover{background-color:#c0a577 !important}
.lbs-site .lbs-btn-pine .wp-block-button__link{background-color:var(--pine) !important;color:var(--on-dark) !important}
.lbs-site .lbs-btn-pine .wp-block-button__link:hover{background-color:#0d271f !important}
.lbs-site .lbs-btn-outline .wp-block-button__link{background-color:transparent !important;border:1px solid rgba(243,236,221,.45) !important;color:var(--on-dark) !important;font-weight:600}
.lbs-site .lbs-btn-outline .wp-block-button__link:hover{border-color:var(--on-dark) !important}
.lbs-site .lbs-btn-outline-dark .wp-block-button__link{background-color:transparent !important;border:1px solid var(--pine) !important;color:var(--pine) !important;font-weight:600}
.lbs-site .lbs-btns.wp-block-buttons{gap:14px}

/* Enlace con subrayado champagne */
.lbs-link{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:var(--pine);border-bottom:1.5px solid var(--champagne);padding-bottom:3px}
.lbs-link--gold{color:var(--champagne);border:0}

/* Chips */
.lbs-chip{border:1px solid #d3ccbf;border-radius:30px;padding:8px 16px;font-size:13px;color:#3a382f;display:inline-block}

/* Conmutador de idioma (pill, como la maqueta) */
.lbs-langpill{display:inline-flex;align-items:center;border:1px solid #c9c3b8;border-radius:20px;padding:5px 11px;font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:#6f6a61}
.lbs-langpill ul{list-style:none;display:flex;gap:8px;margin:0;padding:0}
.lbs-langpill li{margin:0}
.lbs-langpill a,.lbs-langpill .current-lang{text-transform:uppercase}
.lbs-langpill .current-lang>a,.lbs-langpill .current-lang{color:var(--pine);font-weight:600}

/* Marca semilla (logo) — CSS puro, como la referencia */
.lbs-seed{position:relative;display:inline-block;width:26px;height:26px;flex:none}
.lbs-seed::before{content:"";display:block;width:100%;height:100%;background:var(--pine);border-radius:0 50% 50% 50%;transform:rotate(45deg)}
.lbs-seed::after{content:"";position:absolute;top:5px;left:50%;width:1.4px;height:16px;background:var(--champagne);transform:translateX(-50%);border-radius:2px}
.lbs-seed--reversed::before{background:var(--sand)}
.lbs-seed--reversed::after{background:var(--pine)}

/* =========================================================
   HERO (full-bleed con foto + gradiente)
   ========================================================= */
.lbs-hero{position:relative;min-height:640px;display:flex;align-items:center;overflow:hidden}
.lbs-hero .lbs-hero-img,
.lbs-hero figure.wp-block-image{position:absolute;inset:0;margin:0;width:100%;height:100%}
.lbs-hero figure.wp-block-image img,
.lbs-hero .lbs-hero-img img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.lbs-hero-overlay{position:absolute;inset:0;margin:0 !important;background:linear-gradient(100deg,rgba(9,28,22,.92) 0%,rgba(9,28,22,.74) 38%,rgba(9,28,22,.32) 70%,rgba(9,28,22,.08) 100%)}
.lbs-hero-inner{position:relative;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);width:100%}
.lbs-hero-content{max-width:680px;padding:96px 0}
.lbs-hero h1{font-family:var(--serif);font-weight:600;font-size:70px;line-height:1.02;letter-spacing:-.015em;margin:0 0 28px;color:var(--on-dark-2)}
.lbs-hero .lbs-hero-lead{font-size:20px;line-height:1.6;color:#dfe5df;max-width:560px;margin:0 0 20px;text-wrap:pretty}
.lbs-hero .lbs-hero-sub{font-size:16px;line-height:1.65;color:var(--muted-dark);max-width:560px;margin:0 0 42px}
.lbs-hero-cta{display:flex;gap:14px;flex-wrap:wrap}

/* Hero secundario (2 columnas, páginas internas) */
.lbs-hero2{padding:80px 0 40px}
.lbs-hero2 h1{font-family:var(--serif);font-weight:600;font-size:58px;line-height:1.04;letter-spacing:-.015em;margin:0 0 22px}

/* =========================================================
   GRID 2 COLUMNAS (split)
   ========================================================= */
.lbs-grid2{display:grid;grid-template-columns:0.92fr 1.08fr;gap:64px;align-items:start}
/* Variantes autosuficientes (incluyen display:grid para poder usarse solas) */
.lbs-grid2--even{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.lbs-grid2--media{display:grid;grid-template-columns:1.05fr 0.95fr;gap:60px;align-items:center}

/* =========================================================
   GRID DE TARJETAS (hairline) — "What we do" / "Five reasons"
   ========================================================= */
.lbs-cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gridline);border:1px solid var(--gridline);border-radius:14px;overflow:hidden}
.lbs-card{background:var(--paper);padding:34px 30px 38px}
.lbs-card .num{font-family:var(--mono);font-size:12px;color:var(--gold);margin-bottom:20px}
.lbs-card h3{font-family:var(--sans);font-weight:700;font-size:19px;margin:0 0 12px;color:var(--heading)}
.lbs-card p{font-size:14.5px;line-height:1.65;color:var(--muted);margin:0}
.lbs-card p + p{margin-top:12px}
.lbs-card--cta{background:var(--pine);display:flex;flex-direction:column;justify-content:center}
.lbs-card--cta h3{font-family:var(--serif);font-weight:600;font-size:26px;line-height:1.1;margin:0 0 18px;color:var(--on-dark)}

/* Sección con cabecera flex (título + nota) */
.lbs-sechead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:52px;flex-wrap:wrap;gap:16px}

/* Mosaico de imágenes (Home specialization) */
.lbs-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 200px;gap:16px}
.lbs-mosaic .tall{grid-row:span 2}
.lbs-mosaic figure{margin:0;border-radius:14px;overflow:hidden;height:100%}
.lbs-mosaic img{width:100%;height:100%;object-fit:cover}

/* Banda de imagen full-bleed */
.lbs-imgband{height:280px;border-radius:16px;overflow:hidden;margin:0}
.lbs-imgband img{width:100%;height:100%;object-fit:cover}

/* =========================================================
   FORMULARIO DE CONTACTO
   ========================================================= */
.lbs-form{background:var(--white);border:1px solid #e8e1d4;border-radius:18px;padding:38px;box-shadow:var(--shadow-form)}
.lbs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lbs-form label{display:block}
.lbs-form .lab{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:7px;letter-spacing:.02em}
.lbs-form input,.lbs-form textarea{width:100%;border:1px solid var(--gridline);border-radius:10px;font-size:14px;background:#faf8f3;color:#1b211d;outline:none;font-family:var(--sans)}
.lbs-form input{height:46px;padding:0 14px}
.lbs-form textarea{padding:12px 14px;resize:vertical}
.lbs-form .dropzone{border:1.5px dashed #d3ccbf;border-radius:12px;padding:20px;text-align:center;font-size:13px;color:#8a857a;background:#faf8f3}
.lbs-form button[type=submit]{margin-top:24px;width:100%;height:52px;background:var(--pine);color:var(--on-dark);border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--sans)}

/* Bloque de datos de contacto */
.lbs-contactinfo{border-top:1px solid var(--hairline);padding-top:24px;font-size:14px;line-height:1.8;color:var(--body)}
.lbs-contactinfo b{font-weight:700;color:var(--heading)}

/* =========================================================
   FRANJA DE MEMBRESÍA (SPHKBA)
   ========================================================= */
.lbs-memberstrip{background:var(--white);border-bottom:1px solid var(--hairline)}
.lbs-memberstrip .inner{display:flex !important;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;padding:26px var(--pad)}
.lbs-memberstrip figure{margin:0}
.lbs-memberstrip img{height:52px !important;width:auto !important;max-width:none !important}
.lbs-memberstrip .lbs-small{max-width:440px}
.lbs-memberstrip p:empty{display:none}
.lbs-vline,.lbs-memberstrip .vline{width:1px;height:34px;background:var(--hairline)}

/* Cabecera de sección: la nota corta no debe estirarse + ocultar p vacío del wrap */
.lbs-sechead .lbs-small{max-width:360px}
.lbs-sechead p:empty{display:none}

/* =========================================================
   CTA FINAL (centrado)
   ========================================================= */
.lbs-finalcta{text-align:center;max-width:980px;margin:0 auto;padding:104px var(--pad)}
/* Chips de productos: sirve tanto con <span class="lbs-chip"> como con una
   LISTA (cada <li> es un chip) — esta última es más fácil de traducir. */
.lbs-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.lbs-chips li{border:1px solid #d3ccbf;border-radius:30px;padding:8px 16px;font-size:13px;line-height:1.2;color:#3a382f}
.lbs-finalcta h2{font-family:var(--serif);font-weight:500;font-size:54px;line-height:1.06;margin:0 0 24px;color:var(--on-dark-2)}
.lbs-finalcta p{font-size:18px;line-height:1.65;color:#cdd6cf;max-width:660px;margin:0 auto 40px}

/* Banda de invitación verde (Others) */
.lbs-invite{background:var(--pine);color:var(--on-dark);border-radius:18px;padding:64px 56px}

/* =========================================================
   FOOTER (se pega como UN elemento HTML en el Footer Builder de Astra)
   ========================================================= */
.lbs-footer{background:var(--ink);color:#cdd6cf;font-family:var(--sans)}
.lbs-footer a{color:inherit}
.lbs-footer-grid{max-width:var(--maxw);margin:0 auto;padding:72px 40px 36px;display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:48px}
.lbs-footer .fbrand{display:flex;align-items:center;gap:11px;margin-bottom:20px}
.lbs-footer .fbrand b{font-family:var(--serif);font-weight:600;font-size:23px;color:var(--on-dark)}
.lbs-footer .fdesc{font-size:14px;line-height:1.7;color:#8fa298;max-width:300px;margin:0 0 22px}
.lbs-footer .fchip{display:inline-flex;align-items:center;background:#fbfaf6;border-radius:5px;padding:11px 15px}
.lbs-footer .fchip img{height:46px;width:auto;display:block}
.lbs-footer h4{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:#6f857a;margin:0 0 16px;font-weight:400;text-transform:uppercase}
.lbs-footer .flinks{display:flex;flex-direction:column;gap:11px;font-size:14px}
.lbs-footer .flinks a:hover{color:var(--champagne)}
.lbs-footer .fcontact{font-size:14px;line-height:1.75;color:var(--muted-dark)}
.lbs-footer .fcontact a{color:var(--champagne)}
.lbs-footer .fwechat{text-align:center}
.lbs-footer .fqr{width:104px;height:104px;border-radius:12px;overflow:hidden;background:repeating-linear-gradient(45deg,#15392e,#15392e 7px,#102e25 7px,#102e25 14px);display:flex;align-items:center;justify-content:center;text-align:center;margin-top:0}
.lbs-footer .fqr img{width:100%;height:100%;object-fit:cover}
.lbs-footer .fqr span{font-family:var(--mono);font-size:9px;color:#7e9488;line-height:1.4}
.lbs-footer .fbottom{border-top:1px solid #15392e}
.lbs-footer .fbottom .inner{max-width:var(--maxw);margin:0 auto;padding:22px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:#6f857a}
.lbs-footer .fbottom a{color:var(--muted-dark)}
@media(max-width:820px){.lbs-footer-grid{grid-template-columns:1fr 1fr;row-gap:40px}}
@media(max-width:560px){
  .lbs-footer-grid{grid-template-columns:1fr;padding:56px 22px 28px}
  .lbs-footer .fbottom .inner{padding:22px 22px}
}

/* --- Variante con columnas/widgets NATIVOS de Astra (piezas sueltas) ---
   Cada bloque va en su propio elemento HTML del Footer Builder.
   Pon el fondo Ink (#0c241d) en la fila del footer desde el Personalizador. */
/* Columnas centradas (cada pieza va en su elemento HTML del footer) */
.lbs-fcol{color:#cdd6cf;font-family:var(--sans);text-align:center}
.lbs-fcol a{color:inherit}
.lbs-fbrand{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:20px}
.lbs-fbrand b{font-family:var(--serif);font-weight:600;font-size:23px;color:var(--on-dark)}
/* margin auto con !important: si no, .lbs-site p{margin:0} (más específico) lo descentra */
.lbs-fdesc{font-size:14px;line-height:1.7;color:#8fa298;max-width:300px;margin:0 auto 22px !important}
.lbs-fchip{display:inline-flex;align-items:center;background:#fbfaf6;border-radius:5px;padding:11px 15px}
.lbs-fchip img{height:46px;width:auto;display:block}
.lbs-fh{font-family:var(--mono) !important;font-size:11px !important;letter-spacing:.16em;color:#6f857a !important;margin:0 0 18px !important;font-weight:400 !important;text-transform:uppercase;text-align:center}
.lbs-flinks{display:flex;flex-direction:column;align-items:center;gap:11px;font-size:14px}
.lbs-flinks a:hover{color:var(--champagne)}
.lbs-fcontact{font-size:14px;line-height:1.75;color:var(--muted-dark)}
.lbs-fcontact a{color:var(--champagne)}
.lbs-fqr{width:104px;height:104px;border-radius:12px;overflow:hidden;background:repeating-linear-gradient(45deg,#15392e,#15392e 7px,#102e25 7px,#102e25 14px);display:flex;align-items:center;justify-content:center;text-align:center;margin-left:auto;margin-right:auto}
.lbs-fqr img{width:100%;height:100%;object-fit:cover}
.lbs-fqr span{font-family:var(--mono);font-size:9px;color:#7e9488;line-height:1.4}
/* barra inferior (segunda fila del footer) */
.lbs-fbottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:#6f857a;font-family:var(--sans)}
.lbs-fbottom a{color:var(--muted-dark)}
/* el texto del menú de Astra en el footer (si usas un elemento "Menu") */
.lbs-foot-menu .ast-builder-menu-1 .menu-link{color:#cdd6cf;font-size:14px}
.lbs-foot-menu .ast-builder-menu-1 .menu-link:hover{color:var(--champagne)}

/* =========================================================
   HEADER — conmutador de idioma de Astra/Polylang → pill de la maqueta
   Estructura de Astra:
   .ast-builder-language-switcher-menu
     > .ast-builder-language-switcher-menu-item-header
         > a.ast-builder-language-switcher-item > span (EN / ES)
   ========================================================= */
.ast-builder-language-switcher-menu{
  display:flex !important;align-items:center !important;gap:8px !important;width:auto !important;
  flex-wrap:nowrap !important;list-style:none !important;margin:0 !important;line-height:1 !important;
  border:1px solid #c9c3b8 !important;border-radius:20px !important;padding:6px 13px !important;
  font-family:var(--mono) !important;font-size:12px !important;letter-spacing:.05em !important;
}
/* Ítems: quitar viñeta de lista, caja/borde/relleno y altura extra (estaban
   como list-item, lo que estiraba la pastilla y mostraba bullets) */
.ast-builder-language-switcher-menu li,
.ast-builder-language-switcher-menu-item-header,
.ast-builder-language-switcher-item{
  display:flex !important;align-items:center !important;list-style:none !important;
  border:0 !important;border-radius:0 !important;background:transparent !important;
  padding:0 !important;margin:0 !important;box-shadow:none !important;min-width:0 !important;
}
.ast-builder-language-switcher-menu li::marker,
.ast-builder-language-switcher-menu-item-header::marker{content:"" !important}
.ast-builder-language-switcher-item{color:#6f6a61;text-transform:uppercase;display:inline-flex}
.ast-builder-language-switcher-item:hover{color:var(--pine)}
.ast-builder-language-switcher-item .ast-lswitcher-item-header{padding:0}
/* Separador "·" entre idiomas */
.ast-builder-language-switcher-menu-item-header + .ast-builder-language-switcher-menu-item-header::before{
  content:"·";color:#c9c3b8;margin-right:8px;
}

/* =========================================================
   PÁGINAS INTERNAS (Cosmetic / Others / Why LBS)
   ========================================================= */

/* Hero interno (2 col, imagen a un lado) */
.lbs-hero2{display:grid;grid-template-columns:1.05fr 0.95fr;gap:64px;align-items:center;padding-top:84px;padding-bottom:72px}
.lbs-hero2 h1{font-family:var(--serif);font-weight:600;font-size:60px;line-height:1.03;letter-spacing:-.015em;margin:0 0 26px;color:var(--heading)}
.lbs-hero2 .lbs-body{font-size:18px;margin-bottom:18px}
.lbs-hero2 .lbs-body--muted{font-size:16px;color:var(--muted);margin-bottom:36px}
.lbs-hero2 .lbs-body--strong{font-size:16px;color:var(--heading);font-weight:600;margin-bottom:0}

/* Caja de imagen con proporción fija */
.lbs-mediabox{margin:0;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-soft)}
.lbs-mediabox img{width:100%;height:100%;object-fit:cover;display:block}
.lbs-media-45{aspect-ratio:4/5}
.lbs-media-43{aspect-ratio:4/3}
.lbs-media-54{aspect-ratio:5/4}

/* Intro de sección (eyebrow + h2) */
.lbs-intro{max-width:680px;margin-bottom:48px}

/* Cuadrícula de categorías 2×2 (imagen + texto) */
.lbs-catgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.lbs-catcard{background:var(--paper);border:1px solid var(--hairline);border-radius:16px;overflow:hidden}
.lbs-catcard figure{margin:0;height:200px}
.lbs-catcard img{width:100%;height:200px;object-fit:cover;display:block}
.lbs-catcard .body{padding:28px 26px 32px}
.lbs-catcard h3{font-family:var(--sans);font-weight:700;font-size:20px;margin:0 0 12px;color:var(--heading)}
.lbs-catcard p{font-size:14.5px;line-height:1.65;color:var(--muted);margin:0}
.lbs-catcard p + p{margin-top:14px}

/* Lista de proceso (filas con hairline) */
.lbs-process{border-top:1px solid var(--hairline)}
.lbs-prow{display:grid;grid-template-columns:0.34fr 0.66fr;gap:40px;padding:30px 0;border-bottom:1px solid var(--hairline);align-items:baseline}
.lbs-prow-head{display:flex;align-items:baseline;gap:18px}
.lbs-prow-head .pnum{font-family:var(--mono);font-size:13px;color:var(--gold);margin:0}
.lbs-prow-head h3{font-family:var(--sans);font-weight:700;font-size:21px;margin:0;color:var(--heading)}
.lbs-prow p{font-size:16px;line-height:1.7;color:var(--body);margin:0}

/* Tres tarjetas simples (Others: cuándo podemos ayudar) */
.lbs-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lbs-scard{background:var(--paper);border:1px solid var(--hairline);border-radius:16px;padding:34px 30px}
.lbs-scard .num{font-family:var(--mono);font-size:12px;color:var(--gold);margin-bottom:20px}
.lbs-scard h3{font-family:var(--sans);font-weight:700;font-size:19px;margin:0 0 12px;color:var(--heading)}
.lbs-scard p{font-size:14.5px;line-height:1.65;color:var(--muted);margin:0}

/* Banda de invitación (verde, texto + botón) */
.lbs-invite{background:var(--pine);border-radius:20px;padding:54px 56px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;color:var(--on-dark)}
.lbs-invite .lbs-invite-text{max-width:560px}
.lbs-invite h2{font-family:var(--serif);font-weight:500;font-size:34px;line-height:1.1;margin:0 0 12px;color:var(--on-dark-2)}
.lbs-invite p{font-size:15.5px;line-height:1.65;color:var(--muted-dark);margin:0}
.lbs-invite .lbs-eyebrow{color:var(--champagne);margin-bottom:16px}

/* Banda imagen + copy (0.95 / 1.05) */
.lbs-split{display:grid;grid-template-columns:0.95fr 1.05fr;gap:60px;align-items:center}

/* CTA final con dos párrafos */
.lbs-finalcta .lbs-lead2{max-width:640px;margin:0 auto 16px}
.lbs-finalcta .lbs-note{font-size:14.5px;line-height:1.6;color:var(--muted-dark-2);max-width:600px;margin:0 auto 40px}

/* =========================================================
   RESPONSIVE (breakpoints del README: 980 / 820 / 560)
   ========================================================= */
@media(max-width:980px){
  .lbs-cardgrid{grid-template-columns:1fr 1fr}
  .lbs-cards3{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .lbs-grid2,.lbs-grid2--even,.lbs-grid2--media,.lbs-hero2,.lbs-split{grid-template-columns:1fr;gap:40px}
  .lbs-cardgrid,.lbs-catgrid,.lbs-cards3{grid-template-columns:1fr}
  .lbs-prow{grid-template-columns:1fr;gap:8px}
  .lbs-hero h1,.lbs-hero2 h1{font-size:46px}
  .lbs-hero{min-height:0}
  .lbs-hero-content{padding:80px 0}
  .lbs-h1{font-size:46px}
  .lbs-h2{font-size:36px}
  .lbs-invite{padding:40px 28px}
}
@media(max-width:560px){
  :root{--pad:22px}
  .lbs-form-grid{grid-template-columns:1fr}
  .lbs-mosaic{grid-template-rows:150px 150px}
  .lbs-hero h1,.lbs-hero2 h1{font-size:38px}
  .lbs-hero-content{padding:60px 0}
  .lbs-section{padding:64px 0}
  .lbs-finalcta{padding:72px 22px}
  .lbs-invite{padding:40px 26px}
}