/* Banner */
#success_message{ display: none;}
#banner {
    background-image: url("../../images/portadas/contacto.jpg");
    background-position: center center;
    background-size: cover;
    height: 25em;
    text-align: center;
    position: relative;
	margin-bottom: 5%;
   
}

.banner-alt {
    background-image: url("../../images/portadas/contacto.jpg") !important;
    
}


#banner header {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #212121;
        background: rgba(27, 27, 27, 0.75);
        color: #fff;
        padding: 1.5em 0;
    }

        #banner header h2 {
            display: inline-block;
            margin: 0;
            font-size: 1.25em;
            vertical-align: middle;
        }

            #banner header h2 em {
                opacity: 0.75;
            }

            #banner header h2 a {
                border-bottom-color: rgba(255, 255, 255, 0.5);
            }

                #banner header h2 a:hover {
                    border-bottom-color: transparent;
                }

        #banner header .button {
            vertical-align: middle;
            margin-left: 1em;
        }


		@media screen and (max-width: 768px) {
   

            #banner header .button {
                display: block;
                margin: 1em auto 0 auto;
            }
        }




  
		form {
			width: 100%;
			max-width: 600px;
			margin: auto;
		  }
		  label {
			
			display: block;
			margin-top: 15px;
		  }
		  input[type="text"],
		  input[type="email"],
		  input[type="tel"],
		  textarea {
			width: 100%;
			padding: 10px;
			border: 1px solid #009C8C;
			border-radius: 4px;
			box-sizing: border-box;
			margin-top: 5px;
		  }
		  textarea {
			resize: vertical;
			height: 120px;
		  }
		  .checkbox {
			margin-top: 20px;
			font-size: 14px;
			color: #009C8C;
			display: flex;
			align-items: center;
			gap: 8px;
		  }
		  
		  input[type="checkbox"] {
			appearance: checkbox !important;
			-webkit-appearance: checkbox !important;
			-moz-appearance: checkbox !important;
			width: 16px !important;
			height: 16px !important;
			accent-color: #009C8C;
			margin: 0 8px 0 0;
			display: inline-block !important;
			vertical-align: middle;
		  }
		  
		  .checkbox a {
			color: #009C8C;
			text-decoration: underline;
		  }
		  .checkbox a:hover {
			text-decoration: none;
		  }
		  
		  
		  button {
			margin-top: 20px;
			padding: 10px 20px;
			background-color: #009C8C;
			color: white;
			border: none;
			border-radius: 4px;
			cursor: pointer;
			margin-bottom: 10%;
		  }
		  button:hover {
			background-color: #007D71;
		  }

 /* 🎯 MEDIA QUERY PER MÒBILS */
 @media (max-width: 600px) {
	form {
	  padding: 15px;
	}

	input[type="text"],
	input[type="email"],
	input[type="tel"],
	textarea,
	button {
	  font-size: 16px;
	}

	.checkbox {
	  font-size: 13px;
	  flex-direction: row;
	  align-items: flex-start;
	}

	input[type="checkbox"] {
	  margin-top: 3px;
	}
  }