.elementor-564 .elementor-element.elementor-element-4d18f9b5:not(.elementor-motion-effects-element-type-background), .elementor-564 .elementor-element.elementor-element-4d18f9b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://isabelgranell.com/wp-content/uploads/2025/10/brooke-lark-08bOYnH_r_E-unsplash-scaled.jpg");background-position:center center;background-size:cover;}.elementor-564 .elementor-element.elementor-element-4d18f9b5 > .elementor-background-overlay{background-color:var( --e-global-color-fdf3be1 );opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-564 .elementor-element.elementor-element-4d18f9b5 > .elementor-container{max-width:1200px;min-height:35vh;}.elementor-564 .elementor-element.elementor-element-4d18f9b5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:70px 0px 0px 0px;}.elementor-564 .elementor-element.elementor-element-43b57224 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-564 .elementor-element.elementor-element-5c44d5e2 > .elementor-widget-container{margin:-5px 0px -10px 0px;}.elementor-564 .elementor-element.elementor-element-5c44d5e2{text-align:center;}.elementor-564 .elementor-element.elementor-element-5c44d5e2 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );}.elementor-564 .elementor-element.elementor-element-60b5f4e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-564 .elementor-element.elementor-element-d1e703e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-564 .elementor-element.elementor-element-d1e703e{--width:100%;}}@media(max-width:1024px){.elementor-564 .elementor-element.elementor-element-4d18f9b5 > .elementor-container{min-height:32vh;}.elementor-564 .elementor-element.elementor-element-4d18f9b5{padding:60px 30px 0px 30px;}.elementor-564 .elementor-element.elementor-element-5c44d5e2 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:767px){.elementor-564 .elementor-element.elementor-element-4d18f9b5 > .elementor-container{min-height:30vh;}.elementor-564 .elementor-element.elementor-element-4d18f9b5{padding:50px 20px 0px 20px;}.elementor-564 .elementor-element.elementor-element-5c44d5e2 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}/* Start custom CSS for text-editor, class: .elementor-element-d748bc5 */.wpcf7-form-control.wpcf7-text {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
input.wpcf7-form-control.wpcf7-submit {
  width: 100px !important;
  padding: 12px !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  background-color: #88916B !important; /* Color principal */
  color: #ffffff !important; /* Texto e iconos blancos */
  border: none !important;
  border-radius: 8px !important;
  transition: background-color 0.3s ease, color 0.3s ease !important;
  display: inline-block !important;
  text-align: center !important;
}

/* Hover */
input.wpcf7-form-control.wpcf7-submit:hover {
  background-color: #445656 !important; /* Hover color */
  color: #ffffff !important;
}
/* =========================
   PALETA Y BASE
   ========================= */
:root{
  --arena: #FDE4D0;     /* color principal del botón */
  --arena-200:#EADCCB;  /* borde suave */
  --arena-300:#D1B48C;  /* hover/acento suave */
  --ink:#4E4F4F;        /* texto principal */
  --muted:#8A93A3;      /* placeholder */
  --bg:#FFFFFF;         /* fondo campos */
  --error:#E02424;      /* error */
}


/* ====== ÁMBITO (solo CF7) ====== */
.wpcf7 form.wpcf7-form{
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 22px;
  align-items:start;
  grid-auto-flow: dense;
  color: var(--ink);
}

/* Evita huecos por <p> y <br> */
.wpcf7 form.wpcf7-form > p{ margin:0 !important; padding:0 !important; display:contents; }
.wpcf7 form.wpcf7-form br{ display:none; }

/* ====== CAMPOS ====== */
.wpcf7 .wpcf7-form-control{
  width:100%;
  box-sizing:border-box;
  background: var(--bg);
  border:1px solid var(--arena-200);
  padding:14px 16px;
  font-size:16px;
  line-height:1.4;
  color: var(--ink);
  transition:border-color .2s, box-shadow .2s, background-color .2s;
}

/* Inputs/selects: alto coherente */
.wpcf7 input.wpcf7-text,
.wpcf7 input.wpcf7-email,
.wpcf7 input.wpcf7-tel,
.wpcf7 select.wpcf7-select{ min-height:52px; }

/* Textarea: ocupa fila completa */
.wpcf7 textarea.wpcf7-textarea{
  min-height: 220px;
  resize: vertical;
  grid-column: 1 / -1 !important;
}

/* Placeholder */
.wpcf7 ::placeholder{ color: var(--muted); opacity:1; }

/* Focus accesible (arena) */
.wpcf7 .wpcf7-form-control:focus{
  outline:none;
  border-color: var(--arena);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--arena) 25%, transparent);
}

/* ====== SELECT con flecha ====== */
.wpcf7 select.wpcf7-select{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  padding-right:44px;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--ink) 50%),
    linear-gradient(135deg, var(--ink) 50%, transparent 50%),
    linear-gradient(to right, transparent, transparent);
  background-position:
    right 18px center,
    right 12px center,
    right 0 center;
  background-size:8px 8px, 8px 8px, 2.4em 100%;
  background-repeat:no-repeat;
  opacity:.95;
}

/* ====== CHECKBOX/ACEPTACIÓN ====== */
.wpcf7 .wpcf7-acceptance{ 
  grid-column: 1 / -1; 
  padding-bottom:12px;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item{
  display:inline-flex; 
  align-items:center; 
  gap:6px;
  margin-left:-10px;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"]{
  width:18px; height:18px;
  accent-color: var(--arena);
  border:1px solid var(--arena-200);
  border-radius:4px;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label{
  font-size:14px; line-height:1.35; color: var(--ink);
}
.wpcf7 .wpcf7-acceptance a{ color: var(--ink); border-bottom:1px solid var(--arena-200); }
.wpcf7 .wpcf7-acceptance a:hover{ color: var(--arena-300); border-color: var(--arena-300); }

/* ====== DETALLES (sin fondo) ====== */
.wpcf7 details{
  grid-column:1 / -1 !important;
  background:none !important;
  border:0 !important;
  padding:0 !important;
  color: var(--ink);
}
.wpcf7 details summary{
  cursor:pointer;
  font-weight:600;
  color: var(--ink);
  list-style:none;
  margin-top:6px;
  margin-bottom:8px;
}
.wpcf7 details summary::-webkit-details-marker{ display:none; }

/* ====== BOTÓN ====== */
.wpcf7 .wpcf7-form-control.wpcf7-submit{
  grid-column: 1 / -1;
  justify-self:center;
  height:50px;
  padding:0 28px;
  border-radius:26px;
  background: var(--arena);
  border:1px solid var(--arena);
  color:#000;
  font-weight:600;
  font-size:16px;
  cursor:pointer;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--arena) 35%, transparent);
  transition: filter .15s, transform .05s, background-color .2s, border-color .2s;
}
.wpcf7 .wpcf7-form-control.wpcf7-submit:hover{
  background: var(--arena-300);
  border-color: var(--arena-300);
  filter: none;
}
.wpcf7 .wpcf7-form-control.wpcf7-submit:active{ transform: translateY(1px); }

/* ====== MENSAJES DE ERROR ====== */
.wpcf7 .wpcf7-not-valid{ border-color: var(--error) !important; }
.wpcf7 .wpcf7-not-valid-tip{ font-size:12px; color: var(--error); margin-top:6px; }

/* ====== RESPONSIVE ====== */
@media (max-width: 767px){
  .wpcf7 form.wpcf7-form{ grid-template-columns:1fr; gap:22px; }
  .wpcf7 .wpcf7-form-control.wpcf7-submit{ width:100%; }
}

/* ====== ORDEN CORRECTO (cada bloque como fila) ====== */
.wpcf7 form.wpcf7-form > p:has(textarea),
.wpcf7 form.wpcf7-form > p:has(.wpcf7-acceptance),
.wpcf7 form.wpcf7-form > div.cf7apps_hcaptcha,
.wpcf7 form.wpcf7-form > div.h-captcha,
.wpcf7 form.wpcf7-form > div[data-hcaptcha-widget-id],
.wpcf7 details,
.wpcf7 form.wpcf7-form > p:has(input[type="submit"]){
  display:block !important;
  grid-column: 1 / -1 !important;
  margin:0 !important;
}

/* ====== IGUALAR ESPACIADO ENTRE CHECKBOX, CAPTCHA Y DETALLES ====== */
.wpcf7 form.wpcf7-form > div.cf7apps_hcaptcha,
.wpcf7 form.wpcf7-form > div.h-captcha,
.wpcf7 form.wpcf7-form > div[data-hcaptcha-widget-id]{
  padding-top:0px;
  padding-bottom:0px;
}

/* ====== LIMPIEZA ADORNOS CHECKBOX ====== */
.wpcf7 form.wpcf7-form > p:has(.wpcf7-acceptance){
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  outline:0 !important;
}
.wpcf7 form.wpcf7-form > p::before,
.wpcf7 form.wpcf7-form > p::after{
  content:none !important;
  display:none !important;
}

/* Flecha simple para <summary> "Detalles" */
.wpcf7 details summary{
  position: relative;
  list-style: none;                 /* oculta marcador nativo */
  padding-right: 20px;              /* espacio para la flecha */
  display: inline-block;            /* asegura que el ::after se pinte */
}

/* oculta marcadores nativos en todos los navegadores */
.wpcf7 details summary::-webkit-details-marker{ display:none !important; }
.wpcf7 details summary::marker{ content: "" !important; }

/* flecha (▼) a la derecha */
.wpcf7 details summary::after{
  content: "\25BC";                 /* ▼ */
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  font-size: 14px;
  color: var(--ink);
  pointer-events: none;
  transition: transform .25s ease;
}

/* gira al abrir (▲) */
.wpcf7 details[open] summary::after{
  transform: translateY(-50%) rotate(180deg);
}/* End custom CSS */