.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================= HARDPC GLOBAL ================= */
:root{
  --hardpc-red:#B80C09;
  --hardpc-blue-dark:#0B4F6C;
  --hardpc-blue:#01BAEF;
  --hardpc-white:#FBFBFF;
  --hardpc-black:#040F16;
  --hardpc-whatsapp:#25D366;
}

html, body{
  margin:0;
  padding:0;
  background: var(--hardpc-black);
  overflow-x:hidden;
}

/* ================= CORE LAYOUT ================= */
.hardpc-shell{
  width:100%;
  min-height:100vh;
  margin:0;
  color:var(--hardpc-white);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  position:relative;
  overflow:hidden;

  background:
    radial-gradient(circle at 10% 0%, rgba(1,186,239,.20) 0, transparent 40%),
    radial-gradient(circle at 90% 20%, rgba(184,12,9,.18) 0, transparent 45%),
    radial-gradient(circle at 50% 100%, rgba(1,186,239,.15) 0, transparent 55%),
    linear-gradient(135deg, #040F16 0%, #0B4F6C 60%, #040F16 100%);
}

/* Fondo con foto: más liviano y sin fixed para evitar lag */
.hardpc-shell::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:url("/Galeria/Imagenes%20HardPC/Historicas/IMG_1324.JPG") center/cover no-repeat;
  opacity:.10;
  filter: grayscale(100%) contrast(1.12) brightness(1.12);
  pointer-events:none;
}

.hardpc-inner{
  position:relative;
  z-index:1;
  max-width:1600px;
  margin:0 auto;
  padding:32px 32px 64px;
}

.hardpc-shell a{ color:var(--hardpc-blue); }

/* ================= SECTIONS / TEXT ================= */
.hp-section{ padding:40px 0 16px; }

.hp-eyebrow,
.hh-eyebrow{
  text-transform:uppercase;
  font-size:.78rem;
  letter-spacing:.18em;
  color:rgba(251,251,255,.6);
  margin-bottom:4px;
}

.hp-title{ font-size:1.7rem; margin:0 0 4px; }

.hp-sub{
  font-size:.95rem;
  color:rgba(251,251,255,.75);
  max-width:640px;
}

/* Badge faltante en tu CSS actual */
.hp-badge{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  background:rgba(1,186,239,.12);
  border:1px solid rgba(1,186,239,.35);
  color:rgba(251,251,255,.9);
}

/* ================= BUTTONS ================= */
.btn-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 24px;
  border-radius:999px;
  font-size:.9rem;
  font-weight:600;
  border:none;
  cursor:pointer;
  text-decoration:none;
  gap:8px;
  white-space:nowrap;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.btn-primary-gradient{
  background:linear-gradient(135deg, var(--hardpc-red), var(--hardpc-blue));
  color:var(--hardpc-white);
  box-shadow:0 14px 32px rgba(1,186,239,.40);
}
.btn-primary-gradient:hover{ transform:translateY(-2px); box-shadow:0 20px 42px rgba(1,186,239,.60); }

.btn-ghost{
  border:1px solid rgba(251,251,255,.35);
  background:rgba(4,15,22,.70);
  color:rgba(251,251,255,.90);
}
.btn-ghost:hover{ transform:translateY(-2px); }

.btn-whatsapp{
  background:var(--hardpc-whatsapp);
  color:#fff;
  box-shadow:0 12px 28px rgba(37,211,102,.45);
}
.btn-whatsapp:hover{ transform:translateY(-2px); box-shadow:0 18px 36px rgba(37,211,102,.65); }

/* ================= HEADER + NAV ================= */
.hp-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(251,251,255,.06);
}

.hp-logo{
  font-weight:800;
  font-size:1.1rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--hardpc-white);
}
.hp-logo span{ color:var(--hardpc-blue); }

.hp-nav{
  position:relative;
  display:flex;
  gap:18px;
  font-size:.85rem;
}

.hp-nav a{
  position:relative;
  padding-bottom:6px;
  text-decoration:none;
  color:rgba(251,251,255,.82);
}
.hp-nav a:hover{ color:var(--hardpc-blue); }

/* Notch */
.hp-nav-indicator{
  position:absolute;
  bottom:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--hardpc-blue), var(--hardpc-red));
  width:0;
  opacity:0;
  transform:translateX(0);
  transition: transform .25s ease, width .25s ease, opacity .18s ease;
}

/* ================= HERO ================= */
.hh-hero{
  padding:40px 0 32px;
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(0,2.4fr);
  gap:40px;
  align-items:center;
}

.hh-hero h1{
  font-size:clamp(2.4rem,3.5vw,3.2rem);
  margin:0 0 8px;
}
.hh-hero h1 span{ color:var(--hardpc-blue); }

.hh-hero-sub{
  font-size:1rem;
  color:rgba(251,251,255,.82);
  max-width:520px;
  line-height:1.6;
  margin-bottom:18px;
}

.hh-hero-actions{ display:flex; flex-wrap:wrap; gap:10px; }

.hh-hero-note{
  margin-top:10px;
  font-size:.8rem;
  color:rgba(251,251,255,.7);
}

.hh-hero-card{
  background: radial-gradient(circle at top, rgba(1,186,239,.25), #0B4F6C 40%, #040F16 100%);
  border-radius:22px;
  padding:18px 20px 20px;
  border:1px solid rgba(1,186,239,.55);
  box-shadow:0 24px 50px rgba(0,0,0,.75);
  font-size:.86rem;
}
.hh-hero-card h2{ font-size:1.05rem; margin:4px 0 6px; }
.hh-hero-card ul{ margin:8px 0 0; padding-left:17px; color:rgba(251,251,255,.9); }

/* ================= SERVICES GRID ================= */
.hh-services-grid{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
}
.hh-service-card{
  background:rgba(4,15,22,.92);
  border-radius:16px;
  border:1px solid rgba(251,251,255,.08);
  padding:12px 12px 14px;
  font-size:.84rem;
  box-shadow:0 18px 34px rgba(0,0,0,.6);
}
.hh-service-card h3{ font-size:.96rem; margin:0 0 4px; }
.hh-service-chip{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:rgba(251,251,255,.65);
  margin-bottom:4px;
}

/* ================= ROW SCROLLER ================= */
.hh-row-scroller,
.hp-gallery-row{
  margin-top:18px;
  display:flex;
  gap:14px;
  overflow-x:auto;
  padding-bottom:6px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
.hh-row-scroller > *,
.hp-gallery-row > *{ scroll-snap-align:start; }

.hh-row-card{
  flex:0 0 260px;
  background:linear-gradient(145deg, rgba(1,186,239,.16), rgba(4,15,22,.98));
  border-radius:18px;
  border:1px solid rgba(251,251,255,.08);
  padding:14px 14px 16px;
  box-shadow:0 20px 40px rgba(0,0,0,.75);
  transform:translateY(0);
  transition: transform .18s ease, box-shadow .18s ease;
  font-size:.84rem;
}
.hh-row-card:hover{ transform:translateY(-6px); box-shadow:0 26px 52px rgba(0,0,0,.9); }
.hh-row-card h3{ font-size:.98rem; margin:0 0 4px; }
.hh-row-card small{ display:block; font-size:.78rem; color:rgba(251,251,255,.8); margin-bottom:4px; }

/* ================= FLOW ================= */
.hh-flow{
  display:grid;
  grid-template-columns:minmax(0,1.8fr) minmax(0,2.2fr);
  gap:26px;
  margin-top:18px;
}
.hh-flow-steps{ list-style:none; padding:0; margin:0; font-size:.84rem; }
.hh-flow-steps li{ display:flex; gap:12px; margin-bottom:10px; }
.hh-flow-step-number{
  width:22px; height:22px; border-radius:999px;
  background:var(--hardpc-blue);
  color:var(--hardpc-black);
  display:flex; align-items:center; justify-content:center;
  font-size:.78rem; font-weight:700;
}
.hh-flow-steps h3{ font-size:.9rem; margin:0 0 2px; }

.hh-flow-cta{
  background:rgba(4,15,22,.90);
  border-radius:18px;
  border:1px solid rgba(251,251,255,.08);
  padding:14px 16px 16px;
  font-size:.84rem;
  box-shadow:0 18px 40px rgba(0,0,0,.7);
}
.hh-flow-cta h3{ font-size:1rem; margin:0 0 6px; }

/* ================= GALLERY ================= */
.hp-gallery{ margin-top:24px; }

.hp-gallery-card{
  flex:0 0 230px;
  border-radius:16px;
  background:linear-gradient(135deg, rgba(1,186,239,.16), rgba(4,15,22,.95));
  border:1px solid rgba(251,251,255,.06);
  overflow:hidden;
  font-size:.8rem;
}
.hp-gallery-card img{
  width:100%;
  height:140px;
  object-fit:cover;
  display:block;
}
.hp-gallery-card-body{ padding:10px 12px 12px; }
.hp-gallery-card-body h3{ font-size:.9rem; margin:0 0 4px; }

/* ================= TESTIMONIALS ================= */
.hp-testimonials{ margin-top:24px; }

.hp-testimonials-row{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}
.hp-testimonial{
  background:rgba(4,15,22,.92);
  border-radius:16px;
  border:1px solid rgba(251,251,255,.06);
  padding:12px 12px 14px;
  font-size:.8rem;
  color:rgba(251,251,255,.86);
}
.hp-testimonial strong{
  display:block;
  margin-top:8px;
  color:rgba(251,251,255,.95);
}

/* ================= FOOTER ================= */
.hp-footer{
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid rgba(251,251,255,.08);
  font-size:.8rem;
  color:rgba(251,251,255,.72);
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:space-between;
}
.hp-footer-links{ display:flex; gap:12px; }
.hp-footer small{ color:rgba(251,251,255,.55); }

/* ================= RESPONSIVE ================= */
@media (max-width:980px){
  .hh-hero{ grid-template-columns:minmax(0,1fr); }
  .hh-services-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .hh-flow{ grid-template-columns:minmax(0,1fr); }
}

@media (max-width:860px){
  .hp-testimonials-row{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}

@media (max-width:720px){
  .hardpc-inner{ padding-inline:16px; }
  .hp-testimonials-row{ grid-template-columns:minmax(0,1fr); }
  .hp-header{ flex-direction:column; align-items:flex-start; }
  .hp-nav{ flex-wrap:wrap; }
}

/* Accesibilidad: reduce motion */
@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; scroll-behavior:auto !important; }
}/* End custom CSS */