@charset "UTF-8";
body {
    width:100%;
    height: auto;
    margin: 0 !important;
    background-color: #FBFCF9;
}
/***************************BANNER**************************************/
.container-banner img{
    z-index:-1;
    width:100%;
}
/***************************GALLERY**************************************/
.grid__gallery{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 ;
    margin: 0 auto;
    justify-content: center;
}
.container-gallery img{
    width:100%;
}
.img__gallery-desk{
    display:none;
}
.img__gallery-movil{
    display:block;
}
/***************************BIENVENIDA**************************************/
.grid__bienvenida{
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 4px;
    row-gap: 4px;    
    align-items: center;
    justify-items: center;
    padding:20px;
    position: relative;
    width: 100%;
    margin-bottom: 80px;
}
.footer__bienvenida{
    position: relative;
    top:30px;
    display: grid;
    grid-template-columns: 100%;
    height: 40px;
}
.button__bienvenida{
    width:300px;
    text-decoration: none;
    padding:10px 60px ;
    font-family: LatoRegular;
    color:white;
    background-color: #0091B3;
    border-radius: 20px;
    text-align: center;
    margin:0 auto;
}   
.item__bienvenida{
    text-align: left;
}
.item__bienvenida:nth-child(1){
    padding: 10px;
    grid-column: 1 ;
    grid-row: 1;
    text-align: center;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom:40px;
}
.item__bienvenida:nth-child(2){
    grid-column: 1;
    grid-row: 2;
    padding:0 ;
    line-height: 16px;
}
.item__bienvenida:nth-child(3){
    grid-column: 1;
    grid-row: 3;
    padding:0;
    line-height: 16px;
}

.txtbienvenida1{
    font-family: LovelaceRegular;
    font-size:30px;
    font-weight: lighter;
    font-style: italic;
    color: #0091B3;   
}
.txtbienvenida2{
    position: relative;
    font-family: LatoRegular;
    font-weight: bold;
    font-size:24px;
    margin-left: 0px;
    color: #0091B3;
}
.txtbienvenida3{
    font-family: LatoRegular;
    font-size:16px;
    color: #575756;      
}
.txtbienvenida4{
    font-family: LatoRegular;
    font-weight: bold;
    font-size:14px;
    color: #0091B3;       
}

/***************************SERVICIOS**************************************/
.txttitulo_servicios{
    margin: 60px 0 40px 80px;
    font-family : LovelaceRegular;
    font-size : 40px;
    color : #0091B3;
    color : rgb(0, 145, 179);
}
.container-servicios{
    position: relative;
    margin: 0 auto;
}
.grid__servicios{
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 4px;
    row-gap: 4px; 
}
.item__servicios{
    position:relative;
    margin:40px 10px 10px 10px;
    line-height: 16px;
    margin-bottom:40px;
}
.item__servicios img{
    margin: 0 auto;
} 
.no-servicios{
    text-align: center;
    padding:10px 0 0 0;
 }
.tit-servicios{
    padding:10px 0 10px 0;
}
.link-servicios{
    padding:0;
    margin-right:0;
    text-align: right;
}
.item__servicios:nth-child(1){
    display: grid;
    grid-template-columns: 30% auto;
    column-gap: 4px;
    row-gap: 4px;      
    grid-column: 1;
    grid-row: 1;
}
.item__servicios:nth-child(2){
    display: grid;
    grid-template-columns: 30% auto;
    column-gap: 4px;
    row-gap: 4px;      
    grid-column: 1;
    grid-row: 2;
}
.item__servicios:nth-child(3){
    display: grid;
    grid-template-columns: 30% auto;
    column-gap: 4px;
    row-gap: 4px;      
    grid-column: 1;
    grid-row: 3;
}
.item__servicios:nth-child(4){
    display: grid;
    grid-template-columns: 30% auto;
    column-gap: 4px;
    row-gap: 4px;      
    grid-column: 1;
    grid-row: 4;
}
.img__servicios{
    width:48px;
    grid-column: 1;
    grid-row: 1;
}
.no-servicios{
    grid-column: 1;
    grid-row: 2;
}
.tit-servicios{
    grid-column: 2;
    grid-row: 1;
}
.txt-servicios{
    grid-column:2;
    grid-row: 2;
}
.link-servicios{
    grid-column:2;
    grid-row: 3;
}
.txtlink__servicios {
    position: relative;
    top:30px;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 30px 10px 30px;
    background-color: #A7A4DF;
    border-radius: 20px;
    color:white;
}
.txtnumero__servicios{
    font-family: TitilliumRegular;
    font-size:20px;
    color: #CBC3BB;      
}
.txttitulo__servicios{
    font-family: TitilliumRegular;
    font-size:18px;
    font-weight: bold;   
    color: #0091B3;       
}
.txtdescripcion__servicios{
    font-family: LatoRegular;
    font-size:15px;  
    color: #575756;       
}
/***************************TRABAJEMOS**************************************/
.container-trabajemos{
    width:100%;
    background-color: #E0DEF4;
    padding:30px;
}
.grid__trabajemos{
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto;
    column-gap: 4px;
    row-gap: 4px;    
    width: 100%;
    padding-left:0px;
}
.item__trabajemos:nth-child(1){
    line-height: 40px;
}
.item__trabajemos:nth-child(2){
    line-height: 20px;
    margin-top:40px;
    margin-left:40px;  
}
.item__trabajemos:nth-child(3){
    margin-top:40px;
}
.txttitulo-trabajemos{
    font-family : LovelaceRegular;
    font-size : 30px;
    color : #0091B3; 
}
.txtdescripcion-trabajemos {
    font-family : TitilliumRegular;
    font-size : 16px;
    color : #575756;  
}
.txtlink-trabajemos {
    text-decoration: none;
    padding: 6px 40px 6px 40px;
    background-color: #0091B3;
    border-radius: 20px;
    color:white;
}
.txttitulo2-trabajemos{
    font-family : LatoRegular;
    font-size : 20px;
    font-weight: bold;
    color : #0091B3;
}
.txttel-trabajemos, .txtemail-trabajemos{
    font-family : LatoRegular;
    font-size : 20px;
    color : #0091B3;
}
.grid__trabajemos{
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: (4, 1fr);
    column-gap: 4px;
    row-gap: 4px;    
    width: 100%;
}
/***************************BRANDING**************************************/
.page-branding{
    width:auto;
    background-image:url('../images/branding/wallpaper-movil.png');
    background-size: contain;
    background-repeat : no-repeat;
    background-color: #002A3A;
}
.container-branding{
    box-sizing: border-box;
    position:relative;
    padding-top:260px;
    padding-bottom:60px;
    margin:0 auto;
}
.img-paq_branding-desk img{
    width:117px;
}

.texto__branding{
    padding: 30px;
    text-align: center;
    line-height: 16px;
    margin-bottom:60px;
}
.txtfrase-branding{
    position:relative;
    font-family : LovelaceRegular;
    font-size : 17px;
    font-style: italic;
    color : #FFFFFF;
    color : rgb(255, 255, 255); 
    bottom: -20px; 
    left: -50px; 
    line-height: 10px;
}
.txttitulo-branding{
    font-family : Nabi;
    font-size : 81px;
    color : #F9B233;
    color : rgb(249, 178, 51);
    line-height: 80px;
}
.txtdescripcion-branding{
    font-family : LatoRegular;
    font-size : 16px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
}
.txttenemos-branding{
    font-family : Lovelace;
    font-style : italic;
    font-size : 20px;
    color : #F9B233;
    color : rgb(249, 178, 51);
    line-height: 26px;
}
.btntenemos-branding{
    text-align: center;
    padding:14px;
    width: 280px;
    height: 80px;
    background-color: #002A3A;
    border-radius: 30px;
}
.btnpaqmas-branding{
    position:relative;
    top:40px;
    font-family : LatoRegular;
    font-size : 16px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
    text-decoration: none;
    padding:10px 30px;
    background-color:#0091B3;
    border-radius: 20px;
}
.img-paq_branding-desk{
    display:none;
}

.barra-branding{
    box-sizing: border-box;
    display: grid;
    position: relative;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto;
    column-gap: 4px; 
    align-items: center;
    justify-items: center;
    top:30px;
    width: 100%;   
}
.txtbarratitulo-branding{
    font-family : LatoRegular;
    font-weight : bold;
    font-style : italic;
    font-size : 17px;
    line-height : 18px;
    color : #F9B233;
    color : rgb(249, 178, 51);
}
.img-barra_branding{
    width:100%;
    height: 4px;
}

.img-barra_branding-movil:nth-child(1), .txtbarratitulo-branding:nth-child(1), .img-barra_branding:nth-child(1){
    grid-column: 1;
    grid-row:1;
}
.img-barra_branding-movil:nth-child(2), .txtbarratitulo-branding:nth-child(2), .img-barra_branding:nth-child(2){
    grid-column: 2;
    grid-row:1;    
}
.img-barra_branding-movil:nth-child(3), .txtbarratitulo-branding:nth-child(3), .img-barra_branding:nth-child(3){
    grid-column: 3;
    grid-row:1;    
}

.grid__branding{
    position: relative;
    box-sizing: border-box;
    display: grid;
    column-gap: 4px;
    row-gap: 0px;    
    align-items: left;
    justify-items: left;
    padding:10px;
    width: 100%;
    top:40px;
}
.item__branding:nth-child(1), .item__branding:nth-child(2), .item__branding:nth-child(3){
    box-sizing: border-box;
    display: grid;  
    grid-template-columns: auto auto auto;
    grid-template-rows: 80px auto ;
    justify-items: left;
    width: 86%;
    row-gap: 8px;
}

.txtpaq-branding{
    position: relative;
    top:20px;
    grid-column:1 ;
    grid-row:1;
}
.txtpaqtitulo-branding1, .txtpaqtitulo-branding2, .txtpaqtitulo-branding3{
    grid-column:1/ span 3;
    grid-row:2;
}
.img-paq_branding-movil{
    position: relative;
    grid-column:3;
    grid-row:1 ;
    top:4px;
    left:50px;
}
.txtnumero-branding{
    display:none;
}
.txtpaqdescripcion-branding{
    font-family : LatoRegular;
    font-size : 15px;
    color : #575756;
    color : rgb(87, 87, 86);
}

.txtpaqtit-branding1, .txtpaqtit-branding2, .txtpaqtit-branding3{
    padding:10px 20px;
    border-radius: 20px;
    font-family : LovelaceRegular;
    font-size : 15px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
}
.txtpaqtit-branding1{
    background-color:#00BED6;
}
.txtpaqtit-branding2{
    background-color:#B980D0;
}
.txtpaqtit-branding3{
    background-color:#007DA5;
}
.btnpaq-branding1, .btnpaq-branding2, .btnpaq-branding3{
    text-decoration: none;
    padding:10px 60px;
    border-radius: 10px;
    font-family : LovelaceRegular;
    font-size : 15px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
}
.btnpaq-branding1{
    background-color:#00BED6;
}
.btnpaq-branding2{
    background-color:#B980D0;
}
.btnpaq-branding3{
    background-color:#007DA5;
}
.btn1, .btn2, .btn3{
    position: relative;
    text-align: center;
    margin:-60px;
    top:20px;
}
.btn1b, .btn2b, .btn3b{
    display:none;
}
.txtpaq-branding1, .txtpaq-branding2, .txtpaq-branding3{
    font-family: LatoRegular;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    top:40px;
    left:-30px;
}
.txtpaq-branding1{
    color: #00BED6;
}
.txtpaq-branding2{
    color: #CE009F;
}
.txtpaq-branding3{
    color: #007DA5;
}
.txtpaqtitulo-branding1{
    font-family : LovelaceRegular;
    font-style : italic;
    color: #00BED6;
    color: rgb(0, 190, 214); 
    font-size : 60px;
}
.txtpaqtitulo-branding2{
    font-family : LovelaceRegular;
    font-style : italic;
    color: #CE009F;
    color: rgb(206, 0, 159); 
    font-size : 40px;   
}
.txtpaqtitulo-branding3{
    font-family : LovelaceRegular;
    font-style : italic;
    color: #007DA5;
    color: rgb(0, 125, 165); 
    font-size : 56px;   
}

.item__branding{
    line-height: 22px;
}

ul{
    list-style-image: url("../images/branding/punto_azul.png");
    margin:10px;
}

.branding_cabezal1, .branding_cabezal2, .branding_cabezal3{
    padding:10px;
    width:100%;
}
.branding_cabezal1{
    background-color: #B0C8E9;
}
.branding_cabezal2{
    background-color: #ECD2E1;
}
.branding_cabezal3{
    background-color: #99D9D9;
}
.branding_cuerpo1, .branding_cuerpo2, .branding_cuerpo3{
    padding: 10px;
    background-color: white;
    margin-bottom: 50px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.item__branding:nth-child(1){
    grid-column:1;
    grid-row:1;
    height: 140px;
    width:100%;
    background-color: #B0C8E9;
    margin-bottom: -4px;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}
.item__branding:nth-child(2){
    grid-column:1;
    grid-row:3;
    height: 140px;
    width:100%;
    background-color: #ECD2E1;
    margin-bottom: -4px;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}

.item__branding:nth-child(3){
    grid-column:1;
    grid-row:5;
    height: 140px;
    width:100%;
    background-color: #99D9D9;
    margin-bottom: -4px;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}
.item__branding:nth-child(4){
    grid-column:1;
    grid-row:2;
    margin-bottom: 50px;
}
.item__branding:nth-child(5){
    grid-column:1;
    grid-row:6;
    margin-bottom: 50px;
}
.item__branding:nth-child(6){
    grid-column:1;
    grid-row:4;
    margin-bottom: 50px;
}
.item__branding:nth-child(8){
    margin-bottom: 50px;
}

/***************************WEB**************************************/
.page-web{
    width:100%;
    background-image:url('../images/web/wallpaper-movil.png');
    background-repeat : no-repeat;
    background-size:contain;
}
.container-web{
    box-sizing: border-box;
    position:relative;
    padding-top:400px;
    margin:0 auto;
}
.grid__web{
    box-sizing: border-box;  
    display: grid;
    grid-template-columns: auto;   
}
.item__web:nth-child(1){ /*1*/
    grid-row:1;
    text-align: center;
    line-height: 24px;
    background-color: #FBF3E8;
}
.btn1-web{
    grid-row:2;
    background-color: #FBF3E8;
}
.item__web:nth-child(6){ /*2*/
    grid-row:3;
    background-color: #FBF3E8;
}
.item__web:nth-child(2){ /*3*/
    grid-row:4; 
    text-align: center;
    line-height: 24px;
    background-image:url('../images/web/fondo2.png');
    background-repeat : no-repeat;
    background-size:contain;
    background-color: #ffffff;
}
.btn2-web{
    grid-row:5;
    background-color: #ffffff;
}
.item__web:nth-child(9){ /*4*/
    grid-row:6;
    background-color: #ffffff;
}
.item__web:nth-child(3){/*5*/
    grid-row:7;
    text-align: center;
    line-height: 24px;
    background-image:url('../images/web/fondo3.png');
    background-repeat : no-repeat;
    background-size:contain;
    background-color: #FBF3E8;    
}
.btn3-web{
    grid-row:8;
    background-color: #FBF3E8; 
}
.item__web:nth-child(12){/*6*/
    grid-row:9;
    background-color: #FBF3E8; 
}
.item__web:nth-child(4){/*7*/
    grid-row:10;
    text-align: center;
    line-height: 24px;
    background-image:url('../images/web/fondo2.png');
    background-repeat : no-repeat;
    background-size:contain;
    background-color: #ffffff;    
}
.btn4-web{
    grid-row:11;
}
.item__web:nth-child(15){/*8*/
    grid-row:12;
}
.txttit_prim-web{
    font-family : Nabi;
    font-size : 30pt;
    color : #C92C99;
    color : rgb(201, 44, 153);
}
.txttit_prim2-web{
    font-family : Nabi;
    font-size : 30pt;
    color : #C92C99;
    color : rgb(201, 44, 153);
}
.txtsub_prim-web{
    font-family : LovelaceRegular;
    font-style : italic;
    font-size : 12pt;
    color : #006E96;
    color : rgb(0, 110, 150);
}
.txtsub_prim2-web{
    font-family : Lovelace;
    font-style : italic;
    font-size : 10pt;
    color : #006E96;
    color : rgb(0, 110, 150);
}
.txttit_prim3-web{
    font-family : Nabi;
    font-size : 22pt;
    color : #CE009F;
    color : rgb(206, 0, 159);
}
.txtdescripcion_prim-web{
    font-family : LatoRegular;
    color : white;
    line-height: 18px;
}
.txttit_sec1-web{
    font-family : LatoRegular;
    font-weight: bold;
    color : #006E96;
}
.txttit_sec1b-web{
    font-family : LovelaceRegular;
    font-weight: lighter;
    font-style: italic;
    color : #006E96; 
    font-size : 16pt;
}
.txttexto_sec2-web{
    font-family :LovelaceRegular;
    font-style: italic;
    font-size : 12pt;
    color : #006E96;
}
.img_sec-web{
    width:268px;
}
.barra-web{
    position: relative;
    margin-top:0px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto auto; 
    grid-template-rows:auto auto;   
    justify-items: center;
    padding:60px 10px 60px 10px;
    top:0px;
    row-gap: 10px;
    column-gap: 10px;
    width: 100%;
    background-image: url('../images/web/fondo1.png'); 
    background-repeat : no-repeat;
    background-size:cover; 
    margin-bottom:0px;  
    background-color: #DFB6B8;
}
.barra-web img{
    position: relative;
    left:20px;
}
/*cuadro principal*/
.txtcuadro_principal-web{
    text-align: center;
    width:100%;
    padding:0 20px 20px 20px;
    margin: 0 auto;
}
/*cuadro secundario*/
.txtcuadro_secundario-web{
    text-align: center;
    width:100%;
    padding:0 40px 0 40px;
    margin: 0 auto; 
    line-height: 16px;   
    background-color: #DFB6B8;
}

.txttitulos_web{
    line-height: 26px;
}
.txttit_esencial_barra-web{
    position:relative;
    font-family : LatoRegular;
    font-weight : bold;
    font-size : 8px;
    color : #00BED6;
    top:10px;
}
.txttit_esencial_barra-webx{
    font-family : LovelaceRegular;
    font-style : italic;
    font-size : 22px;
    color : #00BED6; 
}
.txttit_premium_barra-web{
    position:relative;
    font-family : LatoRegular;
    font-weight : bold;
    font-size : 8px;
    color : #CE009F;
    top:10px;
}
.txttit_premium_barra-webx{
    font-family : LovelaceRegular;
    font-style : italic;
    font-size : 22px;
    color : #CE009F;   
}
.txttit_empresarial_barra-web{
    position:relative;
    font-family : LatoRegular;
    font-weight : bold;
    font-size : 8px;
    color : #F39200;
    top:10px;
}
.txttit_empresarial_barra-webx{
    font-family : LovelaceRegular;
    font-style : italic;
    font-size : 22px;
    color : #F39200;   
}
.txttit_tienda_barra-web{
    position:relative;
    font-family : LatoRegular;
    font-weight : bold;
    font-size : 8px;
    color : #Ffff;
    top:10px;
}
.txttit_tienda_barra-webx{
    font-family : LovelaceRegular;
    font-style : italic;
    font-size : 22px;
    color : #fff;   
}

.img-paq_web-desk{
    display:none;
}
.txtpaqsubtit-web{
    font-family : LatoRegular;
    font-size : 15px;
    color : #00BED6;
}
.txtpaqfrase-web{
    font-family : LatoRegular;
    font-size : 11.5px;
    color : #575756;
}
.txtpaq-web1{
    font-family : LatoRegular;
    font-weight : bold;
    font-size : 14px;
    color : #00BED6;
    position: relative;
    left:-46px;
}
.txtpaqtitulo-web1{
    font-family : LovelaceRegular;
    font-style : italic;
    font-size : 40px;
    color : #00BED6;
}
.txtpaq-web2{
    font-family : LatoRegular;
    font-weight : bold;
    font-size : 14px;
    color : #CE009F; 
    position: relative;
    left:-46px;    
}
.txtpaqtitulo-web2{
    font-family : LovelaceRegular;
    font-style : italic;
    font-size : 40px;
    color : #CE009F;
}
.txtpaq-web3{
    font-family : LatoRegular;
    font-weight : bold;
    font-size : 14px;
    color : #F39200; 
    position: relative;
    left:-46px;    
}
.txtpaqtitulo-web3{
    font-family : LovelaceRegular;
    font-style : italic;
    font-size : 40px;
    color : #F39200;
}
.txtpaq-web4{
    font-family : LatoRegular;
    font-weight : bold;
    font-size : 14px;
    color : #007DA5; 
    position: relative;
    left:-46px;    
}
.txtpaqtitulo-web4{
    font-family : LovelaceRegular;
    font-style : italic;
    font-size : 40px;
    color : #007DA5;
}
.txtpaqtit-web1, .txtpaqtit-web2, .txtpaqtit-web3, .txtpaqtit-web4{
    padding:10px 30px;
    border-radius: 16px;
    font-family : LovelaceRegular;
    font-size : 15px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
    position: relative;
    margin-bottom:100px;
}
.txtpaqtit-web1{
    background-color:#00BED6;
}
.txtpaqtit-web2{
    background-color:#B980D0;
}
.txtpaqtit-web3{
    background-color:#F39200;
}
.txtpaqtit-web4{
    background-color:#84DADE;
}
.btnpaq-web1, .btnpaq-web2, .btnpaq-web3, .btnpaq-web4{
    text-decoration: none;
    padding:10px 60px;
    border-radius: 10px;
    font-family : LovelaceRegular;
    font-size : 18px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
}
.btnpaq-web1{
    background-color:#00BED6;
}
.btnpaq-web2{
    background-color:#B980D0;
}
.btnpaq-web3{
    background-color:#F39200;
}
.btnpaq-web4{
    background-color:#84DADE;
}
.btn1-web, .btn2-web, .btn3-web, .btn4-web, .btn1a-web, .btn2a-web, .btn3a-web, .btn4a-web{
    text-align: center;
}

.btn1b-web, .btn2b-web, .btn3b-web, .btn4b-web{
    display: none;
}
.item__web{
    font-family : LatoRegular;
    font-size : 17px;
    color : #575756;
    color : rgb(87, 87, 86);
    padding:20px;  
}
.txtcuadrofinal-web{
    padding: 0px 40px 40px 40px;
}
.txttextofinal-web{
    font-family : LatoRegular;
    font-size : 15px;
    color : #575756;
    color : rgb(87, 87, 86);
}
.txttitfinal-web{
    font-family : Lato;
    font-size : 31px;
    color : #007DA5;
    color : rgb(0, 125, 165);
}
.txtdatos-web{
    font-family : LatoRegular;
    font-size : 20px;
    color : #0091B3;
    color : rgb(0, 145, 179);
}
/***************************REDES**************************************/
.page-redes{
    width:100%;
    background-image:url('../images/red/wallpaper-movil.png');
    background-repeat : no-repeat;
    background-size:contain;
    background-color: #F7F2E7;
}
.txtcuadro_principal-redes{
    position:relative;
    box-sizing: border-box;  
    padding-top:280px;
}
.barra-redes{
    width:100%;
    text-align: center;
}
.txttit_prim-redes, .txttit_prim2-redes{
    display: none;
}
.txttitulos_redes{
    text-align: center;
    padding:20px 50px 100px 50px;
    line-height: 16px;
}
.txtsub_prim-redes{
    font-family : LatoRegular;
    font-size : 18px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
}
.txtpaqfrase-redes_tablet{
    display:none;
}
.grid__redes{
    box-sizing: border-box;  
    display: grid;
    grid-template-columns: auto;   
}
.item__redes:nth-child(1){ /*1*/
    grid-row:1;
}
.item__redes:nth-child(5){ /*5*/
    grid-row:2;
}
.item__redes:nth-child(2){ /*2*/
    grid-row:3;
    background-image:url('../images/red/fondo1.png');
    background-color:#F4E6EE ;
    background-repeat: no-repeat;
}
.item__redes:nth-child(6){ /*6*/
    grid-row:4;
    background-color:#F4E6EE ;
}
.item__redes:nth-child(3){ /*3*/
    grid-row:5;
    background-image:url('../images/red/fondo2.png');
    background-color:#ECF3F5;
    background-repeat: no-repeat;
}
.item__redes:nth-child(7){ /*7*/
    grid-row:6;
    background-color:#ECF3F5;
}
.item__redes:nth-child(4){ /*4*/
    grid-row:7;
    background-image:url('../images/red/fondo3.png');
    background-color:#ffff;
    background-repeat: no-repeat;
}
.item__redes:nth-child(8){ /*8*/
    grid-row:8;
    background-color:#ffff;  
    padding-bottom: 20px; 
}
.cuadro_rojo-azul{
    background-color: #DD2B52;
    width:240px;
    height:120px;
    border-radius:20px;
    padding:16px;
    margin:0 auto;
    text-align: center;
}
.txttit_sec1-redes{
    font-family : LovelaceRegular;
    font-style : italic;
    font-size : 16px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
}
.img-paq_redes-desk{
    display:none;
}
.txtpaq-redes{
    font-family : LatoRegular;
    font-weight : bold;
    font-size : 14px;
    color : #00BED6;
    color : rgb(0, 190, 214);
}
.txtpaqtitulo-redes{
    font-family : LovelaceRegular;
    font-style : italic;
    font-size : 40px;
    color : #009ABF;
    color : rgb(0, 154, 191);
}
.txtpaqfrase-redes{
    font-family : LatoRegular;
    font-size : 17px;
    color : #575756;
    color : rgb(87, 87, 86);
}
.listaprimaria-redes{
    background-color: white;
    border-radius: 20px;
    padding:20px 10px 60px 40px;
    margin:20px;
}
.listaprimaria-redes{
    font-family : LatoRegular;
    font-size : 15px;
    color : #575756;
    color : rgb(87, 87, 86);
}
.txtpaqfrase-redes_tablet, .txtpaqfrase-redes{
    font-family : LatoRegular;
    font-size : 17px;
    color : #575756;
    color : rgb(87, 87, 86);
}
.txtpaqfrase-redes{
    position:relative;
    top:20px;
}
.btn-redes_sup, .btn-redes_inf{
    text-align: center;
}
.btn-redes_inf{
    position: relative;
    top:-80px;
}
.btn-redes_infx{
    position: relative;
    top:40px;
}
.txtpaqtit-redes{
    width:100%;
    padding:10px ;
    border-radius: 16px;
    font-family : LovelaceRegular;
    font-size : 15px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
    background-color:#00BED6;
}
.btnpaq-redes{
    text-decoration: none;
    padding:10px 90px;
    border-radius: 10px;
    font-family : LovelaceRegular;
    font-size : 15px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
    background-color:#00BED6;
}
.btnpaq-redesx{
    text-decoration: none;
    padding:10px 60px;
    border-radius: 10px;
    font-family : LovelaceRegular;
    font-size : 15px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
    background-color:#00BED6;
}
.item__redes{
    text-align: center;
    padding:10px;
    line-height: 30px;
}
.txtpaqfrase-redes_tablet{
    display: block;
}
.txtpaqfrase-redes{
    display:none;
}
.txtcuadrofinal-redes{
    padding: 20px 40px 40px 40px;
    margin-bottom:0px;
}
.txttextofinal-redes{
    font-family : LatoRegular;
    font-size : 15px;
    color : #575756;
    color : rgb(87, 87, 86);
}
.txttitfinal-redes{
    font-family : Lato;
    font-size : 31px;
    color : #007DA5;
    color : rgb(0, 125, 165);
}
.txtdatos-redes{
    font-family : LatoRegular;
    font-size : 20px;
    color : #0091B3;
    color : rgb(0, 145, 179);
}
/***************************DISEÑO GRAFICO**************************************/
.page-diseno{
    width:100%;
    background-image:url('../images/diseno/wallpaper-movil.png');
    background-repeat : no-repeat;
    background-size:contain;
    background-color: #E2DBCC;
}
.container-diseno{
    box-sizing: border-box;
    position:relative;
    padding-top:260px;
    margin:0 auto;
}
.texto__diseno{
    line-height: 12px;
}
.texto__diseno2{
    line-height: 24px;
}
.texto__diseno, .texto__diseno2, .item__diseno{
    margin:20px;
}
.txtfrase-diseno{
    font-family : Nabi;
    font-size : 57px;
    color : #33647E;
    color : rgb(51, 100, 126);
}
.txttitulo-diseno{
    font-family : Nabi;
    font-size : 40px;
    color : #33647E;
    color : rgb(51, 100, 126);
    position: relative;
    left:40px;
}
.txtdescripcion-diseno{
    font-family : LatoRegular;
    font-size : 17px;
    color : #575756;
    color : rgb(87, 87, 86);
}
.txttit_sec-diseno{
    font-family : LovelaceRegular;
    font-size : 17px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
}
.cuadro_rojo-azul_diseno{
    background-color: #002A3A;
    width:260px;
    height:76px;
    border-radius:20px;
    padding:10px;
    margin:0 auto;
    text-align: center;
}
.txtpaq-diseno{
    font-family : Lato;
    font-weight : bold;
    font-size : 14px;
    color : #00BED6;
    color : rgb(0, 190, 214);
  }
  .txtpaqtitulo-diseno{
    font-family : Lovelace;
    font-style : italic;
    font-size : 40px;
    color : #00BED6;
    color : rgb(0, 190, 214);
  }
  .item__diseno ul {
    list-style:none;
  }
  .btn-Diseno{
    text-align: center;
 }
 .btnpaq-diseno{
    text-decoration: none;
    padding:10px 40px;
    border-radius: 10px;
    font-family : LovelaceRegular;
    font-size : 15px;
    color : #FFFFFF;
    color : rgb(255, 255, 255);
    background-color:#00BED6;
}
.txtcuadrofinal-diseno{
    background-color:white ; 
    margin-bottom:20px;
    padding:20px;
}
.grid__diseno{
    display:grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto auto auto auto auto;
}
.item__diseno:nth-child(1){
    grid-column: 1;
    grid-row: 1;
    line-height: 26px;
}
.item__diseno:nth-child(2){
    grid-column: 1;
    grid-row: 4;
    line-height: 26px;
}
.item__diseno:nth-child(3){
    grid-column: 1;
    grid-row: 2;
}
.item__diseno:nth-child(4){
    grid-column: 1;
    grid-row: 3;
    margin-top:-40px;
}
.item__diseno:nth-child(5){
    grid-column: 1;
    grid-row: 5;
}
.item__diseno:nth-child(6){
    grid-column: 1;
    grid-row: 6;
}
/***************************TERMINOS Y CONDICIONES**************************************/
.page-terminos{
    width:100%;
    margin:0 auto;
    padding: 40px 20px 40px 20px;
}
.container-terminos{
    width:100%;
    margin:0 auto;
    padding: 40px 20px 40px 20px;
}
.titulo_terminos{
    width:100%;
    border-bottom: 1px solid gray;
    font-family : NabiRegular;
    font-size : 14px;
    color : #33647E;
    color : rgb(51, 100, 126);
    text-align: center;
}
.contenido_terminos{
    font-family : LatoRegular;
    font-size : 8px;
    color : #575756;
    color : rgb(87, 87, 86); 
}
pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
 }
 /***************************AVISO DE PRIVACIDAD**************************************/
.page-privacidad{
    width:100%;
    margin:0 auto;
    padding: 40px 20px 40px 20px;
}
.container-privacidad{
    width:100%;
    margin:0 auto;
    padding: 40px 20px 40px 20px;
}
.titulo_privacidad{
    width:100%;
    border-bottom: 1px solid gray;
    font-family : NabiRegular;
    font-size : 14px;
    color : #33647E;
    color : rgb(51, 100, 126);
    text-align: center;
}
.contenido_privacidad{
    font-family : LatoRegular;
    font-size : 8px;
    color : #575756;
    color : rgb(87, 87, 86); 
}
pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
 }
  /***************************LISTA DE APP**************************************/
.container-lista{
    width:100%;
    margin:0 auto;
    padding: 40px 20px 40px 20px;
}
.grid__lista{
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 100%;
    column-gap: 4px;
    row-gap: 4px;      
}
.item__lista:nth-child(1){
    grid-column: 1;
    grid-row: 1;
    padding: 20px 10px 0px 10px
}
.item__lista:nth-child(2){
    grid-column: 1;
    grid-row: 2;
    padding: 20px 10px 0px 10px
}
.item__lista:nth-child(3){
    grid-column: 1;
    grid-row: 3;
    padding: 20px 10px 0px 10px
}

.txttitulo-lista{
    font-family : LovelaceRegular;
    font-size : 17px;
    line-height : 10.8px;
    color : #0091B3;
}
.txtcontenido-lista{
    font-family : LatoceRegular;
    font-size : 15px;
    line-height : 10.8px;
    color : #575756;  
    line-height: 1.2;
}
  /***************************CONTACTO**************************************/
.page-contacto{
    width:100%;
    background-image:url('../images/contacto/wallpaper-movil.png');
    background-repeat : no-repeat;
    background-size:contain;    
    background-color: #E0DEF4;
}
.container-contacto{
    box-sizing: border-box;
    position:relative;
    padding:40px 20px 60px 20px;
    margin:0 auto;
}
.txtcaja-contacto{
    line-height: 40px;
}
.txtcaja2-contacto{
    width:280px;
    line-height: 20px;
    padding:20px;
    margin-left:20px;
}
.txtcaja3-contacto{
    width:270px;
    line-height: 20px;
    padding:20px;
    margin-left:40px;
}
.txttitulo-contacto{
    font-family : Nabi;
    font-size : 61px;
    color : #33647E;
    color : rgb(51, 100, 126);
  }
  .txtsubtitulo-contacto{
    font-family : Nabi;
    font-size : 61px;
    color : #33647E;
    color : rgb(51, 100, 126);
    margin-left:120px;
  }
  .txtfrase-contacto{
    font-family : TitilliumRegular;
    font-size : 16px;
    color : #006E96;
    color : rgb(0, 110, 150);
  }
  .txttitfinal-contacto{
    font-family : LatoRegular;
    font-size : 31px;
    color : #B14FC5;
    color : rgb(177, 79, 197);
  }
  .txtdatos-contacto{
    font-family : LatoRegular;
    font-size : 20px;
    color : #006E96;
    color : rgb(0, 110, 150);
  }
  .txtinf-contacto{
    font-family : LatoRegular;
    font-size : 17px;
    line-height : 23.52px;
    text-transform : uppercase;
    color : #3D4543;
    color : rgb(61, 69, 67);
  }
  form{
    font-family : LatoRegular;
    font-size : 17px;
    color : #3D4543;
    color : rgb(61, 69, 67);
  }
  /***************************PORTAFOLIO**************************************/
.grid__portafolio{
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto ;
    column-gap: 4px;
    row-gap: 40px;    
    align-items: center;
    justify-items: center;
    position: relative;
    width: 100%;
    padding:10px;
}
.container-portafolio img{
    width:100%;
}
.item__portafolio{
    width:100%;
}
.item__portafolio{
    background-color: #6FB1C8;
    border-radius: 8px;
}

.img-paq_portafolio-desk{
    display: none;
}
.txttitulo-portafolio, .txtproducto-portafolio{
    position:relative;
    font-family : Myriad Pro;
    font-size : 15px;
    color : #1d1d1b;
  }
.caja_portafolio{
    position: relative;
    top:40px;
    line-height: 16px;
}