{"id":6045,"date":"2021-05-31T17:29:53","date_gmt":"2021-05-31T15:29:53","guid":{"rendered":"http:\/\/tintosmart.it\/media\/"},"modified":"2021-10-21T12:21:35","modified_gmt":"2021-10-21T10:21:35","slug":"media","status":"publish","type":"page","link":"https:\/\/tintosmart.it\/es\/media\/","title":{"rendered":"Media"},"content":{"rendered":"\n<div class=\"pure-containerFluid kallvideo__top generalHeader__kallvideo\">\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-20-24 offset-md-1-12\">\n            <div class=\"generalHeader__kallvideoCont\">\n                <div class=\"generalHeader__kallvideoSingle filter-button active\" data-filter=\"all\">\n                    All videos                <\/div>\n                                    <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"emotional-es\">\n                        Emotional                    <\/div>\n                                    <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"tutorial-es\">\n                        Tutorial                    <\/div>\n                                    <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"promotional-es\">\n                        Promotional                    <\/div>\n                            <\/div>\n\n\n            <div class=\"generalHeader__kallvideoCont generalHeader__kallvideoCont--mob\">\n\n                <div class=\"swiper-container swiper__catVideo\">\n                    <div class=\"swiper-wrapper\">\n                        <div class=\"swiper-slide\">\n                            <div class=\"generalHeader__kallvideoSingle filter-button active\" data-filter=\"all\">\n                                All videos                            <\/div>\n                        <\/div>\n\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"emotional-es\">\n                                    Emotional                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"tutorial-es\">\n                                    Tutorial                                <\/div>\n                            <\/div>\n                                                    <div class=\"swiper-slide\">\n                                <div class=\"generalHeader__kallvideoSingle filter-button\" data-filter=\"promotional-es\">\n                                    Promotional                                <\/div>\n                            <\/div>\n                                            <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"pure-containerFluid kallvideo\" id=\"anchorPageStandard\">\n    <div class=\"pure-g\">\n        <div class=\"pure-u-1-1 pure-u-md-20-24 offset-md-1-12 p-0\">\n            <h2><\/h2>\n            <div class=\"kallvideo__desc\"><p class=\"p1\" style=\"text-align: center\">Descubre todos los videos de TintoSmart dedicados tanto a las actividades promocionales y explicativas del proyecto, como a los tutoriales relacionados con su funcionamiento. En esta secci\u00f3n encontrar\u00e1s las historias de Mario y Carlo, dos aplicadores profesionales con dos rutinas diarias diferentes. \u00a1No solo! Gracias a 4 sencillos tutoriales sobre el funcionamiento del Sistema de Color Port\u00e1til , los procesos de coloraci\u00f3n y las aplicaciones especiales, podr\u00e1s comprender cada vez m\u00e1s los secretos del uso de TintoSmart.<\/p>\n<\/div>\n\n            <div class=\"pure-g\" id=\"anchorMedia\">\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-es emotional-es\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/es\/el-tintometro-portatil\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1.jpg 900w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1-150x100.jpg 150w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1-750x500.jpg 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1-450x300.jpg 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/media-1-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>El tint\u00f3metro port\u00e1til<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-es tutorial-es\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/es\/que-es-tintosmart\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial.jpg 900w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial-150x100.jpg 150w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial-750x500.jpg 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial-450x300.jpg 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-tutorial-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>Qu\u00e9 es TintoSmart?<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-es tutorial-es\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/es\/la-configuracion-de-tintosmart\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup.jpg 900w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup-150x100.jpg 150w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup-750x500.jpg 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup-450x300.jpg 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-setup-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>La configuraci\u00f3n de TintoSmart<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-es tutorial-es\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/es\/como-funciona-tintosmart\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona.jpg 900w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona-150x100.jpg 150w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona-750x500.jpg 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona-450x300.jpg 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/k-come-funziona-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>C\u00f3mo funciona TintoSmart<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-es tutorial-es\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/es\/aplicaciones-especiales-tintosmart\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni.jpg 900w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni-150x100.jpg 150w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni-750x500.jpg 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni-450x300.jpg 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/applicazioni-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>Aplicaciones especiales TintoSmart<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                        <div class=\"pure-u-1-1 pure-u-md-6-24 generalHeader__kallvideoSingleCont filter media-es promotional-es\">\n                            <div class=\"kallvideo__single\">\n                                <a class=\"\" href=\"https:\/\/tintosmart.it\/es\/logo-animation-tintosmart\/\">\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"1800\" height=\"1200\" src=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_SPA@2x.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_SPA@2x.png 1800w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_SPA@2x-450x300.png 450w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_SPA@2x-970x647.png 970w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_SPA@2x-768x512.png 768w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_SPA@2x-1536x1024.png 1536w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_SPA@2x-750x500.png 750w, https:\/\/tintosmart.it\/wp-content\/uploads\/2021\/07\/MEDIA_SPA@2x-150x100.png 150w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/>                                    <div class=\"kallvideo__singleContent\">\n                                        <h3>Logo Animation TintoSmart<\/h3>\n                                        <div><\/div>\n                                    <\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    .kallvideo__single{-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);}\n    .kallvideo__singleContent{padding: 10px; text-align: center;}\n    .kallvideo__singleContent h3{ font-size: 18px; text-transform: uppercase;}\n    .kallvideo__singleContent p{margin-top: 0;}\n\n    .kallvideo img{width: 100%; height: auto;}\n    .generalPage__desc{display: none;}\n    .kallvideo__top.generalHeader__kallvideo {color: #FFFFFF;background-color: #272323;}\n    .generalHeader__kallvideoCont{display: flex;align-items: center;justify-content: space-between;padding-top: 20px;padding-bottom: 20px;flex-wrap: wrap;}\n    .kallvideo__top .generalHeader__kallvideoSingle{margin: 5px 10px;}\n\n    .generalHeader__kallvideoSingle.active {font-weight: bold;border-bottom: 3px solid #FFFFFF;}\n    .generalHeader__kallvideoSingle {color: #FFFFFF;font-size: 14px;font-weight: 500;text-transform: uppercase;border-bottom: 3px solid transparent; cursor: pointer;}\n\n    .generalHeader__kallvideo{margin-bottom: 50px;}\n\n    .generalHeader__kallvideoSingleCont{margin-bottom: 30px;}\n\n    .kallvideo h2{text-align: center; font-size: 45px; margin-bottom: 0;}\n    .kallvideo__desc{text-align: center; margin-top: 10px; padding-bottom: 0px; margin-bottom: 50px; border-bottom: 3px solid #272323;}\n\n    .generalHeader__kallvideoCont.generalHeader__kallvideoCont--mob{display: none;}\n\n    \/* mobile *\/\n    @media screen and (max-width: 767px) {\n        .generalHeader__kallvideoCont{justify-content: left;}\n        .generalHeader__kallvideoSingle{width: fit-content; width: -moz-fit-content;}\n        .generalHeader__kallvideoCont{display: none;}\n        .generalHeader__kallvideoCont.generalHeader__kallvideoCont--mob{display: block;}\n    }\n\n\n    \/* ipad *\/\n    @media screen and (min-width: 768px) and  (max-width: 992px){\n        .generalHeader__kallvideoCont{justify-content: left;}\n    }\n\n    \/* ipad pro *\/\n    @media screen and (min-width: 992px) and  (max-width: 1200px){\n\n    }\n\n    @media screen and (max-width: 1350px){\n        .tax-product_cat .generalHeader__kallvideoCont {justify-content: center;}\n    }\n\n\n<\/style>\n\n<script>\n    window.addEventListener('DOMContentLoaded', function() {\n        jQuery(function ($) {\n            $(document).ready(function(){\n                $(\".generalHeader__kallvideoCont--mob .filter-button\").click(function(){\n\n                    var aid = $('#anchorMedia');\n                    $('html,body').animate({scrollTop: $(aid).offset().top - 110},'slow');\n\n                    var value = $(this).attr('data-filter');\n\n                    $(\".filter-button\").removeClass(\"active\");\n                    $(this).addClass(\"active\");\n\n                    if(value == \"all\") {\n                        $('.filter').show('3000');\n                    } else {\n                        $(\".filter\").not('.'+value).hide('3000');\n                        $('.filter').filter('.'+value).show('3000');\n                    }\n                });\n\n                $(\".filter-button\").click(function(){\n\n                    var value = $(this).attr('data-filter');\n\n                    $(\".filter-button\").removeClass(\"active\");\n                    $(this).addClass(\"active\");\n\n                    if(value == \"all\") {\n                        $('.filter').show('3000');\n                    } else {\n                        $(\".filter\").not('.'+value).hide('3000');\n                        $('.filter').filter('.'+value).show('3000');\n                    }\n                });\n            });\n\n            \/* highest element *\/\n            $(window).on(\"load resize\",function(e){\n                $(\".kallvideo__single\").css(\"min-height\", \"auto\");\n                var h=0; \/\/ the height of the highest element (after the function runs)\n                $(\".kallvideo__single\").each(function () {\n                    if (  $(this).outerHeight() > h ) {\n                        h=$(this).outerHeight();\n                    }\n                    $(\".kallvideo__single\").css(\"min-height\", h);\n                });\n            });\n\n            var swiperCatMedia = new Swiper(\".swiper__catVideo\", {\n                loop: true,\n                slidesPerView: 3,\n                breakpoints: {\n                    0: {\n                        slidesPerView: 1.8,\n                        spaceBetween: 10,\n                    },\n                    768: {\n                        slidesPerView: 3,\n                        spaceBetween: 10,\n                    },\n\n                },\n            });\n\n\n        }(jQuery));\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page_nobreadcrumb.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6045","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tintosmart.it\/es\/wp-json\/wp\/v2\/pages\/6045","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=6045"}],"version-history":[{"count":0,"href":"https:\/\/tintosmart.it\/es\/wp-json\/wp\/v2\/pages\/6045\/revisions"}],"wp:attachment":[{"href":"https:\/\/tintosmart.it\/es\/wp-json\/wp\/v2\/media?parent=6045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}