/* Chemical EXS v2.9.92 · ajustes visuales y móviles */

/* Carrito: mejorar contraste del título y evitar desbordes */
.cart-hero-pro h1,
.cart-empty-pro h2{
  color:#0a0a0a !important;
}
.cart-hero-pro h1{
  text-shadow:0 2px 10px rgba(255,255,255,.28);
}
.cart-hero-pro p{
  color:#294866 !important;
}
.cart-hero-status{
  width:100%;
}

/* Legal: dar formato más limpio y ordenado */
.legal-hero{
  background:linear-gradient(135deg,#f7fbff,#eaf4ff) !important;
}
.legal-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(270px,320px) !important;
  gap:24px !important;
  align-items:start !important;
}
.legal-content{
  border:1px solid #dbe6f2;
  border-radius:30px !important;
  background:linear-gradient(180deg,#ffffff,#fcfdff) !important;
  box-shadow:0 22px 56px rgba(18,62,109,.08) !important;
}
.legal-content h2{
  margin-top:1.65em;
  margin-bottom:.6em;
  padding-bottom:.32em;
  border-bottom:1px solid #e9f0f7;
  color:#0f2b4d;
  font-size:clamp(24px,2.55vw,32px);
  line-height:1.18;
}
.legal-content h3{
  margin-top:1.35em;
  margin-bottom:.45em;
  color:#15395f;
  font-size:clamp(19px,2vw,25px);
  line-height:1.24;
}
.legal-content p,
.legal-content li{
  color:#445d78;
  max-width:92ch;
}
.legal-content ul,
.legal-content ol{
  padding-left:1.2rem;
}
.legal-lead{
  color:#123a62;
}
.legal-links-designed,
.legal-links{
  position:sticky;
  top:108px;
  display:grid;
  gap:0;
  border:1px solid #dbe6f2;
  border-radius:28px !important;
  background:#fff !important;
  box-shadow:0 20px 50px rgba(18,62,109,.08) !important;
}
.legal-links-designed > span,
.legal-links > span{
  display:grid;
  width:52px;
  height:52px;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg,#0a78ef,#1fb6ff);
  color:#fff;
  font-size:24px;
  box-shadow:0 14px 30px rgba(8,101,205,.2);
}
.legal-links-designed h3,
.legal-links h3{
  margin:8px 0 4px;
  color:#102c4b;
}
.legal-links-designed p,
.legal-links p{
  margin:0 0 8px;
  color:#627892;
}
.legal-links-designed a,
.legal-links a{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:start;
  padding:14px 0;
  border-top:1px solid #eef3f8;
  color:#0a67cf;
  text-decoration:none;
}
.legal-links-designed a:first-of-type,
.legal-links a:first-of-type{
  margin-top:6px;
}
.legal-links-designed a i,
.legal-links a i{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border-radius:12px;
  background:#eef6ff;
  font-style:normal;
}
.legal-links-designed a b,
.legal-links a b{
  display:block;
  color:#123658;
}
.legal-links-designed a small,
.legal-links a small{
  display:block;
  margin-top:2px;
  color:#6f849a;
}
.legal-source-actions,
.legal-source-note .legal-source-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
.legal-source-actions a,
.legal-source-note .legal-source-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border:1px solid #d5e3f2;
  border-radius:14px;
  background:#fff;
  color:#0b67ce;
  font-weight:800;
  text-decoration:none;
}

/* Soporte remoto y facturación: animaciones más contenidas en celular */
.page-remote .remote-hero-art,
.page-invoice .feature-hero-art,
.page-service .service-hero-art{
  min-width:0;
}

@media (max-width: 760px){
  .cart-hero-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .cart-hero-status{
    grid-template-columns:36px minmax(0,1fr) 36px minmax(0,1fr) 36px !important;
    gap:10px !important;
  }
  .cart-hero-status span{
    width:36px !important;
    height:36px !important;
  }
  .cart-hero-status b{display:none !important}

  .remote-hero-grid,
  .feature-hero-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .remote-workspace-2935,
  .invoice-checkout-2935{
    min-height:0 !important;
    padding:14px !important;
    border-radius:24px !important;
    overflow:hidden !important;
  }
  .remote-workspace-grid,
  .invoice-checkout-grid{
    gap:12px !important;
  }
  .remote-screen-2935 .screen-body{
    min-height:118px !important;
    padding:12px !important;
  }
  .remote-screen-2935 .screen-body span{
    font-size:30px !important;
  }
  .remote-screen-2935 footer,
  .remote-workspace-foot span,
  .invoice-checkout-foot span{
    font-size:10px !important;
  }
  .remote-signal-2935{
    padding:12px !important;
    border-radius:18px !important;
  }
  .remote-signal-2935 span{
    width:46px !important;
    height:46px !important;
    font-size:22px !important;
  }
  .invoice-checkout-grid li{
    grid-template-columns:30px minmax(0,1fr) 22px !important;
    padding:10px 12px !important;
  }
  .invoice-checkout-grid li div b{
    font-size:13px !important;
  }
  .invoice-checkout-grid li div small{
    font-size:10px !important;
  }
  .invoice-sheet-2935{
    max-width:100% !important;
  }

  .legal-layout{
    grid-template-columns:1fr !important;
  }
  .legal-links-designed,
  .legal-links{
    position:static;
    top:auto;
  }
}

@media (max-width: 680px){
  .service-timeline-2935{
    padding:14px !important;
    border-radius:24px !important;
  }
  .service-timeline-2935 header{
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:10px !important;
    padding-bottom:16px !important;
  }
  .service-timeline-2935 header > span{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    font-size:21px !important;
  }
  .service-timeline-2935 header > i{
    display:none !important;
  }
  .service-timeline-2935 header b{
    font-size:18px !important;
    line-height:1.16 !important;
  }
  .service-timeline-2935 ol.is-physics{
    position:relative !important;
    display:grid !important;
    height:auto !important;
    gap:12px !important;
    margin:10px 0 14px !important;
    overflow:visible !important;
  }
  .service-timeline-2935 ol.is-physics li{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:88px !important;
    place-items:start !important;
    justify-items:start !important;
    align-items:start !important;
    padding:14px 14px 14px 52px !important;
    border-radius:22px !important;
    text-align:left !important;
    transform:none !important;
  }
  .service-timeline-2935 ol.is-physics li > span{
    top:14px !important;
    left:14px !important;
    width:24px !important;
    height:24px !important;
    font-size:9px !important;
  }
  .service-timeline-2935 ol.is-physics li div{
    text-align:left !important;
  }
  .service-timeline-2935 ol.is-physics li b{
    font-size:12px !important;
    line-height:1.12 !important;
  }
  .service-timeline-2935 ol.is-physics li small{
    margin-top:4px !important;
    font-size:9px !important;
    line-height:1.2 !important;
  }
}

@media (max-width: 420px){
  .cart-hero-status{
    gap:8px !important;
  }
  .remote-workspace-2935 > header b,
  .invoice-checkout-2935 > header b{
    font-size:17px !important;
  }
}