/* =====================================================================
   ORAMA · BLOG — generalista + tarjetas + portadas generadas
   Usa los tokens de brand.css. No define color propio salvo el verde de
   los gráficos, que está pendiente de unificar (ver --ob-verde).
   ===================================================================== */
:root{
  /* Los DOS colores base de las portadas. Cambiar aquí = cambia en todo el blog.
     Deben ir en sintonía con orama-blog.php (ORAMA_BLOG_AZUL / ORAMA_BLOG_VERDE). */
  --ob-azul:  var(--orama-brand-bright, #7CA2FF);
  --ob-verde: #5BB98C;
}

/* ---------------------------------------------------------------------
   HERO — deliberadamente bajo: el listado tiene que entrar pronto
   --------------------------------------------------------------------- */
.ob-hero{ position:relative; overflow:hidden; border-radius:28px;
  padding:56px 56px 48px;
  background:linear-gradient(160deg, var(--orama-surface), var(--orama-bg-2));
  border:1px solid var(--orama-line); }
.ob-hero__badge{ display:inline-flex; align-items:center; gap:8px;
  font-size:.8rem; font-weight:600; color:var(--orama-text);
  background:rgba(84,134,255,.1); border:1px solid rgba(84,134,255,.25);
  padding:.42em .95em; border-radius:999px; }
.ob-hero__badge i{ width:6px; height:6px; border-radius:50%; background:var(--orama-brand); }
.ob-hero__title{ font-size:clamp(2rem,4.2vw,3.125rem); line-height:1.1; letter-spacing:-.02em;
  font-weight:800; margin:20px 0 18px; max-width:22ch; color:var(--orama-text); }
.ob-hero__title.has-gradient{
  background:linear-gradient(100deg, var(--orama-text) 0%, var(--orama-brand-bright) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent; }
.ob-hero__text{ font-size:1.06rem; line-height:1.6; color:var(--orama-muted); margin:0; max-width:56ch; }
@media(max-width:760px){ .ob-hero{ padding:36px 24px 32px; border-radius:20px; } }

/* ---------------------------------------------------------------------
   PORTADAS GENERADAS — el elemento unificador de todas las entradas
   --------------------------------------------------------------------- */
.ob-cover{ position:relative; overflow:hidden; aspect-ratio:16/10;
  border-radius:14px; border:1px solid var(--orama-line); }
.ob-cover--big{ aspect-ratio:16/11; border:0; border-radius:0; }
.ob-cover--img{ background:var(--orama-bg-2); }
.ob-cover__img{ width:100%; height:100%; object-fit:cover; display:block; }

/* El gráfico: SIEMPRE un SVG que ocupa la mitad inferior de la portada.
   Nueve variantes (línea, área, barras, waterfall, escenarios, conciliación,
   pasarelas, multientidad, nodos, gauge) elegidas por el texto del artículo. */
.ob-cover__svg{ position:absolute; left:0; bottom:0; width:100%; height:55%; opacity:.9; }
/* Los que no son de "serie temporal" necesitan la caja entera para respirar */
.ob-svg--concilia, .ob-svg--pasarelas, .ob-svg--multi, .ob-svg--nodos,
.ob-svg--gauge, .ob-svg--cuadro, .ob-svg--balance{ height:76%; }
/* Las celdas del cuadro se encienden escalonadas al hover */
.ob-cover__svg .ob-cell{ transition:opacity .4s var(--orama-ease); }
.ob-card:hover .ob-cover__svg .ob-cell,
.ob-featured:hover .ob-cover__svg .ob-cell{ opacity:.5; }

/* Trazos que se dibujan solos al hover */
.ob-cover__svg .ob-line, .ob-cover__svg .ob-link, .ob-cover__svg .ob-arc{
  stroke-dasharray:1; stroke-dashoffset:0; }
/* .ob-fut = trazos que YA van punteados (futuro del forecast, ramas de escenarios).
   No pueden llevar el dibujado por dasharray: les pisaría el punteado. Se
   revelan con opacidad. */
.ob-cover__svg .ob-fut{ transition:opacity .5s var(--orama-ease); opacity:.45; }
.ob-card:hover .ob-cover__svg .ob-fut,
.ob-featured:hover .ob-cover__svg .ob-fut{ opacity:.9; }
.ob-card:hover .ob-cover__svg .ob-line, .ob-featured:hover .ob-cover__svg .ob-line,
.ob-card:hover .ob-cover__svg .ob-arc,  .ob-featured:hover .ob-cover__svg .ob-arc{
  animation:ob-draw 1.1s var(--orama-ease) forwards; }
.ob-card:hover .ob-cover__svg .ob-link, .ob-featured:hover .ob-cover__svg .ob-link{
  animation:ob-draw .7s var(--orama-ease) forwards; }
@keyframes ob-draw{ from{ stroke-dashoffset:1; } to{ stroke-dashoffset:0; } }

/* Barras: crecen escalonadas. Opacidad baja a propósito — una barra rellena
   pesa mucho más que una línea de 2px y en la rejilla se ven juntas. */
.ob-cover__svg .ob-bar{ transform-origin:center bottom; }
.ob-card:hover .ob-cover__svg .ob-bar,
.ob-featured:hover .ob-cover__svg .ob-bar{ animation:ob-grow .5s var(--orama-ease) backwards; }
.ob-cover__svg .ob-bar:nth-of-type(2){ animation-delay:.05s; }
.ob-cover__svg .ob-bar:nth-of-type(3){ animation-delay:.1s; }
.ob-cover__svg .ob-bar:nth-of-type(4){ animation-delay:.15s; }
.ob-cover__svg .ob-bar:nth-of-type(5){ animation-delay:.2s; }
.ob-cover__svg .ob-bar:nth-of-type(6){ animation-delay:.25s; }
.ob-cover__svg .ob-bar:nth-of-type(7){ animation-delay:.3s; }
@keyframes ob-grow{ from{ transform:scaleY(.25); } to{ transform:scaleY(1); } }

/* Nodos y píldoras: laten suave al hover */
.ob-cover__svg .ob-node, .ob-cover__svg .ob-pz{ transition:opacity .35s var(--orama-ease); }
.ob-card:hover .ob-cover__svg .ob-node, .ob-featured:hover .ob-cover__svg .ob-node,
.ob-card:hover .ob-cover__svg .ob-pz,   .ob-featured:hover .ob-cover__svg .ob-pz{ opacity:.85; }

/* Forma de acento + sello en monoespaciada */
.ob-cover__shape{ position:absolute; top:12px; left:12px; width:26px; height:26px;
  background:rgba(21,36,63,.8); border:1px solid rgba(124,162,255,.4);
  transition:transform .45s var(--orama-ease); }
.ob-cover--big .ob-cover__shape{ top:20px; left:20px; width:34px; height:34px; }
.ob-card:hover .ob-cover__shape,
.ob-featured:hover .ob-cover__shape{ transform:rotate(180deg) scale(1.08) !important; }
.ob-cover__kw{ position:absolute; bottom:10px;
  font-family:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:.69rem; font-weight:600; letter-spacing:.03em; color:rgba(255,255,255,.2);
  transition:color .3s; }
.ob-cover__kw.is-right{ right:12px; }
.ob-cover__kw.is-left{ left:12px; }
.ob-cover__kw.is-top{ top:14px; bottom:auto; right:12px; }
.ob-cover--big .ob-cover__kw{ bottom:14px; font-size:.81rem; }
.ob-cover--big .ob-cover__kw.is-top{ top:22px; bottom:auto; right:20px; }
.ob-card:hover .ob-cover__kw,
.ob-featured:hover .ob-cover__kw{ color:rgba(255,255,255,.4); }

/* ---------------------------------------------------------------------
   DESTACADO
   --------------------------------------------------------------------- */
.ob-featured{ display:grid; grid-template-columns:1.1fr 1fr; gap:0;
  border-radius:24px; overflow:hidden; text-decoration:none;
  background:var(--orama-surface); border:1px solid var(--orama-line);
  transition:transform .25s var(--orama-ease), border-color .25s; }
.ob-featured:hover{ transform:translateY(-4px); border-color:rgba(124,162,255,.35); }
.ob-featured__body{ padding:44px; display:flex; flex-direction:column; justify-content:center; }
.ob-featured__title{ font-size:clamp(1.35rem,2.2vw,1.8rem); line-height:1.25; font-weight:700;
  letter-spacing:-.01em; margin:18px 0 14px; color:var(--orama-text); }
.ob-featured__text{ font-size:.97rem; line-height:1.6; color:var(--orama-muted); margin:0 0 22px; }
@media(max-width:860px){
  .ob-featured{ grid-template-columns:1fr; }
  .ob-featured__body{ padding:28px 24px; }
  .ob-cover--big{ aspect-ratio:16/9; }
}

/* Etiqueta de categoría en píldora (destacado) */
.ob-tag{ display:inline-block; width:fit-content; font-size:.72rem; font-weight:600;
  letter-spacing:.03em; text-transform:uppercase; color:var(--orama-brand-bright);
  background:rgba(84,134,255,.12); border:1px solid rgba(84,134,255,.22);
  padding:6px 12px; border-radius:999px; }

/* Avatar de autor con iniciales */
.ob-avatar{ width:32px; height:32px; border-radius:50%; display:inline-flex;
  align-items:center; justify-content:center; font-size:.72rem; font-weight:700;
  color:var(--orama-brand-soft); background:rgba(84,134,255,.18); }

/* ---------------------------------------------------------------------
   FILTROS
   --------------------------------------------------------------------- */
.ob-filters{ display:flex; gap:10px; flex-wrap:wrap; padding:20px 0; }
.ob-filters.has-borders{ border-top:1px solid var(--orama-line); border-bottom:1px solid var(--orama-line); }
.ob-pill{ font-size:.86rem; font-weight:600; padding:9px 16px; border-radius:999px;
  text-decoration:none; color:var(--orama-muted);
  background:var(--orama-bg-2); border:1px solid var(--orama-line);
  transition:color .2s, background .2s, border-color .2s, transform .2s var(--orama-ease); }
.ob-pill:hover{ transform:translateY(-2px); color:var(--orama-text);
  border-color:var(--orama-brand-bright); background:var(--orama-surface); }
.ob-pill.is-active{ color:var(--orama-bg); background:var(--orama-brand); border-color:var(--orama-brand); }
.ob-pill.is-active:hover{ color:var(--orama-bg); background:var(--orama-brand-bright); border-color:var(--orama-brand-bright); }

/* ---------------------------------------------------------------------
   LISTADO
   --------------------------------------------------------------------- */
.ob-grid{ display:grid; gap:32px; }
.ob-grid--2{ grid-template-columns:repeat(2,1fr); }
.ob-grid--3{ grid-template-columns:repeat(3,1fr); }
.ob-grid--4{ grid-template-columns:repeat(4,1fr); }
@media(max-width:1000px){ .ob-grid--3,.ob-grid--4{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:620px){ .ob-grid--2,.ob-grid--3,.ob-grid--4{ grid-template-columns:1fr; } }

.ob-card{ display:flex; flex-direction:column; text-decoration:none;
  transition:transform .25s var(--orama-ease); }
.ob-card:hover{ transform:translateY(-4px); }
.ob-card .ob-cover{ margin-bottom:16px; }
.ob-card__cat{ font-size:.72rem; font-weight:600; letter-spacing:.03em; text-transform:uppercase;
  color:var(--orama-brand-bright); margin-bottom:10px; }
.ob-card__title{ font-size:1.06rem; line-height:1.32; font-weight:700; letter-spacing:-.01em;
  margin:0 0 8px; color:var(--orama-text); transition:color .2s; }
.ob-card:hover .ob-card__title{ color:var(--orama-brand-soft); }
.ob-card__text{ font-size:.9rem; line-height:1.5; color:var(--orama-muted); margin:0 0 14px; }

/* Meta compartida: fecha · minutos */
.ob-meta{ display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; font-size:.83rem;
  color:var(--orama-faint); margin-top:auto; }
.ob-meta--author{ gap:12px; font-size:.88rem; color:var(--orama-muted); margin-top:0; }
.ob-meta__sep{ color:var(--orama-faint); }

.ob-empty{ color:var(--orama-muted); font-size:.98rem; margin:0; }

/* ---------------------------------------------------------------------
   PAGINACIÓN
   --------------------------------------------------------------------- */
.ob-pagination{ display:flex; justify-content:center; gap:8px; flex-wrap:wrap; margin-top:44px; }
.ob-pagination .page-numbers{ display:inline-flex; align-items:center; justify-content:center;
  min-width:40px; height:40px; padding:0 12px; border-radius:11px; font-size:.9rem; font-weight:600;
  text-decoration:none; color:var(--orama-muted);
  background:var(--orama-bg-2); border:1px solid var(--orama-line);
  transition:color .2s, background .2s, border-color .2s, transform .2s var(--orama-ease); }
.ob-pagination .page-numbers:hover{ transform:translateY(-2px); color:var(--orama-text);
  border-color:var(--orama-brand-bright); background:var(--orama-surface); }
.ob-pagination .page-numbers.current{ color:var(--orama-bg); background:var(--orama-brand); border-color:var(--orama-brand); }
.ob-pagination .page-numbers.dots{ background:transparent; border-color:transparent; }
.ob-pagination .page-numbers.dots:hover{ transform:none; }

/* ---------------------------------------------------------------------
   CTA EN LÍNEA (el de dentro de las entradas)
   --------------------------------------------------------------------- */
/* Mismo azul que el resto de la web: rgba del azul de marca sobre la superficie
   navy, como la card de Academy y la columna Orama de la comparativa.
   NO usar --orama-brand-deep (#0D4069) de fondo: es de otra familia (petróleo)
   y solo está pensado como color de foco de luz. */
.ob-cta{ position:relative; overflow:hidden; border-radius:24px; padding:44px 48px;
  display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap;
  background:linear-gradient(160deg, rgba(84,134,255,.22), var(--orama-surface));
  border:1px solid rgba(84,134,255,.4); }
.ob-cta__glow{ position:absolute; top:-70px; right:-50px; width:260px; height:260px;
  border-radius:50%; background:radial-gradient(circle, var(--orama-brand) 0%, transparent 62%);
  opacity:.3; pointer-events:none; z-index:0; }
.ob-cta__body{ position:relative; z-index:1; max-width:52ch; }
.ob-cta__badge{ display:inline-flex; align-items:center; gap:8px; font-size:.8rem; font-weight:600;
  color:var(--orama-text); background:rgba(84,134,255,.14); border:1px solid rgba(84,134,255,.3);
  padding:7px 14px; border-radius:999px; margin-bottom:16px; }
.ob-cta__badge i{ width:6px; height:6px; border-radius:50%; background:var(--orama-brand); }
.ob-cta__title{ font-size:clamp(1.3rem,2.2vw,1.7rem); line-height:1.25; font-weight:800;
  letter-spacing:-.01em; color:var(--orama-text); margin:0 0 10px; }
.ob-cta__text{ font-size:.97rem; line-height:1.5; color:var(--orama-muted); margin:0; }
.ob-cta__btn{ position:relative; z-index:1; flex-shrink:0; }
@media(max-width:760px){
  .ob-cta{ padding:32px 24px; border-radius:20px; }
  .ob-cta__btn{ width:100%; justify-content:center; }
}

.ob-cta--stack{ flex-direction:column; align-items:flex-start; gap:20px; }
.ob-cta--stack .ob-cta__btn{ align-self:flex-start; }
@media(max-width:760px){ .ob-cta--stack .ob-cta__btn{ align-self:stretch; } }

/* =====================================================================
   PLANTILLA DE ENTRADA
   ===================================================================== */

/* Cabecera: lleva de fondo el mismo gráfico que su portada en el listado */
.ob-posthero{ position:relative; overflow:hidden; border-radius:24px; padding:64px 56px;
  background:linear-gradient(160deg, var(--orama-surface), var(--orama-bg-2));
  border:1px solid var(--orama-line); }
.ob-posthero__bg{ position:absolute; left:0; bottom:0; width:100%; height:60%;
  opacity:.18; pointer-events:none; }
.ob-posthero__bg .ob-cover__svg{ height:100%; opacity:1; }
.ob-posthero__body{ position:relative; z-index:1; max-width:760px; }
.ob-posthero.is-center .ob-posthero__body{ margin-inline:auto; text-align:center; }
.ob-posthero.is-center .ob-meta{ justify-content:center; }
.ob-posthero__title{ font-size:clamp(1.9rem,3.6vw,2.75rem); line-height:1.15; letter-spacing:-.02em;
  font-weight:800; margin:22px 0; color:var(--orama-text); }
.ob-posthero__text{ font-size:1.12rem; line-height:1.6; color:var(--orama-muted); margin:0 0 28px; }
.ob-posthero .ob-tag{ text-decoration:none; transition:border-color .2s, color .2s; }
.ob-posthero .ob-tag:hover{ border-color:var(--orama-brand-bright); color:var(--orama-text); }
@media(max-width:760px){ .ob-posthero{ padding:40px 24px; border-radius:20px; } }

/* Cuerpo del artículo — ancho de lectura y ritmo tipográfico */
.ob-article{ max-width:680px; margin-inline:auto; font-size:1.06rem; line-height:1.75; color:var(--orama-text); }
.ob-article > p{ margin:0 0 24px; color:#C7D3E8; }
.ob-article h2{ font-size:clamp(1.4rem,2.4vw,1.625rem); font-weight:700; letter-spacing:-.01em;
  line-height:1.28; color:var(--orama-text); margin:40px 0 16px; }
.ob-article h3{ font-size:1.2rem; font-weight:700; line-height:1.35;
  color:var(--orama-text); margin:32px 0 12px; }
.ob-article ul, .ob-article ol{ margin:0 0 24px; padding-left:22px; color:#C7D3E8; }
.ob-article li{ margin-bottom:10px; }
.ob-article a{ color:var(--orama-brand-bright); text-decoration:underline; text-underline-offset:3px; }
.ob-article a:hover{ color:var(--orama-brand-soft); }
.ob-article blockquote{ border-left:3px solid var(--orama-brand); padding:4px 0 4px 20px; margin:32px 0; }
.ob-article blockquote p{ font-size:1.18rem; font-style:italic; color:#DCE6F8; margin:0; }
.ob-article img{ max-width:100%; height:auto; border-radius:14px; margin:32px 0; }
.ob-article figcaption{ font-size:.85rem; color:var(--orama-faint); text-align:center; margin-top:-20px; }
.ob-article code{ font-family:"JetBrains Mono", ui-monospace, monospace; font-size:.9em;
  background:var(--orama-bg-2); border:1px solid var(--orama-line); border-radius:6px; padding:.1em .4em; }

/* Ficha de autor */
.ob-author{ max-width:680px; margin-inline:auto; }
.ob-author.has-border{ border-top:1px solid var(--orama-line); padding-top:32px; }
.ob-author__card{ display:flex; gap:20px; padding:28px; border-radius:18px;
  background:var(--orama-surface); border:1px solid var(--orama-line); }
.ob-author__avatar{ flex-shrink:0; }
.ob-author__img{ width:58px; height:58px; border-radius:50%; object-fit:cover; display:block; }
.ob-avatar--lg{ width:58px; height:58px; font-size:1.05rem; }
.ob-author__main{ flex:1; min-width:0; }
.ob-author__top{ display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:12px; }
.ob-author__name{ font-size:1rem; font-weight:700; color:var(--orama-text); }
.ob-author__role{ font-size:.85rem; color:var(--orama-muted); }
.ob-author__links{ display:flex; gap:8px; }
.ob-author__bio{ font-size:.9rem; line-height:1.6; color:var(--orama-muted); margin:14px 0 0; }
.ob-chip{ font-size:.84rem; font-weight:600; padding:8px 14px; border-radius:999px;
  text-decoration:none; color:var(--orama-muted);
  background:var(--orama-bg-2); border:1px solid var(--orama-line);
  transition:color .2s, border-color .2s, transform .2s var(--orama-ease); }
.ob-chip:hover{ transform:translateY(-2px); color:var(--orama-text); border-color:var(--orama-brand-bright); }
@media(max-width:560px){
  .ob-author__card{ flex-direction:column; gap:16px; }
  .ob-author__top{ flex-direction:column; align-items:flex-start; }
}

/* Más artículos — tarjeta compacta: portada, categoría y título */
.ob-related__title{ font-size:1.35rem; font-weight:700; letter-spacing:-.01em;
  color:var(--orama-text); margin:0 0 24px; }
.ob-card--mini .ob-card__title{ font-size:.98rem; margin-bottom:0; }

/* Respeta a quien pide menos movimiento */
@media(prefers-reduced-motion:reduce){
  .ob-card, .ob-featured, .ob-pill, .ob-chip, .ob-pagination .page-numbers{ transition:none; }
  .ob-card:hover, .ob-featured:hover, .ob-pill:hover, .ob-chip:hover{ transform:none; }
  .ob-cover__svg *, .ob-cover__shape{ animation:none !important; transition:none; }
}

/* ---------------------------------------------------------------------
   PÁGINAS LEGALES — sin diseño propio, texto sobre el fondo de la web.
   Reutilizan la tipografía de lectura de los artículos (.ob-article) y
   solo ajustan lo propio de un texto legal: h1, tablas y listas largas.
   --------------------------------------------------------------------- */
/* Especificidad alta a propósito: Elementor aplica su color global de encabezado
   con .elementor-widget-heading .elementor-heading-title y ganaba la cascada. */
.orama-legal h1,
.elementor-widget-heading.orama-legal .elementor-heading-title,
.orama-legal .elementor-widget-heading .elementor-heading-title{
  font-size:clamp(1.9rem,3.4vw,2.5rem); line-height:1.15; letter-spacing:-.02em;
  font-weight:800; color:var(--orama-text) !important; margin:0 0 28px; }
.orama-legal h2{ margin-top:44px; }
.orama-legal ol{ margin:0 0 24px; padding-left:22px; color:#C7D3E8; }
.orama-legal table{ width:100%; border-collapse:collapse; margin:24px 0; font-size:.9rem; }
.orama-legal th, .orama-legal td{ border:1px solid var(--orama-line); padding:10px 12px;
  text-align:left; vertical-align:top; color:#C7D3E8; }
.orama-legal th{ background:var(--orama-bg-2); color:var(--orama-text); font-weight:600; }
.orama-legal strong{ color:var(--orama-text); }
.orama-legal .elementor-widget-text-editor{ font-size:1rem; line-height:1.75; }

/* ---------------------------------------------------------------------
   /demo/ — el calendario de HubSpot dentro de un panel.
   El iframe de HubSpot es blanco y no se puede tematizar desde fuera
   (va en otro dominio), así que en vez de pelearse con él se enmarca:
   panel claro con radio y borde, para que lea como algo intencionado
   sobre el navy y no como un bloque blanco pegado.
   --------------------------------------------------------------------- */
.orama-demo{ max-width:920px; margin-inline:auto; }
.orama-demo .meetings-iframe-container{
  background:#fff; border-radius:var(--orama-radius);
  border:1px solid rgba(124,162,255,.28);
  box-shadow:0 26px 60px rgba(5,10,20,.45);
  overflow:hidden; min-height:680px; }
.orama-demo .meetings-iframe-container iframe{
  display:block; width:100% !important; min-height:680px; border:0; }
@media(max-width:760px){
  .orama-demo .meetings-iframe-container,
  .orama-demo .meetings-iframe-container iframe{ min-height:1020px; }
}

/* ---------------------------------------------------------------------
   /contacto/ — el formulario de HubSpot.
   OJO: este formulario está configurado en HubSpot como iframe
   (<iframe class="hs-form-iframe">), así que NO se puede tematizar desde
   aquí — el CSS no cruza el iframe. Mismo caso que el calendario de
   Meetings: en vez de pelearse, se enmarca en un panel claro para que
   lea como algo intencionado sobre el navy.
   Si algún día se cambia en HubSpot a formulario inline, entonces sí se
   podría vestir con los colores de la casa.
   --------------------------------------------------------------------- */
.orama-contacto .orama-hsform{
  background:#fff; border-radius:var(--orama-radius);
  border:1px solid rgba(124,162,255,.28);
  box-shadow:0 26px 60px rgba(5,10,20,.45);
  overflow:hidden; padding:8px 10px; }
.orama-hsform .hs-form-iframe{ display:block; width:100% !important; border:0; }

/* Las tarjetas de al lado, apiladas */
.orama-contacto__aside .elementor-widget:not(:last-child){ margin-bottom:18px; }
@media(max-width:900px){ .orama-contacto__aside{ margin-top:28px; } }

/* Formulario centrado y estrecho en las landings de campaña */
.orama-form-centrado .orama-hsform{ max-width:680px; margin-inline:auto; }