/* Start:/servicios/desarrollo-e-implementacion/assets/style.css?17227226804097*/
.body{
margin:0;
padding:0;


}

#contenido{
display:grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: minmax(600px,auto);
}

#datos_izq{
border-bottom-right-radius: 55px;
background-image: linear-gradient(to bottom, #4dcde4 0%, #086ca6 100%);
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 20px;
}

#datos_der{
boder: 1px solid green;

}

.titulo{
font-weight: 800;
display: inline-block;
line-height: 1.1;
color: white;
border-bottom: 3px solid white;
}

.Sub-titulo{
font-weight: 200;
display: inline-block;
line-height: 1.1;
color: white;
}

.article{
font-size: 16px;
width: 500px;
font-weight: 400;
color:white;
display: inline-block;
line-height: 1.1;
}

/*********************************************/
 .planes_contenedor{
          width: 100%;
          min-width: 320px;
          padding-bottom: 70px;
          text-align: center;
          
        }
        .planes_contenedor_slider{
          display: flex;
          height: 325px;
         
          overscroll-behavior-x: contain; 
          scroll-snap-type: x proximity;
          
        }
        .planes_contenedor__titulo{
         width: 90%;
         min-width: 288px; 
         height: auto;
         margin:  0 auto;
         padding: 50px 0 ;
        }
        .planes_contenedor__titulo h2{
         font-size: 2.4rem;
         font-weight: bold;
         line-height: 2.6rem;
         color: var(--warm-black);

        }
        .planes_contenedor__titulo p{
          padding-top: 30px;
          font-size: 1.4rem;
         font-weight: 500;
         line-height: 1.8rem;
         color: #757575;
        }
        .planes_contenedor__tarjeta{
          position: relative;
          scroll-snap-align: center;
          width: 60%;
          min-width: 190px;
          max-width: 300px;
          background: var(--just-white);
          margin: 50px 10px 0 ;
          height: 280px;
          padding: 0 15px;
          border-radius: 15px;
          box-shadow: 0 4px 8px rgba(89,73,30,0.16);
        }
        .planes_contenedor__tarjeta .planes_titulo{
        position: absolute;
        left: calc(50% - 60px);
        top: calc(0% - 16px);       
        width: 120px;
        padding: 6px;
        height: 30px;
        color: var(--just-white);
        border-radius: 8px;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.3rem;
        font-family: "inter",sans-serif;
        }
        .recomendado{
          background: var(--bitcoin-orange);
        }
        .basico{
          background: var(--secondary-blue);

        }
        .plus{
          background: #4E8B43;
        }
        .tarjeta_titulo{
          padding: 30px 0 20px;
          font-weight: 500;
          font-size: 1.4rem;
          height: 1.8rem;
          color: #000;

        }
        .tarjeta_costo{
          padding: 5px 0;
          font-size: 5.3rem;
          font-weight: bold;
          line-height: 6.3rem;
          color: #000;
        }
        .tarjeta_costo span{
          font-size: 1.3rem;
          font-weight: 300;
          vertical-align: text-top;

        }
        .tarjeta_info{
          color: #757575;
          font-size: 1.2rem;
          line-height: 1.4rem;
          font-weight: 500;
        }
        .tarjetas_accion{
          width: 80%;
          height: 48px;
          background: #EFEFEF;
          margin-top: 20px;
          border-radius: 5px;
          font-weight: bold;
          font-size: 1.4rem;
          line-height: 1.8rem;

        }
        .borderecomendado{
          border: 2px solid var(--bitcoin-orange);
        }
        .bordeBasico{
          border: 2px solid var(--secondary-blue);
        }
         .bordeplus{
          border: 2px solid #4E8B43;  
        }
        .tarjetas_accion .flechaNaranja{
           display: inline-block;
            width:24px;
            height: 20px; 
            background-image: url('/servicios/desarrollo-e-implementacion/assets/../assets/icons/orange-right-arrow.svg');
            color: red;
            vertical-align: text-bottom;
        }
/* End */
/* /servicios/desarrollo-e-implementacion/assets/style.css?17227226804097 */