/* CUSTOMOBD · v1.9.5, solo afinado visual de Tienda y Electronica.
   Base: instalacion real v1.9.3 + parche real 1.9.4. Sin cambios en catalogo/JS. */

/* TIENDA · Un hero primero, compacto sin reducir la resolucion de la foto. */
.shop-page .shop-hero {
  margin: 0 0 0;
  min-height: 0;
  height: clamp(340px, 29vw, 405px);
  grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
  align-items: stretch;
}
.shop-page .shop-hero-content {padding: clamp(26px, 3.3vw, 46px);}
.shop-page .shop-hero h1 {font-size: clamp(35px, 3.65vw, 58px);line-height: 1.0; margin-bottom: 13px;}
.shop-page .shop-hero-content > p:not(.shop-overline){line-height: 1.58;}
.shop-page .shop-hero-buttons {margin-top: 19px;gap: 12px;}
.shop-page .shop-hero-credentials {
  font-size: clamp(12px, .95vw, 14px);
  font-weight: 600;
  gap: 8px 17px;
  margin-top: 22px;
  line-height: 1.4;
  color: #d3c4b8;
}
.shop-page .shop-hero-credentials span:before {margin-right: 6px;}
.shop-page .shop-hero-visual {min-height: 0;}
.shop-page .shop-hero-visual > img {
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center 63%;
}
.shop-page .shop-topline {margin-top: clamp(28px, 4vw, 50px);}
.shop-page .shop-toolbar {margin-top: 20px;}
.shop-page .shop-categories {margin-top: 17px;margin-bottom: 24px;}
.shop-page #catalogo {scroll-margin-top: 18px;}
.shop-page .shop-grid {scroll-margin-top: 20px;}
@keyframes customobd-cta-breathe {
  0%, 100% {box-shadow: 0 0 0 0 rgba(215,43,55,0);}
  50% {box-shadow: 0 0 0 4px rgba(215,43,55,.17);}
}
.shop-page .shop-hero-buttons .sbtn {
  animation: customobd-cta-breathe 3.6s ease-in-out infinite;
  transition: background-color .2s, border-color .2s, box-shadow .2s, transform .2s;
}
.shop-page .shop-hero-buttons .sbtn-quiet {animation-delay: 1.35s;}
.shop-page .shop-hero-buttons .sbtn:hover,
.shop-page .shop-hero-buttons .sbtn:focus-visible {
  animation-play-state: paused;
  transform: translateY(-2px);
}
@media (max-width: 980px) {
  .shop-page .shop-hero{height: auto;min-height: 0;}
  .shop-page .shop-hero h1{font-size: clamp(35px, 5.8vw, 51px);}
  .shop-page .shop-hero-credentials{font-size: 13px;}
  .shop-page .shop-hero-visual>img{height: 100%;min-height: 0;object-position:center 62%;}
}
@media (max-width: 780px) {
  .shop-page .shop-hero{grid-template-columns: 1fr;height: auto;min-height: 0;}
  .shop-page .shop-hero-content{padding: 31px 27px 29px;}
  .shop-page .shop-hero h1{font-size: clamp(36px, 8vw, 49px);}
  .shop-page .shop-hero-credentials{font-size: 12px;gap: 8px 13px;}
  .shop-page .shop-hero-visual>img{height: 290px;min-height: 290px;object-position:center 63%;}
  .shop-page .shop-topline {margin-top: 36px;}
  .shop-page .shop-toolbar {margin-top: 20px;}
  .shop-page .shop-categories {margin-top: 15px;margin-bottom: 19px;}
}
@media (max-width: 550px) {
  .shop-page .shop-hero-content{padding: 27px 22px 25px;}
  .shop-page .shop-hero h1{font-size: clamp(34px, 9vw, 42px);}
  .shop-page .shop-hero-credentials{font-size: 12px;gap: 8px 11px;margin-top:19px;}
  .shop-page .shop-hero-buttons .sbtn{flex:1 1 auto;min-width:0;}
  .shop-page .shop-hero-visual>img{height: 250px;min-height: 250px;object-position:center 64%;}
  .shop-page .shop-topline {margin-top: 31px;}
}

/* ELECTRONICA · Numeros legibles en tarjetas y proceso, coherentes entre si. */
.repro-page .repro-intro-layout .repro-services article>span {
  font-size: clamp(34px, 3.2vw, 48px);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.055em;
  color: #f0444c;
}
.repro-page .repro-intro-layout .repro-services h3 {margin-top: 19px;}
.repro-page .repro-process li>span {
  font-size: clamp(26px, 2.5vw, 34px);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -.05em;
  padding-top: 0;
}
.repro-page .repro-process li {grid-template-columns: 54px 1fr;align-items:start;}
/* Imagen del cuadro: ocupar la mitad real del ancho, no una columna dentro de otra. */
.repro-page .repro-faults {
  display:grid;
  grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr);
  grid-template-areas: "copy photo" "tags photo";
  column-gap: clamp(27px, 5vw, 78px);
  row-gap: 22px;
  align-items:start;
}
.repro-page .repro-faults-copy {grid-area:copy;min-width:0;align-self:end;max-width:640px;}
.repro-page .repro-faults > .repro-faults-photo {
  grid-area:photo;
  margin: 0;
  min-width: 0;
  max-width: 570px;
  width: 100%;
  justify-self:center;
}
.repro-page .repro-faults > .repro-faults-photo img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio: 4/5;
  object-fit:cover;
  object-position:center 47%;
  border-radius:16px;
  border:1px solid #303030;
  background:#111;
}
.repro-page .repro-faults > .repro-tags {
  grid-area:tags;
  align-self:start;
  align-content:flex-start;
  align-items:flex-start;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.repro-page .repro-faults > .repro-tags span {padding:11px 13px;font-size:13px;}
@media (max-width: 980px) {
  .repro-page .repro-faults {
    grid-template-columns:1fr;
    grid-template-areas:"copy" "photo" "tags";
    gap:24px;
  }
  .repro-page .repro-faults-copy {max-width:700px;}
  .repro-page .repro-faults > .repro-faults-photo {max-width:540px;justify-self:start;}
  .repro-page .repro-faults > .repro-faults-photo img {aspect-ratio: 4/5;max-height:680px;}
  .repro-page .repro-faults > .repro-tags {max-width:700px;}
}
@media (max-width: 760px) {
  .repro-page .repro-intro-layout .repro-services article>span {font-size: 38px;}
  .repro-page .repro-process li>span {font-size: 29px;}
  .repro-page .repro-faults > .repro-faults-photo {max-width:100%;}
  .repro-page .repro-faults > .repro-faults-photo img {aspect-ratio: 5/6;max-height:550px;}
}
@media (prefers-reduced-motion: reduce) {
  .shop-page .shop-hero-buttons .sbtn {animation:none!important;transform:none!important;}
}