.comune_container {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Card styles */
.commune-card {
  width: 100%;
  max-width: 300px;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  font-family:'palatino linotype', palatino,'times new roman',times,serif;
}

.commune-card .card-header {
  height: 32px;
  background-color: #235592;
}

/* Profile section */
.commune-card .card-profile {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 24px;
	padding-top: 24px;
	justify-content: center; 
}

.commune-card #comune_nome {
	text-align:center;
	color:#fff;
	font-size:20px;
	line-height:30px;
}
.commune-card .avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 4px solid white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.commune-card .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.commune-card .profile-info h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 4px;
}

.commune-card .profile-info p {
  font-size: 0.875rem;
  color: #6b7280;
}

/* Card content */
.commune-card .card-content {
  padding: 0 24px 24px;
}

.commune-card .info-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.commune-card .info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid #f3f4f6;
}

.commune-card .info-label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.commune-card .info-label span:last-child {
  font-size: 0.875rem;
  font-weight: 500;
  color: #4b5563;
}

.commune-card .info-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1f2937;
}

/* Icons */
.commune-card .icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.commune-card .users-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='9' cy='7' r='4'%3E%3C/circle%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'%3E%3C/path%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'%3E%3C/path%3E%3C/svg%3E");
}

.commune-card .ruler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 4H5C3.89543 4 3 4.89543 3 6V18C3 19.1046 3.89543 20 5 20H19C20.1046 20 21 19.1046 21 18V6C21 4.89543 20.1046 4 19 4Z'%3E%3C/path%3E%3Cpath d='M3 9H21'%3E%3C/path%3E%3Cpath d='M3 15H21'%3E%3C/path%3E%3C/svg%3E");
}

.commune-card .mountain-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3L12 7L16 3'%3E%3C/path%3E%3Cpath d='M12 7L16 11L20 7'%3E%3C/path%3E%3Cpath d='M4 11L8 15L12 11'%3E%3C/path%3E%3Cpath d='M8 15L12 19L16 15'%3E%3C/path%3E%3C/svg%3E");
}

.commune-card .phone-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");
}

.commune-card .calendar-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
}

/* Card footer */
.commune-card .card-footer {
  margin-top: 24px;
  text-align: center;
}

.commune-card .card-footer a {
  font-size: 0.875rem;
  font-weight: 500;
  color: #2563eb;
  text-decoration: none;
}

.commune-card .card-footer a:hover {
  color: #1d4ed8;
  text-decoration: underline;
}