/* Oração de Santa Rita — Obrigado — estilos da página */
:root{--osr-g-bg-color:rgba(38, 3, 3, 1);--white:#ffffff}
html{scroll-behavior:smooth}
body{font-family:Roboto,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}
*,::after,::before,body{margin:0;padding:0;box-sizing:border-box}
body{background:#260303}
a{color:inherit;text-decoration:inherit}
h1{font-size:2em}
h1,h3,h5{font-weight:inherit}
.page{word-wrap:break-word}
.section{width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;max-width:100%;position:relative}
.section.section--centered{margin:0 auto}
.heading{font-family:Poppins,sans-serif}
.heading>span{font-family:Roboto,sans-serif}
.el.btn>.btn{font-family:Montserrat,sans-serif}
.no-select{user-select:none;-moz-user-select:none;-webkit-user-select:none;cursor:default}
.rel{position:relative}
.col{max-width:100%;min-width:0}
.col-full{width:100%}
.el{max-width:100%}
.flex-col{display:flex;flex-direction:column}
.section-inner{display:flex;width:100%;align-items:center;max-width:100%;background-repeat:no-repeat;background-size:cover;background-position:center}
.section-inner{height:100%;margin:0 auto}
.el-inner{transition:height .5s ease-in-out,background .5s ease-in-out}
.section-inner.boxed>.row{max-width:1140px}
.section-inner.full>.row{max-width:100%}
.section-inner .row{flex-direction:column}
.page>.section-inner{margin:0 auto}
.row{display:flex;margin:0 auto;font-weight:600;width:100%}
@media screen and (max-width:480px){
  .section-inner.boxed>.row{grid-template-columns:repeat(1,1fr)}
  .row{flex-wrap:wrap}
}
.btn-inner{display:flex;flex-direction:row;gap:5px;align-items:center;justify-content:center}
.el>.btn{background:var(--osr-button-bg,var(--osr-accent-color,#6495ed));padding:12px;text-align:center;font-size:16px;font-weight:600;transition:background-color .3s ease-in-out,color .3s ease-in-out;word-break:break-word;color:var(--osr-button-color,var(--osr-pry-color,#fff));border-radius:var(--osr-g-round,1rem);align-self:center}
.spacer{height:100px}
.heading{white-space:pre-line}
.heading h1{font-size:48px;font-weight:700}
.heading h3{font-size:24px;font-weight:500}
.page{overflow:hidden}

/* ---------- TOPO ---------- */
.topo>.section-inner{padding-top:0}
@media screen and (max-width:480px){
  .topo>.section-inner{padding-right:4px;padding-left:4px}
}
.topo>.section-inner>.row{min-height:0;flex-direction:row;max-width:1600px}
@media screen and (max-width:1024px){
  .topo>.section-inner>.row{flex-direction:column;justify-content:center}
}
@media screen and (max-width:480px){
  .topo>.section-inner>.row{max-width:1600px}
}
.page .topo.section{min-height:0;background:url(../img/fundo.webp);background-size:cover;background-repeat:repeat;background-position:center}
@media screen and (max-width:480px){
  .page .topo.section{margin-bottom:0;margin-left:0;margin-top:0;margin-right:0}
}
.topo>.section-inner{min-height:0}
@media screen and (max-width:480px){
  .topo-inner>.section-inner{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
}
.topo-inner>.section-inner>.row{min-height:607px;flex-direction:column;justify-content:center}
@media screen and (max-width:1024px){
  .topo-inner>.section-inner>.row{align-items:center}
}
@media screen and (max-width:480px){
  .topo-inner>.section-inner>.row{align-items:center}
}
.page .topo-inner.section{margin-right:0;min-height:607px;background-size:cover;background-repeat:no-repeat;background-position:center;width:100%}
@media screen and (max-width:1024px){
  .page .topo-inner.section{width:82%}
}
@media screen and (max-width:480px){
  .page .topo-inner.section{margin-right:0;margin-left:0;margin-bottom:0;margin-top:0;width:100%}
}
.topo-inner>.section-inner{min-height:607px}

/* ---------- TITULO ---------- */
.el.titulo h1:hover{-webkit-text-fill-color:unset}
.el.titulo h1{letter-spacing:0;line-height:39px;font-family:"Red Hat Display",sans-serif;text-align:center;font-weight:500;font-size:30px;color:#faf7f7}
@media screen and (max-width:480px){
  .el.titulo h1{letter-spacing:0;line-height:25px;text-align:center;font-size:18px}
}
.titulo-col>.el{margin-top:50px;margin-bottom:0;margin-right:0;margin-left:0}
@media screen and (max-width:480px){
  .titulo-col>.el{margin-top:100px;margin-bottom:0}
}

/* ---------- CARD ---------- */
.card>.section-inner{padding-top:0;padding-right:0;padding-bottom:50px}
@media screen and (max-width:480px){
  .card>.section-inner{padding-right:16px;padding-left:16px}
}
.card>.section-inner>.row{min-height:0;align-items:center;column-gap:0;flex-direction:column;justify-content:center;row-gap:0;flex-wrap:nowrap}
.page .card.section{margin-top:50px;margin-bottom:0;border-color:#fff;border-bottom-right-radius:8px;margin-right:0;border-top-right-radius:8px;border-top-left-radius:8px;border-bottom-left-radius:8px;min-height:0;box-shadow:0 0 10px 0 rgba(214,194,194,0);background:rgba(243,0,42,0);background-size:cover;background-repeat:no-repeat;background-position:center;width:1600px}
@media screen and (max-width:1024px){
  .page .card.section{width:641px}
}
@media screen and (max-width:480px){
  .page .card.section{margin-bottom:0;margin-right:0;margin-left:0;width:100%}
}
.card>.section-inner{min-height:0}

/* ---------- TEXTO ---------- */
.el.texto h5:hover{-webkit-text-fill-color:unset}
.el.texto h5{color:#fff;font-size:18px;letter-spacing:0;font-weight:300;font-family:"Red Hat Display",sans-serif;text-align:left}
@media screen and (max-width:480px){
  .el.texto h5{font-size:14px;text-align:left}
}
.texto-col>.el{padding-top:0;padding-left:0;margin-left:400px;padding-bottom:0;margin-right:400px;padding-right:0}
@media screen and (max-width:1024px){
  .texto-col>.el{margin-left:0;margin-right:0}
}
@media screen and (max-width:480px){
  .texto-col>.el{padding-top:0;padding-left:0;margin-left:20px;padding-bottom:0;margin-right:20px;margin-bottom:0;padding-right:0}
}

/* ---------- BOTAO ---------- */
.botao.el .btn:hover{color:#000;background:#f8f8f7}
.botao.el .btn{padding-left:50px;gap:16px;background:#2d8906;color:#fff;border-bottom-left-radius:8px;padding-right:50px;border-color:#fff;border-bottom-right-radius:8px;font-size:24px;width:100%;border-top-right-radius:8px;border-top-left-radius:8px}
@media screen and (max-width:480px){
  .botao.el .btn{font-size:16px;width:100%}
}
.botao-col>.el{margin-top:24px;border-top-right-radius:3px;border-top-left-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}

/* ---------- ESPACADOR ---------- */
.espaco-col>.el.espaco{height:75px}

/* ---------- RODAPE ---------- */
.rodape>.section-inner{padding-top:48px;padding-bottom:48px}
.rodape>.section-inner>.row{flex-direction:row}
@media screen and (max-width:480px){
  .rodape>.section-inner>.row{min-height:0;max-width:850px}
}
.page .rodape.section{background:#0e1518;background-size:cover;background-repeat:no-repeat;background-position:center}
@media screen and (max-width:480px){
  .page .rodape.section{margin-top:-100px;min-height:0}
}
@media screen and (max-width:480px){
  .rodape>.section-inner{min-height:0}
}
.rodape-inner>.section-inner>.row{flex-direction:column}
.page .rodape-inner.section{background-size:cover;background-repeat:no-repeat;background-position:center;width:100%}
@media screen and (max-width:480px){
  .page .rodape-inner.section{width:100%}
}
.el.copyright h3:hover{-webkit-text-fill-color:unset}
.el.copyright h3{font-weight:400;text-align:center;line-height:24px;color:#fff;font-size:16px}
@media screen and (max-width:480px){
  .el.copyright h3{font-size:12px}
}