:root{
  --navy:#061e42;
  --navy-2:#0b2f62;
  --blue:#2563eb;
  --green:#08a866;
  --green-2:#0fc778;
  --mint:#e9fff6;
  --soft-blue:#eef5ff;
  --text:#0b1f3a;
  --muted:#617087;
  --line:#e6edf7;
  --white:#fff;
  --shadow:0 18px 50px rgba(5,31,68,.10);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#f8fbff;line-height:1.55}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1120px,92vw);margin:0 auto}.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{height:42px;width:auto}.menu{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700;color:#1c3154}.menu a.active{color:var(--blue)}.menu a:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 22px;font-weight:800;border:1px solid transparent;box-shadow:none;cursor:pointer}.btn-primary{background:var(--blue);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-light{background:#fff;color:var(--navy);border-color:var(--line)}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(5,31,68,.12)}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)}.hero-grid{min-height:620px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:50px;padding:70px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--soft-blue);color:var(--blue);font-size:13px;font-weight:800;margin-bottom:20px}.hero h1,.page-title h1{font-size:clamp(42px,5vw,68px);line-height:1.02;margin:0 0 22px;letter-spacing:-.04em;color:var(--navy)}.hero h1 span,.accent-green{color:var(--green)}.hero p,.page-title p{font-size:18px;color:var(--muted);max-width:560px;margin:0 0 28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-art{position:relative;min-height:420px;display:grid;place-items:center}.orb{position:absolute;border-radius:999px;filter:blur(0);opacity:.75}.orb.one{width:300px;height:300px;background:#dbe9ff;right:60px;top:20px}.orb.two{width:210px;height:210px;background:#d9faea;right:0;bottom:70px}.brand-card{position:relative;width:300px;height:300px;border-radius:42px;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center;transform:rotate(-8deg)}.brand-card img{width:170px}.float-badge{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;width:64px;height:64px;display:grid;place-items:center;font-size:28px}.float-badge.a{right:80px;top:22px}.float-badge.b{left:80px;bottom:80px}.float-badge.c{right:18px;bottom:135px}.dark-strip{background:linear-gradient(135deg,var(--navy),#082b59);color:#fff}.value-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:36px 0}.value{text-align:center;padding:14px}.value .icon{width:54px;height:54px;border-radius:18px;margin:0 auto 12px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:25px;color:#fff}.value h3{margin:0 0 6px;font-size:17px}.value p{margin:0;color:#cbd8ea;font-size:13px}.section{padding:76px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:28px}.section-head h2,.page-title h2{font-size:36px;line-height:1.1;margin:0;color:var(--navy);letter-spacing:-.03em}.section-head p{margin:8px 0 0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 35px rgba(5,31,68,.06);padding:28px}.app-card{display:grid;grid-template-columns:86px 1fr;gap:22px;align-items:start}.app-icon{width:78px;height:78px;border-radius:22px;object-fit:cover;box-shadow:0 10px 24px rgba(8,168,102,.2)}.card h3{font-size:23px;margin:0 0 8px;color:var(--navy)}.card p{color:var(--muted);margin:0 0 18px}.check-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}.check-list li{display:flex;gap:10px;color:#243a5f;font-weight:600;font-size:14px}.check-list li:before{content:"✓";width:20px;height:20px;border-radius:999px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:12px;flex:0 0 auto}.store-row{display:flex;gap:10px;flex-wrap:wrap}.store-badge{background:#050505;color:#fff;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:8px}.footer{background:linear-gradient(135deg,#061e42,#082a55);color:#fff;padding:42px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:34px}.footer img{height:40px;width:auto;filter:brightness(0) invert(1)}.footer p,.footer a{color:#cbd8ea;font-size:14px}.footer h4{margin:0 0 14px}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;text-align:center;color:#cbd8ea;font-size:13px}.page-hero{background:#fff;padding:72px 0 30px}.page-title{text-align:center}.page-title p{margin-left:auto;margin-right:auto}.product-hero{display:grid;grid-template-columns:1fr .9fr;gap:54px;align-items:center;padding:56px 0 28px}.product-name{display:flex;align-items:center;gap:20px;margin-bottom:18px}.product-name img{width:96px;height:96px;border-radius:26px;box-shadow:0 18px 34px rgba(8,168,102,.2)}.product-name h1{font-size:52px;margin:0;color:var(--navy);letter-spacing:-.04em}.phone{width:280px;height:560px;border:12px solid #111;border-radius:42px;background:#fff;margin:auto;box-shadow:var(--shadow);padding:24px 18px;position:relative}.phone:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:86px;height:20px;background:#111;border-radius:0 0 16px 16px}.phone h4{text-align:center;margin:26px 0 18px}.item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef2f7;padding:12px 0;font-size:14px}.dot{width:18px;height:18px;border-radius:999px;border:2px solid var(--green)}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.mini-feature{text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.mini-feature .round{width:54px;height:54px;border-radius:18px;margin:0 auto 12px;background:var(--mint);display:grid;place-items:center;color:var(--green);font-size:24px}.support-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:28px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.choice{border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;gap:14px;align-items:center}.choice.active{background:var(--green);color:#fff;border-color:var(--green)}.form{display:grid;gap:14px}.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:14px 15px;font:inherit;background:#fff}.form textarea{min-height:150px;resize:vertical}.contact-cards{display:grid;gap:16px}.legal-layout{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:start}.legal-side{position:sticky;top:100px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px}.legal-side a{display:block;padding:12px 14px;border-radius:12px;color:#304461;font-weight:700}.legal-side a.active{background:var(--soft-blue);color:var(--blue)}.legal-doc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:44px;box-shadow:0 10px 35px rgba(5,31,68,.05)}.legal-doc h1{margin:0 0 8px;color:var(--navy);font-size:36px}.legal-doc h2{font-size:20px;margin-top:30px;color:var(--navy)}.legal-doc p,.legal-doc li{color:#40516e}.notice{background:#e9fff6;border:1px solid #b9f1d7;border-radius:16px;padding:18px;color:#0a6d45;font-weight:700}.mobile-menu{display:none}.soon{background:#f4f7fb;color:#6b7890;border-radius:12px;padding:12px;text-align:center;font-weight:800}.cta-band{background:linear-gradient(135deg,var(--soft-blue),#fff);border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}.socials{display:flex;gap:12px}.socials a{width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#fff;font-weight:900}
@media (max-width:900px){.menu{display:none}.mobile-menu{display:block}.hero-grid,.product-hero,.support-grid,.legal-layout{grid-template-columns:1fr}.hero-grid{padding:50px 0}.value-row,.feature-row{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.legal-side{position:static}.section-head{display:block}.brand-card{width:230px;height:230px}.product-name h1{font-size:40px}}
@media (max-width:560px){.nav-inner{height:66px}.brand img{height:34px}.hero h1,.page-title h1{font-size:40px}.value-row,.feature-row,.choice-grid,.footer-grid{grid-template-columns:1fr}.app-card{grid-template-columns:1fr}.card{padding:22px}.legal-doc{padding:26px}.phone{width:240px;height:500px}.cta-band{display:block}.btn{width:100%;margin-top:10px}}

/* ================================
   Simpli Web v1.1 - Home Profesional
   ================================ */
.nav-inner{height:92px}.brand.brand-large img,.brand img{height:56px;max-width:230px;object-fit:contain}.nav-contact{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 18px;font-weight:800;color:var(--text);border:1px solid transparent;transition:.22s ease}.nav-contact:hover{background:var(--green);color:#fff;box-shadow:0 12px 28px rgba(8,168,102,.22);transform:translateY(-1px)}
.hero-v11{background:radial-gradient(circle at 78% 30%,rgba(8,168,102,.12),transparent 34%),radial-gradient(circle at 62% 20%,rgba(37,99,235,.14),transparent 28%),linear-gradient(180deg,#fff 0%,#f7fbff 100%)}
.hero-ecosystem{min-height:470px}.hero-ecosystem img{width:min(100%,650px);margin:auto;filter:drop-shadow(0 28px 40px rgba(6,30,66,.10))}.hero-ecosystem .orb,.hero-ecosystem .brand-card,.hero-ecosystem .float-badge{display:none}.dark-strip-strong{background:radial-gradient(circle at 18% 20%,rgba(37,99,235,.32),transparent 30%),radial-gradient(circle at 82% 30%,rgba(8,168,102,.28),transparent 32%),linear-gradient(135deg,#031832 0%,#062653 55%,#071d3f 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.dark-strip-strong .value-row{padding:46px 0}.dark-strip-strong .value{border-radius:22px;padding:22px 16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.dark-strip-strong .value .icon{background:rgba(255,255,255,.14);color:#fff;box-shadow:0 0 26px rgba(15,199,120,.18);font-size:28px}.dark-strip-strong .value h3{color:#fff}.dark-strip-strong .value p{color:#d9e6f8}.footer-logo-card{display:inline-flex;background:#fff;border-radius:16px;padding:9px 12px;box-shadow:0 16px 35px rgba(0,0,0,.16);margin-bottom:12px}.footer .footer-logo-card img{height:44px;width:auto;filter:none}.footer .socials a{width:42px;height:42px;background:transparent;padding:0;border-radius:999px;overflow:hidden;transition:.22s ease}.footer .socials a:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,255,255,.14)}.footer .socials img{width:42px;height:42px;filter:none}.store-row .store-badge:only-child{padding-inline:16px}.store-badge[href*="play.google"]{background:#050505}.section .card:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(5,31,68,.10)}.card{transition:.22s ease}
@media (max-width:900px){.nav-inner{height:76px}.brand.brand-large img,.brand img{height:44px}.hero-ecosystem{min-height:320px}.hero-ecosystem img{width:min(100%,460px)}}
@media (max-width:560px){.brand.brand-large img,.brand img{height:38px;max-width:175px}.nav-inner{height:68px}.hero-ecosystem{min-height:260px}.dark-strip-strong .value-row{padding:30px 0}}


/* SIMPLI V1.2 FIXES */
.logo img{
    width:220px !important;
    height:auto !important;
}

.contact-btn:hover{
    color:white !important;
}

.contact-btn:hover *{
    color:white !important;
}


/* Simpli Lista - carrusel real dentro del celular */
.phone-carousel{
  padding:0 !important;
  overflow:hidden;
}

.phone-carousel:before{
  z-index:4;
}

.phone-slider{
  height:100%;
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  border-radius:30px;
}

.phone-slider::-webkit-scrollbar{
  display:none;
}

.phone-slider img{
  min-width:100%;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  scroll-snap-align:start;
  display:block;
}


/* Ajuste mockup screenshots */
.phone-slider img{
  object-fit: contain !important;
  object-position: center top !important;
  background:#f5f5f5;
  padding-top:18px;
}


/* Soporte v1.2 - formulario centrado + adjuntos + antispam */
.support-grid-centered,
.support-grid{
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
}

.support-grid-centered form,
.support-grid form{
  width:100%;
  max-width:720px;
  margin:0 auto;
}

.support-info{
  display:none !important;
}

input[type="file"]{
  width:100%;
  padding:16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  color:var(--text);
}

.form-help{
  display:block;
  margin-top:6px;
  margin-bottom:16px;
  color:var(--muted);
  font-size:13px;
}


.attachment-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:8px 0 16px;
}

.attachment-list.has-files{
  padding:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#f8fafc;
}

.attachment-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(15, 23, 42, .08);
  border-radius:12px;
  background:#fff;
}

.attachment-name{
  min-width:0;
  color:var(--text);
  font-size:14px;
  font-weight:600;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.attachment-remove{
  border:0;
  border-radius:999px;
  padding:8px 12px;
  background:#eef2f7;
  color:var(--text);
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease;
}

.attachment-remove:hover{
  background:#e2e8f0;
  transform:translateY(-1px);
}

.attachment-message{
  margin:0;
  color:#b45309;
  font-size:13px;
  font-weight:700;
}

.turnstile-placeholder{
  margin:16px 0;
  padding:14px 16px;
  border:1px dashed var(--line);
  border-radius:14px;
  background:#f8fafc;
  color:var(--text);
  font-weight:700;
  text-align:center;
}

.turnstile-placeholder span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:13px;
  font-weight:500;
}


/* SOPORTE - panel izquierdo eliminado físicamente */
.support-clean-page{
  width:100%;
  min-height:70vh;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:56px 20px 80px;
}

.support-clean-card{
  width:100%;
  max-width:760px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:var(--shadow);
  padding:34px;
}

.support-clean-card .section-head{
  text-align:center;
  margin-bottom:26px;
}

.support-clean-card form{
  width:100%;
}

.support-clean-card input,
.support-clean-card select,
.support-clean-card textarea{
  width:100%;
}

.support-grid,
.support-left,
.support-info,
.support-card,
.info-panel,
.left-panel{
  display:none !important;
}


/* Scroll animations - Simpli */
.reveal-item{
  opacity:0;
  transform:translateY(28px);
  transition:
    opacity 700ms ease,
    transform 700ms ease;
  will-change:opacity, transform;
}

.reveal-item.is-visible{
  opacity:1;
  transform:translateY(0);
}

.hero-left.reveal-item{
  transform:translateX(-24px);
}

.hero-right.reveal-item{
  transform:translateX(24px);
}

.hero-left.reveal-item.is-visible,
.hero-right.reveal-item.is-visible{
  transform:translateX(0);
}

@media (prefers-reduced-motion: reduce){
  .reveal-item{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}


/* Scroll animations bidireccionales - Simpli */
.reveal-item{
  transition:
    opacity 650ms ease,
    transform 650ms ease;
}

.reveal-item:not(.is-visible){
  opacity:0;
  transform:translateY(24px);
}

.reveal-item.is-visible{
  opacity:1;
  transform:translateY(0);
}


/* Scroll premium: aparece una vez + movimiento suave al subir/bajar */
.reveal-item{
  opacity:0;
  transform:translateY(26px);
  transition:
    opacity 700ms ease,
    transform 700ms ease;
  will-change:opacity, transform;
}

.reveal-item.is-visible{
  opacity:1;
  transform:translateY(0);
}

.hero-right,
.app-card,
.phone,
.card,
.feature,
.feature-card,
.mini-feature{
  transform:translateY(var(--scroll-lift, 0px));
  transition:transform 180ms ease-out, box-shadow 250ms ease;
  will-change:transform;
}

.app-card:hover,
.card:hover,
.feature:hover,
.feature-card:hover,
.mini-feature:hover{
  transform:translateY(calc(var(--scroll-lift, 0px) - 6px));
}

@media (prefers-reduced-motion: reduce){
  .hero-right,
  .app-card,
  .phone,
  .card,
  .feature,
  .feature-card,
  .mini-feature{
    transform:none !important;
    transition:none !important;
  }
}

/* HOME PREMIUM MOCKUP - Simpli */
.premium-home{background:radial-gradient(circle at 85% 8%,rgba(37,99,235,.16),transparent 32%),radial-gradient(circle at 78% 35%,rgba(16,185,129,.12),transparent 28%),linear-gradient(180deg,#fff 0%,#f8fbff 52%,#fff 100%);overflow:hidden;color:#071b3a}
.premium-hero{min-height:720px;display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;max-width:1180px;margin:0 auto;padding:80px 24px 70px}
.premium-hero__copy h1{font-size:clamp(52px,7vw,86px);line-height:.95;letter-spacing:-.06em;margin:0 0 26px;font-weight:900;color:#071b3a}
.premium-hero__copy h1 span{color:#0aaa62}.premium-hero__copy p{max-width:470px;font-size:20px;line-height:1.7;color:#50617a;margin-bottom:32px}
.premium-actions{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:30px}.premium-actions a{text-decoration:none;border-radius:999px;padding:17px 28px;font-weight:800;display:inline-flex;align-items:center;gap:12px;box-shadow:0 16px 34px rgba(15,64,126,.16)}
.btn-primary{color:white;background:linear-gradient(135deg,#08a95f,#35d399)}.btn-secondary{color:white;background:linear-gradient(135deg,#2463eb,#0c8cff)}
.privacy-line{display:flex;align-items:center;gap:8px;color:#46607e;font-size:15px}.privacy-line span,.privacy-line strong{color:#2463eb}
.premium-hero__visual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}
.tech-visual{position:relative;width:560px;height:520px;background:radial-gradient(circle at 55% 55%,rgba(37,99,235,.24),transparent 38%),radial-gradient(circle at 35% 65%,rgba(16,185,129,.22),transparent 35%)}
.tech-phone{width:285px;height:520px;border-radius:42px;background:linear-gradient(155deg,#071326,#174ea6 70%,#34d399);box-shadow:0 38px 80px rgba(20,64,140,.34);transform:rotate(8deg);position:absolute;left:150px;top:0;padding:16px}
.tech-phone:before{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:92px;height:18px;border-radius:0 0 16px 16px;background:#071326;z-index:4}
.phone-screen{height:100%;border-radius:30px;background:radial-gradient(circle at 70% 25%,rgba(52,211,153,.35),transparent 28%),linear-gradient(160deg,#fdfefe,#dbeafe 60%,#a7f3d0);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.phone-screen:after{content:"";position:absolute;width:125%;height:55%;bottom:-12%;left:-10%;background:linear-gradient(135deg,rgba(37,99,235,.45),rgba(16,185,129,.38));border-radius:50% 50% 0 0;transform:rotate(-8deg)}
.phone-screen img{width:150px;max-width:70%;z-index:2}
.float-card{position:absolute;width:88px;height:88px;border-radius:24px;display:grid;place-items:center;z-index:3;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 50px rgba(37,99,235,.18);backdrop-filter:blur(14px);font-size:32px;color:#2463eb;font-weight:900}
.fc1{top:60px;left:70px;color:#0aaa62}.fc2{left:35px;bottom:118px}.fc3{right:45px;top:130px}.fc4{right:70px;bottom:88px;color:#0aaa62}
.philosophy-section{padding:72px 24px 88px;background:linear-gradient(180deg,rgba(248,251,255,.6),#fff)}
.section-heading{text-align:center;max-width:650px;margin:0 auto 58px}.section-heading span,.values-content>span{display:block;font-size:14px;font-weight:900;letter-spacing:.08em;color:#0aaa62;margin-bottom:10px}
.section-heading h2,.values-content h2{font-size:clamp(34px,4vw,48px);letter-spacing:-.04em;line-height:1.05;color:#071b3a;margin:0 0 14px}.section-heading p,.values-content p{color:#50617a;line-height:1.7;font-size:17px}
.premium-pillars{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.premium-pillars article{padding:26px;border-right:1px solid rgba(15,31,56,.10)}.premium-pillars article:last-child{border-right:none}
.premium-pillars article div{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:28px;margin-bottom:18px;font-weight:900;background:#e8efff;color:#2463eb}.premium-pillars article:nth-child(odd) div{background:#ddfbea;color:#0aaa62}
.premium-pillars h3{margin:0 0 10px;color:#071b3a;font-size:20px}.premium-pillars p{margin:0;color:#50617a;line-height:1.6}
.values-section{max-width:1180px;margin:0 auto;padding:80px 24px 70px;display:grid;grid-template-columns:.85fr 1.15fr;gap:58px;align-items:center}
.values-visual{min-height:430px;position:relative}.mini-phone{width:205px;height:360px;border-radius:38px;background:linear-gradient(155deg,#071326,#174ea6 65%,#08a95f);box-shadow:0 35px 70px rgba(37,99,235,.24);transform:rotate(-10deg);position:absolute;left:70px;top:30px}
.glass-note{position:absolute;width:112px;height:88px;border-radius:22px;display:grid;place-items:center;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 45px rgba(37,99,235,.15);backdrop-filter:blur(12px);font-size:34px;color:#2463eb}.gn1{left:30px;top:120px;color:#0aaa62}.gn2{left:230px;top:88px}.gn3{left:238px;bottom:80px;color:#0aaa62}
.values-grid{margin-top:32px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.values-grid article{background:#fff;border:1px solid rgba(15,31,56,.09);border-radius:22px;padding:22px 18px;box-shadow:0 18px 45px rgba(15,31,56,.06);min-height:190px}.values-grid article div{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#edf5ff;color:#2463eb;font-size:23px;margin-bottom:14px}.values-grid h3{margin:0 0 10px;color:#071b3a;font-size:16px;line-height:1.25}.values-grid p{font-size:13.5px;line-height:1.55;margin:0}
.premium-cta{max-width:1120px;margin:20px auto 80px;padding:46px 58px;border-radius:28px;background:radial-gradient(circle at 82% 50%,rgba(16,185,129,.42),transparent 32%),linear-gradient(135deg,#06142e,#0b3178 56%,#07a45c);color:white;display:grid;grid-template-columns:1fr .8fr;gap:30px;align-items:center;overflow:hidden}.premium-cta h2{margin:0 0 16px;font-size:clamp(34px,4vw,48px);line-height:1.06;letter-spacing:-.04em}.premium-cta h2 span{color:#35d399}.premium-cta p{color:rgba(255,255,255,.82);font-size:18px;line-height:1.55;max-width:460px}.store-badge{display:inline-flex;color:white;background:#050b15;border-radius:10px;padding:13px 20px;text-decoration:none;font-weight:900;margin-top:10px}
.cta-phone{height:230px;border-radius:34px;background:linear-gradient(155deg,#071326,#103a8f);transform:rotate(-10deg);box-shadow:0 20px 50px rgba(0,0,0,.2);position:relative}.cta-phone div{position:absolute;width:72px;height:72px;border-radius:22px;display:grid;place-items:center;color:white;font-weight:900;font-size:28px;box-shadow:0 18px 40px rgba(0,0,0,.22)}.cta-phone div:nth-child(1){background:#0aaa62;left:70px;top:-20px}.cta-phone div:nth-child(2){background:#2463eb;right:65px;top:35px}.cta-phone div:nth-child(3){background:#2463eb;left:160px;bottom:-18px}
@media(max-width:900px){.premium-hero,.values-section,.premium-cta{grid-template-columns:1fr}.premium-hero{padding-top:44px;min-height:auto}.premium-pillars,.values-grid{grid-template-columns:1fr 1fr}.premium-pillars article{border-right:none;border-bottom:1px solid rgba(15,31,56,.08)}}
@media(max-width:560px){.premium-actions{flex-direction:column;align-items:stretch}.premium-actions a{justify-content:center}.premium-pillars,.values-grid{grid-template-columns:1fr}.premium-cta{margin:10px 16px 50px;padding:34px 24px}.tech-visual{width:100%;height:430px}.tech-phone{width:230px;height:420px;left:50%;transform:translateX(-50%) rotate(8deg)}.float-card{width:66px;height:66px;font-size:25px}}

/* Cambios aprobados Home/Footer */
.philosophy-section .section-heading h2{
  font-size:clamp(42px,5vw,64px)!important;
  font-weight:950!important;
  letter-spacing:-.055em!important;
  line-height:1.02!important;
}
.philosophy-section .section-heading p{
  font-size:19px!important;
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
.google-play-badge{
  display:inline-flex;
  align-items:center;
  gap:12px;
  background:#050505;
  color:#fff;
  text-decoration:none;
  border-radius:10px;
  padding:10px 16px;
  min-width:190px;
  box-shadow:0 16px 32px rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.18);
}
.google-play-badge:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 42px rgba(0,0,0,.34);
}
.gp-icon{
  width:34px;
  height:34px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#4285f4,#34a853 45%,#fbbc05 75%,#ea4335);
  font-size:16px;
}
.gp-copy{
  display:flex;
  flex-direction:column;
  line-height:1;
}
.gp-copy small{
  font-size:10px;
  letter-spacing:.04em;
  opacity:.9;
  margin-bottom:3px;
}
.gp-copy strong{
  font-size:24px;
  font-weight:800;
  letter-spacing:-.02em;
}
.sequence-title,.sequence-visual,.sequence-values,.sequence-group>*{
  opacity:0;
  transform:translateY(24px);
  transition:opacity 700ms ease,transform 700ms ease;
}
.sequence-title.is-visible,.sequence-visual.is-visible,.sequence-values.is-visible,.sequence-group>*.is-visible{
  opacity:1;
  transform:translateY(0);
}
@media(max-width:560px){
  .philosophy-section .section-heading h2{font-size:38px!important;}
}

/* Cambios finales aprobados: logos oficiales, footer y animación bidireccional */
.google-play-official{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:190px;
  max-width:100%;
  text-decoration:none;
  transition:transform .25s ease, filter .25s ease;
}

.google-play-official img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}

.google-play-official:hover{
  transform:translateY(-3px);
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.22));
}

.official-social,
.footer-social{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
}

.official-social a,
.footer-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  border-radius:50%;
  overflow:hidden;
  text-decoration:none;
  transition:transform .25s ease, filter .25s ease;
  background:transparent !important;
}

.official-social a:hover,
.footer-social a:hover{
  transform:translateY(-4px) scale(1.04);
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.28));
}

.official-social img,
.footer-social img{
  display:block;
  width:54px;
  height:54px;
  object-fit:contain;
  background:transparent !important;
}

/* Alinear logo del footer con redes */
.site-footer,
footer{
  align-items:center;
}

.footer-brand,
.footer-logo,
.footer-col:first-child{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.footer-brand img,
.footer-logo img,
footer img[alt*="Simpli"]{
  display:block;
  align-self:flex-start;
}

/* Animación bidireccional: al bajar y al subir */
.reveal-item,
.sequence-title,
.sequence-visual,
.sequence-values,
.sequence-group > *{
  opacity:0;
  transform:translateY(28px);
  transition:opacity 680ms ease, transform 680ms ease;
  will-change:opacity, transform;
}

.reveal-item.is-visible,
.sequence-title.is-visible,
.sequence-visual.is-visible,
.sequence-values.is-visible,
.sequence-group > *.is-visible{
  opacity:1;
  transform:translateY(0);
}

.sequence-group > *:nth-child(1){transition-delay:80ms;}
.sequence-group > *:nth-child(2){transition-delay:220ms;}
.sequence-group > *:nth-child(3){transition-delay:360ms;}
.sequence-group > *:nth-child(4){transition-delay:500ms;}

@media(max-width:560px){
  .official-social a,
  .footer-social a,
  .official-social img,
  .footer-social img{
    width:46px;
    height:46px;
  }
  .google-play-official{
    width:170px;
  }
}

/* Version final: animacion hero + CTA + logos oficiales */
.hero-seq,
.cta-seq{
  opacity:0;
  transform:translateY(30px);
  transition:opacity 720ms ease, transform 720ms ease;
  will-change:opacity, transform;
}

.hero-seq.is-visible,
.cta-seq.is-visible{
  opacity:1;
  transform:translateY(0);
}

.hero-seq-title{transition-delay:80ms;}
.hero-seq-text{transition-delay:220ms;}
.hero-seq-actions{transition-delay:360ms;}
.hero-seq-visual{transition-delay:500ms;}

.cta-title{transition-delay:80ms;}
.cta-text{transition-delay:220ms;}
.cta-button{transition-delay:360ms;}

.playstore-button{
  display:inline-flex;
  align-items:center;
  gap:12px;
  background:#050505;
  color:#ffffff;
  text-decoration:none;
  border-radius:14px;
  padding:10px 16px 10px 12px;
  width:auto;
  max-width:max-content;
  box-shadow:0 16px 32px rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.16);
  transition:transform .25s ease, box-shadow .25s ease;
}

.playstore-button:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 42px rgba(0,0,0,.34);
}

.playstore-button img{
  width:32px;
  height:32px;
  object-fit:contain;
  display:block;
}

.playstore-button span{
  font-weight:850;
  font-size:16px;
  letter-spacing:-.01em;
  white-space:nowrap;
}

.google-play-official{
  width:auto !important;
  max-width:none !important;
}

.official-social,
.footer-social{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
}

.official-social a,
.footer-social a{
  width:54px !important;
  height:54px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  background:transparent !important;
  overflow:hidden !important;
  text-decoration:none !important;
  transition:transform .25s ease, filter .25s ease !important;
}

.official-social a:hover,
.footer-social a:hover{
  transform:translateY(-4px) scale(1.04) !important;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.28)) !important;
}

.official-social img,
.footer-social img{
  width:54px !important;
  height:54px !important;
  object-fit:contain !important;
  display:block !important;
  background:transparent !important;
  border-radius:50% !important;
}

/* Footer logo alineado visualmente con redes */
footer{
  align-items:center !important;
}

footer > *{
  align-self:center;
}

footer img[alt*="Simpli"],
.footer-brand img,
.footer-logo img{
  display:block;
}

@media(max-width:560px){
  .playstore-button img{
    width:28px;
    height:28px;
  }
  .playstore-button span{
    font-size:14px;
  }
  .official-social a,
  .footer-social a,
  .official-social img,
  .footer-social img{
    width:46px !important;
    height:46px !important;
  }
}

/* Corrección final aprobada: botón blanco Play Store + redes forzadas */
.playstore-button.playstore-white,
.playstore-white{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  background:#ffffff !important;
  color:#071b3a !important;
  text-decoration:none !important;
  border-radius:14px !important;
  padding:10px 18px 10px 12px !important;
  width:auto !important;
  max-width:max-content !important;
  min-width:0 !important;
  box-shadow:0 12px 28px rgba(0,0,0,.18) !important;
  border:1px solid rgba(7,27,58,.10) !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
}

.playstore-button.playstore-white:hover,
.playstore-white:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.24) !important;
}

.playstore-button.playstore-white img,
.playstore-white img{
  width:30px !important;
  height:30px !important;
  object-fit:contain !important;
  display:block !important;
  flex:0 0 auto !important;
}

.playstore-button.playstore-white span,
.playstore-white span{
  color:#071b3a !important;
  font-weight:850 !important;
  font-size:15px !important;
  letter-spacing:-.01em !important;
  white-space:nowrap !important;
}

/* Forzar íconos reales del footer */
.forced-social-icons,
.footer-social.official-social.forced-social-icons{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  min-width:220px !important;
}

.forced-social-icons a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  min-height:54px !important;
  border-radius:50% !important;
  background:transparent !important;
  overflow:visible !important;
  text-decoration:none !important;
  opacity:1 !important;
}

.forced-social-icons img{
  display:block !important;
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  min-height:54px !important;
  object-fit:contain !important;
  opacity:1 !important;
  visibility:visible !important;
  background:transparent !important;
  border-radius:50% !important;
  filter:none !important;
}

.forced-social-icons a:hover{
  transform:translateY(-4px) scale(1.04) !important;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.28)) !important;
}

@media(max-width:560px){
  .playstore-button.playstore-white img,
  .playstore-white img{
    width:26px !important;
    height:26px !important;
  }
  .playstore-button.playstore-white span,
  .playstore-white span{
    font-size:14px !important;
  }
  .forced-social-icons a,
  .forced-social-icons img{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
  }
}


/* Ajuste final footer redes sociales */
.forced-social-icons,
.footer-social.official-social.forced-social-icons{
  margin-top:-10px !important;
}

.forced-social-icons a{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
}

.forced-social-icons img{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
}

@media(max-width:560px){
  .forced-social-icons,
  .footer-social.official-social.forced-social-icons{
    margin-top:-6px !important;
  }

  .forced-social-icons a,
  .forced-social-icons img{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
  }
}


/* Refinamiento final redes sociales footer */
.forced-social-icons{
  gap:16px !important;
}

.forced-social-icons a{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
}

.forced-social-icons img{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  object-fit:cover !important;
}

/* Instagram rellena completamente el círculo */
.forced-social-icons a:nth-child(2) img{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  object-fit:cover !important;
  transform:scale(1.08) !important;
  border-radius:50% !important;
}

@media(max-width:560px){
  .forced-social-icons{
    gap:14px !important;
  }

  .forced-social-icons a,
  .forced-social-icons img{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
  }

  .forced-social-icons a:nth-child(2) img{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }
}


/* Ajuste final extra pequeño redes sociales */
.forced-social-icons{
  gap:13px !important;
}

.forced-social-icons a{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
}

.forced-social-icons img{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  object-fit:cover !important;
  border-radius:50% !important;
}

/* Forzar Instagram a rellenar todo el círculo */
.forced-social-icons a:nth-child(2){
  overflow:hidden !important;
  border-radius:50% !important;
}

.forced-social-icons a:nth-child(2) img{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  object-fit:cover !important;
  transform:scale(1.18) !important;
  border-radius:50% !important;
}

@media(max-width:560px){
  .forced-social-icons{
    gap:11px !important;
  }

  .forced-social-icons a,
  .forced-social-icons img{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
  }

  .forced-social-icons a:nth-child(2) img{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    transform:scale(1.2) !important;
  }
}

/* Simpli Web v1.1 - Header logo weight update */
.nav-inner{height:100px}
.brand.brand-large img,.brand img{height:68px;max-width:280px;object-fit:contain;background:transparent}
.brand{display:inline-flex;align-items:center;background:transparent}
.brand img{background:transparent}
@media (max-width:900px){.nav-inner{height:84px}.brand.brand-large img,.brand img{height:54px;max-width:230px}}
@media (max-width:560px){.nav-inner{height:74px}.brand.brand-large img,.brand img{height:46px;max-width:205px}}


/* Simpli v1.3 - Header minimal y footer global */
.menu a.nav-contact{display:none!important}
.global-footer .footer-grid{align-items:flex-start;}
.global-footer .footer-logo-card img{filter:none!important;}
.global-footer .footer-social-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.global-footer .footer-social-links a{width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.12);display:grid;place-items:center;overflow:hidden;transition:.22s ease;}
.global-footer .footer-social-links a:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,255,255,.14);}
.global-footer .footer-social-links img{width:38px;height:38px;object-fit:contain;filter:none!important;}
.global-footer .footer-contact-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.global-footer .footer-contact-row p{margin:0;}
@media (max-width:560px){.global-footer .footer-contact-row{display:block;text-align:left}.global-footer .footer-contact-row p+p{margin-top:10px}}


/* Simpli v1.3.3 - Ajustes puntuales footer solicitados */
.global-footer .footer-social-links a[aria-label="Instagram"] img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  transform:scale(1.28)!important;
  transform-origin:center center!important;
}
.global-footer .footer-contact-row{
  display:block!important;
  text-align:center!important;
  justify-content:center!important;
}
.global-footer .footer-contact-row p{
  width:100%!important;
  margin:0 auto!important;
  text-align:center!important;
}
.global-footer .footer-contact-row p + p{
  display:none!important;
}

/* v1.8 - Home sin imagenes, textos centrados
   Cambio solicitado: quitar visuales del Home y mantener links, animaciones y estructura general. */
.premium-home{
  background:
    radial-gradient(circle at 50% 8%, rgba(37,99,235,.14), transparent 34%),
    radial-gradient(circle at 50% 32%, rgba(16,185,129,.10), transparent 30%),
    linear-gradient(180deg,#fff 0%,#f8fbff 52%,#fff 100%) !important;
}

.premium-hero{
  grid-template-columns:1fr !important;
  max-width:980px !important;
  min-height:640px !important;
  text-align:center !important;
  justify-items:center !important;
  gap:0 !important;
  padding:96px 24px 86px !important;
}

.premium-hero__copy{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}

.premium-hero__copy p{
  max-width:680px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.premium-actions{
  justify-content:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.premium-hero__visual,
.values-visual,
.cta-phone{
  display:none !important;
}

.values-section{
  grid-template-columns:1fr !important;
  max-width:1120px !important;
  text-align:center !important;
  justify-items:center !important;
  padding:86px 24px 78px !important;
}

.values-content{
  width:100% !important;
  max-width:980px !important;
  margin:0 auto !important;
}

.values-content p{
  max-width:680px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.values-grid{
  text-align:left !important;
}

.premium-cta{
  grid-template-columns:1fr !important;
  text-align:center !important;
  justify-items:center !important;
  max-width:1120px !important;
  padding:62px 58px !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(52,211,153,.28), transparent 35%),
    radial-gradient(circle at 50% 85%, rgba(37,99,235,.28), transparent 38%),
    linear-gradient(135deg,#06142e,#0b3178 56%,#07a45c) !important;
}

.premium-cta p{
  max-width:640px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.premium-cta .playstore-button,
.premium-cta .store-badge{
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:900px){
  .premium-hero{
    min-height:auto !important;
    padding:70px 24px 66px !important;
  }
  .values-grid{
    text-align:left !important;
  }
}

@media(max-width:560px){
  .premium-hero{
    padding:56px 18px 54px !important;
  }
  .premium-hero__copy h1{
    font-size:clamp(44px,13vw,58px) !important;
  }
  .premium-actions{
    width:100% !important;
  }
  .premium-cta{
    padding:42px 24px !important;
  }
}

/* v1.8.1 - Filosofía y Valores con la misma jerarquía visual */
.philosophy-section .section-heading,
.values-section .values-content{
  text-align:center !important;
}

.philosophy-section .section-heading span,
.values-section .values-content > span{
  display:block !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  color:#0aaa62 !important;
  margin-bottom:10px !important;
}

.philosophy-section .section-heading h2,
.values-section .values-content h2{
  font-size:clamp(42px,5vw,64px) !important;
  font-weight:950 !important;
  letter-spacing:-.055em !important;
  line-height:1.02 !important;
  color:#071b3a !important;
  margin:0 0 16px !important;
}

.philosophy-section .section-heading p,
.values-section .values-content p{
  font-size:19px !important;
  line-height:1.7 !important;
  color:#50617a !important;
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:560px){
  .philosophy-section .section-heading h2,
  .values-section .values-content h2{
    font-size:clamp(36px,10vw,48px) !important;
  }
  .philosophy-section .section-heading p,
  .values-section .values-content p{
    font-size:17px !important;
  }
}

/* v1.8.2 - Cards centradas + animación de scroll más calmada */
.philosophy-section .premium-pillars article,
.values-section .values-grid article{
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
}

.philosophy-section .premium-pillars article > div,
.values-section .values-grid article > div{
  margin-left:auto !important;
  margin-right:auto !important;
  display:grid !important;
  place-items:center !important;
}

.philosophy-section .premium-pillars article h3,
.values-section .values-grid article h3,
.philosophy-section .premium-pillars article p,
.values-section .values-grid article p{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.values-section .values-grid article p,
.philosophy-section .premium-pillars article p{
  max-width:260px !important;
}

.reveal-item{
  transform:translateY(42px) !important;
  transition:
    opacity 1250ms cubic-bezier(.16,1,.3,1),
    transform 1250ms cubic-bezier(.16,1,.3,1) !important;
}

.reveal-item.is-visible{
  transform:translateY(0) !important;
}

.sequence-group > .reveal-item:nth-child(1){transition-delay:80ms !important;}
.sequence-group > .reveal-item:nth-child(2){transition-delay:180ms !important;}
.sequence-group > .reveal-item:nth-child(3){transition-delay:280ms !important;}
.sequence-group > .reveal-item:nth-child(4){transition-delay:380ms !important;}

.hero-seq.reveal-item,
.cta-seq.reveal-item,
.sequence-title.reveal-item,
.sequence-visual.reveal-item,
.sequence-values.reveal-item{
  transition-duration:1350ms !important;
}

@media(max-width:900px){
  .values-grid{
    text-align:center !important;
  }
}

/* v1.8.4 - Aplicar formato de Nuestra Filosofía a Nuestros Valores */
.values-section .values-grid{
  max-width:1120px !important;
  margin:54px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:20px !important;
  text-align:center !important;
}

.values-section .values-grid article{
  background:transparent !important;
  border:0 !important;
  border-right:1px solid rgba(15,31,56,.10) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:26px !important;
  min-height:auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
}

.values-section .values-grid article:last-child{
  border-right:none !important;
}

.values-section .values-grid article > div{
  width:64px !important;
  height:64px !important;
  border-radius:20px !important;
  display:grid !important;
  place-items:center !important;
  font-size:28px !important;
  font-weight:900 !important;
  margin:0 auto 18px !important;
  background:#e8efff !important;
  color:#2463eb !important;
}

.values-section .values-grid article:nth-child(odd) > div{
  background:#ddfbea !important;
  color:#0aaa62 !important;
}

.values-section .values-grid article h3{
  margin:0 0 10px !important;
  color:#071b3a !important;
  font-size:20px !important;
  line-height:1.25 !important;
  text-align:center !important;
}

.values-section .values-grid article p{
  margin:0 auto !important;
  color:#50617a !important;
  font-size:16px !important;
  line-height:1.6 !important;
  max-width:260px !important;
  text-align:center !important;
}

@media(max-width:900px){
  .values-section .values-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .values-section .values-grid article{
    border-right:none !important;
    border-bottom:1px solid rgba(15,31,56,.08) !important;
  }
  .values-section .values-grid article:nth-last-child(-n+2){
    border-bottom:none !important;
  }
}

@media(max-width:560px){
  .values-section .values-grid{
    grid-template-columns:1fr !important;
  }
  .values-section .values-grid article,
  .values-section .values-grid article:nth-last-child(-n+2){
    border-right:none !important;
    border-bottom:1px solid rgba(15,31,56,.08) !important;
  }
  .values-section .values-grid article:last-child{
    border-bottom:none !important;
  }
}


/* v1.8.6 - Force CTA compact + legal pages always visible */
.premium-cta{
  padding:42px 54px !important;
  margin-top:44px !important;
  margin-bottom:58px !important;
  min-height:auto !important;
  align-items:center !important;
}

.premium-cta h2{
  margin-bottom:14px !important;
}

.premium-cta p,
.premium-cta .cta-text p{
  max-width:900px !important;
  width:100% !important;
  margin:0 auto 16px !important;
  text-align:center !important;
  line-height:1.45 !important;
  font-size:clamp(16px,1.35vw,18px) !important;
  text-wrap:balance;
}

@media(min-width:900px){
  .premium-cta p,
  .premium-cta .cta-text p{
    white-space:nowrap !important;
  }
}

/* Footer estático: las animaciones se mantienen en el contenido de las páginas, pero no en el footer. */
.global-footer,
.global-footer *,
footer.global-footer,
footer.global-footer *{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

@media(max-width:900px){
  .premium-cta{
    padding:38px 28px !important;
  }
  .premium-cta p,
  .premium-cta .cta-text p{
    white-space:normal !important;
    max-width:620px !important;
  }
}


/* v1.8.10 - Premium philosophy icons replacement */
.premium-pillars-icons article > div{display:none !important;}
.premium-pillar-icon{width:96px !important;height:96px !important;max-width:96px !important;max-height:96px !important;object-fit:contain !important;display:block !important;margin:0 auto 26px auto !important;filter:drop-shadow(0 14px 24px rgba(5,31,68,.10));}
.premium-pillars-icons article{text-align:center !important;}
@media(max-width:560px){.premium-pillar-icon{width:82px !important;height:82px !important;max-width:82px !important;max-height:82px !important;}}


/* v1.9.2 - Iconos premium uniformes en Nuestra filosofía */
.premium-pillars-icons article{
  text-align:center !important;
}
.premium-pillars-icons .pillar-premium-icon{
  width:104px !important;
  height:104px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto 24px auto !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 16px 28px rgba(7,27,58,.12));
}
.premium-pillars-icons article > div{
  display:none !important;
}
@media(max-width:560px){
  .premium-pillars-icons .pillar-premium-icon{
    width:92px !important;
    height:92px !important;
    margin-bottom:20px !important;
  }
}

/* v1.9.2 FIX - clase real de iconos premium */
.premium-pillars-icons .premium-pillar-icon,
.premium-pillars-icons .pillar-premium-icon{
  width:104px !important;
  height:104px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto 24px auto !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 16px 28px rgba(7,27,58,.12));
}
.premium-pillars-icons article{
  text-align:center !important;
}
.premium-pillars-icons article > div{
  display:none !important;
}
@media(max-width:560px){
  .premium-pillars-icons .premium-pillar-icon,
  .premium-pillars-icons .pillar-premium-icon{
    width:92px !important;
    height:92px !important;
    margin-bottom:20px !important;
  }
}

.premium-value-icon{
  width:72px;
  height:72px;
  object-fit:contain;
  display:block;
  margin:0 auto 22px;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,.08));
}
.values-grid article{
  text-align:center;
}


/* v1.9.4 - Balance visual: iconos de Nuestros valores al peso visual de Filosofía */
.values-grid .premium-value-icon{
  width:104px !important;
  height:104px !important;
  max-width:104px !important;
  max-height:104px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto 24px auto !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 16px 28px rgba(7,27,58,.12)) !important;
}
@media(max-width:560px){
  .values-grid .premium-value-icon{
    width:92px !important;
    height:92px !important;
    max-width:92px !important;
    max-height:92px !important;
    margin-bottom:20px !important;
  }
}


/* v2.0 - Menú móvil funcional + formulario directo desde la web */
.mobile-menu{
  border:0;
  background:transparent;
  color:var(--navy);
  font-size:30px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  z-index:80;
  padding:8px 10px;
}

.mobile-menu.is-open{
  color:var(--blue);
}

@media (max-width:900px){
  body.menu-open{
    overflow:hidden;
  }

  .nav{
    z-index:100;
  }

  .nav-inner{
    position:relative;
  }

  .menu{
    display:flex !important;
    position:fixed;
    top:78px;
    left:0;
    right:0;
    width:100%;
    min-height:calc(100vh - 78px);
    padding:28px 24px 42px;
    background:rgba(255,255,255,.98);
    backdrop-filter:blur(18px);
    border-top:1px solid var(--line);
    box-shadow:0 28px 70px rgba(6,30,66,.16);
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:18px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-14px);
    transition:opacity .28s ease, transform .28s ease, visibility .28s ease;
  }

  .menu.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }

  .menu a{
    width:min(420px, 100%);
    text-align:center;
    padding:16px 18px;
    border-radius:18px;
    background:#f6f9ff;
    border:1px solid var(--line);
    color:var(--navy);
    font-size:18px;
    font-weight:900;
  }

  .menu a.active{
    background:var(--soft-blue);
    color:var(--blue);
  }
}

.form-status{
  display:none;
  border-radius:14px;
  padding:14px 16px;
  font-size:14px;
  font-weight:800;
  line-height:1.45;
}

.form-status.is-loading,
.form-status.is-success,
.form-status.is-error{
  display:block;
}

.form-status.is-loading{
  background:#eef5ff;
  border:1px solid #cfe0ff;
  color:#1d4ed8;
}

.form-status.is-success{
  background:#ecfdf3;
  border:1px solid #bbf7d0;
  color:#166534;
}

.form-status.is-error{
  background:#fff1f2;
  border:1px solid #fecdd3;
  color:#be123c;
}

.form button:disabled,
.form .btn:disabled{
  opacity:.72;
  cursor:not-allowed;
  transform:none !important;
}


/* Simpli Web v1.0.7 - SEO, Mini Blogs y legal escalable */
.footer-mini-blog-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:18px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-weight:800;
  font-size:14px;
  border:1px solid rgba(255,255,255,.14);
  transition:.22s ease;
}
.footer-mini-blog-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.16)}
.legal-accordion{margin-top:6px;border-top:1px solid var(--line);padding-top:8px}
.legal-accordion summary{cursor:pointer;padding:12px 14px;border-radius:12px;color:#304461;font-weight:800;list-style:none}
.legal-accordion summary::-webkit-details-marker{display:none}
.legal-accordion summary:after{content:'+';float:right;color:var(--blue);font-weight:900}
.legal-accordion[open] summary:after{content:'−'}
.legal-accordion a{margin-left:10px;font-size:14px}
.app-policy-accordion{margin:28px 0;padding:22px;border:1px solid var(--line);border-radius:20px;background:#f8fbff}
.app-policy-accordion h2{margin-top:0!important}
.app-policy-accordion details{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:0}
.app-policy-accordion summary{cursor:pointer;padding:16px 18px;font-weight:900;color:var(--navy);list-style:none}
.app-policy-accordion summary::-webkit-details-marker{display:none}
.app-policy-accordion summary:after{content:'+';float:right;color:var(--green);font-weight:900}
.app-policy-accordion details[open] summary:after{content:'−'}
.app-policy-links{display:grid;gap:10px;padding:0 18px 18px}
.app-policy-links a{display:flex;padding:13px 14px;border-radius:14px;background:var(--soft-blue);color:var(--blue);font-weight:800}
.blog-hero{background:radial-gradient(circle at 80% 20%,rgba(8,168,102,.12),transparent 30%),radial-gradient(circle at 20% 5%,rgba(37,99,235,.12),transparent 30%),linear-gradient(180deg,#fff,#f7fbff);padding:82px 0 42px}
.blog-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center}
.blog-hero h1{font-size:clamp(42px,5vw,66px);line-height:1.04;letter-spacing:-.04em;color:var(--navy);margin:0 0 20px}
.blog-hero p{font-size:18px;color:var(--muted);max-width:650px;margin:0}
.blog-hero-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}
.blog-hero-card strong{display:block;color:var(--navy);font-size:22px;margin-bottom:8px}
.blog-hero-card span{color:var(--muted)}
.blog-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:26px}
.blog-toolbar h2{margin:0 0 8px;color:var(--navy);font-size:34px;letter-spacing:-.03em}
.blog-toolbar p{margin:0;color:var(--muted)}
.blog-categories{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:520px}
.blog-categories span,.blog-categories button{display:inline-flex;padding:9px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800;color:#304461;font-size:13px;font-family:inherit;cursor:pointer}
.blog-categories button.active{background:var(--soft-blue);color:var(--blue);border-color:#d7e5ff}
.blog-categories button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(5,31,68,.08)}
.blog-card.is-hidden{display:none}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 10px 35px rgba(5,31,68,.05);transition:.22s ease}
.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.blog-card-icon{width:58px;height:58px;border-radius:20px;background:var(--soft-blue);display:grid;place-items:center;font-size:28px;margin-bottom:16px}
.blog-card span{display:inline-flex;margin-bottom:10px;color:var(--green);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.blog-card h3{margin:0 0 12px;color:var(--navy);font-size:22px;line-height:1.16}
.blog-card p{color:var(--muted);margin:0 0 18px}
.blog-card a{color:var(--blue);font-weight:900}
@media (max-width:900px){.blog-hero-grid,.blog-grid{grid-template-columns:1fr}.blog-toolbar{display:block}.blog-categories{justify-content:flex-start;margin-top:18px}.menu.is-open{display:flex;position:absolute;top:100%;left:4vw;right:4vw;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:10px;z-index:99}.menu.is-open a{padding:14px 16px;border-radius:12px}.mobile-menu.is-open{font-size:28px}}


/* Simpli v1.0.8 refinements */
.legal-accordion-sub{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.legal-accordion-sub summary{cursor:pointer;padding:12px 14px;border-radius:12px;font-weight:800;color:#243a5f;list-style:none}
.legal-accordion-sub summary::-webkit-details-marker{display:none}
.legal-accordion-sub summary::after{content:" +";color:var(--blue);font-weight:900}
.legal-accordion-sub[open] summary::after{content:" −"}
.legal-accordion-sub a{margin-left:12px;font-size:14px;color:#43536d}
.legal-accordion-sub a.active{background:var(--soft-blue);color:var(--blue)}
.coming-soon-page{min-height:62vh;display:grid;align-items:center;padding:82px 0;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.coming-soon-card{max-width:820px;background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);padding:54px;text-align:center}
.coming-soon-card h1{font-size:clamp(38px,5vw,62px);line-height:1.04;margin:0 0 18px;color:var(--navy);letter-spacing:-.04em}
.coming-soon-card p{font-size:18px;color:var(--muted);max-width:660px;margin:0 auto 28px}
.coming-soon-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
@media (max-width:700px){.coming-soon-card{padding:34px 22px}.coming-soon-page{padding:48px 0}}


/* Simpli v1.0.9 mini blog branding */
.blog-card-logo{width:76px;height:76px;border-radius:24px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;margin-bottom:18px;box-shadow:0 12px 28px rgba(5,31,68,.08);overflow:hidden}
.blog-card-logo img{width:100%;height:100%;object-fit:cover}
.blog-card-metas .blog-card-logo img{object-fit:cover;padding:0}
.legal-side .legal-accordion-sub{order:2}
.legal-side > a[href="terminos.html"]{order:3}
.legal-side{align-content:start}


/* Simpli Web v1.0.10 - ajustes visuales aprobados */
.btn-mini-blogs{
  color:#fff;
  background:linear-gradient(135deg,#5f6b7a,#8a97a8);
}
.btn-mini-blogs:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(31,41,55,.18);
}
.blog-hero h1 .accent-blue{color:var(--blue)}
.blog-hero-card strong .accent-green{color:var(--green)}
.legal-side > a[href="privacidad.html"],
.legal-side > a[href="terminos.html"]{
  font-size:17px;
  font-weight:900;
  color:#24324a;
}
.legal-side > a[href="privacidad.html"].active,
.legal-side > a[href="terminos.html"].active{
  color:var(--blue);
}
.legal-accordion-sub summary{
  font-size:14px;
  font-weight:700;
  color:#4b5b73;
}
.legal-accordion-sub a{
  font-size:13px;
  font-weight:650;
  color:#5e6b7e;
}
.legal-accordion-sub a.active{
  color:var(--blue);
}
@media(max-width:560px){
  .legal-side > a[href="privacidad.html"],
  .legal-side > a[href="terminos.html"]{font-size:16px}
}

/* Simpli Web v1.0.12 - banner simple de cookies */
.cookie-notice{
  position:fixed;
  left:50%;
  bottom:22px;
  width:min(92vw,720px);
  transform:translateX(-50%);
  z-index:9999;
  animation:cookieNoticeIn .28s ease-out both;
}
.cookie-notice__content{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 18px;
  border:1px solid rgba(210,220,232,.9);
  border-radius:22px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 45px rgba(5,31,68,.14);
  backdrop-filter:blur(14px);
}
.cookie-notice strong{
  display:block;
  margin-bottom:3px;
  color:var(--navy);
  font-size:15px;
  line-height:1.2;
}
.cookie-notice p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.35;
}
.cookie-notice__button{
  flex:0 0 auto;
  border:0;
  border-radius:999px;
  padding:11px 18px;
  background:linear-gradient(135deg,var(--blue),var(--green));
  color:#fff;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(16,117,201,.18);
}
.cookie-notice__button:hover{
  transform:translateY(-1px);
}
.cookie-notice.is-hidden{
  animation:cookieNoticeOut .22s ease-in both;
}
@keyframes cookieNoticeIn{
  from{opacity:0;transform:translate(-50%,12px)}
  to{opacity:1;transform:translate(-50%,0)}
}
@keyframes cookieNoticeOut{
  from{opacity:1;transform:translate(-50%,0)}
  to{opacity:0;transform:translate(-50%,12px)}
}
@media(max-width:640px){
  .cookie-notice{bottom:14px}
  .cookie-notice__content{align-items:stretch;flex-direction:column;padding:16px}
  .cookie-notice__button{width:100%}
}


/* Simpli v1.1.2 - Footer siempre estático, animaciones activas en el resto del sitio */
.global-footer,
.global-footer *,
.global-footer .reveal,
.global-footer .reveal-item,
.global-footer .simpli-reveal,
.global-footer .simpli-reveal-icon,
.global-footer .simpli-visible{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  animation:none !important;
}


/* v1.1.3 - Fix legal pages visibility
   Las páginas legales tienen documentos largos; se dejan visibles y sin reveal para evitar pantalla en blanco. */
.legal-page .legal-layout,
.legal-page .legal-side,
.legal-page .legal-doc,
.legal-page .legal-static{
  opacity:1 !important;
  transform:none !important;
  visibility:visible !important;
}

.legal-page .legal-layout.reveal-item,
.legal-page .legal-side.reveal-item,
.legal-page .legal-doc.reveal-item{
  opacity:1 !important;
  transform:none !important;
}


/* Simpli Web v1.1.5 - movimiento suave en hero de Mini Blogs */
.blog-hero-copy,
.blog-hero-card{
  transform:translateY(var(--scroll-lift, 0px));
  transition:transform 180ms ease-out;
  will-change:transform;
}

/* Simpli Web v1.1.6 - movimiento flotante continuo en botones Home y hero Mini Blogs */
@keyframes simpli-soft-float-y{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

/* Home: los 3 botones principales flotan suavemente */
.premium-home .premium-actions a{
  animation:simpli-soft-float-y 4.8s ease-in-out infinite;
}
.premium-home .premium-actions a:nth-child(2){animation-delay:.35s;}
.premium-home .premium-actions a:nth-child(3){animation-delay:.7s;}

/* Mini Blogs: título/texto y cuadro evergreen con movimiento continuo */
.blog-hero-copy,
.blog-hero-card{
  animation:simpli-soft-float-y 5.4s ease-in-out infinite;
}
.blog-hero-card{animation-delay:.45s;}

@media (prefers-reduced-motion: reduce){
  .premium-home .premium-actions a,
  .blog-hero-copy,
  .blog-hero-card{
    animation:none !important;
  }
}


/* Simpli Web v1.1.7 - Force root continuous floating animations
   Se fuerza únicamente en botones principales del Home y hero de Mini Blogs.
   Footer permanece estático por reglas .global-footer. */
@keyframes simpli-force-float-root{
  0%{transform:translate3d(0,0,0) !important;}
  50%{transform:translate3d(0,-16px,0) !important;}
  100%{transform:translate3d(0,0,0) !important;}
}

.simpli-force-float{
  animation-name:simpli-force-float-root !important;
  animation-duration:3.6s !important;
  animation-timing-function:ease-in-out !important;
  animation-iteration-count:infinite !important;
  animation-fill-mode:both !important;
  will-change:transform !important;
  transform:translate3d(0,0,0);
}
.simpli-force-float-1{animation-delay:0s !important;}
.simpli-force-float-2{animation-delay:.32s !important;}
.simpli-force-float-3{animation-delay:.64s !important;}

/* Mantener el footer completamente sin movimiento aunque haya clases globales */
.global-footer .simpli-force-float,
.global-footer,
.global-footer *{
  animation:none !important;
  transform:none !important;
}


/* Simpli v1.1.8 - Soporte hero limpio */
.support-clean-card .section-head{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:8px !important;
}
.support-clean-card .section-head h1{
  width:100%;
  margin:0;
  text-align:center;
}
.support-clean-card .section-head p{
  width:100%;
  margin:0;
  text-align:center;
}


/* Simpli v1.2 mini blog app colors */
.blog-card-lista > span{color:var(--green)}
.blog-card-fx > span{color:#ef1212}
.blog-card-metas > span{color:#ff7a00}
.blog-card-gastos > span{color:#7c2bdc}
.blog-card-ecosistema > span{color:var(--navy)}


/* Simpli launch polish: app colors in legal policies */
.legal-side a.app-lista{color:var(--green)}
.legal-side a.app-gastos{color:#7c2bdc}
.legal-side a.app-metas{color:#ff7a00}
.legal-side a.app-fx{color:#ef1212}
.legal-side a.active.app-lista{background:rgba(8,168,102,.10);color:var(--green)}
.legal-side a.active.app-gastos{background:rgba(124,43,220,.10);color:#7c2bdc}
.legal-side a.active.app-metas{background:rgba(255,122,0,.12);color:#ff7a00}
.legal-side a.active.app-fx{background:rgba(239,18,18,.10);color:#ef1212}
.legal-lista .notice{background:#eaf7f0;border-color:#b9ead4;color:#087a4c}
.legal-gastos .notice{background:#f3ecff;border-color:#dac7ff;color:#6b21c9}
.legal-metas .notice{background:#fff3e6;border-color:#ffd5ad;color:#d85f00}
.legal-fx .notice{background:#ffecec;border-color:#ffc7c7;color:#d60f0f}
.legal-doc .notice strong{color:inherit}

/* Soft content protection: keep links, buttons and form fields usable */
body{ -webkit-user-select:none; -moz-user-select:none; user-select:none; }
a, button, input, textarea, select, label, .form, .form *{ -webkit-user-select:auto; -moz-user-select:auto; user-select:auto; }
