@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;300;400&display=swap');

:root {
    --primary: #0e374f;
    --secondary1: #ed6f33;
    --secondary2: #5eafdb;
    --secondary3: #A2E6FE;
}

* {
    font-family: Barlow, sans-serif !important;
}

/* PARALLAX MODULES */
.bg-portada {
    background-image: url('https://image.communication.salleurl.edu/lib/fe5415707c6103757313/m/9/e5617233-0f8b-4c68-b325-f7bad5e2f24a.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    min-height: 600px;
}
.modulo-agenda {
}
.modulo-texto {
}
.modulo-hotels {
    background-image: url('https://image.communication.salleurl.edu/lib/fe5415707c6103757313/m/9/8776e4d1-c5f2-4e9d-9576-bf160bb573ff.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    /* min-height: 400px; */
    color: #fff;
}

.modulo-speakers {
    /* height: 600px; */
}
.modulo-numeros {
    background-image: url('https://image.communication.salleurl.edu/lib/fe5415707c6103757313/m/9/17e7989c-0c60-4a2c-9d17-cd27aee62dd8.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    /* height: 500px; */
    /* background-color: #e6f5fd; */
}
.modulo-footer {
    /* height: 100px; */
}


/* PORTADA */
.btn-1, .btn-2 {
    border: none;
    display: block;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    background-color: rgba(34, 34, 34, 0.9);
    padding: 17px 60px;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(0,0,0,0.20);
}
.btn-1 span, .btn-2 span{
    position: relative; 
    z-index: 1;
}
.btn-1:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 490%;
    width: 140%;
    background: var(--secondary1);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-98%) translateY(-25%) rotate(45deg);
}
.btn-2:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 490%;
    width: 140%;
    background: var(--secondary1);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-98%) translateY(-25%) rotate(45deg);
}
.btn-1:hover:after {
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
}
.btn-2:hover:after {
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
}
.inscribete-btn {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
#sticky-button {
    opacity: 0;
    visibility: visible;
}
.show-sticky {
    position: fixed;
    top: 5%;
    right: 10%;
    opacity: 1 !important;
    visibility: visible;
    z-index: 2;
}
.inscribete-btn .btn-1 span {
    color: #fff !important;
}
.image-logo {
    width: 40%;
}

/* AGENDA */
.agenda-paris {
    background-image: url('https://image.communication.salleurl.edu/lib/fe5415707c6103757313/m/9/665fc6f8-695e-4ddc-83a7-87672aa8e6c2.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 400px;
}
.agenda-barcelona {
    background-image: url('https://image.communication.salleurl.edu/lib/fe5415707c6103757313/m/9/1b991e27-bf27-436e-aea4-a7178840450f.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 400px;
}
.title-agenda {
    background-color: rgba(127, 174, 210, 0.807)
}
.nav-link:hover {
    /* background-color: #95b8ff;) */
    /* box-shadow: #95b8ff 0px 7px 10px 0px;} */
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.nav-link.active {
    background-color: var(--primary) !important;
}
.border-left {
    border-left: 4px solid var(--primary);
    padding-left: 10px;
}
.agenda-paris div p, .agenda-barcelona div p {
    font-size: 1.3rem;
    background-color: rgba(255, 255, 255, 0.782);
}
.agenda-info-details {
    margin-left: 5rem;
}

/* HOTELS */
    
.hotel-image {  
    width: 25% !important;
}
.hotels-row a {
    width: 40% !important;
}

/* HOTELS */
    
.hotel-image {  
    width: 25% !important;
}
.hotels-row a {
    width: 40% !important;
}
.hotel-column div a {
    background-color: var(--primary) !important;
    color: white;
}
.hotel-column div a:hover {
    color: white;
}

/* SPEAKERS */
.testimonial-name {
    margin: -17px auto 0;
    display: table;
    width: auto;
    background-color: var(--primary) !important;
    padding: 9px 35px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}

/* FOOTER */
.footer-light {

    background-color: #303030;
}
.footer-dark {
    
    background-color: #252525;
}
.footer-link:hover {
    color: var(--secondary2) !important;
    /* text-decoration: underline !important; */
}

@media (max-width: 600px) {
    .languages a {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .swiper-slide {
        width: 100% !important;
    }
    p {
        font-size: 14px;
    }
    .agenda-info {
        font-size: 14px;
        padding: 1.25rem !important;
    }
    .agenda-paris div p, .agenda-barcelona div p {
        font-size: 0.9rem;
    }
    #sticky-button {
        width: 100%;
    }
    .sticky-btn-a {
        width: 100%;
    }
    .sticky-btn-a button {
        width: 100%;
        border-radius: 0;
    }
    .show-sticky {  
        top: 92%;
        right: 0;
    }
    .btn-2:after {
        content: "";
        position: absolute;
        left: 15%;
        top: 0;
        height: 800%;
        width: 140%;
        background: var(--secondary1);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
        transform: translateX(-98%) translateY(-25%) rotate(45deg);
    
    }
    .modulo-footer {
        padding-bottom: 3.25rem;
    }
    .footer-dark p {
        padding-top: 15px;
    }
    .tab-content .tab-pane div {
        width: 100%;
    }
    .agenda-info-details {
        margin-left: 0 !important;
    }
    .agenda-info-details .tab-content .tab-pane div .w-75 {
        margin-left: 0 !important;
    }
    /* .title-portada, .copy-portada {
        margin-top:
    } */
    .tab-pane div {
        width: 100% !important;
    }
    .contactos {
        align-items: center !important;
    }
    .image-logo {
        width: 100%;
    }
    .hotels-module {
        margin: 0 !important;
        padding-left: 2rem !important;
    } 
    .hotels-row a img {  
        width: 100% !important;
        margin-bottom: 2rem !important;
    }
    .hotel-column {
        width: 100% !important;
        margin-bottom: 2rem !important;
    }
    .hotel-column .h5{
        font-size: 1rem !important;
    }
    .hotel-column div {
        flex-direction: column !important;
        align-items: center !important;
    }
}

@media (min-width: 768px) {
    .swiper-slide {
        width: 50% !important;
    }
    p {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .swiper-slide {
        width: 25% !important;
    }
    p {
        font-size: 1.1rem;
    }
}