*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;

}

/*Intento responsivo*/
@media screen and  (max-width: 1024px) {
  .responsive-text h1{
    color: #000000c3;
    font-size: 1.5rem;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    margin: 30px 0px;
    text-align: center;
    -webkit-text-stroke-width:.1px ;
}
.responsive-text h2{
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    text-align:justify;
}
  .responsive-text h4 {
    font-size: 3rem;
    color: #2B78E4;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    margin-right: 0.5px;
  }

}

@media screen and (max-width:300px) {
  .responsive-text h1{
    color: #000000c3;
    font-size: 21px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
    margin: 30px 0px;
    text-align: center;
   /* -webkit-text-stroke-color: #509598;*/
    -webkit-text-stroke-width:.1px ;
  }
}

@media screen and (min-width: 600px) {
.responsive-text {
  font-size: 16px;
}
.responsive-text h1{
  color: #000000c3;
  font-size: 2.5rem;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  text-align: center;
  margin: 30px 0px;
  text-align: center;
 /* -webkit-text-stroke-color: #509598;*/
  -webkit-text-stroke-width:.1px ;
}
.responsive-text h2{
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-size:1.5rem;
  text-align: justify;
}
.responsive-text h4 {
  font-size: 4rem;
  color: #2B78E4;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}
}

.responsive-image {
  max-width: 40%;
  height: auto;
  align-items: center;
}


/*///////////////////////////////*/

.h3{
  color: #2B78E4;
  text-align: center;
  font-size: 2.5rem;
  font-family: 'Inter', sans-serif;
}

.body{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0em;
  line-height: 1.4;
}

.container{
display: flex;
width: 100%;
margin: 0 auto;
justify-content: center;

}

/*Contactanos*/
.box input{
  width: 300px;
  height: 20px;
  margin: 9px;
}

.box textarea{
  resize: none;
  width: 300px;
  margin: 1px;
}

.box button{
  background-color: #2B78E4;
  border: 0px;
  padding: 10px 40px;
  color: white;
  font-size: 1rem;
  outline: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

@media screen and (max-width: 600px) {
  fieldset{
    width: 30rem;
    height: 35rem;
    margin-top: 4rem;
    margin-left: 5%;

}
}

      /*---MEDIDA LAPTOP---*/
@media screen and (min-width: 800px) {
  fieldset{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-left: 30vw;
    margin-right: 30vw;


}
}

@media screen and (max-width: 800px) {
fieldset{
  width: 10rem;  
  height: 11rem;
    margin-top: 1rem;
    align-items: center;
    padding: 20px;
    margin: 11.5%;
    padding: 0;
    display:inline-block;
    background-color: #fafafa;
    
    
}
}


.fieldset-services{
width: 30vw;
height: 60vw;
margin: auto;
margin-top: 3rem;
background-color: #232323;
border-radius: 10px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
box-shadow: 0px 0px 40px 6px rgba(0, 0, 0, 0.75);
margin: 10px;
padding: 10px;
text-align: center;
}

.img{
width: 20vw;
margin: 0 10px;
height: 25vw;
}


/*WHATSAPP*/
.btn-wsp{
position:fixed;
width:60px;
height:60px;
line-height: 63px;
bottom:100px;
right:25px;
background:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:35px;
box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
z-index:0;
transition: all 300ms ease;
}
.btn-wsp:hover{
background: #20ba5a;
}
@media only screen and (min-width:320px) and (max-width:768px){
.btn-wsp{
    width:50px;
    height:50px;
    line-height: 50px;
    font-size:25px;
    bottom:85px;
  }
}

/*INSTAGRAM*/
.btn-insta{
position:fixed;
width:60px;
height:60px;
line-height: 60px;
bottom:25px;
right:25px;
background:#3b5998;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:35px;
box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
z-index:0;
transition: all 300ms ease;
}
.btn-insta:hover{
background: #3b5998;
}
@media only screen and (min-width:320px) and (max-width:768px){
.btn-insta{
    width:50px;
    height:50px;
    line-height: 50px;
    font-size:25px;
    bottom:25px;
}
}

.fondo-imagen-d {
position: fixed;
top: 0;
left: 0;
width: 11.5%;
height: 100%;
z-index: -1;
opacity: 0.9;
}

.fondo-imagen-i {
position: fixed;
top: 0;
left: 90%;
width: 11.5%;
height: 100%;
z-index:-1;
opacity: 0.9;
}

/*Barra de navegacion servicios*/

.swal2-popup {
  background-color: #ff0000;
}

@media only screen and (min-width:820px)  {

  .column-container {
    column-count: 2;
    column-gap: 10px; /* Espacio entre columnas, ajusta según tu preferencia */
  }
  
}