html, body {
  background-color:transparent;/*#faf9fb !important;  /* aquí defines el color que quieras */
}
/* Haz que el contenedor solo controle el ancho, el alto fluye */
#svg-container {
  width: 100%;
}
/* El SVG escala al 100% de ancho y su altura se ajusta manteniendo proporción */
#svg-container svg {
  width: 100%;
  height: auto;
  display: block;
  background-color: transparent /*#faf9fb*/ !important;
}

/* Estados no clicables (por defecto) */
#svg-container svg path {
  fill: #cce5ff;         /* color base */
  stroke: #333;
  cursor: default;       /* puntero normal */
  transition: fill 0.3s;
}

/* Estados clicables */
#svg-container svg .az,
#svg-container svg .fl,
#svg-container svg .ma,
#svg-container svg .me,
#svg-container svg .ks,
#svg-container svg .nv {
  fill: #15b9d9;         /* color destacado */
  cursor: pointer;
  transition: fill 0.3s;
}

/* Hover solo en clicables */
#svg-container svg .az:hover,
#svg-container svg .fl:hover,
#svg-container svg .ma:hover,
#svg-container svg .me:hover,
#svg-container svg .ks:hover,
#svg-container svg .nv:hover {
  fill: white;
}

.state {fill:#D0D0D0}                        /* default color for all states not specified below */
.borders {stroke:#FFFFFF; stroke-width:1}    /* color and width of borders between states */
.dccircle {display:yes}                      /* set display to yes to show the circle for the District of Columbia, or none to hide it */
.separator1 {stroke:#B0B0B0; stroke-width:2} /* color and width of lines around Alaska and Hawaii */

@media(max-width: 576px) {
    .modal-body p {        
        font-size: 0.8rem !important;
    }    
}