/* CustomOBD · retoques fotografia v1.9.4. Solo Electronica y Tienda. */
/* Electronica: foto real de Ivan bajo la introduccion y junto a los pasos. */
.repro-page .repro-intro-layout{display:grid;grid-template-columns:minmax(255px,.83fr) minmax(0,1.42fr);gap:clamp(18px,3vw,38px);align-items:stretch}
.repro-page .repro-intro-photo{margin:0;display:flex;flex-direction:column;gap:11px;min-width:0}
.repro-page .repro-intro-photo img{display:block;width:100%;height:100%;max-height:605px;min-height:400px;object-fit:cover;object-position:center 52%;border:1px solid #262626;border-radius:16px;background:#111}
.repro-page .repro-intro-photo figcaption{color:#a79e98;font-size:13px;line-height:1.5}
.repro-page .repro-intro-layout .repro-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.repro-page .repro-intro-layout .repro-services article{min-height:260px;padding:clamp(20px,2.25vw,31px)}
.repro-page .repro-intro-layout .repro-services h3{margin:25px 0 10px;font-size:clamp(20px,1.75vw,25px);overflow-wrap:break-word}
/* Del sintoma al origen: imagen junto a las etiquetas en PC; entre texto y etiquetas en movil. */
.repro-page .repro-faults{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,4vw,58px);align-items:center}
.repro-page .repro-faults-visual{display:grid;grid-template-columns:minmax(175px,1.05fr) minmax(135px,.95fr);gap:20px;align-items:center;min-width:0}
.repro-page .repro-faults-photo{margin:0;min-width:0}
.repro-page .repro-faults-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 46%;border:1px solid #303030;border-radius:16px;background:#111}
.repro-page .repro-faults-visual .repro-tags{align-content:center;align-items:flex-start;gap:9px}
.repro-page .repro-faults-visual .repro-tags span{padding:10px 12px;font-size:13px}
@media(max-width:1060px){
 .repro-page .repro-intro-layout{grid-template-columns:minmax(0,1fr)}
 .repro-page .repro-intro-photo{max-width:700px}
 .repro-page .repro-intro-photo img{min-height:0;max-height:470px;aspect-ratio:8/5;object-position:center 53%}
 .repro-page .repro-faults{grid-template-columns:1fr;gap:26px}
 .repro-page .repro-faults-visual{max-width:700px}
}
@media(max-width:760px){
 .repro-page .repro-intro-layout .repro-services{grid-template-columns:1fr;gap:12px}
 .repro-page .repro-intro-layout .repro-services article{min-height:0}
 .repro-page .repro-intro-photo img{aspect-ratio:4/5;max-height:490px;object-position:center 49%}
 .repro-page .repro-faults-visual{display:flex;flex-direction:column;align-items:stretch;gap:18px}
 .repro-page .repro-faults-photo{max-width:440px}
 .repro-page .repro-faults-photo img{aspect-ratio:4/5;max-height:500px;object-position:center 48%}
 .repro-page .repro-faults-visual .repro-tags{align-content:flex-start}
}
/* Tienda: se conserva la logica de filtros y productos; ahora buscador, destacados,
   categorias y despues el cajon ilustrado con una ECU real. */
.shop-page .shop-topline{margin-top:0}
.shop-page .shop-toolbar{margin-top:28px;margin-bottom:0;padding:0 0 18px}
.shop-page .shop-categories{margin-top:19px;margin-bottom:0;gap:10px}
.shop-page .shop-filter{border-radius:10px;border-width:1px;font-weight:750;box-shadow:inset 0 0 0 1px #ffffff06;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.shop-page .shop-filter:focus-visible{outline:2px solid #faf2e5;outline-offset:3px}
.shop-page .shop-filter[data-filter="alientech"]{color:#e3c56b;background:#211a0e;border-color:#776020}
.shop-page .shop-filter[data-filter="alientech"] span{color:#b9a46d}
.shop-page .shop-filter[data-filter="alientech"]:hover{background:#30240f;border-color:#ab8425}
.shop-page .shop-filter[data-filter="alientech"].active{background:#9e7a1c;border-color:#d5af3f;color:#fff6d7}
.shop-page .shop-filter[data-filter="alientech"].active span{color:#fff1bd}
.shop-page .shop-filter[data-filter="emuladores"]{color:#a4cce6;background:#10202b;border-color:#39687d}
.shop-page .shop-filter[data-filter="emuladores"] span{color:#86b1cf}
.shop-page .shop-filter[data-filter="emuladores"]:hover{background:#193447;border-color:#487d99}
.shop-page .shop-filter[data-filter="emuladores"].active{background:#255c78;border-color:#519ac2;color:#f1faff}
.shop-page .shop-filter[data-filter="emuladores"].active span{color:#d4ecf9}
.shop-page .shop-filter[data-filter="displays"]{color:#edb28d;background:#2a1a10;border-color:#805137}
.shop-page .shop-filter[data-filter="displays"] span{color:#d8a180}
.shop-page .shop-filter[data-filter="displays"]:hover{background:#392012;border-color:#b4693c}
.shop-page .shop-filter[data-filter="displays"].active{background:#995129;border-color:#cf814d;color:#fff4e8}
.shop-page .shop-filter[data-filter="displays"].active span{color:#ffe0ca}
.shop-page .shop-filter[data-filter="botones"]{color:#e3b5d0;background:#281723;border-color:#74455f}
.shop-page .shop-filter[data-filter="botones"] span{color:#c59fb3}
.shop-page .shop-filter[data-filter="botones"]:hover{background:#382132;border-color:#a26586}
.shop-page .shop-filter[data-filter="botones"].active{background:#884769;border-color:#b77498;color:#fff0f9}
.shop-page .shop-filter[data-filter="botones"].active span{color:#f9d4e7}
.shop-page .shop-filter[data-filter="all"].active{background:#b70919;border-color:#d12736;color:#fff}
.shop-page .shop-search svg{color:#d0af54}
.shop-page .shop-search input,.shop-page .shop-sort-label select{border-color:#78622c;background:#19170f}
.shop-page .shop-search input:focus-visible,.shop-page .shop-sort-label select:focus-visible{border-color:#d8ae36;outline:2px solid #d8ae3699;outline-offset:2px}
.shop-page .shop-sort-label{color:#cbb882}
.shop-page .product-featured{color:#dec57c;border-color:#655423;background:#211b0b}
.shop-page .shop-hero{margin:28px 0 32px;min-height:390px}
.shop-page .shop-hero-visual>img{object-position:center 65%;filter:brightness(.93) saturate(.98)}
.shop-page .shop-visual-tag{right:22px;bottom:22px}
@media(max-width:780px){
 .shop-page .shop-toolbar{margin-top:22px}
 .shop-page .shop-categories{margin-top:15px;padding-bottom:12px}
 .shop-page .shop-hero{margin-top:18px;margin-bottom:28px;min-height:0}
 .shop-page .shop-hero-visual>img{object-position:50% 57%;min-height:300px;height:300px}
}
@media(max-width:550px){
 .shop-page .shop-hero-visual>img{height:285px;min-height:285px;object-position:50% 55%}
 .shop-page .shop-filter{min-height:47px}
}