#nombre_club .header {
    font-size: 28px;
    color: #2070ab;
}

.ui.segment.fondoNombreTour{
    padding-bottom: 2.5em;
}

#markerSegment {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 1rem;
}

.grouping-competition-card {
    width: 100%;
    display: flex;
    gap: 1.5rem;
    border: 2px solid #dde4ec;
    border-radius: 18px;
    padding: 1.5rem;
    background: #fff;
}

.grouping-competition-details {
    flex: 1 1 58%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.grouping-competition-livescoring {
    flex: 1 1 42%;
    min-width: 320px;
    display: flex;
    align-items: center;
}

.grouping-competition-title {
    margin: 0;
    font-size: 2.2rem;
    line-height: 1.1;
}

.grouping-competition-title-link {
    color: #2070ab;
    text-decoration: none;
    transition: color .2s ease;
}

.grouping-competition-title-link:hover {
    opacity: .75;
}

.grouping-competition-labels {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}


.grouping-competition-resources {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.grouping-competition-resources .button {
    margin: 0 !important;
}

.grouping-competition-rates .ui.header {
    margin-bottom: .6rem;
}

.grouping-competition-rates p {
    margin: .35rem 0 0;
}

.grouping-competition-inscription {
    margin-top: auto;
    padding-top: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
}

.grouping-competition-inscription-limit h4 {
    margin-bottom: .5rem;
}

.grouping-competition-inscription-limit p {
    margin: 0 0 .55rem;
    font-style: italic;
    color: #8d9eb3;
}

.grouping-competition-inscription-limit span {
    margin-right: .35rem;
    color: #818181;
}

.grouping-competition-inscription-button {
    min-width: 220px;
    text-align: center;
}

#markerSegment div.container-marker-livescoring {
    width: 100%;
    border: 1px solid #e4ebf3;
    border-radius: 16px;
    overflow: hidden;
    background: #fcfdff;
}

#markerSegment div.container-marker-livescoring:hover {
    transform: scale(1.01);
    transition: transform .3s ease;
    cursor: pointer;
}

#markerSegment .team-name {
    margin: 8px;
}

.no-competition {
    color: #c6c6c6;
    font-style: italic;
    font-weight: unset;
    text-align: center;
    font-size: 2rem;
    width: 100%;
}

i.outline {
    outline: unset;
}

#informacionPopup.ui.dimmer>.content{
    padding-left: 20%;
    padding-right: 20%;
}

.ui.divider.hidden {
    display: block;
}

.no-competitions {
    min-height: 20vh;
    align-content: center;
}

#markerSegment div.container-marker-header {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 2em;
    height: 100%;
}

@media(min-width: 1024px) {
    #markerSegment div.container-marker-livescoring,
    #markerSegment div.container-marker-livescoring aside,
    #markerSegment div.container-marker-livescoring .ryderLivescoring main {
        min-height: 250px;
        max-height: 430px;
        height: 250px;
    }
}

@media(max-width: 1180px) {
    .grouping-competition-card {
        flex-direction: column;
    }

    .grouping-competition-livescoring {
        min-width: 100%;
        width: 100%;
    }

    .grouping-competition-inscription {
        align-items: flex-start;
        flex-direction: column;
    }

    .grouping-competition-inscription-button {
        width: 100%;
        min-width: 0;
    }
}

@media(max-width: 1024px) {
    #markerSegment div.container-marker-livescoring,
    #markerSegment div.container-marker-livescoring aside,
    #markerSegment div.container-marker-livescoring .ryderLivescoring main {
        min-height: 250px;
        height: 250px;
    }
}

@media(max-width: 768px) {
    .grouping-competition-card {
        padding: 1rem;
        border-radius: 14px;
    }

    .grouping-competition-title {
        font-size: 1.75rem;
    }

    #markerSegment div.container-marker-livescoring,
    #markerSegment div.container-marker-livescoring aside,
    #markerSegment div.container-marker-livescoring .ryderLivescoring main {
        min-height: 250px;
        height: 250px;
    }

    #markerSegment div.container-marker-header {
        padding: 1em;
    }
}