/*
Theme Name: Neticom Brasil
Theme URI: https://www.neticombrasil.com.br
Author: Wilson R. Garcia Jr.
Description: Tema desenvolvido sob medida para o site de Alan Diniz Souza
Version: 0.1
Text Domain: neticombrasil
License: GNU General Public Licence v2 or later
Licence URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Color Theme Swatches in Hex */
.Medical-examination-and-healthcare-business-graph-,-health-insurance,-Health-check-concept-1-hex { color: #0A4B59; }
.Medical-examination-and-healthcare-business-graph-,-health-insurance,-Health-check-concept-2-hex { color: #16808C; }
.Medical-examination-and-healthcare-business-graph-,-health-insurance,-Health-check-concept-3-hex { color: #9AD9C7; }
.Medical-examination-and-healthcare-business-graph-,-health-insurance,-Health-check-concept-4-hex { color: #D5F2EA; }
.Medical-examination-and-healthcare-business-graph-,-health-insurance,-Health-check-concept-5-hex { color: #53A687; }

.bg-base{ color: #9AD9C7; }

html {font-size: 100%; max-width: 100%; }
body {font-size: 100%; font-family: "Lora", serif; color: #111; font-optical-sizing: auto; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; /* -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; */ }

/* ======================
   HEADINGS
   ====================== */
h1, h2, h3, h4, h5, h6{font-family: "Cinzel", serif; font-weight: 400; text-transform: uppercase; margin-top: 0; margin-bottom: 0.5em;}

h1, .h1 { font-size: clamp(2rem, 3vw, 3rem); line-height: 1.1; font-weight: 400; }
h2, .h2 { font-size: clamp(1.75rem, 5vw, 4.5rem); line-height: 1.25; font-weight: 400; }
h3, .h3 { font-size: clamp(1.5rem, 3vw, 3.50rem); line-height: 1.3; font-weight: 400; }
h4, .h4 { font-size: clamp(1.25rem, 2vw, 2.50rem); line-height: 1.35; font-weight: 400; }
h5, .h5 { font-size: clamp(1.150rem, 1.2vw, 1.5rem); line-height: 1.4; font-weight: 400; }
h6, .h6 { font-size: clamp(1rem, 2vw, 1rem); line-height: 1.4; font-weight: 400; }

.ntcbr-overflow-hidden{overflow: hidden;}
.ntcbr-pagination{margin-bottom: 0;}
.ntcbr-nav li a{ font-size: 0.9rem; font-family: "Cinzel", serif; text-transform: uppercase; color: #FFF;}
.ntcbr-btn{ background-color: #111111; color: #FFFFFF !important; text-transform: uppercase; font-size: 1.2rem; padding: 0.5rem 1.2rem 0.75rem 1.2rem; overflow: hidden; position: relative;}
.ntcbr-btn::before { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0.6), transparent ); transform: skewX(-25deg);}
.ntcbr-btn:hover::before { animation: shine 0.8s ease;}
@keyframes shine { 100% { left: 125%; }}
.ntcbr-btn:hover{ text-decoration: none; }

.ntcbr-bg-dark-blue{background-color: #0a4b59;}
.ntcbr-px{padding-left: 2rem; padding-right: 2rem}
.ntcbr-rounded{border-radius: 1rem !important;}
.ntcbr-horizontal-center{display: flex; justify-content: center; }
.ntcbr-vertical-align{display: flex; align-items: center; }
.ntcbr-card{background-color: rgba(255,255,255,0.15); color: #FFF; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); border: none;}
.ntcbr-card h2{text-align: center;}
.ntcbr-card-body{padding: 2rem;}
.ntcbr-hyphens{-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-align: justify;}
.ntcbr-shadow{box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.ntcbr-breadcrumb{margin-left: 200px;}
.ntcbr-card-title{ display:block; width:fit-content; margin:0 auto; }
.ntcbr-card-title::after{content:""; display:block; width: 100%; height:20px; margin:12px auto 20px;
background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 20' preserveAspectRatio='none'>\
<line x1='0' y1='10' x2='60' y2='10' stroke='%23bfa67a' stroke-width='1.2'/>\
<circle cx='75' cy='10' r='2' fill='%23bfa67a'/>\
<circle cx='80' cy='10' r='2.5' fill='%23bfa67a'/>\
<circle cx='85' cy='10' r='2' fill='%23bfa67a'/>\
<line x1='100' y1='10' x2='160' y2='10' stroke='%23bfa67a' stroke-width='1.2'/>\
</svg>") center / 100% 100% no-repeat;
}

.home section h1, .home section h2{font-size: clamp(2rem, 3vw, 3rem) !important; letter-spacing: -3px !important;}

header .btn{padding: 4px 10px; margin-left: 16px; font-size: 12px; background-color: #111; color: white; border-radius: 4px; font-family: "Cinzel", serif; text-transform: uppercase;}

.hero{position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: end;}
.hero-bg{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.hero-overlay{position: absolute; inset: 0; background: rgba(0,0,0,.35);}
.hero-content{width: 50%; margin-right: 30px; z-index: 2; color: white;}

.ntcbr-navbar{height: 50px; background-color: #0a4b59;}
.ntcbr-navbar-wrapper{height: 100%;}
.ntcbr-navbar-brand{ position: absolute; width: 300px; height: 200px; top: 0; left: 50%; transform: translate(-50%); border-radius: 0 0 50% 50%; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); background-color: #FFF; }
.ntcbr-navbar-brand img.logo{ padding: 0 50px; margin-top: 10px;}
.ntcbr-navbar img.logo-mobile{width: 80px;}
.ntcbr-navbar span.logo-text{font-size: 1.25rem; color: white; font-family: "Cinzel", serif; margin-left: 6px; }
.ntcbr-navbar-toggler{margin-left: auto;}
.ntcbr-navbar-toggler span{background: white;}

/* Menu */
/* DESKTOP */
.ntcbr-desktop-only {display: block;}
.ntcbr-mobile-only{display: none;}
.ntcbr-mobile-logo {display: none;}

@media (max-width: 991px) {

  .ntcbr-mobile-only{display: flex; align-items: center;}
  .ntcbr-desktop-only {display: none;}
  .ntcbr-navbar-brand {display: none;}
  .ntcbr-mobile-logo {display: block; text-align: center; margin-bottom: 2rem;}
  .ntcbr-mobile-logo img { max-width: 140px;}
  .ntcbr-navbar-menu {display: flex; flex-direction: column; align-items: flex-start;}
  .ntcbr-navbar-menu .ntcbr-nav { flex-direction: column; width: 100%; gap: 1rem;}
  .ntcbr-navbar-menu .ntcbr-nav:first-of-type { margin-bottom: 1.5rem; }
  .ntcbr-nav li a{color: #111;}
  .ntcbr-navbar-menu .btn { width: 100%; margin-top: 2rem; text-align: center;}

}

.artigos .ntcbr-row{--ntcbr-gutter-x: 1rem; --ntcbr-gutter-y: 1rem;}
.artigos .ntcbr-card-body .info{font-style: italic; line-height: 1.2; margin-bottom: 15px; color: #6c757d; opacity: 0.85;}
.artigos .item a{overflow: hidden;}
.artigos .item a:hover{text-decoration: none;}
.artigos .item img{transition: transform 0.3s ease;}
.artigos .item a:hover img{transform: scale(1.1);}
.artigos #searchform{margin: 15px 0;}
.artigos #searchform button{display: flex; align-items: center; gap: 6px; border-top-left-radius: 0; border-bottom-left-radius: 0; border: solid 1px #000000;}
.artigos #searchform input{border-top-right-radius: 0; border-bottom-right-radius: 0;}

.interno .conteudo{color: #333333;}
.interno .conteudo blockquote{ border-left: solid 6px #16808C; padding-left: 12px; font-weight: bold; }
.interno article{padding: 0 1rem;}

/* esse bloco é para todas as páginas internas */
body:not(.home) .ntcbr-navbar-wrapper{position: relative; justify-content: end;}
body:not(.home) .ntcbr-navbar-brand{ position: absolute; top: 0; left: 0; width: 200px; height: 133px; transform: unset; border-radius: 0 0 50% 50%; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); background-color: #FFF; }
body:not(.home) .ntcbr-navbar-brand img.logo{ padding: 0 30px; margin-top: 5px; }
body:not(.home) #menu-top-menu-esquerda{margin-right: 20px;}
body:not(.home) h1{margin: 20px auto; text-align: center;}
body:not(.home) .info{font-size: 0.8rem; line-height: 1.1; margin-bottom: 5px;}
body:not(.home) .conteudo{margin: 30px auto 0 auto; font-size: 1.4rem; line-height: 1.7; }

#menu-top-menu-esquerda, #menu-top-menu-direita{display: none;}

main.interno .container-content > div{margin-bottom: 20px;}
main.interno .container-content .image{order: 0; margin-bottom: 30px;}
main.interno .container-content .text{order: 1;}

.home section{position: relative;}
.home section.sobre img{margin-bottom: 2rem;}
.home section.sobre{background-color: #0a4b59; padding: 3rem 0 120px 0; color: #FFFFFF;}
.home section.sobre .ntcbr-btn{margin-top: 20px;}
.home section.justificativa{ background-color: #16808c; padding: 3rem 0 120px 0; color: #000;}
.home section.justificativa .column{flex: auto;}
.home section.como{ background-color: #9AD9C7; padding: 3rem 0 120px 0; }

section.cta{position: relative; background-color: #53a687; padding-bottom: 100px; padding-top: 30px;}
section.cta .ntcbr-container{text-align: center; color: #FFF;}
section.cta .ntcbr-lead{margin-bottom: 30px;}
section.cta h1{margin-bottom: 0;}
section.cta .ntcbr-btn svg{margin-right: 10px;}

.section-divider{ position: absolute; bottom: -2px; left: 0; width: 100%; line-height: 0;}
.section-divider svg{ display:block; width:100%; height: 60px;}
.section-divider-footer svg {width: 100%; height: 20px; display: block; margin-bottom: -2px;}

section.contato{background-color: #9AD9C7; padding-bottom: 100px; margin-bottom: -70px}
section.contato .intro{text-align: center;}
section.contato h2{margin-bottom: 0;}
section.contato form{width: 100%; margin: 0 auto;}
section.contato form label{text-transform: uppercase; margin-bottom: 8px; font-size: 1remm;}
section.contato form input, form textarea{margin-bottom: 8px;}
section.contato .ntcbr-btn{ display: block; margin: 0 auto;}
section.contato .notice{ font-size: 0.9rem; display: inline-flex; align-items: center; gap: 4px;}
section.contato .notice a{text-decoration: none; color: #111; font-weight: bold;}
section.contato .notice a:hover{text-decoration: underline;}

footer{ position: relative; color: white; }
footer .copyright{font-size: 0.75rem; text-align: center; margin: 0; padding: 10px 0;}
footer .logo{filter: opacity(15%);}
footer .ntcbr-nav{ display: block; }
footer .ntcbr-nav li{transition: all 0.3s ease;}
footer .ntcbr-nav li a{ font-size: 0.8rem; font-weight: 400; }
footer .ntcbr-nav li:hover{transform: translateX(6px) !important;}
footer h5{display: inline-block;}
footer h5::after{ content:""; display:block; width: 100%; height:15px; margin: 0;
background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 20' preserveAspectRatio='none'>\
<line x1='0' y1='10' x2='60' y2='10' stroke='%23bfa67a' stroke-width='1.2'/>\
<circle cx='75' cy='10' r='2' fill='%23bfa67a'/>\
<circle cx='80' cy='10' r='2.5' fill='%23bfa67a'/>\
<circle cx='85' cy='10' r='2' fill='%23bfa67a'/>\
<line x1='100' y1='10' x2='160' y2='10' stroke='%23bfa67a' stroke-width='1.2'/>\
</svg>") center / 100% 100% no-repeat;
}

main.interno{position: relative;}
main.interno .ntcbr-card{color: #111;}
main.interno .ntcbr-card h5{font-family: "Lora", serif; text-transform: unset; font-size: 1.4rem;}

.interno.search .highlight { background-color: #ffeb3b; padding: 0 2px; font-weight: 600;}
.interno.search{display: flex; justify-content: center;}
.interno.search .item{ padding: 0.5rem 0; }
.interno.search .item .cat{display: block; font-size: 0.75rem; font-weight: bold; color: #666; text-transform: uppercase;}
.interno.search .item > a{text-decoration: none; display: block; padding: 0.5rem;}
.interno.search .item > a:hover{background-color: #ededed;}
.interno.search .item h2{font-family: "Lora", serif;  text-transform: unset; font-size: 1.4rem; color: #111; margin-bottom: 0;}
.interno.search .item p{color: #111;}

.posts-relacionados {margin-top: 40px; background-color: #9AD9C7; padding: 40px 0 120px; margin-bottom: -80px;}
.posts-relacionados h3{text-align: center; font-weight: bold; margin-bottom: 20px;}
.lista-posts { display: grid; grid-template-columns: 1fr;  gap: 18px; }
.post-card {background: #fff; border-radius: 1rem; transition: 0.3s; }
.post-card:hover {transform: translateY(-3px);}
.post-link {display: flex; gap: 12px; text-decoration: none; color: inherit;}
.post-link:hover {text-decoration: none; font-weight: bold;}
.post-card img { width: 150px; height: 150px; object-fit: cover; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; flex-shrink: 0;}
.post-content {display: flex; flex-direction: column; justify-content: center;}
.post-title { font-size: 15px; margin: 0; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; /* limita 2 linhas */ -webkit-box-orient: vertical; overflow: hidden;}
.post-excerpt { font-size: 13px; color: #666; margin-top: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.ntcbr-author-box {display: flex; flex-direction: column; text-align: center; align-items: center; gap: 16px; padding: 20px; border-top: 1px solid #ddd;}
.ntcbr-author-avatar {width: 150px; height: 150px; border-radius: 50%; object-fit: cover; flex-shrink: 0;}
.ntcbr-author-info{color: #333333;}
.ntcbr-author-info h3 {margin: 0 0 5px; font-weight: bold;}
.ntcbr-author-info p {margin: 0; }

/* sm */
@media (min-width: 576px) { 
  
  .home .hero .wrapper {width: 100%;}
  #menu-top-menu-esquerda, #menu-top-menu-direita{display: flex;}
  #menu-menu-para-dispositivos-moveis{display: none;}
  
}

/* md */
@media (min-width: 768px) { 
  
  .home .hero .wrapper { width: 75%; border: solid 1px #000; }
  .home section.sobre img{margin-bottom: unset;}
  .artigos .ntcbr-row{--ntcbr-gutter-x: 3rem; --ntcbr-gutter-y: 3rem;}
  section.contato form{width: 70%; margin: 0 auto;}
  footer .copyright{margin-top: 15px;}

  .section-divider svg {height: 120px;}
  .section-divider-footer svg {height: 84px;}

  main.interno .container-content > div{margin-bottom: 40px;}
  main.interno .container-content .image{order: 0; margin-bottom: 0;}
  main.interno .container-content .text{order: 0;}

  body:not(.home) h1{margin: 40px auto 20px auto; text-align: center;}
  .lista-posts{ grid-template-columns: repeat(2, 1fr); }

  .ntcbr-author-box {flex-direction: unset;  text-align: unset;}
}

/* lg */
@media (min-width: 1024px) {

  .home .hero .wrapper {width: 75%; border: solid 1px #000;}
}

/* xl */
@media (min-width: 1280px) {

  .home .hero .wrapper {width: 50%; border: solid 1px #000;}
}

/* xxl */
@media (min-width: 1440px) {

  .home .hero .wrapper {width: 50%; border: solid 1px #000;}
}