{"id":5981,"date":"2021-07-05T11:10:59","date_gmt":"2021-07-05T09:10:59","guid":{"rendered":"http:\/\/tintosmart.it\/?page_id=5981"},"modified":"2022-02-04T16:32:21","modified_gmt":"2022-02-04T15:32:21","slug":"sistema-de-color-portatil","status":"publish","type":"page","link":"https:\/\/tintosmart.it\/es\/sistema-de-color-portatil\/","title":{"rendered":"Sistema de color port\u00e1til"},"content":{"rendered":"\n<div class=\"pure-containerFluid kdescimg filterColor\" style=\"\">\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 d-flex h-fit order-mob-2\">\n                        <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"800\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/home-5-starter.jpg\" alt=\"\">\n        <\/div>\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 order-mob-1\">\n            <div class=\"kdescimg__contentCol\">\n                                    <h2>Inizia ora la tua esperienza<\/h2>\n                \n                \n                                    <a style=\"\"\n                            class=\"pure-button orangeBtn \" href=\"\/categoria-prodotto\/kit-tintosmart\/\" target=\"\">\n                        SCOPRI I NOSTRI KIT                    <\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kdescimg.filterColor{color: #272322; background-color: #FFFFFF;}\n    .kdescimg{color: #FFFFFF; background-color: #272322; margin-top: 0px;}\n    .kdescimg h2{font-size: 55px; line-height: 1.2;}\n    .kdescimg img{width: 100%; height: auto;}\n    .kdescimg__contentCol{display: flex; justify-content: center; width: 80%; margin: 0 auto; height: 100%; flex-direction: column; padding: 50px;}\n    .kdescimg .pure-button.whiteBtn, .kdescimg .pure-button.orangeBtn{width: fit-content; padding: 0.8em 5em;}\n    .kdescimg .kdescimg__desc{margin-bottom: 1.5em;}\n\n    .kdescimg .order-1{order: 1;}\n    .kdescimg .order-2{order: 2;}\n\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kdescimg .order-1{order: 2;}\n        .kdescimg .order-2{order: 1;}\n        .kdescimg .order-mob-1{order: 2;}\n        .kdescimg .order-mob-2{order: 1;}\n        .kdescimg h2{font-size: 45px;  margin-bottom: 45px; line-height: 45px;}\n        .kdescimg__contentCol{padding: 20px 0; margin-bottom: 70px;}\n        .kdescimg__contentCol .pure-button.whiteBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n        .kdescimg__contentCol .pure-button.orangeBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n\n        .kdescimg.filterColor h2{color: #272322; background-color: #FFFFFF; text-align: center; margin-bottom: 45px;}\n        .kdescimg h2{text-align: left; margin-bottom: 0;}\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n<\/style>\n\n\n<div class=\"pure-containerFluid pureCol\">\n            <div class=\"pure-row\">\n            <div class=\"pure-g\">\n                <div class=\"pure-u-1-1 pure-u-md-20-24 offset-md-1-12\">\n\n\n\n\n<style>\n\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n\n    }\n\n<\/style>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>El uso propuesto del sistema port\u00e1til de colores se divide en <strong>dos tipos<\/strong> dependiendo del modo de uso que el usuario pretenda seguir. El sistema port\u00e1til de colores, de hecho, se puede comprar y se incluye en dos kits diferentes llamados <strong>Basic Kit<\/strong> y <strong>Starter Kit<\/strong>.<\/p>\n\n\n\n<p>La diferencia en la propuesta radica en el tipo de uso que el usuario puede hacer del instrumento y por ello el contenido de los dos packs es <strong>diferente<\/strong> mientras que ambos contienen el sistema port\u00e1til de colores.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"pure-containerFluid kdescimg filterColor\" style=\"\">\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 d-flex h-fit order-mob-2\">\n                        <img decoding=\"async\" loading=\"lazy\" width=\"2400\" height=\"1924\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/10\/pag-s@2x.png\" alt=\"\">\n        <\/div>\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 order-mob-1\">\n            <div class=\"kdescimg__contentCol\">\n                                    <h2>Starter Kit<\/h2>\n                \n                                    <div class=\"kdescimg__desc\"><p>Permite realizar diversas aplicaciones especiales, gracias al mayor n\u00famero de instrumentos y accesorios insertados.<\/p>\n<\/div>\n                \n                                    <a style=\"\"\n                            class=\"pure-button orangeBtn \" href=\"\/prodotto\/starter-kit-tintometro-portatile\/\" target=\"\">\n                        SCOPRI DI PI\u00d9                    <\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kdescimg.filterColor{color: #272322; background-color: #FFFFFF;}\n    .kdescimg{color: #FFFFFF; background-color: #272322; margin-top: 0px;}\n    .kdescimg h2{font-size: 55px; line-height: 1.2;}\n    .kdescimg img{width: 100%; height: auto;}\n    .kdescimg__contentCol{display: flex; justify-content: center; width: 80%; margin: 0 auto; height: 100%; flex-direction: column; padding: 50px;}\n    .kdescimg .pure-button.whiteBtn, .kdescimg .pure-button.orangeBtn{width: fit-content; padding: 0.8em 5em;}\n    .kdescimg .kdescimg__desc{margin-bottom: 1.5em;}\n\n    .kdescimg .order-1{order: 1;}\n    .kdescimg .order-2{order: 2;}\n\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kdescimg .order-1{order: 2;}\n        .kdescimg .order-2{order: 1;}\n        .kdescimg .order-mob-1{order: 2;}\n        .kdescimg .order-mob-2{order: 1;}\n        .kdescimg h2{font-size: 45px;  margin-bottom: 45px; line-height: 45px;}\n        .kdescimg__contentCol{padding: 20px 0; margin-bottom: 70px;}\n        .kdescimg__contentCol .pure-button.whiteBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n        .kdescimg__contentCol .pure-button.orangeBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n\n        .kdescimg.filterColor h2{color: #272322; background-color: #FFFFFF; text-align: center; margin-bottom: 45px;}\n        .kdescimg h2{text-align: left; margin-bottom: 0;}\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n<\/style>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"pure-containerFluid kdescimg filterColor\" style=\"\">\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 d-flex h-fit order-2\">\n                        <img decoding=\"async\" loading=\"lazy\" width=\"2400\" height=\"1924\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/10\/pag-b@2x.png\" alt=\"\">\n        <\/div>\n        <div class=\"pure-u-1-1 pure-u-md-12-24 p-0 order-1\">\n            <div class=\"kdescimg__contentCol\">\n                                    <h2>Basic Kit<\/h2>\n                \n                                    <div class=\"kdescimg__desc\"><p class=\"p1\">Propuesta dirigida a quienes pretendan aprovechar las funciones b\u00e1sicas y esenciales del sistema port\u00e1til de colores.<\/p>\n<\/div>\n                \n                                    <a style=\"\"\n                            class=\"pure-button orangeBtn \" href=\"\/prodotto\/basic-kit\/\" target=\"\">\n                        SCOPRI DI PI\u00d9                    <\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kdescimg.filterColor{color: #272322; background-color: #FFFFFF;}\n    .kdescimg{color: #FFFFFF; background-color: #272322; margin-top: 0px;}\n    .kdescimg h2{font-size: 55px; line-height: 1.2;}\n    .kdescimg img{width: 100%; height: auto;}\n    .kdescimg__contentCol{display: flex; justify-content: center; width: 80%; margin: 0 auto; height: 100%; flex-direction: column; padding: 50px;}\n    .kdescimg .pure-button.whiteBtn, .kdescimg .pure-button.orangeBtn{width: fit-content; padding: 0.8em 5em;}\n    .kdescimg .kdescimg__desc{margin-bottom: 1.5em;}\n\n    .kdescimg .order-1{order: 1;}\n    .kdescimg .order-2{order: 2;}\n\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kdescimg .order-1{order: 2;}\n        .kdescimg .order-2{order: 1;}\n        .kdescimg .order-mob-1{order: 2;}\n        .kdescimg .order-mob-2{order: 1;}\n        .kdescimg h2{font-size: 45px;  margin-bottom: 45px; line-height: 45px;}\n        .kdescimg__contentCol{padding: 20px 0; margin-bottom: 70px;}\n        .kdescimg__contentCol .pure-button.whiteBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n        .kdescimg__contentCol .pure-button.orangeBtn {width: 100%;padding: 0.8em 0;text-align: center;}\n\n        .kdescimg.filterColor h2{color: #272322; background-color: #FFFFFF; text-align: center; margin-bottom: 45px;}\n        .kdescimg h2{text-align: left; margin-bottom: 0;}\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n        .kdescimg__contentCol{padding: 10px;}\n        .kdescimg h2{font-size: 45px;}\n    }\n\n<\/style>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<style>\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n\n    }\n\n<\/style>\n\n\n<div class=\"pure-containerFluid kdesc3col slide45375783\">\n    <div class=\"kdesc3col__bgBlack\"><\/div>\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-20-24 offset-md-1-12\">\n            <div class=\"pure-g\">\n                <div class=\"pure-u-1-1\"><h2>I Plus<\/h2><\/div>\n            <\/div>\n\n            <div class=\"swiper-container kdesc3col__swiper\">\n                <div class=\"swiper-wrapper\">\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/plus-1.jpg\" alt=\"\" width=\"600\" height=\"420\">\n                            \n                                                            <h3>Risparmia tempo<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p>Individua il tuo colore preferito o il colore desiderato dal cliente e riproduci sul posto la tinta selezionata, evitando <strong>spostamenti<\/strong> e <strong>tempi d\u2019attesa<\/strong> per la preparazione del prodotto.<\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/plus-2.jpg\" alt=\"\" width=\"600\" height=\"420\">\n                            \n                                                            <h3>Ottieni la massima precisione<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p>Le oltre <strong>500 formule colore<\/strong> inserite nel formulario sono appositamente studiate per garantire la precisione della tinta selezionata dalla cartella.<\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/plus-3.jpg\" alt=\"\" width=\"600\" height=\"420\">\n                            \n                                                            <h3>Dai sfogo alla tua creativit\u00e0<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p>TintoSmart consente all\u2019applicatore di liberare la fantasia creando la <strong>propria collezione colori<\/strong>, archiviando il colore del cliente e annotando le formule su apposite schede colore da inserire nel raccoglitore delle <strong>tinte personalizzate<\/strong> o nella sezione personale digitale.<\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"swiper-pagination\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kdesc3col{text-align: center; position: relative; margin-bottom: 70px;}\n    .kdesc3col h2{text-align: left; color: #FFFFFF; font-size: 55px; font-weight: 700; margin-top: 20px;}\n    .kdesc3col__bgBlack{background-color: #272322; position: absolute; top: 0; height: 200px; width: 100%;  z-index: -1;}\n    .kdesc3col h3{margin-top: 20px; color: #272322; font-size: 24px;}\n    .kdesc3col__desc{margin-bottom: 30px;}\n    .kdesc3col__single{padding-bottom: 30px;}\n\n    .kdesc3col .swiper-pagination.disabled {display: none;}\n\n    .kdesc3col .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #de6536;}\n    .kdesc3col .swiper-pagination-bullet {width: 8px;height: 8px;background: #FFFFFF;color: transparent;opacity: 1;border-radius: 50%;border: 2px solid #de6536;margin: 0 5px!important;}\n\n    .kdesc3col .swiper-pagination{display: none;}\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kdesc3col{margin-bottom: 0;}\n        .kdesc3col h2{font-size: 35px; padding-left: 15px; padding-right: 15px; line-height: 37px;}\n        .kdesc3col__desc{min-height: auto!important; width: 90%; margin: 0 auto;}\n        .kdesc3col__single{margin-bottom: 50px;}\n        .kdesc3col__bgBlack{height: 100%;}\n        .kdesc3col h3{color: #FFFFFF; font-size: 20px;}\n        .kdesc3col__single{color: #FFFFFF;}\n        .kdesc3col .pure-button.blackBtn{background-color: #FFFFFF; color: #272322;}\n        .kdesc3col .swiper-pagination{bottom: 30px;}\n        .kdesc3col .swiper-pagination-bullet{width: 8px;height: 8px;background: #272322;color: transparent;opacity: 1;\n            border-radius: 50%;border: 2px solid #FFFFFF;margin: 0 5px!important}\n        .kdesc3col .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #FFFFFF;}\n\n        .kdesc3col .pure-g > div[class*=\"pure-u-\"]{padding-left: 0!important; padding-right: 0!important;}\n\n        .kdesc3col .pure-button.blackBtn{display: flex;text-align: center;justify-content: center;width: 68%;margin: 0 auto;}\n        .kdesc3col .swiper-pagination{display: block;}\n\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .kgallerylist .swiper-container {width: 100%;height: 100%;}\n        .kdesc3col  .swiper-pagination-bullets{bottom: -6px;}\n        .kdesc3col h2{font-size: 38px;}\n        .kdesc3col .swiper-pagination{display: block;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n\n    }\n\n    \/* desktop *\/\n    @media screen and (min-width: 993px){\n        .kgallerylist .swiper-container {width: 100%;height: 100%;}\n        .kdesc3col  .swiper-pagination-bullets{bottom: -6px;}\n        .kdesc3col h2{font-size: 38px;}\n        .kdesc3col .swiper-pagination{display: block;}\n        .kdesc3col .swiper-wrapper{transform: translate3d(0px, 0, 0) !important;}\n    }\n\n<\/style>\n\n<script>\n    window.addEventListener('DOMContentLoaded', function() {\n        jQuery(function ($) {\n\n            var swiper3Col = new Swiper(\".slide45375783 .kdesc3col__swiper\", {\n                loop: true,\n                centeredSlides: true,\n                spaceBetween: 15,\n                pagination: {\n                    el: \".kdesc3col.slide45375783 .swiper-pagination\",\n                },\n                breakpoints: {\n                    0: {\n                        slidesPerView: 1.2,\n                        spaceBetween: 15,\n                    },\n                    768:{\n                        slidesPerView: 1,\n                        spaceBetween: 15,\n                    },\n                    1024: {\n                        slidesPerView: 3,\n                        spaceBetween: 15,\n                    },\n                }\n            });\n\n            $(window).on(\"resize load\", function(event){\n                if ( $(this).width() > 1023) {\n                    $(\".kdesc3col .swiper-wrapper\").addClass(\"disabled\");\n                    $(\".kdesc3col .swiper-pagination\").addClass(\"disabled\");\n                }else{\n                    $(\".kdesc3col .swiper-wrapper\").removeClass(\"disabled\");\n                    $(\".kdesc3col .swiper-pagination\").removeClass(\"disabled\");\n                }\n            });\n\n            \/* highest element *\/\n            $(window).on(\"load resize\",function(e){\n                $(\".kdesc3col__desc\").css(\"min-height\", \"auto\");\n                var h=0; \/\/ the height of the highest element (after the function runs)\n                $(\".kdesc3col__desc\").each(function () {\n                    if (  $(this).outerHeight() > h ) {\n                        h=$(this).outerHeight();\n                    }\n                    $(\".kdesc3col__desc\").css(\"min-height\", h);\n                });\n            });\n\n        }(jQuery));\n    });\n<\/script>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"pure-containerFluid kdesc3col slide50941593\">\n    <div class=\"kdesc3col__bgBlack\"><\/div>\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-20-24 offset-md-1-12\">\n            <div class=\"pure-g\">\n                <div class=\"pure-u-1-1\"><h2>I Target<\/h2><\/div>\n            <\/div>\n\n            <div class=\"swiper-container kdesc3col__swiper\">\n                <div class=\"swiper-wrapper\">\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/tintometro-applicatori.jpg\" alt=\"\" width=\"1200\" height=\"800\">\n                            \n                                                            <h3>Per applicatori professionisti<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p>Quante volte ti capitano richieste di nuovi colori in cantiere? Vuoi velocizzare il processo di selezione del colore e produzione dello stesso? Vuoi riprodurre precisamente il colore indicato dal committente?\u00a0<strong>Scegli<\/strong> <strong>Tintosmart<\/strong>!<\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/tintometro-rivendotori.jpg\" alt=\"\" width=\"1200\" height=\"800\">\n                            \n                                                            <h3>Per rivenditori<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p>Fidelizza i tuoi clienti professionisti e non, commercializzando i tintometri portatili, i coloranti e gli accessori necessari per la miscelazione. <strong>Scegli<\/strong> <strong>Tintosmart<\/strong>!<\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                    <div class=\"swiper-slide\">\n                        <div class=\"kdesc3col__single\">\n                                                                                        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/06\/tintometro-faidate.jpg\" alt=\"\" width=\"1200\" height=\"800\">\n                            \n                                                            <h3>Per amanti del fai da te<\/h3>\n                            \n                                                            <div class=\"kdesc3col__desc\"><p>Sei un hobbista, un appassionato di bricolage e del fai da te nel mondo dell\u2019edilizia e vuoi tinteggiare i prodotti senza sprechi dando sfogo alla tua creativit\u00e0?\u00a0<strong>Scegli<\/strong> <strong>Tintosmart<\/strong>!<\/p>\n<\/div>\n                            \n                                                                                <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"swiper-pagination\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kdesc3col{text-align: center; position: relative; margin-bottom: 70px;}\n    .kdesc3col h2{text-align: left; color: #FFFFFF; font-size: 55px; font-weight: 700; margin-top: 20px;}\n    .kdesc3col__bgBlack{background-color: #272322; position: absolute; top: 0; height: 200px; width: 100%;  z-index: -1;}\n    .kdesc3col h3{margin-top: 20px; color: #272322; font-size: 24px;}\n    .kdesc3col__desc{margin-bottom: 30px;}\n    .kdesc3col__single{padding-bottom: 30px;}\n\n    .kdesc3col .swiper-pagination.disabled {display: none;}\n\n    .kdesc3col .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #de6536;}\n    .kdesc3col .swiper-pagination-bullet {width: 8px;height: 8px;background: #FFFFFF;color: transparent;opacity: 1;border-radius: 50%;border: 2px solid #de6536;margin: 0 5px!important;}\n\n    .kdesc3col .swiper-pagination{display: none;}\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .kdesc3col{margin-bottom: 0;}\n        .kdesc3col h2{font-size: 35px; padding-left: 15px; padding-right: 15px; line-height: 37px;}\n        .kdesc3col__desc{min-height: auto!important; width: 90%; margin: 0 auto;}\n        .kdesc3col__single{margin-bottom: 50px;}\n        .kdesc3col__bgBlack{height: 100%;}\n        .kdesc3col h3{color: #FFFFFF; font-size: 20px;}\n        .kdesc3col__single{color: #FFFFFF;}\n        .kdesc3col .pure-button.blackBtn{background-color: #FFFFFF; color: #272322;}\n        .kdesc3col .swiper-pagination{bottom: 30px;}\n        .kdesc3col .swiper-pagination-bullet{width: 8px;height: 8px;background: #272322;color: transparent;opacity: 1;\n            border-radius: 50%;border: 2px solid #FFFFFF;margin: 0 5px!important}\n        .kdesc3col .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #FFFFFF;}\n\n        .kdesc3col .pure-g > div[class*=\"pure-u-\"]{padding-left: 0!important; padding-right: 0!important;}\n\n        .kdesc3col .pure-button.blackBtn{display: flex;text-align: center;justify-content: center;width: 68%;margin: 0 auto;}\n        .kdesc3col .swiper-pagination{display: block;}\n\n\n    }\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .kgallerylist .swiper-container {width: 100%;height: 100%;}\n        .kdesc3col  .swiper-pagination-bullets{bottom: -6px;}\n        .kdesc3col h2{font-size: 38px;}\n        .kdesc3col .swiper-pagination{display: block;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n\n    }\n\n    \/* desktop *\/\n    @media screen and (min-width: 993px){\n        .kgallerylist .swiper-container {width: 100%;height: 100%;}\n        .kdesc3col  .swiper-pagination-bullets{bottom: -6px;}\n        .kdesc3col h2{font-size: 38px;}\n        .kdesc3col .swiper-pagination{display: block;}\n        .kdesc3col .swiper-wrapper{transform: translate3d(0px, 0, 0) !important;}\n    }\n\n<\/style>\n\n<script>\n    window.addEventListener('DOMContentLoaded', function() {\n        jQuery(function ($) {\n\n            var swiper3Col = new Swiper(\".slide50941593 .kdesc3col__swiper\", {\n                loop: true,\n                centeredSlides: true,\n                spaceBetween: 15,\n                pagination: {\n                    el: \".kdesc3col.slide50941593 .swiper-pagination\",\n                },\n                breakpoints: {\n                    0: {\n                        slidesPerView: 1.2,\n                        spaceBetween: 15,\n                    },\n                    768:{\n                        slidesPerView: 1,\n                        spaceBetween: 15,\n                    },\n                    1024: {\n                        slidesPerView: 3,\n                        spaceBetween: 15,\n                    },\n                }\n            });\n\n            $(window).on(\"resize load\", function(event){\n                if ( $(this).width() > 1023) {\n                    $(\".kdesc3col .swiper-wrapper\").addClass(\"disabled\");\n                    $(\".kdesc3col .swiper-pagination\").addClass(\"disabled\");\n                }else{\n                    $(\".kdesc3col .swiper-wrapper\").removeClass(\"disabled\");\n                    $(\".kdesc3col .swiper-pagination\").removeClass(\"disabled\");\n                }\n            });\n\n            \/* highest element *\/\n            $(window).on(\"load resize\",function(e){\n                $(\".kdesc3col__desc\").css(\"min-height\", \"auto\");\n                var h=0; \/\/ the height of the highest element (after the function runs)\n                $(\".kdesc3col__desc\").each(function () {\n                    if (  $(this).outerHeight() > h ) {\n                        h=$(this).outerHeight();\n                    }\n                    $(\".kdesc3col__desc\").css(\"min-height\", h);\n                });\n            });\n\n        }(jQuery));\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"<p>El uso propuesto del sistema port\u00e1til de colores se divide en dos tipos dependiendo del modo de uso [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5981","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tintosmart.it\/es\/wp-json\/wp\/v2\/pages\/5981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tintosmart.it\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tintosmart.it\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tintosmart.it\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tintosmart.it\/es\/wp-json\/wp\/v2\/comments?post=5981"}],"version-history":[{"count":0,"href":"https:\/\/tintosmart.it\/es\/wp-json\/wp\/v2\/pages\/5981\/revisions"}],"wp:attachment":[{"href":"https:\/\/tintosmart.it\/es\/wp-json\/wp\/v2\/media?parent=5981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}