/* Meteor · Plan de mantenimiento — mismos tokens que el sitio (negro, cromo, fuego · Barlow / Barlow Condensed / Michroma) */
.mpm{--negro:#0B0A09;--carbon:#15130F;--carbon2:#1D1A16;--linea:rgba(230,229,226,.10);--linea2:rgba(230,229,226,.18);
  --cromo:#E6E5E2;--niebla:#CFCBC4;--acero:#A7A39C;--fuego:#F28C1C;--llama:#FFB020;--ember:#2E1607;
  font-family:"Barlow",system-ui,sans-serif;color:var(--niebla);font-size:17px;line-height:1.6;width:100%}
.mpm *,.mpm *::before,.mpm *::after{box-sizing:border-box}
.mpm h3,.mpm .mpm-titulo{font-family:"Barlow Condensed",sans-serif;color:var(--cromo);font-weight:700;letter-spacing:.3px;line-height:1.08;margin:0}
.mpm a{color:var(--fuego)}
.mpm a:hover{color:var(--llama)}

/* ── herramienta ───────────────────────────────────────────────────────────── */
.mpm-herramienta{background:var(--carbon2);border:1px solid var(--linea2);border-radius:14px;padding:32px;position:relative;overflow:hidden}
.mpm-herramienta::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--fuego),var(--llama) 60%,transparent)}
.mpm-form{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}
.mpm-campo label{display:block;font-family:"Michroma",sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--acero);margin-bottom:8px;line-height:1.5}
.mpm-campo label small{font-family:"Barlow",sans-serif;text-transform:none;letter-spacing:0;font-size:13px;color:var(--acero)}
.mpm-campo input{width:100%;height:56px;background:var(--negro);border:1px solid var(--linea2);border-radius:8px;color:var(--cromo);
  font-family:"Barlow Condensed",sans-serif;font-size:24px;font-weight:600;padding:0 16px;outline:none;transition:border-color .2s}
.mpm-campo input::placeholder{color:#6c675f;font-weight:500}
.mpm-campo input:focus{border-color:var(--fuego);box-shadow:0 0 0 3px rgba(242,140,28,.18)}
.mpm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 26px;border-radius:8px;border:0;cursor:pointer;
  font-family:"Barlow Condensed",sans-serif;font-size:17px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;text-decoration:none;
  background:var(--fuego);color:var(--negro);transition:background .2s,transform .2s;white-space:nowrap}
.mpm-btn:hover{background:var(--llama);color:var(--negro)}
.mpm-btn:focus-visible{outline:2px solid var(--llama);outline-offset:3px}
.mpm-btn-ghost{background:transparent;color:var(--cromo);border:1px solid rgba(230,229,226,.34)}
.mpm-btn-ghost:hover{background:var(--cromo);color:var(--negro)}
.mpm-btn-wa::before{content:"";width:18px;height:18px;flex:0 0 18px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6z'/%3E%3C/svg%3E") center/contain no-repeat}
.mpm-err{margin:12px 0 0;color:#ffb4a0;font-size:15px}
.mpm-sinjs{margin:14px 0 0;font-size:15px;color:var(--acero)}
.mpm-res{margin-top:26px;outline:none}
.mpm-card{border-top:1px solid var(--linea2);padding-top:26px}
.mpm-eyebrow{font-family:"Michroma",sans-serif;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--fuego);margin:0 0 10px}
.mpm-titulo{font-size:38px}
.mpm-bajada{margin:12px 0 0;font-size:17px;max-width:760px}
.mpm-grupos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.mpm-grupo{background:var(--negro);border:1px solid var(--linea);border-radius:12px;padding:20px 22px}
.mpm-grupo.mpm-inc{border-color:rgba(242,140,28,.45);background:linear-gradient(180deg,rgba(46,22,7,.55),var(--negro))}
.mpm-grupo-t{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:20px;color:var(--cromo);text-transform:uppercase;letter-spacing:.4px;margin:0 0 10px;line-height:1.15}
.mpm-grupo-n{margin:12px 0 0;font-size:14.5px;color:var(--acero);line-height:1.5}
.mpm-lista{list-style:none;margin:0;padding:0}
.mpm-lista li{position:relative;padding:6px 0 6px 26px;font-size:16px;line-height:1.45;color:var(--niebla);border-bottom:1px solid var(--linea)}
.mpm-lista li:last-child{border-bottom:0}
.mpm-inc .mpm-lista li::before{content:"";position:absolute;left:2px;top:13px;width:12px;height:7px;border-left:2px solid var(--fuego);border-bottom:2px solid var(--fuego);transform:rotate(-45deg)}
.mpm-aparte .mpm-lista li::before{content:"";position:absolute;left:4px;top:15px;width:8px;height:2px;background:var(--acero)}
.mpm-nota{margin:18px 0 0;padding:14px 16px;border-left:3px solid var(--fuego);background:rgba(242,140,28,.06);border-radius:0 8px 8px 0;font-size:15.5px}
.mpm-nota strong{color:var(--cromo)}
.mpm-prox{margin:18px 0 0;font-size:16px;color:var(--cromo)}
.mpm-acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}

/* ── tabla del manual, service por service (impresa en el HTML) ───────────────── */
.mpm-tabla{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mpm-hito{background:var(--carbon2);border:1px solid var(--linea);border-radius:12px;padding:22px 22px 18px}
.mpm-hito h3{font-size:24px;text-transform:uppercase}
.mpm-hito .mpm-cuando{margin:4px 0 12px;font-size:14px;color:var(--acero)}
.mpm-hito.mpm-primero{border-color:rgba(242,140,28,.45)}
.mpm-tag{display:inline-block;margin-left:6px;font-family:"Michroma",sans-serif;font-size:9px;letter-spacing:.8px;text-transform:uppercase;padding:2px 6px;border-radius:4px;vertical-align:2px;white-space:nowrap}
.mpm-tag-inc{color:var(--negro);background:var(--fuego)}
.mpm-tag-ap{color:var(--acero);border:1px solid var(--linea2)}
.mpm-pie{margin:22px 0 0;font-size:15px;color:var(--acero);line-height:1.6}
.mpm-pie strong{color:var(--niebla)}

/* ── tablas comparativas (aceite, bujía, resumen de planes) ──────────────────── */
.mpm-comp-wrap{width:100%;overflow-x:auto;border:1px solid var(--linea2);border-radius:12px}
.mpm-comp{width:100%;border-collapse:collapse;font-size:15.5px;min-width:640px}
.mpm-comp caption{caption-side:bottom;text-align:left;padding:14px 16px;font-size:14px;color:var(--acero)}
.mpm-comp th{font-family:"Michroma",sans-serif;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--acero);text-align:left;
  font-weight:400;padding:14px 16px;background:var(--carbon2);border-bottom:1px solid var(--linea2)}
.mpm-comp td{padding:13px 16px;border-bottom:1px solid var(--linea);vertical-align:top;color:var(--niebla)}
.mpm-comp tr:last-child td{border-bottom:0}
.mpm-comp td.mpm-mod{font-family:"Barlow Condensed",sans-serif;font-size:19px;font-weight:700;color:var(--cromo);white-space:nowrap}
.mpm-comp td.mpm-mod a{color:var(--cromo);text-decoration:underline;text-decoration-color:rgba(242,140,28,.6);text-underline-offset:3px}
.mpm-comp td.mpm-mod a:hover{color:var(--fuego)}
.mpm-comp td.mpm-dato{color:var(--cromo);font-weight:500}
.mpm-comp td.mpm-fte{font-size:13.5px;color:var(--acero)}
.mpm-comp td.mpm-fte a{color:var(--acero)}
.mpm-comp tbody tr:hover td{background:rgba(242,140,28,.04)}

@media (max-width:1024px){
  .mpm-tabla{grid-template-columns:1fr 1fr}
  .mpm-form{grid-template-columns:1fr 1fr}
  .mpm-form .mpm-btn{grid-column:1 / -1}
}
@media (max-width:767px){
  .mpm-herramienta{padding:22px 16px}
  .mpm-form{grid-template-columns:1fr;gap:14px}
  .mpm-titulo{font-size:30px}
  .mpm-grupos{grid-template-columns:1fr}
  .mpm-tabla{grid-template-columns:1fr}
  .mpm-btn{width:100%}
  .mpm-acciones{flex-direction:column}
  /* tablas comparativas → fichas apiladas */
  .mpm-comp-wrap{border:0;overflow:visible}
  .mpm-comp{min-width:0}
  .mpm-comp thead{display:none}
  .mpm-comp,.mpm-comp tbody,.mpm-comp tr,.mpm-comp td{display:block;width:100%}
  .mpm-comp tr{border:1px solid var(--linea2);border-radius:12px;margin-bottom:12px;background:var(--carbon2);overflow:hidden}
  .mpm-comp td{border-bottom:1px solid var(--linea);padding:10px 14px}
  .mpm-comp td[data-l]::before{content:attr(data-l);display:block;font-family:"Michroma",sans-serif;font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:var(--acero);margin-bottom:2px}
  .mpm-comp td.mpm-mod{white-space:normal;background:var(--negro)}
  .mpm-comp caption{display:block;padding:4px 0 0}
}
@media (prefers-reduced-motion:reduce){.mpm *{transition:none!important}}

/* El tema (Hello) le pone a todo <button> borde y texto #c36 y fondo propio en hover/focus: se pisa con más especificidad. */
.mpm .mpm-btn,.mpm button.mpm-btn,.mpm .mpm-btn:visited{background:var(--fuego)!important;color:var(--negro)!important;border:0!important;
  box-shadow:none!important;font-family:"Barlow Condensed",sans-serif!important;font-size:17px!important;font-weight:600!important;
  letter-spacing:.9px!important;text-transform:uppercase!important;border-radius:8px!important;height:56px;padding:0 26px!important;line-height:1!important}
.mpm .mpm-btn:hover,.mpm button.mpm-btn:hover,.mpm .mpm-btn:focus{background:var(--llama)!important;color:var(--negro)!important}
.mpm .mpm-btn-ghost,.mpm button.mpm-btn-ghost{background:transparent!important;color:var(--cromo)!important;border:1px solid rgba(230,229,226,.34)!important}
.mpm .mpm-btn-ghost:hover,.mpm button.mpm-btn-ghost:hover,.mpm .mpm-btn-ghost:focus{background:var(--cromo)!important;color:var(--negro)!important}
.mpm .mpm-campo input[type=text]{background:var(--negro)!important;border:1px solid var(--linea2)!important;border-radius:8px!important;color:var(--cromo)!important;
  font-family:"Barlow Condensed",sans-serif!important;font-size:24px!important;padding:0 16px!important;height:56px!important}
.mpm .mpm-campo input[type=text]:focus{border-color:var(--fuego)!important}