#map {
      width:100%;
      height:450px !important;
  }
  
  .contenedor {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        align-items: flex-start;
    }

    .texto, .infografia {
        flex: 1;
        min-width: 300px;
    }

    .infografia {
        border: 2px solid #ccc;
        padding: 15px;
        box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
        text-align: center;
        background: #f8f9fa;
        border-radius: 8px;
    }

    .infografia img {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

    @media (max-width: 768px) {
        .contenedor {
            flex-direction: column;
        }
    }
    
    .accordion-button:not(.collapsed) {
	  background-color: #17a2b866;
	  font-weight: bold;
	}
	
	.paginacion {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    gap: 5px;
    flex-wrap: wrap;
}

.pag-btn {
    padding: 5px 10px;
    border: 1px solid #007bff;
    background-color: #fff;
    color: #007bff;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
}

.pag-btn:hover:not(:disabled) {
    background-color: #007bff;
    color: white;
}

.pag-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.pag-btn.active {
    background-color: #007bff;
    color: white;
    font-weight: bold;
}

.ellipsis {
    padding: 5px 10px;
    color: #888;
}

#modalError01 .modal-header {
	background-color: #ee667a;
	color: white;
	padding: 20px;
	align-items: center;
}

#form-send-mail label.error
	{
	float: none;
	color: red;
	padding-left: .5em;
	vertical-align: top;
	display: block;
}

#form-send-mail td {
	vertical-align: top
}