{"id":590,"date":"2026-07-29T21:28:28","date_gmt":"2026-07-29T21:28:28","guid":{"rendered":"https:\/\/euroopticaalfas.com\/?page_id=590"},"modified":"2026-07-29T22:28:14","modified_gmt":"2026-07-29T22:28:14","slug":"elementor-590","status":"publish","type":"page","link":"https:\/\/euroopticaalfas.com\/en\/","title":{"rendered":"Elementor canvas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"590\" class=\"elementor elementor-590\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fa49b3 e-flex e-con-boxed e-con e-parent\" data-id=\"7fa49b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fc4462 elementor-widget elementor-widget-html\" data-id=\"5fc4462\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t  <style>\r\n    \/* ============================================================\r\n       DESIGN TOKENS\r\n    ============================================================ *\/\r\n    :root {\r\n      --color-bg:        #F7F4EF;\r\n      --color-sand:      #E8E0D5;\r\n      --color-sand-dark: #D4C9BA;\r\n      --color-text:      #2B2622;\r\n      --color-text-muted:#7A6E68;\r\n      --color-accent:    #8B3A3A;\r\n      --color-accent-hover: #6E2C2C;\r\n      --color-sage:      #8A9E8A;\r\n      --color-white:     #FFFFFF;\r\n\r\n      --font-serif: 'Cormorant Garamond', Georgia, serif;\r\n      --font-sans:  'Inter', system-ui, sans-serif;\r\n\r\n      --space-xs:  0.5rem;\r\n      --space-sm:  1rem;\r\n      --space-md:  2rem;\r\n      --space-lg:  4rem;\r\n      --space-xl:  7rem;\r\n      --space-2xl: 10rem;\r\n\r\n      --radius-sm: 4px;\r\n      --radius-md: 8px;\r\n      --radius-lg: 16px;\r\n\r\n      --transition: 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n      --shadow-soft: 0 8px 48px rgba(43,38,34,0.08);\r\n      --shadow-card: 0 4px 24px rgba(43,38,34,0.06);\r\n\r\n      --max-width: 1280px;\r\n      --nav-height: 72px;\r\n    }\r\n\r\n    \/* ============================================================\r\n       RESET & BASE\r\n    ============================================================ *\/\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    html {\r\n      scroll-behavior: smooth;\r\n      font-size: 16px;\r\n    }\r\n\r\n    body {\r\n      background: var(--color-bg);\r\n      color: var(--color-text);\r\n      font-family: var(--font-sans);\r\n      font-weight: 400;\r\n      line-height: 1.65;\r\n      overflow-x: hidden;\r\n      -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    img {\r\n      display: block;\r\n      max-width: 100%;\r\n      height: auto;\r\n    }\r\n\r\n    a {\r\n      color: inherit;\r\n      text-decoration: none;\r\n    }\r\n\r\n    button {\r\n      cursor: pointer;\r\n      border: none;\r\n      background: none;\r\n      font-family: var(--font-sans);\r\n    }\r\n\r\n    ul { list-style: none; }\r\n\r\n    \/* ============================================================\r\n       TYPOGRAPHY SCALE\r\n    ============================================================ *\/\r\n    .t-eyebrow {\r\n      font-family: var(--font-sans);\r\n      font-size: 0.7rem;\r\n      font-weight: 500;\r\n      letter-spacing: 0.18em;\r\n      text-transform: uppercase;\r\n      color: var(--color-text-muted);\r\n    }\r\n\r\n    .t-display {\r\n      font-family: var(--font-serif);\r\n      font-size: clamp(2.8rem, 6vw, 5.5rem);\r\n      font-weight: 300;\r\n      line-height: 1.05;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .t-heading {\r\n      font-family: var(--font-serif);\r\n      font-size: clamp(2rem, 4vw, 3.5rem);\r\n      font-weight: 300;\r\n      line-height: 1.1;\r\n      letter-spacing: -0.01em;\r\n    }\r\n\r\n    .t-subheading {\r\n      font-family: var(--font-serif);\r\n      font-size: clamp(1.3rem, 2.5vw, 1.9rem);\r\n      font-weight: 400;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .t-body {\r\n      font-size: clamp(0.9rem, 1.5vw, 1rem);\r\n      line-height: 1.7;\r\n      color: var(--color-text-muted);\r\n    }\r\n\r\n    \/* ============================================================\r\n       LAYOUT HELPERS\r\n    ============================================================ *\/\r\n    .container {\r\n      width: 100%;\r\n      max-width: var(--max-width);\r\n      margin-inline: auto;\r\n      padding-inline: clamp(1.25rem, 5vw, 4rem);\r\n    }\r\n\r\n    .section-pad {\r\n      padding-block: clamp(4rem, 8vw, var(--space-xl));\r\n    }\r\n\r\n    .grid-2 {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: clamp(2rem, 5vw, 5rem);\r\n      align-items: center;\r\n    }\r\n\r\n    .grid-3 {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: clamp(1.5rem, 3vw, 2.5rem);\r\n    }\r\n\r\n    \/* ============================================================\r\n       BUTTONS\r\n    ============================================================ *\/\r\n    .btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.5rem;\r\n      padding: 0.85rem 2rem;\r\n      font-family: var(--font-sans);\r\n      font-size: 0.8rem;\r\n      font-weight: 500;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      border-radius: var(--radius-sm);\r\n      transition: var(--transition);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .btn-primary {\r\n      background: var(--color-accent);\r\n      color: var(--color-white);\r\n    }\r\n\r\n    .btn-primary:hover {\r\n      background: var(--color-accent-hover);\r\n      transform: translateY(-1px);\r\n      box-shadow: 0 6px 24px rgba(139,58,58,0.25);\r\n    }\r\n\r\n    .btn-ghost {\r\n      background: transparent;\r\n      color: var(--color-text);\r\n      border: 1px solid currentColor;\r\n    }\r\n\r\n    .btn-ghost:hover {\r\n      background: var(--color-text);\r\n      color: var(--color-bg);\r\n    }\r\n\r\n    .btn-ghost-white {\r\n      background: transparent;\r\n      color: var(--color-white);\r\n      border: 1px solid rgba(255,255,255,0.6);\r\n    }\r\n\r\n    .btn-ghost-white:hover {\r\n      background: var(--color-white);\r\n      color: var(--color-text);\r\n    }\r\n\r\n    \/* ============================================================\r\n       REVEAL ANIMATION\r\n    ============================================================ *\/\r\n    .reveal {\r\n      opacity: 0;\r\n      transform: translateY(28px);\r\n      transition: opacity 0.7s ease, transform 0.7s ease;\r\n    }\r\n\r\n    .reveal.visible {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    .reveal-delay-1 { transition-delay: 0.1s; }\r\n    .reveal-delay-2 { transition-delay: 0.2s; }\r\n    .reveal-delay-3 { transition-delay: 0.3s; }\r\n    .reveal-delay-4 { transition-delay: 0.4s; }\r\n\r\n    \/* ============================================================\r\n       1. HEADER \/ NAV\r\n    ============================================================ *\/\r\n    #site-header {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      z-index: 100;\r\n      height: var(--nav-height);\r\n      display: flex;\r\n      align-items: center;\r\n      transition: background 0.4s ease, box-shadow 0.4s ease, backdrop-filter 0.4s ease;\r\n    }\r\n\r\n    #site-header.scrolled {\r\n      background: rgba(247,244,239,0.92);\r\n      backdrop-filter: blur(16px);\r\n      -webkit-backdrop-filter: blur(16px);\r\n      box-shadow: 0 1px 0 rgba(43,38,34,0.08);\r\n    }\r\n\r\n    .nav-inner {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      width: 100%;\r\n    }\r\n\r\n    .nav-logo img {\r\n      height: 36px;\r\n      width: auto;\r\n    }\r\n\r\n    .nav-links {\r\n      display: flex;\r\n      gap: 2rem;\r\n    }\r\n\r\n    .nav-links a {\r\n      font-size: 0.8rem;\r\n      font-weight: 500;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n      color: var(--color-text);\r\n      position: relative;\r\n      padding-bottom: 2px;\r\n    }\r\n\r\n    .nav-links a::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: 0;\r\n      height: 1px;\r\n      background: var(--color-accent);\r\n      transition: width 0.3s ease;\r\n    }\r\n\r\n    .nav-links a:hover::after { width: 100%; }\r\n\r\n    .nav-right {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1.25rem;\r\n    }\r\n\r\n    .nav-socials {\r\n      display: flex;\r\n      gap: 0.75rem;\r\n    }\r\n\r\n    .nav-socials a {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 32px;\r\n      height: 32px;\r\n      border-radius: 50%;\r\n      color: var(--color-text-muted);\r\n      transition: color var(--transition);\r\n    }\r\n\r\n    .nav-socials a:hover { color: var(--color-accent); }\r\n\r\n    .lang-switcher {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.35rem;\r\n      font-size: 0.75rem;\r\n      font-weight: 500;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      cursor: pointer;\r\n      color: var(--color-text-muted);\r\n    }\r\n\r\n    .lang-switcher img {\r\n      width: 18px;\r\n      height: 12px;\r\n      object-fit: cover;\r\n      border-radius: 2px;\r\n    }\r\n\r\n    .lang-flag {\r\n      font-size: 14px;\r\n      line-height: 1;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    .lang-btn {\r\n      padding: 0.25rem 0.5rem;\r\n      border-radius: 3px;\r\n      transition: var(--transition);\r\n    }\r\n\r\n    .lang-btn.active {\r\n      color: var(--color-text);\r\n      background: var(--color-sand);\r\n    }\r\n\r\n    .lang-btn:hover { color: var(--color-text); }\r\n\r\n    \/* Mobile nav toggle *\/\r\n    .nav-toggle {\r\n      display: none;\r\n      flex-direction: column;\r\n      gap: 5px;\r\n      width: 24px;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .nav-toggle span {\r\n      display: block;\r\n      height: 1.5px;\r\n      background: var(--color-text);\r\n      transition: var(--transition);\r\n    }\r\n\r\n    \/* ============================================================\r\n       2. HERO\r\n    ============================================================ *\/\r\n    #hero {\r\n      min-height: 100svh;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      padding-top: var(--nav-height);\r\n    }\r\n\r\n    .hero-content {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      padding: clamp(3rem, 8vw, 6rem) clamp(1.25rem, 5vw, 4rem);\r\n      padding-right: 3rem;\r\n    }\r\n\r\n    .hero-eyebrow {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.75rem;\r\n      margin-bottom: 2rem;\r\n    }\r\n\r\n    .hero-eyebrow::before {\r\n      content: '';\r\n      display: block;\r\n      width: 32px;\r\n      height: 1px;\r\n      background: var(--color-accent);\r\n    }\r\n\r\n    .hero-title {\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .hero-title em {\r\n      font-style: italic;\r\n      color: var(--color-accent);\r\n    }\r\n\r\n    .hero-subtitle {\r\n      max-width: 44ch;\r\n      margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .hero-ctas {\r\n      display: flex;\r\n      gap: 1rem;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .hero-trust {\r\n      display: flex;\r\n      gap: 2rem;\r\n      margin-top: 3.5rem;\r\n      padding-top: 2rem;\r\n      border-top: 1px solid var(--color-sand-dark);\r\n    }\r\n\r\n    .trust-item {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .trust-item strong {\r\n      font-family: var(--font-serif);\r\n      font-size: 1.4rem;\r\n      font-weight: 400;\r\n      line-height: 1;\r\n    }\r\n\r\n    .trust-item span {\r\n      font-size: 0.72rem;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      color: var(--color-text-muted);\r\n      margin-top: 0.3rem;\r\n    }\r\n\r\n    .hero-image {\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .hero-image img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      transform: scale(1.04);\r\n      transition: transform 6s ease;\r\n    }\r\n\r\n    .hero-image:hover img {\r\n      transform: scale(1);\r\n    }\r\n\r\n    \/* ============================================================\r\n       3. CLAIMS STRIP\r\n    ============================================================ *\/\r\n    #claims {\r\n      background: var(--color-text);\r\n      color: var(--color-bg);\r\n      padding-block: 1.25rem;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .claims-track {\r\n      display: flex;\r\n      gap: 3rem;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .claims-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.75rem;\r\n      font-size: 0.72rem;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .claims-dot {\r\n      width: 4px;\r\n      height: 4px;\r\n      border-radius: 50%;\r\n      background: var(--color-accent);\r\n    }\r\n\r\n    \/* ============================================================\r\n       4. PRODUCTOS\r\n    ============================================================ *\/\r\n    #productos {\r\n      background: var(--color-bg);\r\n    }\r\n\r\n    .section-header {\r\n      text-align: center;\r\n      max-width: 52ch;\r\n      margin-inline: auto;\r\n      margin-bottom: clamp(2.5rem, 5vw, 4rem);\r\n    }\r\n\r\n    .section-header .t-eyebrow {\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .products-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 1.5px;\r\n      background: var(--color-sand-dark);\r\n    }\r\n\r\n    .product-card {\r\n      background: var(--color-bg);\r\n      overflow: hidden;\r\n      position: relative;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .product-card-image {\r\n      aspect-ratio: 4\/3;\r\n      overflow: hidden;\r\n      background: var(--color-sand);\r\n    }\r\n\r\n    .product-card-image img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n\r\n    .product-card:hover .product-card-image img {\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    .product-card-body {\r\n      padding: 1.5rem 1.75rem 2rem;\r\n    }\r\n\r\n    .product-card-tag {\r\n      font-size: 0.65rem;\r\n      letter-spacing: 0.15em;\r\n      text-transform: uppercase;\r\n      color: var(--color-accent);\r\n      font-weight: 500;\r\n      margin-bottom: 0.6rem;\r\n    }\r\n\r\n    .product-card-title {\r\n      font-family: var(--font-serif);\r\n      font-size: 1.4rem;\r\n      font-weight: 400;\r\n      margin-bottom: 0.5rem;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .product-card-desc {\r\n      font-size: 0.85rem;\r\n      color: var(--color-text-muted);\r\n      line-height: 1.6;\r\n      margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .product-card-price {\r\n      font-family: var(--font-serif);\r\n      font-size: 1.1rem;\r\n      color: var(--color-text);\r\n    }\r\n\r\n    .product-card-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.4rem;\r\n      font-size: 0.72rem;\r\n      font-weight: 500;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      color: var(--color-accent);\r\n      margin-top: 0.75rem;\r\n      opacity: 0;\r\n      transform: translateY(6px);\r\n      transition: opacity 0.3s ease, transform 0.3s ease;\r\n    }\r\n\r\n    .product-card:hover .product-card-cta {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    .product-card-cta svg {\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    .product-card:hover .product-card-cta svg {\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    \/* ============================================================\r\n       5. OFERTA DESTACADA\r\n    ============================================================ *\/\r\n    #oferta {\r\n      background: var(--color-sand);\r\n    }\r\n\r\n    .oferta-inner {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: clamp(2rem, 6vw, 6rem);\r\n      align-items: center;\r\n    }\r\n\r\n    .oferta-label {\r\n      display: inline-block;\r\n      padding: 0.35rem 0.85rem;\r\n      background: var(--color-accent);\r\n      color: var(--color-white);\r\n      font-size: 0.65rem;\r\n      letter-spacing: 0.15em;\r\n      text-transform: uppercase;\r\n      border-radius: var(--radius-sm);\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .oferta-pricing {\r\n      display: grid;\r\n      gap: 1px;\r\n      background: var(--color-sand-dark);\r\n      border-radius: var(--radius-md);\r\n      overflow: hidden;\r\n      margin-top: 2.5rem;\r\n    }\r\n\r\n    .precio-row {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 1.25rem 1.75rem;\r\n      background: var(--color-bg);\r\n      gap: 1rem;\r\n    }\r\n\r\n    .precio-row:first-child {\r\n      background: var(--color-white);\r\n    }\r\n\r\n    .precio-desc {\r\n      font-size: 0.9rem;\r\n      color: var(--color-text);\r\n      flex: 1;\r\n    }\r\n\r\n    .precio-val {\r\n      font-family: var(--font-serif);\r\n      font-size: 1.6rem;\r\n      font-weight: 400;\r\n      color: var(--color-accent);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .oferta-image {\r\n      border-radius: var(--radius-lg);\r\n      overflow: hidden;\r\n      aspect-ratio: 3\/4;\r\n    }\r\n\r\n    .oferta-image img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n    }\r\n\r\n    \/* ============================================================\r\n       6. SERVICIOS\r\n    ============================================================ *\/\r\n    #servicios {\r\n      background: var(--color-bg);\r\n    }\r\n\r\n    .servicios-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 2px;\r\n      background: var(--color-sand-dark);\r\n      border-radius: var(--radius-md);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .servicio-card {\r\n      background: var(--color-bg);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .servicio-card-image {\r\n      aspect-ratio: 4\/3;\r\n      overflow: hidden;\r\n      background: var(--color-sand);\r\n    }\r\n\r\n    .servicio-card-image img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition: transform 0.6s var(--transition);\r\n    }\r\n\r\n    .servicio-card:hover .servicio-card-image img {\r\n      transform: scale(1.04);\r\n    }\r\n\r\n    .servicio-card-body {\r\n      padding: 1.75rem;\r\n    }\r\n\r\n    .servicio-number {\r\n      font-family: var(--font-serif);\r\n      font-size: 2.5rem;\r\n      font-weight: 300;\r\n      color: var(--color-sand-dark);\r\n      line-height: 1;\r\n      margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .servicio-title {\r\n      font-family: var(--font-serif);\r\n      font-size: 1.35rem;\r\n      font-weight: 400;\r\n      margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .servicio-desc {\r\n      font-size: 0.85rem;\r\n      color: var(--color-text-muted);\r\n      line-height: 1.65;\r\n    }\r\n\r\n    \/* ============================================================\r\n       7. SOBRE NOSOTROS \/ ROBERTA\r\n    ============================================================ *\/\r\n    #sobre {\r\n      background: var(--color-sand);\r\n    }\r\n\r\n    .sobre-inner {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1.4fr;\r\n      gap: clamp(3rem, 6vw, 7rem);\r\n      align-items: center;\r\n    }\r\n\r\n    .sobre-portrait {\r\n      position: relative;\r\n    }\r\n\r\n    .sobre-portrait-frame {\r\n      border-radius: var(--radius-lg);\r\n      overflow: hidden;\r\n      aspect-ratio: 3\/4;\r\n      background: var(--color-sand-dark);\r\n    }\r\n\r\n    .sobre-portrait-frame img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: top center;\r\n      filter: sepia(8%) contrast(1.02);\r\n    }\r\n\r\n    .sobre-badge {\r\n      position: absolute;\r\n      bottom: -1rem;\r\n      right: -1rem;\r\n      width: 100px;\r\n      height: 100px;\r\n      background: var(--color-accent);\r\n      border-radius: 50%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--color-white);\r\n      text-align: center;\r\n      box-shadow: var(--shadow-soft);\r\n    }\r\n\r\n    .sobre-badge strong {\r\n      font-family: var(--font-serif);\r\n      font-size: 1.6rem;\r\n      font-weight: 400;\r\n      line-height: 1;\r\n    }\r\n\r\n    .sobre-badge span {\r\n      font-size: 0.6rem;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      line-height: 1.3;\r\n      margin-top: 2px;\r\n    }\r\n\r\n    .sobre-content .t-eyebrow { margin-bottom: 1.25rem; }\r\n\r\n    .sobre-content .t-heading { margin-bottom: 1.25rem; }\r\n\r\n    .sobre-quote {\r\n      font-family: var(--font-serif);\r\n      font-size: clamp(1.05rem, 2vw, 1.25rem);\r\n      font-style: italic;\r\n      font-weight: 300;\r\n      line-height: 1.6;\r\n      color: var(--color-text);\r\n      margin-bottom: 1.75rem;\r\n      padding-left: 1.5rem;\r\n      border-left: 2px solid var(--color-accent);\r\n    }\r\n\r\n    .sobre-body {\r\n      margin-bottom: 2rem;\r\n    }\r\n\r\n    .sobre-firma {\r\n      font-family: var(--font-serif);\r\n      font-size: 1.2rem;\r\n      font-style: italic;\r\n      color: var(--color-text-muted);\r\n    }\r\n\r\n    \/* ============================================================\r\n       8. RESE\u00d1AS\r\n    ============================================================ *\/\r\n    #resenas {\r\n      background: var(--color-bg);\r\n    }\r\n\r\n    .resenas-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 2rem;\r\n    }\r\n\r\n    .resena-card {\r\n      padding: 2rem;\r\n      background: var(--color-sand);\r\n      border-radius: var(--radius-md);\r\n    }\r\n\r\n    .resena-stars {\r\n      display: flex;\r\n      gap: 3px;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .resena-stars svg {\r\n      fill: var(--color-accent);\r\n      width: 14px;\r\n      height: 14px;\r\n    }\r\n\r\n    .resena-text {\r\n      font-family: var(--font-serif);\r\n      font-size: 1.05rem;\r\n      font-style: italic;\r\n      font-weight: 300;\r\n      line-height: 1.6;\r\n      margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .resena-author {\r\n      font-size: 0.78rem;\r\n      font-weight: 500;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n      color: var(--color-text-muted);\r\n    }\r\n\r\n    \/* ============================================================\r\n       9. CTA FINAL + CONTACTO\r\n    ============================================================ *\/\r\n    #contacto {\r\n      background: var(--color-text);\r\n      color: var(--color-bg);\r\n    }\r\n\r\n    .contacto-hero {\r\n      text-align: center;\r\n      padding-block: clamp(4rem, 8vw, 7rem);\r\n      border-bottom: 1px solid rgba(247,244,239,0.12);\r\n    }\r\n\r\n    .contacto-hero .t-eyebrow {\r\n      color: rgba(247,244,239,0.5);\r\n      margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .contacto-hero .t-display {\r\n      color: var(--color-bg);\r\n      margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .contacto-hero .t-display em {\r\n      font-style: italic;\r\n      color: var(--color-accent);\r\n    }\r\n\r\n    .contacto-hero p {\r\n      color: rgba(247,244,239,0.65);\r\n      max-width: 46ch;\r\n      margin-inline: auto;\r\n      margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .contacto-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: clamp(2rem, 5vw, 5rem);\r\n      padding-block: clamp(3rem, 6vw, 5rem);\r\n    }\r\n\r\n    .contacto-info h3 {\r\n      font-family: var(--font-serif);\r\n      font-size: 1.5rem;\r\n      font-weight: 300;\r\n      color: var(--color-bg);\r\n      margin-bottom: 1.75rem;\r\n    }\r\n\r\n    .contacto-details {\r\n      display: grid;\r\n      gap: 1.25rem;\r\n    }\r\n\r\n    .contact-item {\r\n      display: flex;\r\n      gap: 1rem;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .contact-icon {\r\n      width: 38px;\r\n      height: 38px;\r\n      border-radius: 50%;\r\n      background: rgba(247,244,239,0.08);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n      color: var(--color-accent);\r\n    }\r\n\r\n    .contact-item-body {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .contact-item-label {\r\n      font-size: 0.65rem;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n      color: rgba(247,244,239,0.4);\r\n      margin-bottom: 0.2rem;\r\n    }\r\n\r\n    .contact-item-value {\r\n      font-size: 0.95rem;\r\n      color: rgba(247,244,239,0.85);\r\n    }\r\n\r\n    .contact-item-value a {\r\n      color: inherit;\r\n      transition: color var(--transition);\r\n    }\r\n\r\n    .contact-item-value a:hover { color: var(--color-bg); }\r\n\r\n    .horario-grid {\r\n      margin-top: 2rem;\r\n      padding-top: 1.5rem;\r\n      border-top: 1px solid rgba(247,244,239,0.1);\r\n    }\r\n\r\n    .horario-grid h4 {\r\n      font-size: 0.68rem;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n      color: rgba(247,244,239,0.4);\r\n      margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .horario-row {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      font-size: 0.88rem;\r\n      color: rgba(247,244,239,0.7);\r\n      padding-block: 0.35rem;\r\n      border-bottom: 1px solid rgba(247,244,239,0.06);\r\n    }\r\n\r\n    \/* Form *\/\r\n    .cita-form {\r\n      background: rgba(247,244,239,0.04);\r\n      border: 1px solid rgba(247,244,239,0.1);\r\n      border-radius: var(--radius-lg);\r\n      padding: 2.5rem;\r\n    }\r\n\r\n    .cita-form h3 {\r\n      font-family: var(--font-serif);\r\n      font-size: 1.5rem;\r\n      font-weight: 300;\r\n      color: var(--color-bg);\r\n      margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .cita-form p {\r\n      font-size: 0.85rem;\r\n      color: rgba(247,244,239,0.5);\r\n      margin-bottom: 1.75rem;\r\n    }\r\n\r\n    .form-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 1rem 1.5rem;\r\n    }\r\n\r\n    .form-group {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0.35rem;\r\n    }\r\n\r\n    .form-group.full { grid-column: 1 \/ -1; }\r\n\r\n    .form-group label {\r\n      font-size: 0.68rem;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      color: rgba(247,244,239,0.45);\r\n    }\r\n\r\n    .form-group input,\r\n    .form-group select,\r\n    .form-group textarea {\r\n      background: rgba(247,244,239,0.06);\r\n      border: 1px solid rgba(247,244,239,0.12);\r\n      border-radius: var(--radius-sm);\r\n      color: var(--color-bg);\r\n      font-family: var(--font-sans);\r\n      font-size: 0.9rem;\r\n      padding: 0.75rem 1rem;\r\n      transition: border-color var(--transition);\r\n      outline: none;\r\n    }\r\n\r\n    .form-group input::placeholder,\r\n    .form-group textarea::placeholder {\r\n      color: rgba(247,244,239,0.25);\r\n    }\r\n\r\n    .form-group select option {\r\n      background: var(--color-text);\r\n    }\r\n\r\n    .form-group input:focus,\r\n    .form-group select:focus,\r\n    .form-group textarea:focus {\r\n      border-color: var(--color-accent);\r\n    }\r\n\r\n    .form-group textarea { resize: vertical; min-height: 90px; }\r\n\r\n    .form-submit {\r\n      margin-top: 1.5rem;\r\n      width: 100%;\r\n      justify-content: center;\r\n      padding-block: 1rem;\r\n    }\r\n\r\n    \/* Map *\/\r\n    .map-wrapper {\r\n      margin-top: 3rem;\r\n      padding-top: 2.5rem;\r\n      border-top: 1px solid rgba(247,244,239,0.1);\r\n    }\r\n\r\n    .map-wrapper h4 {\r\n      font-size: 0.68rem;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n      color: rgba(247,244,239,0.4);\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .map-embed {\r\n      width: 100%;\r\n      aspect-ratio: 16\/7;\r\n      border-radius: var(--radius-md);\r\n      overflow: hidden;\r\n      filter: grayscale(30%) contrast(1.05);\r\n    }\r\n\r\n    .map-embed iframe {\r\n      width: 100%;\r\n      height: 100%;\r\n      border: none;\r\n    }\r\n\r\n    \/* ============================================================\r\n       10. FOOTER\r\n    ============================================================ *\/\r\n    #footer {\r\n      background: #1A1512;\r\n      color: rgba(247,244,239,0.5);\r\n      padding-block: 2.5rem;\r\n    }\r\n\r\n    .footer-inner {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      flex-wrap: wrap;\r\n      gap: 1.25rem;\r\n    }\r\n\r\n    .footer-logo img { height: 28px; opacity: 0.7; }\r\n\r\n    .footer-links {\r\n      display: flex;\r\n      gap: 1.5rem;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .footer-links a {\r\n      font-size: 0.72rem;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n      color: rgba(247,244,239,0.4);\r\n      transition: color var(--transition);\r\n    }\r\n\r\n    .footer-links a:hover { color: var(--color-bg); }\r\n\r\n    .footer-copy {\r\n      font-size: 0.72rem;\r\n    }\r\n\r\n    \/* ============================================================\r\n       WHATSAPP FLOAT\r\n    ============================================================ *\/\r\n    .wa-float {\r\n      position: fixed;\r\n      bottom: 2rem;\r\n      right: 2rem;\r\n      z-index: 90;\r\n      width: 54px;\r\n      height: 54px;\r\n      border-radius: 50%;\r\n      background: #25D366;\r\n      color: white;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      box-shadow: 0 4px 20px rgba(37,211,102,0.4);\r\n      transition: transform var(--transition), box-shadow var(--transition);\r\n    }\r\n\r\n    .wa-float:hover {\r\n      transform: scale(1.08);\r\n      box-shadow: 0 6px 28px rgba(37,211,102,0.5);\r\n    }\r\n\r\n    \/* ============================================================\r\n       LANGUAGE CONTENT TOGGLE  (ES \u00b7 EN \u00b7 FR \u00b7 DE)\r\n    ============================================================ *\/\r\n    [data-lang-en],[data-lang-fr],[data-lang-de],[data-lang-nl] { display: none; }\r\n    [data-lang-es] { display: block; }\r\n\r\n    html[data-lang=\"en\"] [data-lang-es],\r\n    html[data-lang=\"en\"] [data-lang-fr],\r\n    html[data-lang=\"en\"] [data-lang-de],\r\n    html[data-lang=\"en\"] [data-lang-nl] { display: none; }\r\n    html[data-lang=\"en\"] [data-lang-en] { display: block; }\r\n\r\n    html[data-lang=\"fr\"] [data-lang-es],\r\n    html[data-lang=\"fr\"] [data-lang-en],\r\n    html[data-lang=\"fr\"] [data-lang-de],\r\n    html[data-lang=\"fr\"] [data-lang-nl] { display: none; }\r\n    html[data-lang=\"fr\"] [data-lang-fr] { display: block; }\r\n\r\n    html[data-lang=\"de\"] [data-lang-es],\r\n    html[data-lang=\"de\"] [data-lang-en],\r\n    html[data-lang=\"de\"] [data-lang-fr],\r\n    html[data-lang=\"de\"] [data-lang-nl] { display: none; }\r\n    html[data-lang=\"de\"] [data-lang-de] { display: block; }\r\n\r\n    html[data-lang=\"nl\"] [data-lang-es],\r\n    html[data-lang=\"nl\"] [data-lang-en],\r\n    html[data-lang=\"nl\"] [data-lang-fr],\r\n    html[data-lang=\"nl\"] [data-lang-de] { display: none; }\r\n    html[data-lang=\"nl\"] [data-lang-nl] { display: block; }\r\n\r\n    \/* inline elements *\/\r\n    span[data-lang-en],span[data-lang-fr],span[data-lang-de],span[data-lang-nl] { display: none; }\r\n    span[data-lang-es] { display: inline; }\r\n\r\n    html[data-lang=\"en\"] span[data-lang-es],\r\n    html[data-lang=\"en\"] span[data-lang-fr],\r\n    html[data-lang=\"en\"] span[data-lang-de],\r\n    html[data-lang=\"en\"] span[data-lang-nl] { display: none; }\r\n    html[data-lang=\"en\"] span[data-lang-en] { display: inline; }\r\n\r\n    html[data-lang=\"fr\"] span[data-lang-es],\r\n    html[data-lang=\"fr\"] span[data-lang-en],\r\n    html[data-lang=\"fr\"] span[data-lang-de],\r\n    html[data-lang=\"fr\"] span[data-lang-nl] { display: none; }\r\n    html[data-lang=\"fr\"] span[data-lang-fr] { display: inline; }\r\n\r\n    html[data-lang=\"de\"] span[data-lang-es],\r\n    html[data-lang=\"de\"] span[data-lang-en],\r\n    html[data-lang=\"de\"] span[data-lang-fr],\r\n    html[data-lang=\"de\"] span[data-lang-nl] { display: none; }\r\n    html[data-lang=\"de\"] span[data-lang-de] { display: inline; }\r\n\r\n    html[data-lang=\"nl\"] span[data-lang-es],\r\n    html[data-lang=\"nl\"] span[data-lang-en],\r\n    html[data-lang=\"nl\"] span[data-lang-fr],\r\n    html[data-lang=\"nl\"] span[data-lang-de] { display: none; }\r\n    html[data-lang=\"nl\"] span[data-lang-nl] { display: inline; }\r\n\r\n    \/* ============================================================\r\n       RESPONSIVE \u2014 TABLET\r\n    ============================================================ *\/\r\n    @media (max-width: 1024px) {\r\n      #hero {\r\n        grid-template-columns: 1fr;\r\n        min-height: auto;\r\n      }\r\n\r\n      .hero-content {\r\n        padding: 5rem 1.5rem 3rem;\r\n      }\r\n\r\n      .hero-image {\r\n        aspect-ratio: 16\/9;\r\n        order: -1;\r\n      }\r\n\r\n      .oferta-inner,\r\n      .sobre-inner {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .oferta-image { aspect-ratio: 16\/9; }\r\n      .sobre-portrait-frame { aspect-ratio: 16\/9; }\r\n      .sobre-badge { display: none; }\r\n\r\n      .contacto-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .products-grid { grid-template-columns: repeat(2, 1fr); }\r\n      .servicios-grid { grid-template-columns: repeat(2, 1fr); }\r\n      .resenas-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    \/* ============================================================\r\n       RESPONSIVE \u2014 MOBILE\r\n    ============================================================ *\/\r\n    @media (max-width: 640px) {\r\n      .nav-links { display: none; }\r\n      .nav-socials { display: none; }\r\n      .nav-toggle { display: flex; }\r\n\r\n      .nav-links.open {\r\n        display: flex;\r\n        flex-direction: column;\r\n        position: fixed;\r\n        inset: 0;\r\n        top: var(--nav-height);\r\n        background: var(--color-bg);\r\n        padding: 2rem 1.5rem;\r\n        gap: 1.5rem;\r\n        z-index: 99;\r\n      }\r\n\r\n      .nav-links.open a {\r\n        font-size: 1.5rem;\r\n        font-family: var(--font-serif);\r\n        letter-spacing: 0;\r\n        text-transform: none;\r\n      }\r\n\r\n      .products-grid { grid-template-columns: 1fr; }\r\n      .servicios-grid { grid-template-columns: 1fr; }\r\n      .resenas-grid { grid-template-columns: 1fr; }\r\n\r\n      .hero-trust { flex-direction: column; gap: 1rem; }\r\n      .hero-ctas { flex-direction: column; }\r\n\r\n      .form-grid { grid-template-columns: 1fr; }\r\n\r\n      .footer-inner { flex-direction: column; align-items: flex-start; }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- ============================================================\r\n       WHATSAPP FLOAT\r\n  ============================================================ -->\r\n  <a href=\"https:\/\/wa.me\/34677635364\" class=\"wa-float\" aria-label=\"Contactar por WhatsApp\" target=\"_blank\" rel=\"noopener\">\r\n    <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n      <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n    <\/svg>\r\n  <\/a>\r\n\r\n  <!-- ============================================================\r\n       1. HEADER\r\n  ============================================================ -->\r\n  <header id=\"site-header\" role=\"banner\">\r\n    <div class=\"container\">\r\n      <nav class=\"nav-inner\" aria-label=\"Navegaci\u00f3n principal\">\r\n\r\n        <a href=\"#inicio\" class=\"nav-logo\" aria-label=\"Euro \u00d3ptica Alf\u00e0s \u2014 Inicio\">\r\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/logorojo.png\" alt=\"Euro \u00d3ptica Alf\u00e0s\" \/>\r\n        <\/a>\r\n\r\n        <ul class=\"nav-links\" id=\"nav-menu\" role=\"list\">\r\n          <li><a href=\"#inicio\"><span data-lang-es>Inicio<\/span><span data-lang-en>Home<\/span><span data-lang-fr>Accueil<\/span><span data-lang-de>Startseite<\/span><span data-lang-nl>Startpagina<\/span><\/a><\/li>\r\n          <li><a href=\"#servicios\"><span data-lang-es>Servicios<\/span><span data-lang-en>Services<\/span><span data-lang-fr>Services<\/span><span data-lang-de>Leistungen<\/span><span data-lang-nl>Diensten<\/span><\/a><\/li>\r\n          <li><a href=\"#productos\"><span data-lang-es>Productos<\/span><span data-lang-en>Products<\/span><span data-lang-fr>Produits<\/span><span data-lang-de>Produkte<\/span><span data-lang-nl>Producten<\/span><\/a><\/li>\r\n          <li><a href=\"#sobre\"><span data-lang-es>Sobre nosotros<\/span><span data-lang-en>About<\/span><span data-lang-fr>\u00c0 propos<\/span><span data-lang-de>\u00dcber uns<\/span><span data-lang-nl>Over ons<\/span><\/a><\/li>\r\n          <li><a href=\"#contacto\"><span data-lang-es>Contacto<\/span><span data-lang-en>Contact<\/span><span data-lang-fr>Contact<\/span><span data-lang-de>Kontakt<\/span><span data-lang-nl>Contact<\/span><\/a><\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"nav-right\">\r\n          <div class=\"nav-socials\" aria-label=\"Redes sociales\">\r\n            <a href=\"https:\/\/wa.me\/34677635364\" aria-label=\"WhatsApp\" target=\"_blank\" rel=\"noopener\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"https:\/\/www.instagram.com\/euroopticaalfas\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"https:\/\/www.facebook.com\/euroopticaalfas\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener\">\r\n              <svg width=\"16\" height=\"16\" 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          <\/div>\r\n\r\n          <div class=\"lang-switcher\" role=\"group\" aria-label=\"Seleccionar idioma\">\r\n            <button class=\"lang-btn active\" data-lang=\"es\" aria-label=\"Espa\u00f1ol\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/es_ES.png\" alt=\"ES\" \/>\r\n              ES\r\n            <\/button>\r\n            <span style=\"color:var(--color-sand-dark)\">\/<\/span>\r\n            <button class=\"lang-btn\" data-lang=\"en\" aria-label=\"English\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/en_US.png\" alt=\"EN\" \/>\r\n              EN\r\n            <\/button>\r\n            <span style=\"color:var(--color-sand-dark)\">\/<\/span>\r\n            <button class=\"lang-btn\" data-lang=\"fr\" aria-label=\"Fran\u00e7ais\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/fr_FR.png\" alt=\"FR\" \/> FR<\/button>\r\n            <span style=\"color:var(--color-sand-dark)\">\/<\/span>\r\n            <button class=\"lang-btn\" data-lang=\"de\" aria-label=\"Deutsch\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/de_DE.png\" alt=\"DE\" \/> DE<\/button>\r\n            <span style=\"color:var(--color-sand-dark)\">\/<\/span>\r\n            <button class=\"lang-btn\" data-lang=\"nl\" aria-label=\"Nederlands\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/nl_NL.png\" alt=\"NL\" \/> NL<\/button>\r\n          <\/div>\r\n\r\n          <a href=\"#cita\" class=\"btn btn-primary\" style=\"padding: 0.65rem 1.4rem; font-size:0.72rem;\">\r\n            <span data-lang-es>Pedir cita<\/span>\r\n            <span data-lang-en>Book appointment<\/span>\r\n            <span data-lang-fr>Rendez-vous<\/span>\r\n            <span data-lang-de>Termin buchen<\/span>\r\n            <span data-lang-nl>Afspraak maken<\/span>\r\n          <\/a>\r\n\r\n          <button class=\"nav-toggle\" id=\"nav-toggle\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\" aria-controls=\"nav-menu\">\r\n            <span><\/span><span><\/span><span><\/span>\r\n          <\/button>\r\n        <\/div>\r\n\r\n      <\/nav>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- ============================================================\r\n       2. HERO\r\n  ============================================================ -->\r\n  <section id=\"inicio\" aria-label=\"Portada\">\r\n    <div id=\"hero\">\r\n      <div class=\"hero-content\">\r\n        <div class=\"hero-eyebrow\">\r\n          <span class=\"t-eyebrow\">\r\n            <span data-lang-es>\u00b7 Tu \u00f3ptica de confianza en L'Alf\u00e0s del Pi \u00b7<\/span>\r\n            <span data-lang-en>\u00b7 Your trusted optician in L'Alf\u00e0s del Pi \u00b7<\/span>\r\n            <span data-lang-fr>\u00b7 Votre opticien de confiance \u00e0 L'Alf\u00e0s del Pi \u00b7<\/span>\r\n            <span data-lang-de>\u00b7 Ihr vertrauensvoller Optiker in L'Alf\u00e0s del Pi \u00b7<\/span>\r\n            <span data-lang-nl>\u00b7 Uw vertrouwde opticien in L'Alf\u00e0s del Pi \u00b7<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <h1 class=\"t-display hero-title reveal\">\r\n          <span data-lang-es>Tu visi\u00f3n,<br\/><em>en las mejores<\/em><br\/>manos<\/span>\r\n          <span data-lang-en>Your vision,<br\/><em>in the best<\/em><br\/>hands<\/span>\r\n          <span data-lang-fr>Votre vision,<br\/><em>entre les meilleures<\/em><br\/>mains<\/span>\r\n          <span data-lang-de>Ihre Sehkraft,<br\/><em>in den besten<\/em><br\/>H\u00e4nden<\/span>\r\n          <span data-lang-nl>Uw visie,<br\/><em>in de beste<\/em><br\/>handen<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"t-body hero-subtitle reveal reveal-delay-1\">\r\n          <span data-lang-es>M\u00e1s de 20 a\u00f1os cuidando la salud visual de las familias de L'Alf\u00e0s del Pi. Trato cercano, \u00faltima tecnolog\u00eda y precios al alcance de todos.<\/span>\r\n          <span data-lang-en>Over 20 years of caring for the visual health of families in L'Alf\u00e0s del Pi. Personal care, latest technology, and prices for everyone.<\/span>\r\n          <span data-lang-fr>Plus de 20 ans \u00e0 prendre soin de la sant\u00e9 visuelle des familles de L'Alf\u00e0s del Pi. Accueil chaleureux, derni\u00e8re technologie et prix accessibles \u00e0 tous.<\/span>\r\n          <span data-lang-de>Seit mehr als 20 Jahren k\u00fcmmern wir uns um die Sehgesundheit der Familien in L'Alf\u00e0s del Pi. Pers\u00f6nliche Betreuung, neueste Technologie und Preise f\u00fcr jeden.<\/span>\r\n          <span data-lang-nl>Meer dan 20 jaar zorg voor de gezichtsgezondheidszorg van families in L'Alf\u00e0s del Pi. Persoonlijke service, nieuwste technologie en betaalbare prijzen voor iedereen.<\/span>\r\n        <\/p>\r\n\r\n        <div class=\"hero-ctas reveal reveal-delay-2\">\r\n          <a href=\"#cita\" class=\"btn btn-primary\">\r\n            <span data-lang-es>Reservar mi cita<\/span>\r\n            <span data-lang-en>Book my appointment<\/span>\r\n            <span data-lang-fr>R\u00e9server mon rendez-vous<\/span>\r\n            <span data-lang-de>Meinen Termin buchen<\/span>\r\n            <span data-lang-nl>Mijn afspraak boeken<\/span>\r\n          <\/a>\r\n          <a href=\"#productos\" class=\"btn btn-ghost\">\r\n            <span data-lang-es>Descubrir monturas<\/span>\r\n            <span data-lang-en>Explore frames<\/span>\r\n            <span data-lang-fr>D\u00e9couvrir les montures<\/span>\r\n            <span data-lang-de>Brillen entdecken<\/span>\r\n            <span data-lang-nl>Brillen ontdekken<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"hero-trust reveal reveal-delay-3\">\r\n          <div class=\"trust-item\">\r\n            <strong>+20<\/strong>\r\n            <span data-lang-es>a\u00f1os de experiencia<\/span>\r\n            <span data-lang-en>years experience<\/span>\r\n            <span data-lang-fr>ans d'exp\u00e9rience<\/span>\r\n            <span data-lang-de>Jahre Erfahrung<\/span>\r\n            <span data-lang-nl>jaar ervaring<\/span>\r\n          <\/div>\r\n          <div class=\"trust-item\">\r\n            <strong>\r\n              <span data-lang-es>Visi\u00f3n<\/span>\r\n              <span data-lang-en>Children's<\/span>\r\n              <span data-lang-fr>Vision<\/span>\r\n              <span data-lang-de>Kinder<\/span>\r\n              <span data-lang-nl>Kinder<\/span>\r\n            <\/strong>\r\n            <span data-lang-es>infantil especializada<\/span>\r\n            <span data-lang-en>vision experts<\/span>\r\n            <span data-lang-fr>infantile sp\u00e9cialis\u00e9e<\/span>\r\n            <span data-lang-de>Sehspezialisten<\/span>\r\n            <span data-lang-nl>zichtspecialisten<\/span>\r\n          <\/div>\r\n          <div class=\"trust-item\">\r\n            <strong>\r\n              <span data-lang-es>Multi<\/span>\r\n              <span data-lang-en>Multi<\/span>\r\n              <span data-lang-fr>Multi<\/span>\r\n              <span data-lang-de>Meer<\/span>\r\n              <span data-lang-nl>Meer<\/span>\r\n            <\/strong>\r\n            <span data-lang-es>atenci\u00f3n ling\u00fc\u00edstica<\/span>\r\n            <span data-lang-en>lingual service<\/span>\r\n            <span data-lang-fr>lingue<\/span>\r\n            <span data-lang-de>sprachig<\/span>\r\n            <span data-lang-nl>talig<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-image\" role=\"img\" aria-label=\"Mujer con gafas en Euro \u00d3ptica Alf\u00e0s\">\r\n        <img decoding=\"async\"\r\n          src=\"\/wp-content\/uploads\/2026\/07\/hero-mujer-gafas-scaled.jpg\"\r\n          alt=\"Mujer feliz con gafas en Euro \u00d3ptica Alf\u00e0s\"\r\n          loading=\"eager\"\r\n          fetchpriority=\"high\"\r\n        \/>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       3. CLAIMS STRIP\r\n  ============================================================ -->\r\n  <section id=\"claims\" aria-label=\"Valores\">\r\n    <div class=\"container\">\r\n      <div class=\"claims-track\" aria-hidden=\"true\">\r\n        <div class=\"claims-item\"><span class=\"claims-dot\"><\/span><span data-lang-es>Trato familiar<\/span><span data-lang-en>Family care<\/span><span data-lang-fr>Accueil familial<\/span><span data-lang-de>Famili\u00e4re Betreuung<\/span><span data-lang-nl>Persoonlijke service<\/span><\/div>\r\n        <div class=\"claims-item\"><span class=\"claims-dot\"><\/span><span data-lang-es>\u00daltima tecnolog\u00eda<\/span><span data-lang-en>Latest technology<\/span><span data-lang-fr>Derni\u00e8re technologie<\/span><span data-lang-de>Neueste Technologie<\/span><span data-lang-nl>Nieuwste technologie<\/span><\/div>\r\n        <div class=\"claims-item\"><span class=\"claims-dot\"><\/span><span data-lang-es>Especialistas en visi\u00f3n infantil<\/span><span data-lang-en>Children's vision specialists<\/span><span data-lang-fr>Sp\u00e9cialistes vision infantile<\/span><span data-lang-de>Kindersehspezialisten<\/span><span data-lang-nl>Specialisten kinderzicht<\/span><\/div>\r\n        <div class=\"claims-item\"><span class=\"claims-dot\"><\/span><span data-lang-es>Atenci\u00f3n multiling\u00fce<\/span><span data-lang-en>Multilingual service<\/span><span data-lang-fr>Service multilingue<\/span><span data-lang-de>Mehrsprachiger Service<\/span><span data-lang-nl>Meertalige service<\/span><\/div>\r\n        <div class=\"claims-item\"><span class=\"claims-dot\"><\/span><span data-lang-es>M\u00e1s de 20 a\u00f1os de experiencia<\/span><span data-lang-en>Over 20 years experience<\/span><span data-lang-fr>Plus de 20 ans d'exp\u00e9rience<\/span><span data-lang-de>\u00dcber 20 Jahre Erfahrung<\/span><span data-lang-nl>Meer dan 20 jaar ervaring<\/span><\/div>\r\n        <div class=\"claims-item\"><span class=\"claims-dot\"><\/span><span data-lang-es>Monturas desde 39\u20ac<\/span><span data-lang-en>Frames from \u20ac39<\/span><span data-lang-fr>Montures d\u00e8s 39\u20ac<\/span><span data-lang-de>Brillen ab 39\u20ac<\/span><span data-lang-nl>Brillen vanaf 39\u20ac<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       4. PRODUCTOS\r\n  ============================================================ -->\r\n  <section id=\"productos\" class=\"section-pad\" aria-labelledby=\"productos-title\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header reveal\">\r\n        <p class=\"t-eyebrow\">\r\n          <span data-lang-es>\u00b7 Nuestra selecci\u00f3n \u00b7<\/span>\r\n          <span data-lang-en>\u00b7 Our selection \u00b7<\/span>\r\n          <span data-lang-fr>\u00b7 Notre s\u00e9lection \u00b7<\/span>\r\n          <span data-lang-de>\u00b7 Unsere Auswahl \u00b7<\/span>\r\n          <span data-lang-nl>\u00b7 Onze selectie \u00b7<\/span>\r\n        <\/p>\r\n        <h2 class=\"t-heading\" id=\"productos-title\">\r\n          <span data-lang-es>Productos<\/span>\r\n          <span data-lang-en>Products<\/span>\r\n          <span data-lang-fr>Produits<\/span>\r\n          <span data-lang-de>Produkte<\/span>\r\n          <span data-lang-nl>Producten<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"products-grid\">\r\n\r\n        <!-- Monturas -->\r\n        <article class=\"product-card reveal\">\r\n          <div class=\"product-card-image\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/montura-1-300x300-1.jpg\" alt=\"Monturas para adulto en Euro \u00d3ptica Alf\u00e0s\" loading=\"lazy\" \/>\r\n          <\/div>\r\n          <div class=\"product-card-body\">\r\n            <p class=\"product-card-tag\">\r\n              <span data-lang-es>Colecci\u00f3n<\/span>\r\n              <span data-lang-en>Collection<\/span>\r\n              <span data-lang-fr>Collection<\/span>\r\n              <span data-lang-de>Kollektion<\/span>\r\n              <span data-lang-nl>Collectie<\/span>\r\n            <\/p>\r\n            <h3 class=\"product-card-title\">\r\n              <span data-lang-es>Monturas<\/span>\r\n              <span data-lang-en>Frames<\/span>\r\n              <span data-lang-fr>Montures<\/span>\r\n              <span data-lang-de>Brillenfassungen<\/span>\r\n              <span data-lang-nl>Brillenmonturen<\/span>\r\n            <\/h3>\r\n            <p class=\"product-card-desc\">\r\n              <span data-lang-es>Gran variedad de marcas y estilos para cada personalidad.<\/span>\r\n              <span data-lang-en>Wide variety of brands and styles for every personality.<\/span>\r\n              <span data-lang-fr>Grande vari\u00e9t\u00e9 de marques et styles pour chaque personnalit\u00e9.<\/span>\r\n              <span data-lang-de>Gro\u00dfe Auswahl an Marken und Stilen f\u00fcr jede Pers\u00f6nlichkeit.<\/span>\r\n              <span data-lang-nl>Grote verscheidenheid aan merken en stijlen voor elke persoonlijkheid.<\/span>\r\n            <\/p>\r\n            <p class=\"product-card-price\">\r\n              <span data-lang-es>Desde 39\u20ac<\/span>\r\n              <span data-lang-en>From \u20ac39<\/span>\r\n              <span data-lang-fr>D\u00e8s 39\u20ac<\/span>\r\n              <span data-lang-de>Ab 39\u20ac<\/span>\r\n              <span data-lang-nl>Vanaf 39\u20ac<\/span>\r\n            <\/p>\r\n            <a href=\"#cita\" class=\"product-card-cta\">\r\n              <span data-lang-es>Explorar<\/span>\r\n              <span data-lang-en>Explore<\/span>\r\n              <span data-lang-fr>Explorer<\/span>\r\n              <span data-lang-de>Entdecken<\/span>\r\n              <span data-lang-nl>Ontdekken<\/span>\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Gafas de ni\u00f1os -->\r\n        <article class=\"product-card reveal reveal-delay-1\">\r\n          <div class=\"product-card-image\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/gafas-de-ninos-en-eurooptica-alfas-768x576-1.png\" alt=\"Gafas infantiles en Euro \u00d3ptica Alf\u00e0s\" loading=\"lazy\" \/>\r\n          <\/div>\r\n          <div class=\"product-card-body\">\r\n            <p class=\"product-card-tag\">\r\n              <span data-lang-es>Infantil<\/span>\r\n              <span data-lang-en>Children<\/span>\r\n              <span data-lang-fr>Enfants<\/span>\r\n              <span data-lang-de>Kinder<\/span>\r\n              <span data-lang-nl>Kinderen<\/span>\r\n            <\/p>\r\n            <h3 class=\"product-card-title\">\r\n              <span data-lang-es>Gafas de ni\u00f1os<\/span>\r\n              <span data-lang-en>Children's glasses<\/span>\r\n              <span data-lang-fr>Lunettes pour enfants<\/span>\r\n              <span data-lang-de>Kinderbrillen<\/span>\r\n              <span data-lang-nl>Kinderbrillen<\/span>\r\n            <\/h3>\r\n            <p class=\"product-card-desc\">\r\n              <span data-lang-es>Especialistas en visi\u00f3n infantil. Marcos resistentes y divertidos para los m\u00e1s peque\u00f1os.<\/span>\r\n              <span data-lang-en>Children's vision specialists. Durable, fun frames for the little ones.<\/span>\r\n              <span data-lang-fr>Sp\u00e9cialistes en vision infantile. Montures r\u00e9sistantes et amusantes pour les plus petits.<\/span>\r\n              <span data-lang-de>Kindersehspezialisten. Robuste und lustige Fassungen f\u00fcr die Kleinen.<\/span>\r\n              <span data-lang-nl>Specialisten kinderzicht. Stevige en leuke monturen voor de kleintjes.<\/span>\r\n            <\/p>\r\n            <p class=\"product-card-price\">\r\n              <span data-lang-es>Descuentos exclusivos<\/span>\r\n              <span data-lang-en>Exclusive discounts<\/span>\r\n              <span data-lang-fr>Remises exclusives<\/span>\r\n              <span data-lang-de>Exklusive Rabatte<\/span>\r\n              <span data-lang-nl>Exclusieve kortingen<\/span>\r\n            <\/p>\r\n            <a href=\"#cita\" class=\"product-card-cta\">\r\n              <span data-lang-es>Explorar<\/span>\r\n              <span data-lang-en>Explore<\/span>\r\n              <span data-lang-fr>Explorer<\/span>\r\n              <span data-lang-de>Entdecken<\/span>\r\n              <span data-lang-nl>Ontdekken<\/span>\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Lentes de contacto -->\r\n        <article class=\"product-card reveal reveal-delay-2\">\r\n          <div class=\"product-card-image\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/lentes-de-contacto-en-eurooptica-alfas-del-pi.png\" alt=\"Lentes de contacto en Euro \u00d3ptica Alf\u00e0s\" loading=\"lazy\" \/>\r\n          <\/div>\r\n          <div class=\"product-card-body\">\r\n            <p class=\"product-card-tag\">\r\n              <span data-lang-es>Contactolog\u00eda<\/span>\r\n              <span data-lang-en>Contact lenses<\/span>\r\n              <span data-lang-fr>Contactologie<\/span>\r\n              <span data-lang-de>Kontaktlinsen<\/span>\r\n              <span data-lang-nl>Contactlenzen<\/span>\r\n            <\/p>\r\n            <h3 class=\"product-card-title\">\r\n              <span data-lang-es>Lentes de contacto<\/span>\r\n              <span data-lang-en>Contact lenses<\/span>\r\n              <span data-lang-fr>Lentilles de contact<\/span>\r\n              <span data-lang-de>Kontaktlinsen<\/span>\r\n              <span data-lang-nl>Contactlenzen<\/span>\r\n            <\/h3>\r\n            <p class=\"product-card-desc\">\r\n              <span data-lang-es>Diarias, mensuales, de fantas\u00eda, permeables al gas. Adaptaci\u00f3n personalizada en gabinete.<\/span>\r\n              <span data-lang-en>Daily, monthly, cosmetic, gas-permeable. Personalised fitting in cabinet.<\/span>\r\n              <span data-lang-fr>Journali\u00e8res, mensuelles, fantaisie, perm\u00e9ables aux gaz. Adaptation personnalis\u00e9e en cabinet.<\/span>\r\n              <span data-lang-de>Tages-, Monats-, Farb- und gasdurchl\u00e4ssige Linsen. Pers\u00f6nliche Anpassung im Kabinett.<\/span>\r\n              <span data-lang-nl>Dag-, maand-, gekleurde en gasdoorlatende lenzen. Persoonlijke aanpassing in de spreekkamer.<\/span>\r\n            <\/p>\r\n            <a href=\"#cita\" class=\"product-card-cta\">\r\n              <span data-lang-es>Consultar<\/span>\r\n              <span data-lang-en>Enquire<\/span>\r\n              <span data-lang-fr>Consulter<\/span>\r\n              <span data-lang-de>Anfragen<\/span>\r\n              <span data-lang-nl>Informeren<\/span>\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Accesorios -->\r\n        <article class=\"product-card reveal\">\r\n          <div class=\"product-card-image\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/accesorios-de-gafas-en-eurooptica-alfas-del-pi.png\" alt=\"Accesorios para gafas en Euro \u00d3ptica Alf\u00e0s\" loading=\"lazy\" \/>\r\n          <\/div>\r\n          <div class=\"product-card-body\">\r\n            <p class=\"product-card-tag\">\r\n              <span data-lang-es>Complementos<\/span>\r\n              <span data-lang-en>Accessories<\/span>\r\n              <span data-lang-fr>Accessoires<\/span>\r\n              <span data-lang-de>Zubeh\u00f6r<\/span>\r\n              <span data-lang-nl>Accessoires<\/span>\r\n            <\/p>\r\n            <h3 class=\"product-card-title\">\r\n              <span data-lang-es>Accesorios<\/span>\r\n              <span data-lang-en>Accessories<\/span>\r\n              <span data-lang-fr>Accessoires<\/span>\r\n              <span data-lang-de>Zubeh\u00f6r<\/span>\r\n              <span data-lang-nl>Accessoires<\/span>\r\n            <\/h3>\r\n            <p class=\"product-card-desc\">\r\n              <span data-lang-es>Cordones, cadenitas, suplementos de sol, limpiadores y estuches para cuidar tus gafas.<\/span>\r\n              <span data-lang-en>Cords, chains, clip-on sunglasses, cleaners and cases to care for your glasses.<\/span>\r\n              <span data-lang-fr>Cordons, cha\u00eenettes, clips soleil, nettoyants et \u00e9tuis pour vos lunettes.<\/span>\r\n              <span data-lang-de>Schn\u00fcre, Ketten, Clip-ons, Reinigungsmittel und Etuis f\u00fcr Ihre Brille.<\/span>\r\n              <span data-lang-nl>Koordjes, kettinkjes, clip-ons, schoonmaakmiddelen en etuis voor uw bril.<\/span>\r\n            <\/p>\r\n            <a href=\"#cita\" class=\"product-card-cta\">\r\n              <span data-lang-es>Ver m\u00e1s<\/span>\r\n              <span data-lang-en>See more<\/span>\r\n              <span data-lang-fr>Voir plus<\/span>\r\n              <span data-lang-de>Mehr sehen<\/span>\r\n              <span data-lang-nl>Meer zien<\/span>\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Baja visi\u00f3n \/ Lupas -->\r\n        <article class=\"product-card reveal reveal-delay-1\">\r\n          <div class=\"product-card-image\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/lentes-de-contacto-en-eurooptica-alfas-del-pi-1.png\" alt=\"Productos de baja visi\u00f3n en Euro \u00d3ptica Alf\u00e0s\" loading=\"lazy\" \/>\r\n          <\/div>\r\n          <div class=\"product-card-body\">\r\n            <p class=\"product-card-tag\">\r\n              <span data-lang-es>Baja visi\u00f3n<\/span>\r\n              <span data-lang-en>Low vision<\/span>\r\n              <span data-lang-fr>Basse vision<\/span>\r\n              <span data-lang-de>Sehschw\u00e4che<\/span>\r\n              <span data-lang-nl>Slechtziendheid<\/span>\r\n            <\/p>\r\n            <h3 class=\"product-card-title\">\r\n              <span data-lang-es>Ayudas \u00f3pticas<\/span>\r\n              <span data-lang-en>Visual aids<\/span>\r\n              <span data-lang-fr>Aides optiques<\/span>\r\n              <span data-lang-de>Sehhilfen<\/span>\r\n              <span data-lang-nl>Visuele hulpmiddelen<\/span>\r\n            <\/h3>\r\n            <p class=\"product-card-desc\">\r\n              <span data-lang-es>Lupas de distintos aumentos y tama\u00f1os para mejorar la calidad de vida.<\/span>\r\n              <span data-lang-en>Magnifiers of various powers and sizes to improve quality of life.<\/span>\r\n              <span data-lang-fr>Loupes de diff\u00e9rentes puissances et tailles pour am\u00e9liorer la qualit\u00e9 de vie.<\/span>\r\n              <span data-lang-de>Lupen verschiedener St\u00e4rken und Gr\u00f6\u00dfen zur Verbesserung der Lebensqualit\u00e4t.<\/span>\r\n              <span data-lang-nl>Vergrootglazen van verschillende sterktes en maten voor een betere levenskwaliteit.<\/span>\r\n            <\/p>\r\n            <a href=\"#cita\" class=\"product-card-cta\">\r\n              <span data-lang-es>Consultar<\/span>\r\n              <span data-lang-en>Enquire<\/span>\r\n              <span data-lang-fr>Consulter<\/span>\r\n              <span data-lang-de>Anfragen<\/span>\r\n              <span data-lang-nl>Informeren<\/span>\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Instrumentos meteorol\u00f3gicos -->\r\n        <article class=\"product-card reveal reveal-delay-2\">\r\n          <div class=\"product-card-image\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/termometros-en-eurooptica-alfas-del-pi.png\" alt=\"Instrumentos meteorol\u00f3gicos en Euro \u00d3ptica Alf\u00e0s\" loading=\"lazy\" \/>\r\n          <\/div>\r\n          <div class=\"product-card-body\">\r\n            <p class=\"product-card-tag\">\r\n              <span data-lang-es>Curiosidad de la casa<\/span>\r\n              <span data-lang-en>Our special corner<\/span>\r\n              <span data-lang-fr>Notre curiosit\u00e9 maison<\/span>\r\n              <span data-lang-de>Unsere Besonderheit<\/span>\r\n              <span data-lang-nl>Onze specialiteit<\/span>\r\n            <\/p>\r\n            <h3 class=\"product-card-title\">\r\n              <span data-lang-es>Instrumentos meteorol\u00f3gicos<\/span>\r\n              <span data-lang-en>Weather instruments<\/span>\r\n              <span data-lang-fr>Instruments m\u00e9t\u00e9orologiques<\/span>\r\n              <span data-lang-de>Meteorologische Instrumente<\/span>\r\n              <span data-lang-nl>Meteorologische instrumenten<\/span>\r\n            <\/h3>\r\n            <p class=\"product-card-desc\">\r\n              <span data-lang-es>Term\u00f3metros, estaciones meteorol\u00f3gicas y bar\u00f3metros. Un capricho para los amantes de la meteorolog\u00eda.<\/span>\r\n              <span data-lang-en>Thermometers, weather stations and barometers. A treat for weather enthusiasts.<\/span>\r\n              <span data-lang-fr>Thermom\u00e8tres, stations m\u00e9t\u00e9o et barom\u00e8tres. Un plaisir pour les amateurs de m\u00e9t\u00e9orologie.<\/span>\r\n              <span data-lang-de>Thermometer, Wetterstationen und Barometer. Ein Genuss f\u00fcr Wetterbegeisterte.<\/span>\r\n              <span data-lang-nl>Thermometers, weerstations en barometers. Een plezier voor weerliefhebbers.<\/span>\r\n            <\/p>\r\n            <a href=\"#contacto\" class=\"product-card-cta\">\r\n              <span data-lang-es>Preguntar<\/span>\r\n              <span data-lang-en>Ask us<\/span>\r\n              <span data-lang-fr>Demandez-nous<\/span>\r\n              <span data-lang-de>Anfragen<\/span>\r\n              <span data-lang-nl>Informeren<\/span>\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       5. OFERTA DESTACADA\r\n  ============================================================ -->\r\n  <section id=\"oferta\" class=\"section-pad\" aria-labelledby=\"oferta-title\">\r\n    <div class=\"container\">\r\n      <div class=\"oferta-inner\">\r\n        <div class=\"reveal\">\r\n          <span class=\"oferta-label\">\r\n            <span data-lang-es>\u00b7 Edici\u00f3n especial \u00b7<\/span>\r\n            <span data-lang-en>\u00b7 Special edition \u00b7<\/span>\r\n            <span data-lang-fr>\u00b7 \u00c9dition sp\u00e9ciale \u00b7<\/span>\r\n            <span data-lang-de>\u00b7 Sonderangebot \u00b7<\/span>\r\n            <span data-lang-nl>\u00b7 Speciale editie \u00b7<\/span>\r\n          <\/span>\r\n          <h2 class=\"t-heading\" id=\"oferta-title\">\r\n            <span data-lang-es>Cambia de imagen.<br\/>Sin sorpresas en el precio.<\/span>\r\n            <span data-lang-en>Change your look.<br\/>No price surprises.<\/span>\r\n            <span data-lang-fr>Changez de look.<br\/>Sans surprises de prix.<\/span>\r\n            <span data-lang-de>Neuer Look.<br\/>Keine Preis\u00fcberraschungen.<\/span>\r\n            <span data-lang-nl>Nieuwe look.<br\/>Geen prijsverrassingen.<\/span>\r\n          <\/h2>\r\n          <p class=\"t-body\" style=\"margin-top:1rem; max-width:44ch;\">\r\n            <span data-lang-es>Precios honestos y transparentes. Tu nueva montura, completa y lista para usar.<\/span>\r\n            <span data-lang-en>Honest, transparent prices. Your new frames, complete and ready to wear.<\/span>\r\n            <span data-lang-fr>Prix honn\u00eates et transparents. Vos nouvelles montures, compl\u00e8tes et pr\u00eates \u00e0 porter.<\/span>\r\n            <span data-lang-de>Ehrliche und transparente Preise. Ihre neue Fassung, komplett und sofort tragbar.<\/span>\r\n            <span data-lang-nl>Eerlijke en transparante prijzen. Uw nieuwe bril, compleet en direct te dragen.<\/span>\r\n          <\/p>\r\n\r\n          <div class=\"oferta-pricing\" role=\"list\">\r\n            <div class=\"precio-row\" role=\"listitem\">\r\n              <p class=\"precio-desc\">\r\n                <strong data-lang-es>Gafa completa adulto<\/strong>\r\n                <strong data-lang-en>Complete adult glasses<\/strong>\r\n                <strong data-lang-fr>Lunettes compl\u00e8tes adulte<\/strong>\r\n                <strong data-lang-de>Komplette Erwachsenenbrille<\/strong>\r\n                <strong data-lang-nl>Complete volwassenenbril<\/strong>\r\n                <br\/>\r\n                <small style=\"font-size:0.78rem; color:var(--color-text-muted);\">\r\n                  <span data-lang-es>Montura + lentes monofocales<\/span>\r\n                  <span data-lang-en>Frame + single vision lenses<\/span>\r\n                  <span data-lang-fr>Monture + verres unifocaux<\/span>\r\n                  <span data-lang-de>Fassung + Einst\u00e4rkengl\u00e4ser<\/span>\r\n                  <span data-lang-nl>Montuur + enkelvoudige glazen<\/span>\r\n                <\/small>\r\n              <\/p>\r\n              <span class=\"precio-val\">49\u20ac<\/span>\r\n            <\/div>\r\n            <div class=\"precio-row\" role=\"listitem\">\r\n              <p class=\"precio-desc\">\r\n                <strong data-lang-es>Con antirreflejante + filtro luz azul<\/strong>\r\n                <strong data-lang-en>Anti-reflective + blue light filter<\/strong>\r\n                <strong data-lang-fr>Avec antireflet + filtre lumi\u00e8re bleue<\/strong>\r\n                <strong data-lang-de>Mit Entspiegelung + Blaulichtfilter<\/strong>\r\n                <strong data-lang-nl>Met antireflectie + blauwlichtfilter<\/strong>\r\n              <\/p>\r\n              <span class=\"precio-val\">89\u20ac<\/span>\r\n            <\/div>\r\n            <div class=\"precio-row\" role=\"listitem\">\r\n              <p class=\"precio-desc\">\r\n                <strong data-lang-es>Gafa progresiva completa<\/strong>\r\n                <strong data-lang-en>Complete progressive glasses<\/strong>\r\n                <strong data-lang-fr>Lunettes progressives compl\u00e8tes<\/strong>\r\n                <strong data-lang-de>Komplette Gleitsichtbrille<\/strong>\r\n                <strong data-lang-nl>Complete multifocalebril<\/strong>\r\n              <\/p>\r\n              <span class=\"precio-val\">129\u20ac<\/span>\r\n            <\/div>\r\n            <div class=\"precio-row\" role=\"listitem\">\r\n              <p class=\"precio-desc\">\r\n                <strong data-lang-es>Gafa completa ni\u00f1o\/a<\/strong>\r\n                <strong data-lang-en>Complete children's glasses<\/strong>\r\n                <strong data-lang-fr>Lunettes compl\u00e8tes enfant<\/strong>\r\n                <strong data-lang-de>Komplette Kinderbrille<\/strong>\r\n                <strong data-lang-nl>Complete kinderbril<\/strong>\r\n              <\/p>\r\n              <span class=\"precio-val\">49\u20ac<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <a href=\"#cita\" class=\"btn btn-primary\" style=\"margin-top:2rem;\">\r\n            <span data-lang-es>Cambia de imagen \u2192 Pedir cita<\/span>\r\n            <span data-lang-en>Change your look \u2192 Book now<\/span>\r\n            <span data-lang-fr>Changer de look \u2192 Rendez-vous<\/span>\r\n            <span data-lang-de>Neuer Look \u2192 Termin buchen<\/span>\r\n            <span data-lang-nl>Nieuwe look \u2192 Afspraak maken<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"oferta-image reveal reveal-delay-2\">\r\n          <img decoding=\"async\"\r\n            src=\"\/wp-content\/uploads\/2026\/07\/4fa3afb8-740c-4d41-aaba-6e41767fd2ce-768x970-1.jpg\"\r\n            alt=\"Selecci\u00f3n de monturas en Euro \u00d3ptica Alf\u00e0s\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       6. SERVICIOS\r\n  ============================================================ -->\r\n  <section id=\"servicios\" class=\"section-pad\" aria-labelledby=\"servicios-title\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header reveal\">\r\n        <p class=\"t-eyebrow\">\r\n          <span data-lang-es>\u00b7 Lo que hacemos \u00b7<\/span>\r\n          <span data-lang-en>\u00b7 What we do \u00b7<\/span>\r\n          <span data-lang-fr>\u00b7 Ce que nous faisons \u00b7<\/span>\r\n          <span data-lang-de>\u00b7 Was wir tun \u00b7<\/span>\r\n          <span data-lang-nl>\u00b7 Wat wij doen \u00b7<\/span>\r\n        <\/p>\r\n        <h2 class=\"t-heading\" id=\"servicios-title\">\r\n          <span data-lang-es>Servicios<\/span>\r\n          <span data-lang-en>Services<\/span>\r\n          <span data-lang-fr>Services<\/span>\r\n          <span data-lang-de>Leistungen<\/span>\r\n          <span data-lang-nl>Diensten<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"servicios-grid\">\r\n\r\n        <article class=\"servicio-card reveal\">\r\n          <div class=\"servicio-card-image\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/examen-ocular-en-eurooptica-alfas-del-pi-768x576-1.png\" alt=\"Examen ocular y optometr\u00eda en Euro \u00d3ptica Alf\u00e0s\" loading=\"lazy\" \/>\r\n          <\/div>\r\n          <div class=\"servicio-card-body\">\r\n            <p class=\"servicio-number\">01<\/p>\r\n            <h3 class=\"servicio-title\">\r\n              <span data-lang-es>Examen ocular & Optometr\u00eda<\/span>\r\n              <span data-lang-en>Eye exam & Optometry<\/span>\r\n              <span data-lang-fr>Examen oculaire & Optom\u00e9trie<\/span>\r\n              <span data-lang-de>Augenuntersuchung & Optometrie<\/span>\r\n              <span data-lang-nl>Oogonderzoek & Optometrie<\/span>\r\n            <\/h3>\r\n            <p class=\"servicio-desc\">\r\n              <span data-lang-es>Revisi\u00f3n completa con toma de tensi\u00f3n ocular y exploraci\u00f3n de fondo de ojo. Tecnolog\u00eda de \u00faltima generaci\u00f3n para cuidar tu salud visual.<\/span>\r\n              <span data-lang-en>Full examination including intraocular pressure and fundus examination. Latest technology to protect your visual health.<\/span>\r\n              <span data-lang-fr>Bilan complet avec prise de tension oculaire et exploration du fond d'\u0153il. Technologie de derni\u00e8re g\u00e9n\u00e9ration pour pr\u00e9server votre sant\u00e9 visuelle.<\/span>\r\n              <span data-lang-de>Vollst\u00e4ndige Untersuchung mit Augendruckmessung und Funduspr\u00fcfung. Modernste Technologie zum Schutz Ihrer Sehgesundheit.<\/span>\r\n              <span data-lang-nl>Volledig onderzoek met oogdrukmeting en fundusonderzoek. Nieuwste technologie voor de bescherming van uw gezichtsgezondheidszorg.<\/span>\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"servicio-card reveal reveal-delay-1\">\r\n          <div class=\"servicio-card-image\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/vision-ocular-ninos-en-eurooptica-alfas-del-pi.png\" alt=\"Visi\u00f3n infantil en Euro \u00d3ptica Alf\u00e0s\" loading=\"lazy\" \/>\r\n          <\/div>\r\n          <div class=\"servicio-card-body\">\r\n            <p class=\"servicio-number\">02<\/p>\r\n            <h3 class=\"servicio-title\">\r\n              <span data-lang-es>Visi\u00f3n infantil<\/span>\r\n              <span data-lang-en>Children's vision<\/span>\r\n              <span data-lang-fr>Vision infantile<\/span>\r\n              <span data-lang-de>Kindersehen<\/span>\r\n              <span data-lang-nl>Kinderzicht<\/span>\r\n            <\/h3>\r\n            <p class=\"servicio-desc\">\r\n              <span data-lang-es>Ni\u00f1os de 3 a 12 a\u00f1os: descuentos exclusivos y exploraci\u00f3n ocular gratuita. Detectar a tiempo los problemas visuales marca la diferencia.<\/span>\r\n              <span data-lang-en>Children aged 3\u201312: exclusive discounts and free eye examination. Early detection of visual problems makes all the difference.<\/span>\r\n              <span data-lang-fr>Enfants de 3 \u00e0 12 ans : remises exclusives et examen oculaire gratuit. D\u00e9tecter \u00e0 temps les probl\u00e8mes visuels fait toute la diff\u00e9rence.<\/span>\r\n              <span data-lang-de>Kinder von 3 bis 12 Jahren: exklusive Rabatte und kostenlose Augenuntersuchung. Die fr\u00fchzeitige Erkennung von Sehproblemen macht den Unterschied.<\/span>\r\n              <span data-lang-nl>Kinderen van 3 tot 12 jaar: exclusieve kortingen en gratis oogonderzoek. Vroegtijdige opsporing van zichtproblemen maakt het verschil.<\/span>\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"servicio-card reveal reveal-delay-2\">\r\n          <div class=\"servicio-card-image\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/lentes-de-contacto-en-eurooptica-alfas-del-pi-1.png\" alt=\"Adaptaci\u00f3n de lentes de contacto en Euro \u00d3ptica Alf\u00e0s\" loading=\"lazy\" \/>\r\n          <\/div>\r\n          <div class=\"servicio-card-body\">\r\n            <p class=\"servicio-number\">03<\/p>\r\n            <h3 class=\"servicio-title\">\r\n              <span data-lang-es>Lentes de contacto<\/span>\r\n              <span data-lang-en>Contact lenses<\/span>\r\n              <span data-lang-fr>Lentilles de contact<\/span>\r\n              <span data-lang-de>Kontaktlinsen<\/span>\r\n              <span data-lang-nl>Contactlenzen<\/span>\r\n            <\/h3>\r\n            <p class=\"servicio-desc\">\r\n              <span data-lang-es>Adaptaci\u00f3n personalizada en gabinete. Diarias, mensuales, de fantas\u00eda y permeables al gas. Encontramos la lente perfecta para ti.<\/span>\r\n              <span data-lang-en>Personalised fitting in our consultation room. Daily, monthly, cosmetic and gas-permeable. We find the perfect lens for you.<\/span>\r\n              <span data-lang-fr>Adaptation personnalis\u00e9e en cabinet. Journali\u00e8res, mensuelles, fantaisie et perm\u00e9ables aux gaz. Nous trouvons la lentille parfaite pour vous.<\/span>\r\n              <span data-lang-de>Pers\u00f6nliche Anpassung im Kabinett. Tages-, Monats-, Farb- und gasdurchl\u00e4ssige Linsen. Wir finden die perfekte Linse f\u00fcr Sie.<\/span>\r\n              <span data-lang-nl>Persoonlijke aanpassing in de spreekkamer. Dag-, maand-, gekleurde en gasdoorlatende lenzen. Wij vinden de perfecte lens voor u.<\/span>\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n      <div style=\"text-align:center; margin-top:2.5rem;\" class=\"reveal\">\r\n        <a href=\"#contacto\" class=\"btn btn-ghost\">\r\n          <span data-lang-es>Consultar todos los servicios<\/span>\r\n          <span data-lang-en>All services enquiry<\/span>\r\n          <span data-lang-fr>Consulter tous nos services<\/span>\r\n          <span data-lang-de>Alle Leistungen anfragen<\/span>\r\n          <span data-lang-nl>Alle diensten informeren<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       7. SOBRE NOSOTROS \/ ROBERTA\r\n  ============================================================ -->\r\n  <section id=\"sobre\" class=\"section-pad\" aria-labelledby=\"sobre-title\">\r\n    <div class=\"container\">\r\n      <div class=\"sobre-inner\">\r\n\r\n        <div class=\"sobre-portrait reveal\">\r\n          <div class=\"sobre-portrait-frame\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/roberta.jpg\" alt=\"Roberta, \u00f3ptica-optometrista y fundadora de Euro \u00d3ptica Alf\u00e0s\" loading=\"lazy\" \/>\r\n          <\/div>\r\n          <div class=\"sobre-badge\" aria-label=\"M\u00e1s de 20 a\u00f1os de experiencia\">\r\n            <strong>+20<\/strong>\r\n            <span>a\u00f1os de<br\/>experiencia<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sobre-content reveal reveal-delay-1\">\r\n          <p class=\"t-eyebrow\">\r\n            <span data-lang-es>\u00b7 Sobre nosotros \u00b7<\/span>\r\n            <span data-lang-en>\u00b7 About us \u00b7<\/span>\r\n            <span data-lang-fr>\u00b7 \u00c0 propos de nous \u00b7<\/span>\r\n            <span data-lang-de>\u00b7 \u00dcber uns \u00b7<\/span>\r\n            <span data-lang-nl>\u00b7 Over ons \u00b7<\/span>\r\n          <\/p>\r\n          <h2 class=\"t-heading\" id=\"sobre-title\" style=\"margin-block:1rem 1.5rem;\">\r\n            <span data-lang-es>Hola, soy Roberta<\/span>\r\n            <span data-lang-en>Hi, I'm Roberta<\/span>\r\n            <span data-lang-fr>Bonjour, je suis Roberta<\/span>\r\n            <span data-lang-de>Hallo, ich bin Roberta<\/span>\r\n            <span data-lang-nl>Hallo, ik ben Roberta<\/span>\r\n          <\/h2>\r\n\r\n          <blockquote class=\"sobre-quote\">\r\n            <span data-lang-es>\"Hola y bienvenidos a Euro \u00d3ptica Alf\u00e0s. Soy Roberta, \u00f3ptica-optometrista con amplia experiencia en el cuidado de la vista. Como asesora est\u00e9tica, estoy al tanto de las \u00faltimas tendencias para ofrecerte lo mejor en estilo y salud visual.\"<\/span>\r\n            <span data-lang-en>\"Hello and welcome to Euro \u00d3ptica Alf\u00e0s. I'm Roberta, an optician-optometrist with extensive experience in eye care. As a style consultant, I keep up with the latest trends to offer you the best in both style and visual health.\"<\/span>\r\n            <span data-lang-fr>\u00ab Bonjour et bienvenue \u00e0 Euro \u00d3ptica Alf\u00e0s. Je suis Roberta, opticienne-optom\u00e9triste avec une grande exp\u00e9rience dans le soin de la vue. En tant que conseill\u00e8re esth\u00e9tique, je suis \u00e0 la pointe des derni\u00e8res tendances pour vous offrir le meilleur en style et sant\u00e9 visuelle. \u00bb<\/span>\r\n            <span data-lang-de>\u201eHallo und willkommen bei Euro \u00d3ptica Alf\u00e0s. Ich bin Roberta, Augenoptikerin-Optometristin mit langj\u00e4hriger Erfahrung in der Augenpflege. Als Stilberaterin halte ich mich \u00fcber die neuesten Trends auf dem Laufenden, um Ihnen das Beste in Stil und Sehgesundheit zu bieten.\"<\/span>\r\n            <span data-lang-nl>\u201eHallo en welkom bij Euro \u00d3ptica Alf\u00e0s. Ik ben Roberta, opticien-optometrist met uitgebreide ervaring in oogzorg. Als stijladviseur volg ik de laatste trends om u het beste te bieden in stijl en visuele gezondheid.\"<\/span>\r\n          <\/blockquote>\r\n\r\n          <p class=\"t-body sobre-body\">\r\n            <span data-lang-es>En Euro \u00d3ptica Alf\u00e0s creemos que ver bien es vivir mejor. Nos enorgullece ofrecer un trato familiar y cercano, combinado con la mejor tecnolog\u00eda disponible. Cada cliente es \u00fanico, y as\u00ed lo tratamos.<\/span>\r\n            <span data-lang-en>At Euro \u00d3ptica Alf\u00e0s we believe that seeing well means living better. We pride ourselves on offering personal, caring service combined with the best available technology. Every client is unique, and we treat them that way.<\/span>\r\n            <span data-lang-fr>Chez Euro \u00d3ptica Alf\u00e0s, nous croyons que bien voir, c'est mieux vivre. Nous sommes fiers d'offrir un accueil familial et chaleureux, associ\u00e9 \u00e0 la meilleure technologie disponible. Chaque client est unique, et nous le traitons comme tel.<\/span>\r\n            <span data-lang-de>Bei Euro \u00d3ptica Alf\u00e0s glauben wir, dass gutes Sehen ein besseres Leben bedeutet. Wir sind stolz darauf, pers\u00f6nliche und freundliche Betreuung kombiniert mit der besten verf\u00fcgbaren Technologie zu bieten. Jeder Kunde ist einzigartig, und so behandeln wir ihn.<\/span>\r\n            <span data-lang-nl>Bij Euro \u00d3ptica Alf\u00e0s geloven wij dat goed zien beter leven betekent. We zijn trots op onze persoonlijke en warme service gecombineerd met de beste technologie. Elke klant is uniek, en zo behandelen wij hen.<\/span>\r\n          <\/p>\r\n\r\n          <p class=\"sobre-firma\">\u2014 Roberta, <span data-lang-es>\u00d3ptica-Optometrista<\/span><span data-lang-en>Optician-Optometrist<\/span><span data-lang-fr>Opticienne-Optom\u00e9triste<\/span><span data-lang-de>Augenoptikerin-Optometristin<\/span><span data-lang-nl>Opticien-Optometrist<\/span><\/p>\r\n\r\n          <a href=\"#cita\" class=\"btn btn-primary\" style=\"margin-top:2rem;\">\r\n            <span data-lang-es>Conocernos \u00b7 Pedir cita<\/span>\r\n            <span data-lang-en>Meet us \u00b7 Book appointment<\/span>\r\n            <span data-lang-fr>Nous rencontrer \u00b7 Rendez-vous<\/span>\r\n            <span data-lang-de>Uns kennenlernen \u00b7 Termin buchen<\/span>\r\n            <span data-lang-nl>Kennismaken \u00b7 Afspraak maken<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       8. RESE\u00d1AS\r\n  ============================================================ -->\r\n  <section id=\"resenas\" class=\"section-pad\" aria-labelledby=\"resenas-title\">\r\n    <div class=\"container\">\r\n      <div class=\"section-header reveal\">\r\n        <p class=\"t-eyebrow\">\r\n          <span data-lang-es>\u00b7 Lo que dicen nuestros clientes \u00b7<\/span>\r\n          <span data-lang-en>\u00b7 What our clients say \u00b7<\/span>\r\n          <span data-lang-fr>\u00b7 Ce que disent nos clients \u00b7<\/span>\r\n          <span data-lang-de>\u00b7 Was unsere Kunden sagen \u00b7<\/span>\r\n          <span data-lang-nl>\u00b7 Wat onze klanten zeggen \u00b7<\/span>\r\n        <\/p>\r\n        <h2 class=\"t-heading\" id=\"resenas-title\">\r\n          <span data-lang-es>Rese\u00f1as<\/span>\r\n          <span data-lang-en>Reviews<\/span>\r\n          <span data-lang-fr>Avis<\/span>\r\n          <span data-lang-de>Bewertungen<\/span>\r\n          <span data-lang-nl>Recensies<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"resenas-grid\">\r\n        <div class=\"resena-card reveal\">\r\n          <div class=\"resena-stars\" aria-label=\"5 estrellas\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"resena-text\">\r\n            <span data-lang-es>\"Trato excelente, muy profesionales y con una atenci\u00f3n personalizada incre\u00edble. Llevo a\u00f1os viniendo y siempre salgo encantada.\"<\/span>\r\n            <span data-lang-en>\"Excellent service, very professional and with incredible personalised attention. I've been coming for years and always leave delighted.\"<\/span>\r\n            <span data-lang-fr>\u00ab Service excellent, tr\u00e8s professionnels et avec une attention personnalis\u00e9e incroyable. Je viens depuis des ann\u00e9es et repars toujours ravie. \u00bb<\/span>\r\n            <span data-lang-de>\u201eAusgezeichneter Service, sehr professionell und mit unglaublicher pers\u00f6nlicher Betreuung. Ich komme seit Jahren und gehe immer begeistert.\"<\/span>\r\n            <span data-lang-nl>\u201eUitstekende service, zeer professioneel en met ongelooflijke persoonlijke aandacht. Ik kom hier al jaren en ga altijd tevreden weg.\"<\/span>\r\n          <\/p>\r\n          <p class=\"resena-author\">Mar\u00eda G. \u00b7 <span data-lang-es>L'Alf\u00e0s del Pi<\/span><span data-lang-en>L'Alf\u00e0s del Pi<\/span><\/p>\r\n        <\/div>\r\n\r\n        <div class=\"resena-card reveal reveal-delay-1\">\r\n          <div class=\"resena-stars\" aria-label=\"5 estrellas\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"resena-text\">\r\n            <span data-lang-es>\"Roberta es fant\u00e1stica con los ni\u00f1os. Mi hijo se resiste a ponerse gafas y aqu\u00ed lo convencieron con una paciencia y simpat\u00eda impresionantes.\"<\/span>\r\n            <span data-lang-en>\"Roberta is fantastic with children. My son refuses to wear glasses and here they convinced him with impressive patience and kindness.\"<\/span>\r\n            <span data-lang-fr>\u00ab Roberta est fantastique avec les enfants. Mon fils refuse de porter des lunettes et ici ils l'ont convaincu avec une patience et une gentillesse impressionnantes. \u00bb<\/span>\r\n            <span data-lang-de>\u201eRoberta ist fantastisch mit Kindern. Mein Sohn weigert sich, eine Brille zu tragen, und hier \u00fcberzeugten sie ihn mit beeindruckender Geduld und Freundlichkeit.\"<\/span>\r\n            <span data-lang-nl>\u201eRoberta is geweldig met kinderen. Mijn zoon wil geen bril dragen, maar hier overtuigden ze hem met indrukwekkend geduld en vriendelijkheid.\"<\/span>\r\n          <\/p>\r\n          <p class=\"resena-author\">Peter W. \u00b7 <span data-lang-es>Benidorm<\/span><span data-lang-en>Benidorm<\/span><\/p>\r\n        <\/div>\r\n\r\n        <div class=\"resena-card reveal reveal-delay-2\">\r\n          <div class=\"resena-stars\" aria-label=\"5 estrellas\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"resena-text\">\r\n            <span data-lang-es>\"Los precios son incre\u00edbles para la calidad que ofrecen. Gafas progresivas a 129\u20ac completas y con una calidad excelente.\"<\/span>\r\n            <span data-lang-en>\"The prices are incredible for the quality they offer. Complete progressive glasses at \u20ac129 with excellent quality.\"<\/span>\r\n            <span data-lang-fr>\u00ab Les prix sont incroyables pour la qualit\u00e9 offerte. Lunettes progressives compl\u00e8tes \u00e0 129\u20ac avec une excellente qualit\u00e9. \u00bb<\/span>\r\n            <span data-lang-de>\u201eDie Preise sind unglaublich f\u00fcr die gebotene Qualit\u00e4t. Komplette Gleitsichtbrille f\u00fcr 129\u20ac in ausgezeichneter Qualit\u00e4t.\"<\/span>\r\n            <span data-lang-nl>\u201eDe prijzen zijn ongelooflijk voor de geboden kwaliteit. Complete multifocalebril voor \u20ac129 van uitstekende kwaliteit.\"<\/span>\r\n          <\/p>\r\n          <p class=\"resena-author\">Carmen R. \u00b7 <span data-lang-es>Altea<\/span><span data-lang-en>Altea<\/span><\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div style=\"text-align:center; margin-top:2.5rem;\" class=\"reveal\">\r\n        <a href=\"https:\/\/g.page\/r\/euroopticaalfas\/review\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-ghost\">\r\n          <span data-lang-es>Ver todas las rese\u00f1as en Google<\/span>\r\n          <span data-lang-en>See all Google reviews<\/span>\r\n          <span data-lang-fr>Voir tous les avis Google<\/span>\r\n          <span data-lang-de>Alle Google-Bewertungen ansehen<\/span>\r\n          <span data-lang-nl>Alle Google-recensies bekijken<\/span>\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6M15 3h6v6M10 14L21 3\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       9. CTA FINAL + CONTACTO\r\n  ============================================================ -->\r\n  <section id=\"contacto\" aria-labelledby=\"contacto-title\">\r\n\r\n    <div class=\"contacto-hero\">\r\n      <div class=\"container\">\r\n        <p class=\"t-eyebrow\">\r\n          <span data-lang-es>\u00b7 Da el primer paso \u00b7<\/span>\r\n          <span data-lang-en>\u00b7 Take the first step \u00b7<\/span>\r\n          <span data-lang-fr>\u00b7 Faites le premier pas \u00b7<\/span>\r\n          <span data-lang-de>\u00b7 Machen Sie den ersten Schritt \u00b7<\/span>\r\n          <span data-lang-nl>\u00b7 Zet de eerste stap \u00b7<\/span>\r\n        <\/p>\r\n        <h2 class=\"t-display\" id=\"contacto-title\" style=\"margin-block:1rem 1.25rem;\">\r\n          <span data-lang-es><em>Reserva tu cita<\/em><br\/>hoy mismo<\/span>\r\n          <span data-lang-en><em>Book your appointment<\/em><br\/>today<\/span>\r\n          <span data-lang-fr><em>R\u00e9servez votre rendez-vous<\/em><br\/>aujourd'hui m\u00eame<\/span>\r\n          <span data-lang-de><em>Buchen Sie Ihren Termin<\/em><br\/>noch heute<\/span>\r\n          <span data-lang-nl><em>Boek uw afspraak<\/em><br\/>vandaag nog<\/span>\r\n        <\/h2>\r\n        <p>\r\n          <span data-lang-es>Primera visita sin compromiso. Te atendemos en espa\u00f1ol, ingl\u00e9s y otros idiomas.<\/span>\r\n          <span data-lang-en>First visit with no obligation. We serve you in Spanish, English and other languages.<\/span>\r\n          <span data-lang-fr>Premi\u00e8re visite sans engagement. Nous vous servons en espagnol, anglais, fran\u00e7ais et d'autres langues.<\/span>\r\n          <span data-lang-de>Erster Besuch unverbindlich. Wir betreuen Sie auf Spanisch, Englisch, Deutsch und weiteren Sprachen.<\/span>\r\n          <span data-lang-nl>Eerste bezoek vrijblijvend. Wij helpen u in het Spaans, Engels, Frans, Duits en Nederlands.<\/span>\r\n        <\/p>\r\n        <div style=\"display:flex; gap:1rem; justify-content:center; flex-wrap:wrap;\">\r\n          <a href=\"tel:+34966860276\" class=\"btn btn-ghost-white\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81 19.79 19.79 0 01.01 1.17 2 2 0 012 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n            966 86 02 76\r\n          <\/a>\r\n          <a href=\"https:\/\/wa.me\/34677635364\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-ghost-white\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n            WhatsApp\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"contacto-grid\">\r\n\r\n        <!-- Info -->\r\n        <div class=\"contacto-info reveal\">\r\n          <h3>\r\n            <span data-lang-es>Encu\u00e9ntranos<\/span>\r\n            <span data-lang-en>Find us<\/span>\r\n            <span data-lang-fr>Retrouvez-nous<\/span>\r\n            <span data-lang-de>Finden Sie uns<\/span>\r\n            <span data-lang-nl>Vind ons<\/span>\r\n          <\/h3>\r\n          <div class=\"contacto-details\">\r\n            <div class=\"contact-item\">\r\n              <div class=\"contact-icon\" aria-hidden=\"true\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n              <\/div>\r\n              <div class=\"contact-item-body\">\r\n                <span class=\"contact-item-label\">\r\n                  <span data-lang-es>Direcci\u00f3n<\/span>\r\n                  <span data-lang-en>Address<\/span>\r\n                  <span data-lang-fr>Adresse<\/span>\r\n                  <span data-lang-de>Adresse<\/span>\r\n                  <span data-lang-nl>Adres<\/span>\r\n                <\/span>\r\n                <span class=\"contact-item-value\">Av. Pa\u00eds Valenci\u00e0 9, Local 10<br\/>03580 L'Alf\u00e0s del Pi, Alicante<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"contact-item\">\r\n              <div class=\"contact-icon\" aria-hidden=\"true\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81 19.79 19.79 0 01.01 1.17 2 2 0 012 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n              <\/div>\r\n              <div class=\"contact-item-body\">\r\n                <span class=\"contact-item-label\">\r\n                  <span data-lang-es>Tel\u00e9fono<\/span>\r\n                  <span data-lang-en>Phone<\/span>\r\n                  <span data-lang-fr>T\u00e9l\u00e9phone<\/span>\r\n                  <span data-lang-de>Telefon<\/span>\r\n                  <span data-lang-nl>Telefoon<\/span>\r\n                <\/span>\r\n                <span class=\"contact-item-value\"><a href=\"tel:+34966860276\">966 86 02 76<\/a><\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"contact-item\">\r\n              <div class=\"contact-icon\" aria-hidden=\"true\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n              <\/div>\r\n              <div class=\"contact-item-body\">\r\n                <span class=\"contact-item-label\">WhatsApp<\/span>\r\n                <span class=\"contact-item-value\"><a href=\"https:\/\/wa.me\/34677635364\" target=\"_blank\" rel=\"noopener\">+34 677 635 364<\/a><\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"contact-item\">\r\n              <div class=\"contact-icon\" aria-hidden=\"true\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><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 class=\"contact-item-body\">\r\n                <span class=\"contact-item-label\">Email<\/span>\r\n                <span class=\"contact-item-value\"><a href=\"mailto:info@euroopticaalfas.com\">info@euroopticaalfas.com<\/a><\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"horario-grid\">\r\n            <h4>\r\n              <span data-lang-es>Horario<\/span>\r\n              <span data-lang-en>Opening hours<\/span>\r\n              <span data-lang-fr>Horaires<\/span>\r\n              <span data-lang-de>\u00d6ffnungszeiten<\/span>\r\n              <span data-lang-nl>Openingstijden<\/span>\r\n            <\/h4>\r\n            <div class=\"horario-row\">\r\n              <span><span data-lang-es>Lunes<\/span><span data-lang-en>Monday<\/span><span data-lang-fr>Lundi<\/span><span data-lang-de>Montag<\/span><span data-lang-nl>Maandag<\/span><\/span>\r\n              <span><span data-lang-es>Cerrado<\/span><span data-lang-en>Closed<\/span><span data-lang-fr>Ferm\u00e9<\/span><span data-lang-de>Geschlossen<\/span><span data-lang-nl>Gesloten<\/span><\/span>\r\n            <\/div>\r\n            <div class=\"horario-row\">\r\n              <span><span data-lang-es>Martes \u2014 Viernes<\/span><span data-lang-en>Tuesday \u2014 Friday<\/span><span data-lang-fr>Mardi \u2014 Vendredi<\/span><span data-lang-de>Dienstag \u2014 Freitag<\/span><span data-lang-nl>Dinsdag \u2014 Vrijdag<\/span><\/span>\r\n              <span>9:30\u201316:30<\/span>\r\n            <\/div>\r\n            <div class=\"horario-row\">\r\n              <span><span data-lang-es>S\u00e1bado<\/span><span data-lang-en>Saturday<\/span><span data-lang-fr>Samedi<\/span><span data-lang-de>Samstag<\/span><span data-lang-nl>Zaterdag<\/span><\/span>\r\n              <span>10:00\u201314:00<\/span>\r\n            <\/div>\r\n            <div class=\"horario-row\">\r\n              <span><span data-lang-es>Domingo<\/span><span data-lang-en>Sunday<\/span><span data-lang-fr>Dimanche<\/span><span data-lang-de>Sonntag<\/span><span data-lang-nl>Zondag<\/span><\/span>\r\n              <span><span data-lang-es>Cerrado<\/span><span data-lang-en>Closed<\/span><span data-lang-fr>Ferm\u00e9<\/span><span data-lang-de>Geschlossen<\/span><span data-lang-nl>Gesloten<\/span><\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"map-wrapper\">\r\n            <h4>\r\n              <span data-lang-es>C\u00f3mo llegar<\/span>\r\n              <span data-lang-en>How to find us<\/span>\r\n              <span data-lang-fr>Comment nous trouver<\/span>\r\n              <span data-lang-de>Anfahrt<\/span>\r\n              <span data-lang-nl>Routebeschrijving<\/span>\r\n            <\/h4>\r\n            <div class=\"map-embed\">\r\n              <iframe\r\n                src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3118.12!2d-0.1013679!3d38.5773593!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzjCsDM0JzM4LjUiTiAwwrAwNicwNC45Ilc!5e0!3m2!1ses!2ses!4v1000000000000\"\r\n                title=\"Ubicaci\u00f3n Euro \u00d3ptica Alf\u00e0s\"\r\n                loading=\"lazy\"\r\n                allowfullscreen\r\n                referrerpolicy=\"no-referrer-when-downgrade\">\r\n              <\/iframe>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Form -->\r\n        <div id=\"cita\" class=\"reveal reveal-delay-1\">\r\n          <form class=\"cita-form\" novalidate aria-label=\"Formulario de cita\">\r\n            <h3>\r\n              <span data-lang-es>Reservar cita<\/span>\r\n              <span data-lang-en>Book appointment<\/span>\r\n              <span data-lang-fr>R\u00e9server un rendez-vous<\/span>\r\n              <span data-lang-de>Termin buchen<\/span>\r\n              <span data-lang-nl>Afspraak boeken<\/span>\r\n            <\/h3>\r\n            <p>\r\n              <span data-lang-es>Te contactaremos para confirmar el horario disponible.<\/span>\r\n              <span data-lang-en>We'll contact you to confirm the available time slot.<\/span>\r\n              <span data-lang-fr>Nous vous contacterons pour confirmer le cr\u00e9neau disponible.<\/span>\r\n              <span data-lang-de>Wir kontaktieren Sie zur Best\u00e4tigung des verf\u00fcgbaren Termins.<\/span>\r\n              <span data-lang-nl>Wij nemen contact met u op om het beschikbare tijdslot te bevestigen.<\/span>\r\n            <\/p>\r\n            <div class=\"form-grid\">\r\n              <div class=\"form-group\">\r\n                <label for=\"nombre\">\r\n                  <span data-lang-es>Nombre<\/span>\r\n                  <span data-lang-en>Name<\/span>\r\n                  <span data-lang-fr>Pr\u00e9nom<\/span>\r\n                  <span data-lang-de>Name<\/span>\r\n                  <span data-lang-nl>Naam<\/span>\r\n                <\/label>\r\n                <input type=\"text\" id=\"nombre\" name=\"nombre\" autocomplete=\"given-name\" required\r\n                  placeholder=\"Mar\u00eda Garc\u00eda\" \/>\r\n              <\/div>\r\n              <div class=\"form-group\">\r\n                <label for=\"telefono\">\r\n                  <span data-lang-es>Tel\u00e9fono<\/span>\r\n                  <span data-lang-en>Phone<\/span>\r\n                  <span data-lang-fr>T\u00e9l\u00e9phone<\/span>\r\n                  <span data-lang-de>Telefon<\/span>\r\n                  <span data-lang-nl>Telefoon<\/span>\r\n                <\/label>\r\n                <input type=\"tel\" id=\"telefono\" name=\"telefono\" autocomplete=\"tel\" required\r\n                  placeholder=\"+34 600 000 000\" \/>\r\n              <\/div>\r\n              <div class=\"form-group full\">\r\n                <label for=\"motivo\">\r\n                  <span data-lang-es>Motivo de la visita<\/span>\r\n                  <span data-lang-en>Reason for visit<\/span>\r\n                  <span data-lang-fr>Motif de la visite<\/span>\r\n                  <span data-lang-de>Besuchsgrund<\/span>\r\n                  <span data-lang-nl>Reden van bezoek<\/span>\r\n                <\/label>\r\n                <select id=\"motivo\" name=\"motivo\">\r\n                  <option value=\"\" disabled selected>\r\n                    <span data-lang-es>Selecciona un motivo<\/span>\r\n                    <span data-lang-en>Select a reason<\/span>\r\n                  <\/option>\r\n                  <option value=\"revision\">Revisi\u00f3n ocular \/ Eye exam<\/option>\r\n                  <option value=\"monturas\">Monturas \/ Frames<\/option>\r\n                  <option value=\"lentes\">Lentes de contacto \/ Contact lenses<\/option>\r\n                  <option value=\"infantil\">Visi\u00f3n infantil \/ Children's vision<\/option>\r\n                  <option value=\"otro\">Otro \/ Other<\/option>\r\n                <\/select>\r\n              <\/div>\r\n              <div class=\"form-group full\">\r\n                <label for=\"fecha\">\r\n                  <span data-lang-es>Fecha preferida<\/span>\r\n                  <span data-lang-en>Preferred date<\/span>\r\n                  <span data-lang-fr>Date pr\u00e9f\u00e9r\u00e9e<\/span>\r\n                  <span data-lang-de>Bevorzugtes Datum<\/span>\r\n                  <span data-lang-nl>Gewenste datum<\/span>\r\n                <\/label>\r\n                <input type=\"date\" id=\"fecha\" name=\"fecha\" \/>\r\n              <\/div>\r\n              <div class=\"form-group full\">\r\n                <label for=\"mensaje\">\r\n                  <span data-lang-es>Mensaje (opcional)<\/span>\r\n                  <span data-lang-en>Message (optional)<\/span>\r\n                  <span data-lang-fr>Message (facultatif)<\/span>\r\n                  <span data-lang-de>Nachricht (optional)<\/span>\r\n                  <span data-lang-nl>Bericht (optioneel)<\/span>\r\n                <\/label>\r\n                <textarea id=\"mensaje\" name=\"mensaje\" rows=\"3\"\r\n                  placeholder=\"Cu\u00e9ntanos algo m\u00e1s sobre tu visita...\"><\/textarea>\r\n              <\/div>\r\n            <\/div>\r\n            <button type=\"submit\" class=\"btn btn-primary form-submit\">\r\n              <span data-lang-es>Enviar solicitud de cita<\/span>\r\n              <span data-lang-en>Send appointment request<\/span>\r\n              <span data-lang-fr>Envoyer la demande<\/span>\r\n              <span data-lang-de>Terminanfrage senden<\/span>\r\n              <span data-lang-nl>Afspraakverzoek sturen<\/span>\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            <\/button>\r\n          <\/form>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       10. FOOTER\r\n  ============================================================ -->\r\n  <footer id=\"footer\" role=\"contentinfo\">\r\n    <div class=\"container\">\r\n      <div class=\"footer-inner\">\r\n        <a href=\"#inicio\" class=\"footer-logo\" aria-label=\"Euro \u00d3ptica Alf\u00e0s\">\r\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/logop.png\" alt=\"Euro \u00d3ptica Alf\u00e0s\" \/>\r\n        <\/a>\r\n\r\n        <nav class=\"footer-links\" aria-label=\"Navegaci\u00f3n pie de p\u00e1gina\">\r\n          <a href=\"#servicios\"><span data-lang-es>Servicios<\/span><span data-lang-en>Services<\/span><span data-lang-fr>Services<\/span><span data-lang-de>Leistungen<\/span><span data-lang-nl>Diensten<\/span><\/a>\r\n          <a href=\"#productos\"><span data-lang-es>Productos<\/span><span data-lang-en>Products<\/span><span data-lang-fr>Produits<\/span><span data-lang-de>Produkte<\/span><span data-lang-nl>Producten<\/span><\/a>\r\n          <a href=\"#sobre\"><span data-lang-es>Sobre nosotros<\/span><span data-lang-en>About<\/span><span data-lang-fr>\u00c0 propos<\/span><span data-lang-de>\u00dcber uns<\/span><span data-lang-nl>Over ons<\/span><\/a>\r\n          <a href=\"#contacto\"><span data-lang-es>Contacto<\/span><span data-lang-en>Contact<\/span><span data-lang-fr>Contact<\/span><span data-lang-de>Kontakt<\/span><span data-lang-nl>Contact<\/span><\/a>\r\n          <a href=\"#aviso-legal\"><span data-lang-es>Aviso legal<\/span><span data-lang-en>Legal notice<\/span><span data-lang-fr>Mentions l\u00e9gales<\/span><span data-lang-de>Impressum<\/span><span data-lang-nl>Juridische kennisgeving<\/span><\/a>\r\n          <a href=\"#privacidad\"><span data-lang-es>Privacidad<\/span><span data-lang-en>Privacy<\/span><span data-lang-fr>Confidentialit\u00e9<\/span><span data-lang-de>Datenschutz<\/span><span data-lang-nl>Privacy<\/span><\/a>\r\n          <a href=\"#cookies\">Cookies<\/a>\r\n        <\/nav>\r\n\r\n        <p class=\"footer-copy\">\u00a9 2020\u20132026 Euro \u00d3ptica Alf\u00e0s<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <!-- ============================================================\r\n       JAVASCRIPT\r\n  ============================================================ -->\r\n  <script>\r\n    \/\/ --- Nav scroll ---\r\n    const header = document.getElementById('site-header');\r\n    window.addEventListener('scroll', () => {\r\n      header.classList.toggle('scrolled', window.scrollY > 20);\r\n    }, { passive: true });\r\n\r\n    \/\/ --- Mobile nav ---\r\n    const toggle = document.getElementById('nav-toggle');\r\n    const menu   = document.getElementById('nav-menu');\r\n    toggle.addEventListener('click', () => {\r\n      const open = menu.classList.toggle('open');\r\n      toggle.setAttribute('aria-expanded', open);\r\n    });\r\n    menu.querySelectorAll('a').forEach(link => {\r\n      link.addEventListener('click', () => {\r\n        menu.classList.remove('open');\r\n        toggle.setAttribute('aria-expanded', 'false');\r\n      });\r\n    });\r\n\r\n    \/\/ --- Language switcher ---\r\n    document.querySelectorAll('.lang-btn').forEach(btn => {\r\n      btn.addEventListener('click', () => {\r\n        const lang = btn.dataset.lang;\r\n        document.documentElement.setAttribute('data-lang', lang);\r\n        document.querySelectorAll('.lang-btn').forEach(b => b.classList.remove('active'));\r\n        btn.classList.add('active');\r\n      });\r\n    });\r\n\r\n    \/\/ --- Reveal on scroll ---\r\n    const revealObserver = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('visible');\r\n          revealObserver.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\r\n\r\n    document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\r\n\r\n    \/\/ --- Form submit \u2192 save to localStorage for CRM ---\r\n    document.querySelector('.cita-form').addEventListener('submit', e => {\r\n      e.preventDefault();\r\n      const f    = e.target;\r\n      const btn  = f.querySelector('button[type=\"submit\"]');\r\n      const lang = document.documentElement.getAttribute('data-lang') || 'es';\r\n      const successMsg = {\r\n        es: '\u2713 Solicitud enviada \u2014 te llamamos pronto',\r\n        en: '\u2713 Request sent \u2014 we\\'ll call you soon',\r\n        fr: '\u2713 Demande envoy\u00e9e \u2014 nous vous appelons bient\u00f4t',\r\n        de: '\u2713 Anfrage gesendet \u2014 wir rufen Sie bald an',\r\n        nl: '\u2713 Verzoek verzonden \u2014 wij bellen u spoedig'\r\n      };\r\n\r\n      const appointment = {\r\n        id:        'apt_' + Date.now(),\r\n        createdAt: new Date().toISOString(),\r\n        status:    'pending',\r\n        name:      f.nombre.value.trim(),\r\n        phone:     f.telefono.value.trim(),\r\n        motivo:    f.motivo.value,\r\n        date:      f.fecha.value,\r\n        notes:     f.mensaje.value.trim(),\r\n        source:    'web'\r\n      };\r\n\r\n      const stored = JSON.parse(localStorage.getItem('eoa_appointments') || '[]');\r\n      stored.push(appointment);\r\n      localStorage.setItem('eoa_appointments', JSON.stringify(stored));\r\n\r\n      btn.textContent = successMsg[lang] || successMsg.es;\r\n      btn.style.background = 'var(--color-sage)';\r\n      btn.disabled = true;\r\n    });\r\n  <\/script>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>InicioHomeAccueilStartseiteStartpagina ServiciosServicesServicesLeistungenDiensten ProductosProductsProduitsProdukteProducten Sobre nosotrosAbout\u00c0 propos\u00dcber unsOver ons ContactoContactContactKontaktContact ES \/ EN \/ FR \/ DE \/ NL Pedir cita Book appointment Rendez-vous Termin buchen Afspraak maken \u00b7 Tu \u00f3ptica de confianza en L&#8217;Alf\u00e0s del Pi \u00b7 \u00b7 Your trusted optician in L&#8217;Alf\u00e0s del Pi \u00b7 \u00b7 Votre opticien de confiance \u00e0 L&#8217;Alf\u00e0s del Pi<a class=\"moretag\" href=\"https:\/\/euroopticaalfas.com\/en\/\"><span class=\"screen-reader-text\">Read more about Elementor canvas<\/span>[&#8230;]<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-590","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/euroopticaalfas.com\/en\/wp-json\/wp\/v2\/pages\/590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/euroopticaalfas.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/euroopticaalfas.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/euroopticaalfas.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/euroopticaalfas.com\/en\/wp-json\/wp\/v2\/comments?post=590"}],"version-history":[{"count":11,"href":"https:\/\/euroopticaalfas.com\/en\/wp-json\/wp\/v2\/pages\/590\/revisions"}],"predecessor-version":[{"id":632,"href":"https:\/\/euroopticaalfas.com\/en\/wp-json\/wp\/v2\/pages\/590\/revisions\/632"}],"wp:attachment":[{"href":"https:\/\/euroopticaalfas.com\/en\/wp-json\/wp\/v2\/media?parent=590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}