/*
Theme Name: presenciaeninternet - tema hijo
Theme URI: https://presenciaeninternet.com
Version: 1.0
Description: Tema hijo de divi
Author: presenciaeninternet
Template: Divi
*/
@import url("../Divi/style.css");

@font-face {
    font-family: 'Goldman Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Goldman Sans'),
         url('/wp-content/uploads/fonts/goldman-sans/GoldmanSans_Rg.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Goldman Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Goldman Sans'),
         url('/wp-content/uploads/fonts/goldman-sans/GoldmanSans_It.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Goldman Sans';
    font-style: normal;
    font-weight: 200;
    src: local('Goldman Sans'),
         url('/wp-content/uploads/fonts/goldman-sans/GoldmanSans_Th.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Goldman Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Goldman Sans'),
         url('/wp-content/uploads/fonts/goldman-sans/GoldmanSans_Lt.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Goldman Sans';
    font-style: normal;
    font-weight: 500;
    src: local('Goldman Sans'),
         url('/wp-content/uploads/fonts/goldman-sans/GoldmanSans_Md.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Goldman Sans';
    font-style: italic;
    font-weight: 500;
    src: local('Goldman Sans'),
         url('/wp-content/uploads/fonts/goldman-sans/GoldmanSans_MdIt.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Goldman Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Goldman Sans'),
         url('/wp-content/uploads/fonts/goldman-sans/GoldmanSans_Bd.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Goldman Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Goldman Sans'),
         url('/wp-content/uploads/fonts/goldman-sans/GoldmanSans_BdIt.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Goldman Sans';
    font-style: normal;
    font-weight: 900;
    src: local('Goldman Sans'),
         url('/wp-content/uploads/fonts/goldman-sans/GoldmanSans_Blk.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Goldman Sans Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Goldman Sans Condensed'),
         url('/wp-content/uploads/fonts/goldman-sans/GoldmanSansCd_Rg.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Goldman Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Goldman Sans Condensed'),
         url('/wp-content/uploads/fonts/goldman-sans/GoldmanSansCd_Bd.woff') format('woff');
    font-display: swap;
}

h1, h2, h3, h4, h5, h6{
  font-family: "Goldman Sans", sans-serif !important;
}


/* Quitar línea en el header fijo de Divi */
#main-header.et-fixed-header {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Quitar la línea inferior del header en Divi */
#main-header {
  border-bottom: none !important;
  box-shadow: none !important; /* Si también quieres eliminar la sombra */
}


/* ===============================
   FORMULARIO ESTILO NARANJA - AJUSTADO
================================= */

/* Contenedor principal */
.cf7-orange-form {
  background-color: #fbb04b;
  border-radius: 25px;
  padding: 40px 80px;  /* más aire lateral, menos vertical */
  max-width: 900px;
  margin: 0 auto;
  color: #000;
  box-sizing: border-box;
}

/* Grid principal */
.cf7-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px 35px; /* menos espacio entre filas, algo más entre columnas */
}

/* Campos de ancho completo */
.cf7-grid p.full-width {
  grid-column: 1 / 3;
}

/* Párrafos CF7 */
.cf7-grid p {
  margin: 0!important;
  padding: 0!important;
}

/* Etiquetas */
.cf7-grid label {
  font-weight: 700;
  font-size: 15px;
  color: #000;
  margin-bottom: 4px;
}

/* Inputs */
.cf7-grid input[type="text"],
.cf7-grid input[type="email"],
.cf7-grid input[type="tel"],
.cf7-grid textarea {
  width: 100%;
  padding: 10px 12px;
  font-size: 15px;
  background-color: #fdd192;
  border: none;
  border-radius: 3px;
  color: #000;
  box-sizing: border-box;
}

.cf7-grid input::placeholder {
  color: #000;
  opacity: 0.7;
}

/* Checkbox */
.cf7-grid .checkbox-wrap {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 1.4;
  color: #000;
  margin-top: 5px;
}
 
.cf7-grid .wpcf7-acceptance input[type="checkbox"] {
  margin-right: 8px;
}

.cf7-grid .wpcf7-acceptance a {
  color: #000;
  text-decoration: underline;
}

/* Botón de envío */
.cf7-grid .submit-wrap {
  text-align: right;
  margin-top: 5px;
}

.cf7-grid input[type="submit"] {
  background-color: #000;
  color: #fff;
  border: none;
  padding: 14px 50px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  cursor: pointer;
  box-shadow: 5px 5px 0 #d69c52;
  transition: all 0.3s ease;
  float:right;
}

.cf7-grid input[type="submit"]:hover {
  background-color: #333;
  transform: translateY(-2px);
  box-shadow: 7px 7px 0 #b77a2d;
}

/* ===============================
   RESPONSIVE
================================= */
@media (max-width: 768px) {
  .cf7-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .cf7-grid p.full-width {
    grid-column: 1;
  }

  .cf7-grid .submit-wrap {
    text-align: center;
  }

  .cf7-orange-form {
    padding: 30px 25px;
  }
}