{"id":776,"date":"2026-04-08T15:52:55","date_gmt":"2026-04-08T15:52:55","guid":{"rendered":"https:\/\/www.interfresa.com\/?page_id=776"},"modified":"2026-09-17T15:21:27","modified_gmt":"2026-09-17T15:21:27","slug":"contacto","status":"publish","type":"page","link":"https:\/\/www.interfresa.com\/fr\/contacto\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"776\" class=\"elementor elementor-776\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab6df06 e-con-full e-flex e-con e-parent\" data-id=\"ab6df06\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b430e7b elementor-widget elementor-widget-html\" data-id=\"b430e7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@font-face {\r\n  font-family: 'Coolvetica';\r\n  src: url('\/wp-content\/uploads\/2026\/04\/Coolvetica-Rg.ttf') format('truetype');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n  font-display: swap;\r\n}\r\n\r\n#ifcto, #ifcto *, #ifcto *::before, #ifcto *::after {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  line-height: 1 !important;\r\n}\r\n\r\n#ifcto {\r\n  --brand:    #E3014D;\r\n  --lime:     #D2D890;\r\n  --grad:     linear-gradient(135deg, #E3014D 0%, #E8406A 55%, #C8D068 100%);\r\n  --brand-lo: rgba(227,1,77,0.07);\r\n  --dark:     #1a1a1a;\r\n  --gray:     #555555;\r\n  --soft:     #888888;\r\n  --bg:       #f5f4f2;\r\n  --white:    #ffffff;\r\n  --border:   rgba(0,0,0,0.07);\r\n  --font:     'Coolvetica', 'Arial Rounded MT Bold', Arial, sans-serif;\r\n  --max:      1440px;\r\n}\r\n\r\n\/* \u2500\u2500 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#ifcto .pg-hero {\r\n  width: 100% !important;\r\n  background: var(--grad) !important;\r\n  padding: 120px 48px 72px !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n}\r\n#ifcto .pg-hero-icon { position: absolute !important; right: -40px !important; top: 50% !important; transform: translateY(-50%) !important; width: 320px !important; opacity: 0.06 !important; pointer-events: none !important; }\r\n#ifcto .pg-hero-icon img { display: block !important; width: 100% !important; height: auto !important; }\r\n#ifcto .pg-hero-inner { max-width: var(--max) !important; margin: 0 auto !important; position: relative !important; z-index: 1 !important; }\r\n#ifcto .pg-breadcrumb { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 24px !important; }\r\n#ifcto .pg-breadcrumb a, #ifcto .pg-breadcrumb span { font-family: var(--font) !important; font-size: 12px !important; letter-spacing: 0.04em !important; color: rgba(255,255,255,0.65) !important; text-decoration: none !important; line-height: 1 !important; transition: color 0.2s !important; }\r\n#ifcto .pg-breadcrumb a:hover { color: rgba(255,255,255,0.95) !important; }\r\n#ifcto .pg-breadcrumb .sep { color: rgba(255,255,255,0.35) !important; font-size: 10px !important; }\r\n#ifcto .pg-breadcrumb .current { color: #fff !important; }\r\n#ifcto .pg-hero h1 { font-family: var(--font) !important; font-size: clamp(40px, 5vw, 72px) !important; font-weight: normal !important; color: #fff !important; line-height: 1.04 !important; letter-spacing: 0.02em !important; margin-bottom: 16px !important; }\r\n#ifcto .pg-hero-sub { font-family: var(--font) !important; font-size: 17px !important; color: rgba(255,255,255,0.75) !important; line-height: 1.65 !important; letter-spacing: 0.02em !important;  }\r\n\r\n\/* \u2500\u2500 Wrap \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#ifcto .pg-wrap {\r\n  max-width: var(--max) !important;\r\n  margin: 0 auto !important;\r\n  padding: 72px 48px !important;\r\n  display: grid !important;\r\n  grid-template-columns: 1fr 1.1fr !important;\r\n  gap: 64px !important;\r\n  align-items: start !important;\r\n}\r\n\r\n\/* \u2500\u2500 Etiqueta \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#ifcto .sec-tag { display: inline-flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 16px !important; }\r\n#ifcto .sec-tag::before { content: '' !important; display: block !important; width: 28px !important; height: 2px !important; background: var(--brand) !important; flex-shrink: 0 !important; }\r\n#ifcto .sec-tag span { font-family: var(--font) !important; font-size: 11px !important; letter-spacing: 3px !important; text-transform: uppercase !important; color: var(--brand) !important; line-height: 1 !important; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   COLUMNA IZQUIERDA \u2014 Datos de contacto + mapa\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#ifcto .cto-info {}\r\n\r\n#ifcto .cto-info h2 {\r\n  font-family: var(--font) !important;\r\n  font-size: clamp(28px, 3vw, 42px) !important;\r\n  font-weight: normal !important;\r\n  color: var(--dark) !important;\r\n  line-height: 1.1 !important;\r\n  letter-spacing: 0.02em !important;\r\n  margin-bottom: 16px !important;\r\n}\r\n\r\n#ifcto .cto-info > p {\r\n  font-family: var(--font) !important;\r\n  font-size: 15px !important;\r\n  color: var(--gray) !important;\r\n  line-height: 1.75 !important;\r\n  letter-spacing: 0.02em !important;\r\n  margin-bottom: 36px !important;\r\n}\r\n\r\n\/* Cards de datos *\/\r\n#ifcto .cto-datos { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-bottom: 36px !important; }\r\n\r\n#ifcto .cto-dato {\r\n  display: flex !important;\r\n  align-items: flex-start !important;\r\n  gap: 16px !important;\r\n  padding: 18px 20px !important;\r\n  background: var(--white) !important;\r\n  border: 1.5px solid var(--border) !important;\r\n  border-radius: 10px !important;\r\n  transition: border-color 0.2s !important;\r\n}\r\n#ifcto .cto-dato:hover { border-color: rgba(227,1,77,0.2) !important; }\r\n\r\n#ifcto .cto-dato-icon {\r\n  width: 40px !important; height: 40px !important;\r\n  border-radius: 10px !important;\r\n  background: var(--brand-lo) !important;\r\n  display: flex !important; align-items: center !important; justify-content: center !important;\r\n  flex-shrink: 0 !important;\r\n  transition: background 0.2s !important;\r\n}\r\n#ifcto .cto-dato:hover .cto-dato-icon { background: var(--brand) !important; }\r\n#ifcto .cto-dato-icon svg { display: block !important; width: 18px !important; height: 18px !important; color: var(--brand) !important; transition: color 0.2s !important; }\r\n#ifcto .cto-dato:hover .cto-dato-icon svg { color: #fff !important; }\r\n\r\n#ifcto .cto-dato-label { display: block !important; font-family: var(--font) !important; font-size: 10.5px !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: var(--soft) !important; margin-bottom: 6px !important; line-height: 1 !important; }\r\n#ifcto .cto-dato-valor { display: block !important; font-family: var(--font) !important; font-size: 16px !important; color: var(--dark) !important; letter-spacing: 0.02em !important; line-height: 1.3 !important; text-decoration: none !important; transition: color 0.2s !important; }\r\n#ifcto a.cto-dato-valor:hover { color: var(--brand) !important; }\r\n\r\n\/* Redes sociales *\/\r\n#ifcto .cto-rrss {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 10px !important;\r\n  margin-bottom: 36px !important;\r\n}\r\n\r\n#ifcto .cto-rrss-label {\r\n  font-family: var(--font) !important;\r\n  font-size: 12px !important;\r\n  letter-spacing: 2px !important;\r\n  text-transform: uppercase !important;\r\n  color: var(--soft) !important;\r\n  line-height: 1 !important;\r\n  margin-right: 6px !important;\r\n}\r\n\r\n#ifcto .cto-rrss a {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  width: 40px !important; height: 40px !important;\r\n  border-radius: 50% !important;\r\n  border: 1.5px solid var(--border) !important;\r\n  color: var(--soft) !important;\r\n  text-decoration: none !important;\r\n  transition: border-color 0.2s, color 0.2s, background 0.2s !important;\r\n}\r\n#ifcto .cto-rrss a:hover {\r\n  border-color: var(--brand) !important;\r\n  color: var(--brand) !important;\r\n  background: var(--brand-lo) !important;\r\n}\r\n#ifcto .cto-rrss svg { display: block !important; width: 16px !important; height: 16px !important; }\r\n\r\n\/* Mapa *\/\r\n#ifcto .cto-mapa {\r\n  width: 100% !important;\r\n  height: 260px !important;\r\n  border-radius: 12px !important;\r\n  overflow: hidden !important;\r\n  border: 1.5px solid var(--border) !important;\r\n}\r\n#ifcto .cto-mapa iframe {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  border: none !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   COLUMNA DERECHA \u2014 Formulario\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#ifcto .cto-form-wrap {\r\n  background: var(--white) !important;\r\n  border: 1.5px solid var(--border) !important;\r\n  border-radius: 16px !important;\r\n  padding: 40px 36px !important;\r\n  position: sticky !important;\r\n  top: 108px !important;\r\n}\r\n\r\n#ifcto .cto-form-wrap h2 {\r\n  font-family: var(--font) !important;\r\n  font-size: clamp(24px, 2.5vw, 34px) !important;\r\n  font-weight: normal !important;\r\n  color: var(--dark) !important;\r\n  line-height: 1.1 !important;\r\n  letter-spacing: 0.02em !important;\r\n  margin-bottom: 8px !important;\r\n}\r\n#ifcto .cto-form-wrap > p {\r\n  font-family: var(--font) !important;\r\n  font-size: 14px !important;\r\n  color: var(--soft) !important;\r\n  line-height: 1.65 !important;\r\n  letter-spacing: 0.02em !important;\r\n  margin-bottom: 28px !important;\r\n}\r\n\r\n\/* Campos *\/\r\n#ifcto .form-row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; }\r\n#ifcto .form-group { margin-bottom: 16px !important; }\r\n#ifcto .form-label { display: block !important; font-family: var(--font) !important; font-size: 10.5px !important; letter-spacing: 1.8px !important; text-transform: uppercase !important; color: var(--soft) !important; margin-bottom: 7px !important; line-height: 1 !important; }\r\n\r\n#ifcto .form-input,\r\n#ifcto .form-select,\r\n#ifcto .form-textarea {\r\n  width: 100% !important;\r\n  padding: 11px 14px !important;\r\n  font-family: var(--font) !important;\r\n  font-size: 14px !important;\r\n  color: var(--dark) !important;\r\n  background: var(--bg) !important;\r\n  border: 1.5px solid var(--border) !important;\r\n  border-radius: 7px !important;\r\n  outline: none !important;\r\n  transition: border-color 0.2s !important;\r\n  letter-spacing: 0.02em !important;\r\n  line-height: 1 !important;\r\n  -webkit-appearance: none !important;\r\n}\r\n#ifcto .form-input:focus,\r\n#ifcto .form-select:focus,\r\n#ifcto .form-textarea:focus { border-color: var(--brand) !important; background: var(--white) !important; }\r\n#ifcto .form-textarea { height: 110px !important; resize: vertical !important; line-height: 1.5 !important; }\r\n\r\n\/* Asunto \u2014 pills *\/\r\n#ifcto .form-asunto { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }\r\n#ifcto .asunto-pill {\r\n  padding: 7px 14px !important;\r\n  border-radius: 100px !important;\r\n  border: 1.5px solid var(--border) !important;\r\n  background: var(--bg) !important;\r\n  font-family: var(--font) !important;\r\n  font-size: 12.5px !important;\r\n  letter-spacing: 0.03em !important;\r\n  color: var(--gray) !important;\r\n  cursor: pointer !important;\r\n  transition: border-color 0.2s, color 0.2s, background 0.2s !important;\r\n  line-height: 1 !important;\r\n  user-select: none !important;\r\n}\r\n#ifcto .asunto-pill.on,\r\n#ifcto .asunto-pill:hover {\r\n  border-color: var(--brand) !important;\r\n  color: var(--brand) !important;\r\n  background: var(--brand-lo) !important;\r\n}\r\n\r\n\/* Bot\u00f3n enviar *\/\r\n#ifcto .form-btn {\r\n  width: 100% !important;\r\n  padding: 14px !important;\r\n  background: var(--grad) !important;\r\n  color: #fff !important;\r\n  font-family: var(--font) !important;\r\n  font-size: 15px !important;\r\n  letter-spacing: 0.04em !important;\r\n  border: none !important;\r\n  border-radius: 7px !important;\r\n  cursor: pointer !important;\r\n  transition: opacity 0.2s !important;\r\n  line-height: 1 !important;\r\n  margin-top: 4px !important;\r\n}\r\n#ifcto .form-btn:hover { opacity: 0.88 !important; }\r\n\r\n#ifcto .form-legal {\r\n  font-family: var(--font) !important;\r\n  font-size: 11.5px !important;\r\n  color: var(--soft) !important;\r\n  line-height: 1.6 !important;\r\n  letter-spacing: 0.02em !important;\r\n  margin-top: 14px !important;\r\n}\r\n#ifcto .form-legal a { color: var(--brand) !important; text-decoration: none !important; }\r\n\/* \u2500\u2500 Estados del formulario \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n\/* Error inline bajo cada campo *\/\r\n#ifcto .field-error {\r\n  display: none !important;\r\n  font-family: var(--font) !important;\r\n  font-size: 12px !important;\r\n  color: var(--brand) !important;\r\n  letter-spacing: 0.03em !important;\r\n  line-height: 1.4 !important;\r\n  margin-top: 6px !important;\r\n}\r\n#ifcto .field-error.show { display: block !important; }\r\n\r\n\/* Input invalido *\/\r\n#ifcto .form-input.invalid,\r\n#ifcto .form-select.invalid,\r\n#ifcto .form-textarea.invalid {\r\n  border-color: var(--brand) !important;\r\n  background: rgba(227,1,77,0.03) !important;\r\n}\r\n\r\n\/* Mensaje global debajo del boton *\/\r\n#ifcto .form-msg {\r\n  display: none !important;\r\n  margin-top: 16px !important;\r\n  padding: 16px 20px !important;\r\n  border-radius: 10px !important;\r\n  font-family: var(--font) !important;\r\n  font-size: 14px !important;\r\n  line-height: 1.6 !important;\r\n  letter-spacing: 0.02em !important;\r\n}\r\n#ifcto .form-msg.ok {\r\n  display: flex !important;\r\n  align-items: flex-start !important;\r\n  gap: 12px !important;\r\n  background: rgba(34,197,94,0.08) !important;\r\n  border: 1.5px solid rgba(34,197,94,0.25) !important;\r\n  color: #14532d !important;\r\n}\r\n#ifcto .form-msg.error {\r\n  display: flex !important;\r\n  align-items: flex-start !important;\r\n  gap: 12px !important;\r\n  background: rgba(227,1,77,0.06) !important;\r\n  border: 1.5px solid rgba(227,1,77,0.2) !important;\r\n  color: #9b0030 !important;\r\n}\r\n#ifcto .form-msg-icon {\r\n  flex-shrink: 0 !important;\r\n  width: 18px !important; height: 18px !important;\r\n  margin-top: 1px !important;\r\n}\r\n#ifcto .form-msg-icon svg { display: block !important; width: 100% !important; height: 100% !important; }\r\n#ifcto .form-msg-text { font-family: var(--font) !important; font-size: 14px !important; line-height: 1.6 !important; letter-spacing: 0.02em !important; }\r\n\r\n#ifcto .form-btn:disabled {\r\n  opacity: 0.6 !important;\r\n  cursor: not-allowed !important;\r\n}\r\n#ifcto .form-btn.loading::after {\r\n  content: '' !important;\r\n  display: inline-block !important;\r\n  width: 12px !important; height: 12px !important;\r\n  border: 2px solid rgba(255,255,255,0.4) !important;\r\n  border-top-color: #fff !important;\r\n  border-radius: 50% !important;\r\n  animation: ifcto-spin 0.7s linear infinite !important;\r\n  margin-left: 8px !important;\r\n  vertical-align: middle !important;\r\n}\r\n@keyframes ifcto-spin { to { transform: rotate(360deg); } }\r\n\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 1100px) {\r\n  #ifcto .pg-hero { padding: 88px 32px 56px !important; }\r\n  #ifcto .pg-wrap { grid-template-columns: 1fr !important; gap: 48px !important; padding: 56px 32px !important; }\r\n  #ifcto .cto-form-wrap { position: static !important; }\r\n}\r\n@media (max-width: 768px) {\r\n  #ifcto .pg-hero { padding: 104px 24px 44px !important; }\r\n  #ifcto .pg-wrap { padding: 48px 20px !important; }\r\n  #ifcto .cto-form-wrap { padding: 28px 24px !important; }\r\n  #ifcto .form-row { grid-template-columns: 1fr !important; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"ifcto\">\r\n\r\n  <!-- Hero -->\r\n  <div class=\"pg-hero\">\r\n    <div class=\"pg-hero-icon\" aria-hidden=\"true\">\r\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/icono-blanco.png\" alt=\"\">\r\n    <\/div>\r\n    <div class=\"pg-hero-inner\">\r\n      <nav class=\"pg-breadcrumb\" aria-label=\"Breadcrumb\">\r\n        <a href=\"\/\">Inicio<\/a>\r\n        <span class=\"sep\">\u203a<\/span>\r\n        <span class=\"current\">Contacto<\/span>\r\n      <\/nav>\r\n      <h1>\u00bfC\u00f3mo podemos ayudarte?<\/h1>\r\n      <p class=\"pg-hero-sub\">Estamos en Huelva, en el coraz\u00f3n del sector de los frutos rojos. Escr\u00edbenos o ll\u00e1manos \u2014 te responderemos lo antes posible.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Cuerpo -->\r\n  <div class=\"pg-wrap\">\r\n\r\n    <!-- Columna izquierda: datos + mapa -->\r\n    <div class=\"cto-info\">\r\n\r\n      <div class=\"sec-tag\"><span>D\u00f3nde estamos<\/span><\/div>\r\n      <h2>Informaci\u00f3n de contacto<\/h2>\r\n      <p>Puedes contactar con Interfresa por cualquiera de los siguientes medios. Nuestro horario de atenci\u00f3n es de lunes a viernes de 9:00 a 14:00 h.<\/p>\r\n\r\n      <div class=\"cto-datos\">\r\n\r\n        <div class=\"cto-dato\">\r\n          <div class=\"cto-dato-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <span class=\"cto-dato-label\">Direcci\u00f3n<\/span>\r\n            <span class=\"cto-dato-valor\">Alcalde Mora Claros esq. Plus Ultra, s\/n<\/span>\r\n            <span style=\"display:block;font-family:'Coolvetica',Arial,sans-serif;font-size:13px;color:#888;margin-top:4px;letter-spacing:0.02em\">Huelva, Andaluc\u00eda<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cto-dato\">\r\n          <div class=\"cto-dato-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.4 2 2 0 0 1 3.6 1.22h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.8a16 16 0 0 0 6.29 6.29l.97-.97a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <span class=\"cto-dato-label\">Tel\u00e9fono<\/span>\r\n            <a href=\"tel:+34959283398\" class=\"cto-dato-valor\">959 283 398<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cto-dato\">\r\n          <div class=\"cto-dato-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <span class=\"cto-dato-label\">Email general<\/span>\r\n            <a href=\"mailto:administracion@interfresa.es\" class=\"cto-dato-valor\">administracion@interfresa.es<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        \r\n\r\n      <\/div>\r\n\r\n      <!-- Redes sociales -->\r\n      <div class=\"cto-rrss\" aria-label=\"Redes sociales\">\r\n        <span class=\"cto-rrss-label\">S\u00edguenos<\/span>\r\n        <a href=\"https:\/\/www.facebook.com\/Interfresa\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.instagram.com\/interfresa.oficial\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.youtube.com\/channel\/UCWRzvbAym4s1mpkQYRvyuvw\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Mapa -->\r\n      <div class=\"cto-mapa\">\r\n        <iframe\r\n          src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3178.2!2d-6.9444!3d37.2617!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2sInterfresa%2C%20Huelva!5e0!3m2!1ses!2ses!4v1\"\r\n          allowfullscreen=\"\"\r\n          loading=\"lazy\"\r\n          referrerpolicy=\"no-referrer-when-downgrade\"\r\n          title=\"Ubicaci\u00f3n de Interfresa en Huelva\">\r\n        <\/iframe>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Columna derecha: formulario -->\r\n    <div class=\"cto-form-wrap\">\r\n\r\n      <div class=\"sec-tag\"><span>Escr\u00edbenos<\/span><\/div>\r\n      <h2>Env\u00edanos un mensaje<\/h2>\r\n      <p>Rellena el formulario y te responderemos en un plazo m\u00e1ximo de 2 d\u00edas laborables.<\/p>\r\n\r\n      <div class=\"form-row\">\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\" for=\"cto-nombre\">Nombre *<\/label>\r\n          <input class=\"form-input\" type=\"text\" id=\"cto-nombre\" name=\"cto_nombre\" placeholder=\"Tu nombre\" required autocomplete=\"given-name\">\r\n          <span class=\"field-error\" id=\"cto-nombre-error\" role=\"alert\"><\/span>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\" for=\"cto-apellidos\">Apellidos *<\/label>\r\n          <input class=\"form-input\" type=\"text\" id=\"cto-apellidos\" name=\"cto_apellidos\" placeholder=\"Tus apellidos\" required autocomplete=\"family-name\">\r\n          <span class=\"field-error\" id=\"cto-apellidos-error\" role=\"alert\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"form-row\">\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\" for=\"cto-email\">Email *<\/label>\r\n          <input class=\"form-input\" type=\"email\" id=\"cto-email\" name=\"cto_email\" placeholder=\"tu@email.com\" required autocomplete=\"email\">\r\n          <span class=\"field-error\" id=\"cto-email-error\" role=\"alert\"><\/span>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label class=\"form-label\" for=\"cto-telefono\">Tel\u00e9fono (opcional)<\/label>\r\n          <input class=\"form-input\" type=\"tel\" id=\"cto-telefono\" name=\"cto_telefono\" placeholder=\"600 000 000\" autocomplete=\"tel\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\">Asunto<\/label>\r\n        <input type=\"hidden\" id=\"cto-asunto\" name=\"cto_asunto\" value=\"general\">\r\n        <div class=\"form-asunto\" role=\"group\" aria-label=\"Tipo de consulta\">\r\n          <span class=\"asunto-pill on\" data-val=\"general\">Consulta general<\/span>\r\n          <span class=\"asunto-pill\" data-val=\"sector\">Informaci\u00f3n del sector<\/span>\r\n          <span class=\"asunto-pill\" data-val=\"prelsi\">PRELSI<\/span>\r\n          <span class=\"asunto-pill\" data-val=\"prensa\">Prensa<\/span>\r\n          <span class=\"asunto-pill\" data-val=\"asociados\">\u00c1rea de asociados<\/span>\r\n          <span class=\"asunto-pill\" data-val=\"otro\">Otro<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\" for=\"cto-mensaje\">Mensaje *<\/label>\r\n        <textarea class=\"form-textarea\" id=\"cto-mensaje\" name=\"cto_mensaje\" placeholder=\"\u00bfEn qu\u00e9 podemos ayudarte?\" required><\/textarea>\r\n          <span class=\"field-error\" id=\"cto-mensaje-error\" role=\"alert\"><\/span>\r\n      <\/div>\r\n\r\n      <!-- Campo honeypot anti-spam \u2014 oculto para humanos -->\r\n      <div style=\"position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden\" aria-hidden=\"true\">\r\n        <input type=\"text\" name=\"cto_website\" tabindex=\"-1\" autocomplete=\"off\">\r\n      <\/div>\r\n\r\n      <button class=\"form-btn\" type=\"button\" id=\"cto-submit\">Enviar mensaje<\/button>\r\n\r\n      <div id=\"cto-msg\" class=\"form-msg\" role=\"alert\" aria-live=\"polite\"><\/div>\r\n\r\n      <p class=\"form-legal\">\r\n        Al enviar este formulario aceptas nuestra\r\n        <a href=\"\/aviso-legal\/\">pol\u00edtica de privacidad<\/a>.\r\n        Tus datos ser\u00e1n tratados \u00fanicamente para gestionar tu consulta.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n\r\n  \/* \u2500\u2500 Pills de asunto \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  var asuntoInput = document.getElementById('cto-asunto');\r\n  document.querySelectorAll('#ifcto .asunto-pill').forEach(function(pill){\r\n    pill.addEventListener('click', function(){\r\n      document.querySelectorAll('#ifcto .asunto-pill').forEach(function(p){\r\n        p.classList.remove('on');\r\n      });\r\n      this.classList.add('on');\r\n      if (asuntoInput) asuntoInput.value = this.getAttribute('data-val');\r\n    });\r\n  });\r\n\r\n  \/* \u2500\u2500 Envio AJAX \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  var btn = document.getElementById('cto-submit');\r\n  var msg = document.getElementById('cto-msg');\r\n\r\n  var ICON_OK    = '<span class=\"form-msg-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>';\r\n  var ICON_ERROR = '<span class=\"form-msg-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg><\/span>';\r\n\r\n  function showMsg(text, type) {\r\n    if (!msg) return;\r\n    var icon = type === 'ok' ? ICON_OK : ICON_ERROR;\r\n    msg.innerHTML = icon + '<span class=\"form-msg-text\">' + text + '<\/span>';\r\n    msg.className = 'form-msg ' + type;\r\n    msg.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n  }\r\n\r\n  function setFieldError(id, text) {\r\n    var el    = document.getElementById(id);\r\n    var errEl = document.getElementById(id + '-error');\r\n    if (el)    el.classList.add('invalid');\r\n    if (errEl) {\r\n      errEl.textContent = text;\r\n      errEl.classList.add('show');\r\n    }\r\n  }\r\n\r\n  function clearFieldError(id) {\r\n    var el    = document.getElementById(id);\r\n    var errEl = document.getElementById(id + '-error');\r\n    if (el)    el.classList.remove('invalid');\r\n    if (errEl) { errEl.textContent = ''; errEl.classList.remove('show'); }\r\n  }\r\n\r\n  function clearAllErrors() {\r\n    ['cto-nombre','cto-apellidos','cto-email','cto-mensaje'].forEach(clearFieldError);\r\n    if (msg) msg.className = 'form-msg';\r\n  }\r\n\r\n  function validate() {\r\n    clearAllErrors();\r\n    var ok = true;\r\n\r\n    \/\/ Campos obligatorios\r\n    var required = [\r\n      { id: 'cto-nombre',    label: 'El nombre es obligatorio.' },\r\n      { id: 'cto-apellidos', label: 'Los apellidos son obligatorios.' },\r\n      { id: 'cto-email',     label: 'El email es obligatorio.' },\r\n      { id: 'cto-mensaje',   label: 'El mensaje es obligatorio.' },\r\n    ];\r\n    required.forEach(function(f){\r\n      var el = document.getElementById(f.id);\r\n      if (!el) return;\r\n      if (!el.value.trim()) {\r\n        setFieldError(f.id, f.label);\r\n        ok = false;\r\n      }\r\n    });\r\n\r\n    \/\/ Formato email (solo si tiene contenido)\r\n    var emailEl  = document.getElementById('cto-email');\r\n    if (emailEl && emailEl.value.trim()) {\r\n      var emailVal = emailEl.value.trim();\r\n      var atPos    = emailVal.indexOf('@');\r\n      var dotPos   = emailVal.lastIndexOf('.');\r\n      if (atPos < 1 || dotPos < atPos + 2 || dotPos === emailVal.length - 1) {\r\n        setFieldError('cto-email', 'Introduce un email valido (ej: nombre@dominio.com).');\r\n        ok = false;\r\n      }\r\n    }\r\n\r\n    return ok;\r\n  }\r\n\r\n  if (btn) {\r\n    btn.addEventListener('click', function(){\r\n      if (msg) msg.className = 'form-msg';\r\n\r\n      if (!validate()) return;\r\n\r\n      \/\/ Comprobar que el objeto ifraContacto esta disponible\r\n      if (typeof ifraContacto === 'undefined' || !ifraContacto.ajaxUrl || !ifraContacto.nonce) {\r\n        showMsg('Error de configuracion. Por favor, recarga la pagina e intentalo de nuevo.', 'error');\r\n        return;\r\n      }\r\n\r\n      btn.disabled = true;\r\n      btn.classList.add('loading');\r\n\r\n      var fd = new FormData();\r\n      fd.append('action',        'ifra_contacto_send');\r\n      fd.append('nonce',         ifraContacto.nonce);\r\n      fd.append('cto_nombre',    document.getElementById('cto-nombre').value.trim());\r\n      fd.append('cto_apellidos', document.getElementById('cto-apellidos').value.trim());\r\n      fd.append('cto_email',     document.getElementById('cto-email').value.trim());\r\n      fd.append('cto_telefono',  document.getElementById('cto-telefono') ? document.getElementById('cto-telefono').value.trim() : '');\r\n      fd.append('cto_asunto',    asuntoInput ? asuntoInput.value : 'general');\r\n      fd.append('cto_mensaje',   document.getElementById('cto-mensaje').value.trim());\r\n      fd.append('cto_website',   document.querySelector('[name=\"cto_website\"]') ? document.querySelector('[name=\"cto_website\"]').value : '');\r\n\r\n      fetch(ifraContacto.ajaxUrl, { method: 'POST', body: fd })\r\n        .then(function(r){ return r.json(); })\r\n        .then(function(res){\r\n          btn.disabled = false;\r\n          btn.classList.remove('loading');\r\n          if (res.success) {\r\n            showMsg('Mensaje enviado correctamente. Te responderemos en un maximo de 2 dias laborables.', 'ok');\r\n            ['cto-nombre','cto-apellidos','cto-email','cto-telefono','cto-mensaje'].forEach(function(id){\r\n              var el = document.getElementById(id);\r\n              if (el) el.value = '';\r\n            });\r\n            \/\/ Resetear pill\r\n            document.querySelectorAll('#ifcto .asunto-pill').forEach(function(p){ p.classList.remove('on'); });\r\n            var primera = document.querySelector('#ifcto .asunto-pill');\r\n            if (primera) { primera.classList.add('on'); if (asuntoInput) asuntoInput.value = 'general'; }\r\n          } else {\r\n            showMsg(res.data || 'Ha ocurrido un error. Por favor, intentalo de nuevo.', 'error');\r\n          }\r\n        })\r\n        .catch(function(){\r\n          btn.disabled = false;\r\n          btn.classList.remove('loading');\r\n          showMsg('Error de conexion. Por favor, intentalo de nuevo.', 'error');\r\n        });\r\n    });\r\n  }\r\n\r\n  \/\/ Limpiar error inline al escribir\r\n  document.querySelectorAll('#ifcto .form-input, #ifcto .form-textarea').forEach(function(el){\r\n    el.addEventListener('input', function(){\r\n      var id     = this.getAttribute('id');\r\n      var errEl  = document.getElementById(id + '-error');\r\n      this.classList.remove('invalid');\r\n      if (errEl) { errEl.textContent = ''; errEl.classList.remove('show'); }\r\n    });\r\n  });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inicio \u203a Contacto \u00bfC\u00f3mo podemos ayudarte? Estamos en Huelva, en el coraz\u00f3n del sector de los frutos rojos. Escr\u00edbenos o ll\u00e1manos \u2014 te responderemos lo antes posible. D\u00f3nde estamos Informaci\u00f3n de contacto Puedes contactar con Interfresa por cualquiera de los siguientes medios. Nuestro horario de atenci\u00f3n es de lunes a viernes de 9:00 a 14:00 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-776","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.interfresa.com\/fr\/wp-json\/wp\/v2\/pages\/776","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.interfresa.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.interfresa.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.interfresa.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.interfresa.com\/fr\/wp-json\/wp\/v2\/comments?post=776"}],"version-history":[{"count":28,"href":"https:\/\/www.interfresa.com\/fr\/wp-json\/wp\/v2\/pages\/776\/revisions"}],"predecessor-version":[{"id":906,"href":"https:\/\/www.interfresa.com\/fr\/wp-json\/wp\/v2\/pages\/776\/revisions\/906"}],"wp:attachment":[{"href":"https:\/\/www.interfresa.com\/fr\/wp-json\/wp\/v2\/media?parent=776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}