.bg-verde{
    background-color: #1e3065;
}

.text-corp{
    color:#1e3065 !important;
}

.uk-padding-xsmall{
    padding: 10px;
}

.uk-padding-xxsmall{
    padding: 5px;
}
.border-0{
    border: 0;
}

.cursor-pointer{
    cursor: pointer;
}

.line-height-1{
    line-height: 1;
}

.font-size-8{
    font-size : 8px
}

.font-size-10{
    font-size : 10px
}

.font-size-12{
    font-size : 12px
}

.font-size-14{
    font-size : 14px
}

.font-size-16{
    font-size : 16px
}

.font-size-18{
    font-size : 18px
}

.titulo_destacado{
      /* sombra potente para contraste */
  text-shadow:
    2px 2px 0 #1e3065,   /* sombra principal */
    -2px -2px 0 #1e3065,
    2px -2px 0 #1e3065,
    -2px 2px 0 #1e3065,
    0 0 10px rgba(0,0,0,0.7); /* difuminada para resaltar */
  
}

.card-img-fixed {
  height: 340px; /* Ajusta según tu diseño */
  width: 100%;
  object-fit: cover;
}

.uk-border{
    border: 1px solid #CCC;
}

.uk-button-border{
    background-color: #FFF;
    border: 1px solid #1e3065;
    color: #1e3065;

}

.uk-button-border:hover{
    background-color: #1e3065;
    border: 1px solid #1e3065;
    color: #FFF;

}

.uk-button-border-fill{
    background-color: #1e3065;
    border: 1px solid #1e3065;
    color: #FFF;

}

.uk-button-border-fill:hover{
    background-color: #006d57;
    border: 1px solid #006d57;
    color: #FFF;

}

@media (max-width: 959px) {
    .heightcondicional {
        height: 350px;
    }
}

.uk-badge{
    background-color: #566677;
}


/* PARA LA FICHA CARD */

.uk-label{
    background-color: #1e3065;
}

.place-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
    font-family: 'Segoe UI', sans-serif;
    color: #333;
}

/* Hero + Imagen */
.place-hero {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 3rem;
}

.place-hero img {
    width: 100%;
    max-width: 500px;
    border-radius: 12px;
    object-fit: contain;
    flex: 1;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.place-contact {
    flex: 1;
    background: #f9f9f9;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

.place-contact h2 {
    margin-bottom: 1rem;
    color: #1a73e8;
}

.place-contact ul {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.place-contact ul li {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.place-contact ul li span.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: #1a73e8;
    color: #fff;
    border-radius: 50%;
    margin-right: 0.5rem;
}

/* Horario */
.place-hours {
    margin-top: 1rem;
}

.place-hours li {
    padding: 0.25rem 0;
}

/* Acerca de */
.place-about {
    background: #ffffff;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
    margin-bottom: 2rem;
    line-height: 1.6;
}

/* Servicios e info adicional */
.place-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.place-tags span {
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: default;
}

.service-tag {
    background: #4caf50;
    color: #fff;
}

.option-tag {
    background: #1a73e8;
    color: #fff;
}

/* Responsivo */
@media (max-width: 768px) {
    .place-hero {
        flex-direction: column;
    }
}

.custom-label {
    background-color: #d4f1f4; /* azul muy suave */
    color: #1e87f0; /* acento azul */
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: transform 0.2s, box-shadow 0.2s;
}
.custom-label:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.custom-label-info {
    background-color: #f5e1ff; /* morado suave */
    color: #7a2be0; /* acento morado */
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: transform 0.2s, box-shadow 0.2s;
}
.custom-label-info:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}