@charset "utf-8";

/* ----------------------------------
Name: global.css
Version: 1.0.0
Autor: Fragmenta Soluciones Digitales
Website: https://www.fragmenta.mx
----------------------------------- */

/* ===================================
    Reset
====================================== */
*,
*::before,
*::after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
html { font-size: 16px !important;}
body {
     font-family: 'Poppins', sans-serif !important;
     -webkit-font-smoothing: antialiased;
     font-smooth: antialiased;
     /* font-size: 16px; */
     font-weight: 400;
     line-height: 1.5rem!important;
     color:#000;
     background-color: #fff;
}
body, html {height: 100%; -moz-osx-font-smoothing: grayscale;}

section{
  position: relative;
  overflow-x:clip;
}

/*body, html { height: 100%; -moz-osx-font-smoothing: grayscale;}*/

/*a{color:#04B3EB; text-decoration: none;font-size:14px;}
a:hover{
  color: #1158A0;
}




/*a, a:active, a:focus { color: #ED1C24; text-decoration: none;}
a:hover, a:active{color: blue; text-decoration: none; cursor: pointer;}
a:focus, a:active, button:focus, button:active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none; box-shadow: none; } */

footer a, footer a:active, footer a:focus { color: #fff; text-decoration: none; font-size: 12px;font-weight: 400;}
footer a:hover, footer a:active{color: #FF0000; text-decoration: underline; cursor: pointer;}
footer a:focus, footer a:active, footer button:focus, footer button:active, footer .btn.active.focus, footer .btn.active:focus, footer .btn.focus, footer .btn:active.focus, footer .btn:active:focus,footer  .btn:focus {outline: none; box-shadow: none; }

/*img {max-width:100%; height:auto; }*/


/* ===================================
    Typography
====================================== */
/* heading */
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif; letter-spacing: 0;color: #fff; text-transform: uppercase;}
/* h1, .h1 {font-size:3rem; line-height:3.5rem; font-weight: 600;} */

h1, .h1 {font-size:2.6rem; line-height:2.5rem; font-weight: 900;}
h2, .h2 {font-size:2.6rem; line-height:3rem; font-weight: 400;}
h3, .h3 {font-size:2.2rem; line-height:2.25rem; font-weight: 500;}
h4, .h4 {font-size:1.8rem; line-height:2.3rem; font-weight: 400;}
h5, .h5 {font-size:2.125rem; line-height:3.2rem; font-weight: 400;}
h6, .h6 {font-size:1.5rem; line-height:2rem; font-weight: 400;}

p{font-size: 14px;line-height: normal;}

/*-----Responsive fonts-----*/

/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {
h1, .h1 {font-size:3.125rem; line-height:3rem; font-weight: 900;}
} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {
h1, .h1 {font-size:4rem; line-height:4rem; font-weight: 900;}
h2, .h2 {font-size:3.2rem; line-height:3.5rem; font-weight: 400;}
h3, .h3 {font-size:2.75rem; line-height:2.76rem; font-weight: 500;}
h4, .h4 {font-size:2.3rem; line-height:3.3rem; font-weight: 400;}
}
/* md  */ @media (min-width: 768px) {
h1, .h1 {font-size:5.5rem; line-height:5rem; font-weight: 900;}
h2, .h2 {font-size:3.8rem; line-height:4rem; font-weight: 400;}
h3, .h3 {font-size:3.25rem; line-height:3.26rem; font-weight: 500;}
h4, .h4 {font-size:2.8125rem; line-height:3.5rem; font-weight: 400;}

p{font-size: 16px;line-height: normal;}

} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {

h1, .h1 {font-size:5rem; line-height:5rem; font-weight: 900;}
h2, .h2 {font-size:4.4rem; line-height:5rem; font-weight: 400;}
h3, .h3 {font-size:3.75rem; line-height:3.76rem; font-weight: 500;}
} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {

}
/* xxl */ @media (min-width: 1400px) {}


.text-main{color: #010811;}
.text-alt{color:#FF0000;}

.font-main{font-family: 'Poppins', sans-serif !important;}
.font-alt{font-family: 'Oswald', sans-serif!important;}



/* ===================================
    Background color
====================================== */

.bg-main{
  background: #000!important;
}

.bg-white-to-black{
  background: linear-gradient(176deg, rgba(255,255,255,1) 90%, rgba(0,0,0,1) 90%);
}

.bg-black-to-white{
  background: linear-gradient(176deg, rgba(0,0,0,1) 90%, rgba(255,255,255,1) 90%);
}


.bg-white-to-black-alt{
  background: linear-gradient(184deg, rgba(255,255,255,1) 90%, rgba(0,0,0,1) 90%);
}

.bg-white-to-black-nosotros{
  background: linear-gradient(184deg, rgba(255,255,255,1) 85%, rgba(0,0,0,1) 85%);
}

.bg-marcas{background: #000000D9;}

.bg-alt{background: #FF0000!important;}

/* ===================================
    Angulos
====================================== */

.bg-back-bottom{
  width: 100%;
  height: auto;
  position: relative;
  top:-5px;
}

.bg-back-bottom img{
  width: 100%;
}

.bg-back-top{
  width: 100%;
  height: auto;
  position: relative;
  top:5px;
}

.bg-back-top img{
  width: 100%;
}


/* ===================================
    transition
====================================== */



/* ===================================
    Button
====================================== */


.btn-main{
  background: #FF0000;
  border-radius: 5px;
  border: none;
  color: white;
  padding: 9px 5px;
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-left: 25px;
  padding-right: 25px;
  transition: all 0.7s ease;
}

.btn-main:hover{
  background: #8a1e13;
  transition: all 0.7s ease;
}

.btn-dowload{
  background: transparent;
  border-radius: 5px;
  border: 1px solid #FF0000;
  color: #000;
  padding: 9px 5px;
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-left: 25px;
  padding-right: 25px;
    transition: all 0.7s ease;
    text-decoration: none;
}

.btn-dowload:hover{
  background: #8a1e13;
  transition: all 0.7s ease;
}

.btn-dowload:focus{
  text-decoration: none;
}

.btn-alt{
  background: #000;
  border-radius: 5px;
  border: none;
  color: white;
  padding: 9px 5px;
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-left: 25px;
  padding-right: 25px;
  transition: all 0.7s ease;
}

.btn-alt:hover{
  background: #FF0000;
  transition: all 0.7s ease;
}

.link-more{
  color: #FF0000;
  transition: all 0.7s ease;
  text-decoration: none;
  font-size: 12px;
}

.link-more:hover{
  color: #8a1e13;
  text-decoration: underline;
  transition: all 0.7s ease;
}


.btn-mas-product{
  background: transparent;
  border-radius: 5px;
  border: 1px solid #FF0000;
  color: #000;
  padding: 9px 5px;
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-left: 25px;
  padding-right: 25px;
    transition: all 0.7s ease;
    text-decoration: none;
}

.btn-mas-product:hover{
  background: #FF0000;
  color: #fff;
  transition: all 0.7s ease;
}



/*-----Btn cotizador-----*/

.btn-incre{
  height: 40px;
  width: 40px;
  background: #000;
  border: 1px solid #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
  font-size: 22px;
}

.btn-incre:hover{
background: #a11217; border-color: #a11217; color: #ffffff;
}

.btn-decre{
  height: 40px;
  width: 40px;
  background: #000;
  border: 1px solid #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius:5px;
  color: #fff;
  font-size: 22px;
}

.btn-decre:hover{
background: #a11217; border-color: #a11217; color: #ffffff;
}


.input-number{
  width: 70px;
  height: 40px;
  background: #000!important;
  border: 1px solid #fff;
  text-align: center;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 36px;
  color: #fff;
  border-radius: 0!important;
}


/*------Btn videos-----*/

.btn-video{
  background: #fff;
  opacity: 0.8;
  color: #FF0000;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 4px 0px #00000040;
  transition: all 0.7s ease;
}

.btn-video i{
  font-size: 2rem;
  line-height: normal;
}

.btn-video:hover{
  background: #FF0000;
  color: #fff;
  transition: all 0.7s ease;
}

/*------Btn galery-----*/


.btn-gallery{
  width: 55px;
  height: 55px;
  background: #FF0000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #fff;
  transition: all 0.7s ease;
}

.btn-gallery:hover{
  background: #8a1e13;
  transition: all 0.7s ease;
}

/*btn Whatsapp*/

.btn-whats{
  background: #4BCA5A;
  border-radius: 5px;
  border: none;
  color: white;
  padding: 9px 5px;
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-left: 25px;
  padding-right: 25px;
  transition: all 0.7s ease;
}

.btn-whats:hover{
  background: #22ab32;
  transition: all 0.7s ease;
}

/* ===================================
    Galery
====================================== */

.content-pag{
  margin-top: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.content-btn-nav{
  display: flex;
    justify-content: center;
    margin-top: 50px;
}


/*-----Nav galery clientes-----*/
.swiper-button-next-marcas::after {
  height: 100%;
 content: "\F285";
 font-family: bootstrap-icons !important;
 display: flex;
 justify-content: center;
 align-items: center;
}

.swiper-button-prev-marcas::after {
  height: 100%;
content: "\F284";
font-family: bootstrap-icons !important;
display: flex;
justify-content: center;
align-items: center;
}

.swiper-button-next-marcas {
  width: 35px;
  height: 35px;
   position: relative;
   margin-left: 5px;
   display: inline-table !important;
   top:0px;
   font-size: 20px;
   color: #fff;
   border: 1px solid #FF0000;
   border-radius: 50%;
     transition:all .7s ease;
}

.swiper-button-next-marcas:hover{
  background: #FF0000;
  border: 1px solid #FF0000;
  color: #fff;
}

.swiper-button-prev-marcas {
  width: 35px;
  height: 35px;
   position: relative;
   margin-right: 5px;
   display: inline-table !important;
   top:0px;
   font-size: 20px;
   color: #fff;
   border: 1px solid #FF0000;
   border-radius: 50%;
     transition:all .7s ease;
}

.swiper-button-prev-marcas:hover {
  background: #FF0000;
  border: 1px solid #FF0000;
  color: #fff;
}

.swiper-button-next-marcas.swiper-button-disabled, .swiper-button-prev-marcas.swiper-button-disabled {
   opacity: .35;
   cursor: auto;
   pointer-events: none;
}

/*-----Nav galery Videos------*/

.swiper-button-next-videos::after {
  height: 100%;
 content: "\F285";
 font-family: bootstrap-icons !important;
 display: flex;
 justify-content: center;
 align-items: center;
}

.swiper-button-prev-videos::after {
  height: 100%;
content: "\F284";
font-family: bootstrap-icons !important;
display: flex;
justify-content: center;
align-items: center;
}

.swiper-button-next-videos {
  width: 35px;
  height: 35px;
   position: relative;
   margin-left: 5px;
   display: inline-table !important;
   top:0px;
   font-size: 20px;
   background: #F0F0F0;
   color: #000;
   border-radius: 50%;
     transition:all .7s ease;
}

.swiper-button-next-videos:hover{
  background: #FF0000;
  color: #fff!important;
}

.swiper-button-prev-videos {
  width: 35px;
  height: 35px;
   position: relative;
   margin-right: 5px;
   display: inline-table !important;
   top:0px;
   font-size: 20px;
   background: #F0F0F0;
   color: #000;
   border-radius: 50%;
     transition:all .7s ease;
}

.swiper-button-prev-videos:hover {
  background: #FF0000;
  color: #fff!important;
}

.swiper-button-next-videos.swiper-button-disabled, .swiper-button-prev-videos.swiper-button-disabled {
   opacity: .35;
   cursor: auto;
   pointer-events: none;
}

/*-----Nav galery Clientes-----*/
.swiper-button-next-clientes::after {
  height: 100%;
 content: "\F285";
 font-family: bootstrap-icons !important;
 display: flex;
 justify-content: center;
 align-items: center;
}

.swiper-button-prev-clientes::after {
  height: 100%;
content: "\F284";
font-family: bootstrap-icons !important;
display: flex;
justify-content: center;
align-items: center;
}

.swiper-button-next-clientes {
  width: 35px;
  height: 35px;
   position: relative;
   margin-left: 5px;
   display: inline-table !important;
   top:0px;
   font-size: 20px;
   color: #fff;
   border: 1px solid #FF0000;
   border-radius: 50%;
     transition:all .7s ease;
}

.swiper-button-next-clientes:hover{
  background: #FF0000;
  border: 1px solid #FF0000;
  color: #fff;
}

.swiper-button-prev-clientes {
  width: 35px;
  height: 35px;
   position: relative;
   margin-right: 5px;
   display: inline-table !important;
   top:0px;
   font-size: 20px;
   color: #fff;
   border: 1px solid #FF0000;
   border-radius: 50%;
     transition:all .7s ease;
}

.swiper-button-prev-clientes:hover {
  background: #FF0000;
  border: 1px solid #FF0000;
  color: #fff;
}

.swiper-button-next-clientes.swiper-button-disabled, .swiper-button-prev-clientes.swiper-button-disabled {
   opacity: .35;
   cursor: auto;
   pointer-events: none;
}

/*-----Nav galery Menu productos-----*/
.swiper-button-next-menu::after {
  height: 100%;
 content: "\F285";
 font-family: bootstrap-icons !important;
 display: flex;
 justify-content: center;
 align-items: center;
}

.swiper-button-prev-menu::after {
  height: 100%;
content: "\F284";
font-family: bootstrap-icons !important;
display: flex;
justify-content: center;
align-items: center;
}

.swiper-button-next-menu {
  width: 35px;
  height: 35px;
   position: relative;
   margin-left: 5px;
   display: inline-table !important;
   top:0px;
   font-size: 20px;
   color: #fff;
   border: 1px solid #FF0000;
   border-radius: 50%;
     transition:all .7s ease;
}

.swiper-button-next-menu:hover{
  background: #FF0000;
  border: 1px solid #FF0000;
  color: #fff;
}

.swiper-button-prev-menu {
  width: 35px;
  height: 35px;
   position: relative;
   margin-right: 5px;
   display: inline-table !important;
   top:0px;
   font-size: 20px;
   color: #fff;
   border: 1px solid #FF0000;
   border-radius: 50%;
     transition:all .7s ease;
}

.swiper-button-prev-menu:hover {
  background: #FF0000;
  border: 1px solid #FF0000;
  color: #fff;
}

.swiper-button-next-menu.swiper-button-disabled, .swiper-button-prev-menu.swiper-button-disabled {
   opacity: .35;
   cursor: auto;
   pointer-events: none;
}

/*---------------------*/




.swiper-pagination-bullet{
   background:#D9D9D9;
   opacity:1;
   margin-right: 5px;
}

.swiper-pagination-bullet-active{
 background: #FF0000;
}

#logos-cover{
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0px;
}

#logos-cover .swiper-slide{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px !important;
}

/* ===================================
    Paginador
====================================== */

.page-link{
  border-radius: 50%;
  background: transparent;
  border: 1px solid #FF0000;
  color: #000000;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 3px;
  cursor: pointer;
}

.page-link:hover{
  background: #FF0000;
  color: white;
}

.pagination .active{
background: #FF0000;
color: white;
text-decoration: none;
}
.first .page-link{
  color:#000;
  border-radius: 0px ;
  border: 1px solid transparent !important;
  width: auto;
  height: auto;
  margin: 0px;
}

.pagination .disabled{
  opacity: .35;
cursor: auto;
pointer-events: none;
}



.pagination .disabled:focus{
  border: 0px;
}

.last .page-link{
  color:#000;
  border-radius: 0px;
  border: 1px solid transparent;
  width: auto;
  height: auto;
  margin: 0px;
}

.prev .page-link{
  border-radius: 50%;
  background: transparent;
  border: 1px solid #FF0000;
  color: #000000;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 3px;
  padding: 0px;
}

.next .page-link{
  border-radius: 50%;
  background: transparent;
  border: 1px solid #FF0000;
  color: #000000;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 3px;
  padding: 0px;
}

.prev .page-link:hover{
  background: #FF0000;
  color: #fff;
}


.next .page-link:hover{
  background: #FF0000;
  color: #fff;
}

.last .page-link:hover{
  color: #FF0000;
  background: transparent !important;

}

.first .page-link:hover{
  color: #FF0000;
  background: transparent !important;

}


/*Focus*/


.pagination a:focus{
outline: none; box-shadow: none;
}

.next a:focus{
outline: none; box-shadow: none;
background: transparent;
color: #D42C1C;
}
.prev a:focus{
outline: none; box-shadow: none;
background: transparent;
color: #D42C1C;
}

.last a:focus{
outline: none; box-shadow: none;
background: transparent;
}

.first a:focus{
outline: none; box-shadow: none;
background: transparent;
}


/* ===================================
      Lines
====================================== */


.line-bottom{
  border-bottom: 1px solid #0B75BC;
}

/* ===================================
       Call to action
====================================== */

.call-to-action-one{
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

.cont-cta{
  width: 100%;
  min-height: 300px;
  padding: 30px 30px 30px 30px;
  background: linear-gradient(180deg, #FF0000 0%, #790000 100%);
  display: grid;
  grid-template-columns: 1fr;
  border-radius: 10px;
}

.cont-cta-sol{
  width: 100%;
  min-height: 300px;
  padding: 30px;
  background: #000;
  display: grid;
  grid-template-columns: 1fr;
  border-radius: 10px;
}

.cont-cta-seg{
  width: 100%;
  min-height: 300px;
  padding: 30px;
  background: #000;
  display: grid;
  grid-template-columns: 1fr;
  border-radius: 10px;
}


.cont-cta-sol .description{
  width: 100%;
}

.cont-cta-seg .description{
  width: 100%;
}

.img-cta{
  width: 100%;
  position: relative;
  bottom: -30px;
}

.img-cta-sol{
  width: 70%;
  position: relative;
  top: 0px;
  right: -100px;
}

.img-cta-seg{
  width: 80%;
  position: relative;
  top: -0px;
  left: -0px;
}


.content-cta-bottom{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
    "img"
    "inf";

}

.info-cta {
  grid-area: inf;
  position: relative;
  z-index: 10;
}

.cta-bottom{
  padding-bottom: 250px;
}

.content-cta-bottom .description{
  width: 70%;
}

.img-cta-bottom{
  position: relative;
  grid-area: img;
}

.img-cta-bottom img{
  position: relative;
width: 300px;
top: -50px;
left: -10px;
}

/* ===================================
    Forms
====================================== */



/* ===================================
    Contenedores
====================================== */

.frente-img{
  position: relative;
  z-index: 10;
}

/*----Equipos----*/

.img-equipo{
  background: linear-gradient(176deg, rgba(255,255,255,1) 90%, rgba(0,0,0,1) 90%);
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
  height: 300px;
}

.img-equipo img{
  width:100%;
  height: 100%;
  object-fit: cover;
  padding-bottom: 10%;
}




.inf-equipo{
  background: #000000;
  padding: 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.inf-equipo .cont-title{
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  color: #fff;

}

.inf-equipo .cont-title p{
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}


.inf-equipo .description{
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  margin-top: 5px;
}

.inf-equipo .description p{
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 12px;
    height: 36px;
}

.content-btn-mas .icon{
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
  margin-bottom: 0px;
}

.inf-equipo .content-btn-mas{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  transition: all 0.7s ease;
}

.btn-mas{
  display: flex;
  align-items: center;
  transition: all 0.7s ease;
}

.btn-mas span{
  font-size: 14px;
  margin-right: 5px;
  color: #fff;
}

.btn-mas:hover .icon{
  border: 1px solid #FF0000;
  transition: all 0.7s ease;
}

.btn-mas:hover span{
  color: #FF0000;
  transition: all 0.7s ease;
}


/* ===================================
    Notificaciones
====================================== */

.noti-info{
  background: #FF0000;
  color:#fff;
  padding: 15px;
}

.alert-sira{
  background: #FF0000;
  color:#fff;
  margin-bottom: 0px;
}



/* ===================================
    Hover img
====================================== */

.hover-zoom:hover .image,
.parent:hover .hover-zoom .image {
	transform: scale(1.1);
	transition-duration: 10s;
}

.hover-zoom-rotate:hover .image,
.parent:hover .hover-zoom-rotate .image {
	transform: scale(1.1) rotate(3deg);
	transition-duration: 10s;
}

/* ===================================
    Responsive
====================================== */

/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {


.img-cta-bottom img{
  position: relative;
width: 350px;
top: -50px;
left: -10px;
}

} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {

.img-cta-bottom img{
  position: relative;
width: 500px;
top: -50px;
left: -10px;;
}
.cont-cta-sol{padding: 40px;}
.img-cta-sol{;width: 70%;right: -150px;top:0;}



}
/* md  */ @media (min-width: 768px) {

.cont-cta{
  grid-template-columns: 55% auto;
  padding: 30px 70px 30px 70px;
}

.img-cta {
    width: 150%;
    position: absolute;
    bottom: -30px;
    right: -70px;
}

.content-cta-bottom{
  display: grid;
  grid-template-columns: 50% auto;
  grid-template-areas:
    "img inf";
}

.img-cta-bottom img{
  position: absolute;
  width: 500px;
  top: -50px;
  left: -15px;
}
.cont-cta-sol{padding: 50px;}
.img-cta-sol{;width: 70%;right: -215px;top:-50;}

.cont-cta-sol .description{
  width: 80%;
}

.call-to-action-one{
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.cont-cta-seg{padding: 50px;}
.img-cta-seg{width: 50%;}

} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {

/*cta-global*/
.cont-cta{
  grid-template-columns: 45% auto;
}
.img-cta{
  width: 110%;
  position: absolute;
  bottom: -80px;
}
.img-cta-bottom img{
  position: absolute;
  width: 550px;
  top: -50px;
  left: -40px;
}

/*cta-soluciones*/
.cont-cta-sol{grid-template-columns: 65% auto;padding: 70px;}
.img-cta-sol{position: absolute;width: 150%;right: -110px;top: -15px;}
.cont-cta-sol .description{width: 63%;}

/*cta-segmentos*/
.cont-cta-seg{padding: 70px;grid-template-columns: auto 65%;}
.img-cta-seg{width: 150%;position: absolute;top: -50px;left: -115px;}
.cont-cta-seg .description{width: 63%;}






} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {

.img-cta-bottom img{
  position: absolute;
  width: 650px;
top: -100px;
left: -95px;
}

.img-cta-seg{
  width: 150%;
  position: absolute;
  top: -150px;
  left: -115px;
}

}
/* xxl */ @media (min-width: 1400px) {}