/* Pack 360 para concesionarios (/concesionarios/).
   Usa los tokens y componentes de sitio.css y la cabecera interior de academia.css. */

/* ---------- comunes ---------- */
.cnc-eti{font:500 14.5px/1.3 var(--t);color:var(--verde-2);letter-spacing:.01em;margin-bottom:20px}
.cnc-eti.oscuro{color:var(--verde-texto);margin-bottom:12px}

/* ---------- hero ---------- */
.cnc-hero h1{max-width:13ch}
.cnc-hero h1 .grado{color:var(--verde)}
.cnc-hero .sec-baj{max-width:54ch}
.cnc-hero-chips{margin-top:44px;display:flex;flex-wrap:wrap;gap:8px;list-style:none;max-width:780px}
.cnc-hero-chips li{font-size:14px;border:1px solid #2E332E;border-radius:999px;padding:6px 14px;color:#D9DCD9}

/* ---------- problema ---------- */
.cnc-dolores{margin-top:56px;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3vw,44px);counter-reset:d}
.cnc-dolores li{counter-increment:d;padding:26px 0 30px;border-top:1px solid var(--linea-cla)}
.cnc-dolores li::before{content:"0" counter(d);display:block;font:500 14px var(--t);color:var(--verde-texto);margin-bottom:12px}
.cnc-dolores b{display:block;font:700 clamp(20px,1.7vw,23px)/1.2 var(--t);letter-spacing:-.015em}
.cnc-dolores span{display:block;margin-top:8px;color:#3D423D;font-size:16px}
@media(max-width:900px){.cnc-dolores{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cnc-dolores{grid-template-columns:1fr}}

/* ---------- módulos ---------- */
.cnc-sis{background:linear-gradient(180deg,var(--negro),#071107 45%,var(--negro))}
.mod-tabs{margin-top:52px;display:flex;flex-wrap:wrap;gap:8px}
.mod-tabs[hidden]{display:none}
.mod-tabs button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid #2E332E;color:#D9DCD9;border-radius:999px;padding:10px 18px;font:500 15px/1 var(--f);cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.mod-tabs button svg{width:18px;height:18px;color:var(--verde)}
.mod-tabs button:hover{border-color:var(--verde)}
.mod-tabs button[aria-selected="true"]{background:var(--verde);border-color:var(--verde);color:var(--negro)}
.mod-tabs button[aria-selected="true"] svg{color:var(--negro)}
.mod{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:center;margin-top:64px}
.con-tabs .mod{margin-top:44px}
.con-tabs .mod[hidden]{display:none}
.mod.cambia{animation:entra .45s cubic-bezier(.2,.7,.2,1)}
.mod-txt small{font:500 14px var(--t);color:var(--verde-2)}
.mod-txt h3{margin-top:8px;font-size:clamp(28px,2.8vw,40px);line-height:1.08}
.mod-txt>p{margin-top:14px;color:#C9CDC9}
.mod-lista{margin-top:22px;list-style:none;border-top:1px solid var(--linea-osc)}
.mod-lista li{position:relative;padding:11px 0 11px 22px;border-bottom:1px solid var(--linea-osc);font-size:15.5px;color:#D9DCD9;line-height:1.45}
.mod-lista li::before{content:"";position:absolute;left:2px;top:19px;width:8px;height:8px;border-radius:50%;border:2px solid var(--verde)}
.mod-lista strong{color:var(--verde-2);font-weight:600}
@media(max-width:900px){.mod{grid-template-columns:1fr}}

/* captura del sistema */
.cap{min-width:0}
.cap a{display:block;border-radius:12px;overflow:hidden;background:#F0F1F3;box-shadow:0 40px 80px -30px rgba(72,171,64,.28),0 0 0 1px #1E241E;transition:box-shadow .2s}
.cap a:hover{box-shadow:0 40px 80px -30px rgba(72,171,64,.4),0 0 0 1px var(--verde)}
.cap picture{display:block}
.cap img{width:100%;height:auto}
.cap figcaption{margin-top:12px;font-size:13px;color:var(--gris)}

/* el resto */
.mas{margin-top:clamp(80px,9vw,120px);padding-top:44px;border-top:1px solid var(--linea-osc)}
.mas h3{font-size:clamp(24px,2.3vw,32px)}
.mas-grilla{margin-top:32px;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.4vw,32px)}
.mas-grilla svg{width:30px;height:30px;color:var(--verde)}
.mas-grilla b{display:block;margin-top:14px;font:700 19px/1.2 var(--t);letter-spacing:-.01em}
.mas-grilla span{display:block;margin-top:6px;color:var(--gris);font-size:15.5px}
@media(max-width:1000px){.mas-grilla{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.mas-grilla{grid-template-columns:1fr}}

/* ---------- ecosistema ---------- */
.eco-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.eco-lista{margin-top:36px;list-style:none;border-top:1px solid var(--linea-cla)}
.eco-lista li{display:grid;grid-template-columns:minmax(120px,.38fr) 1fr;gap:16px;padding:15px 0;border-bottom:1px solid var(--linea-cla)}
.eco-lista b{font:700 17px/1.3 var(--t);letter-spacing:-.01em}
.eco-lista span{color:#3D423D;font-size:15.5px;line-height:1.5}
.hub{position:relative;width:100%;max-width:520px;aspect-ratio:1;margin-left:auto}
.hub-svg{position:absolute;inset:0;width:100%;height:100%}
.hub-aro{fill:none;stroke:#D2D6D2;stroke-width:2}
.hub-aro.dos{stroke-dasharray:4 6}
.hub-rayos line{stroke:var(--verde);stroke-width:2;stroke-dasharray:3 7;animation:flujo 1.6s linear infinite}
@keyframes flujo{to{stroke-dashoffset:-20}}
.hub-centro{position:absolute;inset:36%;border-radius:50%;background:var(--negro);color:var(--claro);display:grid;place-content:center;text-align:center;box-shadow:0 0 0 10px rgba(72,171,64,.16)}
.hub-centro b{font:700 clamp(17px,2vw,24px)/1.1 var(--t);letter-spacing:-.02em}
.hub-centro small{font-size:12.5px;color:var(--verde-2)}
.hub-n{position:absolute;transform:translate(-50%,-50%);background:var(--papel);border:1px solid var(--linea-cla);border-radius:999px;padding:9px 16px;font:600 14.5px/1 var(--f);white-space:nowrap}
@media(max-width:900px){.eco-col{grid-template-columns:1fr}.hub{margin:0 auto;max-width:420px}}
@media(max-width:480px){.hub-n{font-size:12px;padding:7px 10px}.eco-lista li{grid-template-columns:1fr;gap:4px}}

/* ---------- sostenible / autoadministrable ---------- */
.dos-col{margin-top:56px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.dos-caja{border:1px solid var(--linea-osc);border-radius:10px;padding:clamp(26px,3.2vw,42px);background:#0A0E0A}
.dos-caja small{font:500 14px var(--t);color:var(--verde-2)}
.dos-caja h3{margin-top:8px;font-size:clamp(26px,2.6vw,36px)}
.dos-caja ul{margin-top:22px;list-style:none}
.dos-caja li{padding:13px 0;border-top:1px solid var(--linea-osc);color:var(--gris);font-size:16px}
.dos-caja li b{color:var(--claro);font-weight:600}
@media(max-width:900px){.dos-col{grid-template-columns:1fr}}

/* ---------- caso ---------- */
.caso-cab{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,80px);align-items:end}
.caso-cab .sec-baj{margin-top:0}
.caso-grilla{margin-top:56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #C9CEC9}
.caso-dato{padding:26px 20px 24px 0}
.caso-dato+.caso-dato{padding-left:20px;border-left:1px solid #C9CEC9}
.caso-dato b{display:block;font:700 clamp(40px,4.4vw,64px)/1 var(--t);letter-spacing:-.04em;color:var(--negro)}
.caso-dato span{display:block;margin-top:12px;font-size:15px;color:var(--tinta-2);line-height:1.45}
.caso-fuente{margin-top:14px;font-size:13px;color:var(--tinta-2)}
.caso-cols{margin-top:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,44px);align-items:start}
.caso-cols h3{font-size:clamp(21px,1.9vw,25px)}
.caso-cols p{margin-top:10px;color:#3D423D;font-size:16px}
@media(max-width:900px){
  .caso-cab,.caso-cols{grid-template-columns:1fr}
  .caso-grilla{grid-template-columns:repeat(2,minmax(0,1fr))}
  .caso-dato:nth-child(3){padding-left:0;border-left:0}
  .caso-dato:nth-child(n+3){border-top:1px solid #C9CEC9}
}
@media(max-width:480px){.caso-grilla{grid-template-columns:1fr}.caso-dato,.caso-dato+.caso-dato{padding:18px 0;border-left:0;border-top:1px solid #C9CEC9}.caso-dato:first-child{border-top:0}}

/* ---------- acompañamiento ---------- */
.acomp-grilla{margin-top:52px;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.6vw,36px)}
.acomp-grilla li{padding-top:24px;border-top:2px solid var(--verde)}
.acomp-grilla b{display:block;font:700 21px/1.2 var(--t);letter-spacing:-.015em}
.acomp-grilla li>span{display:block;margin-top:10px;color:var(--gris);font-size:15.5px}
@media(max-width:1000px){.acomp-grilla{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.acomp-grilla{grid-template-columns:1fr}}

/* ---------- packs ---------- */
.packs{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:stretch}
.pack{display:flex;flex-direction:column;background:var(--papel);border:1px solid var(--linea-cla);border-radius:10px;padding:clamp(24px,2.6vw,34px)}
.pack small{font:500 14px var(--t);color:var(--verde-texto)}
.pack h3{margin-top:6px;font-size:clamp(24px,2.2vw,30px)}
.pack-precio{margin-top:18px;padding-bottom:18px;border-bottom:1px solid var(--linea-cla)}
.pack-precio>b{display:block;font:700 22px/1.2 var(--t);letter-spacing:-.01em}
.pack-precio>span{display:block;margin-top:6px;font-size:14px;color:var(--tinta-2)}
.pack ul{margin:18px 0 26px;list-style:none;flex:1}
.pack li{position:relative;padding:7px 0 7px 24px;font-size:15.5px;line-height:1.4}
.pack li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:7px;border-left:2px solid var(--verde-texto);border-bottom:2px solid var(--verde-texto);transform:rotate(-45deg)}
.pack .btn{align-self:flex-start}
.pack-dest{background:var(--negro);color:var(--claro);border-color:var(--negro);box-shadow:0 30px 60px -30px rgba(5,5,5,.5)}
.pack-dest small{color:var(--verde-2)}
.pack-dest .pack-precio{border-color:var(--linea-osc)}
.pack-dest .pack-precio>span{color:var(--gris)}
.pack-dest li::before{border-color:var(--verde-2)}
.claro .pack-dest :focus-visible{outline-color:var(--verde-2)}
@media(max-width:900px){.packs{grid-template-columns:1fr}}
.tabla-env{margin-top:56px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.comp{width:100%;min-width:560px;border-collapse:collapse;background:var(--papel);border:1px solid var(--linea-cla);border-radius:10px;overflow:hidden}
.comp caption{text-align:left;font:700 clamp(20px,1.8vw,24px)/1.2 var(--t);letter-spacing:-.015em;padding-bottom:16px}
.comp th,.comp td{padding:12px 16px;border-bottom:1px solid #E3E6E3;text-align:center;font-size:15px}
.comp thead th{font:700 15px var(--t);background:var(--claro)}
.comp thead th:nth-child(3){background:var(--negro);color:var(--claro)}
.comp tbody th{text-align:left;font-weight:500}
.comp th:first-child{text-align:left}
.comp .si{color:var(--verde-texto);font-weight:600}
.comp .no{color:#9AA09A}
.comp td:nth-child(3){background:#F5F8F4}
.packs-nota{margin-top:20px;font-size:15px;color:#3D423D}
@media(max-width:600px){
  .comp{min-width:0}
  .comp th,.comp td{padding:10px 6px;font-size:13px}
  .comp thead th{font-size:13px}
  .comp tbody th{width:44%}
}