{"id":86,"date":"2025-10-25T08:36:35","date_gmt":"2025-10-25T11:36:35","guid":{"rendered":"https:\/\/cyber.almeidadesouza.pt\/?page_id=86"},"modified":"2026-01-12T14:28:02","modified_gmt":"2026-01-12T13:28:02","slug":"home","status":"publish","type":"page","link":"https:\/\/almeidadesouza.pt\/cs\/","title":{"rendered":"Dom\u016f"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"86\" class=\"elementor elementor-86\">\n\t\t\t\t<div class=\"elementor-element elementor-element-830d632 e-flex e-con-boxed e-con e-parent\" data-id=\"830d632\" 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-560e9fd elementor-widget elementor-widget-html\" data-id=\"560e9fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Swiper CSS\/JS (CDN) -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.css\">\r\n<script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@9\/swiper-bundle.min.js\"><\/script>\r\n\r\n<style>\r\n\/* ====== Full-width, no-crop, auto-height video slider ====== *\/\r\n#inspiroLike.wpz-video-slider-wrapper.swiper {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  overflow: visible;\r\n  background: #000;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* Ensure Swiper allows natural video height *\/\r\n#inspiroLike, \r\n#inspiroLike .swiper-wrapper, \r\n#inspiroLike .swiper-slide {\r\n  height: auto !important;\r\n  overflow: visible;\r\n}\r\n\r\n#inspiroLike .wpz-slide-item {\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n\/* Video wrapper adjusts to real aspect ratio *\/\r\n#inspiroLike .wpz-video-bg {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 9;\r\n  background: #000;\r\n}\r\n#inspiroLike .wpz-video-bg::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(0, 0, 0, .35);\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Full frame, no crop *\/\r\n#inspiroLike .wpz-video-bg video,\r\n#inspiroLike .wpz-video-bg img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  object-position: center;\r\n}\r\n\r\n#inspiroLike .wpz-video-fallback {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  background: #000;\r\n}\r\n\r\n\/* Overlay control buttons *\/\r\n#inspiroLike .wpz-background-video-buttons-wrapper {\r\n  position: absolute;\r\n  left: 18px;\r\n  bottom: 18px;\r\n  z-index: 3;\r\n  display: flex;\r\n  gap: 10px;\r\n}\r\n#inspiroLike .wpz-background-video-buttons-wrapper a {\r\n  display: grid;\r\n  place-items: center;\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 8px;\r\n  background: rgba(0, 0, 0, .35);\r\n  color: #fff;\r\n  text-decoration: none;\r\n  font-size: 16px;\r\n}\r\n#inspiroLike .wpz-background-video-buttons-wrapper a:hover {\r\n  background: rgba(0, 0, 0, .55);\r\n}\r\n#inspiroLike .display-none { display: none !important; }\r\n\r\n\/* Hide slider arrows *\/\r\n#inspiroLike .swiper-button-prev,\r\n#inspiroLike .swiper-button-next {\r\n  display: none !important;\r\n}\r\n\r\n\/* Pagination dots (hidden for one slide) *\/\r\n#inspiroLike .wpz-slider-pagination { bottom: 20px !important; }\r\n#inspiroLike .swiper-pagination-bullet { background: rgba(255,255,255,.5); opacity: 1; }\r\n#inspiroLike .swiper-pagination-bullet-active { background: #fff; }\r\n<\/style>\r\n\r\n<div class=\"wpz-video-slider-wrapper swiper\" id=\"inspiroLike\">\r\n  <div class=\"swiper-wrapper\">\r\n\r\n    <!-- SLIDE 1 (Video only \u2014 no text or button) -->\r\n    <div class=\"wpz-slide-item swiper-slide wpz-slide-item--video\">\r\n      <div class=\"wpz-video-bg\">\r\n        <video autoplay muted playsinline preload=\"metadata\" crossorigin=\"anonymous\">\r\n          <source src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/10\/ADV.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n      <\/div>\r\n\r\n      <!-- Video controls -->\r\n      <div class=\"wpz-background-video-buttons-wrapper\">\r\n        <a class=\"wpz-button-video-background-play display-none\" href=\"#\" aria-label=\"Play\">\u25b6<\/a>\r\n        <a class=\"wpz-button-video-background-pause display-none\" href=\"#\" aria-label=\"Pause\">\u23f8<\/a>\r\n        <a class=\"wpz-button-sound-background-unmute display-none\" href=\"#\" aria-label=\"Sound on\">\ud83d\udd0a<\/a>\r\n        <a class=\"wpz-button-sound-background-mute display-none\" href=\"#\" aria-label=\"Muted\">\ud83d\udd07<\/a>\r\n      <\/div>\r\n\r\n      <img decoding=\"async\" class=\"wpz-video-fallback\" src=\"https:\/\/images.unsplash.com\/photo-1518779578993-ec3579fee39f?q=80&w=1600&auto=format&fit=crop\" alt=\"Fallback\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Pagination (hidden automatically if only 1 slide) -->\r\n  <div class=\"wpz-slider-pagination swiper-pagination\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function(){\r\n  const root  = document.getElementById('inspiroLike');\r\n  const slides = Array.from(root.querySelectorAll('.swiper-slide'));\r\n  const pag   = root.querySelector('.swiper-pagination');\r\n  const isMulti = slides.length > 1;\r\n\r\n  const swiper = new Swiper(root, {\r\n    loop: isMulti,\r\n    rewind: !isMulti,\r\n    speed: 800,\r\n    autoplay: isMulti ? { delay: 7000, disableOnInteraction: false } : false,\r\n    pagination: isMulti ? { el: pag, clickable: true } : false,\r\n    allowTouchMove: isMulti,\r\n    watchOverflow: true,\r\n  });\r\n\r\n  const getAllVideos = () => Array.from(root.querySelectorAll('video'));\r\n  const getActiveSlide = () => swiper.slides[swiper.activeIndex];\r\n  const getActiveVideo = () => getActiveSlide()?.querySelector('video') || null;\r\n  const pauseAllVideos = () => getAllVideos().forEach(v => v.pause());\r\n\r\n  const syncButtons = (slide) => {\r\n    if(!slide) return;\r\n    const v = slide.querySelector('video');\r\n    const btnPlay  = slide.querySelector('.wpz-button-video-background-play');\r\n    const btnPause = slide.querySelector('.wpz-button-video-background-pause');\r\n    const btnMute  = slide.querySelector('.wpz-button-sound-background-mute');\r\n    const btnUn    = slide.querySelector('.wpz-button-sound-background-unmute');\r\n    if(!v) return;\r\n\r\n    if(v.paused){\r\n      btnPlay.classList.remove('display-none');\r\n      btnPause.classList.add('display-none');\r\n    } else {\r\n      btnPlay.classList.add('display-none');\r\n      btnPause.classList.remove('display-none');\r\n    }\r\n\r\n    if(v.muted){\r\n      btnMute.classList.remove('display-none'); \/\/ \ud83d\udd07 visible when muted\r\n      btnUn.classList.add('display-none');\r\n    } else {\r\n      btnMute.classList.add('display-none');\r\n      btnUn.classList.remove('display-none');   \/\/ \ud83d\udd0a visible when sound on\r\n    }\r\n  };\r\n\r\n  const ONE_SEC = 1.0; \/\/ stop 1s before end\r\n\r\n  slides.forEach(slide => {\r\n    const v = slide.querySelector('video');\r\n    if(!v) return;\r\n\r\n    const btnPlay  = slide.querySelector('.wpz-button-video-background-play');\r\n    const btnPause = slide.querySelector('.wpz-button-video-background-pause');\r\n    const btnMute  = slide.querySelector('.wpz-button-sound-background-mute');\r\n    const btnUn    = slide.querySelector('.wpz-button-sound-background-unmute');\r\n\r\n    \/\/ Auto resize aspect ratio based on video\r\n    v.addEventListener('loadedmetadata', () => {\r\n      const wrap = slide.querySelector('.wpz-video-bg');\r\n      if (v.videoWidth && v.videoHeight) {\r\n        wrap.style.aspectRatio = `${v.videoWidth}\/${v.videoHeight}`;\r\n      }\r\n    });\r\n\r\n    v.addEventListener('timeupdate', () => {\r\n      if (!isFinite(v.duration) || v.duration === 0) return;\r\n      const remaining = v.duration - v.currentTime;\r\n      if (remaining <= ONE_SEC) {\r\n        const target = Math.max(0, v.duration - ONE_SEC);\r\n        if (!v.paused) v.pause();\r\n        if (Math.abs(v.currentTime - target) > 0.05) v.currentTime = target;\r\n        syncButtons(slide);\r\n      }\r\n    });\r\n\r\n    v.addEventListener('click', () => {\r\n      if(v.paused){\r\n        if (isFinite(v.duration) && (v.duration - v.currentTime) <= ONE_SEC + 0.05) v.currentTime = 0;\r\n        v.play().catch(()=>{});\r\n      } else v.pause();\r\n    });\r\n\r\n    btnPlay.addEventListener('click', e=>{\r\n      e.preventDefault();\r\n      if (isFinite(v.duration) && (v.duration - v.currentTime) <= ONE_SEC + 0.05) v.currentTime = 0;\r\n      v.play().catch(()=>{});\r\n    });\r\n    btnPause.addEventListener('click', e=>{ e.preventDefault(); v.pause(); });\r\n    btnMute.addEventListener('click', e=>{ e.preventDefault(); v.muted = false; v.play().catch(()=>{}); });\r\n    btnUn.addEventListener('click', e=>{ e.preventDefault(); v.muted = true; });\r\n\r\n    ['play','pause','volumechange','canplay'].forEach(ev=>{\r\n      v.addEventListener(ev, () => syncButtons(slide), { passive: true });\r\n    });\r\n\r\n    syncButtons(slide);\r\n  });\r\n\r\n  const refreshForActive = () => {\r\n    pauseAllVideos();\r\n    const v = getActiveVideo();\r\n    if(v){\r\n      if(v.muted !== true) v.muted = true;\r\n      v.currentTime = 0;\r\n      v.play().catch(()=>{});\r\n    }\r\n    syncButtons(getActiveSlide());\r\n  };\r\n\r\n  swiper.on('slideChange', refreshForActive);\r\n  swiper.on('afterInit', refreshForActive);\r\n\r\n  setTimeout(()=>{ swiper.update(); refreshForActive(); }, 50);\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa85b94 e-flex e-con-boxed e-con e-parent\" data-id=\"fa85b94\" 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-f9b6a38 elementor-widget elementor-widget-html\" data-id=\"f9b6a38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- (Isolated) ABOUT US SECTION TITLE -->\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n\/>\r\n\r\n<style>\r\n  \/* ---------- ABOUT US TITLE & BAR (ISOLATED) ---------- *\/\r\n  .cyber-about-header {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    justify-content: flex-start;\r\n    font-family: \"Poppins\", sans-serif;\r\n    width: fit-content;\r\n    margin-left: -20px; \/* ajuste de posi\u00e7\u00e3o (DESKTOP) *\/\r\n  }\r\n\r\n  .cyber-about-title {\r\n    font-size: 32px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin: 0 0 14px 0;\r\n    text-shadow: 0 0 10px rgba(106, 13, 173, 0.5);\r\n  }\r\n\r\n  .cyber-about-bar {\r\n    width: 165px;\r\n    height: 8px;\r\n    border-radius: 6px;\r\n    background: linear-gradient(90deg, #6a0dad, #9b30ff);\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 0 12px rgba(106, 13, 173, 0.6);\r\n  }\r\n\r\n  .cyber-about-bar::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -40%;\r\n    top: 0;\r\n    width: 40%;\r\n    height: 100%;\r\n    background: rgba(255, 255, 255, 0.45);\r\n    animation: cyberAboutBarSlide 3s linear infinite;\r\n  }\r\n\r\n  @keyframes cyberAboutBarSlide {\r\n    0% { left: -40%; }\r\n    50% { left: 100%; }\r\n    100% { left: 100%; }\r\n  }\r\n\r\n  \/* ===== MOBILE ONLY FIXES \u2014 ABOUT US ===== *\/\r\n  @media (max-width: 720px) {\r\n\r\n    .cyber-about-header {\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      margin: 0 auto 30px !important;\r\n      width: 100% !important;\r\n      text-align: center !important;\r\n      margin-left: 0 !important; \/* remove o deslocamento de 50px s\u00f3 no mobile *\/\r\n    }\r\n\r\n    .cyber-about-title {\r\n      text-align: center !important;\r\n    }\r\n\r\n    .cyber-about-bar {\r\n      margin: 0 auto !important;\r\n    \r\n    \r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"cyber-about-header\">\r\n  <h2 class=\"cyber-about-title\">About Us<\/h2>\r\n  <div class=\"cyber-about-bar\"><\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53b1503 e-flex e-con-boxed e-con e-parent\" data-id=\"53b1503\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2b31fad e-con-full e-flex e-con e-child\" data-id=\"2b31fad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3a0d61d e-con-full e-flex e-con e-child\" data-id=\"3a0d61d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e0b1e2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2e0b1e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ===== ABOUT FULL-WIDTH (igual ao TEAM) ===== *\/\r\n  .ca-about {\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    width: 100vw;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    font-family: \"Poppins\", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\r\n  }\r\n\r\n  @supports (width: 100dvw) {\r\n    .ca-about {\r\n      width: 100dvw;\r\n      margin-left: calc(-50dvw + 0px);\r\n      margin-right: calc(-50dvw + 0px);\r\n    }\r\n  }\r\n\r\n  \/* Conte\u00fado centrado dentro do full width *\/\r\n  .ca-about .ca-about-wrap {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 24px 20px;      \/* \u2705 reduz o \u201cgap\u201d interno *\/\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ca-about-wrapper {\r\n    display: flex;\r\n    gap: 2rem;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .ca-about-text,\r\n  .ca-about-image {\r\n    flex: 1 1 0;\r\n    min-width: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ca-about-text {\r\n    color: #f5f5f5;\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* \u2705 evita \u201cburaco\u201d acima do texto por margin do primeiro <p> *\/\r\n  .ca-about-text p:first-child { margin-top: 0; }\r\n  .ca-about-text p { margin: 0 0 1.2em; }\r\n  .ca-about-text p:last-child { margin-bottom: 0; }\r\n\r\n  .ca-about-image {\r\n    overflow: hidden;\r\n    border-radius: 16px;\r\n    aspect-ratio: 1 \/ 1;\r\n  }\r\n\r\n  .ca-about-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    object-position: center;\r\n  }\r\n\r\n  \/* ===== MOBILE ===== *\/\r\n  @media (max-width: 900px) {\r\n    .ca-about .ca-about-wrap {\r\n      padding: 16px 16px;   \/* \u2705 s\u00f3 um pouco menor que a tela *\/\r\n    }\r\n\r\n    .ca-about-wrapper {\r\n      flex-direction: column;\r\n      gap: 16px;            \/* \u2705 gap normal no mobile *\/\r\n    }\r\n\r\n    \/* \u2705 garante que o bloco da imagem n\u00e3o colapsa *\/\r\n    .ca-about-image {\r\n      width: 100%;\r\n      max-width: 520px;     \/* controla para n\u00e3o ficar \u201cgigante\u201d *\/\r\n      margin: 0 auto;\r\n      aspect-ratio: 1 \/ 1;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"ca-about\" aria-label=\"About\">\r\n  <div class=\"ca-about-wrap\">\r\n    <div class=\"ca-about-wrapper\">\r\n\r\n      <div class=\"ca-about-text\">\r\n        <p>Casa Almeida began with a dream \u2014 the dream of two people fascinated by art and by the possibility of turning ideas into reality. Our products, websites, designs, commercials, and even our decorative pieces have always shared one purpose: bringing art into people\u2019s everyday lives.<\/p>\r\n\r\n        <p>What started as a single website selling Portuguese art soon revealed a wider world \u2014 a community of people who cherish art as deeply as we do. This inspired us to expand our portfolio, always driven by the belief that creativity can help make the world a more beautiful place to live.<\/p>\r\n\r\n        <p>We invite you to be part of this experience. Let art help your business grow.<\/p>\r\n\r\n        <p>Art moves us. Let it bring more life to your business \u2014 and attract more customers.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ca-about-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/paint.jpg\" alt=\"\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\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<div class=\"elementor-element elementor-element-8767ea9 e-flex e-con-boxed e-con e-parent\" data-id=\"8767ea9\" 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-e0e1e7a elementor-widget elementor-widget-html\" data-id=\"e0e1e7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- (Isolated) TEAM SECTION TITLE -->\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n\/>\r\n\r\n<style>\r\n  \/* ---------- ISOLATED TEAM TITLE & BAR ---------- *\/\r\n  .iso-team-header {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    justify-content: flex-start;\r\n    font-family: \"Poppins\", sans-serif;\r\n    width: fit-content;\r\n    margin-left: -10px; \/* ajuste de posi\u00e7\u00e3o (DESKTOP) *\/\r\n  }\r\n\r\n  .iso-team-title {\r\n    font-size: 32px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin: 0 0 14px 0;\r\n    text-shadow: 0 0 10px rgba(106, 13, 173, 0.5);\r\n  }\r\n\r\n  .iso-team-bar {\r\n    width: 220px;\r\n    height: 8px;\r\n    border-radius: 6px;\r\n    background: linear-gradient(90deg, #6a0dad, #9b30ff);\r\n    position: relative;\r\n    overflow: hidden;\r\n    margin: 0 0 0px 0;\r\n    box-shadow: 0 0 12px rgba(106, 13, 173, 0.6);\r\n  }\r\n\r\n  .iso-team-bar::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -40%;\r\n    top: 0;\r\n    width: 40%;\r\n    height: 100%;\r\n    background: rgba(255, 255, 255, 0.45);\r\n    animation: isoTeamBarSlide 3s linear infinite;\r\n  }\r\n\r\n  @keyframes isoTeamBarSlide {\r\n    0% { left: -40%; }\r\n    50% { left: 100%; }\r\n    100% { left: 100%; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"iso-team-header\">\r\n  <h2 class=\"iso-team-title\">Who we are<\/h2>\r\n  <div class=\"iso-team-bar\"><\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<!-- END OF TITLE - TEAM \u2014 vers\u00e3o cyberpunk, elegante e transl\u00facida -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n  .se-team {\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    width: 100vw;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    background: transparent;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    font-family: \"Poppins\", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\r\n  }\r\n\r\n  @supports (width: 100dvw) {\r\n    .se-team {\r\n      width: 100dvw;\r\n      margin-left: calc(-50dvw + 0px);\r\n      margin-right: calc(-50dvw + 0px);\r\n    }\r\n  }\r\n\r\n  .se-team .se-wrap {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n  }\r\n\r\n  \/* ===== Grid ===== *\/\r\n  .se-grid {\r\n    display: grid;\r\n    gap: 40px;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    align-items: start;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .se-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  \/* ===== Card estilo cyberpunk ===== *\/\r\n  .se-card {\r\n    display: grid;\r\n    grid-template-columns: 180px 1fr;\r\n    gap: 24px;\r\n    align-items: center;\r\n    border-radius: 20px;\r\n    padding: 24px 26px;\r\n    background: rgba(15, 15, 25, 0.45);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    box-shadow:\r\n      0 0 20px rgba(0, 255, 255, 0.15),\r\n      0 0 40px rgba(255, 0, 255, 0.1),\r\n      0 10px 35px rgba(0, 0, 0, 0.4);\r\n    backdrop-filter: blur(10px) saturate(180%);\r\n    transition: transform 0.4s ease, box-shadow 0.4s ease, border 0.4s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .se-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: inherit;\r\n    background: linear-gradient(130deg, rgba(0,255,255,0.15), rgba(255,0,255,0.15));\r\n    opacity: 0.4;\r\n    z-index: 0;\r\n  }\r\n\r\n  .se-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: inherit;\r\n    background: linear-gradient(120deg, #00ffff 0%, #ff00ff 100%);\r\n    opacity: 0;\r\n    z-index: 1;\r\n    transition: opacity 0.4s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .se-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(255, 255, 255, 0.25);\r\n    box-shadow:\r\n      0 0 25px rgba(0, 255, 255, 0.3),\r\n      0 0 50px rgba(255, 0, 255, 0.25),\r\n      0 18px 60px rgba(0, 0, 0, 0.6);\r\n  }\r\n\r\n  .se-card:hover::after {\r\n    opacity: 0.15;\r\n    animation: pulseGlow 3s infinite alternate;\r\n  }\r\n\r\n  @keyframes pulseGlow {\r\n    0% { opacity: 0.1; filter: hue-rotate(0deg); }\r\n    100% { opacity: 0.25; filter: hue-rotate(60deg); }\r\n  }\r\n\r\n  @media (max-width: 720px) {\r\n    .se-card {\r\n      grid-template-columns: 1fr;\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  \/* ===== Avatar circular ===== *\/\r\n  .se-avatar {\r\n    width: 180px;\r\n    height: 180px;\r\n    border-radius: 999px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    margin: 0;\r\n    box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);\r\n    z-index: 2;\r\n  }\r\n\r\n  .se-avatar::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -2px;\r\n    border-radius: inherit;\r\n    pointer-events: none;\r\n    opacity: 0.4;\r\n    background: radial-gradient(100% 100% at 50% 0%, rgba(255, 255, 255, 0.3), transparent 70%);\r\n  }\r\n\r\n  .se-avatar img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    filter: saturate(1.2) contrast(1.05);\r\n  }\r\n\r\n  \/* ===== Conte\u00fado ===== *\/\r\n  .se-content {\r\n    color: #fff;\r\n    z-index: 2;\r\n    position: relative;\r\n  }\r\n\r\n  .se-name {\r\n    font-weight: 700;\r\n    font-size: clamp(20px, 2.2vw, 26px);\r\n    line-height: 1.15;\r\n    margin: 0 0 6px;\r\n    color: #00ffff;\r\n    text-shadow: 0 0 12px rgba(0, 255, 255, 0.5);\r\n  }\r\n\r\n  .se-role {\r\n    font-size: 15px;\r\n    color: #ff80ff;\r\n    opacity: 0.9;\r\n    margin: 0 0 12px;\r\n  }\r\n\r\n  .se-desc {\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n    opacity: 0.95;\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* ===== Acessibilidade ===== *\/\r\n  .se-card:focus-within {\r\n    outline: 2px solid #0ff;\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .se-card {\r\n      transition: none;\r\n    }\r\n    .se-card:hover {\r\n      transform: none;\r\n    }\r\n  }\r\n\r\n  \/* ===== MOBILE ONLY FIXES ===== *\/\r\n  @media (max-width: 720px) {\r\n\r\n    \/* Centralizar t\u00edtulo e barra *\/\r\n    .iso-team-header {\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      margin: 0 auto 30px !important;\r\n      width: 100% !important;\r\n      text-align: center !important;\r\n      margin-left: 0 !important; \/* remove o deslocamento de 50px s\u00f3 no mobile *\/\r\n    }\r\n\r\n    .iso-team-title {\r\n      text-align: center !important;\r\n    }\r\n\r\n    .iso-team-bar {\r\n      width: 165px;\r\n      margin: 0 auto !important;\r\n    \r\n    }\r\n\r\n    \/* Centralizar cards *\/\r\n    .se-card {\r\n      text-align: center !important;\r\n      grid-template-columns: 1fr !important;\r\n      justify-items: center !important;\r\n    }\r\n\r\n    \/* Centralizar avatar *\/\r\n    .se-avatar {\r\n      margin: 0 auto !important;\r\n    }\r\n\r\n    \/* Centralizar textos *\/\r\n    .se-content {\r\n      text-align: center !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"se-team\" aria-label=\"Team\">\r\n  <div class=\"se-wrap\">\r\n    <div class=\"se-grid\">\r\n\r\n      <!-- COLUNA 1 \u2014 \u0160\u00c1RKA -->\r\n      <article class=\"se-card\" tabindex=\"0\">\r\n        <figure class=\"se-avatar\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/spolu-zusammen.eu\/wp-content\/uploads\/2025\/10\/foto-na-web.jpeg\"\r\n            alt=\"\u0160\u00e1rka Almeida de Souza\"\/>\r\n        <\/figure>\r\n        <div class=\"se-content\">\r\n          <h3 class=\"se-name\">\u0160\u00e1rka<\/h3>\r\n          <p class=\"se-role\">Founder and Retail CEO<\/p>\r\n          <p class=\"se-desc\">\r\nA steady contact and CEO of the store. Approaches requests with calm focus, making sure things are handled quickly and correctly. Someone you can count to keep communication smooth, find solutions without drama, and ensure everything works as it should.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- COLUNA 2 \u2014 ANTONIO -->\r\n      <article class=\"se-card\" tabindex=\"0\">\r\n        <figure class=\"se-avatar\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Screenshot-2025-11-18-110904.png\"\r\n            alt=\"Ane\u017eka \u010c\u00e1slavsk\u00e1\"\/>\r\n        <\/figure>\r\n        <div class=\"se-content\">\r\n          <h3 class=\"se-name\">Antonio \"Junsh\u014d\"<\/h3>\r\n          <p class=\"se-role\">Founder & Lead Dev Artist<\/p>\r\n          <p class=\"se-desc\">\r\n            An artist at heart and a developer by craft, working with calm precision and a clear sense of aesthetics. Every project is approached with care, clarity, and thoughtful simplicity, aiming to create something that feels balanced, reliable, and genuinely well-made.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd2e46c e-flex e-con-boxed e-con e-parent\" data-id=\"cd2e46c\" 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-06c1f9c elementor-widget elementor-widget-html\" data-id=\"06c1f9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- (Isolated) PORTFOLIO SECTION TITLE -->\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n\/>\r\n\r\n<style>\r\n  \/* ---------- ISOLATED PORTFOLIO TITLE & BAR ---------- *\/\r\n  .iso-portfolio-header {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    justify-content: flex-start;\r\n    font-family: \"Poppins\", sans-serif;\r\n    width: fit-content;\r\n    margin-left: -10px; \/* ajuste de posi\u00e7\u00e3o *\/\r\n  }\r\n\r\n  .iso-portfolio-title {\r\n    font-size: 32px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin: 0 0 14px 0;\r\n    text-shadow: 0 0 10px rgba(106, 13, 173, 0.5);\r\n  }\r\n\r\n  .iso-portfolio-bar {\r\n    width: 180px;\r\n    height: 8px;\r\n    border-radius: 6px;\r\n    background: linear-gradient(90deg, #6a0dad, #9b30ff);\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 0 12px rgba(106, 13, 173, 0.6);\r\n  }\r\n\r\n  .iso-portfolio-bar::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -40%;\r\n    top: 0;\r\n    width: 40%;\r\n    height: 100%;\r\n    background: rgba(255, 255, 255, 0.45);\r\n    animation: isoPortfolioBarSlide 3s linear infinite;\r\n  }\r\n\r\n  @keyframes isoPortfolioBarSlide {\r\n    0% { left: -40%; }\r\n    50% { left: 100%; }\r\n    100% { left: 100%; }\r\n  }\r\n  \/* ===== MOBILE ONLY FIXES \u2014 PORTFOLIO ===== *\/\r\n@media (max-width: 720px) {\r\n\r\n  .iso-portfolio-header {\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    margin: 0 auto 30px !important;\r\n    width: 100% !important;\r\n    text-align: center !important;\r\n    margin-left: 0 !important; \/* remove o deslocamento de -10px no mobile *\/\r\n  }\r\n\r\n  .iso-portfolio-title {\r\n    text-align: center !important;\r\n  }\r\n\r\n  .iso-portfolio-bar {\r\n    width: 165px;\r\n    margin: 0 auto !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"iso-portfolio-header\">\r\n  <h2 class=\"iso-portfolio-title\">PORTFOLIO<\/h2>\r\n  <div class=\"iso-portfolio-bar\"><\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e65d8e e-flex e-con-boxed e-con e-parent\" data-id=\"6e65d8e\" 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-3b879ed elementor-widget elementor-widget-html\" data-id=\"3b879ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"pt-br\">\r\n<head>\r\n<meta charset=\"utf-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n<title>Gallery Full-Width com V\u00eddeo no Hover<\/title>\r\n<style>\r\n  html, body {\r\n    margin: 0;\r\n    padding: 0;\r\n    background: #000;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  \/* --- se\u00e7\u00e3o full-bleed --- *\/\r\n  .gallery {\r\n    position: relative;\r\n    width: 100vw;          \/* ocupa toda a largura da viewport *\/\r\n    left: 50%;\r\n    margin-left: -50vw;    \/* quebra o container do tema *\/\r\n    margin-right: -50vw;\r\n    margin-bottom: 32px;   \/* espa\u00e7o pra pr\u00f3xima se\u00e7\u00e3o n\u00e3o colar *\/\r\n  }\r\n\r\n  \/* --- grid --- *\/\r\n  .gallery__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 0;\r\n  }\r\n\r\n  @media (max-width: 1200px) {\r\n    .gallery__grid { grid-template-columns: repeat(3, 1fr); }\r\n  }\r\n  @media (max-width: 900px)  {\r\n    .gallery__grid { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n\r\n  \/* mobile: 1 coluna, s\u00f3 3 tiles vis\u00edveis *\/\r\n  @media (max-width: 768px) {\r\n    .gallery {\r\n      padding-inline: 0; \/* encostado mesmo, full-bleed no mobile tamb\u00e9m *\/\r\n    }\r\n    .gallery__grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 8px;\r\n      padding-inline: 8px; \/* s\u00f3 um respiro nas laterais *\/\r\n    }\r\n  }\r\n\r\n  \/* --- cada item --- *\/\r\n  .tile {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: #000;\r\n  }\r\n\r\n  \/* define a altura (aspect ratio) sem depender de suporte a aspect-ratio *\/\r\n  .tile::before {\r\n    content: \"\";\r\n    display: block;\r\n    padding-top: 66.6667%; \/* 3:2 no desktop *\/\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .tile::before {\r\n      padding-top: 56.25%; \/* 16:9 no mobile *\/\r\n    }\r\n  }\r\n\r\n  .tile img,\r\n  .tile video {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n  }\r\n\r\n  .tile video {\r\n    opacity: 0;\r\n    transition: opacity .25s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .tile:hover video,\r\n  .tile:focus-within video {\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* --- somente desktop\/tablet --- *\/\r\n  @media (max-width: 768px) {\r\n    .tile--only-desktop {\r\n      display: none;\r\n    }\r\n\r\n    .tile {\r\n      border-radius: 8px;\r\n    }\r\n    .tile img,\r\n    .tile video {\r\n      border-radius: 8px;\r\n    }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"gallery\">\r\n  <div class=\"gallery__grid\">\r\n\r\n    <!-- 1) Christchurch \u2014 VIS\u00cdVEL NO MOBILE -->\r\n    <figure class=\"tile\">\r\n      <img decoding=\"async\" alt=\"Christchurch\" src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Screenshot-2025-11-20-111533.png\">\r\n      <video muted loop playsinline preload=\"metadata\"\r\n             poster=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Screenshot-2025-11-20-111533.png\">\r\n        <source src=\"https:\/\/store.almeidadesouza.pt\/wp-content\/uploads\/2025\/11\/Extelligence-Campain-2025-Pharma-sd-.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/figure>\r\n    \r\n    <!-- 5) G\u2019woon \u2014 Mobile -->\r\n    <figure class=\"tile\">\r\n      <img decoding=\"async\" alt=\"G\u2019woon\" src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Screenshot-2025-11-20-113651.png\">\r\n      <video muted loop playsinline preload=\"metadata\"\r\n             poster=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Screenshot-2025-11-20-113651.png\">\r\n        <source src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Screen-Recording-2025-11-20-113630.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/figure>\r\n\r\n    <!-- 2) Ivory Fly Style \u2014 Desktop -->\r\n    <figure class=\"tile tile--only-desktop\">\r\n      <img decoding=\"async\" alt=\"Ivory Fly Style\" src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/jaguar-art-digitalillustration-oncapintada.jpg\">\r\n      <video muted loop playsinline preload=\"metadata\"\r\n             poster=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/jaguar-art-digitalillustration-oncapintada.jpg\">\r\n        <source src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/jaguar-art-digitalillustration-oncapintada.jpg\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/figure>\r\n\r\n    <!-- 3) Extelligence \u2014 VIS\u00cdVEL NO MOBILE -->\r\n    <figure class=\"tile\">\r\n      <img decoding=\"async\" alt=\"Extelligence\" src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Screenshot-2025-11-20-112426.png\">\r\n      <video muted loop playsinline preload=\"metadata\"\r\n             poster=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Screenshot-2025-11-20-112426.png\">\r\n        <source src=\"https:\/\/store.almeidadesouza.pt\/wp-content\/uploads\/2025\/11\/Extelligence-ADV-sd.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/figure>\r\n\r\n    <!-- 4) Rendez-Vous at Mumbai \u2014 S\u00d3 DESKTOP\/TABLET -->\r\n    <figure class=\"tile tile--only-desktop\">\r\n      <img decoding=\"async\" alt=\"Rendez-Vous at Mumbai\" src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Screenshot-2025-11-20-114527.png\">\r\n      <video muted loop playsinline preload=\"metadata\"\r\n             poster=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Screenshot-2025-11-20-114527.png\">\r\n        <source src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Recording-2025-11-20-114511.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/figure>\r\n\r\n    \r\n\r\n    <!-- 6) Real Images From Our Solar System \u2014 S\u00d3 DESKTOP\/TABLET -->\r\n    <figure class=\"tile tile--only-desktop\">\r\n      <img decoding=\"async\" alt=\"Real Images From Our Solar System\" src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Screenshot-2025-11-20-115259.png\">\r\n      <video muted loop playsinline preload=\"metadata\"\r\n             poster=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Screenshot-2025-11-20-115259.png\">\r\n        <source src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/PODCAST-1.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/figure>\r\n\r\n    <!-- 7) Finlandia \/ Luiz Gonzaga \u2014 S\u00d3 DESKTOP\/TABLET -->\r\n    <figure class=\"tile tile--only-desktop\">\r\n      <img decoding=\"async\" alt=\"Finlandia\" src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Luiz-Gonzaga-em-1957-luizgonzaga-baiao-forro-recife-pernambuco-reidobaiao-gonzagao-gonza.jpg\">\r\n      <video muted loop playsinline preload=\"metadata\"\r\n             poster=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Luiz-Gonzaga-em-1957-luizgonzaga-baiao-forro-recife-pernambuco-reidobaiao-gonzagao-gonza.jpg\">\r\n        <source src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Luiz-Gonzaga-em-1957-luizgonzaga-baiao-forro-recife-pernambuco-reidobaiao-gonzagao-gonza.jpg\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/figure>\r\n\r\n    <!-- 8) Sloth \u2014 S\u00d3 DESKTOP\/TABLET -->\r\n    <figure class=\"tile tile--only-desktop\">\r\n      <img decoding=\"async\" alt=\"Sloth\" src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Screenshot-2025-11-20-113106.png\">\r\n      <video muted loop playsinline preload=\"metadata\"\r\n             poster=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Screenshot-2025-11-20-113106.png\">\r\n        <source src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Quarantine-lazy.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/figure>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  const tiles = document.querySelectorAll('.tile video');\r\n  tiles.forEach(v => {\r\n    const box = v.parentElement;\r\n    box.addEventListener('mouseenter', () => {\r\n      v.currentTime = 0;\r\n      v.play().catch(()=>{});\r\n    });\r\n    box.addEventListener('mouseleave', () => {\r\n      v.pause();\r\n      v.currentTime = 0;\r\n    });\r\n  });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99cb846 e-flex e-con-boxed e-con e-parent\" data-id=\"99cb846\" 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-f26227f elementor-widget elementor-widget-html\" data-id=\"f26227f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ===== ZEN STATS FULL-WIDTH (igual ao ABOUT \/ TEAM) ===== *\/\r\n  .zen-stats {\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    width: 100vw;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    background: transparent;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    font-family: \"Poppins\", sans-serif;\r\n    color: #fff;\r\n  }\r\n\r\n  @supports (width: 100dvw) {\r\n    .zen-stats {\r\n      width: 100dvw;\r\n      margin-left: calc(-50dvw + 0px);\r\n      margin-right: calc(-50dvw + 0px);\r\n    }\r\n  }\r\n\r\n  \/* Conte\u00fado centrado *\/\r\n  .zen-stats__wrap {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    box-sizing: border-box;\r\n    text-align: center;\r\n  }\r\n\r\n  .zen-stats__inner {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 40px;\r\n  }\r\n\r\n  .zen-stats__item {\r\n    flex: 1 1 180px;\r\n    min-width: 150px;\r\n  }\r\n\r\n  .zen-stats__number {\r\n    display: block;\r\n    font-size: clamp(32px, 5vw, 56px);\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    text-shadow: 0 0 12px rgba(255,255,255,0.3);\r\n    letter-spacing: 1px;\r\n    transition: color .3s, text-shadow .3s;\r\n  }\r\n\r\n  .zen-stats__label {\r\n    display: block;\r\n    font-size: 15px;\r\n    text-transform: uppercase;\r\n    color: rgba(255,255,255,0.75);\r\n    letter-spacing: 0.5px;\r\n    margin-top: 6px;\r\n  }\r\n\r\n  \/* Hover *\/\r\n  .zen-stats__item:hover .zen-stats__number {\r\n    color: #8b5cf6;\r\n    text-shadow: 0 0 20px rgba(139,92,246,0.6);\r\n  }\r\n\r\n  \/* ===== MOBILE ===== *\/\r\n  @media (max-width: 600px) {\r\n    .zen-stats__wrap {\r\n      padding: 40px 16px; \/* quase largura total, igual ao ABOUT *\/\r\n    }\r\n\r\n    .zen-stats__inner {\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 30px;\r\n    }\r\n\r\n    .zen-stats__item {\r\n      flex: none;\r\n      width: 100%;\r\n      max-width: 320px;\r\n      text-align: center;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"zen-stats\" aria-label=\"Zen values\">\r\n  <div class=\"zen-stats__wrap\">\r\n    <div class=\"zen-stats__inner\">\r\n\r\n      <div class=\"zen-stats__item\">\r\n        <span class=\"zen-stats__number\">Quality<\/span>\r\n        <span class=\"zen-stats__label\">Work crafted with care<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"zen-stats__item\">\r\n        <span class=\"zen-stats__number\">Clarity<\/span>\r\n        <span class=\"zen-stats__label\">Simple, clean and effective solutions<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"zen-stats__item\">\r\n        <span class=\"zen-stats__number\">Reliability<\/span>\r\n        <span class=\"zen-stats__label\">Commitment from start to finish<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f09bc3b e-flex e-con-boxed e-con e-parent\" data-id=\"f09bc3b\" 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-e38bb6c elementor-widget elementor-widget-html\" data-id=\"e38bb6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- (Isolated) Cyberpunk Services Section - Matching \"Who we are\" -->\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\r\n\/>\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n\/>\r\n\r\n<style>\r\n  :root {\r\n    --sv-purple: #6a0dad;\r\n    --sv-violet: #9b30ff;\r\n    --sv-cyan: #00aaff;\r\n  }\r\n\r\n  \/* ===== SECTION WRAPPER (ISOLATED) ===== *\/\r\n  .cyber-sv-section {\r\n    position: relative;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    color: #fff;\r\n    background: url(\"https:\/\/images.unsplash.com\/photo-1496307042754-b4aa456c4a2d?q=80&w=1600&auto=format&fit=crop\")\r\n      center center \/ cover no-repeat;\r\n    padding: 90px 20px;\r\n    overflow: hidden;\r\n    font-family: \"Poppins\", sans-serif;\r\n  }\r\n  @supports (width: 100dvw) {\r\n    .cyber-sv-section { width: 100dvw; max-width: 100dvw; }\r\n  }\r\n  .cyber-sv-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(0,0,0,.78);\r\n    backdrop-filter: blur(4px);\r\n    z-index: 0;\r\n  }\r\n  .cyber-sv-section > * { position: relative; z-index: 1; }\r\n\r\n  .cyber-sv-wrap {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* ===== TITLE + BAR (ISOLATED & ALIGNED) =====\r\n     Ajuste o deslocamento pelo margin-left da .cyber-sv-header *\/\r\n  .cyber-sv-header {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    width: fit-content;\r\n    margin-left: 50px; \/* DESKTOP: alinhado com o resto *\/\r\n  }\r\n  .cyber-sv-title {\r\n    font-size: 32px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    margin: 0 0 12px 0;\r\n    text-shadow: 0 0 10px rgba(106,13,173,.5);\r\n  }\r\n  .cyber-sv-bar {\r\n    height: 8px;\r\n    width: 220px;\r\n    border-radius: 6px;\r\n    background: linear-gradient(90deg, var(--sv-purple), var(--sv-violet));\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 0 12px rgba(106,13,173,.6);\r\n  }\r\n  .cyber-sv-bar::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -40%;\r\n    top: 0;\r\n    width: 40%;\r\n    height: 100%;\r\n    background: rgba(255,255,255,.45);\r\n    animation: svBarSlide 3.2s linear infinite;\r\n  }\r\n  @keyframes svBarSlide {\r\n    0% { left: -40%; }\r\n    50% { left: 100%; }\r\n    100% { left: 100%; }\r\n  }\r\n\r\n  \/* ===== CARDS (ISOLATED) ===== *\/\r\n  .cyber-sv-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(240px, 1fr));\r\n    gap: 28px;\r\n    margin-top: 36px;\r\n  }\r\n  @media (max-width: 980px) {\r\n    .cyber-sv-grid { grid-template-columns: repeat(2, minmax(240px, 1fr)); }\r\n  }\r\n  @media (max-width: 620px) {\r\n    .cyber-sv-grid { grid-template-columns: 1fr; }\r\n  }\r\n\r\n  .cyber-sv-card {\r\n    background: rgba(15,10,25,.6);\r\n    border: 1px solid rgba(178,78,255,.5);\r\n    border-radius: 18px;\r\n    padding: 26px 22px 28px;\r\n    backdrop-filter: blur(10px);\r\n    box-shadow: 0 0 18px rgba(178,78,255,.18);\r\n    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;\r\n    text-align: left;\r\n  }\r\n  .cyber-sv-card:hover {\r\n    transform: translateY(-8px) scale(1.01);\r\n    border-color: rgba(178,78,255,.9);\r\n    box-shadow: 0 0 30px rgba(178,78,255,.35);\r\n  }\r\n\r\n  .cyber-sv-icon {\r\n    width: 58px;\r\n    height: 58px;\r\n    border-radius: 14px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 14px;\r\n    background: radial-gradient(circle at 35% 35%, rgba(155,48,255,.65), rgba(0,0,0,.4));\r\n    border: 1px solid rgba(178,78,255,.6);\r\n    box-shadow: 0 0 16px rgba(178,78,255,.35);\r\n  }\r\n  .cyber-sv-icon i {\r\n    font-size: 24px;\r\n    color: #fff;\r\n    text-shadow: 0 0 8px rgba(0,170,255,.6);\r\n  }\r\n\r\n  .cyber-sv-card-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 6px 0 8px;\r\n    color: #fff;\r\n  }\r\n  .cyber-sv-card-desc {\r\n    font-size: 14px;\r\n    color: #ddd;\r\n    line-height: 1.65;\r\n    margin: 0 0 14px;\r\n  }\r\n\r\n  .cyber-sv-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin: 10px 0 0;\r\n  }\r\n  .cyber-sv-tag {\r\n    font-size: 12px;\r\n    color: #cfe9ff;\r\n    background: rgba(0,170,255,.14);\r\n    border: 1px solid rgba(0,170,255,.35);\r\n    padding: 6px 10px;\r\n    border-radius: 999px;\r\n  }\r\n\r\n  \/* CTA (ISOLATED) *\/\r\n  .cyber-sv-cta {\r\n    margin-top: 38px;\r\n    text-align: center;\r\n  }\r\n  .cyber-sv-btn {\r\n    appearance: none;\r\n    border: 1px solid rgba(178,78,255,.6);\r\n    background: linear-gradient(90deg, rgba(106,13,173,.9), rgba(0,170,255,.85));\r\n    color: #fff;\r\n    border-radius: 999px;\r\n    padding: 12px 22px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    letter-spacing: .4px;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    box-shadow: 0 0 16px rgba(155,48,255,.35);\r\n    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;\r\n    display: inline-block;\r\n  }\r\n  .cyber-sv-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 0 26px rgba(0,170,255,.45);\r\n    filter: brightness(1.05);\r\n  }\r\n\r\n  \/* ===== MOBILE ONLY FIXES \u2014 OUR SERVICES TITLE ===== *\/\r\n  @media (max-width: 720px) {\r\n    .cyber-sv-header {\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      margin: 0 auto 30px !important;\r\n      width: 100% !important;\r\n      text-align: center !important;\r\n      margin-left: 0 !important; \/* remove o deslocamento de 50px s\u00f3 no mobile *\/\r\n    }\r\n\r\n    .cyber-sv-title {\r\n      text-align: center !important;\r\n    }\r\n\r\n    .cyber-sv-bar {\r\n      margin: 0 auto !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cyber-sv-section\" aria-labelledby=\"cyber-sv-title\">\r\n  <div class=\"cyber-sv-wrap\">\r\n    <div class=\"cyber-sv-header\">\r\n      <h2 id=\"cyber-sv-title\" class=\"cyber-sv-title\">Our Services<\/h2>\r\n      <div class=\"cyber-sv-bar\" aria-hidden=\"true\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cyber-sv-grid\">\r\n      <!-- Service 1 -->\r\n      <article class=\"cyber-sv-card\">\r\n        <div class=\"cyber-sv-icon\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i><\/div>\r\n        <h3 class=\"cyber-sv-card-title\">Artistic Creation<\/h3>\r\n        <p class=\"cyber-sv-card-desc\">\r\n          Images, posters, commercials, and visual identities created with care. \r\n          Work that blends creativity, clarity, and a touch of personality\u2014designed to help your brand feel alive.\r\n        <\/p>\r\n        <div class=\"cyber-sv-tags\">\r\n          <span class=\"cyber-sv-tag\">Posters<\/span>\r\n          <span class=\"cyber-sv-tag\">Branding<\/span>\r\n          <span class=\"cyber-sv-tag\">Campaign Art<\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Service 2 -->\r\n      <article class=\"cyber-sv-card\">\r\n        <div class=\"cyber-sv-icon\"><i class=\"fa-solid fa-code\"><\/i><\/div>\r\n        <h3 class=\"cyber-sv-card-title\">Web Development<\/h3>\r\n        <p class=\"cyber-sv-card-desc\">\r\n          Clean, modern websites built with intention. From structure to style, everything is crafted \r\n          to be smooth, intuitive, and ready to grow with your project.\r\n        <\/p>\r\n        <div class=\"cyber-sv-tags\">\r\n          <span class=\"cyber-sv-tag\">Websites<\/span>\r\n          <span class=\"cyber-sv-tag\">WordPress<\/span>\r\n          <span class=\"cyber-sv-tag\">Responsive Design<\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Service 3 -->\r\n      <article class=\"cyber-sv-card\">\r\n        <div class=\"cyber-sv-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n        <h3 class=\"cyber-sv-card-title\">Custom Technical Work<\/h3>\r\n        <p class=\"cyber-sv-card-desc\">\r\n          Tailored solutions for what needs to run reliably: hardening, development, security, \r\n          integrations, and the small technical details that make everything work without friction.\r\n        <\/p>\r\n        <div class=\"cyber-sv-tags\">\r\n          <span class=\"cyber-sv-tag\">Security<\/span>\r\n          <span class=\"cyber-sv-tag\">Hardening<\/span>\r\n          <span class=\"cyber-sv-tag\">Custom Dev<\/span>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"cyber-sv-cta\">\r\n      <a class=\"cyber-sv-btn\" href=\"https:\/\/almeidadesouza.pt\/contact\/\">Contact Us<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed63bfd e-flex e-con-boxed e-con e-parent\" data-id=\"ed63bfd\" 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-dfcab06 elementor-widget elementor-widget-html\" data-id=\"dfcab06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- (Isolated) CLIENTS SECTION TITLE -->\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap\"\r\n  rel=\"stylesheet\"\r\n\/>\r\n\r\n<style>\r\n  \/* ---------- ISOLATED CLIENTS TITLE & BAR ---------- *\/\r\n  .iso-clients-header {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    justify-content: flex-start;\r\n    font-family: \"Poppins\", sans-serif;\r\n    width: fit-content;\r\n    margin-left: -10px; \/* ajuste de posi\u00e7\u00e3o (DESKTOP) *\/\r\n  }\r\n\r\n  .iso-clients-title {\r\n    font-size: 32px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin: 0 0 14px 0;\r\n    text-shadow: 0 0 10px rgba(106, 13, 173, 0.5);\r\n  }\r\n\r\n  .iso-clients-bar {\r\n    width: 130px;\r\n    height: 8px;\r\n    border-radius: 6px;\r\n    background: linear-gradient(90deg, #6a0dad, #9b30ff);\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: 0 0 12px rgba(106, 13, 173, 0.6);\r\n  }\r\n\r\n  .iso-clients-bar::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -40%;\r\n    top: 0;\r\n    width: 40%;\r\n    height: 100%;\r\n    background: rgba(255, 255, 255, 0.45);\r\n    animation: isoClientsBarSlide 3s linear infinite;\r\n  }\r\n\r\n  @keyframes isoClientsBarSlide {\r\n    0% { left: -40%; }\r\n    50% { left: 100%; }\r\n    100% { left: 100%; }\r\n  }\r\n\r\n  \/* ===== MOBILE ONLY FIXES \u2014 CLIENTS ===== *\/\r\n  @media (max-width: 720px) {\r\n\r\n    .iso-clients-header {\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      margin: 0 auto 30px !important;\r\n      width: 100% !important;\r\n      text-align: center !important;\r\n      margin-left: 0 !important; \/* remove o -10px s\u00f3 no mobile *\/\r\n    }\r\n\r\n    .iso-clients-title {\r\n      text-align: center !important;\r\n    }\r\n\r\n    .iso-clients-bar {\r\n      margin: 0 auto !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"iso-clients-header\">\r\n  <h2 class=\"iso-clients-title\">Clients<\/h2>\r\n  <div class=\"iso-clients-bar\"><\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aaf5d4f e-flex e-con-boxed e-con e-parent\" data-id=\"aaf5d4f\" 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-b1cb312 elementor-widget elementor-widget-html\" data-id=\"b1cb312\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n<meta charset=\"utf-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n\r\n<style>\r\nbody {\r\n  background:#0e0e0f;\r\n  color:#fff;\r\n  margin:0;\r\n  font-family:\"Poppins\", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\r\n}\r\n\r\n.zen-clients {\r\n  padding:60px 20px;\r\n  text-align:center;\r\n}\r\n\r\n\/* ====== ESTRUTURA GERAL ====== *\/\r\n.zen-clients__row {\r\n  max-width:1000px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* viewport e track *\/\r\n.zen-clients__viewport {\r\n  width:100%;\r\n}\r\n\r\n.zen-clients__track {\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));\r\n  gap:40px;\r\n  align-items:center;\r\n  justify-items:center;\r\n}\r\n\r\n.zen-clients__item {\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n}\r\n\r\n.zen-clients__logo {\r\n  width:200px;\r\n  height:auto;\r\n  filter:grayscale(100%) brightness(0.7);\r\n  opacity:0.8;\r\n  transition:filter .3s ease, opacity .3s ease, transform .3s ease;\r\n}\r\n\r\n.zen-clients__item:hover .zen-clients__logo {\r\n  filter:grayscale(0%) brightness(1);\r\n  opacity:1;\r\n  transform:scale(1.05);\r\n}\r\n\r\n\/* setas \u2013 escondidas no desktop *\/\r\n.zen-arrow {\r\n  display:none;\r\n}\r\n\r\n\/* ====== MOBILE: SLIDER EM UMA LINHA ====== *\/\r\n@media (max-width: 768px){\r\n\r\n  .zen-clients {\r\n    padding:40px 0;\r\n  }\r\n\r\n  \/* linha ocupando a largura da JANELA *\/\r\n  .zen-clients__row {\r\n    display:flex;\r\n    align-items:center;\r\n    width:100vw;                 \/* full viewport width *\/\r\n    position:relative;\r\n    left:50%;\r\n    margin-left:-50vw;           \/* truque pra colar na margem da janela *\/\r\n    padding:0 8px;               \/* respirinho m\u00ednimo nas bordas *\/\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .zen-arrow {\r\n    display:block;\r\n    border:none;\r\n    background:none;\r\n    color:#9b30ff;\r\n    font-size:38px;\r\n    font-weight:700;\r\n    cursor:pointer;\r\n    line-height:1;\r\n    padding:0;\r\n    user-select:none;\r\n  }\r\n\r\n  .zen-arrow:active {\r\n    transform:scale(0.9);\r\n  }\r\n\r\n  .zen-clients__viewport {\r\n    overflow:hidden;\r\n    flex:1;                      \/* o logo ocupa o espa\u00e7o entre as setas *\/\r\n  }\r\n\r\n  .zen-clients__track {\r\n    display:flex;\r\n    gap:0;\r\n    transform:translateX(0);\r\n    transition:transform .4s ease;\r\n    will-change:transform;\r\n  }\r\n\r\n  .zen-clients__item {\r\n    flex:0 0 100%;               \/* 1 logo por \u201cp\u00e1gina\u201d *\/\r\n  }\r\n\r\n  .zen-clients__logo {\r\n    width:65vw;\r\n    max-width:260px;\r\n  }\r\n}\r\n\r\n\/* seguran\u00e7a extra: no desktop nunca desliza *\/\r\n@media (min-width: 769px){\r\n  .zen-clients__track {\r\n    transform:none !important;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"zen-clients\">\r\n\r\n  <div class=\"zen-clients__row\">\r\n    <!-- setas: ficam na MESMA LINHA do logo -->\r\n    <button class=\"zen-arrow zen-arrow--prev\" aria-label=\"Anterior\">&#8249;<\/button>\r\n\r\n    <div class=\"zen-clients__viewport\">\r\n      <div class=\"zen-clients__track\" id=\"zenSlider\">\r\n\r\n        <a href=\"https:\/\/extelligence.com\/\" target=\"_blank\" rel=\"noopener\" class=\"zen-clients__item\">\r\n          <img decoding=\"async\" class=\"zen-clients__logo\"\r\n            src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Extelligence_logo_RGB-1.png\"\r\n            alt=\"Extelligence\">\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/spolu-zusammen.eu\/\" target=\"_blank\" rel=\"noopener\" class=\"zen-clients__item\">\r\n            \r\n          <img decoding=\"async\" class=\"zen-clients__logo\"\r\n            src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/Design-sem-nome-1.png\"\r\n            alt=\"Srosteme\">\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/dcul.eu\/\" target=\"_blank\" rel=\"noopener\" class=\"zen-clients__item\">\r\n            <div style=\"width:190px;\">\r\n          <img decoding=\"async\" class=\"zen-clients__logo\"\r\n            src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/11\/logo.webp\"\r\n            alt=\"DCUL\"><\/div>\r\n        <\/a>\r\n\r\n<a href=\"https:\/\/www.nidumagency.com\/\" target=\"_blank\" rel=\"noopener\" class=\"zen-clients__item\">\r\n  <div style=\"width:130px;\">\r\n    <img decoding=\"async\" \r\n      class=\"zen-clients__logo\"\r\n      src=\"https:\/\/almeidadesouza.pt\/wp-content\/uploads\/sites\/4\/2025\/12\/logo-1.png\"\r\n      alt=\"Nidum\">\r\n  <\/div>\r\n<\/a>\r\n\r\n\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <button class=\"zen-arrow zen-arrow--next\" aria-label=\"Pr\u00f3ximo\">&#8250;<\/button>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const track   = document.getElementById(\"zenSlider\");\r\n  const items   = Array.from(track.querySelectorAll(\".zen-clients__item\"));\r\n  const prevBtn = document.querySelector(\".zen-arrow--prev\");\r\n  const nextBtn = document.querySelector(\".zen-arrow--next\");\r\n\r\n  let index = 0;\r\n  let autoTimer = null;\r\n\r\n  const isMobile = () => window.matchMedia(\"(max-width: 768px)\").matches;\r\n\r\n  function updateSlider(){\r\n    if (!isMobile()){\r\n      track.style.transform = \"none\";\r\n      return;\r\n    }\r\n    const offset = -index * 100;\r\n    track.style.transform = `translateX(${offset}%)`;\r\n  }\r\n\r\n  function goNext(){\r\n    if (!isMobile()) return;\r\n    index = (index + 1) % items.length;\r\n    updateSlider();\r\n  }\r\n\r\n  function goPrev(){\r\n    if (!isMobile()) return;\r\n    index = (index - 1 + items.length) % items.length;\r\n    updateSlider();\r\n  }\r\n\r\n  function restartAuto(){\r\n    if (autoTimer) clearInterval(autoTimer);\r\n    if (!isMobile()) return;\r\n    autoTimer = setInterval(goNext, 4000);\r\n  }\r\n\r\n  nextBtn.addEventListener(\"click\", () => {\r\n    goNext();\r\n    restartAuto();\r\n  });\r\n\r\n  prevBtn.addEventListener(\"click\", () => {\r\n    goPrev();\r\n    restartAuto();\r\n  });\r\n\r\n  window.addEventListener(\"resize\", () => {\r\n    updateSlider();\r\n    restartAuto();\r\n  });\r\n\r\n  updateSlider();\r\n  restartAuto();\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e077ce e-flex e-con-boxed e-con e-parent\" data-id=\"8e077ce\" 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-f118918 elementor-widget elementor-widget-html\" data-id=\"f118918\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"\r\n  width:100vw;\r\n  height:6px;\r\n  border-radius:0;\r\n  margin:80px 0 60px 50%;\r\n  transform:translateX(-50%);\r\n  background:linear-gradient(90deg,#6a0dad,#9b30ff);\r\n  position:relative;\r\n  overflow:hidden;\r\n  box-shadow:0 0 14px rgba(155,48,255,0.5);\r\n\">\r\n  <div style=\"\r\n    content:'';\r\n    position:absolute;\r\n    top:0;\r\n    left:-40%;\r\n    width:40%;\r\n    height:100%;\r\n    background:rgba(255,255,255,0.4);\r\n    animation:cyberDividerSlide 3s linear infinite;\r\n  \"><\/div>\r\n\r\n  <style>\r\n    @keyframes cyberDividerSlide {\r\n      0% { left:-40%; }\r\n      50% { left:100%; }\r\n      100% { left:100%; }\r\n    }\r\n  <\/style>\r\n<\/div>\r\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>\u25b6 \u23f8 \ud83d\udd0a \ud83d\udd07 About Us Casa Almeida began with a dream \u2014 the dream of two people fascinated by art and by the possibility of turning ideas into reality. Our products, websites, designs, commercials, and even our decorative pieces have always shared one purpose: bringing art into people\u2019s everyday lives. What started as a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-86","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/almeidadesouza.pt\/cs\/wp-json\/wp\/v2\/pages\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almeidadesouza.pt\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almeidadesouza.pt\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almeidadesouza.pt\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almeidadesouza.pt\/cs\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":545,"href":"https:\/\/almeidadesouza.pt\/cs\/wp-json\/wp\/v2\/pages\/86\/revisions"}],"predecessor-version":[{"id":1008,"href":"https:\/\/almeidadesouza.pt\/cs\/wp-json\/wp\/v2\/pages\/86\/revisions\/1008"}],"wp:attachment":[{"href":"https:\/\/almeidadesouza.pt\/cs\/wp-json\/wp\/v2\/media?parent=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}