:root{--bg:#f7f9fc;--surface:#fff;--ink:#111827;--muted:#64748b;--line:#e5e7eb;--blue:#0866e9;--blue2:#3184f6;--radius:20px;--shadow:0 14px 40px rgba(15,23,42,.08);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none;cursor:pointer}.site-header{height:76px;display:flex;align-items:center;gap:34px;padding:0 max(24px,calc((100% - var(--max))/2));background:rgba(255,255,255,.92);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;flex-direction:column;margin-right:auto;font-weight:900}.brand>span{font-size:29px;line-height:.9}.brand>span span{color:var(--blue)}.brand small{font-size:8px;letter-spacing:.08em;margin-top:5px}.site-header nav{display:flex;gap:25px;font-size:14px}.site-header nav a:hover{color:var(--blue)}main{max-width:var(--max);margin:auto;padding:28px 24px 70px}.hero{min-height:510px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:48px}.eyebrow{display:inline-block;color:var(--blue);background:#eaf3ff;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em}.hero h1{font-size:54px;line-height:1.02;letter-spacing:-.045em;margin:18px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero p,.panel p{color:var(--muted);line-height:1.6}.actions{display:flex;gap:12px;margin:28px 0}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 20px;border-radius:11px;border:1px solid var(--line);background:white;font-weight:700;font-size:14px;box-shadow:0 4px 12px rgba(15,23,42,.04)}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 9px 20px rgba(8,102,233,.2)}.trust{display:flex;gap:20px;font-size:12px;flex-wrap:wrap}.device-art{height:390px;border-radius:36px;background:radial-gradient(circle at 70% 30%,#dbeafe,#eef2f7 55%,#fff);position:relative;overflow:hidden}.phone,.laptop,.console{position:absolute;display:grid;place-items:center;box-shadow:var(--shadow);font-weight:900}.phone{width:145px;height:285px;border-radius:28px;background:#15171c;color:#fff;left:50px;bottom:35px;border:8px solid #252832}.laptop{width:285px;height:180px;border:10px solid #20242c;background:linear-gradient(135deg,#0d4b8f,#0f172a);color:#fff;right:32px;bottom:72px;border-radius:12px}.console{right:48px;bottom:25px;font-size:55px;box-shadow:none}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:22px 0 40px}.service-grid article{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;min-height:145px}.service-grid h3{margin:12px 0 4px}.service-grid p{font-size:12px;color:var(--muted);line-height:1.5}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.quote{padding:32px;margin:20px 0}.quote h2,.store h2,.bottom-grid h2{font-size:30px;letter-spacing:-.03em;margin:10px 0}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}input,select,textarea{width:100%;border:1px solid var(--line);background:#fbfdff;border-radius:11px;padding:14px;font:inherit;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#8bbcff;box-shadow:0 0 0 3px #e8f2ff}textarea{min-height:92px;resize:vertical;margin-top:12px}.form-note{font-size:12px!important;margin-bottom:0}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:35px 8px}.benefits div{display:grid;grid-template-columns:40px 1fr;column-gap:10px}.benefits b{grid-row:1/3;font-size:25px;color:var(--blue)}.benefits span{font-size:12px;color:var(--muted);margin-top:5px}.store{display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;margin:18px 0 30px}.store>div:first-child{padding:34px}.map-placeholder{min-height:330px;background:linear-gradient(135deg,#e6eef6,#cbd8e5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#475569}.map-placeholder span{font-weight:900;font-size:28px;color:var(--blue)}.map-placeholder a{margin-top:28px;background:#fff;padding:10px 14px;border-radius:10px;font-size:12px}.bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.bottom-grid .panel{padding:28px}details{border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:10px}summary{cursor:pointer;font-weight:650}.contact>a{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:15px;border-radius:11px;margin-top:10px;font-weight:750}.contact small{color:var(--muted);font-weight:500}footer{background:#08111f;color:#fff;padding:45px max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:end}footer p,footer a{color:#b8c2d1;font-size:13px}.inverse small{color:#cbd5e1}@media(max-width:850px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero h1{font-size:42px}.device-art{height:300px}.service-grid{grid-template-columns:1fr 1fr}.form-row,.benefits,.store,.bottom-grid{grid-template-columns:1fr}.site-header{padding:0 18px}.site-header .btn{padding:10px 12px}.trust{gap:10px}.map-placeholder{min-height:230px}footer{grid-template-columns:1fr}.laptop{right:-40px}.phone{left:35px}}@media(max-width:520px){main{padding-left:14px;padding-right:14px}.hero{min-height:auto;padding:35px 0}.hero h1{font-size:36px}.service-grid{grid-template-columns:1fr}.quote{padding:22px}.device-art{display:none}.benefits{grid-template-columns:1fr 1fr;gap:25px 12px}}

/* =========================================================
   FIXFONE · DOS TIENDAS
   ========================================================= */

.stores-section {
  display: block;
}

.stores-intro {
  margin-bottom: 28px;
}

.stores-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.store-location {
  position: relative;
  padding: 26px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.72);
}

.store-location h3 {
  margin: 8px 0 16px;
  font-size: 1.25rem;
}

.store-location p {
  margin: 9px 0;
}

.store-location .btn {
  margin-top: 12px;
}

.store-number {
  display: inline-block;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  opacity: .45;
}

@media (max-width: 760px) {
  .stores-grid {
    grid-template-columns: 1fr;
  }

  .store-location {
    padding: 22px;
  }
}

/* =========================================================
   FIXFONE · TIENDAS COMPACTAS V2
   ========================================================= */

.stores-section.panel {
  padding: 28px 30px 30px;
  border-radius: 22px;
}

.stores-section > div:first-child {
  margin-bottom: 20px;
}

.stores-section h2 {
  margin: 12px 0 6px;
}

.stores-intro {
  margin: 0;
  opacity: .7;
}

.stores-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.store-location {
  display: flex;
  flex-direction: column;
  min-height: 210px;
  padding: 22px 24px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(15, 23, 42, .04);
  transition: transform .18s ease, box-shadow .18s ease;
}

.store-location:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 34px rgba(15, 23, 42, .07);
}

.store-number {
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .12em;
  opacity: .4;
  margin-bottom: 10px;
}

.store-location h3 {
  margin: 0 0 14px;
  font-size: 1.18rem;
  line-height: 1.2;
}

.store-location p {
  margin: 6px 0;
  line-height: 1.45;
}

.store-location .btn {
  align-self: flex-start;
  margin-top: auto;
  padding: 11px 20px;
}

@media (max-width: 760px) {
  .stores-section.panel {
    padding: 22px 18px;
  }

  .stores-grid {
    grid-template-columns: 1fr;
  }

  .store-location {
    min-height: 190px;
  }
}


/* =========================================================
   FIXFONE · SEPARACION ENTRE TIENDAS Y FAQ/CONTACTO
   ========================================================= */

#tienda.stores-section.panel {
  margin-bottom: 26px;
}

#tienda + .bottom-grid {
  margin-top: 26px;
}

@media (max-width: 760px) {
  #tienda.stores-section.panel {
    margin-bottom: 20px;
  }

  #tienda + .bottom-grid {
    margin-top: 20px;
  }
}