:root {
    --color-primary: #00C677;
    --color-secondary: #253039;
    --white: #fff;
    --black: #000;

    --custom-1: #b40132;
    --custom-2: #6c001f;
    --custom-3: #410313;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* Resets */
.img-fluid {
    width: 100%;
}

.noPadding {
    padding: 0;
}

.row {
    padding: 0 !important;
    margin: 0 !important;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters>[class^='col-'],
.row.no-gutters>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

section.noPadding {
    padding: 0em 0;
}


/* Fonts */
body,
input,
textarea,
select {
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-display: swap;
}

h1 {
    /* font-size: 3.2em; */
    font-size: clamp(2rem, 0.7292rem + 2.651vw, 3.125rem);
}

h2 {
    font-size: 2.6em;
}

h3 {
    font-size: 2em;
}

p,
li,
label {
    font-size: 1.2em;
}

.smallTxt {
    font-size: 0.7em;
    text-align: center;
}

/* links */
a {
    color: var(--white);
    text-decoration: underline;
    transition: color 0.3s;
}

a:hover,
a:active,
a:focus {
    color: var(--white)!important;
}



/* Buttons */
.btn {
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    padding: 0.8em 1.3em !important;
    text-decoration: none;
    transition: color 0.4s, border 0.3s;
    position: relative;
    transition: color 0.3s, background-color 0.3s;
    text-transform: none !important;
    -webkit-border-radius: 0.4em;
    -ms-border-radius: 0.4em;
    -o-border-radius: 0.4em;
    border-radius: 0.4em;
}
.titleSnipet{
    display: none;
}

/* Landing */
.bg_landing {
    background-image: url('https://image.boletomovil.info/lib/fe3711747364047b771471/m/1/c169027f-a37c-44e1-8c8a-b8c94934df52.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.header__title,
header.cs-nav-002,
footer.cs-footer-006 {
    background-color: transparent;
}
footer ul li {
    background-color: var(--custom-3);
}
footer ul li a:hover,
footer ul li:hover a,
footer ul li:focus a,
footer ul li:active a {
    color: var(--white)!important;
}
footer p {
    font-size: 1rem;
    color: var(--white);
}
footer p:nth-child(2) {
    margin-bottom: 10px;
}
footer .logo {
    max-width: 224px;
}
header .logo {
    display: block;
    max-width: 224px;
    margin: 0 auto;
}
.bg-form {
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(22.5px);
}
.form__text p {
    font-size: clamp(1.125rem, 0.8426rem + 0.5891vw, 1.375rem);
}
.form-check-label,
.label_input {
    font-size: 16px;
    color: var(--white);
}
option {
    color: var(--black);
}
.label_input {
    margin-bottom: .5rem!important;
}
.form-select,
.form-control {
    position: relative;
    color: var(--white)!important;
    border: 1px solid var(--white);
    background-color: transparent!important;
}
select.form-control {
    appearance: none;
    background-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_138_893)"><path d="M9.21567 10.7158L14.2157 5.7158C14.3089 5.62256 14.3829 5.51187 14.4333 5.39005C14.4838 5.26823 14.5098 5.13766 14.5098 5.0058C14.5098 4.7395 14.404 4.4841 14.2157 4.2958C14.1224 4.20256 14.0117 4.1286 13.8899 4.07814C13.7681 4.02768 13.6375 4.00171 13.5057 4.00171C13.2394 4.00171 12.984 4.10749 12.7957 4.2958L8.50567 8.5958L4.21567 4.2958C4.12271 4.20207 4.01211 4.12768 3.89025 4.07691C3.76839 4.02614 3.63769 4 3.50567 4C3.37366 4 3.24296 4.02614 3.1211 4.07691C2.99924 4.12768 2.88864 4.20207 2.79568 4.2958C2.70195 4.38876 2.62755 4.49936 2.57678 4.62122C2.52601 4.74308 2.49988 4.87379 2.49988 5.0058C2.49988 5.13781 2.52601 5.26852 2.57678 5.39037C2.62755 5.51223 2.70195 5.62283 2.79568 5.7158L7.79567 10.7158C7.88864 10.8095 7.99924 10.8839 8.1211 10.9347C8.24296 10.9855 8.37366 11.0116 8.50567 11.0116C8.63769 11.0116 8.76839 10.9855 8.89025 10.9347C9.01211 10.8839 9.12271 10.8095 9.21567 10.7158Z" fill="white"/></g><defs><clipPath id="clip0_138_893"><rect width="16" height="16" fill="white" transform="translate(0.5)"/></clipPath></defs></svg>');
}
input[type="date"].form-control::before {
    content: "";
    position: absolute;
    top: 0;
    right: 12px;
    height: 100%;
    width: 1rem;
    background-repeat: no-repeat;
    background-size: 1rem auto;
    background-position: center;
    background-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_138_887)"><path d="M4 0C4.13261 0 4.25979 0.0526784 4.35355 0.146447C4.44732 0.240215 4.5 0.367392 4.5 0.5V1H12.5V0.5C12.5 0.367392 12.5527 0.240215 12.6464 0.146447C12.7402 0.0526784 12.8674 0 13 0C13.1326 0 13.2598 0.0526784 13.3536 0.146447C13.4473 0.240215 13.5 0.367392 13.5 0.5V1H14.5C15.0304 1 15.5391 1.21071 15.9142 1.58579C16.2893 1.96086 16.5 2.46957 16.5 3V14C16.5 14.5304 16.2893 15.0391 15.9142 15.4142C15.5391 15.7893 15.0304 16 14.5 16H2.5C1.96957 16 1.46086 15.7893 1.08579 15.4142C0.710714 15.0391 0.5 14.5304 0.5 14V3C0.5 2.46957 0.710714 1.96086 1.08579 1.58579C1.46086 1.21071 1.96957 1 2.5 1H3.5V0.5C3.5 0.367392 3.55268 0.240215 3.64645 0.146447C3.74021 0.0526784 3.86739 0 4 0ZM1.5 4V14C1.5 14.2652 1.60536 14.5196 1.79289 14.7071C1.98043 14.8946 2.23478 15 2.5 15H14.5C14.7652 15 15.0196 14.8946 15.2071 14.7071C15.3946 14.5196 15.5 14.2652 15.5 14V4H1.5Z" fill="white"/></g><defs><clipPath id="clip0_138_887"><rect width="16" height="16" fill="white" transform="translate(0.5)"/></clipPath></defs></svg>');
}
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
input[type="date"]::-moz-calendar-picker-indicator {
    display: none;
}
input[type="date"]::-ms-clear {
    display: none;
}
.form-control:focus {
    border-color: var(--custom-1);
    box-shadow: 0 0 0 .25rem rgba(145, 13, 253, 0.15);
}
.form-control::placeholder {
    color: var(--white);
}
.form-control::-moz-placeholder {
    color: var(--white);
}
.form-control option {
    color: var(--black)!important;
}
.form-check {
    margin-bottom: .25rem;
}
.form-check-input {
    margin-top: 0;
}
.form-check-input:checked {
    border-color: var(--custom-2);
    background-color: var(--custom-2);
}
.content-form a {
    color: var(--white);
}
.content-form a:hover, .content-form a:focus, .content-form a:active {
    color: var(--white)!important;
}
.btn_form {
    font-size: 1rem;
    text-transform: capitalize;
    color: var(--custom-1);
    background-color: var(--white);
    border-color: var(--white);
}
.btn_form:hover, .btn_form:focus, .btn_form:active {
    max-width: 225px;
    border-color: var(--custom-3);
    background-color: var(--custom-3);
}

.background {
    img {
        object-fit: contain;
        max-width: 991px;
    }
}
.section-wrap {
    background-color: var(--custom-1);
    background-color: hsla(343, 98%, 35%, 1);
        background-image:
            radial-gradient(at 93% 0%, hsla(343, 98%, 35%, 1) 0px, transparent 50%),
            radial-gradient(at 96% 98%, hsla(342, 100%, 21%, 1) 0px, transparent 50%),
            radial-gradient(at 0% 0%, hsla(342, 100%, 21%, 1) 0px, transparent 50%),
            radial-gradient(at 61% 58%, hsla(343, 100%, 40%, 1) 0px, transparent 50%),
            radial-gradient(at 81% 46%, hsla(343, 77%, 43%, 1) 0px, transparent 50%),
            radial-gradient(at 0% 100%, hsla(343, 98%, 35%, 1) 0px, transparent 50%);
}
.col-content {
    /* background-color: var(--custom-1); */
}
footer {
    background-color: var(--custom-2)!important;
}

/* TY */
.page-ty {
    background-image: url(https://image.boletomovil.info/lib/fe3711747364047b771471/m/1/2c0827ec-4ec7-46fb-a206-32157d999443.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    .logo {
        max-width: 224px;
    }
}

@media only screen and (max-width:991px) {
    .col-background {
        img {
            max-width: 400px;
            border-radius: 20px;
        }
    }
}


@media only screen and (max-width: 575px) {
  
}