@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');


* {
    margin: 0;
    padding: 0;
    border: 0;
}

*:not(i) {
  font-family: "Inter Tight", sans-serif !important;
  font-optical-sizing: auto !important;
  font-style: normal !important;
}   

:root {
    --af-red: #fe5e5e;
    --af-text: #5b5b60;
    --af-grey: #f7f7f7;
    --af-lgrey: #b1b1b1;
    --af-darkgrey: #6d6d71;
    --nutexlacteo-skyblue: #10a1d6;
    --nutexlacteo-skyblue-hover: #1bb3ea;
    --special-color-evid3050: #e0303a;
    --special-color-hover-evid3050: #b52b31;
    --special-color-evid3097: #e0303a;
    --special-color-hover-evid3097: #b52b31;
    --special-color-evid3063: #e0303a;
    --special-color-hover-evid3063: #b52b31;
    --special-color-evid3061: #e0303a;
    --special-color-hover-evid3061: #b52b31;
    --special-color-evid3064: #e0303a;
    --special-color-hover-evid3064: #b52b31;
    --special-color-evid3053: #7fdb56;
    --special-color-hover-evid3053: #62ab42;
    --special-color-evid3391: #54b0e4;
    --special-color-hover-evid3391: #3693c9;
    --special-color-evid3392: #0060ae;
    --special-color-hover-evid3392: #045190;
}

p,
h1,
span,
div:not(.map1-container > div > div):not(.map1-container > a > div):not(.map2entrecasa-container > div > div):not(.map2entrecasa-container > a > div):not(.map3entrecasa-container > div > div):not(.map3entrecasa-container > a > div):not(.map4entrecasa-container > div > div):not(.map4entrecasa-container > a > div):not(.map5entrecasa-container > div > div):not(.map5entrecasa-container > a > div):not(.map6entrecasa-container > div > div):not(.map6entrecasa-container > a > div):not(.map7entrecasa-container > div > div):not(.map7entrecasa-container > a > div)
{
    color: var(--af-text);
  font-family: "Inter Tight", sans-serif !important;
  font-optical-sizing: auto !important;
  font-style: normal !important;
}

p,
h4,
h3 {
    /*font-size: 1vw;*/
    font-size: 15px;
}

.hrAf {
    border: 1px solid var(--af-red);
}

/* ============================================================================================ */
/* ============================================================================================ */
/* ESPECIALES */

/* ---------------------------------------------------------------------------------------------- */
/* EVENTO 3648*/

.contentContainer-background-special-evid3648 {
    background-color: #333333;
}

.footerLogo-special-evid3648 {
    height: 12vh;
    background-color: black !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
    padding: 0vh 6vw;
}

.footerText-special-evid3648 {
    color:white !important;
}

.afNavbar-special-evid3648 {
    background-color: black !important;
}

.logo.logo-special-size-evid3648 img {
    width: 55px !important;
}

.hrAf-special-evid3648 {
    border: 1px solid var(--special-color-evid3648);
}

.btn-submit-special-evid3648 {
    background-color: black !important;
    color: white !important;
    transition: 0.3s;
}

.btn-submit-special-evid3648:hover {
    color: #e6c139 !important;
}

.btn-promCode-special-evid3648 {
    background-color: black !important;
    color: #fff;
    transition: 0.3s;
}

.btn-promCode-special-evid3648:hover {
    color: #e6c139 !important;
}

a.button.btn-special-color-evid3648 {
    color: white;
    background-color: black;
    transition: 0.3s;
}

.btn-special-register-evid3648 {
    font-size: 1.2vw !important;
    margin-top: 1vh !important;
    color: white !important;
    background-color: black !important;
    transition: 0.3s;
}

.btn-special-register-evid3648:hover {
    color: #e6c139 !important;
}

a.button.btn-special-color-evid3648:hover {
    background-color: black !important;
    color: #e6c139 !important;
}

div#addeventatc1.btn-special-evid3648 {
    color: white !important;
    box-shadow: 0 3px 6px #00000029 !important;
    background-color: black !important;
}

div#addeventatc1.btn-special-evid3648:hover {
    background-color: black !important;
    color: #e6c139 !important;
}

.menuItem.active.special-colorItemText-evid3648 p {
    color: #e6c139 !important;
    transition: 0.2s;
}

.menuItem.special-colorItemText-evid3648:hover p {
    color: #e6c139 !important;
}

/* ESPECIALES SVG */

.item-special-color-evid3648 {
    fill: #e6c139;
}

.item-special-colorItemAgenda-evid3648 {
    fill: none;
    stroke: var(--special-color-evid3648);
}

.eventHeader-specialColor-evid3648 {
    background-color: #000000 !important;
}


.specialtext-colour-evid3648 {
    color: #ffffff !important;
}
/* FIN EVENTO 3648 */
/* ---------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------- */
/* EVENTO 4037*/

.contentContainer-background-special-evid4037 {
    background-color: #333333;
}

.footerLogo-special-evid4037 {
    height: 12vh;
    background-color: black !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
    padding: 0vh 6vw;
}

.footerText-special-evid4037 {
    color:white !important;
}

.afNavbar-special-evid4037 {
    background-color: black !important;
}

.logo.logo-special-size-evid4037 img {
    width: 55px !important;
}

.hrAf-special-evid4037 {
    border: 1px solid var(--special-color-evid4037);
}

.btn-submit-special-evid4037 {
    background-color: black !important;
    color: white !important;
    transition: 0.3s;
}

.btn-submit-special-evid4037:hover {
    color: #e6c139 !important;
}

.btn-promCode-special-evid4037 {
    background-color: black !important;
    color: #fff;
    transition: 0.3s;
}

.btn-promCode-special-evid4037:hover {
    color: #e6c139 !important;
}

a.button.btn-special-color-evid4037 {
    color: white;
    background-color: black;
    transition: 0.3s;
}

.btn-special-register-evid4037 {
    font-size: 1.2vw !important;
    margin-top: 1vh !important;
    color: white !important;
    background-color: black !important;
    transition: 0.3s;
}

.btn-special-register-evid4037:hover {
    color: #e6c139 !important;
}

a.button.btn-special-color-evid4037:hover {
    background-color: black !important;
    color: #e6c139 !important;
}

div#addeventatc1.btn-special-evid4037 {
    color: white !important;
    box-shadow: 0 3px 6px #00000029 !important;
    background-color: black !important;
}

div#addeventatc1.btn-special-evid4037:hover {
    background-color: black !important;
    color: #e6c139 !important;
}

.menuItem.active.special-colorItemText-evid4037 p {
    color: #e6c139 !important;
    transition: 0.2s;
}

.menuItem.special-colorItemText-evid4037:hover p {
    color: #e6c139 !important;
}

/* ESPECIALES SVG */

.item-special-color-evid4037 {
    fill: #e6c139;
}

.item-special-colorItemAgenda-evid4037 {
    fill: none;
    stroke: var(--special-color-evid4037);
}

.eventHeader-specialColor-evid4037 {
    background-color: #000000 !important;
}


.specialtext-colour-evid4037 {
    color: #ffffff !important;
}
/* FIN EVENTO 4037 */
/* ---------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------- */
/* EVENTO 4048*/

.contentContainer-background-special-evid4048 {
    background-color: #333333;
}

.footerLogo-special-evid4048 {
    height: 12vh;
    background-color: black !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
    padding: 0vh 6vw;
}

.footerText-special-evid4048 {
    color:white !important;
}

.afNavbar-special-evid4048 {
    background-color: black !important;
}

.logo.logo-special-size-evid4048 img {
    width: 55px !important;
}

.hrAf-special-evid4048 {
    border: 1px solid var(--special-color-evid4048);
}

.btn-submit-special-evid4048 {
    background-color: black !important;
    color: white !important;
    transition: 0.3s;
}

.btn-submit-special-evid4048:hover {
    color: #e6c139 !important;
}

.btn-promCode-special-evid4048 {
    background-color: black !important;
    color: #fff;
    transition: 0.3s;
}

.btn-promCode-special-evid4048:hover {
    color: #e6c139 !important;
}

a.button.btn-special-color-evid4048 {
    color: white;
    background-color: black;
    transition: 0.3s;
}

.btn-special-register-evid4048 {
    font-size: 1.2vw !important;
    margin-top: 1vh !important;
    color: white !important;
    background-color: black !important;
    transition: 0.3s;
}

.btn-special-register-evid4048:hover {
    color: #e6c139 !important;
}

a.button.btn-special-color-evid4048:hover {
    background-color: black !important;
    color: #e6c139 !important;
}

div#addeventatc1.btn-special-evid4048 {
    color: white !important;
    box-shadow: 0 3px 6px #00000029 !important;
    background-color: black !important;
}

div#addeventatc1.btn-special-evid4048:hover {
    background-color: black !important;
    color: #e6c139 !important;
}

.menuItem.active.special-colorItemText-evid4048 p {
    color: #e6c139 !important;
    transition: 0.2s;
}

.menuItem.special-colorItemText-evid4048:hover p {
    color: #e6c139 !important;
}

/* ESPECIALES SVG */

.item-special-color-evid4048 {
    fill: #e6c139;
}

.item-special-colorItemAgenda-evid4048 {
    fill: none;
    stroke: var(--special-color-evid4048);
}

.eventHeader-specialColor-evid4048 {
    background-color: #000000 !important;
}


.specialtext-colour-evid4048 {
    color: #ffffff !important;
}
/* FIN EVENTO 4048 */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* EVENTO 2694*/

.contentContainer-background-special-evid2694 {
    background-color: #333333;
}

.footerLogo-special-evid2694 {
    height: 12vh;
    background-color: black !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
    padding: 0vh 6vw;
}

.footerText-special-evid2694 {
    color:white !important;
}

.afNavbar-special-evid2694 {
    background-color: black !important;
}

.logo.logo-special-size-evid2694 img {
    width: 55px !important;
}

.hrAf-special-evid2694 {
    border: 1px solid var(--special-color-evid2694);
}

.btn-submit-special-evid2694 {
    background-color: black !important;
    color: white !important;
    transition: 0.3s;
}

.btn-submit-special-evid2694:hover {
    color: #e6c139 !important;
}

.btn-promCode-special-evid2694 {
    background-color: black !important;
    color: #fff;
    transition: 0.3s;
}

.btn-promCode-special-evid2694:hover {
    color: #e6c139 !important;
}

a.button.btn-special-color-evid2694 {
    color: white;
    background-color: black;
    transition: 0.3s;
}

.btn-special-register-evid2694 {
    font-size: 1.2vw !important;
    margin-top: 1vh !important;
    color: white !important;
    background-color: black !important;
    transition: 0.3s;
}

.btn-special-register-evid2694:hover {
    color: #e6c139 !important;
}

a.button.btn-special-color-evid2694:hover {
    background-color: black !important;
    color: #e6c139 !important;
}

div#addeventatc1.btn-special-evid2694 {
    color: white !important;
    box-shadow: 0 3px 6px #00000029 !important;
    background-color: black !important;
}

div#addeventatc1.btn-special-evid2694:hover {
    background-color: black !important;
    color: #e6c139 !important;
}

.menuItem.active.special-colorItemText-evid2694 p {
    color: #e6c139 !important;
    transition: 0.2s;
}

.menuItem.special-colorItemText-evid2694:hover p {
    color: #e6c139 !important;
}

/* ESPECIALES SVG */

.item-special-color-evid2694 {
    fill: #e6c139;
}

.item-special-colorItemAgenda-evid2694 {
    fill: none;
    stroke: var(--special-color-evid2694);
}

.eventHeader-specialColor-evid2694 {
    background-color: #000000 !important;
}


.specialtext-colour-evid2694 {
    color: #ffffff !important;
}
/* FIN EVENTO 2694 */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* EVENTO 4050*/

.contentContainer-background-special-evid4050 {
    background-color: #333333;
}

.footerLogo-special-evid4050 {
    height: 12vh;
    background-color: black !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
    padding: 0vh 6vw;
}

.footerText-special-evid4050 {
    color:white !important;
}

.afNavbar-special-evid4050 {
    background-color: black !important;
}

.logo.logo-special-size-evid4050 img {
    width: 55px !important;
}

.hrAf-special-evid4050 {
    border: 1px solid var(--special-color-evid4050);
}

.btn-submit-special-evid4050 {
    background-color: black !important;
    color: white !important;
    transition: 0.3s;
}

.btn-submit-special-evid4050:hover {
    color: #e6c139 !important;
}

.btn-promCode-special-evid4050 {
    background-color: black !important;
    color: #fff;
    transition: 0.3s;
}

.btn-promCode-special-evid4050:hover {
    color: #e6c139 !important;
}

a.button.btn-special-color-evid4050 {
    color: white;
    background-color: black;
    transition: 0.3s;
}

.btn-special-register-evid4050 {
    font-size: 1.2vw !important;
    margin-top: 1vh !important;
    color: white !important;
    background-color: black !important;
    transition: 0.3s;
}

.btn-special-register-evid4050:hover {
    color: #e6c139 !important;
}

a.button.btn-special-color-evid4050:hover {
    background-color: black !important;
    color: #e6c139 !important;
}

div#addeventatc1.btn-special-evid4050 {
    color: white !important;
    box-shadow: 0 3px 6px #00000029 !important;
    background-color: black !important;
}

div#addeventatc1.btn-special-evid4050:hover {
    background-color: black !important;
    color: #e6c139 !important;
}

.menuItem.active.special-colorItemText-evid4050 p {
    color: #e6c139 !important;
    transition: 0.2s;
}

.menuItem.special-colorItemText-evid4050:hover p {
    color: #e6c139 !important;
}

/* ESPECIALES SVG */

.item-special-color-evid4050 {
    fill: #e6c139;
}

.item-special-colorItemAgenda-evid4050 {
    fill: none;
    stroke: var(--special-color-evid4050);
}

.eventHeader-specialColor-evid4050 {
    background-color: #000000 !important;
}


.specialtext-colour-evid4050 {
    color: #ffffff !important;
}
/* FIN EVENTO 4050 */
/* ---------------------------------------------------------------------------------------------- */ 
/* ---------------------------------------------------------------------------------------------- */
/* EVENTO 4046*/

.contentContainer-background-special-evid4046 {
    background-color: #333333;
}

.footerLogo-special-evid4046 {
    height: 12vh;
    background-color: black !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
    padding: 0vh 6vw;
}

.footerText-special-evid4046 {
    color:white !important;
}

.afNavbar-special-evid4046 {
    background-color: black !important;
}

.logo.logo-special-size-evid4046 img {
    width: 55px !important;
}

.hrAf-special-evid4046 {
    border: 1px solid var(--special-color-evid4046);
}

.btn-submit-special-evid4046 {
    background-color: black !important;
    color: white !important;
    transition: 0.3s;
}

.btn-submit-special-evid4046:hover {
    color: #e6c139 !important;
}

.btn-promCode-special-evid4046 {
    background-color: black !important;
    color: #fff;
    transition: 0.3s;
}

.btn-promCode-special-evid4046:hover {
    color: #e6c139 !important;
}

a.button.btn-special-color-evid4046 {
    color: white;
    background-color: black;
    transition: 0.3s;
}

.btn-special-register-evid4046 {
    font-size: 1.2vw !important;
    margin-top: 1vh !important;
    color: white !important;
    background-color: black !important;
    transition: 0.3s;
}

.btn-special-register-evid4046:hover {
    color: #e6c139 !important;
}

a.button.btn-special-color-evid4046:hover {
    background-color: black !important;
    color: #e6c139 !important;
}

div#addeventatc1.btn-special-evid4046 {
    color: white !important;
    box-shadow: 0 3px 6px #00000029 !important;
    background-color: black !important;
}

div#addeventatc1.btn-special-evid4046:hover {
    background-color: black !important;
    color: #e6c139 !important;
}

.menuItem.active.special-colorItemText-evid4046 p {
    color: #e6c139 !important;
    transition: 0.2s;
}

.menuItem.special-colorItemText-evid4046:hover p {
    color: #e6c139 !important;
}

/* ESPECIALES SVG */

.item-special-color-evid4046 {
    fill: #e6c139;
}

.item-special-colorItemAgenda-evid4046 {
    fill: none;
    stroke: var(--special-color-evid4046);
}

.eventHeader-specialColor-evid4046 {
    background-color: #000000 !important;
}


.specialtext-colour-evid4046 {
    color: #ffffff !important;
}
/* FIN EVENTO 4046 */
/* ---------------------------------------------------------------------------------------------- */    

/* ---------------------------------------------------------------------------------------------- */
/* EVENTO 3392 - ESTO SE PODRÍA MEJORAR*/

.contentContainer-background-special-evid3392 {
    background-color: var(--af-grey);
}

.logo.logo-special-size-evid3392 img {
    width: 55px !important;
}

.hrAf-special-evid3392 {
    border: 1px solid var(--special-color-evid3392);
}

.btn-submit-special-evid3392 {
    background-color: var(--special-color-evid3392) !important;
    transition: 0.3s;
}

.btn-submit-special-evid3392:hover {
    background-color: var(--special-color-hover-evid3392) !important;
}

.btn-promCode-special-evid3392 {
    background-color: var(--special-color-evid3392) !important;
    color: #fff;
    transition: 0.3s;
}

.btn-promCode-special-evid3392:hover {
    background-color: var(--special-color-hover-evid3392) !important;
    color: #fff;
}

a.button.btn-special-color-evid3392 {
    color: #4e4e58;
}

.btn-special-register-evid3392 {
    background-color: var(--special-color-evid3392) !important;
    font-size: 1.2vw !important;
    margin-top: 1vh !important;
    color: white !important;
    transition: 0.3s;
}

.btn-special-register-evid3392:hover {
    background-color: white !important;
    color: var(--special-color-hover-evid3392) !important;
}

a.button.btn-special-color-evid3392:hover {
    background-color: var(--special-color-evid3392) !important;
    color: white !important;
}

div#addeventatc1.btn-special-evid3392 {
    color: #4e4e58 !important;
    box-shadow: 0 3px 6px #00000029 !important;
}

div#addeventatc1.btn-special-evid3392:hover {
    color: white !important;
    background-color: var(--special-color-evid3392) !important;
}

.menuItem.active.special-colorItemText-evid3392 p {
    color: var(--special-color-evid3392);
}

.menuItem.special-colorItemText-evid3392:hover p {
    color: var(--special-color-evid3392);
}

/* ESPECIALES SVG */

.item-special-color-evid3392 {
    fill: var(--special-color-evid3392);
}

.item-special-colorItemAgenda-evid3392 {
    fill: none;
    stroke: var(--special-color-evid3392);
}

/* FIN EVENTO 3392 */
/* ---------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------- */
/* EVENTO 3391 - ESTO SE PODRÍA MEJORAR*/

.contentContainer-background-special-evid3391 {
    background-color: var(--af-grey);
}

.logo.logo-special-size-evid3391 img {
    width: 55px !important;
}

.hrAf-special-evid3391 {
    border: 1px solid var(--special-color-evid3391);
}

.btn-submit-special-evid3391 {
    background-color: var(--special-color-evid3391) !important;
    transition: 0.3s;
}

.btn-submit-special-evid3391:hover {
    background-color: var(--special-color-hover-evid3391) !important;
}

.btn-promCode-special-evid3391 {
    background-color: var(--special-color-evid3391) !important;
    color: #fff;
    transition: 0.3s;
}

.btn-promCode-special-evid3391:hover {
    background-color: var(--special-color-hover-evid3391) !important;
    color: #fff;
}

a.button.btn-special-color-evid3391 {
    color: #4e4e58;
}

.btn-special-register-evid3391 {
    background-color: var(--special-color-evid3391) !important;
    font-size: 1.2vw !important;
    margin-top: 1vh !important;
    color: white !important;
    transition: 0.3s;
}

.btn-special-register-evid3391:hover {
    background-color: white !important;
    color: var(--special-color-hover-evid3391) !important;
}

a.button.btn-special-color-evid3391:hover {
    background-color: var(--special-color-evid3391) !important;
    color: white !important;
}

div#addeventatc1.btn-special-evid3391 {
    color: #4e4e58 !important;
    box-shadow: 0 3px 6px #00000029 !important;
}

div#addeventatc1.btn-special-evid3391:hover {
    color: white !important;
    background-color: var(--special-color-evid3391) !important;
}

.menuItem.active.special-colorItemText-evid3391 p {
    color: var(--special-color-evid3391);
}

.menuItem.special-colorItemText-evid3391:hover p {
    color: var(--special-color-evid3391);
}

/* ESPECIALES SVG */

.item-special-color-evid3391 {
    fill: var(--special-color-evid3391);
}

.item-special-colorItemAgenda-evid3391 {
    fill: none;
    stroke: var(--special-color-evid3391);
}

/* FIN EVENTO 3391 */
/* ---------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------- */
/* EVENTO 3061 - ESTO SE PODRÍA MEJORAR*/

.contentContainer-background-special-evid3061 {
    background-color: var(--af-grey);
}

.logo.logo-special-size-evid3061 img {
    width: 55px !important;
}

.hrAf-special-evid3061 {
    border: 1px solid var(--special-color-evid3061);
}

.btn-submit-special-evid3061 {
    background-color: var(--special-color-evid3061) !important;
    transition: 0.3s;
}

.btn-submit-special-evid3061:hover {
    background-color: var(--special-color-hover-evid3061) !important;
}

.btn-promCode-special-evid3061 {
    background-color: var(--special-color-evid3061) !important;
    color: #fff;
    transition: 0.3s;
}

.btn-promCode-special-evid3061:hover {
    background-color: var(--special-color-hover-evid3061) !important;
    color: #fff;
}

a.button.btn-special-color-evid3061 {
    color: #4e4e58;
}

.btn-special-register-evid3061 {
    background-color: var(--special-color-evid3061) !important;
    font-size: 1.2vw !important;
    margin-top: 1vh !important;
    color: white !important;
    transition: 0.3s;
}

.btn-special-register-evid3061:hover {
    background-color: white !important;
    color: var(--special-color-hover-evid3061) !important;
}

a.button.btn-special-color-evid3061:hover {
    background-color: var(--special-color-evid3061) !important;
    color: white !important;
}

div#addeventatc1.btn-special-evid3061 {
    color: #4e4e58 !important;
    box-shadow: 0 3px 6px #00000029 !important;
}

div#addeventatc1.btn-special-evid3061:hover {
    color: white !important;
    background-color: var(--special-color-evid3061) !important;
}

.menuItem.active.special-colorItemText-evid3061 p {
    color: var(--special-color-evid3061);
}

.menuItem.special-colorItemText-evid3061:hover p {
    color: var(--special-color-evid3061);
}

/* ESPECIALES SVG */

.item-special-color-evid3061 {
    fill: var(--special-color-evid3061);
}

.item-special-colorItemAgenda-evid3061 {
    fill: none;
    stroke: var(--special-color-evid3061);
}

/* FIN EVENTO 3061 */
/* ---------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------- */
/* EVENTO 3063 - ESTO SE PODRÍA MEJORAR*/

.contentContainer-background-special-evid3063 {
    background-color: var(--af-grey);
}

.logo.logo-special-size-evid3063 img {
    width: 55px !important;
}

.hrAf-special-evid3063 {
    border: 1px solid var(--special-color-evid3063);
}

.btn-submit-special-evid3063 {
    background-color: var(--special-color-evid3063) !important;
    transition: 0.3s;
}

.btn-submit-special-evid3063:hover {
    background-color: var(--special-color-hover-evid3063) !important;
}

.btn-promCode-special-evid3063 {
    background-color: var(--special-color-evid3063) !important;
    color: #fff;
    transition: 0.3s;
}

.btn-promCode-special-evid3063:hover {
    background-color: var(--special-color-hover-evid3063) !important;
    color: #fff;
}

a.button.btn-special-color-evid3063 {
    color: #4e4e58;
}

.btn-special-register-evid3063 {
    background-color: var(--special-color-evid3063) !important;
    font-size: 1.2vw !important;
    margin-top: 1vh !important;
    color: white !important;
    transition: 0.3s;
}

.btn-special-register-evid3063:hover {
    background-color: white !important;
    color: var(--special-color-hover-evid3063) !important;
}

a.button.btn-special-color-evid3063:hover {
    background-color: var(--special-color-evid3063) !important;
    color: white !important;
}

div#addeventatc1.btn-special-evid3063 {
    color: #4e4e58 !important;
    box-shadow: 0 3px 6px #00000029 !important;
}

div#addeventatc1.btn-special-evid3063:hover {
    color: white !important;
    background-color: var(--special-color-evid3063) !important;
}

.menuItem.active.special-colorItemText-evid3063 p {
    color: var(--special-color-evid3063);
}

.menuItem.special-colorItemText-evid3063:hover p {
    color: var(--special-color-evid3063);
}

/* ESPECIALES SVG */

.item-special-color-evid3063 {
    fill: var(--special-color-evid3063);
}

.item-special-colorItemAgenda-evid3063 {
    fill: none;
    stroke: var(--special-color-evid3063);
}

/* FIN EVENTO 3063 */
/* ---------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------- */
/* EVENTO 3050 - ESTO SE PODRÍA MEJORAR*/

.contentContainer-background-special-evid3050 {
    background-color: var(--af-grey);
}

.logo.logo-special-size-evid3050 img {
    width: 60px !important;
}

.hrAf-special-evid3050 {
    border: 1px solid var(--special-color-evid3050);
}

.btn-submit-special-evid3050 {
    background-color: var(--special-color-evid3050) !important;
    transition: 0.3s;
}

.btn-submit-special-evid3050:hover {
    background-color: var(--special-color-hover-evid3050) !important;
}

.btn-promCode-special-evid3050 {
    background-color: var(--special-color-evid3050) !important;
    color: #fff;
    transition: 0.3s;
}

.btn-promCode-special-evid3050:hover {
    background-color: var(--special-color-hover-evid3050) !important;
    color: #fff;
}

a.button.btn-special-color-evid3050 {
    color: #4e4e58;
}

.btn-special-register-evid3050 {
    background-color: var(--special-color-evid3050) !important;
    font-size: 1.2vw !important;
    margin-top: 1vh !important;
    color: white !important;
    transition: 0.3s;
}

.btn-special-register-evid3050:hover {
    background-color: white !important;
    color: var(--special-color-hover-evid3050) !important;
}

a.button.btn-special-color-evid3050:hover {
    background-color: var(--special-color-evid3050) !important;
    color: white !important;
}

div#addeventatc1.btn-special-evid3050 {
    color: #4e4e58 !important;
    box-shadow: 0 3px 6px #00000029 !important;
}

div#addeventatc1.btn-special-evid3050:hover {
    color: white !important;
    background-color: var(--special-color-evid3050) !important;
}

.menuItem.active.special-colorItemText-evid3050 p {
    color: var(--special-color-evid3050);
}

.menuItem.special-colorItemText-evid3050:hover p {
    color: var(--special-color-evid3050);
}

/* ESPECIALES SVG */

.item-special-color-evid3050 {
    fill: var(--special-color-evid3050);
}

.item-special-colorItemAgenda-evid3050 {
    fill: none;
    stroke: var(--special-color-evid3050);
}

/* FIN EVENTO 3050 */
/* ---------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------- */
/* EVENTO 3053 - ESTO SE PODRÍA MEJORAR*/

.contentContainer-background-special-evid3053 {
    background-color: var(--af-grey);
}

.logo.logo-special-size-evid3053 img {
    width: 45px;
}

.hrAf-special-evid3053 {
    border: 1px solid var(--special-color-evid3053);
}

.btn-submit-special-evid3053 {
    background-color: var(--special-color-evid3053) !important;
    transition: 0.3s;
}

.btn-submit-special-evid3053:hover {
    background-color: var(--special-color-hover-evid3053) !important;
}

.btn-promCode-special-evid3053 {
    background-color: var(--special-color-evid3053) !important;
    color: #fff;
    transition: 0.3s;
}

.btn-promCode-special-evid3053:hover {
    background-color: var(--special-color-hover-evid3053) !important;
    color: #fff;
}

a.button.btn-special-color-evid3053 {
    color: #4e4e58;
}

.btn-special-register-evid3053 {
    background-color: var(--special-color-evid3053) !important;
    font-size: 1.2vw !important;
    margin-top: 1vh !important;
    color: white !important;
    transition: 0.3s;
}

.btn-special-register-evid3053:hover {
    background-color: white !important;
    color: var(--special-color-hover-evid3053) !important;
}

a.button.btn-special-color-evid3053:hover {
    background-color: var(--special-color-evid3053) !important;
    color: white !important;
}

div#addeventatc1.btn-special-evid3053 {
    color: #4e4e58 !important;
    box-shadow: 0 3px 6px #00000029 !important;
}

div#addeventatc1.btn-special-evid3053:hover {
    color: white !important;
    background-color: var(--special-color-evid3053) !important;
}

.menuItem.active.special-colorItemText-evid3053 p {
    color: var(--special-color-evid3053);
}

.menuItem.special-colorItemText-evid3053:hover p {
    color: var(--special-color-evid3053);
}

/* ESPECIALES SVG */

.item-special-color-evid3053 {
    fill: var(--special-color-evid3053);
}

.item-special-colorItemAgenda-evid3053 {
    fill: none;
    stroke: var(--special-color-evid3053);
}

/* FIN EVENTO 3053 */
/* ---------------------------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .heightRegistrationContainerSpecial1 {
    height: 2.5vh;
  }
}

/* ---------------------------------------------------------------------------------------------- */
/* CASO ESPECIAL PARA PODER MOSTRAR UN TÍTULO MÁS LARGO EN EL MICROSITIO. */
.eventCountdown_titleLonger {
    width: 85% !important;
}

.eventTitleContainer_titleLonger {
    width: 100% !important;
    margin: 3.5% 0 5% 5% !important;
}

.eventTitle_titleLonger {
    font-size: 1.3vw !important;
    margin-bottom: 11px;
}

@media only screen and (max-width: 799px) {
    .eventTitle_titleLonger {
        font-size: 20px !important;
        margin-bottom: 0px;
    }
    .eventTitleContainer_titleLonger {
        width: 90% !important;
        margin: 3.5% 0 5% 6% !important;
    }
    .eventCountdown_titleLonger {
        width: 100% !important;
    }
}

@media only screen and (max-width: 570px) {
    .eventTitle_titleLonger {
        font-size: 15px !important;
        margin-bottom: 0px;
    }
    /* .eventTitleContainer_titleLonger {
        width: 90% !important;
        margin: 3.5% 0 5% 6% !important;
    }
    .eventCountdown_titleLonger {
        width: 100% !important;
    } */
}

@media only screen and (max-width: 375px) {
    .eventTitle_titleLonger {
        font-size: 14px !important;
        margin-bottom: 0px;
        /* margin-bottom: 2vh; */
    }

    /* .eventCountdownText p {
        font-size: 11px;
    } */
}

@media only screen and (max-width: 310px) {
    .eventTitle_titleLonger {
        font-size: 13px !important;
        margin-bottom: 0px;
        /* margin-bottom: 2vh; */
    }
}
/* FIN -- CASO ESPECIAL PARA PODER MOSTRAR UN TÍTULO MÁS LARGO EN EL MICROSITIO. */
/* ---------------------------------------------------------------------------------------------- */

/* FIN ESPECIALES */
/* ============================================================================================ */
/* ============================================================================================ */
/* CASOS SVG */
/* Usados en el layout del microsite */

.menuItem:not(.active) svg {
    filter: brightness(0);
}

.menuItem:not(.active):hover svg {
    filter: brightness(1);
}

@media only screen and (max-width: 800px) {
    .menuItem svg {
        height: 5vh;
        width: 32.6px;
    }
    .menuItem {
        width: 60px;
        font-size: 1px !important;
    }

    .menuItem p {
        font-size: 10px !important;
    }
}

@media only screen and (min-width: 801px) {
    .menuItem svg {
        height: 4vh;
        width: 32.6px;
    }
}

.speakers .picture svg.speakerPicture {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.speakers .moreInfo svg {
    margin-left: 1vw;
}

/* FIN CASOS SVG */
/* ============================================================================================ */
/* ============================================================================================ */
/* CLASES PARA SVGS */
/* Usados en el layout del microsite */

.colorItem {
    /* fill:#FE5E5E; */
    fill: #ee342f;
}

.agendaInactive0 {
    stroke-width: 1.5;
}
.agendaInactive1 {
    stroke-width: 1.5;
    stroke-linecap: round;
}
.agendaInactive2 {
    stroke-miterlimit: 10;
}

.colorItemAgenda {
    fill: none;
    stroke: #fe5e5e;
}

/* FIN CLASES PARA SVGS */
/* ============================================================================================ */
/* ============================================================================================ */
/* Clases especiales que se crean puntualmente para usarse en con html en la descripción de un evento puntual */
.containerGridButtonsInfoText {
    display: grid;
    grid-template-columns: 50% 50%;
    margin: 4% 0 6% 0;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.gridItemInfoText {
    text-align: center;
}

a.buttonEventInfoText1:hover {
    background-color: white !important;
    color: #ef4936 !important;
}

a.buttonEventInfoText2:hover {
    background-color: white !important;
    color: var(--af-red) !important;
}

.colorColumn1 {
    background: #024dc6 !important;
}

.colorColumn2 {
    background: #01bbd8 !important;
}

.colorColumn3 {
    background: #009405 !important;
}

a.buttonEventInfoText1 {
    padding: 2vh 1.8vw 2vh 1.8vw !important;

    border-radius: 12px;
    box-shadow: 0px 3px 6px #00000029;

    color: white !important;
    background-color: #ef4936 !important;

    transition: 0.3s;

    font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;

    display: flex;
    justify-content: center;
    align-items: center;
}

a.buttonEventInfoText2 {
    padding: 2vh 1.8vw 2vh 1.8vw !important;

    border-radius: 12px;
    box-shadow: 0px 3px 6px #00000029;

    background: var(--af-red) !important;
    color: white !important;

    transition: 0.3s;

    font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;

    display: flex;
    justify-content: center;
    align-items: center;
}

.containerTitleInfoText1 {
    text-align: center;
}

@media only screen and (min-width: 1100px) {
    .containerGridButtonsInfoText {
        padding: 0 4vw 0 4vw;
        gap: 55px 4vw;
    }
}

@media only screen and (max-width: 1099px) {
    .containerGridButtonsInfoText {
        padding: 0 4vw 0 4vw;
        gap: 35px 4vw;
    }
}

@media only screen and (min-width: 800px) {
    .titleInfoText1 {
        font-size: 1.3vw;
    }

    .buttonEventInfoText1 {
        font-size: 1.1vw;
    }

    .buttonEventInfoText2 {
        font-size: 1.1vw;
    }

    .buttonEventInfoText3 {
        font-size: 1.1vw;
    }
}

@media only screen and (max-width: 799px) {
    .containerTitleInfoText1 {
        padding: 0 5vw 0 5vw;
    }

    .titleInfoText1 {
        font-size: 2.8vw;
    }

    .buttonEventInfoText1 {
        font-size: 2.7vw;
    }

    .buttonEventInfoText2 {
        font-size: 2.7vw;
    }

    .buttonEventInfoText3 {
        font-size: 2.7vw;
    }

    .containerGridButtonsInfoText {
        padding: 0 8vw 0 8vw;
        gap: 50px 8vw;
    }
}
/* FIN Clases especiales que se crean puntualmente para usarse en con html en la descripción de un evento puntual */
/* ============================================================================================ */
/* ============================================================================================ */
/* Clases especiales que se crean puntualmente para usarse en con html en la descripción de un evento puntual */
/* CASO MAPA HECHO CON BOTONES DE CSS - CASO BAHIANO */
.map1-container {
    display: grid;
    grid-template-columns: 0.8fr 1.4fr 0.8fr;
    grid-template-rows: 0.5fr 0.6fr 1.2fr 0.6fr 0.6fr 0.4fr 0.6fr ;
    grid-auto-flow: row;
    grid-template-areas:
        '. escenario .'
        'a Sector-1 b'
        'c sector2 d'
        'e sector3 f'
        'sector4 sector4 sector4'
        'linea linea linea'
        'accesoSoloFiesta accesoSoloFiesta accesoSoloFiesta';
}

.map1-firstSubElement {
    margin-top: 0.5em;
}

.map1-subItem {
    transition: opacity 0.8s;
    text-align: center;
}

.map1-titleSection {
    font-weight: bold;

    transition: opacity 0.8s;
}

.map1-titleDescSection {
    transition: opacity 0.8s;
}

.map1-textButtonHover {
    opacity: 0;
    position: absolute;
    transition: opacity 0.3s;
    font-size: 2em;
    font-weight: bold;
}

.map1-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.map1-escenario {
    grid-area: escenario;
    background: #ec3aa6;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white !important;
    font-size: 1.3em;
}

.map1-Sector-1 {
    grid-area: Sector-1;
    background: #ffb6c1;
    color: black;
    transition: 0.4s;
    position: relative;
}
.map1-Sector-1:hover,
.map1-Sector-1:focus {
    color: black !important;
    text-decoration: none;
    background: #ffa1af;
}

.map1-Sector-1 .map1-textButtonHover {
    color: black;
}

.map1-Sector-1:hover .map1-textButtonHover,
.map1-Sector-1:focus .map1-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map1-Sector-1:hover .map1-titleSection,
.map1-Sector-1:focus .map1-titleSection,
.map1-Sector-1:hover .map1-subItem,
.map1-Sector-1:focus .map1-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}

.map1-a {
    grid-area: a;
    background: #f0b31d;
    color: white;
    transition: 0.4s;
    position: relative;
}

.map1-a:hover,
.map1-a:focus {
    color: white !important;
    text-decoration: none;
    background: #e6ac19;
}

.map1-a .map1-textButtonHover {
    color: white;
}

.map1-a:hover .map1-textButtonHover,
.map1-a:focus .map1-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map1-a:hover .map1-titleSection,
.map1-a:focus .map1-titleSection,
.map1-a:hover .map1-subItem,
.map1-a:focus .map1-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}

.map1-b {
    grid-area: b;
    background: #f0b31d;
    color: white;
    transition: 0.4s;
    position: relative;
}

.map1-b:hover,
.map1-b:focus {
    color: white !important;
    text-decoration: none;
    background: #e6ac19;
}

.map1-b .map1-textButtonHover {
    color: white;
}

.map1-b:hover .map1-textButtonHover,
.map1-b:focus .map1-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map1-b:hover .map1-titleSection,
.map1-b:focus .map1-titleSection,
.map1-b:hover .map1-subItem,
.map1-b:focus .map1-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}

.map1-sector2 {
    grid-area: sector2;
    background: #8149f7;
    color: white;
    transition: 0.4s;
    position: relative;
}

.map1-sector2:hover,
.map1-sector2:focus {
    color: white !important;
    text-decoration: none;
    background: #723be9;
}

.map1-sector2 .map1-textButtonHover {
    color: white;
}

.map1-sector2:hover .map1-textButtonHover,
.map1-sector2:focus .map1-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map1-sector2:hover .map1-titleSection,
.map1-sector2:focus .map1-titleSection,
.map1-sector2:hover .map1-subItem,
.map1-sector2:focus .map1-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}

.map1-c {
    grid-area: c;
    background: #0091d0;
    color: white;
    transition: 0.4s;
    position: relative;
}

.map1-c:hover,
.map1-c:focus {
    color: white !important;
    text-decoration: none;
    background: #0086c0;
}

.map1-c .map1-textButtonHover {
    color: white;
}

.map1-c:hover .map1-textButtonHover,
.map1-c:focus .map1-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map1-c:hover .map1-titleSection,
.map1-c:focus .map1-titleSection,
.map1-c:hover .map1-subItem,
.map1-c:focus .map1-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}

.map1-d {
    grid-area: d;
    background: #0091d0;
    color: white;
    transition: 0.4s;
    position: relative;
}

.map1-d:hover,
.map1-d:focus {
    color: white !important;
    text-decoration: none;
    background: #0086c0;
}

.map1-d .map1-textButtonHover {
    color: white;
}

.map1-d:hover .map1-textButtonHover,
.map1-d:focus .map1-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map1-d:hover .map1-titleSection,
.map1-d:focus .map1-titleSection,
.map1-d:hover .map1-subItem,
.map1-d:focus .map1-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}

.map1-sector3 {
    grid-area: sector3;
    background: #00ad5b;
    color: white;
    transition: 0.4s;
    position: relative;
}

.map1-sector3:hover,
.map1-sector3:focus {
    color: white !important;
    text-decoration: none;
    background: #00a055;
}

.map1-sector3 .map1-textButtonHover {
    color: white;
}

.map1-sector3:hover .map1-textButtonHover,
.map1-sector3:focus .map1-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map1-sector3:hover .map1-titleSection,
.map1-sector3:focus .map1-titleSection,
.map1-sector3:hover .map1-subItem,
.map1-sector3:focus .map1-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}

.map1-e {
    grid-area: e;
    background: #f4855a;
    color: white;
    transition: 0.4s;
    position: relative;
}

.map1-e:hover,
.map1-e:focus {
    color: white !important;
    text-decoration: none;
    background: #ee7849;
}

.map1-e .map1-textButtonHover {
    color: white;
}

.map1-e:hover .map1-textButtonHover,
.map1-e:focus .map1-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map1-e:hover .map1-titleSection,
.map1-e:focus .map1-titleSection,
.map1-e:hover .map1-subItem,
.map1-e:focus .map1-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}

.map1-f {
    grid-area: f;
    background: #f4855a;
    color: white;
    transition: 0.4s;
    position: relative;
}

.map1-f:hover,
.map1-f:focus {
    color: white !important;
    text-decoration: none;
    background: #ee7849;
}

.map1-f .map1-textButtonHover {
    color: white;
}

.map1-f:hover .map1-textButtonHover,
.map1-f:focus .map1-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map1-f:hover .map1-titleSection,
.map1-f:focus .map1-titleSection,
.map1-f:hover .map1-subItem,
.map1-f:focus .map1-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}

.map1-sector4 {
    grid-area: sector4;
    background: #009fe3;
    justify-self: center;
    width: 98%;
    color: white;
    transition: 0.4s;
    position: relative;
}

.map1-sector4:hover,
.map1-sector4:focus {
    color: white !important;
    text-decoration: none;
    background: #0093d2;
}

.map1-sector4 .map1-textButtonHover {
    color: white;
}

.map1-sector4:hover .map1-textButtonHover,
.map1-sector4:focus .map1-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map1-sector4:hover .map1-titleSection,
.map1-sector4:focus .map1-titleSection,
.map1-sector4:hover .map1-subItem,
.map1-sector4:focus .map1-subItem,
.map1-sector4:hover .map1-titleDescSection,
.map1-sector4:focus .map1-titleDescSection {
    opacity: 0;
    transition: opacity 0.2s;
}

.map1-sectorLinea {
    grid-area: linea;
    align-self: center;
}

.map1-hrLinea {
    border-top: 2px solid #dedede;
}

.map1-accesoSoloFiesta {
    grid-area: accesoSoloFiesta;
    background: #898788;
    color: white;
    transition: 0.4s;
    position: relative;
}

.map1-accesoSoloFiesta:hover,
.map1-accesoSoloFiesta:focus {
    color: white !important;
    text-decoration: none;
    background: #7a7879;
}

.map1-accesoSoloFiesta .map1-textButtonHover {
    color: white;
}

.map1-accesoSoloFiesta:hover .map1-textButtonHover,
.map1-accesoSoloFiesta:focus .map1-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;
}

.map1-accesoSoloFiesta:hover .map1-titleSection,
.map1-accesoSoloFiesta:focus .map1-titleSection,
.map1-accesoSoloFiesta:hover .map1-subItem,
.map1-accesoSoloFiesta:focus .map1-subItem,
.map1-accesoSoloFiesta:hover .map1-titleDescSection,
.map1-accesoSoloFiesta:focus .map1-titleDescSection {
    opacity: 0;
    transition: opacity 0.2s;
}

.map1-titleMap {
    text-align: center;
    font-weight: bold;
}

@media only screen and (min-width: 1500px) {
    .map1-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
        gap: 10px 10px;
    }

    .map1-subItem {
        font-size: 0.9em !important;
    }

    .map1-titleSection {
        font-size: 1.4em;
    }

    .map1-titleDescSection {
        font-size: 1.3em;
    }

    .map1-btn {
        border-radius: 10px;
    }

    .map1-titleMap {
        font-size: 1.5em;
        margin: 0px 0 40px 0 !important;
    }

    .map1-accesoSoloFiesta {
        border: #db0000 3px solid;
    }
}

@media only screen and (max-width: 1500px) {
    .map1-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
        gap: 10px 10px;
    }

    .map1-subItem {
        font-size: 0.86em !important;
    }

    .map1-titleSection {
        font-size: 1.5em;
    }

    .map1-titleDescSection {
        font-size: 1.3em;
    }

    .map1-btn {
        border-radius: 10px;
    }

    .map1-titleMap {
        font-size: 1.5em;
        margin: 0px 0 40px 0 !important;
    }

    .map1-accesoSoloFiesta {
        border: #db0000 3px solid;
    }
}

@media only screen and (max-width: 1400px) {
    .map1-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
        gap: 10px 10px;
    }

    .map1-subItem {
        font-size: 0.8em !important;
    }

    .map1-titleSection {
        font-size: 1.4em;
    }

    .map1-titleDescSection {
        font-size: 1.2em;
    }

    .map1-btn {
        border-radius: 10px;
    }

    .map1-titleMap {
        font-size: 1.4em;
        margin: 0px 0 40px 0 !important;
    }

    .map1-accesoSoloFiesta {
        border: #db0000 3px solid;
    }
}

@media only screen and (max-width: 1300px) {
    .map1-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
        gap: 10px 10px;
    }

    .map1-subItem {
        font-size: 0.7em !important;
    }

    .map1-titleSection {
        font-size: 1.3em;
    }

    .map1-titleDescSection {
        font-size: 1.2em;
    }

    .map1-btn {
        border-radius: 10px;
    }

    .map1-titleMap {
        font-size: 1.3em;
        margin: 0px 0 40px 0 !important;
    }

    .map1-accesoSoloFiesta {
        border: #db0000 3px solid;
    }
}

@media only screen and (max-width: 1200px) {
    .map1-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
        gap: 10px 10px;
    }

    .map1-subItem {
        font-size: 0.6em !important;
    }

    .map1-titleSection {
        font-size: 1.1em;
    }

    .map1-titleDescSection {
        font-size: 1.1em;
    }

    .map1-btn {
        border-radius: 10px;
    }

    .map1-titleMap {
        font-size: 1.1em;
        margin: 0px 0 40px 0 !important;
    }

    .map1-accesoSoloFiesta {
        border: #db0000 3px solid;
    }
}

@media only screen and (max-width: 1100px) {
    .map1-container {
        height: 51vw;
        width: 100%;
        padding: 0 0 8% 0;
        font-size: 0.8em;
        gap: 10px 10px;
    }

    .map1-subItem {
        font-size: 0.6em !important;
    }

    .map1-titleSection {
        font-size: 1.1em;
    }

    .map1-titleDescSection {
        font-size: 1.1em;
    }

    .map1-btn {
        border-radius: 10px;
    }

    .map1-titleMap {
        font-size: 1.1em;
        margin: 0px 0 40px 0 !important;
    }

    .map1-accesoSoloFiesta {
        border: #db0000 3px solid;
    }
}

@media only screen and (max-width: 1000px) {
    .map1-container {
        height: 51vw;
        width: 100%;
        padding: 0 0 8% 0;
        font-size: 0.6em;
        gap: 10px 10px;
    }

    .map1-subItem {
        font-size: 0.7em !important;
    }

    .map1-titleSection {
        font-size: 1.3em;
    }

    .map1-titleDescSection {
        font-size: 1.1em;
    }

    .map1-btn {
        border-radius: 10px;
    }

    .map1-titleMap {
        font-size: 1.3em;
        margin: 0px 0 40px 0 !important;
    }

    .map1-accesoSoloFiesta {
        border: #db0000 2px solid;
    }
}

@media only screen and (max-width: 900px) {
    .map1-container {
        height: 51vw;
        width: 100%;
        padding: 0 0 8% 0;
        font-size: 0.6em;
        gap: 10px 10px;
    }

    .map1-subItem {
        font-size: 0.6em !important;
    }

    .map1-titleSection {
        font-size: 1.2em;
    }

    .map1-titleDescSection {
        font-size: 1.1em;
    }

    .map1-btn {
        border-radius: 10px;
    }

    .map1-titleMap {
        font-size: 1.2em;
        margin: 0px 0 40px 0 !important;
    }

    .map1-accesoSoloFiesta {
        border: #db0000 2px solid;
    }
}

@media only screen and (max-width: 799px) {
    .map1-container {
        height: 94vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.9em;
        gap: 10px 10px;
    }

    .map1-subItem {
        font-size: 0.77em !important;
    }

    .map1-titleSection {
        font-size: 1.3em;
    }

    .map1-titleDescSection {
        font-size: 1.2em;
    }

    .map1-btn {
        border-radius: 10px;
    }

    .map1-titleMap {
        font-size: 1.6em;
        margin: 0px 0 50px 0 !important;
    }

    .map1-accesoSoloFiesta {
        border: #db0000 3px solid;
    }
}

@media only screen and (max-width: 700px) {
    .map1-container {
        height: 94vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.7em;
        gap: 10px 10px;
    }

    .map1-subItem {
        font-size: 0.75em !important;
    }

    .map1-titleSection {
        font-size: 1.4em;
    }

    .map1-titleDescSection {
        font-size: 1.3em;
    }

    .map1-btn {
        border-radius: 10px;
    }

    .map1-titleMap {
        font-size: 1.5em;
        margin: 0px 0 45px 0 !important;
    }

    .map1-accesoSoloFiesta {
        border: #db0000 3px solid;
    }
}

@media only screen and (max-width: 540px) {
    .map1-container {
        height: 95vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.6em;
        gap: 7px 7px;
    }

    .map1-subItem {
        font-size: 0.7em !important;
    }

    .map1-titleSection {
        font-size: 1.3em;
    }

    .map1-titleDescSection {
        font-size: 1.2em;
    }

    .map1-btn {
        border-radius: 7px;
    }

    .map1-titleMap {
        font-size: 1.4em;
        margin: 0px 0 40px 0 !important;
    }

    .map1-accesoSoloFiesta {
        border: #db0000 2px solid;
    }
}

@media only screen and (max-width: 450px) {
    .map1-container {
        height: 97vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.5em;
        gap: 7px 7px;
    }

    .map1-subItem {
        font-size: 0.7em !important;
    }

    .map1-titleSection {
        font-size: 1.3em;
    }

    .map1-titleDescSection {
        font-size: 1.2em;
    }

    .map1-titleMap {
        font-size: 1.1em;
        margin: 0px 0 30px 0 !important;
    }

    .map1-accesoSoloFiesta {
        border: #db0000 2px solid;
    }
}

@media only screen and (max-width: 350px) {
    .map1-container {
        height: 97vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.5em;
        gap: 5px 5px;
    }

    .map1-subItem {
        font-size: 0.6em !important;
    }

    .map1-titleSection {
        font-size: 1em;
    }

    .map1-titleDescSection {
        font-size: 0.9em;
    }

    .map1-btn {
        border-radius: 5px;
    }

    .map1-titleMap {
        font-size: 1em;
        margin: 0px 0 30px 0 !important;
    }

    .map1-accesoSoloFiesta {
        border: #db0000 2px solid;
    }
}

@media only screen and (max-width: 300px) {
    .map1-container {
        height: 97vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.5em;
        gap: 5px 5px;
    }

    .map1-subItem {
        font-size: 0.5em !important;
    }

    .map1-titleSection {
        font-size: 0.9em;
    }

    .map1-titleDescSection {
        font-size: 0.8em;
    }

    .map1-titleMap {
        font-size: 0.8em;
        margin: 0px 0 30px 0 !important;
    }

    .map1-accesoSoloFiesta {
        border: #db0000 2px solid;
    }
}

@media only screen and (max-width: 250px) {
    .map1-container {
        height: 97vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.5em;
        gap: 5px 5px;
    }

    .map1-subItem {
        font-size: 0.3em !important;
    }

    .map1-titleSection {
        font-size: 0.7em;
    }

    .map1-titleDescSection {
        font-size: 0.7em;
    }

    .map1-titleMap {
        font-size: 0.7em;
        margin: 0px 0 20px 0 !important;
    }

    .map1-accesoSoloFiesta {
        border: #db0000 2px solid;
    }
}
/* FIN - CASO MAPA HECHO CON BOTONES DE CSS - CASO BAHIANO */
/* FIN Clases especiales que se crean puntualmente para usarse en con html en la descripción de un evento puntual */
/* ============================================================================================ */
/* ============================================================================================ */
/* Clases especiales que se crean puntualmente para usarse en con html en la descripción de un evento puntual */
/* CASO MAPA HECHO CON BOTONES DE CSS - MAPA ENTRECASA */

.map2entrecasa-container {
    display: grid;
    grid-template-columns: 0.5fr 0.4fr 1fr 0.45fr;
    grid-template-rows: 0.4fr 0.3fr 0.7fr 0.95fr 0.8fr;
    grid-auto-flow: row;
    grid-template-areas:
        '. . escenario escenario'
        'mlat mlat primf primf'
        'mlat mlat mcentro mcentro'
        'mlat mlat mcentroa mcentroa'
        'barra depie depie mcentroa2';
}

.map2entrecasa-firstSubElement {
    margin-top: 0.2em;
}

.map2entrecasa-subItem {
    transition: opacity 0.8s;
    text-align: center;
}

.map2entrecasa-titleSection {
    font-weight: bold;

    transition: opacity 0.8s;
}

.map2entrecasa-titleDescSection {
    transition: opacity 0.8s;
}

.map2entrecasa-textButtonHover {
    opacity: 0;
    position: absolute;
    transition: opacity 0.3s;
    font-size: 2em;
    font-weight: bold;
}

.map2entrecasa-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

/* A continuación se separan las clases de cada sección por líneas con guiones simples */
/* --------------------------------------------------------- */
.map2entrecasa-escenario {
    grid-area: escenario;
    background: #0097b2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white !important;
    font-size: 1.3em;
    margin: 0 0 1% 0;
}
/* --------------------------------------------------------- */
.map2entrecasa-mlat {
    grid-area: mlat;
    background: #ffedab;
    color: var(--af-text);
    transition: 0.4s;
    position: relative;
    margin: 1% 1% 0 0;
}

.map2entrecasa-mlat:hover,
.map2entrecasa-mlat:focus {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #fde58c;
}

.map2entrecasa-mlat .map2entrecasa-textButtonHover {
    color: var(--af-text);
}

.map2entrecasa-mlat:hover .map2entrecasa-textButtonHover,
.map2entrecasa-mlat:focus .map2entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map2entrecasa-mlat:hover .map2entrecasa-titleSection,
.map2entrecasa-mlat:focus .map2entrecasa-titleSection,
.map2entrecasa-mlat:hover .map2entrecasa-subItem,
.map2entrecasa-mlat:focus .map2entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}
/* --------------------------------------------------------- */
.map2entrecasa-barra {
    grid-area: barra;
/*     background: #ec3aa6; */
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: start;
    color: white !important;
    font-size: 1.3em;
    margin: 3% 1% 0 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.barraFigure {
    width: 0;
    border-style: solid;
    border-color: transparent #a63434 transparent transparent;
}

.map2entrecasa-barra-text {
    position: absolute;
    font-weight: bold;
    width: 98%;
    text-align: center;
}
/* --------------------------------------------------------- */
.map2entrecasa-depie {
    grid-area: depie;
    background: #fae7e0;
    color: var(--af-text);
    transition: 0.4s;
    position: relative;
    margin: 2% 1.5% 0 1%;
}

.map2entrecasa-depie:hover,
.map2entrecasa-depie:focus {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #f4d6cb;
}

.map2entrecasa-depie .map2entrecasa-textButtonHover {
    color: var(--af-text);
}

.map2entrecasa-depie:hover .map2entrecasa-textButtonHover,
.map2entrecasa-depie:focus .map2entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map2entrecasa-depie:hover .map2entrecasa-titleSection,
.map2entrecasa-depie:focus .map2entrecasa-titleSection,
.map2entrecasa-depie:hover .map2entrecasa-subItem,
.map2entrecasa-depie:focus .map2entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}
/* --------------------------------------------------------- */
.map2entrecasa-primf {
    grid-area: primf;
    background: #ffd297;
    color: var(--af-text);
    transition: 0.4s;
    position: relative;
    margin: 1% 0 1% 1%;
}

.map2entrecasa-primf:hover,
.map2entrecasa-primf:focus {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #f3c487;
}

.map2entrecasa-primf .map2entrecasa-textButtonHover {
    color: var(--af-text);
}

.map2entrecasa-primf:hover .map2entrecasa-textButtonHover,
.map2entrecasa-primf:focus .map2entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map2entrecasa-primf:hover .map2entrecasa-titleSection,
.map2entrecasa-primf:focus .map2entrecasa-titleSection,
.map2entrecasa-primf:hover .map2entrecasa-subItem,
.map2entrecasa-primf:focus .map2entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}
/* --------------------------------------------------------- */
.map2entrecasa-mcentro {
    grid-area: mcentro;
    background: #b6e2d3;
    color: var(--af-text);
    transition: 0.4s;
    position: relative;
    margin: 1% 0 1% 1%;
}

.map2entrecasa-mcentro:hover,
.map2entrecasa-mcentro:focus {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #a5dbc9;
}

.map2entrecasa-mcentro .map2entrecasa-textButtonHover {
    color: var(--af-text);
}

.map2entrecasa-mcentro:hover .map2entrecasa-textButtonHover,
.map2entrecasa-mcentro:focus .map2entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map2entrecasa-mcentro:hover .map2entrecasa-titleSection,
.map2entrecasa-mcentro:focus .map2entrecasa-titleSection,
.map2entrecasa-mcentro:hover .map2entrecasa-subItem,
.map2entrecasa-mcentro:focus .map2entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}
/* --------------------------------------------------------- */
.map2entrecasa-mcentroa {
    grid-area: mcentroa;
    background: #a0c7aa;
    color: var(--af-text);
    transition: 0.4s;
    position: relative;
    margin: 1% 0 0 1%;
}

.map2entrecasa-mcentroa-manualHover {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #86c095 !important;
}

.map2entrecasa-mcentroa-manualHover .map2entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;
}

.map2entrecasa-mcentroa-manualHover .map2entrecasa-titleSection,
.map2entrecasa-mcentroa-manualHover .map2entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}

.map2entrecasa-mcentroa:hover,
.map2entrecasa-mcentroa:focus {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #86c095;
}

.map2entrecasa-mcentroa .map2entrecasa-textButtonHover {
    color: var(--af-text);
}

.map2entrecasa-mcentroa:hover .map2entrecasa-textButtonHover,
.map2entrecasa-mcentroa:focus .map2entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;
}

.map2entrecasa-mcentroa:hover .map2entrecasa-titleSection,
.map2entrecasa-mcentroa:focus .map2entrecasa-titleSection,
.map2entrecasa-mcentroa:hover .map2entrecasa-subItem,
.map2entrecasa-mcentroa:focus .map2entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}
/* --------------------------------------------------------- */
.map2entrecasa-titleMap {
    text-align: center;
    font-weight: bold;
}
/* --------------------------------------------------------- */
.map2entrecasa-mcentroa2 {
    grid-area: mcentroa2;
    background: #a0c7aa;
    color: var(--af-text);
    transition: 0.4s;
    position: relative;
    margin: 0 0 0 1%;
}

.map2entrecasa-mcentroa2-manualHover {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #86c095;
}

.map2entrecasa-mcentroa2:hover,
.map2entrecasa-mcentroa2:focus {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #86c095;
}

.map2entrecasa-mcentroa2 .map2entrecasa-textButtonHover {
    color: var(--af-text);
}
/* --------------------------------------------------------- */
/* MEDIA QUERIES DEL MAPA */
@media only screen and (min-width: 1500px) {
    .map2entrecasa-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
    }

    .map2entrecasa-subItem {
        font-size: 1em !important;
    }

    .map2entrecasa-titleSection {
        font-size: 1.4em;
    }

    .map2entrecasa-titleDescSection {
        font-size: 1.3em;
    }

    .map2entrecasa-titleMap {
        font-size: 1.5em;
        margin: 0px 0 40px 0 !important;
    }

    .map2entrecasa-barra-text {
        font-size: 1.4em;
    }

    .barraFigure {
        width: 0;
        height: 10vw;
        border-width: 2.5vw 9vw 2.5vw 0;
    }
}

@media only screen and (max-width: 1500px) {
    .map2entrecasa-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
    }

    .map2entrecasa-subItem {
        font-size: 1em !important;
    }

    .map2entrecasa-titleSection {
        font-size: 1.5em;
    }

    .map2entrecasa-barra-text {
        font-size: 1.5em;
    }

    .map2entrecasa-titleDescSection {
        font-size: 1.3em;
    }

    .map2entrecasa-titleMap {
        font-size: 1.5em;
        margin: 0px 0 40px 0 !important;
    }

    .barraFigure {
        width: 0;
        height: 10vw;
        border-width: 2.5vw 9vw 2.5vw 0;
    }
}

@media only screen and (max-width: 1400px) {
    .map2entrecasa-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
    }

    .map2entrecasa-subItem {
        font-size: 0.8em !important;
    }

    .map2entrecasa-titleSection {
        font-size: 1.4em;
    }

    .map2entrecasa-barra-text {
        font-size: 1.4em;
    }

    .map2entrecasa-titleDescSection {
        font-size: 1.2em;
    }

    .map2entrecasa-titleMap {
        font-size: 1.4em;
        margin: 0px 0 40px 0 !important;
    }
}

@media only screen and (max-width: 1300px) {
    .map2entrecasa-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
    }

    .map2entrecasa-subItem {
        font-size: 0.7em !important;
    }

    .map2entrecasa-titleSection {
        font-size: 1.3em;
    }

    .map2entrecasa-barra-text {
        font-size: 1.3em;
    }

    .map2entrecasa-titleDescSection {
        font-size: 1.2em;
    }

    .map2entrecasa-titleMap {
        font-size: 1.3em;
        margin: 0px 0 40px 0 !important;
    }
}

@media only screen and (max-width: 1200px) {
    .map2entrecasa-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
    }

    .map2entrecasa-subItem {
        font-size: 0.6em !important;
    }

    .map2entrecasa-titleSection {
        font-size: 1.1em;
    }

    .map2entrecasa-barra-text {
        font-size: 1.1em;
    }

    .map2entrecasa-titleDescSection {
        font-size: 1.1em;
    }

    .map2entrecasa-titleMap {
        font-size: 1.1em;
        margin: 0px 0 40px 0 !important;
    }

    .barraFigure {
        width: 0;
        height: 10vw;
        border-width: 2.5vw 8.5vw 2.5vw 0;
    }
}

@media only screen and (max-width: 1100px) {
    .map2entrecasa-container {
        height: 51vw;
        width: 100%;
        padding: 0 0 8% 0;
        font-size: 0.8em;
    }

    .map2entrecasa-subItem {
        font-size: 0.6em !important;
    }

    .map2entrecasa-titleSection {
        font-size: 1.1em;
    }

    .map2entrecasa-titleDescSection {
        font-size: 1.1em;
    }

    .map2entrecasa-titleMap {
        font-size: 1.1em;
        margin: 0px 0 40px 0 !important;
    }

    .map2entrecasa-barra-text {
        font-size: 1.1em;
    }

    .barraFigure {
        width: 0;
        height: 10vw;
        border-width: 2.5vw 9vw 2.5vw 0;
    }
}

@media only screen and (max-width: 1000px) {
    .map2entrecasa-container {
        height: 51vw;
        width: 100%;
        padding: 0 0 8% 0;
        font-size: 0.6em;
    }

    .map2entrecasa-subItem {
        font-size: 0.7em !important;
    }

    .map2entrecasa-titleSection {
        font-size: 1.3em;
    }

    .map2entrecasa-barra-text {
        font-size: 1.3em;
    }

    .map2entrecasa-titleDescSection {
        font-size: 1.1em;
    }

    .map2entrecasa-titleMap {
        font-size: 1.3em;
        margin: 0px 0 40px 0 !important;
    }
}

@media only screen and (max-width: 900px) {
    .map2entrecasa-container {
        height: 51vw;
        width: 100%;
        padding: 0 0 8% 0;
        font-size: 0.6em;
    }

    .map2entrecasa-subItem {
        font-size: 0.6em !important;
    }

    .map2entrecasa-titleSection {
        font-size: 1.2em;
    }

    .map2entrecasa-barra-text {
        font-size: 1.2em;
    }

    .map2entrecasa-titleDescSection {
        font-size: 1.1em;
    }

    .map2entrecasa-titleMap {
        font-size: 1.2em;
        margin: 0px 0 40px 0 !important;
    }
}

@media only screen and (max-width: 799px) {
    .map2entrecasa-container {
        height: 94vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.9em;
    }

    .map2entrecasa-subItem {
        font-size: 0.77em !important;
    }

    .map2entrecasa-titleSection {
        font-size: 1.3em;
    }

    .map2entrecasa-barra-text {
        font-size: 1.3em;
    }

    .map2entrecasa-titleDescSection {
        font-size: 1.2em;
    }

    .map2entrecasa-titleMap {
        font-size: 1.6em;
        margin: 0px 0 50px 0 !important;
    }

    .barraFigure {
        width: 0;
        height: 18vw;
        border-width: 4vw 18vw 4vw 0;
    }
}

@media only screen and (max-width: 700px) {
    .map2entrecasa-container {
        height: 94vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.7em;
    }

    .map2entrecasa-subItem {
        font-size: 0.75em !important;
    }

    .map2entrecasa-titleSection {
        font-size: 1.4em;
    }

    .map2entrecasa-barra-text {
        font-size: 1.4em;
    }

    .map2entrecasa-titleDescSection {
        font-size: 1.3em;
    }

    .map2entrecasa-titleMap {
        font-size: 1.5em;
        margin: 0px 0 45px 0 !important;
    }
}

@media only screen and (max-width: 540px) {
    .map2entrecasa-container {
        height: 95vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.6em;
    }

    .map2entrecasa-subItem {
        font-size: 0.7em !important;
    }

    .map2entrecasa-titleSection {
        font-size: 1.3em;
    }

    .map2entrecasa-barra-text {
        font-size: 1.3em;
    }

    .map2entrecasa-titleDescSection {
        font-size: 1.2em;
    }

    .map2entrecasa-titleMap {
        font-size: 1.4em;
        margin: 0px 0 40px 0 !important;
    }
}

@media only screen and (max-width: 450px) {
    .map2entrecasa-container {
        height: 97vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.5em;
    }

    .map2entrecasa-subItem {
        font-size: 0.7em !important;
    }

    .map2entrecasa-titleSection {
        font-size: 1.3em;
    }

    .map2entrecasa-barra-text {
        font-size: 1.3em;
    }

    .map2entrecasa-titleDescSection {
        font-size: 1.2em;
    }

    .map2entrecasa-titleMap {
        font-size: 1.1em;
        margin: 0px 0 30px 0 !important;
    }
}

@media only screen and (max-width: 350px) {
    .map2entrecasa-container {
        height: 97vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.5em;
    }

    .map2entrecasa-subItem {
        font-size: 0.6em !important;
    }

    .map2entrecasa-titleSection {
        font-size: 1em;
    }

    .map2entrecasa-barra-text {
        font-size: 1em;
    }

    .map2entrecasa-titleDescSection {
        font-size: 0.9em;
    }

    .map2entrecasa-titleMap {
        font-size: 1em;
        margin: 0px 0 30px 0 !important;
    }
}

@media only screen and (max-width: 300px) {
    .map2entrecasa-container {
        height: 97vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.5em;
    }

    .map2entrecasa-subItem {
        font-size: 0.5em !important;
    }

    .map2entrecasa-titleSection {
        font-size: 0.9em;
    }

    .map2entrecasa-barra-text {
        font-size: 0.9em;
    }

    .map2entrecasa-titleDescSection {
        font-size: 0.8em;
    }

    .map2entrecasa-titleMap {
        font-size: 0.8em;
        margin: 0px 0 30px 0 !important;
    }
}

@media only screen and (max-width: 250px) {
    .map2entrecasa-container {
        height: 97vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.5em;
    }

    .map2entrecasa-subItem {
        font-size: 0.3em !important;
    }

    .map2entrecasa-titleSection {
        font-size: 0.7em;
    }

    .map2entrecasa-barra-text {
        font-size: 0.7em;
    }

    .map2entrecasa-titleDescSection {
        font-size: 0.7em;
    }

    .map2entrecasa-titleMap {
        font-size: 0.7em;
        margin: 0px 0 20px 0 !important;
    }
}

/* FIN - CASO MAPA HECHO CON BOTONES DE CSS - MAPA ENTRECASA */
/* FIN Clases especiales que se crean puntualmente para usarse en con html en la descripción de un evento puntual */
/* ============================================================================================ */
/* ============================================================================================ */
/* Clases especiales que se crean puntualmente para usarse en con html en la descripción de un evento puntual */
/* CASO MAPA HECHO CON BOTONES DE CSS - MAPA 3 ENTRECASA */

.map3entrecasa-container {
    display: grid;
    grid-template-columns: 0.5fr 0.4fr 1fr 0.45fr;
    grid-template-rows: 0.4fr 0.3fr 0.7fr 0.95fr 0.8fr;
    grid-auto-flow: row;
    grid-template-areas:
        '. . escenario escenario'
        'mlat mlat mcentro mcentro'
        'mlat mlat mcentro mcentro'
        'mlat mlat mcentroa mcentroa'
        'barra depie depie mcentroa2';
}

.map3entrecasa-firstSubElement {
    margin-top: 0.2em;
}

.map3entrecasa-subItem {
    transition: opacity 0.8s;
    text-align: center;
}

.map3entrecasa-titleSection {
    font-weight: bold;

    transition: opacity 0.8s;
}

.map3entrecasa-titleDescSection {
    transition: opacity 0.8s;
}

.map3entrecasa-textButtonHover {
    opacity: 0;
    position: absolute;
    transition: opacity 0.3s;
    font-size: 2em;
    font-weight: bold;
}

.map3entrecasa-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

/* A continuación se separan las clases de cada sección por líneas con guiones simples */
/* --------------------------------------------------------- */
.map3entrecasa-escenario {
    grid-area: escenario;
    background: #0097b2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white !important;
    font-size: 1.3em;
    margin: 0 0 1% 0;
}
/* --------------------------------------------------------- */
.map3entrecasa-mlat {
    grid-area: mlat;
    background: #a0c7aa;
    color: var(--af-text);
    transition: 0.4s;
    position: relative;
    margin: 1% 1% 0 0;
}

.map3entrecasa-mlat:hover,
.map3entrecasa-mlat:focus {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #86c095;
}

.map3entrecasa-mlat .map3entrecasa-textButtonHover {
    color: var(--af-text);
}

.map3entrecasa-mlat:hover .map3entrecasa-textButtonHover,
.map3entrecasa-mlat:focus .map3entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map3entrecasa-mlat:hover .map3entrecasa-titleSection,
.map3entrecasa-mlat:focus .map3entrecasa-titleSection,
.map3entrecasa-mlat:hover .map3entrecasa-subItem,
.map3entrecasa-mlat:focus .map3entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}
/* --------------------------------------------------------- */
.map3entrecasa-barra {
    grid-area: barra;
/*     background: #ec3aa6; */
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: start;
    color: white !important;
    font-size: 1.3em;
    margin: 3% 1% 0 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.map3entrecasa-barraFigure {
    width: 0;
    border-style: solid;
    border-color: transparent #a63434 transparent transparent;
}

.map3entrecasa-barra-text {
    position: absolute;
    font-weight: bold;
    width: 98%;
    text-align: center;
}
/* --------------------------------------------------------- */
.map3entrecasa-depie {
    grid-area: depie;
    background: #fae7e0;
    color: var(--af-text);
    transition: 0.4s;
    position: relative;
    margin: 2% 1.5% 0 1%;
}

.map3entrecasa-depie:hover,
.map3entrecasa-depie:focus {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #f4d6cb;
}

.map3entrecasa-depie .map3entrecasa-textButtonHover {
    color: var(--af-text);
}

.map3entrecasa-depie:hover .map3entrecasa-textButtonHover,
.map3entrecasa-depie:focus .map3entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map3entrecasa-depie:hover .map3entrecasa-titleSection,
.map3entrecasa-depie:focus .map3entrecasa-titleSection,
.map3entrecasa-depie:hover .map3entrecasa-subItem,
.map3entrecasa-depie:focus .map3entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}
/* --------------------------------------------------------- */
.map3entrecasa-mcentro {
    grid-area: mcentro;
    background: #b6e2d3;
    color: var(--af-text);
    transition: 0.4s;
    position: relative;
    margin: 1% 0 1% 1%;
}

.map3entrecasa-mcentro:hover,
.map3entrecasa-mcentro:focus {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #a5dbc9;
}

.map3entrecasa-mcentro .map3entrecasa-textButtonHover {
    color: var(--af-text);
}

.map3entrecasa-mcentro:hover .map3entrecasa-textButtonHover,
.map3entrecasa-mcentro:focus .map3entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map3entrecasa-mcentro:hover .map3entrecasa-titleSection,
.map3entrecasa-mcentro:focus .map3entrecasa-titleSection,
.map3entrecasa-mcentro:hover .map3entrecasa-subItem,
.map3entrecasa-mcentro:focus .map3entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}
/* --------------------------------------------------------- */
.map3entrecasa-mcentroa {
    grid-area: mcentroa;
    background: #a0c7aa;
    color: var(--af-text);
    transition: 0.4s;
    position: relative;
    margin: 1% 0 0 1%;
}

.map3entrecasa-mcentroa-manualHover {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #86c095 !important;
}

.map3entrecasa-mcentroa-manualHover .map3entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;
}

.map3entrecasa-mcentroa-manualHover .map3entrecasa-titleSection,
.map3entrecasa-mcentroa-manualHover .map3entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}

.map3entrecasa-mcentroa:hover,
.map3entrecasa-mcentroa:focus {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #86c095;
}

.map3entrecasa-mcentroa .map3entrecasa-textButtonHover {
    color: var(--af-text);
}

.map3entrecasa-mcentroa:hover .map3entrecasa-textButtonHover,
.map3entrecasa-mcentroa:focus .map3entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;
}

.map3entrecasa-mcentroa:hover .map3entrecasa-titleSection,
.map3entrecasa-mcentroa:focus .map3entrecasa-titleSection,
.map3entrecasa-mcentroa:hover .map3entrecasa-subItem,
.map3entrecasa-mcentroa:focus .map3entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}
/* --------------------------------------------------------- */
.map3entrecasa-titleMap {
    text-align: center;
    font-weight: bold;
}
/* --------------------------------------------------------- */
.map3entrecasa-mcentroa2 {
    grid-area: mcentroa2;
    background: #a0c7aa;
    color: var(--af-text);
    transition: 0.4s;
    position: relative;
    margin: 0 0 0 1%;
}

.map3entrecasa-mcentroa2-manualHover {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #86c095;
}

.map3entrecasa-mcentroa2:hover,
.map3entrecasa-mcentroa2:focus {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #86c095;
}

.map3entrecasa-mcentroa2 .map3entrecasa-textButtonHover {
    color: var(--af-text);
}
/* --------------------------------------------------------- */
/* MEDIA QUERIES DEL MAPA */
@media only screen and (min-width: 1500px) {
    .map3entrecasa-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
    }

    .map3entrecasa-subItem {
        font-size: 1em !important;
    }

    .map3entrecasa-titleSection {
        font-size: 1.4em;
    }

    .map3entrecasa-titleDescSection {
        font-size: 1.3em;
    }

    .map3entrecasa-titleMap {
        font-size: 1.5em;
        margin: 0px 0 40px 0 !important;
    }

    .map3entrecasa-barra-text {
        font-size: 1.4em;
    }

    .map3entrecasa-barraFigure {
        width: 0;
        height: 10vw;
        border-width: 2.5vw 9vw 2.5vw 0;
    }
}

@media only screen and (max-width: 1500px) {
    .map3entrecasa-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
    }

    .map3entrecasa-subItem {
        font-size: 1em !important;
    }

    .map3entrecasa-titleSection {
        font-size: 1.5em;
    }

    .map3entrecasa-barra-text {
        font-size: 1.5em;
    }

    .map3entrecasa-titleDescSection {
        font-size: 1.3em;
    }

    .map3entrecasa-titleMap {
        font-size: 1.5em;
        margin: 0px 0 40px 0 !important;
    }

    .map3entrecasa-barraFigure {
        width: 0;
        height: 10vw;
        border-width: 2.5vw 9vw 2.5vw 0;
    }
}

@media only screen and (max-width: 1400px) {
    .map3entrecasa-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
    }

    .map3entrecasa-subItem {
        font-size: 0.8em !important;
    }

    .map3entrecasa-titleSection {
        font-size: 1.4em;
    }

    .map3entrecasa-barra-text {
        font-size: 1.4em;
    }

    .map3entrecasa-titleDescSection {
        font-size: 1.2em;
    }

    .map3entrecasa-titleMap {
        font-size: 1.4em;
        margin: 0px 0 40px 0 !important;
    }
}

@media only screen and (max-width: 1300px) {
    .map3entrecasa-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
    }

    .map3entrecasa-subItem {
        font-size: 0.7em !important;
    }

    .map3entrecasa-titleSection {
        font-size: 1.3em;
    }

    .map3entrecasa-barra-text {
        font-size: 1.3em;
    }

    .map3entrecasa-titleDescSection {
        font-size: 1.2em;
    }

    .map3entrecasa-titleMap {
        font-size: 1.3em;
        margin: 0px 0 40px 0 !important;
    }
}

@media only screen and (max-width: 1200px) {
    .map3entrecasa-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
    }

    .map3entrecasa-subItem {
        font-size: 0.6em !important;
    }

    .map3entrecasa-titleSection {
        font-size: 1.1em;
    }

    .map3entrecasa-barra-text {
        font-size: 1.1em;
    }

    .map3entrecasa-titleDescSection {
        font-size: 1.1em;
    }

    .map3entrecasa-titleMap {
        font-size: 1.1em;
        margin: 0px 0 40px 0 !important;
    }

    .map3entrecasa-barraFigure {
        width: 0;
        height: 10vw;
        border-width: 2.5vw 8.5vw 2.5vw 0;
    }
}

@media only screen and (max-width: 1100px) {
    .map3entrecasa-container {
        height: 51vw;
        width: 100%;
        padding: 0 0 8% 0;
        font-size: 0.8em;
    }

    .map3entrecasa-subItem {
        font-size: 0.6em !important;
    }

    .map3entrecasa-titleSection {
        font-size: 1.1em;
    }

    .map3entrecasa-titleDescSection {
        font-size: 1.1em;
    }

    .map3entrecasa-titleMap {
        font-size: 1.1em;
        margin: 0px 0 40px 0 !important;
    }

    .map3entrecasa-barra-text {
        font-size: 1.1em;
    }

    .map3entrecasa-barraFigure {
        width: 0;
        height: 10vw;
        border-width: 2.5vw 9vw 2.5vw 0;
    }
}

@media only screen and (max-width: 1000px) {
    .map3entrecasa-container {
        height: 51vw;
        width: 100%;
        padding: 0 0 8% 0;
        font-size: 0.6em;
    }

    .map3entrecasa-subItem {
        font-size: 0.7em !important;
    }

    .map3entrecasa-titleSection {
        font-size: 1.3em;
    }

    .map3entrecasa-barra-text {
        font-size: 1.3em;
    }

    .map3entrecasa-titleDescSection {
        font-size: 1.1em;
    }

    .map3entrecasa-titleMap {
        font-size: 1.3em;
        margin: 0px 0 40px 0 !important;
    }
}

@media only screen and (max-width: 900px) {
    .map3entrecasa-container {
        height: 51vw;
        width: 100%;
        padding: 0 0 8% 0;
        font-size: 0.6em;
    }

    .map3entrecasa-subItem {
        font-size: 0.6em !important;
    }

    .map3entrecasa-titleSection {
        font-size: 1.2em;
    }

    .map3entrecasa-barra-text {
        font-size: 1.2em;
    }

    .map3entrecasa-titleDescSection {
        font-size: 1.1em;
    }

    .map3entrecasa-titleMap {
        font-size: 1.2em;
        margin: 0px 0 40px 0 !important;
    }
}

@media only screen and (max-width: 799px) {
    .map3entrecasa-container {
        height: 94vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.9em;
    }

    .map3entrecasa-subItem {
        font-size: 0.77em !important;
    }

    .map3entrecasa-titleSection {
        font-size: 1.3em;
    }

    .map3entrecasa-barra-text {
        font-size: 1.3em;
    }

    .map3entrecasa-titleDescSection {
        font-size: 1.2em;
    }

    .map3entrecasa-titleMap {
        font-size: 1.6em;
        margin: 0px 0 50px 0 !important;
    }

    .map3entrecasa-barraFigure {
        width: 0;
        height: 18vw;
        border-width: 4vw 18vw 4vw 0;
    }
}

@media only screen and (max-width: 700px) {
    .map3entrecasa-container {
        height: 94vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.7em;
    }

    .map3entrecasa-subItem {
        font-size: 0.75em !important;
    }

    .map3entrecasa-titleSection {
        font-size: 1.4em;
    }

    .map3entrecasa-barra-text {
        font-size: 1.4em;
    }

    .map3entrecasa-titleDescSection {
        font-size: 1.3em;
    }

    .map3entrecasa-titleMap {
        font-size: 1.5em;
        margin: 0px 0 45px 0 !important;
    }
}

@media only screen and (max-width: 540px) {
    .map3entrecasa-container {
        height: 95vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.6em;
    }

    .map3entrecasa-subItem {
        font-size: 0.7em !important;
    }

    .map3entrecasa-titleSection {
        font-size: 1.3em;
    }

    .map3entrecasa-barra-text {
        font-size: 1.3em;
    }

    .map3entrecasa-titleDescSection {
        font-size: 1.2em;
    }

    .map3entrecasa-titleMap {
        font-size: 1.4em;
        margin: 0px 0 40px 0 !important;
    }
}

@media only screen and (max-width: 450px) {
    .map3entrecasa-container {
        height: 97vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.5em;
    }

    .map3entrecasa-subItem {
        font-size: 0.7em !important;
    }

    .map3entrecasa-titleSection {
        font-size: 1.3em;
    }

    .map3entrecasa-barra-text {
        font-size: 1.3em;
    }

    .map3entrecasa-titleDescSection {
        font-size: 1.2em;
    }

    .map3entrecasa-titleMap {
        font-size: 1.1em;
        margin: 0px 0 30px 0 !important;
    }
}

@media only screen and (max-width: 350px) {
    .map3entrecasa-container {
        height: 97vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.5em;
    }

    .map3entrecasa-subItem {
        font-size: 0.6em !important;
    }

    .map3entrecasa-titleSection {
        font-size: 1em;
    }

    .map3entrecasa-barra-text {
        font-size: 1em;
    }

    .map3entrecasa-titleDescSection {
        font-size: 0.9em;
    }

    .map3entrecasa-titleMap {
        font-size: 1em;
        margin: 0px 0 30px 0 !important;
    }
}

@media only screen and (max-width: 300px) {
    .map3entrecasa-container {
        height: 97vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.5em;
    }

    .map3entrecasa-subItem {
        font-size: 0.5em !important;
    }

    .map3entrecasa-titleSection {
        font-size: 0.9em;
    }

    .map3entrecasa-barra-text {
        font-size: 0.9em;
    }

    .map3entrecasa-titleDescSection {
        font-size: 0.8em;
    }

    .map3entrecasa-titleMap {
        font-size: 0.8em;
        margin: 0px 0 30px 0 !important;
    }
}

@media only screen and (max-width: 250px) {
    .map3entrecasa-container {
        height: 97vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.5em;
    }

    .map3entrecasa-subItem {
        font-size: 0.3em !important;
    }

    .map3entrecasa-titleSection {
        font-size: 0.7em;
    }

    .map3entrecasa-barra-text {
        font-size: 0.7em;
    }

    .map3entrecasa-titleDescSection {
        font-size: 0.7em;
    }

    .map3entrecasa-titleMap {
        font-size: 0.7em;
        margin: 0px 0 20px 0 !important;
    }
}

/* FIN - CASO MAPA HECHO CON BOTONES DE CSS - MAPA ENTRECASA */
/* FIN Clases especiales que se crean puntualmente para usarse en con html en la descripción de un evento puntual */
/* ============================================================================================ */
/* ============================================================================================ */
/* Clases especiales que se crean puntualmente para usarse en con html en la descripción de un evento puntual */
/* CASO CEIBAL - HASTA 06/11/2023 21:00 */
.buttons1-containerGridButtonsInfoText {
    display: grid;
    grid-template-columns: 50% 50%;
    margin: 4% 0 6% 0;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.buttons1-gridItemInfoText {
    text-align: center;
}

.buttons1-hrLine {
    border-top: 2px solid #dedede;
}

a.buttons1-buttonEventInfoText1:hover {
    background-color: white !important;
    color: var(--af-red) !important;
}

a.buttons1-buttonEventInfoText2:hover {
    background-color: white !important;
    color: var(--af-red) !important;
}

.buttons1-eventInfoText1 {
    /* background: #02adc6 !important; */
    color: var(--af-text) !important;

    font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;
    font-weight: bold;
    text-align: center;

    display: flex;
    justify-content: center;
    align-items: center;
}

.buttons1-eventInfoText2 {
    /* background: #02adc6 !important; */
    color: var(--af-text) !important;

    font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;
    font-weight: bold;
    text-align: center;

    display: flex;
    justify-content: center;
    align-items: center;
}

a.buttons1-buttonEventInfoText1 {
    border-radius: 12px;
    box-shadow: 0px 3px 6px #00000029;

    background: var(--af-red) !important;
    color: white !important;

    transition: 0.3s;

    font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;

    display: flex;
    justify-content: center;
    align-items: center;
}

a.buttons1-buttonEventInfoText2 {
    border-radius: 12px;
    box-shadow: 0px 3px 6px #00000029;

    background: var(--af-red) !important;
    color: white !important;

    transition: 0.3s;

    font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;

    display: flex;
    justify-content: center;
    align-items: center;
}

.buttons1-containerTitleInfoText1 {
    text-align: center;
}

@media only screen and (min-width: 1100px) {
    .buttons1-containerGridButtonsInfoText {
        padding: 0 1vw 0 1vw;
    }

    .buttons1-buttonEventInfoText1 {
        padding: 2vh 1.8vw 2vh 1.8vw;
        margin: 12px 1vw 12px 0;
        font-size: 1.1vw;
    }

    .buttons1-buttonEventInfoText2 {
        padding: 2vh 1.8vw 2vh 1.8vw;
        margin: 12px 0 12px 1vw;
        font-size: 1.1vw;
    }

    .buttons1-eventInfoText1 { 
        font-size: 1.3vw;
        margin: 0 0 -30px 0;
    }

    .buttons1-eventInfoText2 { 
        font-size: 1.3vw;
        margin: 0 0 10px 1vw;
    }
}

@media only screen and (max-width: 1099px) {
    .buttons1-containerGridButtonsInfoText {
        padding: 0 1vw 0 1vw;
    }

    .buttons1-titleInfoText1 {
        font-size: 1.3vw;
    }

    .buttons1-buttonEventInfoText1 {
        padding: 1.5vh 1.8vw 1.5vh 1.8vw;
        margin: 10px 1vw 10px 0;
        font-size: 1.4vw;
    }

    .buttons1-buttonEventInfoText2 {
        padding: 1.5vh 1.8vw 1.5vh 1.8vw;
        margin: 10px 0 10px 1vw;
        font-size: 1.4vw;
    }

    .buttons1-eventInfoText1 { 
        font-size: 1.6vw;
        margin: 0 0 -30px 0;
    }

    .buttons1-eventInfoText2 { 
        font-size: 1.6vw;
        margin: 0 0 10px 1vw;
    }
}

@media only screen and (max-width: 799px) {
    .buttons1-containerGridButtonsInfoText {
        padding: 0 4vw 0 4vw;
    }

    .buttons1-containerTitleInfoText1 {
        padding: 0 5vw 0 5vw;
    }

    .buttons1-titleInfoText1 {
        font-size: 2.8vw;
    }

    .buttons1-buttonEventInfoText1 {
        padding: 2.5vh 1.8vw 2.5vh 1.8vw;
        font-size: 2.7vw;
        margin: 15px 2vw 15px 0;
    }

    .buttons1-buttonEventInfoText2 {
        padding: 2.5vh 1.8vw 2.5vh 1.8vw;
        font-size: 2.7vw;
        margin: 15px 0 15px 2vw;
    }

    .buttons1-eventInfoText1 { 
        font-size: 2.9vw;
        margin: 0 0 -30px 0;
    }

    .buttons1-eventInfoText2 { 
        font-size: 2.9vw;
        margin: 0 0 10px 1vw;
    }
}

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

    .buttons1-buttonEventInfoText1 {
        padding: 2.3vh 1.8vw 2.3vh 1.8vw;
        font-size: 3vw;
        margin: 10px 2vw 10px 0;
    }

    .buttons1-buttonEventInfoText2 {
        padding: 2.3vh 1.8vw 2.3vh 1.8vw;
        font-size: 3vw;
        margin: 10px 0 10px 2vw;
    }

    .buttons1-eventInfoText1 { 
        font-size: 3.2vw;
        margin: 0 0 -30px 0;
    }

    .buttons1-eventInfoText2 { 
        font-size: 3.2vw;
        margin: 0 0 10px 1vw;
    }
}

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

    .buttons1-buttonEventInfoText1 {
        padding: 1.7vh 1.8vw 1.7vh 1.8vw;
        font-size: 4vw;
        margin: 8px 2vw 8px 0;
    }

    .buttons1-buttonEventInfoText2 {
        padding: 1.7vh 1.8vw 1.7vh 1.8vw;
        font-size: 4vw;
        margin: 8px 0 8px 2vw;
    }

    .buttons1-eventInfoText1 { 
        font-size: 4.2vw;
        margin: 0 0 -30px 0;
    }

    .buttons1-eventInfoText2 { 
        font-size: 4.2vw;
        margin: 0 0 10px 1vw;
    }
}
/* FIN - CASO CEIBAL - HASTA 06/11/2023 21:00 */
/* FIN Clases especiales que se crean puntualmente para usarse en con html en la descripción de un evento puntual */
/* ============================================================================================ */
.specialCaseAlertRsvp {
    font-size: 1.2em;
    font-weight: bold;
}

.subtitleFormStep2 {
    margin: -1em 0 1.4em 0 !important;
}

.seatTextForBuyer {
    font-size: 0.9em;
    margin: 0 0 0 0.3em;
}

.containerSeatTextForBuyer {
    margin: 0.3em 0 0 0;
}

.loading,
.loading:after {
    border-radius: 50%;
    width: 3em;
    height: 3em;
}

.loading {
    margin: 0 0;
    position: relative;
    text-indent: -9999em;
    border-top: 0.6em solid rgba(254, 94, 94, 1);
    border-right: 0.6em solid rgba(254, 94, 94, 1);
    border-bottom: 0.6em solid rgba(254, 94, 94, 1);
    border-left: 0.6em solid #f7f7f7;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loadingAnimation 1.1s infinite linear;
    animation: loadingAnimation 1.1s infinite linear;
}

@-webkit-keyframes loadingAnimation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loadingAnimation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

textarea {
    max-width: 100%;
    min-height: 15vh;
}

input.form-control,
textarea.form-control {
    border-radius: 5px !important;
    border: 0 !important;
    border: 1px solid #EEEEEE !important; 
    box-shadow: 0px 3px 6px #0000000e;
}

/* SE SOBREESCRIBE REGLA DE BOOTSTRAP */
.popover {
    max-width: 300px !important;
}

.popover-content {
    font-weight: normal;
    font-size: 13px;
}

/**
* Lo que hace la siguiente es poner un height adecuado al contenedor de summary de precios y valores para ocultar la tabla del desglose de valores.
*/
.summaryContainer.hideSummary {
    /* Esta es la altura que tiene siempre con el summary */
    /* height: 187.14px; */
    height: 20px;
}

/**
* Lo que hace la siguiente es indicar display none para que la tabla de desglose se oculte por completo.
*/
.summaryTable.hideSummary {
    display: none;
}

.title-select-method {
    margin: 5vh 0 5vh 0;
}

.containerPaymentMethods {
    background: transparent;
    border: 1px solid #e4e4e4;
    padding: 0 1.5rem 0.7rem 2rem;
    margin: 0 0 3vh 0;
    border-radius: 14px;
}

.line-border {
    border-bottom: 1px solid #e4e4e4;
    margin: 0 1vw 2vh 1vw;
    padding: 0 0 0 0;
}

.titleContainerPaymentMethods {
    margin: 3vh 0 10px 1vw;
    padding: 0 0 0 0;
    font-size: 1.6rem !important; /*Se modifica font-size aplicado de forma general a todos los h3*/
    font-weight: bold;
}

/* Estos estilos están pensados para la descripción de medios de pago teniendo en cuenta sólo un medio de pago concreto, está por lo tanto bastante agarrado de los pelos, habría que revisarlo bien antes de habilitar descripciones a todos los medios de pago. */

@media only screen and (min-width: 1901px) {
    .descriptionPayMeth {
        padding: 0.1rem 0 0 40%;
    }
    .descriptionPayMethForSmallerScreens {
        display: none;
    }
}

@media only screen and (max-width: 1900px) {
    .descriptionPayMeth {
        padding: 0.1rem 0 0 43%;
    }
    .descriptionPayMethForSmallerScreens {
        display: none;
    }
}

@media only screen and (max-width: 1700px) {
    .descriptionPayMeth {
        padding: 0 0 0 49%;
    }
    .descriptionPayMethForSmallerScreens {
        display: none;
    }
}

@media only screen and (max-width: 1500px) {
    .descriptionPayMeth {
        padding: 0.1rem 0 0 57%;
    }
    .descriptionPayMethForSmallerScreens {
        display: none;
    }
}

@media only screen and (max-width: 1300px) {
    .descriptionPayMeth {
        padding: 0.1rem 0 0 63%;
    }
    .descriptionPayMethForSmallerScreens {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .descriptionPayMeth {
        display: none;
    }
    .descriptionPayMethForSmallerScreens {
        display: block;
        padding: 5px 0 0 0;
    }
}

@media only screen and (max-width: 991px) {
    .descriptionPayMeth {
        display: inline;
        padding: 0.1rem 0 0 52%;
    }
    .descriptionPayMethForSmallerScreens {
        display: none;
    }
}

@media only screen and (max-width: 860px) {
    .descriptionPayMeth {
        padding: 0.1rem 0 0 57%;
    }
    .descriptionPayMethForSmallerScreens {
        display: none;
    }
}

@media only screen and (max-width: 700px) {
    .descriptionPayMeth {
        display: none;
    }
    .descriptionPayMethForSmallerScreens {
        display: block;
        padding: 5px 0 0 0;
    }
}

.textEmailRegistryConfirmation {
    font-size: 15px;
    line-height: 1.5;
}

.titlePaymentsSmall {
    margin: 3vh 0 4vh 0 !important;
}

.titlePurchase {
    margin: 0 0 4vh 0 !important;
}

.menuItem.active p {
    color: var(--af-red);
}

.menuItem p {
    font-size: 13px;
    color: #262626;
    font-weight: 500;
}

.menuItem:not(.active) img {
    filter: brightness(0);
}

.menuItem:not(.active):hover img {
    filter: brightness(1);
}

h1 {
    font-weight: bolder;
    /*font-size: 3vw;*/
    font-size: 25px;
}

h1:not(.eventTitle) {
    text-transform: uppercase;
}

a,
a:hover:not(.map1-container > a):not(.map2entrecasa-container > a):not(.map3entrecasa-container > a):not(.map4entrecasa-container > a):not(.map5entrecasa-container > a):not(.map6entrecasa-container > a):not(.map7entrecasa-container > a),
a:active,
a:visited,
a:focus:not(.map1-container > a):not(.map2entrecasa-container > a):not(.map3entrecasa-container > a):not(.map4entrecasa-container > a):not(.map5entrecasa-container > a):not(.map6entrecasa-container > a):not(.map7entrecasa-container > a) {
    text-decoration: none;
}

a.button,
input.btn {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

.btn i {
    margin-right: 1vw;
}

a.button.buttonPrimary,
.btn.btn-primary {
    background-color: #B32F2F;
    padding: 1vh 2vw;
    border-radius: 5px;
    color: white;
    border: 0;
    /*font-size: 1vw;*/
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
}

a.button.buttonSecondary {
    color: var(--af-text);
    /*font-size: 1vw;*/
    font-size: 15px;
}

.card {
    box-shadow: 0px 3px 6px #00000029;
    width: 100%;
    background-color: white;
    border-radius: 25px;
}

.btn.btn-social.btn-af {
    box-shadow: 0px 3px 6px var(--af-red);
    background-color: var(--af-red);
    border-radius: 15px;
    opacity: 1;
    color: white;
    padding: 1vh 2vw;
}

.btn.btn-social.btn-facebook {
    box-shadow: 0px 3px 6px #3b5998;
    background-color: #3b5998;
    border-radius: 15px;
    opacity: 1;
    color: white;
    padding: 1vh 2vw;
}

.btn.btn-social.btn-linkedin {
    box-shadow: 0px 3px 6px #0e76a8;
    background-color: #0e76a8;
    border-radius: 15px;
    opacity: 1;
    color: white;
    padding: 1vh 2vw;
}
/* Main */

div.microsite {
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: row;
}

.contentContainer {
    height: 100vh;
    overflow: scroll;
    overflow-x: hidden;
}

.contentContainer-background {
    background-color: #ffffff;
}

.afNavbar {
    background-color: white;
}

.content {
    width: 100%;
}

.heightRegistrationContainer {
  height: 4vh;
}

@media (max-width: 767px) {
  .heightRegistrationContainer {
    height: 7vh;
  }
}

.registrationContainer {
    display: flex;
    flex-direction: row;
    margin: 0vh 6vw;
    justify-content: flex-end;
    align-items: center;
}

.login {
    margin-right: 1vw;
}

.logo {
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.afNavbarContainer {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #FAFAFA;
    border-right: 1px solid #EEEEEE;
}

.menuItem {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    height: 100%;
    font-size: 1vw;
}

.menuItem:hover p {
    color: var(--af-red);
}

.eventData {
    justify-content: center;
    display: flex;
    flex-direction: column-reverse;
}

div.footerLogo {
    height: 12vh;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
    padding: 0vh 6vw;
}

.logo img {
    width: 35px;
}

.eventCountdownItemContainer:nth-child(3) {
    position: relative;
    left: -5px;
}

.eventCountdownItemContainer:nth-child(4) {
    position: relative;
    left: -16px;
}

.footerLogo img {
    height: 19px;
}

.footerText {
    color: #262626;
    font-size: 16px;
}

.signup a.button.buttonPrimary {
    display: none;
}

.ring-container.active {
    position: relative;
    width: 48%;
    bottom: 2px;
}

.ring-container.active .circle {
    width: 30px;
    height: 30px;
    background-color: var(--af-red);
    border-radius: 50%;
    position: absolute;
    /* top: 23px; */
    /* left: 23px; */
    display: none;
}

.ring-container.active .ringring {
    border: 3px solid var(--af-red);
    -webkit-border-radius: 30px;
    height: 35px;
    width: 35px;
    position: absolute;
    -webkit-animation: pulsate 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0;
}

.btnSubmit {
    margin: 1vh 0 0 0;
}

.whatsapp-custom.whatsapp-btn {
    display: inline-flex;
    align-items: center;
    /* Alinear el logo y el texto */
    padding: 15px 30px;
    background-color: #25D366;
    /* Color de fondo de WhatsApp */
    color: white;
    text-decoration: none;
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    /* Ajustar el tamaño de la fuente */
}

.whatsapp-custom.whatsapp-btn:hover {
    background-color: white;
    color: #25D366;
    box-shadow: 0 4px 6px rgba(37, 211, 102, 0.3);
}

.whatsapp-custom.whatsapp-logo {
    width: 24px;
    /* Ajustar el tamaño del logo */
    margin-right: 8px;
    /* Espacio entre el logo y el texto */
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0;
    }
}

.afTopImage {
    display: none;
}

@media only screen and (max-width: 800px) {
    .afNavbar {
        width: 100%;
        height: 10vh;
        position: fixed;
        bottom: 0;
        left: 0;
    }

    .footerLogo {
        display: none !important;
    }

    .afTopImage {
        display: block;
        position: absolute;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
        margin-top: 0px;
        background: #ffffff;
        z-index: 999999999;
    }

    .contact {
        display: flex;
        flex-direction: column;
        margin: 0 2vw 2vh;
    }
    .enventCard-form {
        width: 100%;
        margin-bottom: 15px;
    }

    .contentContainer {
        width: 100%;
        height: 90vh;
    }

    .logo {
        display: none;
    }

    .menuContainer {
        display: flex;
        flex-direction: row;
        column-gap: 2.5vw;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .menuItem {
        height: 50px;
    }
    .menu {
        height: 100%;
    }

    /* .infoItem {
        margin-left: 1.9vw;
    } */

    .menuItem {
        margin-right: 5vw;
    }

    .menuItem img {
        height: 5vh;
    }

    .menuItem {
        font-size: 3vw;
    }

    p,
    h4,
    h3 {
        /*font-size: 3vw;*/
        font-size: 15px;
    }

    a.button.buttonSecondary {
        font-size: 3vw;
    }

    .btnSubmit {
        font-size: 1.5rem !important;
        margin-left: auto !important;
        margin-right: auto;
    }

    .buttons-submit-step1 {
        display: flex;
        flex-direction: row;
    }

    .btn-submit-next {
        margin-bottom: 6vh;
        margin-top: 6vh;
        max-height: auto;
    }

    .whatsapp-custom.whatsapp-btn {
        margin: 6vh 0 6vh 20px;
    }

    /*div.footerLogo {
        display: none;
    }*/
}

@media only screen and (min-width: 801px) {
    .buttons-submit-step1 {
        display: flex;
        flex-direction: row;
    }

    .registryConfirmationStep1 .btn-submit-next {
        margin-top: 6vh;
        margin-bottom: 0;
    }

    .whatsapp-custom.whatsapp-btn {
        margin: 6vh 0 0 30px;
        font-size: 1em;
    }

    .afNavbar {
        width: 80px;
    }

    .contentContainer {
        width: calc(100vw - 80px);
        height: 100vh;
    }
    .contact {
        margin: 0 2vw 2vh;
        padding: 0 1vw;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        column-gap: 1vw;
    }

    .enventCard-form {
        width: 60%;
    }

    .menu {
        /*height: 90vh;*/
        display: flex;
        justify-content: center;
        align-items: center;
        /*margin-top: -5vh;*/
    }

    .menuContainer {
        display: flex;
        flex-direction: column;
        margin: 1vh 0;
    }

    .content {
        min-height: 77vh;
    }

    .menuItem {
        margin-bottom: 2vh;
    }

    .menuItem img {
        height: 4vh;
    }
}

/* ============= */
/* Info */
/* ============= */

.info {
    display: flex;
    padding: 0 1vw;
    column-gap: 1vw;
    max-width: 2000px;
    justify-content: space-around;
    margin: 0 2vw 2vh;
}

a.button.buttonEvent {
    font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;
    padding: 2vh 2vw;
    border-radius: 12px;
    box-shadow: 0px 3px 6px #00000029;
    margin: 0 1.5vw;
    font-size: 0.8vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

a.button.buttonEventColor {
    color: var(--af-text);
}

.buttonRegister {
    background-color: var(--af-red) !important;
    font-size: 1.2vw !important;
    margin-top: 1vh !important;
    color: white !important;
}

.buttonRegisterCustom1 {
    background-color: white !important;
    font-size: 1.2vw !important;
    margin-top: 1vh !important;
    color: var(--af-red) !important;
}

.buttonRegister:hover {
    background-color: white !important;
    color: var(--af-red) !important;
}

.buttonRegisterCustom1:hover {
    background-color: var(--af-red) !important;
    color: white !important;
}

a.button.buttonEvent:hover {
    background-color: var(--af-red);
    color: white;
}

.button.buttonEvent img {
    max-width: 2vw;
    height: 3vh;
    margin-right: 0.5vw;
}

.eventInfoMain {
    width: 20vw;
    display: flex;
    flex-direction: column;
}

.infoContainer {
    width: 100%;
}

.registerContainer {
    width: 75%;
}

@media only screen and (max-width: 1200px) {
    .registerContainer {
        width: 72%;
    }
}


@media only screen and (max-width: 800px) {
    .registerContainer {
        width: 100%;
    }
}

@media only screen and (min-width: 800px) {
    .infoContainer {
        width: 20vw;
    }
}

.eventPlaceInfo {
    border-radius: 5px !important;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 3px 6px #0000000e;
    margin-bottom: 1vh;
}

.eventPlaceInfo * {
    color: #262626 !important;
}

.eventStickyContainer {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 3%;
}

.card.eventCard {
    display: flex;
    flex-direction: column;
    margin-bottom: 2vh;
}

img.banner.notCacheable {
    border-radius: 25px 25px 0 0;
    width: 100%;
    max-height: 50vh;
}

.eventLocationImage img,
.eventImage img {
    width: 100%;
    max-height: 50vh;
    border-radius: 5px;
}

.eventContainer {
    display: flex;
    flex-direction: row;
    background: #ffffff;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 3px 6px #0000000e;    
    border-radius: 5px;
}

.eventCountdown {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 2vh 0;
    column-gap: 1vw;
}

.eventCountdownItems {
    display: flex;
    flex-direction: row;
    column-gap: 1.5vw;
    justify-content: space-evenly;
    width: 80%;
}

.eventCountdownItem {
    background: #FAFAFA;
    border-radius: 5px;
    height: 3vw;
    width: 3vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #262626 !important;
    font-size: 1.5vw;
    border: 1px solid #EEEEEE;
}

.eventCountdownItemInput {
    font-size: 1.2vw;
    font-weight: 500;
    color: #262626;
}

.eventCountdownText p {
    font-size: 1vw;
    color: #262626;
}

.eventCountdownItemTxt {
    font-weight: 400;
    margin-top: 0.8vw;
    font-size: 1vw;
    color: #262626;
    text-transform: capitalize !important;
}

.eventTitleContainer {
    width: 100%;
    margin: 3.2% 0 3.2% 3.5%;
}

.eventTitle {
    font-size: 1.4vw;
    font-weight: 600;
    margin: 0;
    line-height: 1.42857143;
    color: #262626;
}

.detailItem {
    line-height: 1.42857143;
    margin: 0;
}

.dateAndTimeDetailItem {
    font-size: 14px;
}

.locationDetailItem {
    font-size: 14px;
}

.locationInfoDetailItem {
    font-size: 14px;
}

.organizationTextDetailItem {
    font-size: 15px;
}

.eventCountdownItemContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.eventHeader {
    border-radius: 25px 25px 0 0;
    padding: 1.2vw;
    background-color: var(--af-lgrey);
    text-align: center;
}

div.eventHeader.specialColor1 {
    background-color: #5b5b60 !important;
}

.specialColor2 {
    color: #444446;
}

p.eventHeaderText {
    text-transform: uppercase;
    color: var(--af-grey);
    font-size: 1.2vw;
}

.card.eventLocationInfo p,
.card.eventlocationInfo span {
    font-size: 0.9pc;
}

.eventDescription {
    margin-top: 5vh;
    font-size: 16px;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 3px 6px #0000000e;
    border-radius: 5px;
    width: 100% !important;
    margin: 5vh 0 0 0 !important;
    padding: 32px;
    color: #262626 !important;
    font-weight: 400px !important;
}


.card.eventActions {
    display: flex;
    flex-direction: column;
    padding: 2vh;
    border-radius: 13px !important;
}

.card.eventActions .button.buttonEvent {
    margin-bottom: 1vh;
}

.eventLocationInfo {
    padding: 1vw;
    display: flex;
    flex-direction: column;
}

.eventLocationInfoItem,
.eventLocationInfoAddress {
    margin-bottom: 1vh;
}

.tosText {
    font-size: 13px;
}

.eventLocationInfo img {
    width: 2vw;
    margin-right: 0.5vw;
}

.eventLocationInfoItem {
    display: flex;
    align-items: center;
}

.eventDataSocialNetworks {
    margin-top: 1vh;
    display: flex;
    justify-content: center;
    flex-direction: row;
}

a.button.buttonEvent:hover img {
    filter: brightness(5);
}

p.tosText {
    margin-top: 1vh;
    display: none;
}

/* Esto previene un breve momento en el que el botón de "Agregar al calendario" se muestra sin estilos cuando la página se carga. */
.addeventatc {
    visibility: hidden;
    z-index: 1000 !important;
}

div#addeventatc1 {
    font-family: inherit;
    font-weight: bold;
    padding: 2.3vh 2vw;
    border-radius: 12px;
    margin-bottom: 1vh !important;
    margin: 0 1.5vw;
    font-size: 0.8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-align: center;
}

div#addeventatc2 {
    font-family: inherit;
    font-weight: bold;
    padding: 2.3vh 2vw;
    border-radius: 12px;
    margin-bottom: 1vh !important;
    margin: 0 1.5vw;
    font-size: 0.8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-align: center;
}

div#addeventatc2.addeventatc-custom {
    color: #4e4e58 !important;
    box-shadow: 0 3px 6px #00000029 !important;
}

div#addeventatc2:hover {
    color: white !important;
    background-color: var(--af-red) !important;
}

div#addeventatc1.addeventatc-custom {
    color: #4e4e58 !important;
    box-shadow: 0 3px 6px #00000029 !important;
}

div#addeventatc1:hover {
    /* color: white !important;
    background-color: var(--af-red) !important; */
    text-decoration: underline;
}

.addeventatc .addeventatc_icon {
    display: none;
}

@media only screen and (min-width: 800px) {
    .info {
        flex-direction: row;
    }
    .eventMain {
        width: 60%;
        height: 100%;
    }

    .eventDescription {
        width: calc(100% - 45px);
        margin: 5vh auto 0 auto;
    }
}

@media only screen and (max-width: 799px) {
    .buttons {
        text-align: center;
    }

    .title-registry-confirmation {
        margin-top: 6vh;
    }

    .btn-download {
        margin: 4vh 0 8vh 0;
    }

    a.button.buttonPrimary,
    .btn.btn-primary {
        font-size: 5vw;
        /* margin-left: 33%; */
    }

    h1 {
        font-size: 6vw;
        /*font-size: 30px;*/
    }

    .registryConfirmationStep2 .col-sm-7.main.pull-left-sm {
        width: 100%;
    }

    .info {
        flex-direction: column;
    }

    .eventTitle {
        font-size: 20px;
        /* margin-bottom: 4vh; */
    }

    .button {
        font-size: 3.5vw !important;
    }

    .buttonRegister {
        font-size: 3.5vw !important;
    }

    .buttonRegisterCustom1 {
        font-size: 3.5vw !important;
    }

    .addeventatc-custom {
        font-size: 1.5vw !important;
    }

    p.eventHeaderText {
        font-size: 4.5vw;
    }

    .eventInfoMain {
        width: 100%;
        margin: 2vh 0;
        row-gap: 5vw;
        flex-direction: column-reverse;
    }

    .eventActions {
        margin-bottom: 2vh;
    }

    div.eventCountdown {
        flex-direction: column;
    }

    .eventCountdownText p {
        font-size: 2vw;
        font-weight: lighter;
    }

    .eventCountdownItem {
        height: 10vw;
        width: 10vw;
    }

    .eventCountdownItemInput {
        font-size: 5vw;
        column-gap: 5vw;
    }

    .eventLocationInfo {
        margin: 2vw 8vw 0vw 8vw;
        padding: 3vw;
    }

    .eventCountdownItems {
        column-gap: 5vw;
    }

    .eventCountdownItemTxt {
        font-size: 3vw;
    }

    .eventLocationInfo img {
        width: 6vw;
        margin-right: 3.5vw;
    }

    .button.buttonEvent img {
        max-width: 6vw;
        margin-right: 1vw;
    }

    .eventContainer {
        display: flex;
        flex-direction: column;
    }

    .eventTitleContainer p {
        /* font-size: 17px; */
    }

    div#addeventatc1 {
        font-size: 3.5vw !important;
    }

    div#addeventatc2 {
        font-size: 3.5vw !important;
    }

    .eventTitleContainer {
        width: 80%;
        margin: 3.5% 0 0 6%;
    }
}

@media only screen and (max-width: 600px) {
    .eventCountdownText p {
        font-size: 13px;
    }

    .menuItem {
        margin-right: 3vw;
        height: 40px;
    }

    .infoItem {
        margin-left: 0;
    }

    .buttons-submit-step1 {
        display: flex;
        flex-direction: column;
    }

    .btn-submit-next {
        margin-bottom: 4vh;
        margin-top: 4vh;
    }

    .whatsapp-custom.whatsapp-btn {
        margin: 4vh 0 4vh 0;
    }
}

@media only screen and (max-width: 500px) {
    .title-registry-confirmation {
        margin-top: 5vh;
    }

    .btn-download {
        margin: 4vh 0 4vh 0;
    }

    .menuItem {
        margin-right: 0vw;
    }

    /* .infoItem {
        margin-left: 5.45vw;
    } */
}

@media only screen and (max-width: 570px) {
    .eventTitle {
        font-size: 18px;
        /* margin-bottom: 3vh; */
    }

    .eventCountdownText p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .eventTitle {
        font-size: 16px;
        /* margin-bottom: 2vh; */
    }

    .eventCountdownText p {
        font-size: 13px;
        font-weight: 300;
    }

    .menuItem p {
        display: none;
    }

    .menuItem {
        margin-right: 0vw;
        height: 25px;
    }
}

@media only screen and (max-width: 320px) {
    .menuContainer {
        column-gap: 0.5vw;
    }

    .menuItem {
        margin-right: 0vw;
        padding: 0;
        height: 22px;
    }
}

@media only screen and (max-width: 310px) {
    .eventTitle {
        font-size: 13px;
        /* margin-bottom: 2vh; */
    }

    /* .menuItem {
        margin-right: 1.5vw;
    }

    .infoItem {
        margin-left: 3vw;
    } */
}

/* Speakers */

.speakers {
    padding: 0 2vw;
}

.speakers h1 {
    text-transform: uppercase;
    font-weight: bold;
}

.speaker {
    display: flex;
    flex-direction: column;
    margin-bottom: 2vh;
    margin-right: 10px;
}

.speakers button.close {
    top: -17px;
    position: relative;
}

.speakers .picture {
    position: relative;
}

.speakers .picture img.speakerPicture {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.speakers .redes {
    margin: 1vh 0;
}

.speakerContainer {
    width: 100%;
    height: 100%;
}

.speakers .moreInfo img {
    margin-left: 1vw;
}

.speaker.noModal .moreInfo {
    display: none;
}
.speaker.noModal {
    pointer-events: none;
}

span.moreInfo {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--af-red);
    color: white;
    padding: 6px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.descriptionCustomSpeakers {
    line-height: 1.6;
    padding: 14px 11vw 40px 15px;
}

@media only screen and (min-width: 1000px) {
    .speakers {
        width: 80vw;
        margin: 0 auto;
        row-gap: 1vh;
    }

    .col-lg-6 {
        width: 100%;
    }

    .speakersContainer {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
    }

    .speakersContainer.custom1 {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}

@media only screen and (max-width: 1000px) {
    .speakersContainer {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    .speakersContainer.custom1 {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}

@media only screen and (max-width: 768px) {
    .speakersContainer {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}

/* registryConfirmationStep1 */

.registryConfirmationStep1 {
    margin: 0 2vw 2vh;
    padding: 0 1vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    column-gap: 1vw;
}

@media only screen and (min-width: 800px) {
    .registryConfirmationStep1 {
        flex-direction: row;
    }
}

.registryConfirmationStep1 img.banner {
    border-radius: 15px 15px 0 0;
}

.registryConfirmationStep1 h1.registration {
    margin-top: 5vh;
    margin-bottom: 3vh;
}

.btn.btn-social {
    margin-bottom: 20px;
}

form#ticket-buy-form h4 {
    margin-bottom: 5vh;
}

.registryConfirmationStep1 thead {
    background: #F3F3F3;
}

.registryConfirmationStep1 thead tr {
    height: 6vh;
}

.registryConfirmationStep1 .form .row {
    display: flex;
    flex-direction: column;
}

.img-profile {
    line-height: 45px;
    width: 45px;
    height: 45px;
    border-radius: 50% 50% 50% 50%;
}

.profile-name {
    display: inline-block;
    line-height: 1.5pc;
    margin-left: 1vw;
    font-size: 1.2pc;
    color: #555;
}

.logout-button {
    display: block;
    font-size: 0.9pc;
    text-align: right;
    position: relative;
    bottom: 10px;
}

@media only screen and (min-width: 800px) {
    .registryConfirmationStep1 .card.eventCard {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .enventCard-form .card.eventCard {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}

@media only screen and (max-width: 1000px) {
    .registryConfirmationStep1 {
        margin: 0 2vw 2vw;
        padding: 0;
    }
    .col-lg-6 {
        width: 100%;
    }
    .registryConfirmationStep1 .card.eventCard {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .enventCard-form .card.eventCard {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}

/* registryConfirmationStep2 */

.registryConfirmationStep2 {
    margin: 0 2vw 2vh;
    padding: 0 1vw;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    column-gap: 1vw;
}

@media only screen and (min-width: 800px) {
    .registryConfirmationStep2 {
        flex-direction: row;
    }
}

.registryConfirmationStep2 .col-sm-7.main.pull-left-sm {
    padding: 0;
}

.registryConfirmationStep2 h1.registration {
    margin-top: 5vh;
    margin-bottom: 3vh;
}

.registryConfirmationStep2 .registerContainer .textBelowTitle {
    margin: 0 0 3vh 0;
}

.registryConfirmationStep2 p.note {
    margin-bottom: 5vh;
}

.registryConfirmationStep2 .anotherPersonContainer {
    margin-top: 2vh;
}

.registryConfirmationStep2 img.banner {
    border-radius: 15px 15px 0 0;
}

.registryConfirmationStep2 #otherPerson {
    margin-right: 10px;
}

.registryConfirmationStep2 .form .row {
    display: flex;
    flex-direction: row-reverse;
}

@media only screen and (min-width: 800px) {
    .registryConfirmationStep2 .card.eventCard {
        display: flex;
        flex-direction: column;
    }
    .enventCard-form .card.eventCard {
        width: 100%;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}

@media only screen and (max-width: 1000px) {
    .registryConfirmationStep2 .card.eventCard {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .registryConfirmationStep1 .form .row {
        display: flex;
        flex-direction: column;
    }

    .registryConfirmationStep1 .col-sm-4.side.pull-right-sm {
        margin-bottom: 2vh;
    }

    .enventCard-form .card.eventCard {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}

/* registryConfirmationStep3 */

.registryConfirmationStep3 {
    padding: 0 2vw;
}

.registryConfirmationStep3 .selectTicketTypeListItem .control,
.selectTicketTypeListItem .labelText,
.selectPaymentMethodListItem .control,
.selectPaymentMethodListItem .labelText {
    display: inline-block;
}

.rightCol {
    margin-top: 6vh;
}

.promoCodeSection {
    margin: 0 0 8% 0;
    width: 70%;
}

.promoCodeInputContainer {
    padding: 0 0 0 0;
}

.promoCodeLabelInput {
    padding: 0 0 7% 0;
    font-weight: 500;
    font-size: 15px;
}

.promoCodeLabelInputWithSubText {
    padding: 0 0 3% 0;
    font-weight: 500;
    font-size: 15px;
}

/* .required {
    color: red;
} */

.labelSubText {
    font-size: 14px;
    margin-top: 5%;
}

#PayForm_promoCode {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    height: 3vw !important;
}

#promCode {
    font-size: 15px !important;
    padding: 0px 12px !important;
    height: 3vw !important;
}

@media only screen and (max-width: 991px) {
    #PayForm_promoCode {
        height: 4rem !important;
        width: 80%;
    }

    #promCode {
        height: 4rem !important;
    }

    .promoCodeSection {
        margin: 4% 0 6% 0;
        width: 70%;
    }

    .promoCodeLabelInput {
        padding: 0 0 2vh 0;
        font-weight: 500;
        font-size: 15px;
    }
}

@media only screen and (min-width: 768px) {
    .promoCodeError {
        margin-top: 8px;
    }
}

@media only screen and (max-width: 768px) {
    #PayForm_promoCode {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        height: 6vw !important;
        width: 80% !important;
    }

    #promCode {
        font-size: 15px !important;
        padding: 0px 12px !important;
        height: 6vw !important;
    }
}

@media only screen and (max-width: 540px) {
    #PayForm_promoCode {
        height: 3.3rem !important;
        width: 80%;
    }

    #promCode {
        height: 3.3rem !important;
    }
}

.registryConfirmationStep3 .selectTicketTypeListItem .control,
.registryConfirmationStep3 .selectPaymentMethodListItem .control {
    /* vertical-align: top; */
    margin-right: 3px;
}

.registryConfirmationStep3 .selectPaymentMethodListItem {
    margin: 1.1vh 0 1.1vh 1vw;
}

@media only screen and (max-width: 345px) {
    .selectPaymentMethodListItem {
        margin: 2.5vh 0 !important;
    }
}

/* contact */

/* .contact img.banner {
    border-radius: 0 0 15px 15px;
} */

#promCode {
    border-radius: 15px;
}

input#findMeJqueryForRefresh {
    margin-top: 1vh;
}

@media only screen and (min-width: 1000px) {
    .contact .card.eventCard {
        display: flex;
        flex-direction: column;
    }
    .enventCard-form .card.eventCard {
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (max-width: 1000px) {
    .contact .card.eventCard {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .enventCard-form .card.eventCard {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}

.contact-organizationText {
    margin: 5px;
}
.contact-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 1vw;
}

.contact-title .title {
    margin-top: 10px;
}

/* agenda */

.agenda {
    padding: 0 2vw;
}

.agenda h1 {
    font-weight: bolder;
    /*font-size: 2vw;*/
    font-size: 25px;
}

.agenda h3.dateTitle {
    /*font-size: 3vw;*/
    font-size: 25px;
}

.agenda a {
    color: var(--af-red);
}

.agenda table tbody tr {
    display: flex;
    justify-content: space-between;
}

.agenda table .title {
    text-transform: uppercase;
    width: 65%;
}

.agenda table td.time {
    width: 15%;
}

.agenda table td.locationCompl {
    width: 20%;
}

.agenda table td.showDescription {
    width: 85%;
}

td.speakerName {
    width: 25%;
}

.agenda table {
    width: 100%;
}

@media only screen and (min-width: 1000px) {
    .agenda {
        width: 80vw;
        margin: 0 auto;
        row-gap: 1vh;
    }

    .agenda tbody tr:nth-last-of-type(1) {
        border-bottom: 1px #707070 solid;
    }

    .agenda tr {
        border-top: 1px #707070 solid;
    }
}

@media only screen and (max-width: 1000px) {
    .agenda {
        width: 80vw;
        margin: 0 auto;
        row-gap: 1vh;
    }

    .agenda table tbody tr {
        flex-direction: column;
    }

    .agenda table td.time,
    .agenda table .title,
    .agenda table td.speakerName,
    .agenda table td.locationCompl,
    .agenda table td.showDescription {
        width: 100%;
    }

    .agenda h3.dateTitle {
        margin: 30px 0 10px 0;
    }

    .agenda tbody tr:nth-last-of-type(1) {
        border-bottom: 1px #707070 solid;
    }

    .agenda tr {
        border-top: 1px #707070 solid;
    }
}

@media only screen and (max-width: 283px) {
    table td {
        padding: 9px 9px;
    }
}

/* streaming */

.streaming {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
    height: 100% !important;
}

@media only screen and (max-width: 1000px) {
    .streaming {
        flex-direction: column;
    }
}

.chatTitle {
    width: 100%;
    height: 10vh;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 3px solid #b1b1b1;
    box-shadow: 0px 3px 60px #00000029;
}

.chatTitle p {
    margin: auto;
    font-size: 2vh;
    font-weight: bold;
}

.stream {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.stream video {
    width: 100%;
    height: 100%;
}

.stream .eventTitleContainer .eventTitle {
    font-size: 2vw;
    margin-left: 2vw;
}

@media only screen and (max-width: 800px) {
    .stream .eventTitleContainer .eventTitle {
        font-size: 20px;
    }
    .stream .eventTitleContainer {
        width: 100%;
        margin: 3.5% 0 0 6%;
    }
}

.stream .eventTitleContainer {
    /*background-color: #F7F7F7;*/
    background-color: white;
    height: 13vh;
    display: flex;
    align-items: center;
    font-weight: bold;
    margin: 0;
    border-left: 2px solid #f1f1f1;
}

.streaming .chatContainer {
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 3px 60px #00000029;
    background-color: white;
}

@media only screen and (max-width: 1000px) {
    .streaming .chatContainer {
        width: 100%;
    }
}

i.fa.fa-paper-plane {
    font-size: 5vh;
}

.chat {
    height: 90%;
    padding: 5px 15px 25px 15px;
    overflow-y: scroll;
}

.chat p.host b {
    color: red;
}

.chatSend {
    display: flex;
    height: 10%;
}

@media only screen and (max-width: 1000px) {
    .streaming .chatSend {
        height: 15%;
    }
}

.chatSend button {
    width: 25%;
}

.chatTopPanel {
    height: 10%;
    display: flex;
    align-items: center;
    padding: 0 1vw;
}

.chatSend input {
    width: 100%;
    height: 100%;
    background-color: #f2f2f2;
    padding: 1vh 1vw;
}

i.fa.fa-users {
    font-size: 2vw;
    margin-right: 1vw;
}

#toggleChat {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    top: 5px;
    right: 5px;
    background-color: var(--af-red);
    color: #fff;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
}

#toggleChat i {
    margin-bottom: 2px;
}

.close.modalCloseCustom1 {
    margin-top: -9px;
    opacity: 0.9;
}

.close.modalCloseCustom1:hover {
    opacity: 0.98;
}

.modal.custom .modal-content {
    padding: 10vh 7vw;
    border-radius: 25px;
}

.input-group-addonAF i {
    background: var(--af-grey);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 34px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 25px 0 0 25px;
    border: 0;
}

.input-groupAF {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Streaming modal slide animation */
.modal.in {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    -o-perspective: 2000px;
    perspective: 2000px;
    backdrop-filter: blur(2px);
}
.modal.in .modal-dialog.aside {
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    -o-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

/* registryConfirmation */

.registryConfirmation {
    padding: 0 2vw;
}

.desc-typeCC {
    margin: 1% 0 2% 0 !important;
}

.label-confirmation-code {
}

.input-confirmation-code {
    margin: 0 0 2.4% 0 !important;
    width: 27%;
    /* border-radius: 25px 25px 25px 25px !important; */
}

@media only screen and (min-width: 1000px) {
    .registryConfirmation {
        width: 80vw;
        margin: 0 auto;
        row-gap: 1vh;
    }
}

/* ------------------------------------------------------------------- */
/* registerToEventClosed view */
@media only screen and (min-width: 801px) {
    .mainContainer_eventClosed .btn-submit-next {
        margin-top: 6vh;
        margin-bottom: 0;
    }
}

.mainContainer_eventClosed {
    margin: 0 2vw 2vh;
    padding: 0 1vw;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    column-gap: 1vw;
}

@media only screen and (min-width: 800px) {
    .mainContainer_eventClosed {
        flex-direction: row;
    }
}

.mainContainer_eventClosed img.banner {
    border-radius: 15px 15px 0 0;
}

.mainContainer_eventClosed h1.registration {
    margin-top: 5vh;
    margin-bottom: 3vh;
}

.mainContainer_eventClosed thead {
    box-shadow: 0px 3px 6px #cecece;
    background-color: #cecece;
}

.mainContainer_eventClosed thead tr {
    height: 6vh;
}

.mainContainer_eventClosed .form .row {
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 800px) {
    .mainContainer_eventClosed .card.eventCard {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .countdownContainer_eventClosed {
        width: 60%;
    }
}

@media only screen and (max-width: 1000px) {
    .mainContainer_eventClosed {
        margin: 0 2vw 2vw;
        padding: 0;
    }
    .mainContainer_eventClosed .card.eventCard {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .enventCard-form .card.eventCard {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}

@media only screen and (max-width: 1000px) {
    .mainContainer_eventClosed .form .row {
        display: flex;
        flex-direction: column;
    }

    .mainContainer_eventClosed .col-sm-4.side.pull-right-sm {
        margin-bottom: 2vh;
    }
}

.secondText_eventClosed {
    margin: 2% 0 7% 0;
}

@media only screen and (max-width: 800px) {
    .secondText_eventClosed {
        margin: 2% 0 5% 0;
    }
}

.title_eventClosed {
    margin: 7% 0 0 0;
}

.initText_eventClosed {
    margin: 3.5% 0 0 0;
}
/* END registerToEventClosed view */
/* ------------------------------------------------------------------- */

.flex-content {
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
    height: 100vh;
}

.panel_body {
    border: 1px solid #EEEEEE;
    box-shadow: 0px 3px 6px #0000000e;
    border-radius: 5px;       /* your desired radius */
}

.ticketTypeRow {
    background: #ffffff;
}

.panel_head2.l-block-3 td {
    font-weight: 500;
}


.ticketTypeRowName {
    color: #262626;
    font-weight: 400;
}

.ticketTypeRowPrice span {
    color: #262626;
    font-weight: 400;
}

.ticket_table {
    border-collapse: separate; /* important to allow rounding */
    border-spacing: 0;         /* remove spacing if needed */
    border-radius: 5px;       /* your desired radius */
    overflow: hidden;           /* ensures child cells don't overflow */
}



.registryConfirmationStep1 {
    display: flex;
    flex-direction: row; /* row layout */
    flex-wrap: wrap;     /* allow wrapping */
    gap: 1vw;            /* spacing between children */
    max-width: 1690px;
    padding: 0;
    justify-content: space-between;

}

.registryConfirmationStep1 > div:first-child {
  width: 100%;
  flex: 0 0 auto; /* don’t shrink */
}

.registryConfirmationStep2 {
    display: flex;
    flex-direction: row; /* row layout */
    flex-wrap: wrap;     /* allow wrapping */
    gap: 1vw;            /* spacing between children */
    max-width: 1690px;
    padding: 0;
    justify-content: space-between;
}

.registryConfirmationStep2 > div:first-child {
  width: 100% !important;
  flex: 0 0 auto; /* don’t shrink */
}

.info {
    display: flex;
    flex-direction: row; /* row layout */
    flex-wrap: wrap;     /* allow wrapping */
    gap: 1vw;            /* spacing between children */
    max-width: 1690px;
    padding: 0;
    justify-content: space-between;
}

.info > div:first-child {
  width: 100% !important;
  flex: 0 0 auto; /* don’t shrink */
}

#eventImage {
  width: 100%;              /* responsive width */
  max-width: 1690px;        /* optional max */
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#eventImage img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0;
}

#eventImage img.blurred {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(20px) brightness(0.9);
  z-index: 0;
}

#eventImage img.foreground {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  z-index: 1;
  position: relative;
}

.remove-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 768px) {
  .align-center-mobile {
    justify-content: center;
  }
}

.title-registry-confirmation, .textEmailRegistryConfirmation {
    color: #262626
}

.darken-text {
    color: #262626 !important;
}


.common-button {
    border-radius: 5px !important;
    font-weight: 500 !important;
    font-family: sans-serif;
    transition: background-color 0.3s ease;
    box-sizing: border-box;
    font-size: clamp(0.7rem, 1.5vw, 1rem);
    backdrop-filter: blur(8px);
    box-shadow: 0px 4px 8px 0px #ffffff4f inset !important;
    text-transform: capitalize !important;
    padding: 10px 5px 10px 5px !important;
    color: #262626 !important;
}

.red { background-color: #b32f2f !important; color: #fff !important; }
.red:hover { background-color: #fff; color: #b32f2f; }
.red-darkened { background-color: #b32f2f !important;; color: #fff !important;; }
.red-darkened:hover { background-color: #922e2e !important;; }
.black { background-color: #2b2b2b; color: #fff; }
.black:hover { background-color: #3b3b3b; }
.white { background-color: #fff; color: #b32f2f; }
.white:hover { background-color: #b32f2f !important; color: #fff !important; }
.white:hover i { color: #fff !important; }
.white-darkened { background-color: #fff; color: #b32f2f;  border: 1px solid #eeeeee !important;}
.white-darkened:hover { background-color: #f0f0f0 !important; }

.common-button i {
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    line-height: 1;
    margin-left: 0.2em;
}

.registerContainer * {
    color: #262626;
}

.form-control {
    height: 48px !important;
    font-size: 16px !important;
}

.optionsContainer * { 
    color: #262626 !important;
}

/* Hide payment options by default */
#PayForm_paymentMethodId {
    display: none;
}

/* Show when container is active */
.paymentsContainer.active #PayForm_paymentMethodId {
    display: block;
}

.titleContainerPaymentMethods {
    cursor: pointer;
    display: flex;
    align-items: center;
    user-select: none;
    gap: 8px; /* space between items on the left */
}

.titleContainerPaymentMethods::after {
    content: "+";
    font-weight: bold;
    margin-left: auto; /* push it to the far right */
    transition: transform 0.2s;
}


.paymentsContainer.active .titleContainerPaymentMethods::after {
    content: "-";
}


.paymentsContainer {
    background-color: #ffffff !important;
    border: 1px solid #EEEEEE !important;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0px 3px 6px #00000009;
}

.titleContainerPaymentMethods { 
    margin: 0;
    padding: 25px;
    font-weight: 500
}

.line-border { 
    display: none !important;
}

.title-select-method {
    text-transform: none !important;
}

.titlePurchase, .nameBuyer * { 
    color: #262626 !important;
}


.ticketTypeRowMoreInformation {
  text-align: center;
  vertical-align: middle;
}


.promoCodeButton {
    border-radius: 5px !important;
    border: 1px solid #eeeeee !important;
    background: #ffffff !important;
    color: #262626 !important;
}