@charset "UTF-8";

@font-face {
  font-family: "social";
  src:url("fonts/social.eot");
  src:url("fonts/social.eot?#iefix") format("embedded-opentype"),
    url("fonts/social.woff") format("woff"),
    url("fonts/social.ttf") format("truetype"),
    url("fonts/social.svg#social") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "social" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  vertical-align: middle;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="social-"]:before,
[class*=" social-"]:before {
  font-family: "social" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  vertical-align: middle;
  speak: none;
  line-height: 1;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container_3874923872349 {  
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr; /* Ajusta el número de filas según sea necesario */
  gap: 0px 0px;
  grid-template-areas:
      "calidad_34239234 img_cal_3842923847"
      "durabilidad_3423923847 img_dur_3237293487"
      "resistencia_348279238 img_res_323794329";
  height: 483px; /* Ocupa toda la altura del contenedor padre */
  place-items: center;
}

.calidad_34239234 {  
  grid-area: calidad_34239234; 
}

.img_cal_3842923847 { grid-area: img_cal_3842923847; }

.durabilidad_3423923847 { grid-area: durabilidad_3423923847; }

.img_dur_3237293487 { grid-area: img_dur_3237293487; }

.resistencia_348279238 { grid-area: resistencia_348279238; }

.img_res_323794329 { grid-area: img_res_323794329; }

.icon_cal_38423493287{
  height: 100px;
  width: 100px;
  background-color: red;
  background-image: url('../../images/icons/Calidad.png');
  background-position: center;
  background-size: cover;
}
.icon_dur_38423493287{
  height: 100px;
  width: 100px;
  background-color: red;
  background-image: url('../../images/icons/Durabilidad.png');
  background-position: center;
  background-size: cover;
}
.icon_res_38423493287{
  height: 100px;
  width: 100px;
  background-color: red;
  background-image: url('../../images/icons/Resistencia.png');
  background-position: center;
  background-size: cover;
}

.img_cal_3842923847,.img_dur_3237293487,.img_res_323794329{
  font-size: 20px;
  font-weight: bold;
}

.social-twitter:before {
  content: "b";
}
.social-google-plus:before {
  content: "c";
}
.social-youtube:before {
  content: "d";
}
.social-linkedin:before {
  content: "e";
}
.social-pinterest:before {
  content: "f";
}
.social-dribble:before {
  content: "g";
}
.social-skype:before {
  content: "h";
}
.social-tumblr:before {
  content: "i";
}

.centrar_instagram_3483742899871{
  background-color: rgb(0, 255, 21);
  height: 30px;
  width: 30px;
}
.container_icons_823485298457{

  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container_flex{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100px;
}
.backroun_icon_insta_834232947823{
  height: 30px;
  width: 30px;
  background-image: url('../../images/facebook.png');
  background-size: cover;
}
.backroun_icon_facebo_834232947823{
  height: 30px;
  width: 30px;
  background-image: url('../../images/instagram.png');
  background-size: cover;
}
.social-xing:before {
  content: "k";
}
.social-flickr:before {
  content: "l";
}
.social-foursquare:before {
  content: "m";
}
.social-rss:before {
  content: "n";
}
.social-behance:before {
  content: "o";
}
.social-picasa:before {
  content: "p";
}
.social-stumbleupon:before {
  content: "r";
}
.social-vimeo:before {
  content: "s";
}
.social-houzz:before {
  content: "t";
}
.social-yelp:before {
  content: "q";
}
.social-github:before {
  content: "u";
}
.social-reddit:before {
  content: "v";
}
.social-soundcloud:before {
  content: "w";
}
.social-vk:before {
  content: "x";
}
.social-vine:before {
  content: "y";
}
.social-angies-list:before {
  content: "z";
}