/* Inicio Menu responsivo*/
    
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap');
    html {
        font-size: 62.5%;
        box-sizing: border-box;
    }
    .h2, h2{
        font-size: 30px !important;
    }
    #nameError {
        display: none;
        font-size: 15px;
        color: red;
    }
    .labelP{
        text-align: justify;
    }
    .textConsult{
        font-size: 15px;
    }
    .textConsult ul{
        margin-left: 50px;
    }
    .textConsult a{
        text-decoration: none;
    }
    .textConsult a:hover{
        text-decoration: none;
    }
    #nameError.visible {
        display: block;
    }
    
    #nameError1 {
        display: none;
        font-size: 15px;
        color: red;
    }
      
    #nameError1.visible {
        display: block;
    }
    input.invalid {
        border-color: red !important;
    }
    select.invalid {
        border-color: red !important;
    }
    *,
    *::before,
    *::after {
        box-sizing: inherit;
    }
    
    body {
        padding: 0;
        margin: 0;
        line-height: 1.6;
        font-family: 'Montserrat', sans-serif !important;
    }
    
    .logo {
        width: 70%;
        height: 70%;
    }
    
    nav {
        display: flex;
        align-items: center;
        justify-content: space-around;
        min-height: 8vh;
        background-color: #383c36;
    }
    .tileTop{
        margin-top: 60px !important;
    }
    .ham {
        display: none;
        cursor: pointer;
        border: none;
        margin: 0;
        padding: 0;
        background-color: transparent;
    }
    
    .ham span {
        display: block;
        background-color: white;
        height: 3px;
        width: 28px;
        margin: 10px auto;
        border-radius: 2px;
    }
    .privacity{
        font-family: 'Roboto Condensed', sans-serif;
    }
    .terms{
        text-align: justify;
        font-size: 15px;
        font-family: 'Roboto Condensed', sans-serif;
    }
    .terms ol{
        margin-left: 50px;
    }
    .terms .textConsult .whioutDecoration {
        list-style-type: none;
    }
    .terms ol li ul{
        margin-left: 50px;
    }
    .terms ol li ul a {
        text-decoration: none;
    }
    .terms ol li ul a:hover{
        text-decoration: none;
    }
    .enlaces-menu {
        display: flex;
        padding: 0;
    }
    
    .enlaces-menu li {
        padding: 0 12px;
        list-style-type: none;
        transition: 0.3s;
    }
    .textAbout{
        font-size: 15px;
    }
    .lead{
        font-size: 20px !important;
    }
    .accordion-body{
        font-size: 15px;
    }
    .enlaces-menu li a {
        text-decoration: none;
        font-size: 1.8rem;
        color: #f3f3f3;
        font-weight: 600;
    }
    
    .enlaces-menu li a:hover {
        color: #a3a79f;
    }

    .enlaces-menu li .enlace-activo {
        color: #a3a79f;
    }

    dl, ol, ul {
        margin-top: 0;
        margin-bottom: 0;
    }
    /* Fin Menu Responsivo */
    
    .contenedor {
        flex-basis: 0;
        flex-grow: 999;
        width: 99.1vw;
        height: 30vw;
        min-width: 200px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        background: url(../img/rock2.jpg);
        background-size: cover;
        background-position: center;
        font-family: 'Roboto', sans-serif;
    }
    
    .contenedor2 {
        flex-basis: 0;
        flex-grow: 999;
        width: 100vw;
        height: 30vw;
        min-width: 250px;
        flex-wrap: wrap;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        background: url(../img/event.jpg);
        background-size: cover;
        background-position: center;
        font-family: 'Roboto', sans-serif;
    }
    
    .contenedor3 {
        flex-basis: 0;
        flex-grow: 999;
        width: 99.1vw;
        height: 30vw;
        min-width: 250px;
        flex-wrap: wrap;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        background: url(../img/nosotros.jpg);
        background-size: cover;
        background-position: center;
        font-family: 'Roboto', sans-serif;
    }
    
    .cont-text {
        text-align: center;
        width: 50%;
        font-family: 'Roboto', sans-serif;
    }
    
    .contenedor .cont-text p {
        font-size: 2rem;
        color: white;
        font-weight: bold;
        min-width: 250px;
        font-family: 'Roboto', sans-serif;
    }
    
    .contenedor2 .cont-text p {
        font-size: 2rem;
        color: white;
        font-weight: bold;
        min-width: 250px;
        font-family: 'Roboto', sans-serif;
    }
    
    .contenedor2 .cont-text label {
        font-size: 4.5rem;
        color: white;
        font-weight: bold;
        margin-top: -35px;
        min-width: 250px;
        font-family: 'Roboto', sans-serif;
    }
    
    .contenedor3 .cont-text label {
        font-size: 4.5rem;
        color: white;
        font-weight: bold;
        margin-top: -35px;
        min-width: 250px;
        font-family: 'Roboto', sans-serif;
    }
    
    .contenedor .cont-text label {
        font-size: 4.5rem;
        color: white;
        font-weight: bold;
        margin-top: -35px;
        min-width: 250px;
        font-family: 'Roboto', sans-serif;
    }
    
    .contenedor .cont-text .btn-km {
        background-color: none;
        border-color: white;
        border-width: 1px;
        border-radius: 10px;
        color: white;
        font-size: 1.5rem;
    }
    
    .contenedor2 .cont-text .btn-km {
        background-color: none;
        border-color: white;
        border-width: 1px;
        border-radius: 10px;
        color: white;
        font-size: 1rem;
    }
    
    .contenedor .cont-text .btn-km:hover {
        font-size: 1.6rem;
        font-weight: bold;
        color: rgb(255, 255, 255, 250);
    }
    
    .contenedor2 .cont-text .btn-km:hover {
        font-size: 1.1rem;
        font-weight: bold;
        color: rgb(255, 255, 255, 250);
    }
    
    .card:hover {
        background-color: rgb(117, 117, 117, 0.9);
        color: white;
    }
    
    .algcard .cardstyle {
        height: 400px;
        width: 100%;
        min-width: 40%;
        border-color: none;
        border-radius: 0px;
        box-shadow: 0px 1px 3px 3px rgba(0, 0, 0, 0.1);
    }
    
    .algcard {
        margin-top: -50px;
    }
    
    .algcard a {
        text-decoration: none;
        color: #363833;
    }
    
    .card .card-body label {
        font-family: 'Roboto', sans-serif;
        font-size: 45px;
        font-weight: bold;
        min-width: 200px;
        cursor: pointer;
    }
    
    .card .card-body p {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: lighter;
        min-width: 200px;
    }
    
    .imgyasta {
        width: 300px;
        height: 100px;
        margin: auto;
    }
    
    .imgyasta-organizador {
        width: 300px;
        height: 100px;
        margin: auto;
    }
    
    .footerow {
        width: 100%;
        background-color: #363833;
        color: white;
        height: 250px;
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
    }
    
    .footerow .container .algimg {
        padding-top: 30px;
    }
    
    .footerow .container a {
        text-decoration: none;
        color: white;
    }
    .parrafALiniation{
        margin-left: 52px;
    }
    .footerow .container a:hover {
        cursor: pointer;
        color: #a3a79f;
    }
    
    .copyright {
        height: 150px;
        background-color: black;
        color: white;
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        vertical-align: middle;
    }
    /*--------------------------------Estilos de la pagina Organizadores------------------------------------------------------------------------------------------------*/
    
    .organizador-info {
        border-color: gray;
        border-width: 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 3px 3px rgba(0, 0, 0, 0.1);
    }
    
    .organizador-info .btn-cancelar {
        font-size: 25px;
        color: #fc0555;
        text-align: left;
        font-family: 'Roboto', sans-serif;
    }
    
    .txtAbout{
        font-size: 15px;
    }
    .organizador-info .txt-contact-info {
        font-size: 75px;
        font-weight: 800;
        font-family: 'Roboto', sans-serif;
        color: #363833;
    }
    
    .organizador-info .txt-contact-name {
        font-size: 20px;
        font-weight: 800;
        font-family: 'Roboto', sans-serif;
        color: #363833;
    }
    
    .txt-contact-company {
        font-size: 20px;
        font-weight: 800;
        font-family: 'Roboto', sans-serif;
        color: #363833;
    }
    
    .txt-contact-company-example {
        font-size: 10px;
        font-weight: normal;
        font-family: 'Roboto', sans-serif;
        color: #DADADA;
    }
    
    .container .how-contact {
        border-color: #DADADA;
        border-width: 1px;
        border-style: solid;
        border-radius: 5px;
    }
    
    .container .asterisco {
        color: #fc0555;
        font-size: 20px;
    }
    
    .container .how-contact .header-row {
        background-color: #DADADA;
        height: 45px;
        vertical-align: middle;
    }
    
    .container .how-contact .header-row label {
        color: #363833;
        font-size: 20px;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
        margin: auto;
    }
    
    .organizador-info .input-txt {
        height: 40px;
        font-size:  15px;
    }
    
    .organizador-info .how-contact .dropdown select {
        width: 100%;
        height: 40px;
        border-radius: 5px;
        border-color: #E7E7E7;
        font-family: 'Roboto', sans-serif;
        font-size:  15px;
    }
    
    .organizador-info .how-contact .dropdown select:hover {
        border-color: #fc0555;
        border-width: 1px;
    }
    
    .organizador-info .how-contact .dropdown2 select {
        width: 100%;
        height: 40px;
        border-radius: 5px;
        border-color: #E7E7E7;
        font-family: 'Roboto', sans-serif;
        margin-top: 7px;
        font-size: 15px;
    }
    .parraf-letter{
        font-size: 30px;
        color: #363833;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
    }
    .organizador-info .how-contact .dropdown2 select:hover {
        border-color: #fc0555;
        border-width: 1px;
    }
    
    .organizador-info .how-contact .privacy-footer {
        color: #363833;
        font-size: 16px;
        font-weight: normal;
        font-family: 'Roboto', sans-serif;
        text-align: left !important;
    }
    
    .organizador-info .txt-contact-info {
        font-size: 35px;
        font-weight: bold;
    }
    
    .organizador-info .txt-contact-name {
        font-size: 25px;
        font-weight: normal;
    }
    
    .organizador-info .txt-contact-company {
        font-size: 25px;
        font-weight: normal;
    }
    
    .organizador-info .txt-contact-company-example {
        font-size: 20px;
        font-weight: normal;
    }
    
    .btn-siguiente {
        background-color: #FED102;
        color: #5D5D5D;
        width: 150px;
        font-family: 'Roboto', sans-serif;
        height: 45px;
        border-radius: 5px;
        font-size: 20px;
        border-color: #DADADA;
        border-width: 1px;
    }
    
    .btn-siguiente:hover {
        background-color: #FED102;
        font-weight: bold;
    }
    
    .msg-enviado {
        text-align: center !important;
        justify-content: center;
        align-content: center;
    }
    
    .height-line {
        height: 70px !important;
        width: 100%;
        text-align: center;
        vertical-align: middle;
    }
    
    .send-ok-icon {
        color: #00D80D;
        font-size: 80px;
    }
    
    .txt-recive-data {
        color: #5D5D5D;
        font-size: 40px;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
    }
    
    .text-wait-for {
        color: #5D5D5D;
        font-size: 32px;
        font-family: 'Roboto', sans-serif;
    }
    
    .back-btn-align {
        margin-top: 100px;
    }
    /*-----Estilos para la página ABOUT US -------------------------------------------------------------------------------------------------- */
    
    .organizador-info .txt label {
        font-size: 20px;
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        text-align: center;
    }
    
    .organizador-info .espacio-texto {
        height: auto;
        background-color: #fc0555;
        font-family: 'Roboto', sans-serif;
        justify-content: center;
        text-align: center;
        vertical-align: middle;
        margin: auto;
        margin-top: 120px;
        color: white;
    }
    
    .organizador-info .soporte-txt2 p {
        font-size: 20px;
        font-weight: bold;
        margin: auto;
        color: #fc0555 !important;
    }
    
    .organizador-info .event-suport-text {
        margin-left: 20px;
    }
    .organizador-info .event-suport-text .card {
        width: 15rem !important;
        --bs-card-border-color: none !important;
    }
    
    .organizador-info .espacio-texto label {
        margin: 20px;
        font-size: 20px;
    }
    
    .organizador-info .espacio-texto .espacio-icono {
        width: 100px;
        height: 100px;
    }
    
    .organizador-info .espacio-texto .espacio-titulo {
        font-size: 60px;
        font-weight: bold;
    }
    
    .organizador-info .espacio-texto img {
        width: 180px;
        height: 200px;
        margin-top: -100px;
    }
    
    .organizador-info .conoce-mas {
        width: 200px;
        height: 60px;
        background-color: #363833;
        border-color: gray;
        border-radius: 10px;
        color: white;
        vertical-align: middle;
        align-self: center;
        align-content: center;
    }
    
    .organizador-info .conoce-mas label {
        font-size: 20px;
        font-family: 'Roboto', sans-serif;
        padding-top: 8%;
    }
    
    .organizador-info .conoce-mas label:hover {
        font-weight: bolder;
    }
    
    .organizador-info .izq label {
        margin-top: 200px;
        font-size: 45px;
        font-weight: bold;
        text-align: left;
        color: #363833;
        font-family: 'Roboto', sans-serif;
        margin-left: 30% !important;
    }
    
    .organizador-info .oferta-organizador {
        width: auto;
    }

    .organizador-info .oferta-organizador ul{
        padding: 0;
        margin: 0;
    }
    
    .organizador-info .oferta-organizador label {
        font-size: 30px;
        color: #363833;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
    }
    
    .accordion-button:not(.collapsed) {
        color: #fc0555 !important;
        background-color: #fc055508 !important;
    }
    
    .sectionRow{
        margin-top: 90px !important;
    }
    .organizador-info .customer-service {
        text-align: center;
    }
    .organizador-info .customer-service img {
        width: 200px;
        height: 200px;
    }
    .imageEvent{
        width: 72% !important;
        font-size: 117px !important;
    }
    .organizador-info .customer-service label {
        font-size: 25px;
        font-weight: bold;
        text-align: center;
    }
    
    .red-col {
        background-color: #fc0555;
        color: white;
        font-family: 'Roboto', sans-serif;
        width: 100px;
        margin: 25px;
    }
    
    .red-col label {
        font-size: 25px;
        font-weight: 600;
    }
    
    .organizador-info .support .card-texto {
        background-color: #fc0555;
        color: white;
        width: 15rem;
        height: 20rem;
        border-color: gray;
        border-radius: 10px;
    }
    
    .organizador-info .event-suport-text .support .card-texto label {
        font-size: 18px;
    }
    
    .organizador-info .event-suport-text .support .card-texto p {
        font-size: 15px;
    }
    
    .organizador-info .support .card-texto:hover {
        background-color: #363833;
    }
    
    .organizador-info .contact-space {
        height: auto;
        font-family: 'Roboto', sans-serif;
    }
    
    .organizador-info .contact-space .card-img-top {
        width: 70%;
        height: 70%;
    }
    
    .organizador-info .contact-space label {
        font-size: 50px;
        color: #fc0555;
        font-weight: bold;
    }
    
    .organizador-info .contact-space p {
        font-size: 20px;
        color: #363833;
        font-weight: normal;
    }
    
    .organizador-info .contact-space .btn-contact {
        width: 200px;
        height: 50px;
        background-color: #fc0555;
        border-radius: 10px;
        vertical-align: middle;
        text-align: center;
    }
    
    .organizador-info .contact-space .btn-contact label {
        font-size: 25px;
        color: white;
        vertical-align: middle;
        padding-top: 3%;
        cursor: pointer;
    }
    .organizador-info .pregunta-organizador {
        font-family: 'Roboto', sans-serif;
    }
    .organizador-info .pregunta-organizador .carousel .alto {
        font-size: 20px;
        height: auto;
        background-color: #fc0555;
    }
    
    .organizador-info .pregunta-organizador label {
        font-weight: bold;
        font-size: 40px;
    }
    
    .organizador-info .pregunta-organizador .card .card-body label {
        font-weight: bold;
        font-size: 30px;
    }
    
    .organizador-info .pregunta-organizador .card .card-body p {
        font-size: 15px;
    }
    /* ------------    Estilo pagina de construcción -----------------------------------------------------------*/
    
    .body-construction {
        width: 100%;
        margin: auto;
        height: 600px;
    }
    
    .body-construction img {
        height: 30%;
        margin-top: 80px;
    }
    
    .body-const section {
        background: url(../img/construccion.png) no-repeat;
        background-size: cover;
        background-position: center center;
        height: calc(100vh - 70px);
    }
    
    .cargando p {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100vw;
        height: 3vw;
        font-size: 1rem;
        color: #fc0555;
    }
    
    .blink {
        animation: blink 1s infinite;
    }
    
    @keyframes blink {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    /* --------------- Estilos de la pagina para CLIENTES -------------------------------------------------------------------------------------------- */
    
    .btn-motivo-cliente {
        width: 100%;
        height: 40px;
        text-align: left;
        justify-content: left;
        border-width: 1px;
        border-radius: 5px;
        border-color: gray;
        background-color: white;
        font-family: 'Roboto', sans-serif;
        color: #363833;
    }
    
    .organizador-info .soporte-txt p {
        font-size: 25px;
        font-weight: bold;
        margin: auto;
    }
    
    .organizador-info .event-suport-text label {
        font-size: 40px;
        font-weight: bold;
    }
    
    .organizador-info .event-suport-text .support label {
        font-size: 25px;
        font-weight: bold;
    }
    /* -------------------- Sección para el control responsivo TABLET*/
    
    @media (max-width: 952px) {
        .enlace {
            padding: 20px;
        }
        nav ul li a {
            font-size: 16px;
        }
        .contenedor {
            flex-basis: 0;
            flex-grow: 999;
            width: 100%;
            height: 30vw;
            min-width: 250px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            background: url(../img/rock2.jpg);
            background-size: cover;
            background-position: center;
            font-family: 'Roboto', sans-serif;
        }
        .contenedor2 {
            flex-basis: 0;
            flex-grow: 999;
            width: 99.1vw;
            height: 30vw;
            min-width: 250px;
            flex-wrap: wrap;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            background: url(../img/event.jpg);
            background-size: cover;
            background-position: center;
            font-family: 'Roboto', sans-serif;
        }
        .contenedor3 {
            flex-basis: 0;
            flex-grow: 999;
            width: 100%;
            height: 30vw;
            min-width: 250px;
            flex-wrap: wrap;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            background: url(../img/nosotros.jpg);
            background-size: cover;
            background-position: center;
            font-family: 'Roboto', sans-serif;
        }
        /*------ INICIO----------------------*/
        .contenedor .cont-text label {
            font-size: 12px;
            color: white;
            font-weight: bold;
            margin-top: -15px;
            min-width: 0px;
        }
        .contenedor .cont-text p {
            font-size: 10px;
            color: white;
            font-weight: bold;
            margin-top: -15px;
            display: inline;
        }
        .contenedor .cont-text .btn-km {
            background-color: none;
            border-color: white;
            border-width: 1px;
            border-radius: 5px;
            color: white;
            font-size: 1rem;
        }
        /*------ ORGANIZADOR----------------------*/
        .contenedor2 .cont-text label {
            font-size: 12px;
            color: white;
            font-weight: bold;
            margin-top: -15px;
            min-width: 0px;
        }
        .contenedor2 .cont-text p {
            font-size: 10px;
            color: white;
            font-weight: bold;
            margin-top: -15px;
            display: inline;
        }
        .contenedor2 .cont-text .btn-km {
            background-color: none;
            border-color: white;
            border-width: 1px;
            border-radius: 5px;
            color: white;
            font-size: 1rem;
        }
        .txt-contact-company {
            font-size: 4px;
            font-weight: 800;
            font-family: 'Roboto', sans-serif;
            color: #363833;
        }
        .organizador-info .how-contact .espacio2 .txt-contact-name {
            font-size: 12px;
        }
        .organizador-info .how-contact .responsive-text .txt-contact-name {
            font-size: 12px;
        }
        .algcard {
            margin-top: 0px;
        }
        .row .row .col {
            margin-top: 0px;
        }
        .card .card-body label {
            font-family: 'Roboto', sans-serif;
            font-size: 20px;
            font-weight: bold;
            min-width: 250px;
        }
        .card .card-body p {
            font-family: 'Roboto', sans-serif;
            font-size: 8px;
            font-weight: lighter;
            min-width: 250px;
        }
        .imgyasta {
            width: 300px;
            height: 100px;
            margin: auto;
        }
        .footerow {
            width: 100%;
            background-color: #363833;
            color: white;
            height: 150px;
            font-family: 'Roboto', sans-serif;
            font-size: 12px;
        }
        .footerow .container .algimg {
            padding-top: 0px;
        }
        .copyright {
            height: 50px;
            background-color: black;
            color: white;
            font-family: 'Roboto', sans-serif;
            font-size: 10px;
            vertical-align: middle;
        }
        .body-construction {
            width: 100%;
            margin: auto;
            height: 250px;
        }
        .body-construction img {
            height: 10%;
            margin-top: 50px;
        }
    }
    /* ---------------------    Responsividad para Celulares   ------------------------------------------------*/
    
    @media (max-width: 768px) {
        .contenedor {
            flex-basis: 0;
            flex-grow: 999;
            height: 30vw;
            min-width: 250px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            background: url(../img/rock2.jpg);
            background-size: cover;
            background-position: center;
            font-family: 'Roboto', sans-serif;
        }
        .contenedor2 {
            flex-basis: 0;
            flex-grow: 999;
            width: 99.1vw;
            height: 30vw;
            min-width: 250px;
            flex-wrap: wrap;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            background: url(../img/event.jpg);
            background-size: cover;
            background-position: center;
            font-family: 'Roboto', sans-serif;
        }
        .contenedor3 {
            flex-basis: 0;
            flex-grow: 999;
            width: 100vw;
            height: 30vw;
            min-width: 250px;
            flex-wrap: wrap;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            background: url(../img/nosotros.jpg);
            background-size: cover;
            background-position: center;
            font-family: 'Roboto', sans-serif;
        }
        .enlace {
            position: absolute;
            padding: 20px 60px;
        }
        /* ------------- Inicia responsividad del Menu --------------------------------------------  */
        body {
            overflow: block;
        }
        body.aparece {
            overflow: hidden;
        }

        .logo {
            width: 70%;
            height: 70%;
        }
        .ham {
            display: block;
            position: absolute;
            top: 15px;
            right: 25px;
            transition: 0.2s 0.1s;
        }
        .ham:hover {
            transform: rotate(360deg);
        }
        nav {
            flex-direction: column;
            align-items: flex-start;
            padding: 25px 0;
        }
        .enlaces-menu {
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
            margin: 0;
            padding: 0;
            width: 100%;
            display: none;
            opacity: 0;
        }
        .enlaces-menu li {
            width: 100%;
            text-align: center;
            padding: 20px;
            background-color: #363833;
        }
        @keyframes muestraMenu {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        .enlaces-menu.activado {
            display: flex;
            animation: muestraMenu 350ms ease-in-out both;
        }
        .br-1.animado {
            transform: rotate(-45deg) translate(-10px, 8px);
        }
        .br-2.animado {
            opacity: 0;
        }
        .br-3.animado {
            transform: rotate(45deg) translate(-10px, -8px);
        }
        /* ---------------   Finaliza responsividad del Menu ----------------------------------------------- */
        .algcard .cardstyle {
            width: 100%;
            height: 250px;
            border-color: none;
            border-radius: 0px;
            box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
            position: relative;
        }
        .card .card-body label {
            font-family: 'Roboto', sans-serif;
            font-size: 30px;
            font-weight: bold;
            min-width: 200px;
            cursor: pointer;
        }
        .card .card-body p {
            font-family: 'Roboto', sans-serif;
            font-size: 15px;
            font-weight: lighter;
            min-width: 200px;
        }
        .organizador-info .txt-contact-info {
            font-size: 25px;
            font-weight: bold;
        }
        .organizador-info .txt-contact-name {
            font-size: 15px;
            font-weight: normal;
        }
        .organizador-info .txt-contact-company {
            font-size: 15px;
            font-weight: normal;
        }
        .organizador-info .txt-contact-company-example {
            font-size: 10px;
            font-weight: normal;
        }
        .footerow .container a:hover {
            cursor: pointer;
            color: #a3a79f;
        }
        .organizador-info .how-contact .dropdown select {
            margin-top: 7px;
        }
        .organizador-info .how-contact .privacy-footer {
            font-size: 12px;
        }
        .organizador-info .btn-cancelar {
            font-size: 20px;
        }
        .btn-siguiente {
            width: 100px;
            height: 35px;
            font-size: 15px;
        }
        .btn-siguiente:hover {
            background-color: #FED102;
            font-weight: bold;
        }
        .organizador-info .responsive-text .txt-contact-name {
            font-size: 12px;
        }
        .contenedor3 .cont-text label {
            font-size: 20px;
            color: white;
            font-weight: bold;
            margin-top: -15px;
            min-width: 250px;
        }
        .organizador-info .txt label {
            width: 100%;
            font-size: 20px;
            font-family: 'Roboto', sans-serif;
            font-weight: normal;
            text-align: center;
        }
        .organizador-info .espacio-texto .espacio-titulo {
            font-size: 35px;
            font-weight: bold;
        }
        .organizador-info .espacio-texto label {
            margin: 20px;
            font-size: 13px;
        }
        .organizador-info .izq label {
            margin-top: 20px;
            font-size: 35px;
            font-weight: bold;
            text-align: center;
            color: #363833;
            font-family: 'Roboto', sans-serif;
        }
        .organizador-info .izq .animador {
            height: 20px;
            width: 200px;
        }
        .organizador-info .oferta-organizador {
            width: auto;
        }
        .organizador-info .oferta-organizador li {
            list-style: none;
        }
        .organizador-info .oferta-organizador label {
            font-size: 15px;
            color: #363833;
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
        }
        .organizador-info .customer-service img {
            width: 50px;
            height: 50px;
        }
        .organizador-info .customer-service label {
            font-size: 12px;
            font-weight: bold;
            text-align: center;
        }
        .organizador-info .event-suport-text label {
            font-size: 20px;
            font-weight: bold;
        }
        .organizador-info .soporte-txt2 p {
            font-size: 8px;
            font-weight: bold;
            margin: auto;
        }
        .organizador-info .event-suport-text .card {
            width: 7rem;
            margin-bottom: 10px;
        }
        .organizador-info .support .card-texto {
            background-color: #fc0555;
            color: white;
            width: 7rem;
            height: 12rem;
            border-color: gray;
            border-radius: 5px;
        }
        .organizador-info .event-suport-text .support .card-texto label {
            font-size: 10px;
        }
        .organizador-info .event-suport-text .support .card-texto p {
            font-size: 9px;
        }
        .organizador-info .contact-space {
            height: 150px;
            font-family: 'Roboto', sans-serif;
        }
        .organizador-info .contact-space .card-img-top {
            margin-left: -20px;
            width: 70%;
            height: 70%;
        }
        .organizador-info .contact-space label {
            font-size: 20px;
            color: #fc0555;
            font-weight: bold;
        }
        .organizador-info .contact-space p {
            font-size: 15px;
            color: #363833;
            font-weight: normal;
        }
        .organizador-info .contact-space .btn-contact {
            width: 150px;
            height: 30px;
            background-color: #fc0555;
            border-radius: 10px;
            vertical-align: middle;
            text-align: center;
        }
        .organizador-info .contact-space .btn-contact label {
            font-size: 15px;
            color: white;
            vertical-align: middle;
            padding-top: 3%;
            cursor: pointer;
        }
        .organizador-info .pregunta-organizador label {
            font-weight: bold;
            font-size: 20px;
        }
    }
    /*--- 2DA MEDIDA DE CELULAR -----------------------------------------------------------------------------------*/
    
    @media (max-width: 395px) {
        .algcard .cardstyle {
            width: 100%;
            height: 250px;
            border-color: none;
            border-radius: 0px;
            box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
            position: relative;
        }
        .card .card-body label {
            font-family: 'Roboto', sans-serif;
            font-size: 30px;
            font-weight: bold;
            min-width: 200px;
            cursor: pointer;
        }
        .card .card-body p {
            font-family: 'Roboto', sans-serif;
            font-size: 15px;
            font-weight: lighter;
            min-width: 200px;
        }
        .organizador-info .txt-contact-info {
            font-size: 25px;
            font-weight: bold;
        }
        .organizador-info .txt-contact-name {
            font-size: 14.3px;
            font-weight: normal;
        }
        .organizador-info .txt-contact-company {
            font-size: 14.3px;
            font-weight: normal;
        }
        .organizador-info .txt-contact-company-example {
            font-size: 10px;
            font-weight: normal;
        }
        .footerow .container a:hover {
            cursor: pointer;
            color: #a3a79f;
        }
        .organizador-info .how-contact .dropdown select {
            margin-top: 7px;
        }
        .organizador-info .how-contact .privacy-footer {
            font-size: 12px;
        }
        .organizador-info .btn-cancelar {
            font-size: 20px;
        }
        .btn-siguiente {
            width: 100px;
            height: 35px;
            font-size: 15px;
        }
        .btn-siguiente:hover {
            background-color: #FED102;
            font-weight: bold;
        }
        .organizador-info .responsive-text .txt-contact-name {
            font-size: 12px;
        }
        .contenedor3 .cont-text label {
            font-size: 20px;
            color: white;
            font-weight: bold;
            position: relative;
            display: inline;
            text-align: center;
        }
        .organizador-info .txt label {
            font-size: 15px;
            font-family: 'Roboto', sans-serif;
            font-weight: normal;
            justify-content: center;
            margin: auto;
        }
        .organizador-info .espacio-texto {
            height: auto;
            background-color: #fc0555;
            font-family: 'Roboto', sans-serif;
            text-align: center;
            vertical-align: middle;
            margin: auto;
            margin-top: 120px;
            color: white;
        }
        .organizador-info .espacio-texto .espacio-titulo {
            font-size: 35px;
            font-weight: bold;
        }
        .organizador-info .espacio-texto label {
            margin: 20px;
            font-size: 13px;
        }
        .organizador-info .izq {
            margin-top: -50px !important;
        }
        .organizador-info .izq label {
            margin-top: 95px;
            font-size: 15px;
            font-weight: bold;
            text-align: left;
            color: #363833;
            margin-left: -10px;
            font-family: 'Roboto', sans-serif;
        }
        .organizador-info .izq .animador {
            height: 200px;
            width: 200px;
        }
        .organizador-info .oferta-organizador {
            width: auto;
        }
        .organizador-info .oferta-organizador li {
            list-style: none;
        }
        .organizador-info .oferta-organizador label {
            font-size: 12px;
            color: #363833;
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
        }
        .organizador-info .customer-service img {
            width: 50px;
            height: 50px;
        }
        .organizador-info .customer-service label {
            font-size: 12px;
            font-weight: bold;
            text-align: center;
        }
        .organizador-info .event-suport-text label {
            font-size: 20px;
            font-weight: bold;
        }
        .organizador-info .soporte-txt2 p {
            font-size: 8px;
            font-weight: bold;
            margin: auto;
        }
        .organizador-info .event-suport-text .card {
            width: 5rem;
            margin-bottom: 5px;
        }
        .organizador-info .support .card-texto {
            background-color: #fc0555;
            color: white;
            width: 5rem;
            height: 12rem;
            border-color: gray;
            border-radius: 5px;
        }
        .organizador-info .event-suport-text .support .card-texto label {
            font-size: 8px;
        }
        .organizador-info .event-suport-text .support .card-texto p {
            font-size: 8px;
        }
        .organizador-info .contact-space {
            height: 150px;
            font-family: 'Roboto', sans-serif;
        }
        .organizador-info .contact-space .card-img-top {
            margin-left: -20px;
            width: 70%;
            height: 70%;
        }
        .organizador-info .contact-space label {
            font-size: 20px;
            color: #fc0555;
            font-weight: bold;
        }
        .organizador-info .contact-space p {
            font-size: 15px;
            color: #363833;
            font-weight: normal;
        }
        .organizador-info .contact-space .btn-contact {
            width: 150px;
            height: 30px;
            background-color: #fc0555;
            border-radius: 10px;
            vertical-align: middle;
            text-align: center;
        }
        .organizador-info .contact-space .btn-contact label {
            font-size: 15px;
            color: white;
            vertical-align: middle;
            padding-top: 3%;
            cursor: pointer;
        }
        .organizador-info .pregunta-organizador label {
            font-weight: bold;
            font-size: 20px;
        }
    }
    /*--------------------------------------------*/
    
    @media (max-width: 430px) {
        .algcard .cardstyle {
            width: 100%;
            height: 250px;
            border-color: none;
            border-radius: 0px;
            box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
            position: relative;
        }
        .card .card-body label {
            font-family: 'Roboto', sans-serif;
            font-size: 30px;
            font-weight: bold;
            min-width: 200px;
            cursor: pointer;
        }
        .card .card-body p {
            font-family: 'Roboto', sans-serif;
            font-size: 15px;
            font-weight: lighter;
            min-width: 200px;
        }
        .organizador-info .txt-contact-info {
            font-size: 25px;
            font-weight: bold;
        }
        .organizador-info .txt-contact-name {
            font-size: 14.3px;
            font-weight: normal;
        }
        .organizador-info .txt-contact-company {
            font-size: 14.3px;
            font-weight: normal;
        }
        .organizador-info .txt-contact-company-example {
            font-size: 10px;
            font-weight: normal;
        }
        .footerow .container a:hover {
            cursor: pointer;
            color: #a3a79f;
        }
        .organizador-info .how-contact .dropdown select {
            margin-top: 7px;
        }
        .organizador-info .how-contact .privacy-footer {
            font-size: 12px;
        }
        .organizador-info .btn-cancelar {
            font-size: 15px;
        }
        .btn-siguiente {
            width: 100px;
            height: 35px;
            font-size: 15px;
        }
        .btn-siguiente:hover {
            background-color: #FED102;
            font-weight: bold;
        }
        .organizador-info .responsive-text .txt-contact-name {
            font-size: 12px;
        }
        .contenedor3 .cont-text label {
            font-size: 20px;
            color: white;
            font-weight: bold;
            position: relative;
            display: inline;
            text-align: center;
        }
        .organizador-info .txt label {
            font-size: 15px;
            font-family: 'Roboto', sans-serif;
            font-weight: normal;
            justify-content: center;
            margin: auto;
        }
        .organizador-info .espacio-texto {
            height: auto;
            background-color: #fc0555;
            font-family: 'Roboto', sans-serif;
            text-align: center;
            vertical-align: middle;
            margin: auto;
            margin-top: 120px;
            color: white;
        }
        .organizador-info .espacio-texto .espacio-titulo {
            font-size: 35px;
            font-weight: bold;
        }
        .organizador-info .espacio-texto label {
            margin: 20px;
            font-size: 13px;
        }
        .organizador-info .izq {
            margin-top: -50px !important;
        }
        .organizador-info .izq label {
            margin-top: 95px;
            font-size: 18px;
            font-weight: bold;
            text-align: left;
            color: #363833;
            margin-left: -10px;
            font-family: 'Roboto', sans-serif;
        }
        .organizador-info .izq .animador {
            height: 200px;
            width: 200px;
        }
        .organizador-info .oferta-organizador {
            width: auto;
        }
        .organizador-info .oferta-organizador li {
            list-style: none;
        }
        .organizador-info .oferta-organizador label {
            font-size: 12px;
            color: #363833;
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
        }
        .organizador-info .customer-service img {
            width: 50px;
            height: 50px;
        }
        .organizador-info .customer-service label {
            font-size: 12px;
            font-weight: bold;
            text-align: center;
        }
        .organizador-info .event-suport-text label {
            font-size: 20px;
            font-weight: bold;
        }
        .organizador-info .soporte-txt2 p {
            font-size: 8px;
            font-weight: bold;
            margin: auto;
        }
        .organizador-info .event-suport-text .card {
            width: 5rem;
            margin-bottom: 5px;
        }
        .organizador-info .support .card-texto {
            background-color: #fc0555;
            color: white;
            width: 5rem;
            height: 12rem;
            border-color: gray;
            border-radius: 5px;
        }
        .organizador-info .event-suport-text .support .card-texto label {
            font-size: 8px;
        }
        .organizador-info .event-suport-text .support .card-texto p {
            font-size: 8px;
        }
        .organizador-info .contact-space {
            height: 150px;
            font-family: 'Roboto', sans-serif;
        }
        .organizador-info .contact-space .card-img-top {
            margin-left: -20px;
            width: 70%;
            height: 70%;
        }
        .organizador-info .contact-space label {
            font-size: 20px;
            color: #fc0555;
            font-weight: bold;
        }
        .organizador-info .contact-space p {
            font-size: 15px;
            color: #363833;
            font-weight: normal;
        }
        .organizador-info .contact-space .btn-contact {
            width: 150px;
            height: 30px;
            background-color: #fc0555;
            border-radius: 10px;
            vertical-align: middle;
            text-align: center;
        }
        .organizador-info .contact-space .btn-contact label {
            font-size: 15px;
            color: white;
            vertical-align: middle;
            padding-top: 3%;
            cursor: pointer;
        }
        .organizador-info .pregunta-organizador label {
            font-weight: bold;
            font-size: 20px;
        }
    }