/* Portada (html/index.html). */
.dc-hero { position: relative; height: 100vh; min-height: 620px; background: var(--dc-green-deep); overflow: hidden; }
.dc-hero__slide { position: absolute; inset: 0; transition: opacity .45s ease; opacity: 0; pointer-events: none; }
.dc-hero__slide.is-active { opacity: 1; pointer-events: auto; }
.dc-hero__dot { width: 11px; height: 11px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; background: rgba(255, 255, 255, .42); }
.dc-hero__dot.is-active { background: #fff; }

.dc-marca-tab { flex: 1; min-height: 104px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 10px; padding: 0 6px 14px; background: none; border: 0; border-bottom: 3px solid transparent; cursor: pointer; opacity: .55; transition: opacity .2s ease, border-color .2s ease; }
.dc-marca-tab.is-active { border-bottom-color: var(--dc-green); opacity: 1; }
.dc-marca-tab:hover { opacity: 1; }

#dc-map-home .leaflet-control-attribution { font-size: 9px; background: rgba(255, 255, 255, .75); }
#dc-map-home { filter: grayscale(.35) saturate(.8); }
#dc-map-home .leaflet-marker-pane { filter: none; }