/* ============================================================
   Inglés 360 v6.4.4 — final integration layer
   Purpose: preserve v6.4.3 look while restoring approved v2 atmosphere,
   stronger glass/liquid interactions, clean footer/nav and new homepage copy.
   ============================================================ */

:root {
  --i360-violet-600: #7A5CFF;
  --i360-hot-purple: #8B5CF6;
  --i360-dark-bg: #05060D;
  --i360-dark-bg-2: #0B0D1A;
  --i360-light-bg: #FFFFFF;
  --i360-card-glass-light: rgba(255,255,255,.74);
  --i360-card-glass-dark: rgba(255,255,255,.07);
  --i360-border-glass-light: rgba(255,255,255,.62);
  --i360-border-glass-dark: rgba(255,255,255,.13);
  --i360-premium-grad: linear-gradient(115deg,#2BE6E0 0%,#3F7CFF 48%,#7A5CFF 78%,#B14CFF 100%);
  --i360-liquid-shine: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.44) 42%, rgba(255,255,255,.1) 56%, transparent 100%);
}

html { background: var(--i360-light-bg); scroll-padding-top: 112px; }
html[data-theme="dark"] { background: var(--i360-dark-bg); color-scheme: dark; }
html:not([data-theme="dark"]) { color-scheme: light; }

body {
  overflow-x: hidden;
  background-color: #FFFFFF;
  background-image:
    radial-gradient(ellipse 70% 35vh at 50% 18vh, rgba(74,107,255,.14) 0%, rgba(74,107,255,.055) 35%, transparent 72%),
    radial-gradient(ellipse 50% 28vh at 86% 14vh, rgba(177,76,255,.12) 0%, rgba(177,76,255,.04) 35%, transparent 72%),
    radial-gradient(ellipse 46% 28vh at 14% 25vh, rgba(43,230,224,.11) 0%, rgba(43,230,224,.032) 35%, transparent 72%);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

html[data-theme="dark"] body {
  background-color: var(--i360-dark-bg);
  background-image:
    radial-gradient(circle at 50% 18vh, rgba(74,107,255,.46) 0%, rgba(74,107,255,.20) 22%, transparent 50%),
    radial-gradient(circle at 88% 12vh, rgba(177,76,255,.40) 0%, rgba(177,76,255,.14) 24%, transparent 52%),
    radial-gradient(circle at 12% 28vh, rgba(43,230,224,.32) 0%, rgba(43,230,224,.10) 25%, transparent 52%),
    radial-gradient(circle at 80% 92vh, rgba(177,76,255,.18), transparent 55%),
    linear-gradient(180deg, #05060D 0%, #0B0D1A 58vh, #060711 100%);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Dark mode: blue UI text shifts to cyan for contrast. */
html[data-theme="dark"] a,
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .i360-nav-links a:hover,
html[data-theme="dark"] .i360-nav-login:hover,
html[data-theme="dark"] .i360-voice-name,
html[data-theme="dark"] .i360-pillar-icon,
html[data-theme="dark"] .i360-card-icon,
html[data-theme="dark"] .i360-section-note,
html[data-theme="dark"] .i360-device-status {
  color: var(--i360-cyan-400);
}

/* ---------- Nav: wider, glass/liquid, identity text ---------- */
.i360-nav-wrap { top: 14px; }
.i360-nav {
  width: min(100%, 1180px);
  min-height: 68px;
  border: 1px solid rgba(255,255,255,.62);
  background: rgba(255,255,255,.76);
  box-shadow: 0 24px 70px rgba(10,19,64,.16), inset 0 1px 0 rgba(255,255,255,.72);
}
html[data-theme="dark"] .i360-nav {
  background: rgba(255,255,255,.88);
  border-color: rgba(255,255,255,.66);
  box-shadow: 0 24px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.82);
}
.i360-nav-brand { min-width: 190px; gap: 10px; }
.i360-nav-brand-stack { display: grid; line-height: 1.05; }
.i360-nav-brand-text { font-size: 17px; color: #0A0E1F; }
.i360-nav-brand-sub { font-size: 10px; font-weight: 700; color: #59607D; letter-spacing: .06em; text-transform: uppercase; }
.i360-nav-links { gap: clamp(14px, 2vw, 26px); }
.i360-nav-links a { color: #2A2F4A; position: relative; }
.i360-nav-links a::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 2px;
  border-radius: 999px;
  background: var(--i360-premium-grad);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .22s var(--ease-brand);
}
.i360-nav-links a:hover::after,
.i360-nav-links .current-menu-item > a::after { transform: scaleX(1); }

@media (max-width: 980px) {
  .i360-nav-brand { min-width: auto; }
  .i360-nav-brand-sub { display: none; }
  .i360-nav-links { gap: 14px; }
}
@media (max-width: 430px) {
  .i360-nav-brand-text { font-size: 15px; }
  .i360-nav-logo { height: 38px; }
}

/* ---------- Button + selected / active interactions ---------- */
.i360-btn,
.i360-theme-toggle,
.i360-mobile-toggle,
.i360-mobile-close,
.i360-mobile-links a,
.i360-faq-item summary,
.i360-glass-card,
.i360-ecosystem-card,
.i360-step-card,
.i360-device-grid div,
.i360-exposure-strip span,
.i360-sticky-cta {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
}
.i360-btn::after,
.i360-theme-toggle::after,
.i360-mobile-toggle::after,
.i360-mobile-close::after,
.i360-mobile-links a::before,
.i360-faq-item summary::after,
.i360-glass-card::after,
.i360-ecosystem-card::after,
.i360-sticky-cta::after {
  content: '';
  position: absolute;
  inset: -60% auto -60% -120%;
  width: 90%;
  background: var(--i360-liquid-shine);
  transform: skewX(-18deg);
  opacity: 0;
  pointer-events: none;
}
.i360-btn:hover::after,
.i360-btn:focus-visible::after,
.i360-theme-toggle:hover::after,
.i360-mobile-toggle:hover::after,
.i360-mobile-links a:hover::before,
.i360-faq-item summary:hover::after,
.i360-glass-card:hover::after,
.i360-ecosystem-card:hover::after,
.i360-sticky-cta:hover::after,
.i360-is-pressing::after {
  opacity: 1;
  animation: i360-liquid-sweep .8s ease both;
}
@keyframes i360-liquid-sweep { to { transform: translateX(300%) skewX(-18deg); } }

.i360-btn:hover,
.i360-btn:focus-visible,
.i360-mobile-toggle:hover,
.i360-theme-toggle:hover,
.i360-mobile-close:hover,
.i360-faq-item summary:hover {
  transform: translateY(-1px) scale(1.01);
  filter: saturate(1.08);
}
.i360-btn:active,
.i360-is-pressing,
.i360-theme-toggle:active,
.i360-mobile-toggle:active { transform: scale(.985); }
.i360-btn-gradient:focus-visible,
.i360-btn-gradient:hover {
  box-shadow: 0 0 0 1px rgba(255,255,255,.50) inset, 0 0 30px rgba(43,230,224,.34), 0 0 58px rgba(122,92,255,.26);
}
html[data-theme="dark"] .i360-btn-secondary:hover,
html[data-theme="dark"] .i360-btn-secondary:focus-visible,
html[data-theme="dark"] .i360-theme-toggle:hover,
html[data-theme="dark"] .i360-mobile-toggle:hover {
  border-color: rgba(43,230,224,.62);
  box-shadow: 0 0 0 1px rgba(43,230,224,.24) inset, 0 0 28px rgba(43,230,224,.26), 0 16px 38px rgba(0,0,0,.24);
}
html:not([data-theme="dark"]) .i360-btn-secondary:hover,
html:not([data-theme="dark"]) .i360-btn-secondary:focus-visible,
html:not([data-theme="dark"]) .i360-theme-toggle:hover,
html:not([data-theme="dark"]) .i360-mobile-toggle:hover {
  border-color: rgba(74,107,255,.36);
  box-shadow: 0 0 0 1px rgba(177,76,255,.20) inset, 0 0 24px rgba(74,107,255,.18), 0 14px 36px rgba(10,19,64,.12);
}

.i360-theme-toggle {
  width: 58px;
  height: 34px;
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(10,19,64,.09);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 10px 24px rgba(10,19,64,.13);
}
.i360-theme-toggle .i360-icon { width: 16px; height: 16px; filter: drop-shadow(0 2px 4px rgba(10,19,64,.18)); }
.i360-mobile-toggle {
  background: linear-gradient(135deg, rgba(255,255,255,.38), rgba(255,255,255,.10));
  border-color: rgba(255,255,255,.70);
}

/* ---------- Mobile menu approved look preserved + improved ---------- */
.i360-mobile-menu-panel {
  background: rgba(255,255,255,.88);
  -webkit-backdrop-filter: blur(28px) saturate(1.75);
  backdrop-filter: blur(28px) saturate(1.75);
}
.i360-mobile-links a {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 10px 24px rgba(10,19,64,.07);
}
.i360-mobile-links a::after { z-index: 2; }

/* ---------- Hero ---------- */
.i360-hero {
  min-height: clamp(760px, 88vh, 940px);
  padding-block: clamp(84px, 10vw, 140px) clamp(80px, 8vw, 118px);
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(1100px 620px at 82% 7%, rgba(43,230,224,.20), transparent 60%),
    radial-gradient(1100px 760px at 46% 6%, rgba(63,124,255,.18), transparent 66%),
    radial-gradient(980px 720px at 83% 46%, rgba(122,92,255,.20), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(247,248,252,.62) 44%, rgba(255,255,255,0) 100%);
}
html[data-theme="dark"] .i360-hero {
  background:
    radial-gradient(1100px 620px at 82% 7%, rgba(43,230,224,.18), transparent 60%),
    radial-gradient(1100px 760px at 46% 6%, rgba(63,124,255,.16), transparent 66%),
    radial-gradient(980px 720px at 83% 46%, rgba(122,92,255,.18), transparent 70%),
    linear-gradient(180deg, rgba(5,8,28,0) 0%, rgba(10,19,64,.44) 40%, rgba(5,8,28,0) 100%);
}
.i360-hero-layout {
  position: relative;
  z-index: 3;
  display: grid;
  gap: clamp(34px, 6vw, 74px);
  align-items: center;
}
@media (min-width: 980px) {
  .i360-hero-layout { grid-template-columns: minmax(0, 1.02fr) minmax(360px, .78fr); }
}
.i360-hero-copy { max-width: 780px; text-align: left; }
.i360-hero-h1 { font-size: clamp(44px, 6.8vw, 78px); line-height: 1.02; max-width: 880px; }
.i360-hero-sub { max-width: 720px; font-size: clamp(17px, 2vw, 21px); }
.i360-hero-note { color: var(--i360-ink-700); max-width: 680px; font-weight: 600; }
html[data-theme="dark"] .i360-hero-note { color: var(--i360-ink-700); }
.i360-announcement {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin-bottom: 18px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.56);
  border: 1px solid rgba(255,255,255,.60);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 12px 30px rgba(10,19,64,.08);
  color: #172040;
  font-weight: 800;
  font-size: 13px;
}
html[data-theme="dark"] .i360-announcement { background: rgba(255,255,255,.09); color: #F8FAFF; border-color: rgba(255,255,255,.15); }
.i360-announcement-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--i360-premium-grad); box-shadow: 0 0 16px rgba(43,230,224,.55); }
.i360-hero-mini-copy { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 14px; }
.i360-hero-mini-copy span {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(10,19,64,.07);
  color: var(--i360-ink-700);
  font-weight: 700;
  font-size: 13px;
}
html[data-theme="dark"] .i360-hero-mini-copy span { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.11); color: var(--i360-ink-700); }
.i360-hero-device,
.i360-mi-espacio-panel {
  border-radius: 34px;
  background: linear-gradient(150deg, rgba(255,255,255,.78), rgba(255,255,255,.44)) padding-box, var(--i360-premium-grad) border-box;
  border: 1px solid transparent;
  -webkit-backdrop-filter: blur(28px) saturate(1.6);
  backdrop-filter: blur(28px) saturate(1.6);
  box-shadow: 0 34px 110px rgba(10,19,64,.22), inset 0 1px 0 rgba(255,255,255,.8);
  padding: clamp(20px, 3vw, 30px);
}
html[data-theme="dark"] .i360-hero-device,
html[data-theme="dark"] .i360-mi-espacio-panel {
  background: linear-gradient(150deg, rgba(255,255,255,.11), rgba(255,255,255,.055)) padding-box, var(--i360-premium-grad) border-box;
  box-shadow: 0 34px 110px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.16);
}
.i360-device-top,
.i360-panel-top { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px; }
.i360-device-pill,
.i360-device-status,
.i360-panel-top span,
.i360-panel-top strong {
  display:inline-flex; align-items:center; padding:8px 12px; border-radius:999px; font-size:12px; font-weight:800;
  background:rgba(255,255,255,.58); color:#111832; border:1px solid rgba(255,255,255,.54);
}
html[data-theme="dark"] .i360-device-pill,
html[data-theme="dark"] .i360-device-status,
html[data-theme="dark"] .i360-panel-top span,
html[data-theme="dark"] .i360-panel-top strong { background:rgba(255,255,255,.08); color:#F6F8FF; border-color:rgba(255,255,255,.12); }
.i360-device-goal { padding:18px; border-radius:24px; background:rgba(255,255,255,.62); border:1px solid rgba(10,19,64,.07); margin-bottom:16px; }
html[data-theme="dark"] .i360-device-goal { background:rgba(255,255,255,.075); border-color:rgba(255,255,255,.11); }
.i360-device-goal span { display:block; color:var(--i360-ink-500); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-bottom:6px; }
.i360-device-goal strong { font-family:var(--font-display); font-size:20px; color:var(--i360-ink-900); }
.i360-device-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:16px; }
.i360-device-grid div { border-radius:22px; padding:16px 10px; text-align:center; background:rgba(255,255,255,.55); border:1px solid rgba(255,255,255,.56); }
html[data-theme="dark"] .i360-device-grid div { background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.11); }
.i360-device-grid strong { display:block; font-family:var(--font-display); font-size:28px; color:transparent; background:var(--i360-premium-grad); -webkit-background-clip:text; background-clip:text; }
.i360-device-grid span { color:var(--i360-ink-500); font-size:12px; font-weight:700; }
.i360-device-list { list-style:none; display:grid; gap:10px; }
.i360-device-list li,
.i360-mi-espacio-list div { padding:12px 14px; border-radius:18px; background:rgba(255,255,255,.48); border:1px solid rgba(10,19,64,.06); color:var(--i360-ink-700); font-weight:700; }
html[data-theme="dark"] .i360-device-list li,
html[data-theme="dark"] .i360-mi-espacio-list div { background:rgba(255,255,255,.065); border-color:rgba(255,255,255,.10); color:var(--i360-ink-700); }

/* ---------- v2 orbital/neural animation ---------- */
.i360-v2-hero-animation { position:absolute; inset:-8% 0 -12% 0; overflow:hidden; pointer-events:none; z-index:1; -webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 10%, #000 88%, transparent 100%); mask-image:linear-gradient(to bottom, transparent 0%, #000 10%, #000 88%, transparent 100%); }
.i360-v2-neural-field { position:absolute; inset:0; opacity:.42; background-image: radial-gradient(circle at 64% 34%, rgba(43,230,224,.42) 0 1px, transparent 2px), radial-gradient(circle at 73% 46%, rgba(63,124,255,.36) 0 1px, transparent 2px), radial-gradient(circle at 84% 34%, rgba(122,92,255,.32) 0 1px, transparent 2px), linear-gradient(115deg, transparent 62%, rgba(43,230,224,.10) 62.2%, transparent 63.4%), linear-gradient(48deg, transparent 66%, rgba(122,92,255,.08) 66.2%, transparent 67.6%); background-size:240px 240px,260px 260px,280px 280px,100% 100%,100% 100%; }
.i360-v2-ring { position:absolute; border-radius:50%; background:conic-gradient(from 0deg, rgba(43,230,224,.08), rgba(43,230,224,.46), rgba(63,124,255,.50), rgba(122,92,255,.43), rgba(177,76,255,.24), rgba(43,230,224,.04), rgba(43,230,224,.08)); -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 13px), #000 calc(100% - 12px), #000 calc(100% - 2px), transparent 100%); mask:radial-gradient(farthest-side, transparent calc(100% - 13px), #000 calc(100% - 12px), #000 calc(100% - 2px), transparent 100%); filter:drop-shadow(0 0 26px rgba(43,230,224,.16)) drop-shadow(0 0 48px rgba(122,92,255,.14)); opacity:.78; animation:i360-ring-orbit-premium 16s linear infinite, i360-ring-breathe-premium 7.2s ease-in-out infinite; }
.i360-v2-ring.r1 { width:clamp(500px,48vw,720px); height:clamp(500px,48vw,720px); right:clamp(-180px,-7vw,-70px); top:clamp(30px,8vh,92px); }
.i360-v2-ring.r2 { width:clamp(330px,34vw,500px); height:clamp(330px,34vw,500px); right:clamp(80px,15vw,250px); top:clamp(165px,24vh,260px); animation-duration:19s,8.4s; animation-direction:reverse,normal; opacity:.62; }
.i360-v2-ring.r3 { width:clamp(210px,22vw,320px); height:clamp(210px,22vw,320px); right:clamp(210px,25vw,390px); top:clamp(265px,39vh,390px); animation-duration:13s,6.8s; opacity:.72; }
.i360-v2-ring.r4 { width:clamp(620px,58vw,860px); height:clamp(620px,58vw,860px); right:clamp(-320px,-18vw,-170px); top:clamp(-160px,-8vh,-70px); opacity:.32; animation-duration:28s,11s; }
.i360-v2-particle { position:absolute; width:9px; height:9px; border-radius:50%; background:#2BE6E0; box-shadow:0 0 18px rgba(43,230,224,.88),0 0 34px rgba(43,230,224,.22); animation:i360-float-particle 8s ease-in-out infinite; }
.i360-v2-particle.p1{left:66%;top:18%;animation-delay:0s}.i360-v2-particle.p2{left:78%;top:26%;background:#3F7CFF;animation-delay:-1.1s}.i360-v2-particle.p3{left:90%;top:21%;background:#7A5CFF;animation-delay:-2.2s}.i360-v2-particle.p4{left:61%;top:47%;background:#fff;width:6px;height:6px;animation-delay:-3.1s}.i360-v2-particle.p5{left:84%;top:50%;animation-delay:-4s}.i360-v2-particle.p6{left:71%;top:63%;background:#3F7CFF;width:11px;height:11px;animation-delay:-5s}.i360-v2-particle.p7{left:93%;top:67%;background:#7A5CFF;width:8px;height:8px;animation-delay:-6s}.i360-v2-particle.p8{left:58%;top:78%;animation-delay:-7s}.i360-v2-particle.p9{left:52%;top:30%;background:#fff;width:6px;height:6px;animation-delay:-2.5s}.i360-v2-particle.p10{left:75%;top:83%;background:#3F7CFF;width:8px;height:8px;animation-delay:-3.8s}.i360-v2-particle.p11{left:88%;top:38%;background:#7A5CFF;width:7px;height:7px;animation-delay:-4.7s}.i360-v2-particle.p12{left:69%;top:39%;width:9px;height:9px;animation-delay:-5.6s}.i360-v2-particle.p13{left:42%;top:56%;background:#3F7CFF;width:7px;height:7px;animation-delay:-6.4s}.i360-v2-particle.p14{left:48%;top:15%;background:#7A5CFF;width:8px;height:8px;animation-delay:-7.2s}
.i360-v2-line { position:absolute; height:1px; background:linear-gradient(90deg, transparent, rgba(43,230,224,.22), transparent); transform-origin:left center; opacity:.58; animation:i360-line-hover 7s ease-in-out infinite; }
.i360-v2-line.l1{width:260px;left:60%;top:34%;transform:rotate(22deg)}.i360-v2-line.l2{width:230px;left:72%;top:55%;transform:rotate(-32deg);animation-delay:-2s}.i360-v2-line.l3{width:190px;left:52%;top:66%;transform:rotate(14deg);animation-delay:-4s}
@keyframes i360-ring-orbit-premium { 0%{transform:rotate(0deg) scale(1)} 50%{transform:rotate(180deg) scale(1.018)} 100%{transform:rotate(360deg) scale(1)} }
@keyframes i360-ring-breathe-premium { 0%,100%{opacity:.56} 50%{opacity:.88} }
@keyframes i360-float-particle { 0%,100%{transform:translate3d(0,0,0) scale(.85);opacity:.45} 50%{transform:translate3d(28px,-34px,0) scale(1.1);opacity:1} }
@keyframes i360-line-hover { 0%,100%{opacity:.18;filter:blur(.4px)} 50%{opacity:.58;filter:blur(0)} }
html:not([data-theme="dark"]) .i360-v2-ring { opacity:.46; filter:drop-shadow(0 0 22px rgba(63,124,255,.13)); }
html:not([data-theme="dark"]) .i360-v2-neural-field { opacity:.26; }
@media (max-width: 860px) { .i360-v2-ring.r1{right:-300px;top:40px}.i360-v2-ring.r2{right:-40px;top:230px}.i360-v2-ring.r3{right:120px;top:380px}.i360-v2-ring.r4{right:-420px;top:-90px}.i360-v2-particle{opacity:.7} }

/* ---------- Section/content system ---------- */
.i360-section-head { text-align:center; max-width:880px; margin:0 auto 34px; }
.i360-section-head .lead { margin:14px auto 0; }
.i360-section-note { margin:18px auto 0; max-width:760px; color:var(--i360-blue-600); font-weight:700; }
.i360-centered { text-align:center; }
.i360-glass-card {
  background: linear-gradient(var(--i360-card-glass-light), var(--i360-card-glass-light)) padding-box, var(--i360-premium-grad) border-box;
  border: 1px solid transparent;
  border-radius: 28px;
  -webkit-backdrop-filter: blur(22px) saturate(1.45);
  backdrop-filter: blur(22px) saturate(1.45);
  box-shadow: 0 18px 56px rgba(10,19,64,.10), inset 0 1px 0 rgba(255,255,255,.66);
  padding: 24px;
  transition: transform .22s var(--ease-brand), box-shadow .22s var(--ease-brand), border-color .22s var(--ease-brand);
}
html[data-theme="dark"] .i360-glass-card { background: linear-gradient(var(--i360-card-glass-dark), var(--i360-card-glass-dark)) padding-box, var(--i360-premium-grad) border-box; box-shadow:0 22px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.10); }
.i360-glass-card:hover { transform:translateY(-3px); box-shadow:0 28px 80px rgba(10,19,64,.16), 0 0 28px rgba(43,230,224,.12); }
.i360-glass-card h3 { margin-bottom:10px; font-size:clamp(20px,2.1vw,25px); }
.i360-glass-card p { color:var(--i360-ink-700); line-height:1.65; }
.i360-card-icon { display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; border-radius:999px; padding:0 12px; margin-bottom:18px; background:rgba(74,107,255,.10); color:var(--i360-blue-600); font-weight:900; font-family:var(--font-display); }
html[data-theme="dark"] .i360-card-icon { background:rgba(43,230,224,.12); }
.i360-card-rail { position:relative; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(270px, 36%); gap:18px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; padding:6px 4px 20px; scrollbar-width:thin; }
.i360-card-rail::after { content:''; width:1px; }
.i360-rail-card { scroll-snap-align:start; min-height:230px; }
@media (min-width: 1100px) { .i360-rail-problem { grid-auto-columns:minmax(260px,1fr); } .i360-rail-does { grid-auto-columns:minmax(280px, 32%); } .i360-rail-for-who { grid-auto-columns:minmax(280px, 32%); } }
@media (max-width: 760px) { .i360-card-rail { grid-auto-columns:minmax(82%, 1fr); margin-inline:-4px; padding-inline:4px; } }
.i360-steps-grid,.i360-mini-grid { display:grid; grid-template-columns:1fr; gap:18px; }
@media (min-width: 760px) { .i360-steps-grid { grid-template-columns:repeat(5,1fr); } .i360-mini-grid { grid-template-columns:repeat(3,1fr); } }
.i360-step-card { padding:22px; }
.i360-step-number { display:block; color:transparent; background:var(--i360-premium-grad); -webkit-background-clip:text; background-clip:text; font-size:13px; font-family:var(--font-display); font-weight:900; letter-spacing:.1em; margin-bottom:12px; }

/* Mi Espacio */
.i360-mi-espacio-section { position:relative; }
.i360-mi-espacio-layout { display:grid; gap:34px; align-items:center; }
@media (min-width: 920px) { .i360-mi-espacio-layout { grid-template-columns:.82fr 1.18fr; } }
.i360-mi-espacio-copy p:not(.lead) { color:var(--i360-ink-700); line-height:1.7; }
.i360-mi-espacio-list { display:grid; grid-template-columns:1fr; gap:10px; }
@media (min-width: 680px) { .i360-mi-espacio-list { grid-template-columns:repeat(2,1fr); } }
.i360-mi-espacio-list span { color:var(--i360-cyan-400); margin-right:8px; font-weight:900; }

/* Ecosystem grid expands. */
@media (min-width: 980px) { .i360-ecosystem-grid { grid-template-columns:repeat(3,1fr); } .i360-ecosystem-card:last-child { grid-column:span 3; } }
.i360-ecosystem-card { min-height:220px; }
.i360-ecosystem-card p { line-height:1.65; }

/* Two-column comparison for the new section. */
.i360-compare-row-two { grid-template-columns:1fr; }
@media (min-width: 768px) { .i360-compare-row-two, .i360-different-section .i360-compare-head { grid-template-columns:1fr 1fr; } }
.i360-different-section .i360-compare-table { background:rgba(255,255,255,.72); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); }
html[data-theme="dark"] .i360-different-section .i360-compare-table { background:rgba(255,255,255,.065); }

/* Community */
.i360-community { text-align:left; }
.i360-community-layout { display:grid; gap:30px; align-items:center; }
@media (min-width: 900px) { .i360-community-layout { grid-template-columns:.95fr 1.05fr; } }
.i360-community-copy .lead, .i360-community-copy p { color:var(--i360-ink-700); }
.i360-community-cards { display:grid; gap:14px; }
.i360-exposure-strip { display:grid; grid-template-columns:1fr; gap:10px; margin-top:4px; }
@media (min-width: 640px) { .i360-exposure-strip { grid-template-columns:repeat(3,1fr); } }
.i360-exposure-strip span { display:flex; align-items:center; justify-content:center; min-height:46px; border-radius:999px; background:rgba(255,255,255,.56); border:1px solid rgba(255,255,255,.54); color:var(--i360-ink-700); font-weight:800; }
html[data-theme="dark"] .i360-exposure-strip span { background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.11); }

/* About + FAQ */
.i360-about-layout { display:grid; gap:32px; align-items:center; }
@media (min-width: 900px) { .i360-about-layout { grid-template-columns:340px 1fr; } }
.i360-about-orb { width:min(100%, 310px); aspect-ratio:1; margin:auto; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle, rgba(43,230,224,.12), rgba(74,107,255,.10), transparent 68%); border:1px solid rgba(255,255,255,.12); box-shadow:0 30px 100px rgba(74,107,255,.18); }
.i360-about-orb img { width:58%; }
.i360-about-copy p:not(.lead) { color:var(--i360-ink-700); line-height:1.75; }
.i360-faq-list { max-width:900px; margin:auto; display:grid; gap:12px; }
.i360-faq-item { border-radius:22px; background:rgba(255,255,255,.68); border:1px solid rgba(255,255,255,.62); box-shadow:0 12px 34px rgba(10,19,64,.07); overflow:hidden; }
html[data-theme="dark"] .i360-faq-item { background:rgba(255,255,255,.065); border-color:rgba(255,255,255,.11); }
.i360-faq-item summary { cursor:pointer; padding:18px 22px; font-family:var(--font-display); font-weight:800; color:var(--i360-ink-900); }
.i360-faq-item p { padding:0 22px 20px; color:var(--i360-ink-700); line-height:1.7; }

/* Footer cleanup + logo consistency */
.i360-footer { background:#05060D !important; }
.i360-footer-brand img { height:54px; }
.i360-footer-brand span { color:#F8FAFF; }
.i360-footer-grid a { color:#B6BACE; }
.i360-footer-grid a:hover { color:var(--i360-cyan-400); }

/* Editable front page / Elementor compatibility */
.i360-front-editable { min-height:70vh; }
.i360-front-editable .elementor { width:100%; }
.i360-front-editable .i360-editable-page > .entry-content, .i360-editable-page { margin:0; }

@media (max-width: 720px) {
  .i360-hero { min-height:auto; }
  .i360-hero-copy { text-align:left; }
  .i360-hero-ctas { justify-content:flex-start; }
  .i360-steps-grid { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .i360-v2-ring, .i360-v2-particle, .i360-v2-line, .i360-btn::after, .i360-glass-card::after { animation:none !important; transition:none !important; }
}