
#ph-tech-accesos .pht-page{--t-bg:light-dark(#f7f7fc,#141528);--t-surface:light-dark(#ffffff,#24263d);--t-ink:light-dark(#27253a,#f0f1ff);--t-muted:light-dark(#68657c,#c3c5db);--t-line:light-dark(#dedbee,#44425c);--t-accent:light-dark(#5965cf,#b8bef3);--t-tint:light-dark(#ece8f7,#29263f);--t-fill:light-dark(#5965cf,#b8bef3);--t-fill-ink:light-dark(#ffffff,#24203d);--t-green:light-dark(#126748,#94e0bb);--t-green-bg:light-dark(#e7f5ec,#183b2b);--t-heading:3.1875rem;--t-rounding:0.875rem;font-family:'Segoe UI',Arial,sans-serif;background:var(--t-bg);color:var(--t-ink);border:0.0625rem solid var(--t-line);border-radius:var(--t-rounding);overflow:hidden;min-height:49.375rem;display:flex;flex-direction:column}
#ph-tech-accesos .pht-page *{box-sizing:border-box;min-width:0}
#ph-tech-accesos main{flex:1}
#ph-tech-accesos a{color:inherit;text-decoration:none}
#ph-tech-accesos header{padding:1.4375rem 2.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.375rem;border-bottom:0.0625rem solid var(--t-line)}
#ph-tech-accesos .pht-logo{display:block;width:13rem;max-width:100%;flex-shrink:0}
#ph-tech-accesos .pht-logo img{display:block;width:100%;height:auto}
#ph-tech-accesos .pht-kicker{display:flex;align-items:center;gap:0.375rem;font-size:0.625rem;font-weight:700;letter-spacing:0.0938rem;line-height:1.6;color:var(--t-accent)}
#ph-tech-accesos h1{font-size:var(--t-heading);letter-spacing:-0.125rem;line-height:1.04;font-weight:750;margin:1.25rem 0 1.4375rem}
#ph-tech-accesos h1 em{font-style:normal;color:var(--t-accent)}
#ph-tech-accesos h2{font-size:1.625rem;font-weight:700;line-height:1.15;letter-spacing:-.0.375rem;margin:0.9375rem 0 1.25rem}
#ph-tech-accesos p{font-size:0.875rem;color:var(--t-muted);line-height:1.65;margin:0 0 1.375rem}
#ph-tech-accesos small{display:block;font-size:0.6875rem;color:var(--t-muted);line-height:1.5;margin-top:0.25rem;font-weight:400}
#ph-tech-accesos .pht-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5625rem;min-height:2.75rem;padding:0.8125rem 0.875rem;border:0.0625rem solid transparent;border-radius:0.5rem;font-size:0.75rem;font-weight:600}
#ph-tech-accesos .pht-whatsapp{background:var(--t-green-bg);color:var(--t-green)}
#ph-tech-accesos .pht-outline{border-color:var(--t-line);background:var(--t-surface)}
#ph-tech-accesos .pht-phone{display:block;font-size:0.6875rem;color:var(--t-muted);margin:0.6875rem 0 1.125rem;text-align:center}
#ph-tech-accesos .pht-services{display:flex;gap:0.625rem 1.0625rem;flex-wrap:wrap;color:var(--t-muted);font-size:0.6875rem}
#ph-tech-accesos .pht-services span{padding:0.4375rem 0;border-top:0.0625rem solid var(--t-line)}
#ph-tech-accesos .pht-social-rows a{display:flex;align-items:center;gap:0.75rem;padding:0.9375rem 0;border-top:0.0625rem solid var(--t-line);font-size:0.75rem;min-height:2.75rem}
#ph-tech-accesos .pht-social-rows a>svg:last-child{margin-left:auto;flex-shrink:0}
#ph-tech-accesos .pht-text-link{display:inline-flex;align-items:center;gap:0.4375rem;min-height:2.75rem;font-size:0.75rem;font-weight:600;color:var(--t-accent)}
#ph-tech-accesos footer{padding:1.375rem 2.25rem;border-top:0.0625rem solid var(--t-line);font-size:0.625rem;color:var(--t-muted);display:flex;justify-content:space-between;gap:0.75rem;flex-wrap:wrap}
#ph-tech-accesos .pht-balanced-grid{padding:1.875rem 2.25rem 2rem;display:grid;grid-template-columns:1.35fr 1fr;gap:2.0625rem;align-items:center}
#ph-tech-accesos .pht-message p{max-width:20.625rem;font-size:0.8125rem}
#ph-tech-accesos .pht-contact-card{padding:1.6875rem;border:0.0625rem solid var(--t-line);background:var(--t-surface);border-radius:var(--t-rounding);box-shadow:0 0.75rem 2.1875rem light-dark(#36365e10,#00000020)}
#ph-tech-accesos .pht-contact-card h2{font-size:1.875rem}
#ph-tech-accesos .pht-contact-card .pht-button{display:flex;font-size:0.6875rem;padding-left:0.625rem;padding-right:0.625rem}
#ph-tech-accesos .pht-address-band{margin:0 2.25rem 1.875rem;padding:1.4375rem;background:var(--t-tint);border-radius:var(--t-rounding);display:flex;align-items:center;justify-content:space-between;gap:1.25rem}
#ph-tech-accesos .pht-address-band h2{font-size:1.5rem;margin:0.5rem 0 0.25rem}
#ph-tech-accesos .pht-address-band p{font-size:0.75rem;margin:0}
#ph-tech-accesos .pht-hours{display:flex;flex-direction:column;gap:0.25rem;margin-top:0.875rem;font-size:0.875rem;line-height:1.5}
#ph-tech-accesos .pht-hours strong{font-weight:600}
#ph-tech-accesos .pht-hours span{color:var(--t-muted)}
#ph-tech-accesos .pht-header-note{font-size:0.6875rem;color:var(--t-muted)}
#ph-tech-accesos .pht-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.9375rem;padding:1.5625rem 2.25rem 0}
#ph-tech-accesos .pht-access-grid .pht-access{display:flex;align-items:center;gap:0.9375rem;min-height:6.5rem;padding:1.375rem;border:0.0625rem solid transparent;border-radius:var(--t-rounding)}
#ph-tech-accesos .pht-access-shop{background:var(--t-fill);color:var(--t-fill-ink);box-shadow:0 0.4375rem 1.375rem light-dark(#5965cf20,#00000020)}
#ph-tech-accesos .pht-access-grid .pht-access-repair{background:var(--t-tint);color:var(--t-ink);border-color:var(--t-repair-accent)}
#ph-tech-accesos .pht-access-copy{display:flex;flex-direction:column;gap:0.4375rem}
#ph-tech-accesos .pht-access-copy strong{font-size:1.4375rem;line-height:1.12;letter-spacing:-.0.3125rem;font-weight:700}
#ph-tech-accesos .pht-access-copy>span{font-size:0.6875rem;line-height:1.4;font-weight:400}
#ph-tech-accesos .pht-access-icon{display:flex;flex-shrink:0}
#ph-tech-accesos .pht-access-icon svg{width:1.5rem;height:1.5rem}
#ph-tech-accesos .pht-access>svg:last-child{margin-left:auto;flex-shrink:0}

#ph-tech-accesos a:focus-visible{outline:0.1875rem solid var(--t-accent);outline-offset:0.25rem}
@media(max-width:42.5rem){
  #ph-tech-accesos .pht-page{min-height:0}
  #ph-tech-accesos header{padding:1.25rem;flex-direction:column;align-items:center;gap:0.625rem;text-align:center}
  #ph-tech-accesos h1{font-size:min(var(--t-heading),2.3125rem);letter-spacing:-0.0813rem}
  #ph-tech-accesos .pht-access-grid{grid-template-columns:1fr;gap:0.75rem;padding:1.25rem 1.25rem 0}
  #ph-tech-accesos .pht-access-grid .pht-access{min-height:5.875rem;padding:1.25rem 1rem;gap:0.75rem}
  #ph-tech-accesos .pht-access-copy strong{font-size:1.3125rem}
  #ph-tech-accesos .pht-balanced-grid{grid-template-columns:1fr;padding:1.75rem 1.25rem;gap:1.5625rem}
  #ph-tech-accesos .pht-contact-card{padding:1.4375rem}
  #ph-tech-accesos .pht-address-band{margin:0 1.25rem 1.5625rem;padding:1.4375rem;align-items:flex-start;flex-direction:column;gap:1.0625rem}
  #ph-tech-accesos footer{padding:1.25rem}
}


html { color-scheme: light dark; font-size: 100%; }
body { margin: 0; background: light-dark(#f7f7fc, #141528); }
#ph-tech-accesos { width: 100%; max-width: 72rem; margin-inline: auto; padding: 1rem; box-sizing: border-box; }
#ph-tech-accesos .pht-page { min-height: 0; border-radius: .875rem; }
#ph-tech-accesos button { font: inherit; text-align: left; }
#ph-tech-accesos button:disabled { opacity: 1; cursor: default; }
#ph-tech-accesos .pht-access-copy strong { overflow-wrap: anywhere; }
#ph-tech-accesos .pht-access-copy > span { font-size: .8125rem; }
#ph-tech-accesos .pht-message p { font-size: 1rem; }
#ph-tech-accesos .pht-kicker, #ph-tech-accesos footer { font-size: .75rem; }
#ph-tech-accesos .pht-header-note { font-size: .8125rem; }
#ph-tech-accesos .pht-phone, #ph-tech-accesos .pht-social-rows a,
#ph-tech-accesos .pht-button, #ph-tech-accesos .pht-contact-card .pht-button { font-size: .875rem; }
#ph-tech-accesos small, #ph-tech-accesos .pht-services,
#ph-tech-accesos .pht-address-band p { font-size: .8125rem; }
#ph-tech-accesos .external-arrow { margin-left: auto; }
#ph-tech-accesos a:focus-visible { outline: .1875rem solid var(--t-accent); outline-offset: .25rem; }
.skip-link { position: absolute; left: 1rem; top: .5rem; padding: .75rem; color: #fff; background: #5965cf; transform: translateY(-200%); z-index: 2; }
.skip-link:focus { transform: translateY(0); }
@media (max-width: 42.5rem) {
  #ph-tech-accesos { padding: .5rem; }
  #ph-tech-accesos .pht-access-grid .pht-access { min-height: 6rem; }
}
@supports not (color: light-dark(#fff, #000)) {
  body { background: #f7f7fc; }
  #ph-tech-accesos .pht-page {
    --t-bg: #f7f7fc; --t-surface: #fff; --t-ink: #27253a;
    --t-muted: #68657c; --t-line: #dedbee; --t-accent: #5965cf;
    --t-tint: #ece8f7; --t-fill: #5965cf; --t-fill-ink: #fff;
    --t-green: #126748; --t-green-bg: #e7f5ec;
  }
  @media (prefers-color-scheme: dark) {
    body { background: #141528; }
    #ph-tech-accesos .pht-page {
      --t-bg: #141528; --t-surface: #24263d; --t-ink: #f0f1ff;
      --t-muted: #c3c5db; --t-line: #44425c; --t-accent: #b8bef3;
      --t-tint: #29263f; --t-fill: #b8bef3; --t-fill-ink: #24203d;
      --t-green: #94e0bb; --t-green-bg: #183b2b;
    }
  }
}


#ph-tech-accesos .pht-page { --t-repair-accent: light-dark(#8a67cf, #bca3e8); }
#ph-tech-accesos .pht-brands { margin:0 2.25rem 1.875rem; padding-top:1.5rem; border-top:1px solid var(--t-line); }
#ph-tech-accesos .pht-brands-viewport.pht-brands-loop { scroll-snap-type:none; }
#ph-tech-accesos .pht-brands-viewport { overflow-x:auto; scroll-snap-type:x proximity; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:var(--t-line) transparent; border-radius:.5rem; }
#ph-tech-accesos .pht-brands-list { display:flex; gap:1.5rem; list-style:none; padding:.625rem 0 1rem; margin:0; }
#ph-tech-accesos .pht-brand { display:flex; justify-content:center; align-items:center; flex:0 0 10rem; height:4.5rem; scroll-snap-align:start; }
#ph-tech-accesos .pht-brand img { display:block; width:10rem; height:3rem; object-fit:contain; filter:brightness(0); }
#ph-tech-accesos .pht-brands-viewport:focus-visible { outline:.1875rem solid var(--t-accent); outline-offset:.25rem; }
@media (prefers-color-scheme:dark) { #ph-tech-accesos .pht-brand img { filter:brightness(0) invert(1); } }
@media(max-width:42.5rem) { #ph-tech-accesos .pht-brands { margin:0 1.25rem 1.5625rem; } }
@supports not (color: light-dark(#fff, #000)) {
  #ph-tech-accesos .pht-page { --t-repair-accent: #8a67cf; }
  @media (prefers-color-scheme: dark) { #ph-tech-accesos .pht-page { --t-repair-accent: #bca3e8; } }
}

/* Setup gamer: complete image, independent from page text and links. */
#ph-tech-accesos { max-width:90rem; }
#ph-tech-accesos .pht-balanced-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,.9fr); gap:1.5rem; }
#ph-tech-accesos .pht-message h1 { font-size:clamp(2rem,3.3vw,3.1875rem); }
#ph-tech-accesos .pht-gamer-visual { display:flex; align-items:center; justify-content:center; isolation:isolate; position:relative; }
#ph-tech-accesos .pht-gamer-visual::before { content:""; position:absolute; inset:12% 0 0; z-index:-1; background:radial-gradient(ellipse,var(--t-tint),transparent 70%); }
#ph-tech-accesos .pht-gamer-visual img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; }
@media(max-width:68.75rem) and (min-width:42.5001rem) {
  #ph-tech-accesos .pht-balanced-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); }
  #ph-tech-accesos .pht-contact-card { grid-column:1/-1; }
  #ph-tech-accesos .pht-contact-card h2 br { display:none; }
  #ph-tech-accesos .pht-message h1 { font-size:clamp(2rem,4.4vw,3rem); }
}
@media(max-width:42.5rem) {
  #ph-tech-accesos .pht-balanced-grid { grid-template-columns:minmax(0,1fr); gap:1.5rem; }
  #ph-tech-accesos .pht-message h1 { font-size:clamp(1.8rem,8.6vw,2.3125rem); }
  #ph-tech-accesos .pht-gamer-visual { max-width:32rem; width:100%; margin-inline:auto; }
}

/* Restore the large render and its surrounding lavender studio light. */
#ph-tech-accesos .pht-balanced-grid { position:relative; isolation:isolate; }
#ph-tech-accesos .pht-message, #ph-tech-accesos .pht-contact-card { position:relative; z-index:2; }
#ph-tech-accesos .pht-access-grid { position:relative; z-index:2; }
#ph-tech-accesos .pht-gamer-visual { isolation:auto; z-index:1; }
#ph-tech-accesos .pht-gamer-visual::before { inset:-45% -35% -20% -50%; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 55% 52%,rgba(117,107,232,.52) 0%,rgba(108,101,219,.30) 35%,rgba(128,104,221,.12) 55%,transparent 72%); }
#ph-tech-accesos .pht-gamer-visual img { transform:scale(1.3); transform-origin:75% 65%; }
@media(max-width:68.75rem) and (min-width:42.5001rem) {
  #ph-tech-accesos .pht-gamer-visual img { transform:scale(1.16); }
}
@media(max-width:42.5rem) {
  #ph-tech-accesos .pht-gamer-visual { padding-block:1rem; }
  #ph-tech-accesos .pht-gamer-visual img { transform:scale(1.06); transform-origin:center; }
  #ph-tech-accesos .pht-gamer-visual::before { inset:-35% -20% -45%; background:radial-gradient(ellipse,rgba(117,107,232,.40),rgba(108,101,219,.19) 45%,transparent 72%); }
}

#ph-tech-accesos .pht-brand img.pht-brand-tonal { filter:grayscale(1) contrast(4); mix-blend-mode:multiply; }
@media(prefers-color-scheme:dark) { #ph-tech-accesos .pht-brand img.pht-brand-tonal { filter:grayscale(1) contrast(4) invert(1); mix-blend-mode:screen; } }
