{"id":2,"date":"2023-01-25T12:32:10","date_gmt":"2023-01-25T12:32:10","guid":{"rendered":"https:\/\/www.beyondthelens.es\/?page_id=2"},"modified":"2026-09-08T14:33:51","modified_gmt":"2026-09-08T14:33:51","slug":"home","status":"publish","type":"page","link":"https:\/\/www.beyondthelens.es\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1411a643 e-flex e-con-boxed e-con e-parent\" data-id=\"1411a643\" 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-e5b9260 elementor-widget elementor-widget-html\" data-id=\"e5b9260\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CARGA DE FUENTES DE GOOGLE -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alex+Brush&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap\" rel=\"stylesheet\">\n\n<!-- HERO SECTION (Fuera del wrapper para evitar desbordamientos) -->\n<div class=\"btl-hero-section\">\n  <header class=\"btl-header\">\n    <div class=\"btl-logo\">\n      <a href=\"\/\">Beyond the Lens<\/a>\n    <\/div>\n\n    <nav class=\"btl-nav\">\n      <ul>\n        <li><a href=\"\/\" class=\"active\">HOME<\/a><\/li>\n        <li><a href=\"\/services\">SERVICES<\/a><\/li>\n        <li><a href=\"\/portfolio\">PORTFOLIO<\/a><\/li>\n        <li><a href=\"\/about\">ABOUT<\/a><\/li>\n        <li><a href=\"\/contact\">CONTACT<\/a><\/li>\n      <\/ul>\n    <\/nav>\n\n    <div class=\"btl-header-actions\">\n      <div class=\"btl-lang-switcher\">\n        <a href=\"?lang=fr\">FR<\/a> \/ <a href=\"?lang=es\" class=\"active\">ES<\/a>\n      <\/div>\n      <a href=\"\/contact\" class=\"btl-btn-cta\">Let's work together<\/a>\n    <\/div>\n  <\/header>\n\n  <div class=\"btl-hero-content\">\n    <div class=\"btl-badge\">\n      PHOTOGRAPHY \u00b7 VIDEO \u00b7 CONTENT \u00b7 STRATEGY\n    <\/div>\n\n    <h1 class=\"btl-title\">\n      Content<br>\n      <span class=\"btl-title-cursive\">that moves.<\/span>\n    <\/h1>\n\n    <p class=\"btl-description\">\n      We create visual content that makes brands look \u2014 and feel \u2014 exactly as good as they are.\n    <\/p>\n\n    <div class=\"btl-hero-buttons\">\n      <a href=\"\/services\" class=\"btl-btn-primary\">Our services<\/a>\n      <a href=\"\/portfolio\" class=\"btl-btn-secondary\">View portfolio &rarr;<\/a>\n    <\/div>\n\n    <div class=\"btl-scroll-indicator\">\n      SCROLL\n      <div class=\"btl-scroll-line\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- RESTO DE SECCIONES -->\n<div class=\"btl-wrapper-centered\">\n\n  <!-- 1. MANIFESTO SECTION -->\n  <section class=\"btl-section btl-manifesto-section\">\n    <div class=\"btl-inner-container btl-text-center\">\n      <div class=\"btl-manifesto-content\">\n        <p class=\"btl-manifesto-text\">\n          We don't create content for the sake of it.<br>\n          We create content that <span class=\"txt-italic-manifesto\">works<\/span> \u2014 visually,<br>\n          strategically,<br>\n          and on the platforms that actually matter.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 2. SERVICES SECTION -->\n  <section class=\"btl-section btl-services-section\">\n    <div class=\"btl-inner-container\">\n      <div class=\"btl-services-header\">\n        <span class=\"btl-subtitle\">\u2014 WHAT WE DO<\/span>\n        <h2 class=\"btl-section-title\">\n          Visual content services<br>\n          for brands that want to <span class=\"btl-italic-title\">stand out<\/span>\n        <\/h2>\n      <\/div>\n\n      <div class=\"btl-services-grid\">\n        <!-- Servicio 1 -->\n        <a href=\"\/services\/brand-photography\" class=\"btl-card\">\n          <img decoding=\"async\" src=\"https:\/\/www.beyondthelens.es\/wp-content\/uploads\/2026\/09\/hotel-belvedere-fondue.png\" alt=\"Brand Photography in Switzerland\" class=\"btl-card-img\" loading=\"lazy\">\n          <div class=\"btl-card-overlay\"><\/div>\n          <div class=\"btl-card-content\">\n            <span class=\"btl-card-num\">01<\/span>\n            <h3 class=\"btl-card-title\">Brand Photography<\/h3>\n            <p class=\"btl-card-desc\">Professional images for your website, catalogue and social media. Hotels, products, lifestyle and outdoor \u2014 with a consistent, signature aesthetic.<\/p>\n            <span class=\"btl-card-link\">Learn more &rarr;<\/span>\n          <\/div>\n        <\/a>\n\n        <!-- Servicio 2 -->\n        <a href=\"\/services\/video-for-brands\" class=\"btl-card\">\n          <img decoding=\"async\" src=\"https:\/\/www.beyondthelens.es\/wp-content\/uploads\/2026\/09\/Jungfrau-Region-Tourismus.png\" alt=\"Video for Brands and Tourism\" class=\"btl-card-img\" loading=\"lazy\">\n          <div class=\"btl-card-overlay\"><\/div>\n          <div class=\"btl-card-content\">\n            <span class=\"btl-card-num\">02<\/span>\n            <h3 class=\"btl-card-title\">Video for Brands<\/h3>\n            <p class=\"btl-card-desc\">Reels, vertical videos and audiovisual content built for digital platforms. Authentic, dynamic and crafted to connect.<\/p>\n            <span class=\"btl-card-link\">Learn more &rarr;<\/span>\n          <\/div>\n        <\/a>\n\n        <!-- Servicio 3 -->\n        <a href=\"\/services\/content-strategy\" class=\"btl-card\">\n          <img decoding=\"async\" src=\"https:\/\/www.beyondthelens.es\/wp-content\/uploads\/2026\/09\/Umami-Works-Restaurant.png\" alt=\"Content Strategy and Visual Branding\" class=\"btl-card-img\" loading=\"lazy\">\n          <div class=\"btl-card-overlay\"><\/div>\n          <div class=\"btl-card-content\">\n            <span class=\"btl-card-num\">03<\/span>\n            <h3 class=\"btl-card-title\">Content Strategy<\/h3>\n            <p class=\"btl-card-desc\">Audit, planning and visual branding. For brands that want their content to have direction, purpose and a coherent identity across every touchpoint.<\/p>\n            <span class=\"btl-card-link\">Learn more &rarr;<\/span>\n          <\/div>\n        <\/a>\n\n        <!-- Servicio 4 -->\n        <a href=\"\/services\/ugc-for-brands\" class=\"btl-card\">\n          <img decoding=\"async\" src=\"https:\/\/www.beyondthelens.es\/wp-content\/uploads\/2026\/09\/KF-Concept.png\" alt=\"UGC for Brands\" class=\"btl-card-img\" loading=\"lazy\">\n          <div class=\"btl-card-overlay\"><\/div>\n          <div class=\"btl-card-content\">\n            <span class=\"btl-card-num\">04<\/span>\n            <h3 class=\"btl-card-title\">UGC for Brands<\/h3>\n            <p class=\"btl-card-desc\">Native, credible content brands can use in their own channels. Perfect for paid social, ecommerce and digital campaigns.<\/p>\n            <span class=\"btl-card-link\">Learn more &rarr;<\/span>\n          <\/div>\n        <\/a>\n\n        <!-- Servicio 5 -->\n        <a href=\"\/services\/social-media-management\" class=\"btl-card\">\n          <img decoding=\"async\" src=\"https:\/\/www.beyondthelens.es\/wp-content\/uploads\/2026\/09\/Hotel-Waldhaus-Leukerbad.png\" alt=\"Social Media Management\" class=\"btl-card-img\" loading=\"lazy\">\n          <div class=\"btl-card-overlay\"><\/div>\n          <div class=\"btl-card-content\">\n            <span class=\"btl-card-num\">05<\/span>\n            <h3 class=\"btl-card-title\">Social Media Management<\/h3>\n            <p class=\"btl-card-desc\">Strategy, editorial calendar, content creation and scheduling. A consistent, professional presence on Instagram, TikTok and LinkedIn.<\/p>\n            <span class=\"btl-card-link\">Learn more &rarr;<\/span>\n          <\/div>\n        <\/a>\n\n        <!-- Servicio 6 -->\n        <a href=\"\/services\/hotels-and-tourism\" class=\"btl-card\">\n          <img decoding=\"async\" src=\"https:\/\/www.beyondthelens.es\/wp-content\/uploads\/2026\/09\/zurich2.jpg\" alt=\"Hotels and Tourism\" class=\"btl-card-img\" loading=\"lazy\">\n          <div class=\"btl-card-overlay\"><\/div>\n          <div class=\"btl-card-content\">\n            <span class=\"btl-card-num\">06<\/span>\n            <h3 class=\"btl-card-title\">Hotels & Tourism<\/h3>\n            <p class=\"btl-card-desc\">Specialist photography, video and content for properties, destinations and travel experiences. We know how to capture what makes a place worth visiting.<\/p>\n            <span class=\"btl-card-link\">Learn more &rarr;<\/span>\n          <\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 3. PROCESS SECTION -->\n  <section class=\"btl-section btl-process-section\">\n    <div class=\"btl-inner-container btl-text-center\">\n      <div class=\"btl-process-header\">\n        <span class=\"btl-subtitle\">\u2014 HOW WE WORK \u2014<\/span>\n        <h2 class=\"btl-section-title\">\n          A <span class=\"btl-italic-title\">clear process<\/span><br>\n          from brief to delivery\n        <\/h2>\n      <\/div>\n\n      <div class=\"btl-process-grid\">\n        <div class=\"btl-process-step\">\n          <span class=\"btl-step-num\">01<\/span>\n          <h3 class=\"btl-step-title\">Discover<\/h3>\n          <p class=\"btl-step-desc\">We start by listening. We learn about your brand, your audience and your goals before proposing anything. A good brief makes great content.<\/p>\n        <\/div>\n\n        <div class=\"btl-process-step\">\n          <span class=\"btl-step-num\">02<\/span>\n          <h3 class=\"btl-step-title\">Strategy<\/h3>\n          <p class=\"btl-step-desc\">We design the creative approach: formats, tone, platforms and timelines. Everything aligned with real business objectives, not just aesthetics.<\/p>\n        <\/div>\n\n        <div class=\"btl-process-step\">\n          <span class=\"btl-step-num\">03<\/span>\n          <h3 class=\"btl-step-title\">Create<\/h3>\n          <p class=\"btl-step-desc\">Photography, video, copy. We produce every piece with the same attention to detail, whether it's a 15-second Reel or a full campaign.<\/p>\n        <\/div>\n\n        <div class=\"btl-process-step\">\n          <span class=\"btl-step-num\">04<\/span>\n          <h3 class=\"btl-step-title\">Deliver<\/h3>\n          <p class=\"btl-step-desc\">We deliver content ready to use, publish if we manage your channels, and track performance to keep improving together.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 4. ABOUT SECTION -->\n  <section class=\"btl-section btl-about-section\">\n    <div class=\"btl-inner-container btl-about-grid\">\n      <div class=\"btl-about-images\">\n        <div class=\"btl-img-wrapper btl-img-main\">\n          <img decoding=\"async\" src=\"https:\/\/www.beyondthelens.es\/wp-content\/uploads\/2026\/09\/MAR08046.jpg\" alt=\"Beyond the Lens Studio\" loading=\"lazy\">\n        <\/div>\n        <div class=\"btl-img-wrapper btl-img-secondary\">\n          <img decoding=\"async\" src=\"https:\/\/www.beyondthelens.es\/wp-content\/uploads\/2026\/09\/Grindelwald-First-invierno.jpg\" alt=\"Landscape Switzerland\" loading=\"lazy\">\n        <\/div>\n      <\/div>\n\n      <div class=\"btl-about-content\">\n        <span class=\"btl-subtitle\">\u2014 ABOUT US \u2014<\/span>\n        <h2 class=\"btl-section-title\">\n          A creative studio that knows<br>\n          how to tell <span class=\"btl-italic-title\">a brand's story<\/span>\n        <\/h2>\n\n        <p class=\"btl-about-text\">\n          Beyond the Lens is a visual content studio based in Switzerland. We are a creative duo with over a decade of experience travelling the world, documenting destinations and creating content for brands that want to be seen \u2014 and remembered.\n        <\/p>\n\n        <p class=\"btl-about-text\">\n          We combine photography, video and content strategy to produce work that is both visually compelling and commercially effective. Every project starts with understanding your brand and ends with content you're proud to publish.\n        <\/p>\n\n        <div class=\"btl-tags-grid\">\n          <span class=\"btl-tag\">Photography<\/span>\n          <span class=\"btl-tag\">Video & Reels<\/span>\n          <span class=\"btl-tag\">Social Media<\/span>\n          <span class=\"btl-tag\">Travel Content<\/span>\n          <span class=\"btl-tag\">Strategy<\/span>\n        <\/div>\n\n        <a href=\"\/about\" class=\"btl-btn-about\">Learn about us &rarr;<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 5. CTA SECTION -->\n  <section class=\"btl-section btl-cta-section\">\n    <div class=\"btl-inner-container btl-text-center\">\n      <h2 class=\"btl-cta-title\">\n        Does your brand deserve<br>\n        <span class=\"btl-italic-title\">better content?<\/span>\n      <\/h2>\n\n      <p class=\"btl-cta-subtext\">\n        Tell us about your project. We'll get back to you within 48 hours with a tailored proposal.\n      <\/p>\n\n      <div class=\"btl-cta-email-wrapper\">\n        <a href=\"mailto:hello@beyondthelens.es\" class=\"btl-cta-email\">hello@beyondthelens.es<\/a>\n      <\/div>\n\n      <div class=\"btl-cta-btn-wrapper\">\n        <a href=\"\/contact\" class=\"btl-cta-button\">Request a quote<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<style>\n\/* ==========================================\n   ESTILOS GENERALES Y WRAPPER\n   ================================---------- *\/\n.btl-wrapper-centered {\n  width: 100%;\n  max-width: 100%;\n  margin: 0 auto;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  color: #ffffff;\n  font-family: 'Inter', sans-serif;\n  box-sizing: border-box;\n  overflow-x: hidden;\n}\n\n.btl-wrapper-centered *,\n.btl-hero-section * {\n  box-sizing: border-box !important;\n}\n\n.btl-section {\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.btl-inner-container {\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 30px;\n}\n\n.btl-text-center {\n  text-align: center;\n}\n\n\/* ==========================================\n   HERO SECTION STYLES\n   ================================---------- *\/\n.btl-hero-section {\n  width: 100vw !important;\n  min-height: 100vh !important;\n  position: relative !important;\n  left: 50% !important;\n  right: 50% !important;\n  margin-left: -50vw !important;\n  margin-right: -50vw !important;\n  margin-top: 0 !important;\n  background: linear-gradient(rgba(20, 28, 38, 0.55), rgba(20, 28, 38, 0.75)), \n              url('https:\/\/www.beyondthelens.es\/wp-content\/uploads\/2026\/09\/portfolio-fotografia-fondo-scaled.png') center\/cover no-repeat !important;\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n  color: #ffffff !important;\n  font-family: 'Inter', sans-serif !important;\n  padding: 0 40px 40px 40px !important;\n  overflow: hidden !important;\n}\n\n.btl-header {\n  width: 100% !important;\n  max-width: 1300px !important;\n  display: flex !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n  padding: 30px 0 !important;\n  z-index: 10 !important;\n  margin: 0 auto !important;\n}\n\n.btl-logo a {\n  font-family: 'Playfair Display', serif !important;\n  color: #ffffff !important;\n  text-decoration: none !important;\n  font-size: 22px !important;\n  letter-spacing: 1px !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n}\n\n.btl-nav ul {\n  display: flex !important;\n  list-style: none !important;\n  gap: 32px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.btl-nav a {\n  color: rgba(255, 255, 255, 0.7) !important;\n  text-decoration: none !important;\n  font-size: 11px !important;\n  letter-spacing: 2px !important;\n  font-weight: 500 !important;\n  transition: color 0.3s ease !important;\n}\n\n.btl-nav a:hover,\n.btl-nav a.active {\n  color: #ffffff !important;\n}\n\n.btl-header-actions {\n  display: flex !important;\n  align-items: center !important;\n  gap: 20px !important;\n}\n\n.btl-lang-switcher {\n  background: rgba(255, 255, 255, 0.08) !important;\n  border: 1px solid rgba(255, 255, 255, 0.2) !important;\n  border-radius: 30px !important;\n  padding: 6px 14px !important;\n  font-size: 11px !important;\n  letter-spacing: 1.5px !important;\n  color: rgba(255, 255, 255, 0.6) !important;\n}\n\n.btl-lang-switcher a {\n  color: rgba(255, 255, 255, 0.6) !important;\n  text-decoration: none !important;\n  transition: color 0.3s ease !important;\n}\n\n.btl-lang-switcher a.active,\n.btl-lang-switcher a:hover {\n  color: #ffffff !important;\n  font-weight: 600 !important;\n}\n\n.btl-btn-cta {\n  background: rgba(255, 255, 255, 0.12) !important;\n  border: 1px solid rgba(255, 255, 255, 0.25) !important;\n  color: #ffffff !important;\n  text-decoration: none !important;\n  padding: 10px 22px !important;\n  border-radius: 30px !important;\n  font-size: 12px !important;\n  font-weight: 500 !important;\n  backdrop-filter: blur(5px) !important;\n  transition: all 0.3s ease !important;\n}\n\n.btl-btn-cta:hover {\n  background: rgba(255, 255, 255, 0.25) !important;\n}\n\n.btl-hero-content {\n  max-width: 850px !important;\n  width: 100% !important;\n  text-align: center !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  margin: auto auto !important;\n  padding: 40px 0 !important;\n}\n\n.btl-badge {\n  color: rgba(255, 255, 255, 0.7) !important;\n  font-size: 11px !important;\n  letter-spacing: 3px !important;\n  font-weight: 500 !important;\n  margin-bottom: 25px !important;\n  position: relative !important;\n  display: inline-block !important;\n}\n\n.btl-badge::before,\n.btl-badge::after {\n  content: '' !important;\n  position: absolute !important;\n  top: 50% !important;\n  width: 25px !important;\n  height: 1px !important;\n  background: rgba(255, 255, 255, 0.3) !important;\n}\n\n.btl-badge::before { left: -35px !important; }\n.btl-badge::after { right: -35px !important; }\n\n.btl-title {\n  font-family: 'Playfair Display', serif !important;\n  font-size: clamp(3.2rem, 7vw, 5.8rem) !important;\n  font-weight: 400 !important;\n  line-height: 1.05 !important;\n  margin-bottom: 25px !important;\n  color: #ffffff !important;\n}\n\n.btl-title-cursive {\n  font-family: 'Alex Brush', cursive, 'Playfair Display', serif !important;\n  font-style: italic !important;\n  color: #a8c0d6 !important;\n  font-weight: 400 !important;\n}\n\n.btl-description {\n  font-family: 'Playfair Display', serif !important;\n  font-style: italic !important;\n  font-size: clamp(1rem, 2vw, 1.25rem) !important;\n  color: rgba(255, 255, 255, 0.8) !important;\n  max-width: 620px !important;\n  margin-bottom: 40px !important;\n  line-height: 1.5 !important;\n  font-weight: 300 !important;\n}\n\n.btl-hero-buttons {\n  display: flex !important;\n  gap: 15px !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n.btl-btn-primary {\n  background-color: #a3c2df !important;\n  color: #1a232e !important;\n  text-decoration: none !important;\n  padding: 14px 32px !important;\n  border-radius: 30px !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  transition: background 0.3s ease !important;\n}\n\n.btl-btn-primary:hover {\n  background-color: #c0d7ec !important;\n}\n\n.btl-btn-secondary {\n  background: rgba(255, 255, 255, 0.05) !important;\n  border: 1px solid rgba(255, 255, 255, 0.3) !important;\n  color: #ffffff !important;\n  text-decoration: none !important;\n  padding: 14px 32px !important;\n  border-radius: 30px !important;\n  font-size: 13px !important;\n  font-weight: 500 !important;\n  backdrop-filter: blur(5px) !important;\n  transition: all 0.3s ease !important;\n}\n\n.btl-btn-secondary:hover {\n  border-color: #ffffff !important;\n  background: rgba(255, 255, 255, 0.15) !important;\n}\n\n.btl-scroll-indicator {\n  margin-top: 50px !important;\n  font-size: 9px !important;\n  letter-spacing: 3px !important;\n  color: rgba(255, 255, 255, 0.5) !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  gap: 8px !important;\n}\n\n.btl-scroll-line {\n  width: 1px !important;\n  height: 25px !important;\n  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), transparent) !important;\n}\n\n\/* ==========================================\n   TIPOGRAF\u00cdAS Y COMPONENTES GLOBALES\n   ================================---------- *\/\n.btl-subtitle {\n  font-size: 10px;\n  letter-spacing: 2.5px;\n  color: rgba(255, 255, 255, 0.5);\n  font-weight: 500;\n  display: block;\n  margin-bottom: 15px;\n}\n\n.btl-section-title {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(2rem, 4vw, 3.2rem);\n  font-weight: 400;\n  line-height: 1.2;\n  color: #ffffff;\n}\n\n.btl-italic-title {\n  font-style: italic;\n  color: #8faec8;\n}\n\n\/* ==========================================\n   1. MANIFESTO\n   ================================---------- *\/\n.btl-manifesto-section {\n  background-color: #0d1720;\n  padding: 100px 0;\n}\n\n.btl-manifesto-content {\n  max-width: 850px;\n  margin: 0 auto;\n}\n\n.btl-manifesto-text {\n  font-family: 'Playfair Display', Georgia, serif;\n  font-size: clamp(1.8rem, 3.5vw, 2.7rem);\n  line-height: 1.5;\n  color: #ffffff;\n  font-weight: 400;\n  margin: 0;\n}\n\n.txt-italic-manifesto {\n  font-style: italic;\n  color: #7d9bb3;\n}\n\n\/* ==========================================\n   2. SERVICES\n   ================================---------- *\/\n.btl-services-section {\n  background-color: #0d1720;\n  padding: 40px 0 100px 0;\n}\n\n.btl-services-header {\n  margin-bottom: 50px;\n}\n\n.btl-services-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  width: 100%;\n}\n\n.btl-card {\n  position: relative;\n  height: 460px;\n  border-radius: 16px;\n  text-decoration: none;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding: 30px;\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n.btl-card-img {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  z-index: 0;\n  transition: transform 0.4s ease;\n}\n\n.btl-card:hover .btl-card-img {\n  transform: scale(1.03);\n}\n\n.btl-card-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(180deg, rgba(13, 23, 32, 0.2) 0%, rgba(13, 23, 32, 0.85) 100%);\n  transition: background 0.4s ease;\n  z-index: 1;\n}\n\n.btl-card:hover .btl-card-overlay {\n  background: linear-gradient(180deg, rgba(13, 23, 32, 0.6) 0%, rgba(13, 23, 32, 0.95) 100%);\n}\n\n.btl-card-content {\n  position: relative;\n  z-index: 2;\n  color: #ffffff;\n}\n\n.btl-card-num {\n  font-family: 'Playfair Display', serif;\n  font-size: 13px;\n  font-style: italic;\n  color: rgba(255, 255, 255, 0.6);\n  display: block;\n  margin-bottom: 6px;\n}\n\n.btl-card-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 1.55rem;\n  font-weight: 400;\n  margin-bottom: 12px;\n  color: #ffffff;\n}\n\n.btl-card-desc {\n  font-size: 13px;\n  line-height: 1.6;\n  color: rgba(255, 255, 255, 0.8);\n  font-weight: 300;\n  max-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  transition: max-height 0.4s ease, opacity 0.4s ease, margin-bottom 0.4s ease;\n  margin-bottom: 0;\n}\n\n.btl-card-link {\n  font-size: 12px;\n  font-weight: 500;\n  color: #a8c0d6;\n  display: inline-block;\n  opacity: 0;\n  transform: translateY(10px);\n  transition: opacity 0.4s ease, transform 0.4s ease;\n}\n\n.btl-card:hover .btl-card-desc {\n  max-height: 120px;\n  opacity: 1;\n  margin-bottom: 16px;\n}\n\n.btl-card:hover .btl-card-link {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ==========================================\n   3. PROCESS\n   ================================---------- *\/\n.btl-process-section {\n  background-color: #1a2f3f;\n  padding: 100px 0;\n}\n\n.btl-process-header {\n  margin-bottom: 60px;\n}\n\n.btl-process-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n  width: 100%;\n}\n\n.btl-process-step {\n  padding: 35px 24px;\n  text-align: left;\n  border-right: 1px solid rgba(255, 255, 255, 0.08);\n  background-color: transparent;\n  transition: background-color 0.35s ease;\n}\n\n.btl-process-step:last-child {\n  border-right: none;\n}\n\n.btl-process-step:hover {\n  background-color: #274154;\n}\n\n.btl-step-num {\n  font-family: 'Playfair Display', serif;\n  font-size: 2.2rem;\n  color: rgba(255, 255, 255, 0.25);\n  margin-bottom: 20px;\n  display: block;\n}\n\n.btl-step-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 1.35rem;\n  font-weight: 400;\n  color: #ffffff;\n  margin-bottom: 16px;\n}\n\n.btl-step-desc {\n  font-size: 12.5px;\n  line-height: 1.65;\n  color: rgba(255, 255, 255, 0.55);\n  font-weight: 300;\n  margin: 0;\n}\n\n\/* ==========================================\n   4. ABOUT US\n   ================================---------- *\/\n.btl-about-section {\n  background-color: #0d1720;\n  padding: 100px 0;\n}\n\n.btl-about-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 70px;\n  align-items: center;\n  width: 100%;\n}\n\n.btl-about-images {\n  position: relative;\n  width: 100%;\n  height: 450px;\n}\n\n.btl-img-wrapper {\n  position: absolute;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\n}\n\n.btl-img-wrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.btl-img-main {\n  width: 72%;\n  height: 350px;\n  top: 0;\n  left: 0;\n}\n\n.btl-img-secondary {\n  width: 58%;\n  height: 270px;\n  bottom: 0;\n  right: 2%;\n  z-index: 2;\n  border: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.btl-about-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.btl-about-text {\n  font-size: 13.5px;\n  line-height: 1.7;\n  color: rgba(255, 255, 255, 0.65);\n  font-weight: 300;\n  margin-top: 15px;\n  margin-bottom: 0;\n}\n\n.btl-tags-grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-top: 25px;\n  margin-bottom: 35px;\n}\n\n.btl-tag {\n  background: rgba(255, 255, 255, 0.05);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  padding: 8px 18px;\n  border-radius: 30px;\n  font-size: 11px;\n  color: rgba(255, 255, 255, 0.8);\n  font-weight: 400;\n}\n\n.btl-btn-about {\n  background: rgba(255, 255, 255, 0.05);\n  border: 1px solid rgba(255, 255, 255, 0.25);\n  color: #ffffff;\n  text-decoration: none;\n  padding: 12px 28px;\n  border-radius: 30px;\n  font-size: 12px;\n  font-weight: 500;\n  transition: all 0.3s ease;\n}\n\n.btl-btn-about:hover {\n  background: rgba(255, 255, 255, 0.15);\n  border-color: #ffffff;\n}\n\n\/* ==========================================\n   5. CTA\n   ================================---------- *\/\n.btl-cta-section {\n  background-color: #0d1720;\n  padding: 100px 0;\n}\n\n.btl-cta-title {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(2.2rem, 5vw, 4rem);\n  font-weight: 400;\n  line-height: 1.15;\n  color: #ffffff;\n  margin-bottom: 24px;\n}\n\n.btl-cta-subtext {\n  font-size: 13.5px;\n  line-height: 1.6;\n  color: rgba(255, 255, 255, 0.55);\n  font-weight: 300;\n  margin: 0 auto 35px auto;\n  max-width: 600px;\n}\n\n.btl-cta-email-wrapper {\n  margin-bottom: 40px;\n}\n\n.btl-cta-email {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(1.3rem, 2.5vw, 1.8rem);\n  color: #8faec8;\n  text-decoration: none;\n  font-style: italic;\n  border-bottom: 1px solid rgba(143, 174, 200, 0.3);\n  padding-bottom: 6px;\n  transition: all 0.3s ease;\n}\n\n.btl-cta-email:hover {\n  color: #ffffff;\n  border-bottom-color: #ffffff;\n}\n\n.btl-cta-button {\n  background-color: #a3c4e0;\n  color: #0d1720;\n  font-size: 13px;\n  font-weight: 500;\n  text-decoration: none;\n  padding: 14px 34px;\n  border-radius: 30px;\n  display: inline-block;\n  transition: all 0.3s ease;\n}\n\n.btl-cta-button:hover {\n  background-color: #b8d4ec;\n  transform: translateY(-1px);\n}\n\n\/* ==========================================\n   RESPONSIVE DESIGN MEDIA QUERIES\n   ================================---------- *\/\n@media (max-width: 1024px) {\n  .btl-services-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .btl-process-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .btl-process-step {\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  }\n  \n  .btl-process-step:nth-child(2n) {\n    border-right: none;\n  }\n  \n  .btl-about-grid {\n    grid-template-columns: 1fr;\n    gap: 50px;\n  }\n}\n\n@media (max-width: 900px) {\n  .btl-header {\n    flex-direction: column !important;\n    gap: 20px !important;\n  }\n  \n  .btl-nav ul {\n    gap: 15px !important;\n    flex-wrap: wrap !important;\n    justify-content: center !important;\n  }\n}\n\n@media (max-width: 650px) {\n  .btl-hero-section {\n    padding: 0 20px 30px 20px !important;\n  }\n  \n  .btl-inner-container {\n    padding: 0 20px;\n  }\n  \n  .btl-services-grid,\n  .btl-process-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .btl-process-step {\n    border-right: none;\n  }\n  \n  .btl-card {\n    height: 380px;\n  }\n  \n  .btl-card-desc, .btl-card-link {\n    max-height: none;\n    opacity: 1;\n    transform: none;\n    margin-bottom: 12px;\n  }\n  \n  .btl-hero-buttons {\n    flex-direction: column !important;\n    width: 100% !important;\n  }\n\n  .btl-btn-primary, .btl-btn-secondary {\n    width: 100% !important;\n    text-align: center !important;\n  }\n  \n  .btl-badge::before, .btl-badge::after {\n    display: none !important;\n  }\n  \n  .btl-about-images {\n    height: 300px;\n  }\n}\n<\/style>\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>Beyond the Lens HOME SERVICES PORTFOLIO ABOUT CONTACT FR \/ ES Let&#8217;s work together PHOTOGRAPHY \u00b7 VIDEO \u00b7 CONTENT \u00b7 STRATEGY Content that moves. We create visual content that makes brands look \u2014 and feel \u2014 exactly as good as they are. Our services View portfolio &rarr; SCROLL We don&#8217;t create content for the sake &#8230; <a title=\"Home\" class=\"read-more\" href=\"https:\/\/www.beyondthelens.es\/\" aria-label=\"Leer m\u00e1s sobre Home\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Beyond the Lens<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.beyondthelens.es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Beyond the Lens\" \/>\n<meta property=\"og:description\" content=\"Beyond the Lens HOME SERVICES PORTFOLIO ABOUT CONTACT FR \/ ES Let&#8217;s work together PHOTOGRAPHY \u00b7 VIDEO \u00b7 CONTENT \u00b7 STRATEGY Content that moves. We create visual content that makes brands look \u2014 and feel \u2014 exactly as good as they are. Our services View portfolio &rarr; SCROLL We don&#8217;t create content for the sake ... Leer m\u00e1s\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.beyondthelens.es\/\" \/>\n<meta property=\"og:site_name\" content=\"Beyond the Lens\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-08T14:33:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.beyondthelens.es\/wp-content\/uploads\/2026\/09\/hotel-belvedere-fondue.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.beyondthelens.es\\\/\",\"url\":\"https:\\\/\\\/www.beyondthelens.es\\\/\",\"name\":\"Home - Beyond the Lens\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.beyondthelens.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.beyondthelens.es\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.beyondthelens.es\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.beyondthelens.es\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/hotel-belvedere-fondue.png\",\"datePublished\":\"2023-01-25T12:32:10+00:00\",\"dateModified\":\"2026-09-08T14:33:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.beyondthelens.es\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.beyondthelens.es\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.beyondthelens.es\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.beyondthelens.es\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/hotel-belvedere-fondue.png\",\"contentUrl\":\"https:\\\/\\\/www.beyondthelens.es\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/hotel-belvedere-fondue.png\",\"width\":1080,\"height\":1350},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.beyondthelens.es\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.beyondthelens.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.beyondthelens.es\\\/#website\",\"url\":\"https:\\\/\\\/www.beyondthelens.es\\\/\",\"name\":\"Beyond the Lens\",\"description\":\"Creaci\u00f3n de contenido, fotograf\u00eda y gesti\u00f3n de redes sociales para marcas y empresas.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.beyondthelens.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Beyond the Lens","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.beyondthelens.es\/","og_locale":"es_ES","og_type":"article","og_title":"Home - Beyond the Lens","og_description":"Beyond the Lens HOME SERVICES PORTFOLIO ABOUT CONTACT FR \/ ES Let&#8217;s work together PHOTOGRAPHY \u00b7 VIDEO \u00b7 CONTENT \u00b7 STRATEGY Content that moves. We create visual content that makes brands look \u2014 and feel \u2014 exactly as good as they are. Our services View portfolio &rarr; SCROLL We don&#8217;t create content for the sake ... Leer m\u00e1s","og_url":"https:\/\/www.beyondthelens.es\/","og_site_name":"Beyond the Lens","article_modified_time":"2026-09-08T14:33:51+00:00","og_image":[{"url":"https:\/\/www.beyondthelens.es\/wp-content\/uploads\/2026\/09\/hotel-belvedere-fondue.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.beyondthelens.es\/","url":"https:\/\/www.beyondthelens.es\/","name":"Home - Beyond the Lens","isPartOf":{"@id":"https:\/\/www.beyondthelens.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.beyondthelens.es\/#primaryimage"},"image":{"@id":"https:\/\/www.beyondthelens.es\/#primaryimage"},"thumbnailUrl":"https:\/\/www.beyondthelens.es\/wp-content\/uploads\/2026\/09\/hotel-belvedere-fondue.png","datePublished":"2023-01-25T12:32:10+00:00","dateModified":"2026-09-08T14:33:51+00:00","breadcrumb":{"@id":"https:\/\/www.beyondthelens.es\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.beyondthelens.es\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.beyondthelens.es\/#primaryimage","url":"https:\/\/www.beyondthelens.es\/wp-content\/uploads\/2026\/09\/hotel-belvedere-fondue.png","contentUrl":"https:\/\/www.beyondthelens.es\/wp-content\/uploads\/2026\/09\/hotel-belvedere-fondue.png","width":1080,"height":1350},{"@type":"BreadcrumbList","@id":"https:\/\/www.beyondthelens.es\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.beyondthelens.es\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.beyondthelens.es\/#website","url":"https:\/\/www.beyondthelens.es\/","name":"Beyond the Lens","description":"Creaci\u00f3n de contenido, fotograf\u00eda y gesti\u00f3n de redes sociales para marcas y empresas.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.beyondthelens.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/www.beyondthelens.es\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.beyondthelens.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.beyondthelens.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.beyondthelens.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beyondthelens.es\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":76,"href":"https:\/\/www.beyondthelens.es\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":117,"href":"https:\/\/www.beyondthelens.es\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/117"}],"wp:attachment":[{"href":"https:\/\/www.beyondthelens.es\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}