<meta charset="UTF-8">
/* CSS Document */

<style>


/* STYLES CSS 0.1 */ 
html, body {margin: 0; padding: 0; width: 100%; background-color: #ffffff;}




/* 001  - logo ------------------------------------------------------------------------- */
/*Desktop */
.container {width: 100%; margin: 0 auto;}
.inner-container {width: 95%; max-width: 1280px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap:wrap; }
.logo {width: 940px; margin: 0 auto;}
img {outline:none; text-decoration:none; border:none; -ms-interpolation-mode: bicubic;}
.img-logo {text-align: left;} .img-logo img {width: 180px; height: auto; max-width: 60%; height:auto;}

/* Tablet  */
body, html {overflow-x: hidden;}
@media (min-width: 768px) and (max-width: 1080px) {
.inner-container { width: 100%; max-width: 640px;}
.logo { width: 800px;}
.img-logo img {width: 20%; height: auto; max-width: 180px; height:auto;}
}

/* Mobile */
@media  (max-width: 767px) {
body, html {overflow-x: hidden !important; }
.inner-container { width: 94%; max-width: 640px;}
.logo { width: 94%;}
.img-logo img {width: 33%; height: auto; max-width: 160px; height:auto;}
}
/* 001  - logo ------------------------------------------------------------------------- */



/* 002  - video ------------------------------------------------------------------------- */
/*Desktop */
/*.video-container { text-align: center; }  .video-container iframe {width: 620px; height: 349px; padding-bottom:50px;}*/

/* Tablet  */
@media (min-width: 768px) and (max-width: 1080px) {
/*.video-container iframe { padding-bottom:20px; }*/
}

/* Mobile */
@media  (max-width: 767px) {
/*.video-container iframe { width: 90%;  max-width: 620px; height: calc(88vw * 8.7 / 16); padding-bottom:25px; }*/
}
/* 002  - video ------------------------------------------------------------------------- */





/* CSS Moderno e Responsivo */
.video-wrapper {
  --aspect-ratio: 16/9; /* Proporção padrão */
  max-width: 620px; /* Largura máxima opcional */
  margin: 0 auto;
  padding: 0 20px 40px;
}

.video-container {
  position: relative;
  padding-bottom: calc(100% / (var(--aspect-ratio))); /* 56.25% para 16:9 */
  height: 0;
  overflow: hidden;
  border-radius: 10px; /* Borda arredondada opcional */
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #000; /* Cor de fundo para durante o carregamento */
}

/* Otimizações para dispositivos Apple */
@supports (-webkit-touch-callout: none) {
  .video-container {
    -webkit-mask-image: -webkit-radial-gradient(white, black); /* Correção de renderização no Safari */
  }
}

/* Ajustes para diferentes proporções (se necessário) */
.video-container[data-ratio="4/3"] {
  --aspect-ratio: 4/3;
}









/* 003  - informações ------------------------------------------------------------------------- */
/*Desktop */
.inner-container-info {margin: 0 auto; width: 860px; max-width: 860px; padding: 0px;}
h1, h2 , h3, h4 { margin: 0 !important; }
h1 {font-size: 23px; line-height:29px; color:#090909; font-weight: 400; text-align:center; padding-bottom:5px;}
h1 strong {font-weight: 700; font-size:27px; }
h3 {font-size: 16px; color: #494949; text-align:center; line-height:24px; letter-spacing: 2.5px; font-weight: 400;}
h3 strong {font-weight: 700;}
h2 {font-size: 17px; line-height: 22px; font-weight:400; color: #4F4F4F; text-align:center; padding-top:2px; padding-bottom:25px;}
h2 strong {font-weight: 700;}
h5 {font-size: 14px; line-height: 19px; font-weight:400; color: #4F4F4F; text-align:center; padding-bottom:25px;}
h5 strong {font-size: 15px; font-weight: 700;}

/* Tablet  */
@media (min-width: 768px) and (max-width: 1080px) {
.inner-container-info {width: 60%; max-width: 700px; padding: 0px;}
h1 {font-size: 19px; padding:5px; line-height:26px;} 
h1 strong {font-size:22px;}
h3 {font-size: 15px; color: #494949; text-align:center; line-height:26px; font-weight: 400; padding-top:5px; padding-bottom:0px;}
h2 {font-size: 17px; line-height: 23px; padding-top:0; padding-bottom:25px;} 
}

/* Mobile */
@media  (max-width: 767px) {
.inner-container-info {width: 95%; max-width: 500px;  padding: 0px;}
h1 {font-size: 20px; line-height:27px; padding:5px;} 
h1 strong {font-size:23px;}
h3 {font-size: 14px; line-height:24px; color: #494949; text-align:center; font-weight: 400; padding-top:5px; padding-bottom:0px;}
h2 {font-size: 16px; line-height: 22px; padding-top:0; padding-bottom:18px;} 
h5 {font-size: 11px; line-height: 16px;}
h5 strong {font-size: 13px;}
}

/* 003  - informações ------------------------------------------------------------------------- */



/* 004  - garantia ------------------------------------------------------------------------- */
/*Desktop */
.inner-container-quad {width: 800px; margin: 0 auto; text-align:center; display: flex; flex-wrap: wrap; justify-content: space-between;}
.column-quad {width:calc(50% - 20px); margin-top:30px; margin-bottom: 30px;}
.img-garantia {text-align: center;} .img-garantia img {width: 250px; height: 250px; max-width:250px; height:auto;}
p {margin: 0px 0px !important; font-size: 19px; line-height:26px; text-align:center; color: #A9A9A9; padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:15px;}
p strong {font-weight: 700;}

/* Tablet  */
@media (min-width: 768px) and (max-width: 1080px) {
.inner-container-quad {max-width: 600px; margin: 0 auto; text-align:center; display: flex; flex-wrap: wrap; justify-content: space-between;}
.column-quad {width:100%; margin-top:5px; margin-bottom: 5px;}
p {padding-bottom:25px;}
}

/* Mobile */
@media  (max-width: 767px) {
.inner-container-quad {width:95%; max-width:380px; margin: 0 auto; text-align:center; display: flex; flex-wrap: wrap; justify-content: space-between;}
.column-quad {width:100%; margin-top:5px; margin-bottom: 5px;}
.img-garantia img {width: 55%; max-width:450px; height:auto;}
p {font-size: 17px; line-height:25px; padding-top:0px; padding-bottom:15px;}
p strong {font-size:18px;}
}

/* 004  - garantia ------------------------------------------------------------------------- */



/* 005  - valores ------------------------------------------------------------------------- */
/*Desktop */
.img-valor {text-align: center;} .img-valor img {width: 340px; height: 111px; max-width:100%; height:auto; }
.img-bandeiras {text-align: center;} .img-bandeiras img {width: 540px; height: 139px; max-width:85%; height:auto; }
.img-cta {text-align: center;} .img-cta img {width: 600px; height: 138px; max-width:90%; height:auto; }

/* Tablet  */
@media (min-width: 768px) and (max-width: 1080px) {
.img-valor img {width: 75%; height: auto; max-width:340px; height:auto; }
.img-bandeiras img {width: 86%; height: auto; max-width:440px; height:auto; }
.img-cta img {width: 94%; height: auto; max-width:520px; height:auto; }
}

/* Mobile */
@media  (max-width: 767px) {
.img-valor img {width: 75%; height: auto; max-width:310px; height:auto; }
.img-bandeiras img {width: 86%; height: auto; max-width:420px; height:auto; }
.img-cta img {width: 94%; height: auto; max-width:480px; height:auto; }
}

/* 005  - valores ------------------------------------------------------------------------- */



/* 006  - beneficios ------------------------------------------------------------------------- */
/*Desktop */
.inner-container-benef {width: 1080px; margin: 0 auto; text-align:center; display: flex; flex-wrap: wrap; justify-content: space-between; padding-top:50px; padding-bottom:30px;}
.column-benef { width: calc(33.33% - 30px); margin-bottom: 30px;}
h4 {font-size:16px; line-height:22px; color: #FAFAD2; text-align:center; font-weight: 400; padding:7px 0;}
h4 strong {font-size:19px; font-weight: 700;}

/* Tablet  */
@media (min-width: 768px) and (max-width: 1080px) {
.inner-container-benef {max-width: 600px; margin: 0 auto; text-align:center; display: flex; flex-wrap: wrap; justify-content: space-between;}
.column-benef {width:100%; margin-top:20px; margin-bottom: 20px;}
h4 {padding:5px 0;}
}

/* Mobile */
@media  (max-width: 767px) {
.inner-container-benef {width:85%; max-width: 380px; margin: 0 auto; text-align:center; display: flex; flex-wrap:wrap; justify-content: space-between;}
.column-benef {width:100%; margin-top:20px; margin-bottom: 20px;}
h4 {font-size:15px; line-height:22px; padding:5px 0;}
h4 strong {font-size:18px;}
}

/* 006  - beneficios ------------------------------------------------------------------------- */



/* 007  - depoimentos ------------------------------------------------------------------------- */
/*Desktop */
.img-aspas {text-align: left;} .img-aspas img {width: 65px; height: 65px; max-width:25%; height:auto; padding-bottom:30px;}
.container-dep {max-width: 860px; margin: 0 auto; text-align:center; font-size: 14px; line-height:21px; color: #4F4F4F; display: flex; justify-content: space-between; flex-wrap: wrap; }
.column-dep { width: calc(33.33% - 30px); margin-bottom: 55px;}

/* Tablet  */
@media (min-width: 768px) and (max-width: 1080px) {
.container-dep {max-width: 580px; margin: 0 auto; display: flex;  justify-content: space-between; flex-wrap: wrap;}
.column-dep { width: 100%; margin-bottom:40px;}
}
/* Mobile */
@media  (max-width: 767px) {
.img-aspas img {width: 65px; height: 65px; max-width:25%; height:auto; padding-bottom:30px;}
.container-dep {width: 80%; max-width: 580px; margin: 0 auto; display: flex;  justify-content: space-between; flex-wrap: wrap;}
.column-dep { width: 100%; margin-bottom:40px;}
}

/* 007  - depoimentos ------------------------------------------------------------------------- */



/* 008  - FAQ ------------------------------------------------------------------------- */
/*Desktop */
.container-faq {width: 75%; margin: 0 auto;}
.inner-container-faq {width:90%; margin: 0 auto; background-color:#ccffff;  font-size:15.5px; color: #666666; text-align:center; line-height: 24px; padding-top:30px; padding-bottom:30px; padding-left:30px; padding-right:30px;}

/* Tablet  */
@media (min-width: 768px) and (max-width: 1080px) {
.container-faq {width: 80%; max-width:640px; margin: 0 auto;}
.inner-container-faq {width:90%; margin: 0 auto; }
}

/* Mobile */
@media  (max-width: 767px) {
.container-faq {width: 92%; max-width:420px; margin: 0 auto;}
.inner-container-faq {width:84%; margin: 0 auto; font-size:14.5px; line-height: 24px; }
}
/* 008  - FAQ ------------------------------------------------------------------------- */



/* 009  - rodape ------------------------------------------------------------------------- */
/*Desktop */
.inner-rodape {width:100%; margin: 0 auto; background-color:#5a2a36; text-align:center; font-size:15px; line-height:26px; color: #CCC; padding-top:50px; padding-bottom:30px;}
.container-cont {width:35%; max-width: 350px; margin: 0 auto; text-align:center; display: flex;  justify-content: space-between; }
.column-cont {width:120px; max-width:120px;}
.img-contato {text-align: center;} .img-contato img {width: 45px; height: 45px; max-width:80%; height:auto; }
a {color: #CCC; text-decoration: none !important; margin: 0; } a img {border: none;} a strong {font-weight: 700; }

/* Tablet  */
@media (min-width: 768px) and (max-width: 1080px) {
.container-cont {width:55%; max-width: 400px; margin: 0 auto; text-align:center; display: flex;  justify-content: space-between; padding-top:30px; }
.column-cont {width:90px; max-width:90px;}
}

/* Mobile */
@media  (max-width: 767px) {
.inner-rodape {font-size:14.5px; line-height:28px; padding-top:50px; padding-bottom:30px;}
.container-cont {width:100%; max-width: 300px; margin: 0 auto; display: flex;  justify-content: space-between; padding-top:30px; }
.column-cont {width:100px; max-width:100px;}
.img-contato img {width: 45%; height: auto; max-width:40px; height:auto; }
a:link, a:visited, a:hover, a:active {text-decoration: none;}
}

/* 009  - rodape ------------------------------------------------------------------------- */




/* 010  - background ------------------------------------------------------------------------- */
/*Desktop */
.background-image {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url('images/danca-de-casamento-online-danca-dos-noivos-play-valsa-dos-noivos-coreografia.webp') right top / 40% auto no-repeat;      opacity: 0.18; z-index: -1; pointer-events: none;  }
/* Mobile */
@media  (max-width: 767px) {
.background-image {background-size: 90% auto;}
}

/* 010  - background ------------------------------------------------------------------------- */


</style>
