/*
Theme Name: UNE Em Breve V4.1 — Arte Aprovada
Theme URI: https://www.instagram.com/une_vidas/
Author: FLEURISILVA Gestão e Inovação
Description: Exibição integral da composição visual aprovada, sem reconstrução por HTML/CSS.
Version: 4.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: une-em-breve-v4
*/

:root{
  --une-green:#3F633A;
  --une-blue:#8CCBD5;
  --une-orange:#F36B32;
}

*{box-sizing:border-box}

html,
body{
  width:100%;
  height:100%;
  min-height:100%;
  margin:0;
  overflow:hidden;
  background:#fff;
}

body{
  font-family:Arial,Helvetica,sans-serif;
}

.une-stage{
  position:fixed;
  inset:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#fff;
}

/* Extensão suave nas laterais em monitores muito largos. */
.une-stage::before{
  content:"";
  position:absolute;
  inset:-28px;
  background:
    linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.72)),
    url("assets/arte-aprovada.png") center/cover no-repeat;
  filter:blur(24px);
  transform:scale(1.05);
}

/*
  A composição central mantém rigorosamente a proporção original 3:2.
  Isso impede distorção de fontes, ícones, ramos e cantos e elimina rolagem.
*/
.une-artboard{
  position:relative;
  z-index:1;
  width:min(100vw,150vh);
  height:min(100vh,66.666667vw);
  aspect-ratio:3/2;
  background:#fff;
  box-shadow:0 0 34px rgba(36,65,43,.08);
}

.une-art{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
}

/* Links invisíveis posicionados sobre os campos da própria arte. */
.une-hotspot{
  position:absolute;
  display:block;
  z-index:2;
  border-radius:18px;
  text-decoration:none;
  background:transparent;
}

.une-hotspot:focus-visible{
  outline:3px solid var(--une-orange);
  outline-offset:3px;
  background:rgba(140,203,213,.12);
}

/* Coordenadas proporcionais à arte original 1536 × 1024. */

/* Instagram — terceiro item da primeira linha de informações. */
.une-instagram{
  left:65.5%;
  top:72.7%;
  width:17.8%;
  height:8.2%;
}

/* Telefone fixo — primeiro item da linha de contatos. */
.une-phone{
  left:20.8%;
  top:83.0%;
  width:18.8%;
  height:7.0%;
}

/* WhatsApp — segundo item da linha de contatos. */
.une-whatsapp{
  left:40.9%;
  top:83.0%;
  width:20.4%;
  height:7.0%;
}

/* Cidade/localização — terceiro item da linha de contatos. */
.une-location{
  left:63.1%;
  top:83.0%;
  width:19.1%;
  height:7.0%;
}

/* Endereço completo — campo inferior. */
.une-address{
  left:29.0%;
  top:90.3%;
  width:42.2%;
  height:7.9%;
}

/* Aviso visível associado ao número do WhatsApp. */
.une-whatsapp-note{
  position:absolute;
  z-index:3;
  left:51.1%;
  top:89.0%;
  transform:translateX(-50%);
  display:block;
  margin:0;
  padding:2px 8px;
  border-radius:10px;
  color:#3F633A;
  background:rgba(255,255,255,.95);
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(7px,.62vw,10px);
  font-weight:700;
  line-height:1.15;
  white-space:nowrap;
  pointer-events:none;
}

.une-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;
}

@media (max-width:700px){
  .une-stage::before{
    filter:blur(16px);
  }
  .une-artboard{
    box-shadow:none;
  }
}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
}