/* REPARACIÓN Y MANTENIMIENTO */
.reparacion-page{margin:0;min-height:100vh;background:linear-gradient(rgba(235,238,240,.18),rgba(235,238,240,.18)),url('../images/home.webp') center/cover fixed no-repeat;color:#25292e}
.reparacion-main{min-height:100vh;padding-top:156px}
.wrap{width:min(1180px,92%);margin-left:auto;margin-right:auto}
.kicker{display:block;margin-bottom:10px;color:#8b0f1c;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em}
.reparacion-hero{padding:52px 4% 38px;background:rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}
.reparacion-hero h1{max-width:1050px;margin:0;color:#171a1f;font-size:clamp(42px,6vw,72px);line-height:.98;font-weight:400;text-transform:uppercase}
.reparacion-hero p{max-width:760px;margin:17px 0 0;color:#343a40;font-size:15px;line-height:1.6}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.btn{min-width:175px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #8b0f1c;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font-size:12px;transition:.22s}
.btn-main{color:#fff;background:#8b0f1c}.btn-main:hover{background:#6f0b16;border-color:#6f0b16}
.btn-light{color:#8b0f1c;background:rgba(255,255,255,.16)}.btn-light:hover{color:#fff;background:#8b0f1c}
.reparacion-content{padding:32px 0 60px;background:rgba(255,255,255,.05);backdrop-filter:blur(8px)}
.intro{display:grid;grid-template-columns:1.35fr .85fr;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.2);box-shadow:0 18px 38px rgba(20,24,28,.06);backdrop-filter:blur(14px)}
.intro>div{padding:34px 38px;border-right:1px solid rgba(255,255,255,.32)}
.intro h2,.servicios h2{margin:0 0 14px;color:#171a1f;font-size:clamp(28px,4vw,44px);font-weight:400}
.intro p,.section-text,.reparacion-cta p{margin:0;color:#555e67;font-size:14px;line-height:1.65}
.intro ul{margin:0;padding:32px 48px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.intro li::marker{color:#8b0f1c}
.reparacion-carousel{margin-top:38px;overflow:hidden;border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.1);box-shadow:0 16px 34px rgba(20,24,28,.06);backdrop-filter:blur(12px)}
.carousel-track{width:max-content;display:flex;gap:18px;padding:18px 0;animation:reparacionScroll 44s linear infinite}
.reparacion-carousel:hover .carousel-track{animation-play-state:paused}
.carousel-item{width:440px;height:280px;flex:0 0 auto;background:rgba(245,245,245,.78)}
.carousel-item img,.servicio-image img,.modal-image img{width:100%;height:100%;display:block;object-fit:contain!important;object-position:center!important;box-sizing:border-box;padding:8px}
@keyframes reparacionScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.servicios{margin-top:38px}
.section-text{margin-bottom:20px}
.servicios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.servicio-card{appearance:none;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.18);box-shadow:0 16px 34px rgba(20,24,28,.06);cursor:pointer;backdrop-filter:blur(12px);transition:.25s}
.servicio-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(20,24,28,.11)}
.servicio-image{height:260px;background:rgba(245,245,245,.72)}
.servicio-card strong{min-height:68px;padding:14px 18px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:rgba(255,255,255,.48);color:#24282d;font-size:15px;text-transform:uppercase;letter-spacing:.04em}
.reparacion-cta{margin-top:24px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.16);backdrop-filter:blur(14px)}
.reparacion-cta strong{display:block;margin-bottom:5px;color:#8b0f1c;font-size:18px}
body.modal-open{overflow:hidden}
.servicio-modal{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:.25s}
.servicio-modal.is-open{opacity:1;visibility:visible}
.modal-backdrop{position:absolute;inset:0;background:rgba(18,20,24,.38);backdrop-filter:blur(8px)}
.modal-card{position:relative;z-index:2;width:min(900px,94vw);max-height:88vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.5);background:rgba(236,238,240,.75);box-shadow:0 32px 80px rgba(10,12,16,.28);backdrop-filter:blur(24px)}
.modal-close{position:absolute;top:14px;right:16px;z-index:5;width:38px;height:38px;border:1px solid rgba(139,15,28,.32);background:rgba(255,255,255,.5);color:#8b0f1c;font-size:25px;cursor:pointer}
.modal-image{min-height:430px;background:rgba(245,245,245,.82)}
.modal-info{padding:44px 38px}.modal-info h2{margin:0 0 14px;color:#171a1f;font-size:34px;font-weight:400}
.modal-info p{color:#555e67;font-size:14px;line-height:1.55}.modal-info h3{margin:22px 0 4px;color:#8b0f1c;font-size:12px;text-transform:uppercase}
@media(max-width:900px){.reparacion-main{padding-top:124px}.servicios-grid{grid-template-columns:repeat(2,1fr)}.carousel-item{width:380px;height:245px}.modal-card{grid-template-columns:1fr}.modal-image{min-height:300px;max-height:340px}}
@media(max-width:620px){.reparacion-main{padding-top:100px}.reparacion-hero{padding:38px 4% 30px}.hero-actions{flex-direction:column}.btn{width:100%}.intro{grid-template-columns:1fr}.intro>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.32)}.carousel-item{width:300px;height:205px}.servicios-grid{grid-template-columns:1fr}.reparacion-cta{flex-direction:column;align-items:flex-start}.servicio-modal{padding:12px}.modal-info{padding:34px 24px}}
@media(prefers-reduced-motion:reduce){.carousel-track{animation:none}}