/* =====================================================================
   empresa.css  -  la-empresa.html / la-empresac.html
   Cargar DESPUÉS de responsive.css y contacto.css.
   ===================================================================== */
.empresa {max-width:1000px}
.emp-intro {display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:36px; align-items:center; margin-bottom:30px}
.emp-video {border-radius:12px; overflow:hidden; background:#000; box-shadow:0 6px 22px rgba(0,0,0,.25)}
.emp-video video {display:block; width:100%; height:auto; aspect-ratio:16/10; background:#000}
.emp-kicker {margin:0 0 12px; color:#950916; font:700 20px/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:.02em; text-transform:uppercase}
.emp-kicker.sm {font-size:17px; text-transform:none}
.emp-p {margin:0 0 12px; color:#444; font-size:16px; line-height:1.65}
.emp-p.lead-p {color:#262626; font-size:17px}

.facts {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 0 40px; padding:0}
.fact {display:block; padding:18px 20px; background:#f7f5f1; border:1px solid #ebe5da; border-top:4px solid #ff9601; border-radius:10px; text-align:center}
.fact-t {display:block; margin-bottom:4px; color:#262626; font:700 17px/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif}
.fact-s {display:block; color:#666; font-size:14px; line-height:1.4}

.emp-block {margin:0 0 40px}
.emp-h {letter-spacing:0; margin:0 0 16px; padding:0 0 12px; border-bottom:1px solid #e3dccf; color:#262626; font:normal 24px/1.2 "Trebuchet MS", Arial, Helvetica, sans-serif}
.serv-list {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 14px; margin:0; padding:0}
.serv-list li {display:block}
.serv-list a {display:flex; align-items:center; min-height:52px; padding:10px 14px 10px 16px; background:#fff; border:1px solid #e3dccf; border-left:4px solid #ff9601; border-radius:8px; color:#262626; font:700 15px/1.3 Arial, Helvetica, sans-serif; text-decoration:none}
.serv-list a:hover {background:#fff6e8; border-color:#ff9601; color:#950916}

.emp-repair {display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:36px; align-items:center; margin:0 0 40px; padding:28px; background:#f7f5f1; border:1px solid #ebe5da; border-radius:12px}
.emp-img {border-radius:10px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,.18)}
.emp-img img {display:block; width:100%; height:auto}
.emp-repair .emp-h {border-bottom:0; padding-bottom:0; margin-bottom:8px}
.btn-inline {display:inline-flex; align-items:center; justify-content:center; margin-top:8px; text-decoration:none}

.emp-cards {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch}
.emp-cards .card {margin:0}

@media (max-width:900px) {
    .emp-intro, .emp-repair {grid-template-columns:1fr; gap:20px}
    .serv-list {grid-template-columns:repeat(2,minmax(0,1fr))}
    .emp-cards {grid-template-columns:1fr}
}
@media (max-width:768px) {
    .emp-repair {padding:18px}
    .emp-h {font-size:21px}
    .emp-kicker {font-size:18px}
    .btn-inline {width:100%}
}
@media (max-width:560px) {
    .facts {grid-template-columns:1fr; gap:10px; margin-bottom:30px}
    .serv-list {grid-template-columns:1fr}
    .emp-block, .emp-repair {margin-bottom:30px}
}
.nb {white-space:nowrap}