/* «Dónde comprarla» con el diseño de la ficha 26 (prueba). */
.dc26{--dc-ac:var(--m-acento,#EF5517);--dc-sup:color-mix(in srgb,var(--m-texto) 5%,var(--m-fondo));display:grid;grid-template-columns:minmax(0,1fr);gap:30px;min-width:0}
.dc26-parte,.dc26-cp{grid-template-columns:minmax(0,1fr)}
.dc26-entrada{margin:0;font-size:16px;line-height:1.5;color:var(--m-gris);max-width:62ch}
.dc26-parte{display:grid;gap:14px}
.dc26-pcab{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--m-linea)}
.dc26-pcab span{font-family:var(--m-ft);font-weight:700;font-size:14px;color:var(--dc-ac);font-variant-numeric:tabular-nums}
.dc26-pcab h5{margin:0;font-family:var(--m-ft);font-weight:var(--m-tw,700);letter-spacing:var(--m-tls,-.02em);text-transform:var(--m-tt,none);font-size:22px;line-height:1.1;flex:1;min-width:0}
.dc26-pcab small{font-size:13px;color:var(--m-gris)}
.dc26-cp{display:grid;gap:8px;max-width:560px}
.dc26-cp label{font-size:13px;font-weight:600;color:var(--m-gris)}
.dc26-campo{display:flex;align-items:center;gap:6px;padding:5px 5px 5px 18px;border-radius:999px;background:var(--dc-sup);border:1px solid var(--m-linea);transition:border-color .25s,box-shadow .25s}
.dc26-campo:focus-within{border-color:var(--dc-ac);box-shadow:0 0 0 4px color-mix(in srgb,var(--dc-ac) 18%,transparent)}
.dc26-campo input{flex:1;min-width:0;width:0;border:0;background:transparent;font:inherit;font-size:18px;letter-spacing:.06em;color:var(--m-texto);outline:0;padding:8px 0;font-variant-numeric:tabular-nums}
.dc26-campo input::placeholder{color:color-mix(in srgb,var(--m-gris) 60%,transparent)}
.dc26-campo button{flex:none;height:42px;padding:0 20px;border-radius:999px;border:0;background:var(--dc-ac);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:filter .25s}
.dc26-campo button:hover{filter:brightness(.92)}
.dc26-geo{justify-self:start;display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:4px 0;font:inherit;font-size:14px;font-weight:500;color:var(--dc-ac);cursor:pointer}
.dc26-geo svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.dc26-geo:hover{text-decoration:underline}
.dc26-ayuda{margin:0;font-size:13px;line-height:1.5;color:var(--m-gris)}
.dc26-orden{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--m-gris)}
.dc26-orden button{height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--m-linea);background:transparent;color:var(--m-texto);font:inherit;font-size:13px;cursor:pointer}
.dc26-orden button[aria-pressed="true"]{background:var(--m-texto);border-color:var(--m-texto);color:var(--m-fondo)}
.dc26-orden em{font-style:normal;font-size:11px;padding:3px 8px;border-radius:99px;background:color-mix(in srgb,var(--dc-ac) 12%,transparent);color:var(--dc-ac)}
.dc26-estado{margin:0;font-size:14px;color:var(--m-gris);min-height:1.4em}
.dc26-estado b{color:var(--m-texto)}
.dc26-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dc26-t{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;padding:18px 20px;border-radius:calc(var(--m-r,18px) * .8);background:var(--dc-sup);border:1px solid transparent}
.dc26-t.dc26-c{border-color:color-mix(in srgb,var(--dc-ac) 55%,transparent);background:color-mix(in srgb,var(--dc-ac) 6%,var(--m-fondo))}
.dc26-km{display:flex;flex-direction:column;align-items:flex-start;padding-top:2px}
.dc26-km b{white-space:nowrap;font-family:var(--m-ft);font-size:30px;font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.dc26-km small{font-size:12px;color:var(--m-gris);margin-top:2px}
.dc26-tx{min-width:0}
.dc26-tx h6{margin:0;font-family:var(--m-ft);font-size:18px;font-weight:var(--m-tw,700);letter-spacing:-.015em;text-transform:var(--m-tt,none)}
.dc26-dir{margin:4px 0 0;font-size:14px;color:var(--m-texto);line-height:1.45}
.dc26-dir span{color:var(--m-gris)}
.dc26-ev{margin:4px 0 0;font-size:13px;color:var(--m-gris);line-height:1.45}
.dc26-col{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px;padding:5px 6px 5px 12px;border-radius:99px;background:var(--dc-ac);color:#fff;font-size:13px}
.dc26-col b{font-weight:700}
.dc26-col code{font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:4px 7px;border-radius:6px;background:rgba(255,255,255,.2);letter-spacing:.04em}
.dc26-col button{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;cursor:pointer}
.dc26-col button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.dc26-col button.ok{background:#fff;color:var(--dc-ac)}
.dc26-acc{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.dc26-acc a,.dc26-acc button{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--m-linea);background:var(--m-fondo);color:var(--m-texto);font:inherit;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:border-color .25s,color .25s}
.dc26-acc a:hover,.dc26-acc button:hover{border-color:var(--dc-ac);color:var(--dc-ac)}
.dc26-mapa{margin-top:12px;border-radius:12px;overflow:hidden;border:1px solid var(--m-linea)}
.dc26-mapa iframe{display:block;width:100%;height:260px;border:0}
.dc26-mas{justify-self:start;height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--m-linea);background:transparent;color:var(--m-texto);font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.dc26-mas:hover{border-color:var(--dc-ac);color:var(--dc-ac)}
.dc26-online{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.dc26-online li{display:flex;flex-direction:column;border-radius:calc(var(--m-r,18px) * .8);background:var(--dc-sup);border:1px solid transparent;overflow:hidden}
.dc26-online li.dc26-c{border-color:color-mix(in srgb,var(--dc-ac) 55%,transparent);background:color-mix(in srgb,var(--dc-ac) 6%,var(--m-fondo))}
.dc26-online a{display:flex;flex-direction:column;gap:12px;padding:16px 18px;text-decoration:none;color:inherit;flex:1}
.dc26-online a b{display:block;font-family:var(--m-ft);font-size:17px;font-weight:var(--m-tw,700);letter-spacing:-.015em}
.dc26-online a small{font-size:12px;color:var(--m-gris)}
.dc26-ver{margin-top:auto;font-size:14px;font-weight:600;color:var(--dc-ac)}
.dc26-online a:hover .dc26-ver{text-decoration:underline}
.dc26-online .dc26-col{margin:0 12px 12px;align-self:flex-start}
.dc26-pie{display:grid;gap:10px;padding:18px 20px;border-radius:calc(var(--m-r,18px) * .8);border:1px solid var(--m-linea)}
.dc26-pie p{margin:0;font-size:13px;line-height:1.55;color:var(--m-gris)}
.dc26-pie b{color:var(--m-texto)}
.dc26-pie a{color:var(--dc-ac)}
.dc26-pie .dc26-ej{padding-top:10px;border-top:1px dashed var(--m-linea)}
.f-bt.dc26-ir{border-color:var(--m-texto);font-weight:600}
@media (max-width:640px){
  .dc26{gap:24px}
  .dc26-pcab h5{font-size:19px}
  .dc26-campo{padding-left:14px}.dc26-campo input{font-size:16px}.dc26-campo button{padding:0 14px;font-size:13px}
  .dc26-t{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:14px}
  .dc26-km b{font-size:24px}
  .dc26-tx h6{font-size:16px}
  .dc26-online{grid-template-columns:minmax(0,1fr)}
  .dc26-mapa iframe{height:220px}
  .f-bt.dc26-ir{width:100%;white-space:normal;text-align:center;padding:10px 16px;line-height:1.3}
}
