html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}
.carrusel-200-px-wide {
    width: 1000px;
}

.feature {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    width: 3rem;
    font-size: 1.5rem;
}

.form-control-user {
    font-size: 0.8rem;
    border-radius: 1rem;
    padding: 1rem 1rem;
}



.imagen-datatable {
    border-radius: 20%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.imagen-ficha {
    border-radius: 20%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.contenedor_imagen_ficha {
    display: inline-block;
    width: 200px;
    height: 200px;
}

.fondo-ficha {
    background-image: url("../images/fondo_ficha.png");
}



header.masthead .page-heading,
header.masthead .post-heading,
header.masthead .site-heading {
    color: #fff;
}

header.masthead .page-heading,
header.masthead .site-heading {
    text-align: center;
}

    header.masthead .page-heading h1, header.masthead .page-heading .h1,
    header.masthead .site-heading h1,
    header.masthead .site-heading .h1 {
        font-size: 3rem;
    }

    header.masthead .page-heading .subheading,
    header.masthead .site-heading .subheading {
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 1.1;
        display: block;
        margin-top: 0.625rem;
        font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

header.masthead .post-heading h1, header.masthead .post-heading .h1 {
    font-size: 2.25rem;
}

header.masthead .post-heading .meta,
header.masthead .post-heading .subheading {
    line-height: 1.1;
    display: block;
}

header.masthead .post-heading .subheading {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0.75rem 0 2rem;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

header.masthead .post-heading .meta {
    font-size: 1.25rem;
    font-weight: 300;
    font-style: italic;
    font-family: "Lora", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

    header.masthead .post-heading .meta a {
        color: #fff;
    }

@media (min-width: 992px) {
    header.masthead {
        padding-top: 12.5rem;
        padding-bottom: 12.5rem;
    }

        header.masthead .page-heading h1, header.masthead .page-heading .h1,
        header.masthead .site-heading h1,
        header.masthead .site-heading .h1 {
            font-size: 5rem;
        }

        header.masthead .post-heading h1, header.masthead .post-heading .h1 {
            font-size: 3.5rem;
        }

        header.masthead .post-heading .subheading {
            font-size: 1.875rem;
        }

    .post-preview > a > .post-title {
        font-size: 1.5rem;
    }

    .collapse.dont-collapse-sm {
        display: block;
        height: auto !important;
        visibility: visible;
    }

    .btn.dont-visible-collapse-sm {
        display: none;
    }

    .imagencarreras {
        height: 400px;
    }
}

.section-heading {
    font-size: 2.25rem;
    font-weight: 700;
    margin-top: 3.75rem;
}

.caption {
    font-size: 0.875rem;
    font-style: italic;
    display: block;
    margin: 0;
    padding: 0.625rem;
    text-align: center;
}

.post-preview > a {
    color: #212529;
    text-decoration: none;
}

    .post-preview > a:focus, .post-preview > a:hover {
        color: #0085A1;
    }

    .post-preview > a > .post-title {
        font-size: 1.5rem;
        margin-top: 1.875rem;
        margin-bottom: 0.625rem;
        text-decoration: none;
    }

    .post-preview > a > .post-subtitle {
        font-weight: 300;
        margin-bottom: 0.625rem;
    }

.post-preview > .post-meta {
    font-size: 1.125rem;
    font-style: italic;
    margin-top: 0;
    color: #6c757d;
}

    .post-preview > .post-meta > a {
        text-decoration: none;
    }



.bg-featured-blog {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 15rem;
}

.select2 {
    width: 100% !important;
}

@font-face {
    font-family: 'Berlin Sans FB';
    font-style: normal;
    font-weight: normal;
    src: local('Berlin Sans FB'), url('../lib/Font/BRLNSR.woff') format('woff');
}


@font-face {
    font-family: 'Berlin Sans FB Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Berlin Sans FB Bold'), url('../lib/Font/BRLNSB.woff') format('woff');
}

@font-face {
    font-family: 'Revue Std Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Revue Std Bold'), url('../lib/Font/RevueStdBold.otf') format("opentype");
}



.letras-maraton {
    font-family: 'Berlin Sans FB'
}

.letras-maraton-bold {
    font-family: 'Berlin Sans FB Bold'
}

.letras-clubmaraton {
    font-family: 'Revue Std Bold'
}

ul.navega {
    list-style-type: none;
}

li.navega {
    float: left;
    margin-right: 2px;
    padding: 0 2px;
}

.input-group-append {
    cursor: pointer;
}

@media (max-width: 767px) {
    .caruselcarreras .carousel-inner .carousel-item > div {
        display: none
    }

        .caruselcarreras .carousel-inner .carousel-item > div:first-child {
            display: block
        }
}

@media (max-width: 992px) {
    .imagencarreras {
        height: 300px;
    }
}

.caruselcarreras .carousel-inner .carousel-item.active, .caruselcarreras .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
    display: flex
}

@media (min-width: 768px) {
    .caruselcarreras .carousel-inner .carousel-item-end.active, .caruselcarreras .carousel-inner .carousel-item-next {
        transform: translateX(25%)
    }

    .caruselcarreras .carousel-inner .carousel-item-start.active, .caruselcarreras .carousel-inner .carousel-item-prev {
        transform: translateX(-25%)
    }
}

.caruselcarreras .carousel-inner .carousel-item-end, .caruselcarreras .carousel-inner .carousel-item-start {
    transform: translateX(0)
}



.form-date {
    display: flex;
    flex-direction: column;
}



.form-date__input[type="date"] {
    appearance: none;
    color: #1D1D1D;
    line-height: 24px;
    border: 1px solid #ECF0F1;
    background: #ECF0F1;
    visibility: visible;
    padding: 4px;
    position: relative;
}

    .form-date__input[type="date"]:focus {
        color: #495057;
        background-color: #FFFFFF;
        border-color: #80BDFF;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
    }

    .form-date__input[type="date"]::-webkit-calendar-picker-indicator {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        color: transparent;
        background: 0 0;
        margin: 0;
        opacity: 0;
        padding: 0;
        pointer-events: auto;
    }

    .form-date__input[type="date"]::-webkit-date-and-time-value {
        margin: 0;
    }

.form-date__input[type="date"] {
    border: 0;
    margin: 0;
    border-radius: 10px;
    box-shadow: none;
    -webkit-appearance: none;
}

    .form-date__input[type="date"]::-webkit-inner-spin-button,
    .form-date__input[type="date"]::-webkit-outer-spin-button,
    .form-date__input[type="date"]::-webkit-clear-button {
        -webkit-appearance: none;
        display: none;
    }

    .form-date__input[type="date"]::-webkit-datetime-edit-month-field {
        padding: 0;
    }

    .form-date__input[type="date"]::-webkit-datetime-edit-day-field {
        padding: 0;
    }

    .form-date__input[type="date"]::-webkit-datetime-edit-year-field {
        padding: 0;
    }

    .form-date__input[type="date"]::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
    }

.checkbox-list {
    color: #495057;
}

.checkbox {
    border-bottom: 0px dashed rgba(0,0,0,0.5);
    padding: 1px 1px 5px 1px;
    margin: 0 0 10px;
    display: block;
}


    .checkbox input[type=checkbox] {
        margin: 0;
        visibility: hidden;
        left: 1px;
        top: 1px;
    }

    .checkbox label {
        line-height: 20px;
        padding-left: 35px;
        margin: 0;
        display: block;
        cursor: pointer;
        position: relative;
        transition: all 0.3s ease 0s;
    }

        .checkbox label:before,
        .checkbox label:after {
            content: "";
            width: 20px;
            height: 20px;
            border: 3px solid rgba(0,0,0,0.5);
            border-radius: 4px;
            position: absolute;
            top: 3px;
            left: 3px;
            transition: all 0.25s;
        }

        .checkbox label:after {
            height: 10px;
            width: 16px;
            border-radius: 0 0 0 4px;
            border: 5px solid #495057;
            border-top: none;
            border-right: none;
            opacity: 0;
            transform: rotate(-45deg);
            top: 15px;
            left: 6px;
        }

    .checkbox input[type=checkbox]:checked + label {
        font-weight: 600;
    }

        .checkbox input[type=checkbox]:checked + label:before {
            opacity: 0;
            top: -10px;
        }

        .checkbox input[type=checkbox]:checked + label:after {
            opacity: 1;
            top: 6px;
        }

@media only screen and (max-width:767px) {
    .checkbox {
        margin: 0 0 5px;
    }

    .imagencarreras {
        height: 250px;
    }

    .card-phone {
        height: 290px !important;
    }
}



.divCargando {
    /*position: absolute;
    z-index: 2000;
    top: 50%;
    left: 50%;
    text-align: center;*/
    position: fixed;
    display: block;
    z-index: 2000;
    width: 100%;
    top: 300px;
    left: 0;
    text-align: center;
    height: 100%;
}

.preloaded {
    position: fixed;
    z-index: 1999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    background-color: #fff;
    opacity: 0.5;
}

.textoinscrito {
    font-family: monospace;
    font-size: 3em;
    animation: color-change 1s infinite;
}

@keyframes color-change {
    30% {
        color: #00594f;
    }

    30% {
        color: red;
    }
}

.timeline {
    position: relative;
    padding: 0;
    list-style: none;
}

    .timeline:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 40px;
        width: 2px;
        margin-left: -1.5px;
        content: "";
        background-color: #e9ecef;
    }

    .timeline > li {
        position: relative;
        min-height: 50px;
        margin-bottom: 50px;
    }

        .timeline > li:after, .timeline > li:before {
            display: table;
            content: " ";
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li .timeline-panel {
            position: relative;
            float: right;
            width: 100%;
            padding: 0 20px 0 100px;
            text-align: left;
        }

            .timeline > li .timeline-panel:before {
                right: auto;
                left: -15px;
                border-right-width: 15px;
                border-left-width: 0;
            }

            .timeline > li .timeline-panel:after {
                right: auto;
                left: -14px;
                border-right-width: 14px;
                border-left-width: 0;
            }

        .timeline > li .timeline-image {
            position: absolute;
            z-index: 100;
            left: 0;
            width: 80px;
            height: 80px;
            margin-left: 0;
            text-align: center;
            color: white;
            border: 7px solid #e9ecef;
            border-radius: 100%;
            background-color: #ffc800;
        }

            .timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
                font-size: 10px;
                line-height: 14px;
                margin-top: 12px;
            }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
            padding: 0 20px 0 100px;
            text-align: left;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                right: auto;
                left: -15px;
                border-right-width: 15px;
                border-left-width: 0;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                right: auto;
                left: -14px;
                border-right-width: 14px;
                border-left-width: 0;
            }

        .timeline > li:last-child {
            margin-bottom: 0;
        }

    .timeline .timeline-heading h4, .timeline .timeline-heading .h4 {
        margin-top: 0;
        color: inherit;
    }

        .timeline .timeline-heading h4.subheading, .timeline .timeline-heading .subheading.h4 {
            text-transform: none;
        }

    .timeline .timeline-body > ul,
    .timeline .timeline-body > p {
        margin-bottom: 0;
    }

@media (min-width: 768px) {
    .timeline:before {
        left: 50%;
    }

    .timeline > li {
        min-height: 100px;
        margin-bottom: 100px;
    }

        .timeline > li .timeline-panel {
            float: left;
            width: 41%;
            padding: 0 20px 20px 30px;
            text-align: right;
        }

        .timeline > li .timeline-image {
            left: 50%;
            width: 100px;
            height: 100px;
            margin-left: -50px;
        }

            .timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
                font-size: 13px;
                line-height: 18px;
                margin-top: 16px;
            }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
            padding: 0 30px 20px 20px;
            text-align: left;
        }
}

@media (min-width: 992px) {
    .timeline > li {
        min-height: 150px;
    }

        .timeline > li .timeline-panel {
            padding: 0 20px 20px;
        }

        .timeline > li .timeline-image {
            width: 150px;
            height: 150px;
            margin-left: -75px;
        }

            .timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
                font-size: 18px;
                line-height: 26px;
                margin-top: 30px;
            }

        .timeline > li.timeline-inverted > .timeline-panel {
            padding: 0 20px 20px;
        }
}

@media (min-width: 1200px) {
    .timeline > li {
        min-height: 170px;
    }

        .timeline > li .timeline-panel {
            padding: 0 20px 20px 100px;
        }

        .timeline > li .timeline-image {
            width: 170px;
            height: 170px;
            margin-left: -85px;
        }

            .timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
                margin-top: 40px;
            }

        .timeline > li.timeline-inverted > .timeline-panel {
            padding: 0 100px 20px 20px;
        }

    .portfolio-item {
        max-width: 26rem;
        margin-left: auto;
        margin-right: auto;
    }

        .portfolio-item .portfolio-link {
            position: relative;
            display: block;
            margin: 0 auto;
        }

            .portfolio-item .portfolio-link .portfolio-hover {
                display: flex;
                position: absolute;
                width: 100%;
                height: 100%;
                background: rgba(255, 200, 0, 0.9);
                align-items: center;
                justify-content: center;
                opacity: 0;
                transition: opacity ease-in-out 0.25s;
            }

                .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
                    font-size: 1.25rem;
                    color: white;
                }

            .portfolio-item .portfolio-link:hover .portfolio-hover {
                opacity: 1;
            }

        .portfolio-item .portfolio-caption {
            padding: 1.5rem;
            text-align: center;
            background-color: #fff;
        }

            .portfolio-item .portfolio-caption .portfolio-caption-heading {
                font-size: 1.5rem;
                font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                font-weight: 700;
                margin-bottom: 0;
            }

            .portfolio-item .portfolio-caption .portfolio-caption-subheading {
                font-style: italic;
                font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            }

    .portfolio-modal .modal-dialog {
        max-width: 40%;
    }

    .portfolio-modal .modal-content {
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center;
    }

        .portfolio-modal .modal-content h2, .portfolio-modal .modal-content .h2 {
            font-size: 3rem;
            line-height: 3rem;
        }

        .portfolio-modal .modal-content p.item-intro {
            font-style: italic;
            margin-bottom: 2rem;
            font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }

        .portfolio-modal .modal-content p {
            margin-bottom: 2rem;
        }

        .portfolio-modal .modal-content ul.list-inline {
            margin-bottom: 2rem;
        }

        .portfolio-modal .modal-content img {
            margin-bottom: 2rem;
        }

        .portfolio-modal .modal-content .close-modal {
            position: absolute;
            top: 1.5rem;
            right: 1.5rem;
            width: 3rem;
            height: 3rem;
            cursor: pointer;
            background-color: transparent;
        }

            .portfolio-modal .modal-content .close-modal:hover {
                opacity: 0.3;
            }

    .img-foto {
        max-width: 100%;
        height: auto;
    }
    .bg-dark {
        --bs-bg-opacity: 0.6 !important;
    }
}