/*
Theme Name: Pierre Lucena Visual
Theme URI: https://pierrelucena.com.br
Author: Pierre Lucena
Description: Versao visual fiel ao mockup aprovado da homepage de Pierre Lucena. Tema leve, estavel e sem page builder.
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: pierre-lucena-visual
*/

:root {
  --pl-navy: #071a2f;
  --pl-blue: #1463ff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--pl-navy);
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  overflow-x: hidden;
}

.pl-home-art {
  position: relative;
  width: 100%;
  max-width: 1536px;
  margin: 0 auto;
  line-height: 0;
  background: var(--pl-navy);
}

.pl-home-art > img {
  width: 100%;
  height: auto;
  display: block;
}

.pl-hotspot {
  position: absolute;
  display: block;
  z-index: 3;
  background: transparent;
  border-radius: 4px;
}

.pl-hotspot:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
  background: rgba(20,99,255,.12);
}

.pl-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Hotspots calculados sobre a arte aprovada de 1536 x 1024 */
.hs-ideas       { left: 35.6%; top: 1.3%; width: 6.8%; height: 4.6%; }
.hs-producao    { left: 43.1%; top: 1.3%; width: 8.2%; height: 4.6%; }
.hs-atuacao     { left: 52.2%; top: 1.3%; width: 7.4%; height: 4.6%; }
.hs-trajetoria  { left: 60.6%; top: 1.3%; width: 8.4%; height: 4.6%; }
.hs-search      { left: 80.5%; top: 1.1%; width: 3.1%; height: 4.8%; }
.hs-newsletter  { left: 84.4%; top: 1.0%; width: 11.8%; height: 5.0%; }
.hs-explore     { left: 4.0%; top: 45.1%; width: 13.9%; height: 4.8%; }
.hs-history     { left: 19.3%; top: 45.2%; width: 15.5%; height: 4.8%; }
.hs-allprod     { left: 43.2%; top: 55.3%; width: 10.9%; height: 3.9%; }
.hs-theme-inov  { left: 55.3%; top: 61.0%; width: 9.7%; height: 16.0%; }
.hs-theme-eco   { left: 65.6%; top: 61.0%; width: 9.7%; height: 16.0%; }
.hs-theme-uni   { left: 76.0%; top: 61.0%; width: 9.7%; height: 16.0%; }
.hs-theme-fin   { left: 86.3%; top: 61.0%; width: 9.7%; height: 16.0%; }
.hs-atuacao     { left: 4.0%; top: 82.0%; width: 23.5%; height: 12.3%; }
.hs-traj-bottom { left: 29.0%; top: 82.0%; width: 25.5%; height: 12.3%; }
.hs-news-form   { left: 58.0%; top: 81.5%; width: 35.0%; height: 13.0%; }
.hs-contact     { left: 54.0%; top: 95.3%; width: 6.0%; height: 3.0%; }
.hs-privacy     { left: 61.2%; top: 95.3%; width: 12.5%; height: 3.0%; }
.hs-linkedin    { left: 79.8%; top: 95.0%; width: 3.2%; height: 3.5%; }
.hs-youtube     { left: 84.4%; top: 95.0%; width: 3.2%; height: 3.5%; }
.hs-x           { left: 89.0%; top: 95.0%; width: 3.2%; height: 3.5%; }

/* Fallback de leitura em telas estreitas: preserva a arte inteira sem cortes. */
@media (max-width: 900px) {
  .pl-home-art {
    min-width: 760px;
  }
  body {
    overflow-x: auto;
  }
}

/* Paginas internas simples e legiveis */
.pl-inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 72px 24px;
  min-height: 70vh;
}
.pl-inner a { color: #5f93ff; }
.pl-inner h1 { font-size: clamp(2.4rem, 7vw, 5rem); margin: 0 0 24px; }
.pl-inner article { border-top: 1px solid rgba(255,255,255,.15); padding: 28px 0; }