/*
Theme Name: Porto Tecnologia e Inovação
Theme URI: https://portotecnologia.com.br
Author: Porto Tecnologia
Author URI: https://portotecnologia.com.br
Description: Tema institucional da Porto Tecnologia e Inovação. Totalmente compatível com Elementor e Elementor Pro (suporte a Theme Builder: Header, Footer, Single, Archive e páginas 404). Paleta baseada no logo: azul-marinho (#0a1e3f) e azul-céu (#2CA9E1). Tipografia Space Grotesk + Inter.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: porto-tema
Tags: business, blog, elementor, full-width-template, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ===========================================================
   Reset / base — o design pesado é feito no Elementor.
   Este CSS existe só para dar uma base limpa e neutra.
   =========================================================== */

:root{
  --porto-navy:#0a1e3f;
  --porto-navy-2:#0f2a55;
  --porto-sky:#2CA9E1;
  --porto-sky-2:#4FBEEE;
  --porto-bg:#f5f8fc;
  --porto-text:#0b1c33;
  --porto-muted:#5b6b82;
  --porto-white:#ffffff;
  --porto-radius:12px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color:var(--porto-text);
  background:var(--porto-white);
  line-height:1.6;
}
h1,h2,h3,h4,h5,h6{
  font-family:'Space Grotesk', 'Inter', sans-serif;
  color:var(--porto-navy);
  margin:0 0 .6em;
  line-height:1.2;
}
a{color:var(--porto-sky);text-decoration:none}
a:hover{color:var(--porto-navy)}
img{max-width:100%;height:auto;display:block}

.porto-container{max-width:1200px;margin:0 auto;padding:0 20px}

/* Header padrão (fallback quando o Elementor Pro não substitui) */
.porto-site-header{
  background:var(--porto-white);
  border-bottom:1px solid #e6ecf5;
  position:sticky;top:0;z-index:100;
}
.porto-site-header .porto-container{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:14px;padding-bottom:14px;gap:24px;
}
.porto-logo img{max-height:44px;width:auto}
.porto-logo-text{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:22px;color:var(--porto-navy)}
.porto-nav ul{list-style:none;display:flex;gap:24px;margin:0;padding:0}
.porto-nav a{color:var(--porto-navy);font-weight:500}
.porto-nav a:hover{color:var(--porto-sky)}

/* Footer padrão (fallback) */
.porto-site-footer{
  background:var(--porto-navy);
  color:#c9d6ea;
  padding:56px 0 24px;
  margin-top:64px;
}
.porto-site-footer h4{color:var(--porto-white);font-size:16px;margin-bottom:16px}
.porto-site-footer a{color:#c9d6ea}
.porto-site-footer a:hover{color:var(--porto-sky)}
.porto-footer-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:32px;
}
.porto-footer-grid ul{list-style:none;padding:0;margin:0}
.porto-footer-grid li{margin-bottom:8px}
.porto-social{display:flex;gap:12px;margin-top:16px}
.porto-social a{
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.08);
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;font-size:14px;
}
.porto-social a:hover{background:var(--porto-sky);color:#fff}
.porto-footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);
  margin-top:40px;padding-top:20px;
  text-align:center;font-size:14px;color:#8fa2c1;
}
@media (max-width: 900px){
  .porto-footer-grid{grid-template-columns:repeat(2,1fr)}
  .porto-nav{display:none}
}
@media (max-width: 520px){
  .porto-footer-grid{grid-template-columns:1fr}
}

/* Conteúdo padrão */
.porto-main{min-height:60vh}
.porto-post{max-width:820px;margin:40px auto;padding:0 20px}
.porto-post .entry-title{font-size:2rem}
.porto-post .entry-meta{color:var(--porto-muted);font-size:14px;margin-bottom:24px}

/* Botões utilitários (também pode usar via classe no Elementor) */
.porto-btn{
  display:inline-block;padding:12px 22px;border-radius:var(--porto-radius);
  background:var(--porto-sky);color:#fff;font-weight:600;
  transition:transform .15s ease, background .15s ease;
}
.porto-btn:hover{background:var(--porto-navy);color:#fff;transform:translateY(-1px)}
.porto-btn--ghost{background:transparent;border:1px solid var(--porto-navy);color:var(--porto-navy)}
.porto-btn--ghost:hover{background:var(--porto-navy);color:#fff}

/* Acessibilidade */
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);
  height:1px;width:1px;overflow:hidden;position:absolute!important;
  word-wrap:normal!important;
}
.skip-link{
  position:absolute;left:-9999px;top:0;background:var(--porto-navy);
  color:#fff;padding:10px 14px;z-index:1000;
}
.skip-link:focus{left:8px;top:8px}

/* Alignments do editor Gutenberg (mantém compatibilidade) */
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.aligncenter{margin-left:auto;margin-right:auto;display:block}
.alignwide{max-width:1100px;margin-left:auto;margin-right:auto}
.alignfull{width:100vw;margin-left:calc(50% - 50vw)}