.contenedorCosto{
        display:flex;
        justify-content:center;
        width:100%;
        background-color:#1C2D6C;
        color:white;
        padding:103px 20px;
      }
      
      .costo{
        display:flex;
        width:100%;
        max-width:1206px;
        /*background-color:purple;*/
        flex-direction:column;
        justify-content:center;
        align-items:center;
      }
      
      .costo .badge{
        background-color:#33427B;
        padding:14px 21px;
        margin-bottom:21px;
        font-size:16px;
        line-height:16px;
        font-weight:600;
        color:white;
        width:fit-content;
      }
      
      .costo .card{
        display:flex;
        flex-direction:column;
        width:100%;
        max-width:464px;
        background-color:white;
        color:black;
        justify-content:center;
        align-items:center;
        padding:21px 26px;
        border-radius:10px;
      }
      
      .costo .card.dark{
        background-color:#273773;
        border:2.5px solid #525F8F;
        color:white;
      }
      
      .costo .card.dark .top{
        justify-content:center;
      }
      
      .costo .top{
        display:flex;
        width:100%;
        justify-content:space-between;
        margin-bottom:21px;
      }
      
      .costo .icon{
        width:20px;
        height:20px;
        flex-shrink:0;
      }
      
      .costo .linea{
        width:100%;
        height:2px;
        background-color:#525F8F;
        margin-bottom:21px;
      }
      
      .costo .linea.dark{
        width:100%;
        height:2px;
        background-color:#525F8F;
      }
      
      
      .costo .botones{
        display:flex;
        gap:8px;
        width:100%;
        margin-top:26px;
      }
      
      .costo .botonNaranja{
        display:flex;
        width:100%;
        text-decoration:none;
        cursor:pointer;
        padding:14px 5px;
        background-color:#E56A1F;
        text-align:center;
        justify-content:center;
        align-items:center;
        font-size:16px;
        line-height:24px;
        font-weight:700;
        color:white;
      }
      
      .costo .botonOutline{
        display:flex;
        width:100%;
        text-decoration:none;
        cursor:pointer;
        padding:14px 5px;
        background-color:transparent;
        border:3px solid #0E8A87;
        text-align:center;
        color:#0E8A87;
        justify-content:center;
        align-items:center;
        font-size:16px;
        line-height:24px;
        font-weight:700;
      }
      
     .costo .botonNaranja.dark{
        background-color:#525F8F;
      }
      
      .costo .botonOutline.dark{
        border:2px solid #B4BFD2;
        background-color:transparent;
        color:#B4BFD2;
      }

      .costo .compilados{
        width:100%;
        display:flex;
        gap:20px;
        justify-content:center;
      }
      
      .costo .nota{
        display:flex;
        width:100%;
        max-width:940px;
        padding:31px 20px;
        background-color:#273773;
        border:1px solid #525F8F;
        flex-direction:column;
        align-items:center;
        border-radius:14px;
        gap:11px;
        margin-top:61px;
      }
      
      .costo .warning{
        display:flex;
        width:100%;
        gap:13px;
        align-items:center;
      }
      
      .costo .iconWarn{
        width:20px;
        height:20px;
        flex-shrink:0;
      }
      
      .costo .titular{
        padding-bottom:15px;
        font-size:48px;
        line-height:48px;
        font-weight:700;
      }
      
      .costo .parrafo{
        padding-bottom:56px;
        font-size:20px;
        line-height:28px;
        font-weight:500;
        text-align:center;
        max-width:672px;
      }
      
      .costo .cupo{
        font-size:17px;
        line-height:20px;
        font-weight:700;
      }

      .costo .dark{
        color:rgb(176, 190, 210);
      }
      
      .costo .dinero{
        font-size:48px;
        line-height:48px;
        font-weight:800;
        color:#1E2F6F;
      }
      
      .costo .moneda{
        font-size:16px;
        line-height:16px;
        font-weight:400;
        margin-top:8px;
        padding-left:9px;
      }
      
      .costo .preciosTitle{
        font-size:36px;
        line-height:36px;
        font-weight:700;
        margin-top:64px;
        margin-bottom:40px;
      }
      
      .costo .white{
        color:white;
      }
      
      .costo .cierre{
        font-size:24px;
        line-height:24px;
        font-weight:700;
        margin-bottom:11px;
      }
      
      .costo .anota{
        font-size:14px;
        line-height:20px;
        font-weight:500;
      }


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