{"id":550,"date":"2026-08-28T17:18:34","date_gmt":"2026-08-28T17:18:34","guid":{"rendered":"https:\/\/petshopsancamilo.cl\/?page_id=550"},"modified":"2026-10-17T02:09:17","modified_gmt":"2026-10-17T02:09:17","slug":"petshop","status":"publish","type":"page","link":"https:\/\/petshopsancamilo.cl\/?page_id=550","title":{"rendered":"Petshop"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\nhtml {\n    scroll-behavior: smooth;\n}\n\n\n.sc-shop {\n    width: 100%;\n    padding: 75px 25px;\n\n    background: #f7faf9;\n\n    box-sizing: border-box;\n\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n\n.sc-shop-container {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n\n\/* CABECERA *\/\n\n.sc-shop-header {\n    text-align: center;\n\n    max-width: 750px;\n\n    margin: 0 auto 45px;\n}\n\n\n.sc-shop-header > span {\n    color: #078d75;\n\n    font-size: 12px;\n\n    font-weight: 900;\n\n    letter-spacing: 1.5px;\n}\n\n\n.sc-shop-header h2 {\n    margin: 10px 0 15px;\n\n    color: #073d35;\n\n    font-size: clamp(38px, 5vw, 58px);\n\n    line-height: 1;\n\n    font-weight: 900;\n}\n\n\n.sc-shop-header p {\n    color: #687672;\n\n    font-size: 17px;\n}\n\n\n\/* CATEGORIAS *\/\n\n.sc-shop-categorias {\n    display: grid;\n\n    grid-template-columns: repeat(6, 1fr);\n\n    gap: 12px;\n\n    margin-bottom: 80px;\n}\n\n\n.sc-shop-cat {\n    min-height: 100px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 8px;\n\n    background: #ffffff;\n\n    border: 1px solid #e4ece9;\n\n    border-radius: 16px;\n\n    color: #073d35 !important;\n\n    text-decoration: none !important;\n\n    font-size: 28px;\n\n    box-shadow:\n        0 8px 25px rgba(0, 50, 40, 0.06);\n\n    transition: 0.25s ease;\n}\n\n\n.sc-shop-cat strong {\n    font-size: 13px;\n}\n\n\n.sc-shop-cat:hover {\n    transform: translateY(-5px);\n\n    border-color: #21aa8e;\n\n    box-shadow:\n        0 15px 35px rgba(0, 70, 55, 0.12);\n}\n\n\n\/* PRODUCTOS *\/\n\n.sc-productos {\n    padding-top: 25px;\n\n    margin-bottom: 80px;\n}\n\n\n.sc-productos-header {\n    margin-bottom: 25px;\n}\n\n\n.sc-productos-header span {\n    color: #0b9c82;\n\n    font-size: 11px;\n\n    font-weight: 900;\n\n    letter-spacing: 1.5px;\n}\n\n\n.sc-productos-header h3 {\n    margin: 6px 0 0;\n\n    color: #073d35;\n\n    font-size: 32px;\n\n    font-weight: 900;\n}\n\n\n\/* GRID *\/\n\n.sc-productos-grid {\n    display: grid;\n\n    grid-template-columns: repeat(4, 1fr);\n\n    gap: 20px;\n}\n\n\n\/* CARD *\/\n\n.sc-card {\n    overflow: hidden;\n\n    background: #ffffff;\n\n    border: 1px solid #e4ebe9;\n\n    border-radius: 18px;\n\n    box-shadow:\n        0 10px 30px rgba(0, 50, 40, 0.06);\n\n    transition: 0.25s ease;\n}\n\n\n.sc-card:hover {\n    transform: translateY(-6px);\n\n    box-shadow:\n        0 20px 40px rgba(0, 50, 40, 0.12);\n}\n\n\n\/* IMAGEN *\/\n\n.sc-card-img {\n    height: 250px;\n\n    padding: 20px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    background: #ffffff;\n\n    box-sizing: border-box;\n}\n\n\n.sc-card-img img {\n    width: 100%;\n\n    height: 100%;\n\n    object-fit: contain;\n}\n\n\n\/* INFO *\/\n\n.sc-card-info {\n    padding: 20px;\n\n    border-top: 1px solid #edf1f0;\n}\n\n\n.sc-card-info span {\n    color: #0a9d82;\n\n    font-size: 10px;\n\n    font-weight: 900;\n\n    letter-spacing: 1px;\n}\n\n\n.sc-card-info h4 {\n    margin: 8px 0;\n\n    color: #123d36;\n\n    font-size: 19px;\n\n    font-weight: 900;\n}\n\n\n.sc-card-info p {\n    margin: 0 0 16px;\n\n    min-height: 40px;\n\n    color: #707c79;\n\n    font-size: 13px;\n\n    line-height: 1.5;\n}\n\n\n.sc-card-info > strong {\n    color: #073d35;\n\n    font-size: 18px;\n}\n\n\n\/* TABLET *\/\n\n@media (max-width: 950px) {\n\n    .sc-shop-categorias {\n        grid-template-columns: repeat(3, 1fr);\n    }\n\n\n    .sc-productos-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n}\n\n\n\/* CELULAR *\/\n\n@media (max-width: 600px) {\n\n    .sc-shop {\n        padding: 55px 15px;\n    }\n\n\n    .sc-shop-header h2 {\n        font-size: 38px;\n    }\n\n\n    .sc-shop-categorias {\n        grid-template-columns: repeat(2, 1fr);\n\n        margin-bottom: 55px;\n    }\n\n\n    .sc-shop-cat {\n        min-height: 95px;\n    }\n\n\n    .sc-productos-grid {\n        grid-template-columns: 1fr;\n    }\n\n\n    .sc-card-img {\n        height: 280px;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  \/\/ =====================================\n  \/\/ 1. SCROLL SUAVE A CATEGOR\u00cdAS\n  \/\/ =====================================\n\n  const linksCategorias = document.querySelectorAll(\".sc-shop-cat\");\n\n  linksCategorias.forEach(function (link) {\n\n    link.addEventListener(\"click\", function (e) {\n\n      const destino = link.getAttribute(\"href\");\n\n      if (!destino || !destino.startsWith(\"#\")) return;\n\n      const seccion = document.querySelector(destino);\n\n      if (!seccion) return;\n\n      e.preventDefault();\n\n      const offset = 90;\n\n      const posicion =\n        seccion.getBoundingClientRect().top +\n        window.pageYOffset -\n        offset;\n\n      window.scrollTo({\n        top: posicion,\n        behavior: \"smooth\"\n      });\n\n    });\n\n  });\n\n\n  \/\/ =====================================\n  \/\/ 2. PRODUCTOS APARECEN AL HACER SCROLL\n  \/\/ =====================================\n\n  const productos = document.querySelectorAll(\".sc-card\");\n\n  productos.forEach(function (producto) {\n    producto.style.opacity = \"0\";\n    producto.style.transform = \"translateY(30px)\";\n    producto.style.transition =\n      \"opacity 0.6s ease, transform 0.6s ease\";\n  });\n\n\n  const observer = new IntersectionObserver(\n    function (entries) {\n\n      entries.forEach(function (entry) {\n\n        if (entry.isIntersecting) {\n\n          entry.target.style.opacity = \"1\";\n          entry.target.style.transform = \"translateY(0)\";\n\n          observer.unobserve(entry.target);\n        }\n\n      });\n\n    },\n    {\n      threshold: 0.15\n    }\n  );\n\n\n  productos.forEach(function (producto) {\n    observer.observe(producto);\n  });\n\n\n  \/\/ =====================================\n  \/\/ 3. EFECTO EN CATEGOR\u00cdA SELECCIONADA\n  \/\/ =====================================\n\n  linksCategorias.forEach(function (categoria) {\n\n    categoria.addEventListener(\"click\", function () {\n\n      linksCategorias.forEach(function (item) {\n        item.classList.remove(\"sc-categoria-activa\");\n      });\n\n      categoria.classList.add(\"sc-categoria-activa\");\n\n    });\n\n  });\n\n});\n<\/script>\n\n<section class=\"sc-shop\" id=\"petshop\">\n\n  <div class=\"sc-shop-container\">\n\n    <div class=\"sc-shop-header\">\n      <span>\ud83d\udc3e PETSHOP SAN CAMILO<\/span>\n\n      <h2>\n        Encuentra todo para tu mascota\n      <\/h2>\n\n      <p>\n        Selecciona una categor\u00eda y revisa nuestros productos.\n      <\/p>\n    <\/div>\n\n\n    <!-- CATEGOR\u00cdAS -->\n    <div class=\"sc-shop-categorias\">\n\n      <a href=\"#productos-perros\" class=\"sc-shop-cat\">\n        \ud83d\udc36\n        <strong>Perros<\/strong>\n      <\/a>\n\n      <a href=\"#productos-gatos\" class=\"sc-shop-cat\">\n        \ud83d\udc31\n        <strong>Gatos<\/strong>\n      <\/a>\n\n      <a href=\"#productos-alimentos\" class=\"sc-shop-cat\">\n        \ud83e\udd69\n        <strong>Alimentos<\/strong>\n      <\/a>\n\n      <a href=\"#productos-snacks\" class=\"sc-shop-cat\">\n        \ud83e\uddb4\n        <strong>Snacks<\/strong>\n      <\/a>\n\n      <a href=\"#productos-accesorios\" class=\"sc-shop-cat\">\n        \ud83e\uddae\n        <strong>Accesorios<\/strong>\n      <\/a>\n\n      <a href=\"#productos-higiene\" class=\"sc-shop-cat\">\n        \ud83e\uddf4\n        <strong>Higiene<\/strong>\n      <\/a>\n\n    <\/div>\n\n\n    <!-- PRODUCTOS -->\n    <section class=\"sc-productos\" id=\"productos-perros\">\n\n      <div class=\"sc-productos-header\">\n        <span>PERROS<\/span>\n        <h3>Productos para perros<\/h3>\n      <\/div>\n\n      <div class=\"sc-productos-grid\">\n\n        <div class=\"sc-card\">\n\n          <div class=\"sc-card-img\">\n            <img decoding=\"async\" src=\"URL-PRODUCTO-1.jpg\" alt=\"Producto\">\n          <\/div>\n\n          <div class=\"sc-card-info\">\n\n            <span>ALIMENTO<\/span>\n\n            <h4>Pro Plan Adult<\/h4>\n\n            <p>\n              Alimento premium para perros adultos.\n            <\/p>\n\n            <strong>$00.000<\/strong>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"sc-card\">\n\n          <div class=\"sc-card-img\">\n            <img decoding=\"async\" src=\"URL-PRODUCTO-2.jpg\" alt=\"Producto\">\n          <\/div>\n\n          <div class=\"sc-card-info\">\n\n            <span>ALIMENTO<\/span>\n\n            <h4>Royal Canin<\/h4>\n\n            <p>\n              Nutrici\u00f3n especializada para tu mascota.\n            <\/p>\n\n            <strong>$00.000<\/strong>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"sc-card\">\n\n          <div class=\"sc-card-img\">\n            <img decoding=\"async\" src=\"URL-PRODUCTO-3.jpg\" alt=\"Producto\">\n          <\/div>\n\n          <div class=\"sc-card-info\">\n\n            <span>ACCESORIOS<\/span>\n\n            <h4>Correa Premium<\/h4>\n\n            <p>\n              C\u00f3moda y resistente para paseos.\n            <\/p>\n\n            <strong>$00.000<\/strong>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"sc-card\">\n\n          <div class=\"sc-card-img\">\n            <img decoding=\"async\" src=\"URL-PRODUCTO-4.jpg\" alt=\"Producto\">\n          <\/div>\n\n          <div class=\"sc-card-info\">\n\n            <span>SNACK<\/span>\n\n            <h4>Snack Dental<\/h4>\n\n            <p>\n              Premio ideal para complementar su alimentaci\u00f3n.\n            <\/p>\n\n            <strong>$00.000<\/strong>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/section>\n\n\n    <!-- GATOS -->\n\n    <section class=\"sc-productos\" id=\"productos-gatos\">\n\n      <div class=\"sc-productos-header\">\n        <span>GATOS<\/span>\n        <h3>Productos para gatos<\/h3>\n      <\/div>\n\n      <div class=\"sc-productos-grid\">\n\n        <div class=\"sc-card\">\n\n          <div class=\"sc-card-img\">\n            <img decoding=\"async\" src=\"URL-GATO-1.jpg\" alt=\"Producto para gato\">\n          <\/div>\n\n          <div class=\"sc-card-info\">\n\n            <span>ALIMENTO<\/span>\n\n            <h4>Alimento Premium<\/h4>\n\n            <p>\n              Nutrici\u00f3n completa para gatos.\n            <\/p>\n\n            <strong>$00.000<\/strong>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"sc-card\">\n\n          <div class=\"sc-card-img\">\n            <img decoding=\"async\" src=\"URL-GATO-2.jpg\" alt=\"Producto para gato\">\n          <\/div>\n\n          <div class=\"sc-card-info\">\n\n            <span>HIGIENE<\/span>\n\n            <h4>Arena Sanitaria<\/h4>\n\n            <p>\n              Control de olores y f\u00e1cil limpieza.\n            <\/p>\n\n            <strong>$00.000<\/strong>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/section>\n\n  <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udc3e PETSHOP SAN CAMILO Encuentra todo para tu mascota Selecciona una categor\u00eda y revisa nuestros productos. \ud83d\udc36 Perros \ud83d\udc31 Gatos \ud83e\udd69 Alimentos \ud83e\uddb4 Snacks \ud83e\uddae Accesorios \ud83e\uddf4 Higiene PERROS Productos para perros ALIMENTO Pro Plan Adult Alimento premium para perros adultos. $00.000 ALIMENTO Royal Canin Nutrici\u00f3n especializada para tu mascota. $00.000 ACCESORIOS Correa Premium C\u00f3moda [&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-550","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/petshopsancamilo.cl\/index.php?rest_route=\/wp\/v2\/pages\/550","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/petshopsancamilo.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/petshopsancamilo.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/petshopsancamilo.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/petshopsancamilo.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=550"}],"version-history":[{"count":4,"href":"https:\/\/petshopsancamilo.cl\/index.php?rest_route=\/wp\/v2\/pages\/550\/revisions"}],"predecessor-version":[{"id":623,"href":"https:\/\/petshopsancamilo.cl\/index.php?rest_route=\/wp\/v2\/pages\/550\/revisions\/623"}],"wp:attachment":[{"href":"https:\/\/petshopsancamilo.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}