.elementor-2112 .elementor-element.elementor-element-1db1f46{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:153px;--padding-bottom:84px;--padding-left:32px;--padding-right:32px;}.elementor-2112 .elementor-element.elementor-element-1db1f46:not(.elementor-motion-effects-element-type-background), .elementor-2112 .elementor-element.elementor-element-1db1f46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0B0D;}.elementor-2112 .elementor-element.elementor-element-9266aa9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2112 .elementor-element.elementor-element-9266aa9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2.4px;color:#DAA520;}.elementor-2112 .elementor-element.elementor-element-ff4a036{margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2112 .elementor-element.elementor-element-ff4a036 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:62px;font-weight:700;line-height:1.06em;letter-spacing:-2px;color:#FFFFFF;}.elementor-2112 .elementor-element.elementor-element-4bca855{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2112 .elementor-element.elementor-element-0f1c30c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:96px;--padding-bottom:110px;--padding-left:32px;--padding-right:32px;}.elementor-2112 .elementor-element.elementor-element-0f1c30c:not(.elementor-motion-effects-element-type-background), .elementor-2112 .elementor-element.elementor-element-0f1c30c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F4F0;}.elementor-2112 .elementor-element.elementor-element-04d4fcc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2112 .elementor-element.elementor-element-d6fd8ea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Roboto", Sans-serif;font-size:16.5px;line-height:1.78em;color:#46464C;}@media(min-width:768px){.elementor-2112 .elementor-element.elementor-element-1db1f46{--content-width:1240px;}.elementor-2112 .elementor-element.elementor-element-0f1c30c{--content-width:900px;}}@media(max-width:1024px){.elementor-2112 .elementor-element.elementor-element-1db1f46{--padding-top:112px;--padding-bottom:70px;--padding-left:40px;--padding-right:40px;}.elementor-2112 .elementor-element.elementor-element-ff4a036 .elementor-heading-title{font-size:48px;}.elementor-2112 .elementor-element.elementor-element-0f1c30c{--padding-top:76px;--padding-bottom:88px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-2112 .elementor-element.elementor-element-1db1f46{--padding-top:108px;--padding-bottom:56px;--padding-left:20px;--padding-right:20px;}.elementor-2112 .elementor-element.elementor-element-9266aa9 .elementor-heading-title{font-size:10.5px;}.elementor-2112 .elementor-element.elementor-element-ff4a036 .elementor-heading-title{font-size:34px;letter-spacing:-0.9px;}.elementor-2112 .elementor-element.elementor-element-0f1c30c{--padding-top:58px;--padding-bottom:66px;--padding-left:20px;--padding-right:20px;}.elementor-2112 .elementor-element.elementor-element-d6fd8ea{font-size:16px;}}/* Start custom CSS *//* SteelArk - Paginas legales IA v2 - sistema visual compartido
   Aviso legal (2102) - Politica de privacidad (2110) - Politica de cookies (2112)
   Copia de referencia versionada en docs/design/legal-ia-v2/page-custom-css.css

   DOS REGLAS DE ESTA FAMILIA DE PAGINAS
   1. EL TEXTO LEGAL NO SE TOCA. Todo lo de aqui es presentacion.
   2. CERO ANIMACIONES LIGADAS AL SCROLL: si el navegador no resuelve
      `animation-timeline` el texto se quedaria a opacidad 0 y el documento
      dejaria de estar disponible. Solo hay una entrada por tiempo en la
      cabecera, que no afecta al cuerpo.

   Todos los body.elementor-page-2112es llevan prefijo .sa- : impacto cero fuera de estas paginas. */

/* ---------- 1. Base de seccion ---------- */
.sa-sec{ position: relative; }
.sa-sec > .e-con-inner{ position: relative; z-index: 2; }

/* ---------- 2. Reticula tecnica (estatica) ---------- */
.sa-grid{ overflow: hidden; overflow: clip; }
.sa-grid::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background-image:
    linear-gradient(to right,  rgba(218,165,32,.13) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(218,165,32,.13) 1px, transparent 1px);
  background-size: 92px 92px;
  -webkit-mask-image: radial-gradient(120% 90% at 74% 10%, #000 0%, transparent 76%);
          mask-image: radial-gradient(120% 90% at 74% 10%, #000 0%, transparent 76%);
}
.sa-grid.sa-glow::after{
  background-image:
    radial-gradient(50vw 50vw at 82% 24%, rgba(218,165,32,.20) 0%, rgba(218,165,32,0) 62%),
    linear-gradient(to right,  rgba(218,165,32,.13) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(218,165,32,.13) 1px, transparent 1px);
  background-size: 100% 100%, 92px 92px, 92px 92px;
  background-repeat: no-repeat, repeat, repeat;
}
.sa-grid-s{ overflow: visible; }
.sa-grid-s::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background-image:
    linear-gradient(to right,  rgba(17,17,17,.055) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(17,17,17,.055) 1px, transparent 1px);
  background-size: 92px 92px;
  -webkit-mask-image: radial-gradient(120% 60% at 22% 0%, #000 0%, transparent 78%);
          mask-image: radial-gradient(120% 60% at 22% 0%, #000 0%, transparent 78%);
}

/* ---------- 3. Kicker e indice ---------- */
.sa-kicker .elementor-heading-title{
  position: relative;
  padding-left: 40px;
  display: inline-block;
}
.sa-kicker .elementor-heading-title::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 28px; height: 1px;
  background: currentColor;
  opacity: .75;
}
.sa-i{ line-height: 1.2; }

/* ---------- 4. Filete dorado bajo el titular ---------- */
.sa-hrule{
  height: 1px;
  width: 132px;
  min-height: 1px;
  background: linear-gradient(90deg, #DAA520 0%, rgba(218,165,32,0) 100%);
}

/* ---------- 5. INDICE DEL DOCUMENTO ---------- */
.sa-toclist{ counter-reset: sa-toc; }
.sa-toclist p{
  position: relative;
  counter-increment: sa-toc;
  margin: 0;
  padding: 11px 0 11px 36px;
  border-top: 1px solid rgba(17,17,17,.14);
}
.sa-toclist p:last-child{ border-bottom: 1px solid rgba(17,17,17,.14); }
.sa-toclist p::before{
  content: counter(sa-toc, upper-roman);
  position: absolute;
  left: 0; top: 13px;
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.2px;
  color: #7A5D0F;
  font-variant-numeric: tabular-nums;
}
.sa-toclist-dec p::before{ content: counter(sa-toc, decimal-leading-zero); }

@media (min-width: 1025px){
  .sa-toc{ position: sticky; top: 112px; }
}

/* ---------- 5b. DOCUMENTO SIN INDICE (politica de cookies) ----------
   Documento corto y sin apartados numerados: un indice lateral seria mas
   ruido que ayuda. Se compone como una sola columna de lectura y el h4 pasa a
   ser el nivel de apartado, con el filete que en los otros dos lleva el h3. */
.sa-doc-solo .sa-legal{ max-width: none; }
.sa-doc-solo .sa-legal h4{
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.3px;
  margin: 52px 0 18px;
  padding-top: 30px;
  border-top: 1px solid rgba(17,17,17,.16);
}
.sa-doc-solo .sa-legal > h4:first-child{ margin-top: 0; padding-top: 0; border-top: 0; }

/* ---------- 6. CUERPO DEL DOCUMENTO ---------- */
.sa-legal{ max-width: 74ch; }

.sa-legal h3{
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: .6px;
  color: #111111;
  margin: 0 0 20px;
  padding-top: 30px;
  border-top: 1px solid rgba(17,17,17,.16);
}
.sa-legal h3:not(:first-child){ margin-top: 54px; }
.sa-legal > h3:first-child{ padding-top: 0; border-top: 0; }

.sa-legal h4{
  font-family: "Poppins", sans-serif;
  font-size: 17.5px;
  font-weight: 600;
  line-height: 1.36;
  letter-spacing: -.2px;
  color: #111111;
  margin: 34px 0 12px;
}

.sa-legal p{ margin: 0 0 17px; }
.sa-legal p:last-child{ margin-bottom: 0; }

.sa-legal ul,
.sa-legal ol{ margin: 0 0 20px; padding-left: 0; list-style: none; }
.sa-legal li{
  position: relative;
  padding-left: 26px;
  margin-bottom: 13px;
}
.sa-legal li:last-child{ margin-bottom: 0; }
.sa-legal ul > li::before{
  content: "";
  position: absolute;
  left: 2px; top: .68em;
  width: 6px; height: 6px;
  background: #DAA520;
}
.sa-legal ol{ counter-reset: sa-ol; }
.sa-legal ol > li{ counter-increment: sa-ol; }
.sa-legal ol > li::before{
  content: counter(sa-ol, decimal-leading-zero);
  position: absolute;
  left: 0; top: .1em;
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.2px;
  color: #7A5D0F;
  font-variant-numeric: tabular-nums;
}

.sa-legal strong{ color: #26262B; font-weight: 600; }
.sa-legal a{
  color: #7A5D0F;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  /* Las politicas de terceros se enlazan escribiendo la URL completa. Sin
     esto, en movil una sola URL fuerza un ancho minimo mayor que la pantalla
     y desborda toda la pagina (medido: 469px de scroll sobre 375px). */
  overflow-wrap: anywhere;
}
.sa-legal a:hover{ color: #111111; }

/* ---------- 7. Foco visible ---------- */
.sa-sec a:focus-visible{
  outline: 2px solid #DAA520;
  outline-offset: 3px;
  border-radius: 2px;
}

/* ---------- 8. MOVIMIENTO (solo cabecera, por tiempo) ---------- */
@keyframes sa-rise{ from{ opacity:0; transform: translate3d(0,20px,0); } to{ opacity:1; transform:none; } }

@media (prefers-reduced-motion: no-preference){
  .sa-hero-in{ animation: sa-rise .85s cubic-bezier(.2,.7,.3,1) both; }
  .sa-hd1{ animation-delay: .08s }
  .sa-hd2{ animation-delay: .18s }
  .sa-hd3{ animation-delay: .30s }
}
@media (prefers-reduced-motion: reduce){
  .sa-hero-in{
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ---------- 9. TABLET (768-1024) ---------- */
@media (min-width: 768px) and (max-width: 1024px){
  .sa-grid::after,
  .sa-grid-s::after{ background-size: 76px 76px; }
  .sa-grid.sa-glow::after{ background-size: 100% 100%, 76px 76px, 76px 76px; }

  .sa-toclist{ columns: 2; column-gap: 40px; }
  .sa-toclist p:nth-child(3){ border-bottom: 1px solid rgba(17,17,17,.14); }
  .sa-legal{ max-width: none; }
}

/* ---------- 10. MOVIL (<=767) ---------- */
@media (max-width: 767px){
  .sa-grid::after,
  .sa-grid-s::after{ background-size: 64px 64px; }
  .sa-grid.sa-glow::after{ background-size: 100% 100%, 64px 64px, 64px 64px; }

  .sa-hrule{ width: 96px; }
  .sa-legal{ max-width: none; }
  .sa-legal h3{ font-size: 17.5px; padding-top: 26px; }
  .sa-legal h3:not(:first-child){ margin-top: 42px; }
  .sa-legal h4{ font-size: 16.5px; margin-top: 28px; }

  .sa-doc-solo .sa-legal h4{ font-size: 17.5px; margin-top: 40px; padding-top: 26px; }
}/* End custom CSS */