/* Orama · Footer (v6) — scopeado bajo .orama-ftr */
/* Reset de los wrappers que Elementor pone alrededor del widget en el Theme Builder */
.elementor-location-footer .elementor-section,
.elementor-location-footer .elementor-container,
.elementor-location-footer .e-con,
.elementor-location-footer .e-con-inner,
.elementor-location-footer .elementor-column,
.elementor-location-footer .elementor-widget-wrap,
.elementor-location-footer .elementor-widget-orama_footer,
.elementor-location-footer .elementor-widget-orama_footer > .elementor-widget-container{
  background:transparent!important;padding:0!important;margin:0!important;
  width:100%;max-width:none;min-height:0;box-shadow:none}

.orama-ftr{--b:#5486FF;--bb:#7CA2FF;--bg2:#0E1A30;--line:rgba(124,162,255,.15);--line-soft:rgba(124,162,255,.08);
  --text:#EAF0FB;--muted:#97A6C2;--faint:#61748F;
  font-family:"Inter",system-ui,sans-serif;position:relative;z-index:2;display:block;overflow:hidden;
  /* fondo transparente arriba → la luz del bloque anterior (CTA) entra suavemente y no se corta */
  background:linear-gradient(180deg,transparent 0,var(--bg2) 230px);padding:60px 0 36px;
  border-top:1px solid var(--line-soft)}
.orama-ftr *{box-sizing:border-box}
/* glow MUY sutil que continúa la luz del CTA dentro del footer */
.orama-ftr::before{content:"";position:absolute;top:-220px;left:50%;transform:translateX(-50%);
  width:1100px;height:620px;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,var(--b) 0%,transparent 62%);opacity:.06}
.orama-ftr .inner{position:relative;z-index:1;max-width:1600px;margin:0 auto;padding:0 24px}

.orama-ftr .foot-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1.2fr;gap:28px;margin-bottom:48px}
.orama-ftr .foot-top.has-c4{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr 1.2fr}
.orama-ftr .foot-top h5{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);margin-bottom:15px}
.orama-ftr .foot-top a{display:block;color:var(--muted);font-size:.93rem;margin-bottom:10px;text-decoration:none;transition:color .2s}
.orama-ftr .foot-top a:hover{color:var(--text)}

.orama-ftr .foot-brand .logo{display:inline-flex;align-items:center}
.orama-ftr .foot-brand .logo svg{height:30px;width:auto;color:#fff;display:block}
.orama-ftr .foot-brand p{color:var(--muted);font-size:.93rem;max-width:30ch;margin-top:14px}
/* Acreditaciones (Lanzadera, Madrid Emprende, Visa…) + sello ENISA */
.orama-ftr .foot-accred{margin-top:24px}
.orama-ftr .foot-accred__label{color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.02em;margin:0 0 16px}
/* Lanzadera en su línea; Visa + Madrid Emprende en la misma fila (footer más compacto) */
.orama-ftr .foot-badges{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px}
.orama-ftr .foot-badges img{height:32px;width:auto;max-width:200px;object-fit:contain;
  filter:brightness(0) invert(1);opacity:.78;transition:opacity .2s var(--ease)}
.orama-ftr .foot-badges__break{flex-basis:100%;height:0}      /* fuerza salto: Lanzadera arriba, Visa+Madrid debajo */
.orama-ftr .foot-badges img:nth-child(n+2){height:42px}        /* Visa + Madrid Emprende, más grandes */
.orama-ftr .foot-badges img:hover{opacity:1}
/* Sello ENISA debajo de "Recibe novedades", alineado a la derecha y más grande */
.orama-ftr .foot-seal{margin-top:28px;text-align:right}
.orama-ftr .foot-seal img{height:150px;width:auto;filter:brightness(0) invert(1);opacity:.85}
.orama-ftr .foot-seal--m{display:none}   /* el de móvil, oculto en escritorio */
/* En móvil: ENISA a la derecha, a la altura del bloque de logos (Lanzadera/Visa) */
@media(max-width:768px){
  .orama-ftr .foot-seal--d{display:none}
  .orama-ftr .foot-accred{display:flex;align-items:center;justify-content:space-between;gap:18px}
  .orama-ftr .foot-accred__left{flex:1;min-width:0}
  .orama-ftr .foot-seal--m{display:block;margin-top:0;flex:0 0 auto}
  .orama-ftr .foot-seal--m img{height:96px}
}

.orama-ftr .foot-news .nl-sub{color:var(--muted);font-size:.9rem;margin-bottom:4px}
.orama-ftr .news{display:flex;gap:8px;margin-top:12px}
.orama-ftr .news input{flex:1;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:10px;
  padding:.6em .8em;color:var(--text);font-family:inherit;font-size:.9rem}
.orama-ftr .news input::placeholder{color:var(--faint)}
.orama-ftr .news-btn{flex:0 0 auto;border:0;cursor:pointer;border-radius:10px;padding:.6em .9em;
  background:var(--b);color:#fff;font-size:1rem;line-height:1;transition:background .2s,transform .2s}
.orama-ftr .news-btn:hover{background:var(--bb);transform:translateY(-1px)}

.orama-ftr .wordmark{display:flex;justify-content:center;padding:20px 0 8px;opacity:.95}
.orama-ftr .wordmark svg{height:clamp(56px,10vw,120px);width:auto;color:#fff;display:block}

.orama-ftr .foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
  padding-top:24px;border-top:1px solid var(--line-soft);color:var(--faint);font-size:.85rem}

/* valoración + selector agrupados a la derecha, como dos columnas */
.orama-ftr .foot-bottom__right{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.orama-ftr .foot-bottom__right > span{color:var(--faint)}

/* Selector de idioma — switch segmentado ES | EN */
.orama-ftr .foot-lang{display:inline-flex;align-items:center;gap:2px;padding:3px;
  border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03)}
.orama-ftr .foot-lang__i{display:inline-block;padding:.3em .85em;border-radius:999px;
  font-size:.78rem;font-weight:600;letter-spacing:.04em;line-height:1.45;text-decoration:none;color:var(--muted);
  transition:background .2s var(--ease,cubic-bezier(.22,1,.36,1)),color .2s var(--ease,cubic-bezier(.22,1,.36,1))}
.orama-ftr a.foot-lang__i:hover{background:rgba(124,162,255,.12);color:var(--text)}
.orama-ftr a.foot-lang__i:focus-visible{outline:1px solid var(--line);outline-offset:3px}
/* idioma actual: pastilla azul de marca */
.orama-ftr .foot-lang__i.is-on{background:var(--b);color:#fff}
/* idioma sin traducción de esta página: apagado, sin enlace y con aviso al pasar por encima */
.orama-ftr .foot-lang__i.is-off{color:var(--faint);opacity:.5;cursor:not-allowed;position:relative}
.orama-ftr .foot-lang__i.is-off::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 11px);right:0;
  white-space:nowrap;background:var(--bg2);border:1px solid var(--line);border-radius:8px;
  padding:.5em .75em;font-size:.72rem;font-weight:500;letter-spacing:0;color:var(--muted);
  box-shadow:0 8px 22px rgba(0,0,0,.4);pointer-events:none;z-index:3;
  opacity:0;visibility:hidden;transform:translateY(3px);
  transition:opacity .18s var(--ease,cubic-bezier(.22,1,.36,1)),transform .18s var(--ease,cubic-bezier(.22,1,.36,1)),visibility .18s}
.orama-ftr .foot-lang__i.is-off:hover::after,
.orama-ftr .foot-lang__i.is-off:focus-visible::after{opacity:1;visibility:visible;transform:translateY(0)}

@media(max-width:520px){
  /* en columna cada elemento cae en su propia fila; el chip va arriba y centrado */
  .orama-ftr .foot-bottom{flex-direction:column;align-items:center;text-align:center;gap:10px}
  .orama-ftr .foot-bottom__right{justify-content:center;gap:14px}
}

@media(max-width:900px){
  .orama-ftr .foot-top{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .orama-ftr .foot-top{grid-template-columns:1fr}
}

/* Hueco para el botón de WhatsApp (Joinchat) en la última fila del pie: tapaba el selector ES/EN */
.orama-rev .orama-ftr .foot-bottom__right{margin-right:84px}
@media (max-width:640px){
  .orama-rev .orama-ftr .foot-bottom__right{margin-right:0}
  .orama-rev .orama-ftr .foot-bottom{padding-bottom:88px}
}

/* Actualización 5: con la 4.ª columna (.has-c4) el pie no pasaba a 2/1 columnas en tableta y móvil (la regla .has-c4 pesa más).
   Se limita al pie con el texto legal del newsletter para que entre con la actualización 5; al publicarla se puede quitar el :has(). */
@media(max-width:900px){ .orama-ftr .foot-top.has-c4:has(.news-legal){grid-template-columns:1fr 1fr} }
@media(max-width:520px){ .orama-ftr .foot-top.has-c4:has(.news-legal){grid-template-columns:1fr} }