@charset "UTF-8";



/*!

* 

* ABR 2025

* evomeet.es

* jblanco

* 

*/





/* MEDIA BREAKPOINTS ------------------------------------------------



@media (min-width: 576px) {}    sm

@media (min-width: 768px) {}    md

@media (min-width: 992px) {}    lg

@media (min-width: 1200px) {}   xl

@media (min-width: 1400px) {}   xxl



-------------------------------------------------------------------- */











:root {

    --bs-primary:#ffffff; 

    --bs-primary-darken:#eaeaea; 

    --bs-secondary:#ffed00; 

    --bs-secondary-darken:#dace2f; 

    --bs-tertiary:#000000;

    --bs-tertiary-darken:#171717;

    --bs-quaternary:#73b4b1;

    --bs-quaternary-darken:#50aca7;

    --bs-quinary:#f2aa80;

    --bs-quinary-darken:#f09968;

    --bs-sextary:#cbc3bb;

    --bs-sextary-darrken:#b9b0a6;

    --bs-septenary:#847770;

    --bs-septenary-darken:#776961;

    --bs-dark-alpha50:rgba(33, 37, 41, 0.5);

    --bs-gray:#9e9e9e;





}

  

@media (prefers-reduced-motion: no-preference) {

    :root {

      scroll-behavior: smooth;

    }

}

  





  

/* FONTS =========================================================== 

@font-face {

    font-family: 'Gilroy-Heavy';

    src:  url('../fonts/Gilroy-Heavy.woff2') format('woff2'),

          url('../fonts/Gilroy-Heavy.woff') format('woff'),

          url('../fonts/Gilroy-Heavy.ttf') format('truetype');

    font-style:normal;

    font-weight:900;

    font-display:swap;

}

*/







/* COMUNES =========================================================== */



html{

    font-size:14px; /* Tamaño para 1rem */

}

body {

    margin: 0;

    padding:0;

    font-family: 'Roboto', sans-serif;

    font-weight: 500;

    font-size:1rem;

    color:black;

    background:url(../img/FONDO.webp) center center no-repeat;

    background-size: cover;    

    background-color:white;

    background-attachment: fixed;

}









.clearfix{

    clear: both;

    float:none;

}

.disabled{

    opacity:0.45!important;

    pointer-events:none!important;

}

.no-pointer{

    pointer-events:none;

}

.hide{

    display:none!important;

}





/* pinta (img, svg) de blanco, negro */

.toWhite{

    filter:brightness(0) invert(1);

}

.toBlack{

    filter:brightness(0);

}





.border-black{

    border-color:black!important;

}





/* TEXTO -------------------------------------------------------------- */

.f-light{

    font-family:'Roboto'!important;

    font-weight: 300;

}

.f-regular{

    font-family:'Roboto'!important;

    font-weight: 500;

}

.f-bold{

    font-family:'Roboto'!important;

    font-weight: 700;

}







strong{

    font-weight: 700;

}



p,h1,h2,h3,h4,h5,h6{

    cursor: default;

}

h6{
    font-size:1.2rem;
}


.mt-5px{

    margin-top:5px;

}









/* ALTURAS ------------------------------------------------------------ */



.h-30{

    height: 30%!important;

}

.h-80{

    height: 80%!important;

}

.h-85{

    height: 85%!important;

}

.h-90{

    height: 90%!important;

}





.vh80{

    height:80vh!important;

}

.vh60{

    height:60vh!important;

}

.vh20{

    height:20vh!important;

}

.vh10{

    height:10vh!important;

}



.min-vh-100{

    min-height:100vh;

}





/* COLOR -------------------------------------------------------------- */

.bg-primary{

    background-color:var(--bs-primary)!important;

}

.bg-secondary{

    background-color:var(--bs-secondary)!important;

}

.bg-dark-alpha50{

    background-color:var(--bs-dark-alpha50);

}

@media (min-width: 1400px) {

    .bg-xl-none{

        background-color:transparent;

    }

}



.text-primary{

    color:var(--bs-primary)!important;

}

.text-secondary{

    color:var(--bs-secondary)!important;

}

.text-quinary{

    color:var(--bs-quinary)!important;

}





@media (min-width: 980px) {

    .streaming-page>section{

        margin-top:-50px;

    }

}





/* HEADER =============================================================== */

/* ====================================================================== */



#preheader{

   

    

}

#preheader .btn{

    font-size: 0.8em;

}



@media (max-width: 575px) {

    #preheader .btn.btn-email,

    #preheader .btn.btn-whatsapp{

        padding-right: .25rem!important;

        padding-left: .25rem!important;

        letter-spacing: normal;

        white-space: nowrap;

    }

}



a.social-link{

    padding-left:10px;

    padding-right:10px;

}



a.social-link:hover .ico-social{

    filter: invert(25%) sepia(47%) saturate(5152%) hue-rotate(344deg) brightness(90%) contrast(99%);

}



.logo-header-klockner{

    max-width:180px;

}

.logo-header-sepa{

    max-width: 80px;

}











/* MENU -----------------------------------------------------------------*/

#menu .btn span{

    padding: 0 0.2em;

}

/*

#menu .btn.active{

    pointer-events:none;

}

*/

#menu .btn:hover:not(.active){

    color:var(--bs-primary);

}



#menu .btn.active span{

    color:white;

    background-color:var(--bs-primary);

}



#menu .btn:focus{

    box-shadow:none!important;

}





/* MENU Auditorios -------------------------------------------------------*/



.nav-sticky-auditorios{

    position: sticky; 

    top: 0px;

    z-index:1;

    background: var(--bs-primary);

    color:white;

  }

















/* LOGIN  =============================================================== */

/* ====================================================================== */



img.phone-icon{

	width: 1.24em;

    margin-right: 0.2em;

    vertical-align: top;

}

.logo-live-streaming{

    max-width:250px;

}

img.phone-icon.toWhite:hover{

    filter:invert(53%) brightness(0%) ;

}



.btn-email:hover{

    color:var(--bs-tertiary-darken)!important;

}

.btn-email.text-dark:hover{

    color:var(--bs-gray)!important;

}

.btn-email.text-white:hover img{

    filter:invert(53%) brightness(0%) ;

}

.btn-email.text-dark:hover img{

    filter:invert(53%) brightness(100%) ;

}

.btn-whatsapp:hover{

    color:#29b06f!important;

}

.btn-whatsapp:hover img{

    filter:invert(53%) sepia(76%) saturate(404%) hue-rotate(99deg) brightness(91%) contrast(90%);

}





input.form-control,

.input-group-text{

    background-color:#a5a5a5;

    border-color:#a5a5a5;

    color:white;

    font-weight:300;

}

.input-group-text img{

    filter: invert(1);

}



.form-control:focus{

    background-color:#495057;

    color:white;

    border-color: #9d9d9d;

    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(157,157,157, 0.51);

}



form input.form-control:-ms-input-placeholder{

    color: white!important;

}

form input.form-control::-webkit-input-placeholder{

    color: white!important;

}

form input.form-control::placeholder{

    color: white!important;

}



.btn-addon{

    border-width:1px;

    color: #fff;

    background-color: #a5a5a5;

}

.btn-addon.active,

.btn-addon:active,

.btn-addon:hover,

.btn-addon.eye-on{

    background-color: #495057;

}

.btn-addon img{

    filter: invert(1);

}









/* PROGRAMA  =============================================================== */

/* ====================================================================== */

#programa{}



#programa .card{ 

    height:fit-content;

}

#programa .card .card-text{

    color: var(--bs-gray-600);

}



#programa .card .img-card{

    margin-top:-1.5rem;

    margin-left:-1.5rem;

} 



@media (max-width: 768px) {

    #programa .card .img-card{

        max-width: calc(100% + 3rem);

    }

}



.bot-ver{

    width:10em;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-left: 1.5rem;

}

.bot-ver svg{

    width: 24px;

    height: 24px;

}



.bot-inscribete{

    width:10em;

    display: flex;

    justify-content: center;

    align-items: center;

    padding-right: 0.75rem;

    padding-left: 0.75rem;

}



.auditorio{

    color:var(--bs-gray-500);

}





.bot-back{

    position:relative;

    width: 30px;

    height: 30px;

    line-height: 1.6em;

}



.bot-back::after {

    content: "";

    color: black;

    position: absolute;

    left: -55px;

    top: 5px;

}

.bot-back:hover::after {

    content: "VOLVER";

}

.bot-back svg{

    margin:0;

}

@media (max-width: 768px) {

    .bot-back{

        display:none;

    }

} 











/* FOOTER =============================================================== */

/* ====================================================================== */

#cookies_banner {

    position: fixed;

    bottom: 0px;

    left: 0px;

    width: 100%;

    z-index: 9999;

    border-radius: 0;

    background-color:var(--bs-primary);

    color:black;

}







/* BOTONES BOOTSTRAP ======================================================== */

.btn{

    border-radius: 0;

    letter-spacing: 1px;

}

.btn:not(.btn-addon){    

    border:0!important;

}



.btn span{

    vertical-align: middle;

}



.btn-check:focus+.btn, 

.btn:focus {

    outline: 0;

    box-shadow: 0 0 0 .25rem rgba(230, 224, 225, 0.25)!important;

}

.btn:hover *{

    cursor:pointer!important;

}



.btn.btn-rounded{

    border-radius:2em;

}



/* primary */

.btn-primary,

.btn-primary:hover{

    color:var(--bs-dark);

}

.btn-primary,

.btn-primary.disabled, 

.btn-primary:disabled{

    background-color:var(--bs-primary);

    border-color:var(--bs-primary);

}

.btn-primary:hover,

.btn-primary:active,

.btn-primary.active{

    background-color:var(--bs-primary-darken);

    border-color:var(--bs-primary-darken);

}

.btn-primary:focus{

    background-color:var(--bs-primary-darken);

    border-color:var(--bs-primary-darken);

    box-shadow: 0 0 0 0.25rem rgba(38,202,202, .5);

}





/* secondary */

.btn-secondary,

.btn-secondary.disabled, 

.btn-secondary:disabled{

    background-color:var(--bs-secondary);

    border-color:var(--bs-secondary);

}

.btn-secondary:hover,

.btn-secondary:active,

.btn-secondary.active{

    background-color:var(--bs-secondary-darken);

    border-color:var(--bs-secondary-darken);

}

.btn-secondary:focus{

    background-color:var(--bs-secondary-darken);

    border-color:var(--bs-secondary-darken);

    box-shadow: 0 0 0 0.25rem rgba(38,202,202, .5);

}

.btn-tertiary,

.btn-tertiary:hover{

    color:white;

}

/* tertiary */

.btn-tertiary,

.btn-tertiary.disabled, 

.btn-tertiary:disabled{

    background-color:var(--bs-tertiary);

    border-color:var(--bs-tertiary);

}

.btn-tertiary:hover,

.btn-tertiary:active,

.btn-tertiary.active{

    background-color:var(--bs-tertiary-darken);

    border-color:var(--bs-tertiary-darken);

}

.btn-tertiary:focus{

    background-color:var(--bs-tertiary-darken);

    border-color:var(--bs-tertiary-darken);

    box-shadow: 0 0 0 0.25rem rgba(67, 67, 67, 0.5);

}



/* quaternary */

.btn-quaternary,

.btn-quaternary.disabled, 

.btn-quaternary:disabled{

    background-color:var(--bs-quaternary);

    border-color:var(--bs-quaternary);

}

.btn-quaternary:hover,

.btn-quaternary:active,

.btn-quaternary.active{

    background-color:var(--bs-quaternary-darken);

    border-color:var(--bs-quaternary-darken);

}

.btn-quaternary:focus{

    background-color:var(--bs-quaternary-darken);

    border-color:var(--bs-quaternary-darken);

    box-shadow: 0 0 0 0.25rem rgba(38,202,202, .5);

}





/* gray */

.btn-gray,

.btn-gray.disabled, 

.btn-gray:disabled{

    color:white;

    background-color:var(--bs-gray-600);

    border-color:var(--bs-gray-600);

}

.btn-gray:hover,

.btn-gray:active,

.btn-gray.active{

    color:white;

    background-color:var(--bs-gray-800);

    border-color:var(--bs-gray-800);

}

.btn-gray:focus{

    color:white;

    background-color:var(--bs-gray-800);

    border-color:var(--bs-gray-800);

    box-shadow: 0 0 0 0.25rem rgba(38,202,202, .5);

}