/* «Es hora de construir» · lobera.ai (entrada 1928). Todo acotado a #lobera-construir: el tema
   de la web fija h2 a 80 px, márgenes de párrafo y colores de enlace que aquí no deben entrar. */
#lobera-construir{--lc-paper:#f1f0ea;--lc-white:#fff;--lc-muted:#b9b8ae;--lc-grey:#8a8a80;--lc-rule:#66665d;--lc-dark:#2c2c27;
  --lc-sans:Helvetica,"Helvetica Neue",Arial,sans-serif;--lc-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  position:relative;width:100%;background:#000;color:var(--lc-paper);font-family:var(--lc-sans);font-size:16px;line-height:1.5;
  text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#lobera-construir *,#lobera-construir *::before,#lobera-construir *::after{box-sizing:border-box}
#lobera-construir :where(h1,h2,p,figure,figcaption,blockquote,nav,header,footer,section,article){margin:0;padding:0;border:0;color:inherit;
  font-family:inherit;font-size:inherit;font-weight:inherit;font-style:normal;line-height:inherit;letter-spacing:inherit;text-transform:none;background:none}
#lobera-construir a{color:inherit;text-decoration:none;box-shadow:none}
#lobera-construir img{display:block;max-width:100%;height:auto;border:0;border-radius:0}
#lobera-construir [hidden]{display:none!important}

/* rejillas: portada y figuras anchas; el texto, en una columna de lectura */
#lobera-construir .lc-wrap{width:min(1180px,calc(100% - 160px));margin-left:auto;margin-right:auto}
#lobera-construir .lc-col{width:min(700px,calc(100% - 160px));margin-left:auto;margin-right:auto}

/* la cabecera fija de la web, opaca: sin ella el texto se transparenta al desplazarse (como en «La señal») */
[data-elementor-id="243"]>.elementor-element-4f2cf56{background-color:#000!important}
/* barra de lectura, bajo la cabecera fija de la web (53 px; 47 px en móvil) */
#lobera-construir .lc-progress{position:fixed;left:0;right:0;top:53px;height:2px;z-index:9998;pointer-events:none}
#lobera-construir .lc-progress span{display:block;height:100%;background:var(--lc-paper);transform-origin:0 50%;transform:scaleX(0)}

/* portada */
#lobera-construir .lc-hero{padding:150px 0 0}
#lobera-construir .lc-topline{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-top:16px;position:relative;
  font-size:13px;line-height:1.5;color:var(--lc-muted)}
#lobera-construir .lc-topline::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--lc-paper);transform-origin:0 50%}
#lobera-construir.lc-js .lc-topline::before{animation:lc-rule 1.1s cubic-bezier(.22,1,.36,1) both}
#lobera-construir .lc-crumb a{transition:color .2s}
#lobera-construir .lc-crumb a:hover,#lobera-construir .lc-crumb a:focus-visible{color:var(--lc-paper)}
#lobera-construir .lc-crumb span{margin:0 8px;color:var(--lc-rule)}
#lobera-construir .lc-label,#lobera-construir .lc-fig{font-family:var(--lc-mono);font-size:11px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
#lobera-construir .lc-title{font-size:clamp(50px,8.6vw,128px);line-height:.95;letter-spacing:-.045em;font-weight:400;margin:64px 0 34px;color:var(--lc-white)}
#lobera-construir .lc-typed{position:relative;display:block}
#lobera-construir .lc-type-layer{position:absolute;inset:0;pointer-events:none}
#lobera-construir .lc-typing .lc-type-real{color:transparent}
#lobera-construir .lc-cursor{display:inline-block;width:.055em;height:.78em;margin-left:.07em;vertical-align:-.03em;background:currentColor;animation:lc-blink 1.05s steps(1) infinite}
#lobera-construir .lc-dek{max-width:860px;font-size:clamp(19px,1.85vw,26px);line-height:1.38;letter-spacing:-.012em;color:var(--lc-muted)}
#lobera-construir .lc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:44px;padding-bottom:20px;
  border-bottom:1px solid var(--lc-rule);font-size:13px;line-height:1.5;color:var(--lc-muted)}
#lobera-construir .lc-meta img{width:94px;height:auto;margin-right:6px}
#lobera-construir .lc-plate{margin-top:46px}
#lobera-construir .lc-plate svg,#lobera-construir .lc-figure svg{display:block;width:100%;height:auto;overflow:visible}
#lobera-construir figcaption.lc-cap{display:flex;gap:18px;align-items:baseline;max-width:760px;margin-top:16px;font-size:13px;line-height:1.55;color:var(--lc-muted)}
#lobera-construir figcaption.lc-cap .lc-fig{flex:none;color:var(--lc-grey)}

/* cuerpo */
#lobera-construir .lc-body{padding:110px 0 0}
#lobera-construir .lc-section+.lc-section{margin-top:120px}
#lobera-construir .lc-section h2{position:relative;padding-top:26px;margin-bottom:38px;font-size:clamp(32px,3.5vw,48px);line-height:1.06;
  letter-spacing:-.035em;font-weight:400;color:var(--lc-white);scroll-margin-top:100px}
#lobera-construir .lc-section h2::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:var(--lc-rule)}
#lobera-construir .lc-col p{font-size:19px;line-height:1.68;margin:0 0 26px;color:var(--lc-paper)}
#lobera-construir .lc-col p strong{font-weight:700;color:var(--lc-white)}
#lobera-construir .lc-col p em{font-style:italic}
#lobera-construir .lc-col p.lc-lede{font-size:clamp(21px,1.75vw,24px);line-height:1.5;letter-spacing:-.01em;margin-bottom:30px;color:var(--lc-white)}
#lobera-construir .lc-col p.lc-statement{margin:58px 0 0;padding-left:26px;border-left:1px solid var(--lc-paper);font-size:clamp(25px,2.4vw,33px);
  line-height:1.24;letter-spacing:-.022em;color:var(--lc-white)}
#lobera-construir .lc-figure{margin:76px auto 70px}
#lobera-construir .lc-figure svg.lc-narrow{display:none}

/* cita */
#lobera-construir .lc-quote{margin:84px auto 78px;padding-top:30px;position:relative}
#lobera-construir .lc-quote::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:var(--lc-paper);transform-origin:0 50%}
#lobera-construir .lc-quote blockquote{max-width:1020px}
#lobera-construir .lc-quote blockquote p{font-size:clamp(30px,4vw,56px);line-height:1.08;letter-spacing:-.035em;color:var(--lc-white);text-indent:-.333em}
#lobera-construir .lc-quote figcaption{margin-top:28px;font-family:var(--lc-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--lc-muted)}
#lobera-construir.lc-js .lc-quote:not(.in)::before{transform:scaleX(0)}
#lobera-construir.lc-js .lc-quote::before{transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
#lobera-construir.lc-js .lc-quote:not(.in) blockquote,#lobera-construir.lc-js .lc-quote:not(.in) figcaption{opacity:0;transform:translateY(14px)}
#lobera-construir.lc-js .lc-quote blockquote,#lobera-construir.lc-js .lc-quote figcaption{transition:opacity .9s ease .15s,transform .9s cubic-bezier(.22,1,.36,1) .15s}

/* cierre y firma */
#lobera-construir .lc-coda{padding:120px 0 110px}
#lobera-construir .lc-coda-line{position:relative;padding-top:34px;font-size:clamp(46px,9.4vw,140px);line-height:.94;letter-spacing:-.05em;color:var(--lc-white)}
#lobera-construir .lc-coda-line::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:var(--lc-paper)}
#lobera-construir .lc-sign{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:70px;padding-top:20px;
  border-top:1px solid var(--lc-rule);font-size:13px;line-height:1.5;color:var(--lc-muted)}
#lobera-construir .lc-sign-brand{display:flex;align-items:center;gap:22px}
#lobera-construir .lc-sign img{width:120px;height:auto}
#lobera-construir .lc-sign a{display:inline-flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--lc-rule);color:var(--lc-paper);transition:border-color .2s}
#lobera-construir .lc-sign a:hover,#lobera-construir .lc-sign a:focus-visible{border-color:var(--lc-paper)}
#lobera-construir :focus-visible{outline:1px solid var(--lc-paper);outline-offset:4px}

/* dibujos: tinta clara sobre negro */
#lobera-construir .lc-draw .lc-ln{fill:none;stroke:var(--lc-paper);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#lobera-construir .lc-draw .lc-web,#lobera-construir .lc-draw .lc-hanger{stroke-opacity:.72;stroke-width:.9}
#lobera-construir .lc-draw .lc-chord,#lobera-construir .lc-draw .lc-deck{stroke-width:1.5}
#lobera-construir .lc-draw .lc-soft{stroke-opacity:.8}
#lobera-construir .lc-draw .lc-faint{stroke:var(--lc-rule)}
#lobera-construir .lc-draw .lc-temp{stroke:var(--lc-grey);stroke-dasharray:4 5}
#lobera-construir .lc-draw .lc-grid{fill:none;stroke:var(--lc-dark);stroke-width:1;vector-effect:non-scaling-stroke}
#lobera-construir .lc-draw .lc-key{fill:none;stroke:var(--lc-paper);stroke-width:1;vector-effect:non-scaling-stroke}
#lobera-construir .lc-draw .lc-tx{fill:var(--lc-muted);font-family:var(--lc-mono);letter-spacing:.08em}
#lobera-construir .lc-draw .lc-tx-hi{fill:var(--lc-white)}
#lobera-construir .lc-draw .lc-tx-head{fill:var(--lc-paper)}
#lobera-construir .lc-cycles .lc-ln{vector-effect:none;stroke-width:1.3}
#lobera-construir .lc-cycles .lc-build{stroke-width:2.4}
#lobera-construir .lc-cycles .lc-opt{stroke:var(--lc-grey);stroke-width:1.6;stroke-dasharray:6 6}
#lobera-construir .lc-cycles .lc-future{stroke-width:1.8;stroke-dasharray:3 6}
#lobera-construir .lc-cycles .lc-axis{stroke:var(--lc-grey)}
#lobera-construir .lc-cycles .lc-now{stroke:var(--lc-grey);stroke-dasharray:2 5}
#lobera-construir .lc-cycles .lc-faint{stroke:var(--lc-rule)}
#lobera-construir .lc-cycles .lc-ph-c{fill:var(--lc-paper)}
#lobera-construir .lc-cycles .lc-ph-o{fill:none;stroke:var(--lc-grey);stroke-width:1}
#lobera-construir .lc-cycles .lc-dot{fill:var(--lc-white)}
#lobera-construir .lc-cycles .lc-pulse{fill:none;stroke:var(--lc-white);stroke-width:1.2;transform-box:fill-box;transform-origin:50% 50%}
#lobera-construir.lc-js .lc-cycles .on .lc-pulse{animation:lc-pulse 2.4s ease-out infinite}

/* montaje: sin JS, el dibujo terminado; con JS, cada pieza entra en su momento (data-in) y las provisionales salen (data-out) */
#lobera-construir:not(.lc-js) .lc-draw [data-out]{display:none}
#lobera-construir.lc-js .lc-draw [data-in]{opacity:0;transition:opacity .45s ease,transform .75s cubic-bezier(.2,.75,.2,1)}
#lobera-construir.lc-js .lc-draw [data-in].on{opacity:1}
#lobera-construir.lc-js .lc-draw [data-in].on.off{opacity:0;transition:opacity 1s ease}
#lobera-construir .lc-draw .lc-rise{transform-box:fill-box;transform-origin:50% 100%}
#lobera-construir .lc-draw .lc-drop{transform-box:fill-box;transform-origin:50% 0}
#lobera-construir.lc-js .lc-draw .lc-rise:not(.on),#lobera-construir.lc-js .lc-draw .lc-drop:not(.on){transform:scaleY(0)}
#lobera-construir.lc-js .lc-draw .lc-key.on{animation:lc-key .9s ease-out both}
#lobera-construir .lc-draw .lc-item{transform-box:fill-box;transform-origin:50% 100%}
#lobera-construir.lc-js .lc-draw .lc-item:not(.on){transform:translateY(10px)}
#lobera-construir.lc-js .lc-cycles .lc-seg .lc-build{stroke-dasharray:var(--len,0);stroke-dashoffset:var(--len,0)}
#lobera-construir.lc-js .lc-cycles .lc-seg.on .lc-build{stroke-dashoffset:0;transition:stroke-dashoffset .6s cubic-bezier(.45,.05,.55,.95)}

@keyframes lc-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes lc-blink{50%{opacity:0}}
@keyframes lc-key{0%{transform:scale(.2);opacity:1}100%{transform:scale(2.4);opacity:0}}
@keyframes lc-pulse{0%{transform:scale(1);opacity:.9}80%,100%{transform:scale(3.2);opacity:0}}
#lobera-construir .lc-draw .lc-key{transform-box:fill-box;transform-origin:50% 50%}

@media (max-width:1024px){
  #lobera-construir .lc-wrap{width:calc(100% - 60px)}
  #lobera-construir .lc-col{width:min(700px,calc(100% - 60px))}
}
@media (max-width:820px){
  #lobera-construir .lc-figure svg.lc-wide-only{display:none}
  #lobera-construir .lc-figure svg.lc-narrow{display:block;max-width:520px;margin:0 auto}
}
@media (max-width:767px){
  #lobera-construir .lc-progress{top:47px}
  #lobera-construir .lc-wrap,#lobera-construir .lc-col{width:calc(100% - 40px)}
  #lobera-construir .lc-hero{padding-top:104px}
  #lobera-construir .lc-title{margin:44px 0 24px;letter-spacing:-.04em}
  #lobera-construir .lc-meta{gap:8px 18px;margin-top:30px}
  #lobera-construir .lc-meta img{width:82px}
  #lobera-construir .lc-plate{margin-top:30px;overflow:hidden}
  #lobera-construir .lc-plate svg.lc-bridge{width:140%;max-width:none;margin-left:-20%}
  #lobera-construir figcaption.lc-cap{flex-direction:column;gap:4px}
  #lobera-construir .lc-body{padding-top:76px}
  #lobera-construir .lc-section+.lc-section{margin-top:84px}
  #lobera-construir .lc-col p{font-size:17.5px;line-height:1.66;margin-bottom:22px}
  #lobera-construir .lc-col p.lc-statement{margin-top:44px;padding-left:18px}
  #lobera-construir .lc-figure{margin:52px auto 48px}
  #lobera-construir .lc-quote{margin:60px auto 56px;padding-top:24px}
  #lobera-construir .lc-coda{padding:84px 0 80px}
  #lobera-construir .lc-sign{margin-top:48px}
  #lobera-construir .lc-sign img{width:100px}
}
@media (prefers-reduced-motion:reduce){
  #lobera-construir *,#lobera-construir *::before{animation:none!important;transition:none!important}
}
@media print{
  #lobera-construir .lc-progress{display:none}
}