/*
 Theme Name:   Hello Codilogic
 Theme URI:    https://www.codilogic.com
 Description:  Tema fill del tema Hello Elementor per a Codilogic
 Author:       Codilogic
 Author URI:   https://www.codilogic.com
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hello-codilogic
*/

/* Afegeix aquí els teus estils personalitzats */



/*.site-title,
.site-description {
    display: none !important;
}*/

.site-header{
display: none !important;

}
/* ===== FORMULARIO CODILOGIC ===== */
.formulario-contacto.codilogic {
  background: #fff;
  border: 2px solid #ff6600;
  border-radius: 16px;
  padding: 2.5em;
  max-width: 650px;
  margin: 40px auto;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  font-family: 'Poppins', sans-serif;
  transition: all 0.3s ease;
}

.formulario-contacto.codilogic:hover {
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

/* Etiquetas */
.formulario-contacto.codilogic label {
  display: block;
  font-weight: 600;
  color: #000;
  margin-bottom: 6px;
}

/* Campos */
.formulario-contacto.codilogic input[type="text"],
.formulario-contacto.codilogic input[type="email"],
.formulario-contacto.codilogic textarea {
  width: 100%;
  border: 2px solid #ccc;
  border-radius: 8px;
  padding: 12px;
  font-size: 1em;
  color: #333;
  background-color: #fff;
  transition: all 0.3s ease;
}

.formulario-contacto.codilogic input:focus,
.formulario-contacto.codilogic textarea:focus {
  border-color: #ff6600;
  box-shadow: 0 0 6px rgba(255, 102, 0, 0.4);
  outline: none;
}

/* Check de política */
.formulario-contacto.codilogic .politica-privacidad {
  font-size: 0.9em;
  color: #333;
}

.formulario-contacto.codilogic .politica-privacidad a {
  color: #ff6600;
  font-weight: 600;
  text-decoration: none;
}

.formulario-contacto.codilogic .politica-privacidad a:hover {
  text-decoration: underline;
}

/* Botón enviar */
.formulario-contacto.codilogic .boton-enviar input[type="submit"] {
  background-color: #ff6600;
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  padding: 14px 28px;
  cursor: pointer;
  font-size: 1.05em;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 10px rgba(255, 102, 0, 0.3);
}

.formulario-contacto.codilogic .boton-enviar input[type="submit"]:hover {
  background-color: #e65c00;
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(255, 102, 0, 0.4);
}

.formulario-contacto.codilogic .boton-enviar input[type="submit"]:active {
  transform: translateY(0);
}

/* Espaciado */
.formulario-contacto.codilogic p {
  margin-bottom: 1.4em;
}

/* Responsive */
@media (max-width: 600px) {
  .formulario-contacto.codilogic {
    padding: 1.5em;
  }
}


/* Cargar Lato desde Google Fonts (uso recomendado en CSS adicional) */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

/* Aplicar Lato globalmente */
:root {
  --ui-font: "Lato", "Helvetica Neue", Arial, sans-serif;
}

html, body {
  font-family: var(--ui-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Asegurar títulos, menús y formularios */
h1, h2, h3, h4, h5, h6,
.site-title, .menu, nav a,
button, input, textarea, select, .wpcf7-form * {
  font-family: var(--ui-font);
}