body {
    margin: 0 auto;
    background-color: #fff;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

@font-face {
    font-family: "Roboto-Light";
    src: url(../fonts/balool.ttf) format("truetype")
}



@font-face {
    font-family: "Roboto-Bold";
    src: url(../fonts/baloob.ttf) format("truetype")
}



h1{
  font-family: "Roboto-Bold";
}

h2{
    font-family: "Roboto-Light";
}

p{
    font-family: "Roboto-Light";	
    }

    a{
        font-family: "Roboto-Light";	
        }
input{font-family: "Roboto-Light";}
button{font-family: "Roboto-Light";}

        .fila1Body {
            display: flex;
            align-items: center; /* Centrar verticalmente los elementos dentro del contenedor */
            height: 300px;
            background-color: #ff6600;
            background-image: url(../imagenes/fondoEncab.png); background-size: cover; background-repeat: no-repeat;
          }



          .col1Body {
            flex: 1;
         
            /*flex: 2 1 200px;*/
            ;
            padding: 0px;/*es espaciado general para los elementos dentro de la columna*/
            margin: 0px;/*es margen general para la columna de acuerdo al borde del contenedor*/
            text-align: center; color: #fff; 
            
          }




          
#capa1{
    position: relative;
    width: 100%;
    height: auto;
    
    }
    
    
    .fila1Capa1{
        position: relative;
        width: 100%;
        height: 50px;
    
    }
    
    .txt1Capa1{
        position: relative; width: 100%;
        text-align: center; color: #4f4e4e;
    
    
    }
    
    
    .txt2Capa1{position: relative; width: 60%; text-align: center; margin-left: auto; margin-right: auto; font-size: 1.5em;}
    
    
    .container {
        display: flex;
        flex-wrap: wrap; 
        gap: 0px; /*para o quitar dar mas espacio entre columnas aplica el mismo espacio para la verticalizacion*/
        max-width: 80%; /* Establece el espacio del 20% a la derecha e izquierda */
  
        margin: 0 10%; /* Establece el espacio del 20% a la derecha e izquierda */
      }
    
      .column {
        flex: 1;
        /*flex: 2 1 200px;*/
         border: solid;
         border-width: 2px;
         border-color: #ddd;
        padding: 15px;/*es espaciado general para los elementos dentro de la columna*/
        margin: 10px;/*es margen general para la columna de acuerdo al borde del contenedor*/
        box-sizing: border-box;
      }
    
    
    
    .txtNombre{position: relative; width: 100%; }
    .txtTelefono{position: relative; width: 100%; }
    .txtInquietud{position: relative; height:200px; width: 100%; }
    .btnEnviar2{position: relative; height:200px; height:42px; cursor:pointer; color:#fff;   border:none; background-color:#ff6600; outline:none;  font-size:1.5em; width: 100%; }
    .espacio{position: relative; width: 100%;height: 10px;}
    
        .btnEnviar2:hover{
            color:#fff;
            background-color:#000
        }
    
    
    
    
      @media (max-width: 600px) {
        /* Aplicar estilos específicos para pantallas con un ancho máximo de 600px */
        .column {
          flex-basis: 100%; /* Hacer que las columnas ocupen el 100% del ancho en pantallas pequeñas */
        }
      }