.elementor-2360 .elementor-element.elementor-element-f6ceacb{--display:flex;--min-height:200px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-2360 .elementor-element.elementor-element-f6ceacb:not(.elementor-motion-effects-element-type-background), .elementor-2360 .elementor-element.elementor-element-f6ceacb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sitekbe.com/2025/wp-content/uploads/2025/08/KBE-E3-WEB-4-3-032-@-Gus-Sev.jpg");background-position:center center;background-size:cover;}.elementor-2360 .elementor-element.elementor-element-33c9fff{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-2360 .elementor-element.elementor-element-33c9fff > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2360 .elementor-element.elementor-element-33c9fff.elementor-element{--align-self:center;}.elementor-2360 .elementor-element.elementor-element-33c9fff .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-secondary );}.elementor-2360 .elementor-element.elementor-element-67597b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px){.elementor-2360 .elementor-element.elementor-element-33c9fff .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-2360 .elementor-element.elementor-element-33c9fff{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2360 .elementor-element.elementor-element-33c9fff .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS for shortcode, class: .elementor-element-027f048 *//* 1. TITRES DE CATÉGORIES */
.elementor-2360 .elementor-element.elementor-element-027f048 h1, .elementor-2360 .elementor-element.elementor-element-027f048 h2, .elementor-2360 .elementor-element.elementor-element-027f048 h3:not(.sponsor-content h3), .elementor-2360 .elementor-element.elementor-element-027f048 h4 {
    font-family: var( --e-global-typography-primary-font-family ), sans-serif;
    font-weight: var( --e-global-typography-primary-font-weight );
    text-align: left;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: none !important;
    text-decoration: none !important;
}

.elementor-2360 .elementor-element.elementor-element-027f048 h1::after, .elementor-2360 .elementor-element.elementor-element-027f048 h2::after, .elementor-2360 .elementor-element.elementor-element-027f048 h3::after, .elementor-2360 .elementor-element.elementor-element-027f048 h4::after {
    display: none !important;
}

/* 2. LA GRILLE (Bureau) */
.elementor-2360 .elementor-element.elementor-element-027f048 {
    display: grid !important;
    /* On définit une taille de base pour les carrés */
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); 
    gap: 20px;
}

/* 3. LA CARTE CARRÉE & CENTRAGE TOTAL */
.elementor-2360 .elementor-element.elementor-element-027f048 .sponsor-card {
    background-color: #ffffff !important;
    border: 2px solid #E6E0DE !important;
    border-radius: 0px !important;
    text-decoration: none;
    
    /* Centrage horizontal et vertical */
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center !important; 
    
    /* LE SECRET DU CARRÉ : Largeur = Hauteur */
    aspect-ratio: 1 / 1 !important; 
    width: 100% !important;
    height: auto !important; /* Laisse l'aspect-ratio décider de la hauteur */
    
    padding: 0px;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

/* 4. EFFET AU SURVOL */
.elementor-2360 .elementor-element.elementor-element-027f048 .sponsor-card:hover {
    border-color: #5BBBA4 !important;
        transform: none !important
}

/* 5. LE LOGO (Maximisé et centré) */
.elementor-2360 .elementor-element.elementor-element-027f048 .sponsor-logo {
    background: transparent !important;
    border: none !important;
    width: 100%;
    height: 100%; /* Prend toute la place du carré */
    display: flex;
    align-items: center;
    justify-content: center;
}

.elementor-2360 .elementor-element.elementor-element-027f048 .sponsor-logo img {
    /* Le logo prendra maximum 75% de la surface du carré pour respirer */
    max-width: 100%;
    max-height: 75%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* 6. MASQUER LE NOM DU SPONSOR */
.elementor-2360 .elementor-element.elementor-element-027f048 .sponsor-content {
    display: none !important;
}/* End custom CSS */