<meta charset="utf-8"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap" rel="stylesheet">
<style>
#lp-geral { margin: auto; display: block; width: 100%; float: none; margin-bottom: 50px; max-width: 1920px; clear: both; }
#topo-lp {align-content: center; justify-content: center; align-items: center; display: flex; background: url(https://extranet.canon.com.br/ecommerce/_files/lentes/rf/rf-s_55-210mm/images/topo-lp.jpg); background-position:center; background-size: cover; height: 840px;}
.topo-lente {margin: auto; width: 500px; margin-top: 520px; height: auto; }
.titulos-topo {background: #000; width: 100%; height: auto;}
.topo-desktop {display: block; width: 100%; height: auto;}
#lp-geral h1 {font-family: 'Roboto', "Helvetica Neue", sans-serif !important; display: block; margin: auto; text-align: center; color: #fff; font-size: 45px !important; font-weight: 500; text-transform: uppercase; padding-top: 200px;}
#lp-geral h2 {font-family: 'Roboto', "Helvetica Neue", sans-serif !important; display: block; margin: auto; text-align: center; color: #fff; font-size: 26px !important; padding: 1% 0; padding-bottom: 60px; max-width: 1400px; line-height: 40px; font-weight: 300;}
#lp-geral h2 strong { font-size: 30px !important; font-weight: 500; display: block;}
#lp-geral h3 {font-family: "Roboto", "Helvetica Neue", sans-serif !important; display: block;color: #000; font-size: 44px !important; padding: 0;
margin: 0; padding-top: 80px; font-weight: 500;}
.product-features-r {background: #fff; display: block; }
.features-container {max-width: 1400px; margin: auto; padding: 0; text-align: center;}
.features-container-geral {display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; margin-top: 40px; margin-bottom: 50px;}
.features-item {display: flex; padding: 0; margin-bottom: 50px; align-items: flex-start; justify-content: flex-start; flex: 0 0 30%; align-content: center; flex-wrap: nowrap;}
.features-item img {width: 100%; }
.features-item p {font-family: "Roboto", "Helvetica Neue", sans-serif !important; margin: 0; padding: 0; font-size: 16px; line-height: 24px; font-weight: 300; margin: auto;}
.features-item p strong {font-weight: 300 !important; display: block; font-size: 22px; line-height: 30px !important; margin-bottom: 6px;}
.video-r {background: #fff; padding-top: 5%;}
.video-r p, .video-r-02 p {font-family: "Roboto", "Helvetica Neue", sans-serif !important; margin: 0; padding: 0; font-size: 20px; line-height: 56px; color: #333; display: block; text-align: center; margin: auto; max-width: 1000px; padding: 466px 0 0 0; font-weight: 300; }
.video-r p strong, .video-r-02 p strong {font-family: "Roboto", "Helvetica Neue", sans-serif !important; margin: 0; padding: 0; font-size: 44px; color: #fff; display: block; padding-bottom: 18px; font-weight: 500 !important; }
.video-r-02 {display: block; width: 100%; margin-top: 7%;}
.video-r h1 {color: #333 !important;}
.video-r h2 {color: #000 !important;}
.video-r h2 strong {color: #cc0000 !important;}
/*CSS - VIDEO*/
.embed-container { position: relative; padding-bottom: 56.25%; padding-left: 20%; padding-right: 20%; height: 0; overflow: hidden; max-width: 100%; border: 1px solid #555; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-container { padding: 0 10% 0 10%; }
.video-container-geral { padding: 10px 0 0 0; margin: 0; }
.r-recursos-container {max-width: 1400px; margin: auto; padding: 0; }
.r-recursos-container img { width: 100%; max-width: 1100px; height: auto; margin-top: 30px;}
.r-recursos-geral {display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: center; align-items: flex-start;}
.r-recursos-item { display: flex; padding: 0 30px 0 0; margin-bottom: 50px; align-items: flex-start; justify-content: flex-start; flex: 0 0 31%; align-content: center; flex-wrap: nowrap; flex-direction: column;}
.r-recursos-item img {width: 100%; max-width: 420px;}
.r-recursos-item p, .r-recursos-container p {font-family: "Roboto", "Helvetica Neue", sans-serif !important; margin: 0; padding: 0; padding-right: 20px; font-size: 18px; line-height: 28px; color: #000; font-weight: 300; }
.r-recursos-item p strong {display: block; font-size: 26px; line-height: 30px !important; margin-bottom: 6px; margin-top: 10px; color: #333; font-weight: 500 !important; }
.features-foto {display: flex;flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; }
.features-foto img {width: 50%; height: auto; display: block;}
.features-foto p {font-family: "Roboto", "Helvetica Neue", sans-serif !important; margin: 0; padding: 0; font-size: 20px; line-height: 28px; color: #333; text-align: justify; padding: 0 5%; font-weight: 300; width: 50%;}
.features-foto p strong {font-family: "Roboto", "Helvetica Neue", sans-serif !important; display: block; font-size: 36px; line-height: 42px !important; margin-bottom: 14px; /* margin-top: 22px;*/ color: #000; font-weight: 500 !important; text-align: left;}
.bg-cinza {background: #f2f2f2; /*padding-top: 6%; padding-bottom: 2%*/;}
.r-recursos-item-preto p, .r-recursos-item-preto p strong {color: #333;}
.disclaimer-lp {font-family: "Roboto", "Helvetica Neue", sans-serif !important; margin: 0; padding: 0 10%; font-size: 14px; line-height: 20px; color: #333; background: #fff; border-top: 1px solid #ccc; padding-top: 50px; font-weight: 300; text-align: justify;}
.red-canon {color: #cc0000 !important;}
.align-center {text-align: center !important;}
.ctm_overview-yt {font-family: "Roboto", "Helvetica Neue", sans-serif !important; margin: 0; padding: 0; font-size: 20px; line-height: 56px; color: #333; display: block; text-align: center; margin: auto; max-width: 920px; padding: 466px 0 0 0; font-weight: 300;}
.ctm_overview-yt a, .a-video a {color: #cc0000; text-decoration: none;}
.ctm_overview-yt a:hover, .a-video a:hover { text-decoration: underline; font-weight: 500;}
.r-recursos-container p { padding-bottom: 30px; padding-top: 30px; margin: auto; }
/* ----- // CSS - SLIDE SHOW // ------ */
img { vertical-align: middle;}
.container-slider-geral { width: 100%; height: auto; background: #fff; padding-bottom: 100px; }
.container-slider h1 {margin-bottom: 30px !important; color: #000 !important;}
.container-slider { position: relative; width: 100%; height: auto; max-width: 1400px; margin: auto; padding-top: 80px; }
.mySlides-slides {display: none;}
.cursor { cursor: pointer; }
/* next-slides & prev-slidesious buttons */
.prev-slides, .next-slides {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
/*margin-top: -50px;*/
color: white;
font-weight: bold;
font-size: 50px;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
opacity: 0.5;
}
.next-slides { right: 0; border-radius: 3px 0 0 3px;}
.prev-slides:hover, .next-slides:hover { background-color: rgba(0, 0, 0, 0.8); opacity: 1;}
.mySlides-slides p {text-align: center; margin: 0; padding: 30px 0; font-family: "Roboto", "Helvetica Neue", sans-serif !important; font-size: 14px; font-weight: 300; }
/* ----- // FIM - CSS - SLIDE SHOW // ------ */
.color-white {color: #fff !important;}
.padding-right-0 {padding-right: 0 !important;}
.m-mobile, .topo-mobile {display: none !important;}
/* ----- // MOBILE // ------ */
/* ----- // MOBILE // ------ */
@media (max-width: 1920px) {
#topo-lp { height: 45vw;}
.topo-lente { width: 27%; margin-top: 28%;}
}
@media (max-width: 1690px) {
#logo-r { width: 35%; }
#logo-r, #eos-r {text-align: center;}
#logo-r img {width: 90%;}
#eos-r img {width: 90%;}
#lp-geral h1, #lp-geral h2 {padding-left: 5%; padding-right: 5%;}
/*.features-foto p {padding: 0 40px;}*/
.features-foto p strong { text-align: left !important;}
.topo-lente { width: 30%; }
.video-r p { padding-bottom: 8%; }
}
@media (max-width: 1450px) {
.features-container, .r-recursos-container { padding:0 5%; }
.features-item {flex: 0 0 45%;}
.features-foto p { font-size: 16px !important; line-height: 22px; }
.features-foto p strong { margin-bottom: 10px;}
.container-slider { width: 80% !important; }
/*.topo-lente { width: 29%;margin-top: 30%; }*/
.features-container, .features-item p {text-align: left; margin: 0;}
}
@media (max-width: 1300px) {
#topo-lp { }
#logo-r { width: 45%; }
#logo-r img {width: 100%;}
#lp-geral h1, #lp-geral h3, .video-r p strong {font-size: 35px !important; line-height: 42px !important; }
.features-foto p strong {font-size: 30px !important; line-height: 35px !important; }
#lp-geral h2 { font-size: 22px !important; line-height: 32px !important; }
#lp-geral h2 strong { font-size: 26px !important; line-height: 38px !important; }
.video-r p {font-size: 20px !important; line-height: 28px; padding-left: 5%; padding-right: 5%; }
.video-r p strong { /*padding-bottom: 0;*/ line-height: 42px !important; }
#video-container { padding: 0 10% 0 10%;}
.topo-lente { width: 32%;margin-top: 29%; }
}
@media (max-width: 1220px) {
.video-r { }
.video-r p { padding-top: 35% !important;}
.video-container-geral { padding: 0; }
.r-recursos-item { flex: 0 0 45%; }
.r-recursos-geral { justify-content: center; }
.padding-right-0 {padding-right: 30px !important;}
.r-recursos-container {padding: 2% 5%;}
.features-foto {flex-direction: column !important; }
.features-foto img { width: 100%; height: auto; display: block; order: 0; margin: 0;}
.features-foto p { order: 1; padding: 5%; width: auto; }
.p-padding-bottom {padding-bottom: 6% !important;}
.video-container { padding: 0 10% 0 10% !important;}
.features-foto-hreo-1 {background: none; background-color: #000;}
.features-foto-hreo-1 img {display: block;}
.video-r h2 { margin-bottom: 0 !important; padding-bottom: 30px !important;}
}
@media (max-width: 960px) {
#topo-lp { flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; height: 520px;}
#logo-r { width: 36%; padding-top: 30px; }
#eos-r img { width: 80%;}
.features-item {flex: 0 0 94%; padding: 0 !important; margin-bottom: 20px !important; }
.features-item p {padding-right: 0;}
.video-r p, .ctm_overview-yt {padding-top: 40% !important;}
.features-item p, .r-recursos-item p { font-size: 16px !important; line-height: 24px !important; }
.features-item p strong, .r-recursos-item p strong, .features-foto p strong { font-size: 20px !important; line-height: 30px !important; }
.features-foto p { font-size: 16px !important; line-height: 24px !important; width: 96%; padding: 5%;}
.video-container { padding: 0 6% 0 6% !important;}
.topo-lente { margin: auto; width: 380px; margin-top: 490px;}
.video-r { border-bottom: 1px solid #ccc;}
.video-r h2 { margin-bottom: 0 !important; padding-bottom: 30px !important;}
}
@media (max-width: 820px) {
.r-recursos-item { flex: 0 0 96%; padding: 0 !important; margin: 0 !important;}
.r-recursos-item img { max-width: 100%;}
.r-recursos-item p { padding-right: 0 !important; text-align: justify !important;}
.m-mobile, .topo-mobile {display: block !important; width: 100%; height: auto;}
.m-desk, .topo-desktop {display: none !important;}
.h3-mobile {width: 85%; margin: auto; margin-bottom: 30px !important;}
.container-slider-geral { padding-bottom: 40px !important;}
.video-r h2 { margin-bottom: 0 !important; padding-bottom: 30px !important;}
}
@media (max-width: 700px) {
.container-slider { width: 100% !important; }
.video-container { padding: 0 3% 0 3% !important;}
.topo-lente { margin: auto; width: 48%; margin-top: 60%; }
#topo-lp { height: 50vw; }
/* #lp-geral h1 { padding-top: 28%; font-size: 40px !important; width: 80%; }
#lp-geral h2 { font-size: 22px !important; line-height: 30px; width: 80%;} */
#lp-geral h2 strong { font-size: 26px !important; line-height: 32px; display: block; padding: 10px 0; }
.video-r h2 { margin-bottom: 0 !important; padding-bottom: 30px !important;}
}
@media (max-width: 600px) {
#lp-geral h1, #lp-geral h3, .video-r p strong {font-size: 34px !important; line-height: 40px !important; }
#lp-geral h2 {font-size: 20px !important; line-height: 28px; }
.video-r p, .ctm_overview-yt {font-size: 18px !important; line-height: 22px; padding-left: 5%; padding-right: 5%; padding-top: 16% !important; }
.video-r p strong { padding-bottom: 0; }
.video-r { background-size: 120%; }
.prev-slides, .next-slides { margin-top: 2% !important; }
.video-container-geral { padding: 0; }
.prev-slides, .next-slides { margin-top: 8% !important; font-size: 35px !important; padding: 5px 10px 10px 15px; }
.productdisplay .product_page_content>.row h1.titulo-r {font-size: 35px !important; line-height: 38px !important; }
.features-foto p strong {font-size: 28px !important; line-height: 38px !important; }
.video-r h2 { margin-bottom: 0 !important; padding-bottom: 30px !important;}
.topo-lente { margin: auto; width: 250px; margin-top: 350px; }
#topo-lp { height: 266px; }
}
</style>
<div id="lp-geral">
<div id="topo-lp">
<img class="topo-lente" src="https://extranet.canon.com.br/ecommerce/_files/lentes/rf/rf-s_55-210mm/images/lente-topo.png">
</div>
<div class="titulos-topo">
<h1 class="titulo-r">Canon RF-S 55-210mm F5-7.1 IS STM</h1>
<h2><strong>Aproxime-se, mesmo quando estiver longe</strong>
Aproxime os motivos distantes e desenvolva a sua criatividade com esta teleobjetiva zoom de formato APS-C leve e versátil, com uma grande amplitude de zoom, ideal para viagens, esportes, fotos de família e animais de estimação.
</h2>
</div>
<section class="product-features-r">
<div class="features-container">
<h3>Características <span class="red-canon">técnicas</span></h3>
<div class="features-container-geral">
<div class="features-item">
<p><strong>Distância focal de 55-210 mm (88-336mm, equivalente a 35mm*) num corpo APS-C "cropado"</strong></p>
</div>
<div class="features-item">
<p><strong>Estabilizador de imagem de 4.5 pontos e até 7 pontos com IBIS**</strong></p>
</div>
<div class="features-item">
<p><strong>Motor STM</strong></p>
</div>
<div class="features-item">
<p><strong>Diafragma de 7 lâminas </strong></p>
</div>
<div class="features-item">
<p><strong>Anel de controle</strong></p>
</div>
<div class="features-item">
<p><strong>Encaixe RF</strong></p>
</div>
</div>
</div>
</section>
<section class="features-foto bg-cinza">
<img src="https://extranet.canon.com.br/ecommerce/_files/lentes/rf/rf-s_55-210mm/images/sample-01.jpg">
<p><strong>Aumente o seu alcance</strong>
Capture detalhes e paisagens distantes, bem como momentos de viagem fantásticos e imagens de pessoas. Utilize o alcance da teleobjetiva para desfocar o fundo, ajudando a isolar os seus motivos para que se destaquem.
Este zoom de 3,8x e 55-210mm* oferece um fantástico controle criativo.
</p>
</section>
<section class="features-foto bg-cinza">
<p><strong>Aproxime-se, mesmo quando estiver longe</strong>
Revele os detalhes que nunca tinha visto antes, girandoo anel de zoom. Com 210mm, a RF-S 55-210mm F5-7.1 IS STM oferece uma ampliação máxima de 0,28x, ajudando-o a focar de perto e a não incomodar
o motivo ou a criar sombras sobre o mesmo. É perfeita para chegar até o motivo, sem que o mesmo perceba.
</p>
<img src="https://extranet.canon.com.br/ecommerce/_files/lentes/rf/rf-s_55-210mm/images/sample-02.jpg">
</section>
<section class="features-foto bg-cinza">
<img src="https://extranet.canon.com.br/ecommerce/_files/lentes/rf/rf-s_55-210mm/images/sample-03.jpg">
<p><strong>Dê asas à sua criatividade</strong>
Faça experiências com fundos desfocados e efeito "bokeh" graças a uma abertura quase circular de 7 lâminas e utilize a potência da teleobjetiva e uma grande abertura para obter uma profundidade
de campo mais reduzida para separar o seu motivo, captando um efeito "bokeh" bonito com profundidade e impacto.
</p>
</section>
<section class="features-foto bg-cinza">
<p><strong>Focagem suave, precisa e silenciosa</strong>
Alterne rapidamente entre diferentes modos para fotografar e filmar como um profissional, graças a um controle combinado da lente e do anel de focagem manual.
O motor de focagem STM na objetiva funciona de forma praticamente silenciosa.
</p>
<img src="https://extranet.canon.com.br/ecommerce/_files/lentes/rf/rf-s_55-210mm/images/sample-04.jpg">
</section>
<!-- VIDEO -->
<section class="video-r">
<!-- <h1>uma lente potente e versátil</h1>-->
<h2><strong>Veja mais no vídeo abaixo:</strong></h2>
<div class="video-container-geral">
<div class="video-container">
<div class="embed-container">
<iframe style="height: 100% !important;" src="https://www.youtube.com/embed/-cZNxRp8paM" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<p class="a-video" style="padding-top: 30px !important;">Para descobrir mais vídeos de produtos Canon, visite nosso canal oficial no <a href="https://www.youtube.com/user/canonbr" target="_blank">Youtube (@canonbr). </a></p>
</div>
</section>
<!-- VIDEO -->
<section class="disclaimer-lp">
<p>
*88-336mm, equivalente ao sensor Full Frame (35mm).<br><br>
**Até 7 pontos ao utilizar um corpo da série EOS R com Estabilizador de imagem no corpo. Ambos os estabilizadores de imagem, os ópticos e os combinados, são medidos com base nas normas CIPA.
</p>
</section>
</div>
