{"id":518,"date":"2026-08-28T04:43:11","date_gmt":"2026-08-28T04:43:11","guid":{"rendered":"https:\/\/petshopsancamilo.cl\/?page_id=518"},"modified":"2026-10-17T01:53:42","modified_gmt":"2026-10-17T01:53:42","slug":"urgencias","status":"publish","type":"page","link":"https:\/\/petshopsancamilo.cl\/?page_id=518","title":{"rendered":""},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =====================================\n   FONDO HASTA EL PIE DE P\u00c1GINA\n===================================== *\/\n\nbody:has(#sc-urgencias-final) main {\n    padding-bottom: 0 !important;\n    background: #080b0b !important;\n}\n\nbody:has(#sc-urgencias-final) main > .ct-container,\nbody:has(#sc-urgencias-final) main > .ct-container-full {\n    padding-bottom: 0 !important;\n}\n\nbody:has(#sc-urgencias-final) .entry-content {\n    margin-bottom: 0 !important;\n    padding-bottom: 0 !important;\n    background-color: #080b0b;\n}\n\nbody:has(#sc-urgencias-final) .entry-content > :last-child {\n    margin-bottom: 0 !important;\n}\n\n\/* =====================================\n   BASE Y FONDO DIFUMINADO\n===================================== *\/\n\n#sc-urgencias-final,\n#sc-urgencias-final * {\n    box-sizing: border-box;\n}\n\n#sc-urgencias-final {\n    position: relative;\n    isolation: isolate;\n    width: 100%;\n    margin: 0 !important;\n    padding: 80px 24px;\n    overflow: hidden;\n\n    color: #fff;\n    font-family: Arial, Helvetica, sans-serif;\n\n    background:\n        radial-gradient(\n            ellipse at 0% 0%,\n            rgba(135, 42, 49, .28),\n            transparent 48%\n        ),\n        radial-gradient(\n            ellipse at 100% 100%,\n            rgba(0, 92, 66, .24),\n            transparent 55%\n        ),\n        #080b0b;\n}\n\n\/* =====================================\n   TARJETA\n===================================== *\/\n\n#sc-urgencias-final .su-tarjeta {\n    position: relative;\n    display: grid;\n    grid-template-columns: 170px minmax(0, 1fr);\n    align-items: center;\n    gap: 42px;\n\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 44px;\n\n    background: linear-gradient(\n        135deg,\n        rgba(255, 255, 255, .065),\n        rgba(255, 255, 255, .015)\n    );\n\n    border: 1px solid rgba(255, 255, 255, .25);\n    border-radius: 28px;\n    box-shadow: 0 20px 55px rgba(0, 0, 0, .18);\n\n    opacity: 1;\n    transform: none;\n}\n\n\/* JavaScript activa la entrada suave *\/\n#sc-urgencias-final.su-preparado .su-tarjeta {\n    opacity: 0;\n    transform: translateY(18px);\n    transition:\n        opacity .7s ease,\n        transform .7s ease;\n}\n\n#sc-urgencias-final.su-preparado.su-visible .su-tarjeta {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* =====================================\n   ICONO ROJO\n===================================== *\/\n\n#sc-urgencias-final .su-icono {\n    display: grid;\n    place-items: center;\n    justify-self: center;\n\n    width: 120px;\n    height: 120px;\n    color: #fff;\n\n    background: linear-gradient(135deg, #ff515b, #ed172c);\n    border-radius: 24px;\n    box-shadow: 0 14px 38px rgba(230, 25, 45, .16);\n}\n\n#sc-urgencias-final .su-icono svg {\n    display: block;\n    width: 68px;\n    height: 68px;\n}\n\n\/* =====================================\n   CONTENIDO\n===================================== *\/\n\n#sc-urgencias-final .su-contenido {\n    min-width: 0;\n    padding-left: 42px;\n    border-left: 1px solid rgba(255, 255, 255, .12);\n}\n\n#sc-urgencias-final .su-etiqueta {\n    display: inline-block;\n    margin: 0 0 18px;\n    padding: 8px 13px;\n\n    color: #ff969d;\n    background: rgba(224, 72, 82, .17);\n    border-radius: 30px;\n\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.5;\n    letter-spacing: 1.6px;\n}\n\n#sc-urgencias-final h2 {\n    margin: 0 0 22px;\n    padding: 0;\n\n    color: #fff;\n    font-family: inherit;\n    font-size: clamp(36px, 4.5vw, 58px);\n    font-weight: 900;\n    line-height: 1.05;\n    letter-spacing: -1.5px;\n}\n\n#sc-urgencias-final .su-descripcion {\n    max-width: 680px;\n    margin: 0 0 28px;\n    padding: 0;\n\n    color: rgba(255, 255, 255, .87);\n    font-size: 17px;\n    line-height: 1.7;\n}\n\n\/* =====================================\n   INFORMACI\u00d3N\n===================================== *\/\n\n#sc-urgencias-final .su-datos {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 22px;\n    margin-bottom: 32px;\n}\n\n#sc-urgencias-final .su-dato {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    min-width: 0;\n}\n\n#sc-urgencias-final .su-dato + .su-dato {\n    padding-left: 22px;\n    border-left: 1px solid rgba(255, 255, 255, .18);\n}\n\n#sc-urgencias-final .su-dato > svg {\n    display: block;\n    flex: 0 0 36px;\n    width: 36px;\n    height: 36px;\n    color: #e5eeeb;\n}\n\n#sc-urgencias-final .su-dato strong {\n    display: block;\n    margin-bottom: 5px;\n    color: #fff;\n    font-size: 15px;\n    line-height: 1.4;\n}\n\n#sc-urgencias-final .su-dato div > span {\n    display: block;\n    color: rgba(255, 255, 255, .7);\n    font-size: 13px;\n    line-height: 1.5;\n}\n\n\/* =====================================\n   BOT\u00d3N ROJO\n===================================== *\/\n\n#sc-urgencias-final .su-boton {\n    position: relative;\n    isolation: isolate;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n\n    max-width: 100%;\n    margin: 0;\n    padding: 17px 23px;\n\n    color: #fff !important;\n    background: linear-gradient(135deg, #ff414e, #ed142b);\n    border: 0;\n    border-radius: 14px;\n\n    font-family: inherit;\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.5;\n    text-align: center;\n    text-decoration: none !important;\n\n    box-shadow: 0 10px 28px rgba(230, 25, 45, .17);\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease;\n}\n\n#sc-urgencias-final .su-boton:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 14px 32px rgba(230, 25, 45, .28);\n}\n\n#sc-urgencias-final .su-boton:focus-visible {\n    outline: 3px solid #fff;\n    outline-offset: 5px;\n}\n\n#sc-urgencias-final .su-boton > svg {\n    display: block;\n    flex: 0 0 28px;\n    width: 28px;\n    height: 28px;\n}\n\n#sc-urgencias-final .su-punto {\n    display: block;\n    flex: 0 0 8px;\n    width: 8px;\n    height: 8px;\n\n    background: #fff;\n    border-radius: 50%;\n    animation: suPulso 2s ease-out infinite;\n}\n\n\/* Brillo breve al pasar el cursor *\/\n#sc-urgencias-final .su-boton::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n\n    background: #fff;\n    border-radius: inherit;\n    opacity: 0;\n    pointer-events: none;\n}\n\n#sc-urgencias-final .su-boton.su-destello::after {\n    animation: suDestello .45s ease-out;\n}\n\n@keyframes suPulso {\n    0% {\n        box-shadow: 0 0 0 0 rgba(255, 255, 255, .45);\n    }\n\n    75%, 100% {\n        box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);\n    }\n}\n\n@keyframes suDestello {\n    0%, 100% {\n        opacity: 0;\n    }\n\n    35% {\n        opacity: .12;\n    }\n}\n\n\/* =====================================\n   TABLET\n===================================== *\/\n\n@media (max-width: 900px) {\n    #sc-urgencias-final {\n        padding: 55px 22px;\n    }\n\n    #sc-urgencias-final .su-tarjeta {\n        grid-template-columns: 100px minmax(0, 1fr);\n        gap: 24px;\n        padding: 32px;\n    }\n\n    #sc-urgencias-final .su-icono {\n        width: 90px;\n        height: 90px;\n        border-radius: 20px;\n    }\n\n    #sc-urgencias-final .su-icono svg {\n        width: 52px;\n        height: 52px;\n    }\n\n    #sc-urgencias-final .su-contenido {\n        padding-left: 24px;\n    }\n\n    #sc-urgencias-final .su-datos {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n\n    #sc-urgencias-final .su-dato + .su-dato {\n        padding-left: 0;\n        border-left: 0;\n    }\n}\n\n\/* =====================================\n   CELULAR\n===================================== *\/\n\n@media (max-width: 600px) {\n    #sc-urgencias-final {\n        padding: 32px 16px;\n    }\n\n    #sc-urgencias-final .su-tarjeta {\n        grid-template-columns: 1fr;\n        gap: 24px;\n        padding: 28px 22px;\n        border-radius: 22px;\n    }\n\n    #sc-urgencias-final .su-icono {\n        justify-self: start;\n        width: 76px;\n        height: 76px;\n        border-radius: 18px;\n    }\n\n    #sc-urgencias-final .su-icono svg {\n        width: 46px;\n        height: 46px;\n    }\n\n    #sc-urgencias-final .su-contenido {\n        padding-left: 0;\n        border-left: 0;\n    }\n\n    #sc-urgencias-final .su-etiqueta {\n        font-size: 10px;\n        letter-spacing: 1.2px;\n    }\n\n    #sc-urgencias-final h2 {\n        font-size: clamp(29px, 8.5vw, 42px);\n        letter-spacing: -1px;\n    }\n\n    #sc-urgencias-final .su-descripcion {\n        font-size: 16px;\n    }\n\n    #sc-urgencias-final .su-boton {\n        width: 100%;\n        gap: 9px;\n        padding: 16px 12px;\n        font-size: 12px;\n    }\n\n    #sc-urgencias-final .su-boton > svg {\n        flex-basis: 24px;\n        width: 24px;\n        height: 24px;\n    }\n}\n\n\/* =====================================\n   MOVIMIENTO REDUCIDO\n===================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n    #sc-urgencias-final .su-tarjeta,\n    #sc-urgencias-final .su-punto,\n    #sc-urgencias-final .su-boton::after {\n        animation: none !important;\n        transition: none !important;\n    }\n\n    #sc-urgencias-final.su-preparado .su-tarjeta {\n        opacity: 1;\n        transform: none;\n    }\n\n    #sc-urgencias-final .su-boton {\n        transition: none;\n    }\n\n    #sc-urgencias-final .su-boton:hover {\n        transform: none;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n<script>\n(function () {\n    function iniciarUrgencias() {\n        const seccion = document.getElementById(\"sc-urgencias-final\");\n\n        if (!seccion || seccion.dataset.iniciado === \"true\") {\n            return;\n        }\n\n        seccion.dataset.iniciado = \"true\";\n\n        const movimientoReducido = window.matchMedia(\n            \"(prefers-reduced-motion: reduce)\"\n        );\n\n        \/* Entrada suave cuando la secci\u00f3n aparece en pantalla *\/\n        if (\n            !movimientoReducido.matches &&\n            \"IntersectionObserver\" in window\n        ) {\n            const observador = new IntersectionObserver(\n                function (entradas) {\n                    entradas.forEach(function (entrada) {\n                        if (entrada.isIntersecting) {\n                            seccion.classList.add(\"su-visible\");\n                            observador.disconnect();\n                        }\n                    });\n                },\n                { threshold: 0 }\n            );\n\n            seccion.classList.add(\"su-preparado\");\n            observador.observe(seccion);\n\n            movimientoReducido.addEventListener(\"change\", function (evento) {\n                if (evento.matches) {\n                    seccion.classList.add(\"su-visible\");\n                    observador.disconnect();\n                }\n            });\n        }\n\n        \/* Destello discreto al pasar por el bot\u00f3n *\/\n        const boton = seccion.querySelector(\".su-boton\");\n\n        if (!boton) return;\n\n        function activarDestello() {\n            if (movimientoReducido.matches) return;\n            boton.classList.add(\"su-destello\");\n        }\n\n        boton.addEventListener(\"pointerenter\", activarDestello);\n        boton.addEventListener(\"focus\", activarDestello);\n\n        boton.addEventListener(\"animationend\", function (evento) {\n            if (evento.animationName === \"suDestello\") {\n                boton.classList.remove(\"su-destello\");\n            }\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", iniciarUrgencias);\n    } else {\n        iniciarUrgencias();\n    }\n})();\n<\/script>\n<\/script>\n\n<section id=\"sc-urgencias-final\" aria-labelledby=\"su-titulo\">\n  <div class=\"su-tarjeta\">\n\n    <div class=\"su-icono\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 64 64\" fill=\"currentColor\">\n        <path d=\"M25 8h14v17h17v14H39v17H25V39H8V25h17z\"\/>\n      <\/svg>\n    <\/div>\n\n    <div class=\"su-contenido\">\n      <span class=\"su-etiqueta\">ATENCI\u00d3N PRIORITARIA<\/span>\n\n      <h2 id=\"su-titulo\">\n        Urgencias<br>veterinarias\n      <\/h2>\n\n      <p class=\"su-descripcion\">\n        Si tu mascota necesita atenci\u00f3n r\u00e1pida, escr\u00edbenos.\n        Evaluaremos tu caso y te orientaremos lo antes posible.\n      <\/p>\n\n      <div class=\"su-datos\">\n        <div class=\"su-dato\">\n          <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n            <path d=\"M12 7v5l3 2\"\/>\n          <\/svg>\n\n          <div>\n            <strong>Contacto directo<\/strong>\n            <span>Atenci\u00f3n por WhatsApp<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"su-dato\">\n          <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 1 1 16 0z\"\/>\n            <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n          <\/svg>\n\n          <div>\n            <strong>La Florida<\/strong>\n            <span>Veterinaria San Camilo<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <a\n        class=\"su-boton\"\n        href=\"https:\/\/wa.me\/56988315921?text=Hola%20Veterinaria%20San%20Camilo%2C%20tengo%20una%20urgencia%20con%20mi%20mascota\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <svg\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.7\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M21 11.5a9 9 0 0 1-13.3 7.9L3 21l1.6-4.7A9 9 0 1 1 21 11.5z\"\/>\n          <path d=\"M8 7c0 5 4 9 9 9l1-2-3-1-1 1c-2-1-3-2-4-4l1-1-1-3-2 1z\"\/>\n        <\/svg>\n\n        <span>CONTACTAR URGENCIAS<\/span>\n        <span class=\"su-punto\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>ATENCI\u00d3N PRIORITARIA Urgenciasveterinarias Si tu mascota necesita atenci\u00f3n r\u00e1pida, escr\u00edbenos. Evaluaremos tu caso y te orientaremos lo antes posible. Contacto directo Atenci\u00f3n por WhatsApp La Florida Veterinaria San Camilo CONTACTAR URGENCIAS<\/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-518","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/petshopsancamilo.cl\/index.php?rest_route=\/wp\/v2\/pages\/518","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=518"}],"version-history":[{"count":6,"href":"https:\/\/petshopsancamilo.cl\/index.php?rest_route=\/wp\/v2\/pages\/518\/revisions"}],"predecessor-version":[{"id":621,"href":"https:\/\/petshopsancamilo.cl\/index.php?rest_route=\/wp\/v2\/pages\/518\/revisions\/621"}],"wp:attachment":[{"href":"https:\/\/petshopsancamilo.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}