  
      .contenedorPonentes{
        display:flex;
        justify-content:center;
        width:100%;
        padding:120px 20px;
      }
      .ponentes{
        width:100%;
        display:flex;
        justify-content:center;
        /*background-color:beige;*/
        flex-direction:column;
        max-width:1319px;
      }
      .ponentes .arriba{
        display:flex;
        width:100%;
        /*background-color:lightgreen;*/
        flex-direction:column;
        align-items:center;
      }
      .ponentes .badge{
        background-color:#1E2F6F;
        padding:14px 21px;
        margin-bottom:34px;
        font-size:16px;
        line-height:16px;
        font-weight:600;
        color:white;
        width:fit-content;
      }
      .ponentes .wrapper{
        width:100%;
        display:flex;
        flex-direction:column;
        background-color:#E6F1F8;
        border-radius:18px;
        padding:40px 53px 65px 53px;
        margin-top:68px;
      }
      .ponentes .wrapperMundos{
        position:relative;
        overflow:hidden;
      }
      .ponentes .wrapperMundos > :not(.mundosFondo){
        position:relative;
        z-index:2;
      }
      .ponentes .mundosFondo{
        position:absolute;
        z-index:1;
        top:0;
        left:50%;
        width:100%;
        min-width:1200px;
        height:100%;
        transform:translateX(-50%);
        pointer-events:none;
      }
      .ponentes .mundosFondo img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
        mix-blend-mode: difference;
        opacity: 0.6;
      }
      .ponentes .titular{
        display:flex;
        /*background-color:red;*/
        align-items:center;
        gap:29px;
      }
      .ponentes .icon{
        width:56px;
        height:56px;
        flex-shrink: 0;
      }
      .ponentes .line{
        width:100%;
        margin-top:25px;
        margin-bottom:59px;
        height:2px;
        background-color:#D9D9D9;
      }
      .ponentes .compilados{
        display:flex;
        width:100%;
        /*background-color:brown;*/
        justify-content:center;
        flex-wrap:wrap;
        gap: 35px;
        row-gap: 60px;
      }
      .ponentes .card{
        width:100%;
        display:flex;
        flex:1 1 350px;
        max-width:377px;
        min-width:280px;
        /*background-color:lightblue;*/
        flex-direction:column;
        gap:22px;
      }
      .ponentes .cardDoble{
        flex-basis:540px;
        max-width:540px;
        gap:0;
        overflow:hidden;
        border-radius:0;
      }
      .ponentes .identidad{
        display:flex;
        width:100%;
        flex-direction:column;
        /*background-color:green;*/
      }
      .ponentes .foto{
        width:100%;
        height:364px;
        background-color:black;
      }
      .ponentes .fotosDoble{
        display:grid;
        width:100%;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:8px;
      }
      .ponentes .cardDoble .fotosDoble{
        gap:0;
      }
      .ponentes .ponenteDoble{
        display:flex;
        min-width:0;
        flex-direction:column;
      }
      .ponentes .fotosDoble .foto{
        height:364px;
      }
      .ponentes .cardDoble .foto{
        height:364px;
        background-color:transparent;
        overflow:hidden;
      }
      .ponentes .name{
        width:100%;
        display:flex;
        background-color:#0E8A87;
        height:44px;
        justify-content:center;
        align-items:center;
        text-align:center;
        color:white;
      }
      .ponentes .abajo{
        display:flex;
        flex-direction:column;
        /*background-color:beige;*/
        width:100%;
      }
      .ponentes .cardDoble .abajo{
        padding-top:8px;
      }
      .ponentes .titular{
        font-size:48px;
        line-height:48px;
        font-weight:700;
        padding-bottom:22px;
        text-align: center;
      }
      .ponentes .subtitles{
        font-size:20px;
        line-height:32.5px;
        font-weight:500;
        text-align: center;
      }
      .ponentes .conferencias{
        font-size:36px;
        line-height:36px;
        font-weight:700;
        text-align: left;
      }
      .ponentes .name{
        font-size:18px;
        line-height:24px;
        font-weight:700;
      }
      .ponentes .cardDoble .name{
        height:44px;
        border-radius:0;
        font-size:18px;
        line-height:18px;
      }
      .ponentes .cargo{
        margin-bottom:14px;
        font-size:14px;
        line-height:20px;
        font-weight:600;
      }
      .ponentes .cardDoble .cargo{
        margin:0 0 14px;
        font-size:14px;
        line-height:20px;
        font-weight:600;
        text-align:center;
      }
      .ponentes .evento{
        font-size:13px;
        line-height:20px;
        font-weight:500;
      }
      .ponentes .cardDoble .semblanzasDoble{
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:0;
      }
      .ponentes .cardDoble .evento{
        font-size:13px;
        line-height:20px;
        font-weight:500;
        padding-right:22px;
      }
      .ponentes .cardDoble .evento + .evento{
        border-left:1px solid #1E2F6F;
        padding-left:22px;
        padding-right:0;
      }
      .ponentes img{
        width:100%;
        height:100%;
        object-position:center;
        object-fit:cover;
      }


      @media(max-width:700px){

        .ponentes .titular{
          gap: 10px;
                  text-align: left;
        }

        .ponentes .wrapper {
          padding: 40px 20px;
        }

        .ponentes .mundosFondo{
          min-width:900px;
        }

        .ponentes .cardDoble{
          flex-basis:350px;
          max-width:377px;
        }

        .ponentes .fotosDoble{
          gap:6px;
        }

        .ponentes .fotosDoble .foto{
          height:300px;
        }

        .ponentes .cardDoble .foto{
          height:300px;
        }

        .ponentes .cardDoble .semblanzasDoble{
          gap:0;
        }

        .ponentes .cardDoble .evento{
          font-size:13px;
          line-height:20px;
          padding-right:14px;
        }

        .ponentes .cardDoble .evento + .evento{
          padding-left:14px;
          padding-right:0;
        }

      }


      @media(max-width:700px){

      .spk{
          max-width:250px;
      }
      .ponentes .cardDoble .abajo{
        align-items: center;
      }

      .ponentes .name, .ponentes .cardDoble .name{
          height: 60px;
      }

      .ponentes .conferencias{
        font-size: 25px;
        line-height: 28px;
      }

      .ponentes h2.titular{
        text-align: center;
      }

    }
