body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            max-width: 1200px;
            margin: 0 auto;
            background-color: #FAF4EF;
        }
        h2{
            margin: 0px;
            font-family: 'Raleway', sans-serif;
        }
        h4{
            margin: 0px;
            font-family: 'Raleway', sans-serif;
            font-size: 15px;
        }
        header {
            background-color: #fff;
            text-align: center;
            max-width: 100%;
            height: 200px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 50px;
            border-bottom: 1px solid #DDD;
        }

        header img {
            width: 182px;
            height: 84px;
        }

        nav {
            flex: 1;
            text-align: right;
        }

        nav ul {
            list-style-type: none;
        }

        nav ul li {
            display: inline;
            margin-right: 20px;
        }

        .services {
            display: grid;
            grid-template-columns: repeat(3, 1fr); /* 4 columnas */
            gap: 10px; /* Separación de 10px */
            padding: 20px;
            background-color: #fff;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }

        .service {
            border: 1px solid #ddd;
            padding: 10px;
            text-align: center;
        }

        .service-item {
            background-color: #fff;
            border: 1px solid #ddd;
            padding: 5px;
            text-align: center;
            border-radius: 10px; 
            text-align: left;
        }

        .service-image {
            display: block;
            margin: 0 auto 10px;
            border-radius: 10px;
	    width: 100%;
        }

        .service-description {
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
        }

        .search-container {
            background-color: #fff;
            padding: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            width: 70%;
        }

        .search-box {
            width: 100%;
            max-width: 500px;
            height: 35px;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 10px;
            font-size: 16px;
            outline: none;
            font-family: 'Raleway', sans-serif;
        }

        .search-button {
            background-color: #333;
            color: #fff;
            border: none;
            padding: 10px 20px;
            border-radius: 10px;
            margin-left: 10px;
            cursor: pointer;
            height: 60px;
            width: 140px;
        }

        footer {
            background-color: #fff;
            color: #000;
            text-align: center;
            max-width: 100%;
            height: 100px;
        }
        
        .column-left {
            width: 20%;
            background-color: #fff;
            padding: 20px;
        }

        .column-right {
            width: 80%;
            padding-top: 20px;
        }
        
        .column-left50 {
            width: 50%;
        }
        
        .column-right30 {
            width: 30%;
        }
        
        .column-left70 {
            width: 70%;
        }

        .column-right50 {
            width: 50%;
        }
        
        .cuerpo{
            display: flex;
            background-color: #fff;
            justify-content: center;
        }
        
        .service-list {
        list-style: none;
        padding: 0;
        }

        .category {
            width: 100%;
            padding: 9px;
            color: #333;
            cursor: pointer;
            transition: background-color 0.3s;
            font-family: 'Raleway', sans-serif;
            border-bottom: 1px solid #DDD;
        }

        .category:hover {
            background-color: #FAF4EF;
            transform: translateX(5px);
            transition: transform 0.6s;
        }
        
        .description{
            margin-left: 10px
        }
        
        input[type="text"],
        input[type="tel"],
        input[type="number"],
        input[type="email"],
        textarea,
        select,
        input[type="file"] {
            width: 90%;
            padding: 10px;
            margin-top: 5px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-family: 'Raleway', sans-serif;
            font-size: 14px;
            transition: border-color 0.3s;
        }

        input[type="text"]:focus,
        input[type="tel"]:focus,
        input[type="number"]:focus,
        input[type="email"]:focus,
        textarea:focus,
        select:focus,
        input[type="file"]:focus {
            border-color: #3498db;
        }

        input[type="submit"] {
            background-color: #3498db;
            color: #fff;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        input[type="submit"]:hover {
            background-color: #1e75d6;
        }
        
        .formulario-container {
            width: 600px;
            overflow: hidden;
            padding-left: 35px;
            padding-top: 35px;
          }

          .formulario {
            display: flex;
            width: 1800px; /* Ancho total de las partes del formulario */
            transition: transform 1s;
          }

          .formulario-parte {
            flex: 0 0 600px;
          }

          .botones {
            text-align: center;
            margin-top: 10px;
          }
        
          label{
              font-family: 'Raleway', sans-serif;
            font-size: 15px;
          }

	@media (max-width: 1200px) {
            .services {
                grid-template-columns: repeat(3, 1fr);
            }
        }

	@media (max-width: 904px) {
            .services {
                grid-template-columns: repeat(2, 1fr);
            }
            .text_menu{
                display:none;
            }
        }

	@media (max-width: 600px) {
            .services {
                grid-template-columns: repeat(1, 1fr);
            }
            
            .column-left {
                width: 100%;
                padding: 0px;
            }
            
            .column-right {
                width: 100%;
            }
            
            .cuerpo {
                display: block;
            }
            
        }