.main{
        display:flex;
        width:100%;
        justify-content:center;
        align-items:center;
        flex-direction:column;
        padding:332px 20px 98px 20px;
        gap:72px;
        position:relative;
        background:linear-gradient(to bottom, #D3E5EB, #F4FBFF );
      }
      
      .main .primero{
        display:flex;
        width:100%;
        max-width:1048px;
        /*background-color:lightblue;*/
        flex-direction:column;
        justify-content:center;
        align-items:center;
        z-index:6;
      }
      
      .main .logo{
        width:593.84px;
        height:245.25px;
        /*background-color:black;*/
      }
      
      .main .line{
        display:flex;
        width:100%;
        height:2px;
        background-color:#D9D9D9;
      }
      
      .main .nacion{
        display:flex;
        /*background-color:orange;*/
        align-items:center;
        gap:16px;
      }
      
      .main .bandera{
        width:190.53px;
        height:108.96px;
        /*background-color:black;*/
      }
      
      .main .nacionVertical{
        display:flex;
        flex-direction:column;
        gap:5px;
        /*background-color:grey;*/
      }
      
      .main .fecha{
        display:flex;
        /*background-color:orange;*/
        align-items:center;
        gap:21px;
      }
      
      .main .calendar{
        display:flex;
        width:40px;
        height:40px;
        /*background-color:black;*/
        flex-shrink:0;
      }
      
      .main .tira{
        display:flex;
        flex-wrap:wrap;
        width:100%;
        background-color:#1E2F6F;
        justify-content:center;
        max-width:1327px;
        border-radius:50px;
        padding:15px 38px;
        align-items:center;
        column-gap:15px;
        row-gap:15px;
        color:white;
      }
      
      .main .vineta{
        display:flex;
        width:23.1px;
        height:23.1px;
      }
      
      .main .logos{
        display:flex;
        flex-wrap:wrap;
        width:100%;
        background-color:white;
        border-radius:10px;
        gap:40px;
        justify-content:center;
        max-width:1327px;
        box-shadow:0 4px 10px rgba(0,0,0,0.25);
        padding:21px;
      }
      
      
      .xs-margintop{
         margin-top:8px;
      }
     .xs-marginbottom{
         margin-bottom:8px;
      }
      
     .md-margintop{
         margin-top:26px;
      }
     .md-marginbottom{
         margin-bottom:26px;
      }
      
     .lg-margintop{
         margin-top:38px;
      }
     .lg-marginbottom{
         margin-bottom:38px;
      }
      
      
      .main .lema{
        font-size:34.5px;
        font-weight:700;
        color:#1E2F6F;
      }
      
      .main .estado{
        font-size:28px;
        font-weight:700;
        line-height:30px;
        color:#1E2F6F;
      }
      
      .main .mexico{
        font-size:88px;
        font-weight:700;
        line-height:90px;
        color:#1E2F6F;
      }
      
      .main .capitalyrelaciones{
        font-size:57px;
        font-weight:700;
        color:#9B8029;
      }
      
      .main .turquesa{
        color:#126B71;
      }
      
      .main .delas{
        font-size:28px;
        font-weight:700;
        color:#126B71;
      }
      
      .main .protocolos{
        font-size:42px;
        font-weight:700;
        color:#126B71;
      }
      
      .main .summit{
        font-size:53px;
        font-weight:700;
        color:#E95723;
        margin-top:27px;
      }
      
      .main .octubre{
        font-size:50px;
        font-weight:700;
        color:#1E2F6F;
      }
      
      .main .tira{
        font-size:18px;
        font-weight:600;
        font-style:italic;
      }
      
      .main .imagen{
        display:flex;
        width:100%;
        top:0;
        position:absolute;
        z-index:1;
        aspect-ratio:1448/815;
      }

      .main img{
        width:100%;
        height:100%;
        object-position:center;
        object-fit:cover;
      }


      .main .logos.unisant {
        display:flex;
        width:100%;
        background-color:white;
        border-radius:10px;
        gap:20px;
        justify-content:center;
        max-width:782px;
        box-shadow:0 4px 10px rgba(0,0,0,0.25);
        padding:21px;
        align-items: center;
        font-size:26.53px;
        font-weight:700;
        line-height:29.9px;
        color:#126B71;
      }

      .main .logoUnisant{
        width:441.78px;
        height:120.15px;
        /*background-color:black;*/
      }


      .main .logos .logosecundario{
        display:flex;
        height:86px;
        /*border:2px solid black;*/
        /*width:auto;*/
        width:auto;
      }


    .main .logosecundario img{
        width:auto;
        height:100%;
        object-position:center;
        object-fit:cover;
      }