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

* {
    font-family: 'TT Norms', serif;
    letter-spacing: 0.5px;
}

html, body {
    background-color: #000000 !important;
}

body {
    padding-top: env(safe-area-inset-top);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom);
    box-sizing: border-box;
}

.text-light {
    font-weight: 300;
}

.text-medium {
    font-weight: 500;
}

.text-bebas-neue {
    font-family: 'Bebas Neue', serif;
}

.text-extrabold {
    font-weight: 800;
}

.text-thin {
    font-weight: 300;
}

div.iframe-vertical-wrapper {
    position: relative;
    padding-bottom: 125%;
}

iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a.btn-whatsapp {
    background-color: #52d262;
    color: black;
}
a.btn-whatsapp1 {
    background-color: #3be300;
    color: black;
}

a.btn-telegram {
    background-color: rgb(41, 165, 231);
    color: white;
}

a.btn-facebook-messenger {
    background-color: rgb(1, 131, 255);
    color: white;
}

.btn-outline-secondary {
    color: white !important;
    border: 1px solid white !important;
}

.btn-outline-secondary:hover {
    color: black !important;
    border: 1px solid white !important;
    background-color: white !important;
}

.btn-secondary {
    color: black !important;
    background-color: white !important;
    border: 1px solid white !important;
}

a.btn, button.btn {
    font-weight: 500;
    border-radius: 12px;
}

a.btn-lg {
    font-weight: 600;
    border-radius: 17px;
    border-width: 2px;
}

a.btn-md {
    font-weight: 600;
    border-radius: 25px;
    border-width: 2px;
}

a.btn-primary, button.btn-primary {
    background-color: #FF4700 !important;
    border-color: #FF4700 !important;
    transition: all 0.25s ease-in-out;
}

h5.text-primary, h4.text-primary, h3.text-primary, span.text-primary, h1.text-primary, h2.text-primary {
    color: #FF4700 !important;
}

a.btn-primary:hover, button.btn-primary:hover {
    background-color: #FF4700 !important;
    border-color: #FF4700 !important;
    box-shadow: #FF4700 0 0 5px;
}

a.btn-outline-primary, button.btn-outline-primary {
    background-color: transparent !important;
    border-color: #FF4700 !important;
    transition: all 0.25s ease-in-out;
    color: #FF4700;
}

a.btn-outline-primary:hover, button.btn-outline-primary:hover {
    background-color: #FF4700 !important;
    border-color: #FF4700 !important;
    color: white;
}

img.speaker {
    border-radius: 50%;
}

.footdocum{
    background: rgb(17,3,55);
background: -moz-linear-gradient(90deg, rgba(17,3,55,0.7931547619047619) 0%, rgba(255,77,0,1) 0%, rgba(0,0,0,1) 17%, rgba(0,0,0,1) 96%);
background: -webkit-linear-gradient(90deg, rgba(17,3,55,0.7931547619047619) 0%, rgba(255,77,0,1) 0%, rgba(0,0,0,1) 17%, rgba(0,0,0,1) 96%);
background: linear-gradient(90deg, rgba(17,3,55,0.7931547619047619) 0%, rgba(255,77,0,1) 0%, rgba(0,0,0,1) 17%, rgba(0,0,0,1) 96%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#110337",endColorstr="#000000",GradientType=1);
}
.docum{
    font-weight: 700 !important;
    font-size: x-large !important;
    border-radius: 40px !important;
}

.circum-background {
    background: rgb(142, 118, 53);
    background: -moz-radial-gradient(circle, rgba(142, 118, 53, 1) 0%, rgba(76, 59, 27, 1) 100%);
    background: -webkit-radial-gradient(circle, rgba(142, 118, 53, 1) 0%, rgba(76, 59, 27, 1) 100%);
    background: radial-gradient(circle, rgba(142, 118, 53, 1) 0%, rgba(76, 59, 27, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8e7635", endColorstr="#4c3b1b", GradientType=1);
}

.vip-background {
    background: rgb(228, 39, 4);
    background: -moz-radial-gradient(circle, rgba(228, 39, 4, 1) 0%, rgba(138, 29, 5, 1) 100%);
    background: -webkit-radial-gradient(circle, rgba(228, 39, 4, 1) 0%, rgba(138, 29, 5, 1) 100%);
    background: radial-gradient(circle, rgba(228, 39, 4, 1) 0%, rgba(138, 29, 5, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e42704", endColorstr="#8a1d05", GradientType=1);
}

.super-vip-background {
    background: rgb(62, 62, 62);
    background: -moz-radial-gradient(circle, rgba(62, 62, 62, 1) 0%, rgba(33, 33, 33, 1) 100%);
    background: -webkit-radial-gradient(circle, rgba(62, 62, 62, 1) 0%, rgba(33, 33, 33, 1) 100%);
    background: radial-gradient(circle, rgba(62, 62, 62, 1) 0%, rgba(33, 33, 33, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e3e3e", endColorstr="#212121", GradientType=1);
}

.general-background {
    background: rgb(112, 112, 112);
    background: -moz-radial-gradient(circle, rgba(112, 112, 112, 1) 0%, rgba(84, 84, 84, 1) 100%);
    background: -webkit-radial-gradient(circle, rgba(112, 112, 112, 1) 0%, rgba(84, 84, 84, 1) 100%);
    background: radial-gradient(circle, rgba(112, 112, 112, 1) 0%, rgba(84, 84, 84, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#707070", endColorstr="#545454", GradientType=1);
}

.virtual-event-background {
    background: #FF4700;
    background: -moz-radial-gradient(circle, #d93f04 0%, #FF4700 100%);
    background: -webkit-radial-gradient(circle, #d93f04 0%, #FF4700 100%);
    background: radial-gradient(circle, #d93f04 0%, #FF4700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF4700", endColorstr="#d93f04", GradientType=1);
}

div.gold-border-right {
    border-right: 1px solid #A18340;
}

.tickets > .tickets-wraper {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
}

.tickets-wraper > .row > .col-3 {
    display: inline-block;
}

div.no-wrap {
    white-space: normal;
}

div.speaker-title {
    transform: rotate(-1deg);
    background-color: rgb(255, 71, 0);
}

div.speaker-title-white {
    transform: rotate(-1deg);
    background-color: white;
    color: black;
}

#main {
    background-image: url("../images/IMG_1260.webp");
    height: 100vh;
    background-size: 75vw;
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-bottom: 100px;
    padding-top: 100px;
}

#speakers {
    background-image: url("../images/background3.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

#speakers-new {
    background-image: url("../images/speakers-background.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#info {
    background-image: url("../images/background2.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}

@media (max-width: 768px) {
    #speakers {
        background-image: url("../images/background3-mobile.webp");
    }
}

div.orange-bg {
    background: rgb(236, 58, 36);
    background: -moz-linear-gradient(90deg, rgba(236, 58, 36, 1) 0%, rgba(99, 19, 0, 1) 50%, rgba(236, 58, 36, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(236, 58, 36, 1) 0%, rgba(99, 19, 0, 1) 50%, rgba(236, 58, 36, 1) 100%);
    background: linear-gradient(90deg, rgba(236, 58, 36, 1) 0%, rgba(99, 19, 0, 1) 50%, rgba(236, 58, 36, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ec3a24", endColorstr="#ec3a24", GradientType=1);
}

.navbar-gradient-bg {
    background: rgb(149, 48, 9);
    background: -moz-linear-gradient(90deg, rgba(149, 48, 9, 0.24) 0%, rgba(221, 80, 19, 0.24) 50%, rgba(149, 48, 9, 0.24) 100%);
    background: -webkit-linear-gradient(90deg, rgba(149, 48, 9, 0.24) 0%, rgba(221, 80, 19, 0.24) 50%, rgba(149, 48, 9, 0.24) 100%);
    background: linear-gradient(90deg, rgba(149, 48, 9, 0.24) 0%, rgba(221, 80, 19, 0.24) 50%, rgba(149, 48, 9, 0.24) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#953009", endColorstr="#953009", GradientType=1);
}

.navbar-gradient-bg-2 {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#953009", endColorstr="#953009", GradientType=1);
}

@media (max-width: 575.98px) {
    img.social-media-icon {
        height: 20px !important;
    }
}

a:hover > img.social-media-icon {
    filter: invert(42%) sepia(85%) saturate(2408%) hue-rotate(347deg) brightness(97%) contrast(90%);
}

img.social-media-icon, img.close-icon, img.social-icon-navbar {
    filter: invert(100%) sepia(20%) saturate(0%) hue-rotate(136deg) brightness(102%) contrast(101%);
    height: 30px;
}

a:hover > img.bars {
    filter: invert(42%) sepia(85%) saturate(2408%) hue-rotate(347deg) brightness(97%) contrast(90%);
}

img.bars {
    filter: invert(100%) sepia(20%) saturate(0%) hue-rotate(136deg) brightness(102%) contrast(101%);
    height: 30px;
}

a.text-white {
    color: white;
    text-decoration: none;
}

a.text-white:hover {
    color: #EB5929 !important;
    text-decoration: underline;
}

.footer-bg {
    background: rgb(218, 79, 19);
    background: -moz-linear-gradient(90deg, rgba(218, 79, 19, 1) 0%, rgba(218, 79, 19, 0.5) 100%);
    background: -webkit-linear-gradient(90deg, rgba(218, 79, 19, 1) 0%, rgba(218, 79, 19, 0.5) 100%);
    background: linear-gradient(90deg, rgba(218, 79, 19, 1) 0%, rgba(218, 79, 19, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#da4f13", endColorstr="#da4f13", GradientType=1);
}

a.text-light {
    font-weight: 700;
    text-decoration: none;
}

a.text-light:hover {
    color: white !important;
    text-decoration: underline;
}

div.modal-dialog.navbar-modal {
    margin-right: 0 !important;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    display: flex;
    justify-content: end;
}

div.modal-content.navbar-modal {
    min-height: 100%;
    border-radius: 0;
    max-width: 300px;
}

div.modal-content.navbar-modal {
    background: rgb(253,71,0);
    background: -moz-linear-gradient(135deg, rgba(253,71,0,1) 0%, rgba(36,3,0,1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(253,71,0,1) 0%, rgba(36,3,0,1) 100%);
    background: linear-gradient(135deg, rgba(253,71,0,1) 0%, rgba(36,3,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fd4700",endColorstr="#240300",GradientType=1);
}

a.navbar-link {
    color: white;
    text-decoration: none;
    font-weight: 600;
}

a.navbar-link.active, a.navbar-link:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.no-underline {
    text-decoration: none;
}

div.iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%;
}

div.pricing-card-header {
    padding: 1rem 1rem;
    text-align: center;
    border-radius: 15px 15px 0 0;
}

div.pricing-card-body {
    background-color: white;
    padding: 1rem 1rem;
}

div.pricing-card-footer {
    background-color: white;
    padding: 0 1rem 1rem;
    text-align: center;
    border-radius: 0 0 15px 15px;

}

a.btn-success, button.btn-success {
    background-color: rgb(100, 167, 65);
}

#paramount {
    background-image: url("../images/Paramount-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.map-container {
    position: relative;
    width: 100%;
    padding-bottom: 75%; /* 4:3 aspect ratio (3/4 * 100%) */
    height: 0;
    overflow: hidden;
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.W-75{
    width: 75%;
}

.criscont {
    background-image:
            linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), /* Overlay with transparency */
            url('../images/crisdiscurso.png'); /* Background image */
    background-size: cover; /* Applies to both layers */
    background-position: center; /* Center alignment for both layers */
    background-repeat: no-repeat; /* Prevents repeat on both layers */
}

.bg-gradient-orange {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,77,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,77,0,1) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,77,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ff4d00",GradientType=1);
}

.ff-sairacondensed {
    font-family: 'Saira Condensed', sans-serif !important;
    span {
        font-family: 'Saira Condensed', sans-serif !important;
    }
}

.fs-40px {
    font-size: 40px !important;
}

.ff-montserrat {
    font-family: 'Montserrat', sans-serif !important;
}

.ff-sairasemiexpanded {
    font-family: 'Saira Semi Expanded', sans-serif !important;
}

.ff-saira {
    font-family: 'Saira', sans-serif !important;
}

.arequipa-bg-gradient {
    background: rgb(90,189,255);
    background: -moz-linear-gradient(90deg, rgba(90,189,255,1) 16%, rgba(207,236,255,1) 47%, rgba(90,189,255,1) 87%);
    background: -webkit-linear-gradient(90deg, rgba(90,189,255,1) 16%, rgba(207,236,255,1) 47%, rgba(90,189,255,1) 87%);
    background: linear-gradient(90deg, rgba(90,189,255,1) 16%, rgba(207,236,255,1) 47%, rgba(90,189,255,1) 87%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5abdff",endColorstr="#5abdff",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.piura-bg-gradient {
    background: rgb(0,255,225);
    background: -moz-linear-gradient(90deg, rgba(0,255,225,1) 16%, rgba(200,255,249,1) 47%, rgba(0,255,225,1) 87%);
    background: -webkit-linear-gradient(90deg, rgba(0,255,225,1) 16%, rgba(200,255,249,1) 47%, rgba(0,255,225,1) 87%);
    background: linear-gradient(90deg, rgba(0,255,225,1) 16%, rgba(200,255,249,1) 47%, rgba(0,255,225,1) 87%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffe1",endColorstr="#00ffe1",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.trujillo-bg-gradient {
    background: rgb(255,225,0);
    background: -moz-linear-gradient(90deg, rgba(255,225,0,1) 16%, rgba(245,245,245,1) 47%, rgba(255,225,0,1) 87%);
    background: -webkit-linear-gradient(90deg, rgba(255,225,0,1) 16%, rgba(245,245,245,1) 47%, rgba(255,225,0,1) 87%);
    background: linear-gradient(90deg, rgba(255,225,0,1) 16%, rgba(245,245,245,1) 47%, rgba(255,225,0,1) 87%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe100",endColorstr="#ffe100",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.chiclayo-bg-gradient {
    background: rgb(59,227,0);
    background: -moz-linear-gradient(90deg, rgba(59,227,0,1) 16%, rgba(212,255,197,1) 47%, rgba(59,227,0,1) 87%);
    background: -webkit-linear-gradient(90deg, rgba(59,227,0,1) 16%, rgba(212,255,197,1) 47%, rgba(59,227,0,1) 87%);
    background: linear-gradient(90deg, rgba(59,227,0,1) 16%, rgba(212,255,197,1) 47%, rgba(59,227,0,1) 87%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3be300",endColorstr="#3be300",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.gold-gradient-text {
    background: rgb(222,173,0);
    background: -moz-linear-gradient(90deg, rgba(222,173,0,1) 0%, rgba(255,238,161,1) 51%, rgba(222,173,0,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(222,173,0,1) 0%, rgba(255,238,161,1) 51%, rgba(222,173,0,1) 100%);
    background: linear-gradient(90deg, rgba(222,173,0,1) 0%, rgba(255,238,161,1) 51%, rgba(222,173,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dead00",endColorstr="#dead00",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.ff-sairasemicondensed {
    font-family: 'Saira Semi Condensed', sans-serif !important;
}

.white-bullet-points {
    list-style: none;
}

.white-bullet-points li {
    text-indent: -1em;
    padding-left: 1em;

    span.text-primary {
        color: #FFA077 !important;
    }
}

.white-bullet-points li::before {
    content: "•";
    color: white;
    padding-right: 0.5em;
}