{"id":2,"date":"2023-12-26T13:27:25","date_gmt":"2023-12-26T13:27:25","guid":{"rendered":"http:\/\/localhost:8080\/?page_id=2"},"modified":"2025-08-13T22:06:38","modified_gmt":"2025-08-13T22:06:38","slug":"about-us","status":"publish","type":"page","link":"https:\/\/www.coraisdevidro.com\/en\/about-us\/","title":{"rendered":"About us"},"content":{"rendered":"\n<!-- Corais de Vidro \u2022 About Us (drop-in) -->\n<section id=\"cdv-about\" class=\"cdv\">\n  <style>\n    \/* ---- Palette (matches your site) ---- *\/\n    :root{\n      --bg:#111; --card:#181818; --muted:#595959; --text:#fff; --accent:#00a0d2; --accent-2:#0dc2b7;\n      --radius:16px; --shadow:0 10px 30px rgba(0,0,0,.35);\n    }\n    .cdv{color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}\n    .cdv *{box-sizing:border-box}\n    .cdv a{color:#022631;text-decoration:none}\n    .cdv .wrap{max-width:1200px;margin:auto;padding:0 20px}\n\n    \/* ---- Animations ---- *\/\n    .fade{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}\n    .fade.show{opacity:1;transform:none}\n    .rise:hover{transform:translateY(-4px)}\n    .smooth{transition:all .25s ease}\n    @media (prefers-reduced-motion:reduce){.fade{opacity:1;transform:none}}\n\n    \/* ---- Hero ---- *\/\n    .hero{position:relative;border-radius:calc(var(--radius) + 8px);overflow:hidden;margin:28px auto 36px;box-shadow:var(--shadow)}\n    .hero img{display:block;width:100%;height:420px;object-fit:cover;filter:saturate(105%) contrast(105%)}\n    .hero .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.55))}\n    .hero .title{position:absolute;inset:0;display:flex;align-items:center}\n    .hero .title .inner{padding:28px 36px;max-width:900px}\n    .hero h1{font-weight:800;font-size:clamp(28px,5vw,52px);margin:0 0 6px}\n    .hero p{color:#e9e9e9;font-size:clamp(16px,2.2vw,18px);margin:0}\n    .pill{display:inline-flex;gap:8px;align-items:center;background:rgba(0,160,210,.12);border:1px solid rgba(0,160,210,.35);\n      color:#dff8ff;padding:6px 12px;border-radius:999px;font-size:13px;margin-top:14px;backdrop-filter:blur(3px)}\n\n    \/* ---- Quick facts ---- *\/\n    .facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0 10px}\n    .fact{background:linear-gradient(180deg,#141414,#101010);border:1px solid #222;border-radius:var(--radius);\n      padding:18px 16px;box-shadow:var(--shadow)}\n    .fact h3{margin:0;color:#d9f6ff;font-size:14px;letter-spacing:.4px;font-weight:700}\n    .fact .num{font-size:28px;font-weight:800;margin-top:6px;color:#fff}\n    .fact p{margin:6px 0 0;color:#b8b8b8;font-size:13px}\n\n    \/* ---- Mission \/ Vision \/ Values ---- *\/\n    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}\n    .card{background:rgba(255,255,255,.02);border:1px solid #222;border-radius:var(--radius);padding:22px;\n      box-shadow:var(--shadow)}\n    .card:hover{border-color:rgba(0,160,210,.45);box-shadow:0 10px 35px rgba(0,160,210,.15)}\n    .badge{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--accent),var(--accent-2));\n      display:grid;place-items:center;color:#001417;font-weight:900;margin-bottom:12px}\n    .card h4{margin:0 0 6px;font-size:18px}\n    .card p{margin:0;color:#c9c9c9;line-height:1.5}\n\n    \/* ---- Timeline ---- *\/\n    .timeline{margin:10px 0 24px;border-left:2px solid #1e1e1e;padding-left:16px}\n    .step{position:relative;margin:14px 0;padding-left:8px}\n    .step::before{content:'';position:absolute;left:-27px;top:4px;width:14px;height:14px;border-radius:50%;\n      background:radial-gradient(circle at 30% 30%,#8df0ff,#00a0d2)}\n    .step h5{margin:.2rem 0;color:#e9faff}\n    .step p{margin:.2rem 0;color:#bdbdbd}\n\n    \/* ---- Team grid ---- *\/\n    .team{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}\n    .person{background:rgba(255,255,255,.02);border:1px solid #222;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}\n    .photo{aspect-ratio:1\/1;background:#0f0f0f;overflow:hidden}\n    .photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform .5s ease,filter .5s ease}\n    .person:hover .photo img{transform:scale(1.12);filter:saturate(110%)}\n    .meta{padding:14px 14px 16px}\n    .name{font-weight:700}\n    .role{color:#93d8ff;font-size:13px;margin-top:2px}\n    .bio{color:#c8c8c8;font-size:13px;margin-top:6px;line-height:1.5}\n\n    \/* ---- CTA ---- *\/\n    .cta{margin:28px 0 50px;border-radius:var(--radius);overflow:hidden;position:relative;\n      background:linear-gradient(135deg,rgba(0,160,210,.15),rgba(13,194,183,.15))}\n    .cta .inner{display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:22px}\n    .cta h3{margin:0}\n    .btn{background:linear-gradient(145deg,var(--accent),var(--accent-2));color:#00313a;border:none;border-radius:999px;\n      padding:10px 18px;font-weight:800;box-shadow:0 8px 20px rgba(0,160,210,.35)}\n    .btn:hover{filter:brightness(1.05);transform:translateY(-1px)}\n\n    \/* ---- Responsivo ---- *\/\n    @media (max-width:1024px){.facts{grid-template-columns:repeat(2,1fr)}.team{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}}\n    @media (max-width:560px){.facts{grid-template-columns:1fr}}\n  <\/style>\n\n  <!-- HERO -->\n  <div class=\"wrap\">\n    <div class=\"hero fade\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1514511547117-f9c2c5a4a2b9?q=80&#038;w=1800&#038;auto=format&#038;fit=crop\" alt=\"Coral reef placeholder\" loading=\"lazy\">\n      <div class=\"veil\"><\/div>\n      <div class=\"title\">\n        <div class=\"inner\">\n          <div class=\"pill smooth\">Corais \u2022 Peixes \u2022 Invertebrados<\/div>\n          <h1>Sobre a <span style=\"color:#8df0ff\">Corais de Vidro<\/span><\/h1>\n          <p>Uma loja nascida de um hobby que virou miss\u00e3o: ajudar a montar e manter recifes saud\u00e1veis, sustent\u00e1veis e deslumbrantes em Lisboa e arredores.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- QUICK FACTS -->\n  <div class=\"wrap fade\">\n    <div class=\"facts\">\n      <div class=\"fact rise smooth\">\n        <h3>Anos de paix\u00e3o<\/h3><div class=\"num\" data-count=\"2016\">2016<\/div>\n        <p>Desde que come\u00e7\u00e1mos a partilhar recifes com a comunidade.<\/p>\n      <\/div>\n      <div class=\"fact rise smooth\">\n        <h3>Esp\u00e9cies dispon\u00edveis<\/h3><div class=\"num\" data-count=\"250\">250+<\/div>\n        <p>Corais, peixes e invertebrados selecionados.<\/p>\n      <\/div>\n      <div class=\"fact rise smooth\">\n        <h3>Projetos montados<\/h3><div class=\"num\" data-count=\"180\">180<\/div>\n        <p>Aqu\u00e1rios chave-na-m\u00e3o e manuten\u00e7\u00e3o cont\u00ednua.<\/p>\n      <\/div>\n      <div class=\"fact rise smooth\">\n        <h3>Garantia de vida<\/h3><div class=\"num\">\u2714<\/div>\n        <p>Compromisso com log\u00edstica e aclimata\u00e7\u00e3o respons\u00e1veis.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CARDS -->\n  <div class=\"wrap fade\">\n    <div class=\"cards\">\n      <article class=\"card smooth\">\n        <div class=\"badge\">\ud83c\udfaf<\/div>\n        <h4>A nossa miss\u00e3o<\/h4>\n        <p>Democratizar recifes est\u00e1veis e bonitos, combinando sele\u00e7\u00e3o criteriosa, aconselhamento honesto e suporte t\u00e9cnico.<\/p>\n      <\/article>\n      <article class=\"card smooth\">\n        <div class=\"badge\">\ud83d\udc41\ufe0f<\/div>\n        <h4>A nossa vis\u00e3o<\/h4>\n        <p>Uma comunidade que valoriza bem-estar animal, origem respons\u00e1vel e partilha de conhecimento.<\/p>\n      <\/article>\n      <article class=\"card smooth\">\n        <div class=\"badge\">\ud83c\udf31<\/div>\n        <h4>Os nossos valores<\/h4>\n        <p>Transpar\u00eancia, responsabilidade, curadoria e assist\u00eancia p\u00f3s-venda que realmente acompanha o aquarista.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n\n  <!-- TIMELINE -->\n  <div class=\"wrap fade\">\n    <div class=\"timeline\">\n      <div class=\"step\">\n        <h5>Come\u00e7o como hobby \u2192 comunidade local<\/h5>\n        <p>Pequenos frag swaps e ajuda em montagens de amigos.<\/p>\n      <\/div>\n      <div class=\"step\">\n        <h5>Reabertura com nova gest\u00e3o<\/h5>\n        <p>Processos de quarentena, log\u00edstica e fotografia melhorados.<\/p>\n      <\/div>\n      <div class=\"step\">\n        <h5>Expans\u00e3o do cat\u00e1logo &#038; manuten\u00e7\u00e3o<\/h5>\n        <p>Parcerias com fornecedores e visitas t\u00e9cnicas regulares.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- TEAM -->\n  <div class=\"wrap fade\">\n    <h2 style=\"margin:8px 0 14px\">A equipa<\/h2>\n    <div class=\"team\">\n      <article class=\"person rise smooth\">\n        <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544551763-ced38b5f9cfb?q=80&#038;w=1200&#038;auto=format&#038;fit=crop\" alt=\"Placeholder\"><\/div>\n        <div class=\"meta\"><div class=\"name\">Nome Apelido<\/div><div class=\"role\">Aquarista \u2022 Curadoria<\/div><div class=\"bio\">Especialista em corais LPS\/SPS e estabilidade qu\u00edmica.<\/div><\/div>\n      <\/article>\n      <article class=\"person rise smooth\">\n        <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524504388940-b1c1722653e1?q=80&#038;w=1200&#038;auto=format&#038;fit=crop\" alt=\"Placeholder\"><\/div>\n        <div class=\"meta\"><div class=\"name\">Nome Apelido<\/div><div class=\"role\">Manuten\u00e7\u00e3o &#038; Montagem<\/div><div class=\"bio\">Instala\u00e7\u00e3o, tubagem e programa\u00e7\u00e3o de controladores.<\/div><\/div>\n      <\/article>\n      <article class=\"person rise smooth\">\n        <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556157382-97eda2d62296?q=80&#038;w=1200&#038;auto=format&#038;fit=crop\" alt=\"Placeholder\"><\/div>\n        <div class=\"meta\"><div class=\"name\">Nome Apelido<\/div><div class=\"role\">Log\u00edstica &#038; Sa\u00fade<\/div><div class=\"bio\">Rece\u00e7\u00e3o, aclimata\u00e7\u00e3o e quarentena de novos animais.<\/div><\/div>\n      <\/article>\n      <article class=\"person rise smooth\">\n        <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551836022-d5d88e9218df?q=80&#038;w=1200&#038;auto=format&#038;fit=crop\" alt=\"Placeholder\"><\/div>\n        <div class=\"meta\"><div class=\"name\">Nome Apelido<\/div><div class=\"role\">Conte\u00fado &#038; Suporte<\/div><div class=\"bio\">Guias, fotografia e apoio via WhatsApp\/loja.<\/div><\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n\n  <!-- CTA -->\n  <div class=\"wrap fade\">\n    <div class=\"cta smooth\">\n      <div class=\"inner\">\n        <h3>Quer montar um recife connosco?<\/h3>\n        <p style=\"color:#cfefff;margin:0\">Fale sobre projecto, or\u00e7amento e plano de manuten\u00e7\u00e3o.<\/p>\n        <a class=\"btn smooth\" href=\"\/contactos\">Falar com a equipa<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    \/\/ Reveal on scroll\n    const obs=new IntersectionObserver((els)=>els.forEach(e=>e.isIntersecting&&e.target.classList.add('show')),\n      {threshold:.16});\n    document.querySelectorAll('#cdv-about .fade').forEach(el=>obs.observe(el));\n\n    \/\/ Count-up for numbers (simple)\n    const nums=document.querySelectorAll('#cdv-about .num[data-count]');\n    const step=(el,target,start=0,dur=900)=>{const t0=performance.now();\n      const tick=(now)=>{const p=Math.min((now-t0)\/dur,1);el.textContent=\n        (start+(target-start)*p).toFixed(target%1?1:0).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g,'.');\n        if(p<1)requestAnimationFrame(tick);};\n      requestAnimationFrame(tick);}\n    new IntersectionObserver((entries)=>entries.forEach(e=>{\n      if(e.isIntersecting){const el=e.target;step(el,Number(el.dataset.count));obs2.unobserve(el);}\n    }),{threshold:.8});\n    const obs2 = new IntersectionObserver(()=>{});\n    document.querySelectorAll('#cdv-about .num[data-count]').forEach(el=>obs2.observe(el));\n  <\/script>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Corais \u2022 Peixes \u2022 Invertebrados Sobre a Corais de Vidro Uma loja nascida de um hobby que virou miss\u00e3o: ajudar [&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-2","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.coraisdevidro.com\/en\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.coraisdevidro.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.coraisdevidro.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.coraisdevidro.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.coraisdevidro.com\/en\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":6,"href":"https:\/\/www.coraisdevidro.com\/en\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":13718,"href":"https:\/\/www.coraisdevidro.com\/en\/wp-json\/wp\/v2\/pages\/2\/revisions\/13718"}],"wp:attachment":[{"href":"https:\/\/www.coraisdevidro.com\/en\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}