.dis-banner{position:relative;min-height:clamp(380px, 56vh, 520px);background:linear-gradient(92deg, rgba(5,19,44,0.95) 0%, rgba(8,36,87,0.85) 32%, rgba(10,42,102,0.55) 55%, rgba(26,79,168,0.25) 80%, rgba(26,79,168,0.1) 100%),url(/enfermedades.jpg) right center/cover no-repeat,linear-gradient(135deg, #05132c 0%, #082457 45%, #1a4fa8 100%);display:flex;align-items:flex-end;overflow:hidden}.dis-banner-overlay{position:absolute;inset:0;background:radial-gradient(55% 60% at 85% 10%, rgba(143,188,245,0.12), transparent 60%),radial-gradient(45% 55% at 10% 100%, rgba(140,196,63,0.08), transparent 60%);pointer-events:none;z-index:1}.dis-banner-wrap{position:relative;z-index:2;max-width:1360px;margin:0 auto;width:100%;padding:72px 32px 52px}.dis-crumb{display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.75);margin-bottom:24px}.dis-crumb a{color:var(--brand-300);text-decoration:none;transition:color .2s}.dis-crumb a:hover{color:#fff}.dis-crumb .sep{opacity:0.5}.dis-banner-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,0.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.2);color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;margin-bottom:18px}.dis-banner-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(140,196,63,0.3)}.dis-banner-title{font-family:var(--font-display);font-size:clamp(44px, 6vw, 84px);line-height:1;letter-spacing:-0.035em;font-weight:300;color:#fff;margin:0 0 18px;text-transform:none}.dis-banner-title b{font-weight:800}.dis-banner-title em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--brand-300)}.dis-banner-sub{font-size:16px;line-height:1.55;color:rgba(255,255,255,0.82);margin:0;max-width:640px;text-shadow:0 2px 18px rgba(5,19,44,0.35)}.dis-banner-title{max-width:640px;text-shadow:0 2px 18px rgba(5,19,44,0.35)}.dis-main{padding:64px 32px 88px;background:var(--paper)}.dis-main-wrap{max-width:1240px;margin:0 auto}.dis-toolbar{display:grid;grid-template-columns:minmax(260px, 340px) 1fr auto;gap:20px;align-items:center;margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--line)}.dis-search{position:relative;display:flex;align-items:center}.dis-search svg{position:absolute;left:16px;color:var(--brand-500);pointer-events:none}.dis-search input{width:100%;padding:12px 16px 12px 42px;background:#fff;border:1px solid var(--line);border-radius:999px;font-family:inherit;font-size:14px;color:var(--ink);transition:border-color .2s, box-shadow .2s;outline:none}.dis-search input::placeholder{color:var(--ink-soft);opacity:0.65}.dis-search input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px rgba(59,130,224,0.12)}.dis-chips{display:flex;flex-wrap:wrap;gap:6px}.dis-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);font-family:inherit;font-size:12.5px;font-weight:600;letter-spacing:0.01em;cursor:pointer;text-transform:none;transition:background .15s, color .15s, border-color .15s}.dis-chip .badge{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:0.06em;padding:1px 7px;background:var(--brand-100);color:var(--brand-700);border-radius:999px;transition:background .15s, color .15s}.dis-chip:hover{border-color:var(--brand-300);color:var(--brand-900)}.dis-chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.dis-chip.on .badge{background:rgba(255,255,255,0.18);color:#fff}.dis-count{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap}.dis-count #disCount{color:var(--brand-700);font-weight:800;font-size:13px;margin-right:6px}.dis-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}.dis-card{position:relative;padding:22px 22px 26px;background:#fff;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;transition:transform .2s ease, box-shadow .25s ease, border-color .2s, background .6s ease, color .6s ease;overflow:hidden}.dis-card-title,.dis-card-body,.dis-card-cat,.dis-card-icon,.dis-card-service{transition:color .6s ease, background .6s ease, border-color .6s ease}.dis-card[hidden]{display:none}.dis-card:hover{transform:translateY(-3px);border-color:var(--brand-300);box-shadow:0 24px 50px -28px rgba(10,42,102,0.3)}.dis-card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.dis-card-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--brand-100);color:var(--brand-700);transition:background .2s, color .2s}.dis-card-icon--refractiva{background:#eaf2fe;color:#1a4fa8}.dis-card-icon--catarata{background:#fef1ea;color:#c94d1a}.dis-card-icon--cornea{background:#edf6fe;color:#1a6da8}.dis-card-icon--retina{background:#fcebf0;color:#ab2b5a}.dis-card-icon--glaucoma{background:#e9f6f0;color:#1d7a51}.dis-card-icon--parpados{background:#f5ecfb;color:#6b34a8}.dis-card-icon--ojoseco{background:#eaf4fe;color:#0b5ea8}.dis-card-icon--pediatria{background:#fef4e3;color:#b87b0f}.dis-card-cat{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink-soft);line-height:1.3}.dis-card-title{font-family:var(--font-display);font-size:17px;font-weight:700;line-height:1.25;letter-spacing:-0.015em;color:var(--ink);margin:0 0 10px;text-transform:none}.dis-card-body{font-size:14px;line-height:1.6;color:var(--ink-soft);margin:0 0 14px;flex:1}.dis-card-line{display:block;height:2px;width:28px;background:var(--accent);border-radius:2px;transition:width .25s ease}.dis-card:hover .dis-card-line{width:56px}.dis-card-service{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:8px 14px;align-self:flex-start;font-family:var(--font-mono, "IBM Plex Mono", ui-monospace, monospace);font-size:10.5px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--brand-700, #1a4fa8);background:var(--brand-100, #d9e9fb);border-radius:999px;text-decoration:none;transition:background .2s ease, color .2s ease, gap .2s ease, transform .2s ease}.dis-card-service svg{transition:transform .2s ease}.dis-card-service:hover,.dis-card-service:focus-visible{background:var(--brand-700, #1a4fa8);color:#fff;gap:12px}.dis-card-service:hover svg,.dis-card-service:focus-visible svg{transform:translateX(2px)}.dis-card{scroll-margin-top:120px}.dis-card:target{background:var(--brand-900);border-color:transparent;color:#fff;box-shadow:0 0 0 2px var(--brand-500),0 24px 52px -20px rgba(10,42,102,0.5);animation:disTargetPulse 2.6s cubic-bezier(0.2, 0.7, 0.3, 1) 0.15s 1 both}@keyframes disTargetPulse{0%{box-shadow:0 0 0 2px var(--brand-500),0 0 0 0 rgba(59,130,224,0.55)}60%{box-shadow:0 0 0 2px var(--brand-500),0 0 0 22px rgba(59,130,224,0)}100%{box-shadow:0 0 0 2px var(--brand-500),0 24px 52px -20px rgba(10,42,102,0.5)}}.dis-card:target .dis-card-title,.dis-card:target .dis-card-body{color:#fff}.dis-card:target .dis-card-cat{color:var(--brand-300)}.dis-card:target .dis-card-line{background:var(--accent);width:56px}.dis-card:target .dis-card-service{background:rgba(255,255,255,0.12);color:#fff;border:1px solid rgba(255,255,255,0.22)}.dis-card:target .dis-card-service:hover,.dis-card:target .dis-card-service:focus-visible{background:var(--accent);color:var(--brand-900);border-color:var(--accent)}.dis-card:target .dis-card-icon{background:rgba(255,255,255,0.12);color:#fff}.dis-empty{padding:64px 24px;text-align:center;color:var(--ink-soft);background:#fff;border:1px dashed var(--line);border-radius:16px}.dis-empty svg{color:var(--brand-300);margin-bottom:14px}.dis-empty p{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink);margin:0 0 16px}.dis-empty-reset{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--ink);color:#fff;border:0;border-radius:999px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.dis-empty-reset:hover{background:var(--brand-700)}@media (max-width: 1100px){.dis-grid{grid-template-columns:repeat(2, 1fr)}.dis-toolbar{grid-template-columns:1fr auto;grid-template-rows:auto auto}.dis-toolbar .dis-chips{grid-column:1 / -1}.dis-toolbar .dis-search{grid-column:1}.dis-toolbar .dis-count{grid-column:2}}@media (max-width: 680px){.dis-banner{min-height:clamp(340px, 48vh, 420px)}.dis-banner-wrap{padding:48px 20px 36px}.dis-banner-title{font-size:clamp(34px, 11vw, 48px)}.dis-banner-sub{font-size:14.5px}.dis-main{padding:44px 16px 64px}.dis-toolbar{grid-template-columns:1fr;gap:12px;padding-bottom:18px;margin-bottom:24px}.dis-toolbar .dis-search,.dis-toolbar .dis-chips,.dis-toolbar .dis-count{grid-column:1}.dis-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:4px 16px}.dis-chips::-webkit-scrollbar{display:none}.dis-chip{flex-shrink:0}.dis-grid{grid-template-columns:1fr;gap:12px}.dis-card{padding:18px 18px 22px}}