
/*HOME*/

/*SLIDER*/
#backVideo { position: fixed; z-index: -1; height: 17rem; filter: brightness(0.7); object-position: -27rem 2.5rem; }
#cont_banner { position: relative; text-align: center; padding-top: 6.5rem; height: 10.5rem; width: 100%; }
#cont_banner li { color: white; line-height: 1.1rem; text-shadow: 2px 2px 4px #000; font-size: 0.75rem; } 
.contSlider { padding: 0 1.25rem; }

/*CARDS SOLUCIONES*/
#bloqSolu { display: flex; justify-content: center; text-align: center; margin: -3rem 0 0; flex-direction: column; background: transparent; }
.txtGrayMid { line-height: 1.2rem; font-size: 0.8rem; color: #4e5a65; padding: 1rem 0; }
.txtGraySmall { line-height: 1rem; font-size: 0.7rem; color: #4e5a65; font-weight: 400; }
.titBoldBlk { font-weight: 600; line-height: 1.4rem; } 
.cardsSolu { background-color: white; }
.contSolu { padding: 1.5rem; background-color: white; border: 1px solid royalblue; text-align: left; width: 8rem; margin: 2rem 0 0; }
.textSolu { display: flex; flex-direction: column; margin: 3rem 2.55rem; } 
.textSolu p { text-align: left; }
.containSolu { display: flex; margin: 2rem 1.25rem; justify-content: space-between; flex-direction: column-reverse; align-items: center; }
.containSolu a { color: inherit; width: 11rem; }
.datoSolu { font-size: 1.5rem; color: royalblue; font-weight: 400; text-align: left; }
.titCardsSolu { font-size: 0.85rem; padding: 2rem 0 1rem; font-weight: 500; color: black; }
.card { height: fit-content; position: relative; cursor: pointer;
 -webkit-transition: all .4s ease-in; transition: all .4s ease-in;
 -webkit-box-shadow: 20px -18px 2px 1px #4169e152; box-shadow: 20px -18px 2px 1px #4169e152; }
.card:hover {
 -webkit-box-shadow: -19px 19px 2px -1px #4169e152;
         box-shadow: -19px 19px 2px -1px #4169e152; height: 20rem; border: 1px solid #4169e170; margin: 0 0 2rem 0; }
.card::before { content: 'Ver todos los servicios'; letter-spacing: 0.2em; position: absolute; bottom: 7px; font-size: 0.6em; font-weight: 700; margin: 0 2rem; line-height: 1rem; color: black; }
.cardId { height: fit-content; position: relative; cursor: pointer;
 -webkit-transition: all .4s ease-in; transition: all .4s ease-in;
 -webkit-box-shadow: 20px -18px 2px 1px #4169e152; box-shadow: 20px -18px 2px 1px #4169e152; }
.cardId:hover {
 -webkit-box-shadow: -19px 19px 2px -1px #4169e152;
         box-shadow: -19px 19px 2px -1px #4169e152; height: 20rem; border: 1px solid #4169e170; }
.cardId::before { content: 'Conoce a Fielnet'; letter-spacing: 0.2em; position: absolute; bottom: 7px; font-size: 0.6em; font-weight: 700; margin: 0 2rem; left: 0rem; line-height: 1rem; color: black; }
#Ciberseguridad_services { display: inline-block; background-color: royalblue; position: relative; z-index: 10; transition: all .4s ease-in; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); }
.contImgSolu { display: flex; height: 17rem; flex-direction: column; }
#Ciberseguridad_services h4 { color: white; }
#Ciberseguridad_services p { color: #ffffffcc; }
#Ciberseguridad_services img { width: 100%; height: 100%; object-fit: cover; }
.contTxtSolu { padding: 0 1rem; height: 10rem; text-align: left; }
.midSolu { padding: 2rem 0; }
.midSolu p:nth-child(2) { padding: 1rem 0 0; }
#Identidad_services { background-color: white; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); position: relative; z-index: 10; transition: all .4s ease-in; }
.contImgId { display: flex; height: 17rem; flex-direction: column; }
#Identidad_services img { width: 100%; height: 100%; object-fit: cover; }
.squareBlog { width: auto; cursor: pointer; background: white;
  -webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 11%), 0 6px 20px 0 rgb(0 0 0 / 7%); box-shadow: 0 4px 8px 0 rgb(0 0 0 / 11%), 0 6px 20px 0 rgb(0 0 0 / 7%);
  position: relative; text-align: left; height: 18rem; display: flex; justify-content: flex-start; flex-direction: column; }
.squareBlog > * + * { margin: 1.1rem 0 0 1.4rem; }
.squareBlog .contBlog { color: #4e5a65; font-size: 0.7rem; line-height: 1rem; padding: 0.2rem 0 1.9rem; width: 6rem; }
.squareBlog .titleBlog { font-size: 1rem; font-weight: 600; line-height: 1.4rem; overflow-wrap: break-word; width: 7rem; }
.squareBlog .linkBlog { font-size: 0.80rem; }
.squareBlog .arrowBlog { position: absolute; background: royalblue; padding: 0.4rem; bottom: 0; right: 0;
  -webkit-transition: 0.2s; transition: 0.2s;
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.squareBlog svg { -webkit-transition: 0.2s; transition: 0.2s; }
.squareBlog:hover .titleBlog { text-decoration: underline; }
.squareBlog:hover .arrowBlog { background: #111; }
.squareBlog:hover .arrowBlog svg {
  -webkit-transform: translateX(3px);
      -ms-transform: translateX(3px);
          transform: translateX(3px); }
.imgBlog img { object-fit: cover; width: 100%; height: 100%; }
.imgBlog img:hover { filter: opacity(0.5); }
.textBlog { width: 8rem; }

/*TELÉFONO ROJO*/
#bloqCall { height: fit-content; background: linear-gradient(316deg, royalblue, black); padding: 3rem 2rem; }
#bloqCall h3 { color: white; }
#bloqCall p { color: #ffffffcc; padding: 0 0 2rem; }
.imgCall { text-align: center; }
.contCall h4 { color: white; line-height: 1.1rem; }
.tel_rojo { width: 100%; border-radius: 0.75rem; margin: 0 0 0.7rem; -webkit-transition: all .4s ease-in; transition: all .4s ease-in; }
.tel_rojo:hover { filter: hue-rotate(45deg); }
.textCall { display: flex; flex-direction: column; align-items: center; }
.textCall a { font-weight: 600; color: white; }
.linkCall { margin: 0 0 1rem; padding: .6rem 1rem; border-left: 0.4rem solid royalblue; border-radius: 0 0.75rem; background-color: #636c98c9; } 
.linkCall a { font-size: 0.82rem; color: white; line-height: 1.3rem; }
.titBold { font-size: 1.1rem; font-weight: 500; line-height: 1.8rem; color: royalblue; padding: 0 0 1rem; }
.cyberSos { width: 10rem; }
.textCall button { background-color: inherit; padding: 0.9rem 3rem; border: 2px solid white; }
.btn { text-decoration: none; padding: 1rem 3rem; font-size: 1.1rem; position: relative; margin: 2rem 0 0; border: none; background-color: royalblue; font-weight: 500; }
.btn-1 { overflow: hidden; color: white;
  -webkit-box-shadow: 0 0 0 0 rgba(143, 64, 248, 0.5), 0 0 0 0 rgba(39, 200, 255, 0.5);
          box-shadow: 0 0 0 0 rgba(143, 64, 248, 0.5), 0 0 0 0 rgba(39, 200, 255, 0.5);
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }
.btn-1::after { content: ""; width: 400px; height: 400px; position: absolute; top: -50px; left: -100px; background-color: royalblue;
  background-image: linear-gradient(225deg, #27d86c 0%, #26caf8 50%, #c625d0 100%); z-index: -1;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
.btn-1:hover {
	border: none;
  -webkit-transform: translate(0, -6px);
      -ms-transform: translate(0, -6px);
          transform: translate(0, -6px);
  -webkit-box-shadow: 10px -10px 25px 0 rgba(143, 64, 248, 0.5),  -10px 10px 25px 0 rgba(39, 200, 255, 0.5);
          box-shadow: 10px -10px 25px 0 rgba(143, 64, 248, 0.5),  -10px 10px 25px 0 rgba(39, 200, 255, 0.5); }
.btn-1:hover::after {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }

/*VIDEO CORP*/
#bloqCorp { background-color: white; } 
.contCorp { padding: 3rem 2rem; display: flex; flex-direction: column-reverse; }
.titleCorp { font-size: 0.9rem; }
.lineCorp { width: auto; border-top: 1.5px solid royalblue; }
.textCorp { margin: 0; }
#video-corp { height: 10.5rem; padding: 0 0 2rem; }

/*CENTRO DE CIBERSEGURIDAD*/
#centro-ccs { display: flex; flex-wrap: wrap; background: white; justify-content: center; height: 44rem; }
#content-ccs p { margin: 0 2rem 1rem; }
#content-ccs img { width: 40%; padding: 2rem 0 0; }
#text-ccs { text-align: center; height: 31rem; }
.titBlackBold { font-size: 1rem; font-weight: 600; line-height: 1.4rem; padding: 1rem 2rem 2rem; }
.backimgCcs { background-image: url(../img/iqsec-cybersecurity-center.webp); background-size: contain; width: 100%; height: 44rem; position: relative; }
.cardCCS { position: absolute; background-color: white; border-radius: 0 2.5rem 0 2.5rem; border: #212121 0.2rem solid; margin: 3rem 2rem 0; height: 31.7rem;
 -webkit-transition: all 0.4s ease-in;
 transition: all 0.4s ease-in;
 -webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
         box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); }

/*DISTINTIVOS*/
#bloqDist { background-color: white; padding: 3rem 2rem; } 
.contDist ul { display: flex; flex-wrap: wrap; justify-content: space-evenly; margin: 0 0 1rem; }
.contDist ul:nth-last-child(1) { margin: 0; }
.contDist p { padding: 1rem 0 2rem; }
.contDist li { background-color: white; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 0%), 0 6px 20px 0 rgb(0 0 0 / 11%); border-radius: 0.5rem; margin: 0 0 0.7rem 0; width: 3.3rem; padding: 1rem; }
.contDist li:nth-last-child(1) { box-shadow: none; background-color: transparent; }
.contDist li:nth-last-child(3) { box-shadow: none; background-color: transparent; }
.contDist li:nth-last-child(5) { box-shadow: none; background-color: transparent; }
.contDist li:nth-last-child(7) { box-shadow: none; background-color: transparent; }
.contDist img { width: 100%; object-fit: cover; }

/* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */

/* Small screens 280px */
@media screen and (min-width: 17.5em)
{

	/*CARDS SOLUCIONES*/
	.card::before { font-size: 0.8em; }
	.cardId::before { font-size: 0.8rem; }
}

/* Small screens 320px */
@media screen and (min-width: 20em)
{

	/*CARDS SOLUCIONES*/
	.contSolu { width: 12.5rem; }
	.squareBlog { flex-direction: row; height: 11rem; }
	.containSolu a { width: 15.5rem; }
	.textBlog { width: 21rem; }
	.textSolu { margin: 3rem 2.5rem; } 
	.imgSolu { height: 8rem; }

	/*TELÉFONO ROJO*/
	#bloqCall { padding: 3rem 2.5rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 3rem 2.5rem; }
	#video-corp { height: 8.5rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { margin: 3rem 2.5rem 0; height: 31.8rem; }
	.linkCall a { font-size: 0.65rem; } 

	/*DISTINTIVOS*/
	#bloqDist { padding: 3rem 2.5rem; }
}

/* Small screens 330px */
@media screen and (min-width: 20.625em)
{
	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { height: 30.5rem; }
}

/* Small screens 353px */
@media screen and (min-width: 22.0625em)
{

	/*SLIDER*/
	#cont_banner li { font-size: 0.85rem; line-height: 1.3rem; }

	/*CARDS SOLUCIONES*/
	.containSolu { flex-direction: initial; align-items: initial; margin: 0 1.25rem 2rem; }
	.containSolu a { width: 9rem; }
	.contSolu { width: 7rem; margin: 0; }
	.squareBlog { height: 100%; flex-direction: column; }
	.card:hover { height: 13rem; }
	.contImgSolu { flex-direction: row; height: 11rem; }
	#Ciberseguridad_services img { width: 7rem; object-position: -7rem; }
	.cardId:hover { height: 13rem; }
	.contImgId { flex-direction: row; height: 11rem; }
	#Identidad_services img { width: 7rem; }
	.textBlog { width: 8rem; }
	.imgSolu { height: auto; }

	/*TELÉFONO ROJO*/
	.linkCall { padding: 1rem; }
	.linkCall a { line-height: 0; font-size: 0.78rem; } 

	/*VIDEO CORP*/
	#video-corp { height: 9.5rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { height: 28.7rem; }
}

/* Small screens 360px */
@media screen and (min-width: 22.5em)
{
	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { height: 27.7rem; }
}

/* Small screens 375px */
@media screen and (min-width: 23.4375em)
{

	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { height: 26.7rem; }
}

/* Small screens 384px */
@media screen and (min-width: 24em)
{
	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { height: 25.7rem; }
}

/* Small screens 411px */
@media screen and (min-width: 25.6875em)
{

	/*CARDS SOLUCIONES*/
	.containSolu { flex-direction: initial; align-items: initial; margin: 0 2.2rem 2rem; }
	.textSolu { margin: 3rem 3.5rem; } 

	/*TELÉFONO ROJO*/
	#bloqCall { padding: 3rem 2.2rem; }
	.linkCall a { font-size: 0.82rem; } 

	/*VIDEO CORP*/
	.contCorp { padding: 3rem 2.2rem; }
	#video-corp { height: 10.5rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { margin: 3rem 2.2rem 0; height: 25.3rem; }

	/*DISTINTIVOS*/
	#bloqDist { padding: 3rem 2.2rem; }
	.contDist li { width: 2.6rem; }
}

/* Small screens 460px */
@media screen and (min-width: 28.75em)
{
	/*SLIDER*/
	.contSlider { padding: 0 3.5rem; }

	/*CARDS SOLUCIONES*/
	.containSolu a { width: 11rem; }
	.contImgSolu { height: 9rem; }
	#Ciberseguridad_services img { object-position: center; }
	.contImgId { height: 9rem; }
	.card:hover { height: 11.5rem; }
	.cardId:hover { height: 11.5rem; }

	/*TELÉFONO ROJO*/
	#bloqCall { padding: 3rem 3.5rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 3rem 3.5rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { margin: 3rem 3.5rem 0; height: 25.7rem; }
	#centro-ccs { height: 38rem; }
	.backimgCcs { height: 38rem; }

	/*DISTINTIVOS*/
	#bloqDist { padding: 3rem 3.5rem; }
}

/* Small screens 480px */
@media screen and (min-width: 30em)
{

	/*CARDS SOLUCIONES*/
	.containSolu { margin: 0 3.5rem 2rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { height: 24.4rem; }
}

/* Small screens 500px */
@media screen and (min-width: 31.25em)
{
	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { height: 24.8rem; }
}

/* Medium screens 540px */
@media screen and (min-width: 33.75em)
{
	/*SLIDER*/
	.contSlider { padding: 0 4.2rem; }
	#cont_banner { padding-top: 7.5rem; }
	#cont_banner li { font-size: 1rem; line-height: normal; }

	/*CARDS SOLUCIONES*/
	.containSolu { margin: 0 4.2rem 2rem; }
	.contSolu { width: 9.5rem; }
	.imgBlog { height: 6rem; }
	.textSolu { margin: 3rem 4.2rem; }
	#Ciberseguridad_services img { width: 12.7rem; }
	.midSolu p:nth-child(2) { text-align: center; }
	#Identidad_services img { width: 12.7rem; }

	/*TELÉFONO ROJO*/
	#bloqCall { display: flex; padding: 2rem 3rem 2rem; align-items: center; justify-content: space-between; }
	.contCall { width: 14rem; }
	.contCall h4 { line-height: 1.3rem; }
	.linkCall a { font-size: 0.7rem; }
	.textCall { width: 11rem; }
	.tel_rojo { height: 10.4rem; object-fit: cover; }
	.cyberSos { width: 8rem; }
	.btn { font-size: 0.9rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 3rem; align-items: center; flex-direction: row-reverse; justify-content: space-between; }
	#video-corp { height: 16.7rem; padding: 0; width: 14rem; }
	.encloseCorp { width: 11rem; }
	.lineCorp { margin: 0.6rem 0 1.5rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
	#centro-ccs { height: auto; justify-content: inherit; }
	.backimgCcs { height: 34rem; background-size: cover; }
	.cardCCS { width: 19rem; margin: 3rem 3rem 0; height: 25.7rem; }

	/*DISTINTIVOS*/
	#bloqDist { padding: 3rem; }
	.contDist li { width: 3.3rem; }
}

/* Medium screens 600px */
@media screen and (min-width: 37.5em)
{

	/*CARDS SOLUCIONES*/
	.containSolu a { width: 14rem; }
	.contSolu { width: 9.7rem; }
	.imgBlog { height: 7rem; }
	.squareBlog .titleBlog { width: 11rem; }
	.squareBlog .contBlog { width: 12rem; }
	#Ciberseguridad_services img { width: 15rem; }
	#Identidad_services img { width: 15rem; }

	/*TELÉFONO ROJO*/
	.textCall { width: 15rem; }

	/*VIDEO CORP*/
	.encloseCorp { width: 15rem; }
}

/* Medium screens 660px */
@media screen and (min-width: 41.25em)
{
	/*SLIDER*/
	#backVideo { height: 19rem; }
	.contSlider { padding: 0 4rem; }

	/*CARDS SOLUCIONES*/
	.containSolu { margin: 0 4rem 2rem; }
	.textSolu { margin: 3rem 6rem; }
	.contSolu { width: 13.7rem; }
	.squareBlog { flex-direction: row; }
	.imgBlog { height: auto; }
	.squareBlog .titleBlog { width: 7rem; }
	.squareBlog .contBlog { width: 8rem; }

	/*TELÉFONO ROJO*/
	.contCall { width: 17rem; }

	/*VIDEO CORP*/
	#video-corp { width: 17rem; }
}

/* Medium screens 712px */
@media screen and (min-width: 44.5em)
{

	/*SLIDER*/
	.contSlider { padding: 0 7rem; }

	/*CARDS SOLUCIONES*/
	.textSolu { margin: 3rem 7rem; }
	.contSolu { width: 14.7rem; }

	/*TELÉFONO ROJO*/
	#bloqCall { padding: 2rem 4rem 2rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 3rem 4rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { margin: 3rem 4rem 0; }

	/*DISTINTIVOS*/
	#bloqDist { padding: 3rem 4rem; }
}

/* Medium screens 768px */
@media screen and (min-width: 48em)
{

	/*SLIDER*/
	#backVideo { height: auto; }
	.contSlider { padding: 0 3rem; }
	#cont_banner { padding: 11rem 0 0; }
	#cont_banner li { font-size: 1.4rem; }

	/*CARDS SOLUCIONES*/
	#bloqSolu { margin: 0; }
	.containSolu { margin: 0 3rem 2rem; }
	.contSolu { width: 17rem; height: 8rem; display: flex; justify-content: space-between; box-shadow: -19px 19px 2px 1px #4169e152; align-items: center; padding: 2rem; }
	.titleSolu { width: 5.5rem; }
	.descripSolu { width: 9.1rem; }
	.descripSolu p:nth-child(1) { padding: 0 0 1rem; }
	.containSolu a { width: auto; }
	.squareBlog { width: 17rem; }
	.imgBlog { width: 7rem; }
	.squareBlog .contBlog { width: 6rem; }
	.textSolu { flex-direction: row; margin: 3rem 4.39rem 6rem; align-items: center; }
	.card { height: 15rem; }
	.card:hover { height: 21rem; margin: 0 0 -1.5rem; }
	.card::before { margin: 0 1rem; line-height: 1rem; }
	.contImgSolu { flex-direction: column; height: 18rem; }
	#Ciberseguridad_services img { width: 100%; }
	.midSolu { padding: 0 3rem; }
	.cardId { height: 15rem; }
	.cardId:hover { height: 21rem; margin: 0 0 -1.5rem; }
	.cardId::before { margin: 0 1rem; line-height: 1rem; }
	.contImgId { flex-direction: column; height: 18rem; }
	#Identidad_services img { width: 100%; }
	.imgSolu { height: 6.5rem; }
	.contTxtSolu { height: auto; text-align: center; }

	/*TELÉFONO ROJO*/
	#bloqCall { padding: 2rem 4.5rem 2rem; }
	.contCall { width: 19rem; }
	.linkCall a { font-size: 0.82rem; }
	.textCall { width: 15rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 3rem 4.5rem 4rem; }
	.encloseCorp { width: 15rem; }
	#video-corp { width: 19rem; margin: 0; height: 16rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { margin: 3rem 4.39rem 0; }

	/*DISTINTIVOS*/
	#bloqDist { padding: 3rem 4.39rem 4rem; height: auto; }
}

/* Medium screens 820px */
@media screen and (min-width: 51.25em)
{
	
	/*CARDS SOLUCIONES*/
	.containSolu { margin: 0 4rem 2rem; }

	/*TELÉFONO ROJO*/
	#bloqCall { padding: 2rem 6rem 2rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 3rem 6rem 4rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { margin: 3rem 6rem 0; }

	/*DISTINTIVOS*/
	#bloqDist { padding: 3rem 6rem 4rem; }
}

/* Medium screens 850px */
@media screen and (min-width: 53.125em)
{

	/*SLIDER*/
	.contSlider { padding: 0 5rem; }

	/*CARDS SOLUCIONES*/
	.containSolu { margin: 0 5rem 2rem; }
	.textSolu { margin: 3rem 6.5rem 5rem; }
	.contImgSolu { height: 17rem; }
	.card::before { font-size: 0.7rem; }
	.contImgId { height: 17rem; }
	.cardId::before { font-size: 0.7rem; }

	/*TELÉFONO ROJO*/
	#bloqCall { padding: 2rem 6.5rem 2rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 3rem 6.5rem 4rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { margin: 3rem 6.5rem 0; }

	/*DISTINTIVOS*/
	#bloqDist { padding: 3rem 6.5rem 4rem; }
}

/* Medium screens 912px */
@media screen and (min-width: 57em)
{

	/*SLIDER*/
	.contSlider { padding: 0 8.5rem; }

	/*CARDS SOLUCIONES*/
	.containSolu { margin: 0 6rem 2rem; }
	.textSolu { margin: 3rem 8.5rem 6rem; }
	.contImgSolu { height: 18rem; }
	.contImgId { height: 18rem; }

	/*TELÉFONO ROJO*/
	#bloqCall { padding: 2rem 8.5rem 2rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 3rem 8.5rem 4rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { margin: 3rem 8.5rem 0; }

	/*DISTINTIVOS*/
	#bloqDist { padding: 3rem 8.5rem 4rem; }
}

/* Large screens 1024px */
@media screen and (min-width: 64em)
{

	/*SLIDER*/
	#backVideo { width: 100%; margin-top: 4.5rem; object-position: center; }
	#cont_banner { height: 12rem; padding: 9rem 0 0; }
	#cont_banner li { font-size: 1.3rem; }
	.contSlider { padding: 0 11rem; }

	/*CARDS SOLUCIONES*/
	#bloqSolu { margin: -3rem 0 0; }

	/*CARDS SOLUCIONES*/
	.containSolu { margin: 0 7rem 2rem; }
	.contSolu { width: 23rem; height: 5rem; }
	.descripSolu { width: 13.7rem; }
	.titleSolu { width: 6.5rem; }
	.titBoldBlk { font-size: 1.2rem; line-height: 1.7rem; } 
	.midSolu { padding: 0 4rem; }
	.midSolu p:nth-child(2) { padding: 0.5rem 0 2rem; }
	.datoSolu { padding: 0 0 1rem; }
	.textSolu { margin: 3rem 9rem 7rem; }
	.imgSolu { width: 100%; height: 8rem; }
	.contTxtSolu { padding: 0; }
	.squareBlog { width: 17rem; }
	.squareBlog .contBlog { padding: 0.2rem 0 1.6rem; }
	.squareBlog .linkBlog { font-size: 0.7rem; }
	.squareBlog .titleBlog { font-size: 0.9rem; line-height: 1.2rem; width: 6.1rem; }
	.card { height: 16rem; }
	.card:hover { height: 21.5rem; margin: 0; }
	.card::before { bottom: 12px; margin: 0 0.7rem; }
	.cardId { height: 16rem; }
	.cardId:hover { height: 21.5rem; margin: 0 0 0.5rem 0; }
	.cardId::before { bottom: 12px; margin: 0 0.7rem; }
	.contImgSolu { height: auto; }
	#Ciberseguridad_services p { padding: 0 1.4rem 1.5rem; }
	.titCardsSolu { font-size: 0.95rem; padding: 1.5rem 0 1rem; }
	.contImgId { height: auto; }
	#Identidad_services p { padding: 0 1.4rem 1.5rem; }

	/*TELÉFONO ROJO*/
	#bloqCall { height: 16rem; padding: 2rem 9rem; }
	#bloqCall h3 { padding: 0 0 0.7rem; }
	#bloqCall p { padding: 0 0 1.5rem; }
	.contCall { width: 23rem; }
	.linkCall { border-left: 0.6rem solid royalblue; width: 14rem; padding: 0.8rem; margin: 0 0 0.8rem; } 
	.linkCall a { font-size: 0.7rem; } 
	.titBold { font-size: 1.3rem; padding: 0 0 1.5rem; line-height: 2rem; }
	.cyberSos { width: 9rem; }
	.textCall { width: 18rem; }
	.textCall button { padding: 0.7rem 2.4rem; }
	.tel_rojo { height: 11rem; margin: -6rem 0 1.5rem; }
	.tel_rojo:hover { transform: scale(1.03); }
	.btn { margin: 2.5rem 0 0; padding: .8rem 2.4rem; }

	/*VIDEO CORP*/
	#video-corp { width: 23rem; height: 13rem; }
	.textCorp { padding: 0.8rem 3rem 0 0; }
	.encloseCorp { width: 18rem; }
	.contCorp { padding: 2rem 9rem 7rem; }
	.lineCorp { margin: 0.6rem 0 1.2rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
	#content-ccs p { margin: 0rem 3rem 1rem; }
	#centro-ccs { align-items: center; }
	#content-ccs img { width: 30%; }
  .backimgCcs { transition: 0.4s ease-in; height: 15rem; background-size: contain; }
	.backimgCcs:hover { filter: hue-rotate(45deg); }
	.cardCCS { width: 23rem; margin: 0 0 0 9rem; height: 25rem; }
	.cardCCS:hover {
	  -webkit-transform: translateY(-1.5rem);
	    -ms-transform: translateY(-1.5rem);
	        transform: translateY(-1.5rem);
	  border: royalblue 0.2em solid; border-radius: 2.5rem 0 2.5rem 0; }
	.titBlackBold { font-size: 1rem; line-height: 1.8rem; padding: 1rem 2rem 1.5rem; }

	/*DISTINTIVOS*/
	.contDist p { padding: 0 0 2rem 0; }
	.contDist li { width: 3.5rem; }
	#bloqDist { padding: 10rem 9rem 4rem; }
}

/* Large screens 1100px */
@media screen and (min-width: 68.75em)
{

	/*CARDS SOLUCIONES*/
	.textSolu { margin: 3rem 11rem 8rem; }

	/*TELÉFONO ROJO*/
	#bloqCall { padding: 2rem 11rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 2rem 11rem 7rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { margin: 0 0 0 11rem; }

	/*DISTINTIVOS*/
	#bloqDist { padding: 10rem 11rem 3rem; }
	
}

/* Large screens 1150px */
@media screen and (min-width: 71.875em)
{

	/*SLIDER*/
	.contSlider { padding: 0 14rem; }

	/*CARDS SOLUCIONES*/
	.containSolu { margin: 0 11rem 2rem; }
	.textSolu { margin: 3rem 14rem 8rem; }

	/*TELÉFONO ROJO*/
	#bloqCall { padding: 2rem 14rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 2rem 14rem 7rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { margin: 0 0 0 14rem; }

	/*DISTINTIVOS*/
	#bloqDist { padding: 10rem 14rem 3rem; }
}

/* Large screens 1250px */
@media screen and (min-width: 78.125em)
{

	/*CARDS SOLUCIONES*/
	.containSolu { margin: 0 14rem 2rem; }
	.cardId:hover { height: 20.5rem; }

	/*TELÉFONO ROJO*/
	#bloqCall { padding: 2rem 16rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 2rem 16rem 7rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
	.cardCCS { margin: 0 0 0 16rem; }

	/*DISTINTIVOS*/
	#bloqDist { padding: 10rem 16rem 3rem; }
}

/* Large screens 1280px */
@media screen and (min-width: 80em)
{

	/*SLIDER*/
	.contSlider { padding: 0 11rem; }
	#backVideo { margin-top: 5.5rem; }
	#cont_banner { padding: 10.5rem 0 0; height: 241px; }
	#cont_banner li { font-size: 1.8rem; }

	/*CARDS SOLUCIONES*/
	.contSolu { width: 34.5rem; height: auto; justify-content: space-evenly; }
	.contSolu p { width: 9.7rem; }
	.containSolu { margin: 0 8rem 2rem; }
	.titleSolu { width: 12rem; }
	.titBoldBlk { font-size: 1.5rem; line-height: 2rem; }
	.descripSolu { width: 22.200000000000003rem; display: flex; justify-content: space-between; align-items: center; }
	.descripSolu p:nth-child(1) { padding: 0; }
	.txtGrayMid { line-height: 1.5rem; font-size: 0.95rem; padding: 0; }
	.txtGraySmall { line-height: 1.3rem; font-size: 0.85rem; }
	.squareBlog { width: 20rem; }
	.imgBlog { width: 9rem; }
	.squareBlog .titleBlog { font-size: 1.1rem; width: auto; line-height: 1.4rem; }
	.squareBlog .contBlog { width: auto; padding: 0.2rem 0 2.1rem; font-size: 0.80rem; line-height: 1.1rem; }
	.squareBlog .linkBlog { font-size: 0.80rem; }
	.textSolu { margin: 4rem 11rem 8rem; }
	.card { height: 21rem; }
	.card:hover { height: 25rem; }
	.card::before { font-size: 0.8rem; }
	#Ciberseguridad_services p { padding: 0 2rem 2rem; }
	.imgSolu { width: 100%; height: 9rem; }
	.titCardsSolu { font-size: 1.1rem; padding: 2rem 0 1rem; }
	.cardId { height: 21rem; }
	.cardId:hover { height: 24.5rem; margin: 0; }
	.cardId::before { font-size: 0.8rem; }
	#Identidad_services p { padding: 0 2rem 2rem; }

	/*TELÉFONO ROJO*/
	#bloqCall { height: 21rem; padding: 2rem 11rem; }
	#bloqCall p { padding: 0 0 2rem; }
	#bloqCall h3 { padding: 0 0 1rem; }
	.contCall { width: 30rem; }
	.textCall { width: 22rem; }
	.textCall button { padding: 0.9rem 3rem; }
	.tel_rojo { height: 14rem; margin: -8rem 0 2rem; }
	.cyberSos { width: 12rem; }
	.linkCall { width: 17rem; padding: 1rem; margin: 0 0 1rem; } 
	.linkCall a { font-size: 0.85rem; }
	.btn { margin: 3rem 0 0; font-size: 1.1rem; padding: 1rem 3rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 3rem 11rem 8rem; }
	#video-corp { width: 30rem; height: 16rem; }
	.encloseCorp { width: 22rem; }
	.titBold { font-size: 1.6rem; line-height: 2.3rem; padding: 0 0 2rem; }
	.titleCorp { font-size: 1.1rem; }
	.lineCorp { margin: 0.6rem 0 1.5rem; }
	.textCorp { padding: 1rem 4rem 0 0; }

	/*CENTRO DE CIBERSEGURIDAD*/
  .backimgCcs { height: 19rem; }
  .cardCCS { width: 29.6rem; height: auto; margin: 0 0 0 11rem; }
  #content-ccs p { margin: 0rem 4.5rem 1rem; }
  .titBlackBold { font-size: 1.3rem; line-height: 2.3rem; padding: 1.5rem 2rem 2rem; }

  /*DISTINTIVOS*/
	#bloqDist { padding: 12rem 11rem 4rem; }
	.contDist li { width: 5rem; }
}

/* Large screens 1361px */
@media screen and (min-width: 85.0625em)
{

	/*SLIDER*/
	#backVideo { margin-top: 4rem; }
	.contSlider { padding: 0 13rem; }

	/*CARDS SOLUCIONES*/
	.containSolu { margin: 0 10.1rem 2rem; }
	.textSolu { margin: 4rem 13rem 10rem; }
	.card::before { margin: 0 2rem; }
	.cardId::before { margin: 0 2rem; }

	/*TELÉFONO ROJO*/
	#bloqCall { padding: 2rem 13rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 3rem 13rem 8rem; }
	.textCorp { padding: 1rem 0rem 0 0; }

	/*CENTRO DE CIBERSEGURIDAD*/
  .cardCCS { margin: 0 0 0 13rem; }

  /*DISTINTIVOS*/
	#bloqDist { padding: 10rem 13rem 1rem; }
}

/* Large screens 1450px */
@media screen and (min-width: 90.625em)
{

	/*SLIDER*/
	.contSlider { padding: 0 15rem; }

	/*CARDS SOLUCIONES*/
	.containSolu { margin: 0 12.1rem 2rem; }
	.textSolu { margin: 4rem 15rem 10rem; }
	.imgSolu { height: 10rem; }
	.card { height: 19rem; }
	.card:hover { height: 26rem; margin: 0; }
	.cardId { height: 19rem; }
	.cardId:hover { height: 24rem; margin: 0; }

	/*TELÉFONO ROJO*/
	#bloqCall { padding: 2rem 15rem; }
	.textCall { width: 23rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 3rem 15rem 8rem; }
	.encloseCorp { width: 23rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
  .cardCCS { margin: 0 0 0 15rem; }

  /*DISTINTIVOS*/
	#bloqDist { padding: 12rem 15rem 6rem; }
}

/* Large screens 1500px */
@media screen and (min-width: 93.75em)
{
	/*SLIDER*/
	#backVideo { margin-top: 2rem; }
}

/* Large screens 1550px */
@media screen and (min-width: 96.875em)
{

	/*SLIDER*/
	#backVideo { margin-top: 2rem; }
	.contSlider { padding: 0 19rem; }

	/*CARDS SOLUCIONES*/
	.containSolu { margin: 0 16.1rem 2rem; }
	.textSolu { margin: 4rem 19rem 10rem; }
	.cardId:hover { height: 26rem; }

	/*TELÉFONO ROJO*/
	#bloqCall { padding: 2rem 19rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 3rem 19rem 8rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
  .cardCCS { margin: 0 0 0 19rem; }

  /*DISTINTIVOS*/
	#bloqDist { padding: 12rem 19rem 6rem; }
}

/* Large screens 1600px */
@media screen and (min-width: 99.964331em)
{
	/*CARDS SOLUCIONES*/
	.card:hover { height: 25rem; }
	.cardId:hover { height: 24rem; }
}

/* Large screens 1650px */
@media screen and (min-width: 103.088216em)
{

	/*SLIDER*/
	.contSlider { padding: 0 21rem; }

	/*CARDS SOLUCIONES*/
	.containSolu { margin: 0 17.1rem 2rem; }
	.textSolu { margin: 4rem 21rem 10rem; }

	/*TELÉFONO ROJO*/
	#bloqCall { padding: 2rem 21rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 3rem 21rem 8rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
  .cardCCS { margin: 0 0 0 21rem; }

  /*DISTINTIVOS*/
	#bloqDist { padding: 12rem 21rem 6rem; }
}

/* Large screens 1700px */
@media screen and (min-width: 106.25em)
{

	/*SLIDER*/
	#backVideo { margin-top: 0; }
	.contSlider { padding: 0 23rem; }

	/*CARDS SOLUCIONES*/
	.containSolu { margin: 0 19.1rem 2rem; }
	.textSolu { margin: 4rem 23rem 10rem; }
	.card:hover { height: 26.5rem; }

	/*TELÉFONO ROJO*/
	#bloqCall { padding: 2rem 23rem; }
	.textCall { width: 24rem; }

	/*VIDEO CORP*/
	.contCorp { padding: 3rem 23rem 8rem; }
	.encloseCorp { width: 24rem; }

	/*CENTRO DE CIBERSEGURIDAD*/
  .cardCCS { margin: 0 0 0 23rem; }

  /*DISTINTIVOS*/
	#bloqDist { padding: 12rem 23rem 6rem; }
}

/* Large screens 1705px */
@media screen and (min-width: 106.5625em)
{
	/*CARDS SOLUCIONES*/
	.card:hover { height: 25rem; }
}

/* Large screens 1750px */
@media screen and (min-width: 109.375em)
{

	/*CARDS SOLUCIONES*/
	.containSolu { margin: 0 20.1rem 2rem; }

	/*TELÉFONO ROJO*/
	.textCall { width: 27rem; }

	/*VIDEO CORP*/
	.encloseCorp { width: 27rem; }
}
  

