.detalles{
        display:flex;
        width:100%;
        background-color:#4892A0;
        padding:47px 20px;
        justify-content:center;
        position: relative;
         z-index: 2;
      }
      
      .detalles .contenedor{
        width:100%;
        max-width:1280px;
        display:flex;
        /*background-color:purple;*/
        flex-wrap:wrap;
        justify-content:space-between;
        gap:19px;
      }
      
      .detalles .datos{
        display:flex;
        flex-direction:column;
        width:fit-content;
        align-items:center;
        /*background-color:brown;*/
        max-width:200px;
        text-align:center;
      }
      
      .detalles .spaceCircle{
        width:83px;
        height:27px;
        position:relative;
        /*background-color:black;*/
      }
      
      .detalles .line{
        width:1px;
        background-color:white;
      }
      
      .detalles .topi{
        padding-bottom:10px;
        font-size:18px;
        line-height:24px;
        color:white;
      }
      
      .detalles .texto{
        padding-bottom:14px;
        font-size:18px;
        line-height:24px;
        color:white;
      }
      
      .detalles .icon{
        width:83px;
        height:83px;
        top:-93px;
        left:0;
        position:absolute;
        /*background-color:darkblue;*/
      }
      
      .detalles img{
        object-fit:cover;
        object-position:center;
        width:100%;
        height:100%;
      }

      @media(max-width:964px){
        .detalles{
          padding:24px 18px;
        }

        .detalles .contenedor{
          display:grid;
          grid-template-columns:repeat(2, minmax(0, 1fr));
          gap:0;
          max-width:720px;
          position:relative;
          align-items:stretch;
          justify-content:initial;
        }

        .detalles .contenedor::before,
        .detalles .contenedor::after{
          content:"";
          position:absolute;
          background-color:rgba(255, 255, 255, 0.72);
          pointer-events:none;
        }

        .detalles .contenedor::before{
          width:1px;
          height:100%;
          top:0;
          left:50%;
          transform:translateX(-50%);
        }

        .detalles .contenedor::after{
          width:100%;
          height:1px;
          top:50%;
          left:0;
          transform:translateY(-50%);
        }

        .detalles .line{
          display:none;
        }

        .detalles .datos{
          width:100%;
          max-width:none;
          min-height:180px;
          justify-content:center;
          align-items:center;
          text-align:center;
          gap:4px;
          padding:20px 16px;
        }

        .detalles .spaceCircle{
          width:83px;
          height:83px;
          margin-bottom:12px;
        }

        .detalles .icon{
          top:0;
          left:0;
        }

        .detalles .topi{
          padding-bottom:8px;
          font-size:16px;
          line-height:21px;
        }

        .detalles .texto{
          padding-bottom:0;
          font-size:17px;
          line-height:22px;
          max-width:205px;
        }
      }