/*
Theme Name: MYRRHA Hello Child V2 - Cache Test
Theme URI: https://myrrhamusic.com.br/
Description: MYRRHA V2 Premium. Prévia restrita ao administrador do staging; sem parâmetro, mantém header/footer do Elementor Pro.
Author: MYRRHA
Template: hello-elementor
Version: 0.2.2
Text Domain: myrrha-hello-child-v2
*/
/* All presentation selectors are restricted to the staging preview body class. */
.myrrha-child-preview .myrrha-visually-hidden { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.myrrha-child-preview .myrrha-skip { position:absolute; left:-9999px; top:0; z-index:99999; padding:12px; background:#fff; color:#111; }
.myrrha-child-preview .myrrha-skip:focus { left:12px; }
.myrrha-child-preview .myrrha-preview-header,
.myrrha-child-preview .myrrha-preview-footer { box-sizing:border-box; font-family:Arial,Helvetica,sans-serif; }
.myrrha-child-preview .myrrha-preview-header *,
.myrrha-child-preview .myrrha-preview-footer * { box-sizing:border-box; }
.myrrha-child-preview .myrrha-preview-header a,
.myrrha-child-preview .myrrha-preview-footer a { text-decoration:none; }
.myrrha-child-preview .myrrha-preview-header { position:relative; z-index:12; width:100%; max-width:none; margin:0; color:#f5faff; background:linear-gradient(95deg,rgba(1,26,40,.93),rgba(3,28,42,.83) 58%,rgba(0,20,30,.94)); border-bottom:1px solid rgba(94,212,243,.64); box-shadow:0 4px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(155,230,255,.1); -webkit-backdrop-filter:blur(11px); backdrop-filter:blur(11px); }
.myrrha-child-preview .myrrha-preview-header__desktop { min-height:74px; display:grid; grid-template-columns:minmax(0,1fr) 213px minmax(0,1fr); align-items:center; gap:16px; max-width:1150px; padding:0 28px; margin:0 auto; }
.myrrha-child-preview .myrrha-preview-logo { display:flex; align-items:center; justify-content:center; min-width:0; height:74px; }
.myrrha-child-preview .myrrha-preview-logo__image { display:block; width:auto; max-width:190px; max-height:58px; height:auto; object-fit:contain; }
.myrrha-child-preview .myrrha-preview-menu ul { display:flex; list-style:none; align-items:center; flex-wrap:nowrap; gap:0; padding:0; margin:0; }
.myrrha-child-preview .myrrha-preview-menu--left ul { justify-content:flex-end; }
.myrrha-child-preview .myrrha-preview-menu--right ul { justify-content:flex-start; }
.myrrha-child-preview .myrrha-preview-menu li { list-style:none; margin:0; padding:0; }
.myrrha-child-preview .myrrha-preview-menu a { position:relative; display:flex; align-items:center; min-height:74px; padding:0 clamp(12px,1.42vw,24px); color:#f6f8fb; font-size:15px; font-weight:400; letter-spacing:.005em; text-transform:uppercase; transition:color .18s ease; white-space:nowrap; }
.myrrha-child-preview .myrrha-preview-menu a::after { content:""; position:absolute; bottom:15px; height:3px; left:7px; right:7px; background:#67d8f4; opacity:0; transform:scaleX(.7); transition:opacity .18s ease,transform .18s ease; }
.myrrha-child-preview .myrrha-preview-menu a:hover,
.myrrha-child-preview .myrrha-preview-menu a:focus-visible,
.myrrha-child-preview .myrrha-preview-menu .current-menu-item > a,
.myrrha-child-preview .myrrha-preview-menu .current_page_item > a { color:#fff; }
.myrrha-child-preview .myrrha-preview-menu a:hover::after,
.myrrha-child-preview .myrrha-preview-menu a:focus-visible::after,
.myrrha-child-preview .myrrha-preview-menu .current-menu-item > a::after,
.myrrha-child-preview .myrrha-preview-menu .current_page_item > a::after { opacity:1; transform:scaleX(1); }
.myrrha-child-preview .myrrha-preview-header__mobile,
.myrrha-child-preview .myrrha-preview-mobile-menu { display:none; }
.myrrha-child-preview .myrrha-preview-mobile-menu[hidden] { display:none!important; }
.myrrha-child-preview .myrrha-preview-header a:focus-visible,
.myrrha-child-preview .myrrha-preview-footer a:focus-visible,
.myrrha-child-preview .myrrha-preview-toggle:focus-visible { outline:2px solid #8ce4fc; outline-offset:3px; }

/* Three-column footer inspired by the original Elementor design. */
.myrrha-child-preview .myrrha-preview-footer { position:relative; isolation:isolate; overflow:hidden; color:#f6fbff; min-height:390px; padding:0; background:radial-gradient(ellipse at 55% 45%,#0a4260 0%,#07324a 36%,#002438 75%,#002130 100%); }
.myrrha-child-preview .myrrha-preview-footer__image-bg,
.myrrha-child-preview .myrrha-preview-footer__video-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-1; opacity:.74; pointer-events:none; }
.myrrha-child-preview .myrrha-preview-footer__bokeh,
.myrrha-child-preview .myrrha-preview-footer__glow { position:absolute; inset:-12%; z-index:0; pointer-events:none; }
.myrrha-child-preview .myrrha-preview-footer__bokeh { opacity:.75; filter:blur(3px); background-image:radial-gradient(circle at 11% 74%,rgba(132,205,251,.26) 0 10px,transparent 30px),radial-gradient(circle at 27% 29%,rgba(176,218,251,.29) 0 7px,transparent 25px),radial-gradient(circle at 41% 69%,rgba(161,217,249,.31) 0 11px,transparent 32px),radial-gradient(circle at 52% 35%,rgba(158,218,243,.28) 0 5px,transparent 20px),radial-gradient(circle at 69% 76%,rgba(162,212,241,.4) 0 12px,transparent 39px),radial-gradient(circle at 79% 31%,rgba(180,225,243,.23) 0 8px,transparent 24px),radial-gradient(circle at 90% 63%,rgba(149,199,242,.31) 0 13px,transparent 39px),radial-gradient(circle at 35% 45%,rgba(206,235,246,.23) 0 2px,transparent 12px),radial-gradient(circle at 73% 48%,rgba(156,229,245,.22) 0 3px,transparent 13px),radial-gradient(circle at 18% 50%,rgba(121,209,255,.24) 0 4px,transparent 13px); animation:myrrha-bokeh-drift 16s ease-in-out infinite alternate; }
.myrrha-child-preview .myrrha-preview-footer__glow { opacity:.42; background-image:radial-gradient(ellipse at 24% 73%,rgba(28,154,217,.34),transparent 27%),radial-gradient(ellipse at 74% 35%,rgba(63,184,226,.22),transparent 34%),radial-gradient(ellipse at 57% 85%,rgba(133,209,242,.24),transparent 34%); animation:myrrha-bokeh-drift2 21s ease-in-out infinite alternate; }
.myrrha-child-preview .myrrha-preview-footer__inner { position:relative; z-index:2; display:grid; grid-template-columns:minmax(220px,1.08fr) minmax(330px,1fr) minmax(250px,.9fr); max-width:1100px; margin:0 auto; gap:44px; align-items:start; padding:70px 30px 82px; }
.myrrha-child-preview .myrrha-preview-footer__logo { display:inline-flex; align-items:center; justify-content:flex-start; min-height:62px; margin:0 0 11px; }
.myrrha-child-preview .myrrha-preview-footer__logo img { display:block; width:auto; height:auto; max-width:220px; max-height:63px; object-fit:contain; }
.myrrha-child-preview .myrrha-preview-footer__about p { margin:0; color:#f6faff; font-size:13px; font-weight:400; line-height:1.55; letter-spacing:0; }
.myrrha-child-preview .myrrha-preview-footer__about strong { font-weight:700; }
.myrrha-child-preview .myrrha-preview-footer__group { margin:0 0 21px; }
.myrrha-child-preview .myrrha-preview-footer__group h2,
.myrrha-child-preview .myrrha-preview-footer__contact h2 { margin:12px 0 14px; color:#f6fbff; font-size:16px; font-weight:400; line-height:1.3; letter-spacing:.32em; white-space:nowrap; }
.myrrha-child-preview .myrrha-preview-footer__icons { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0; padding:0; list-style:none; }
.myrrha-child-preview .myrrha-preview-footer__icons li { margin:0; padding:0; list-style:none; }
.myrrha-child-preview .myrrha-preview-footer__icons a { display:inline-flex; align-items:center; justify-content:center; width:29px; height:29px; color:#0b3044; background:#f8fdff; border:1px solid rgba(255,255,255,.7); border-radius:50%; font-size:17px; line-height:1; transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease; }
.myrrha-child-preview .myrrha-preview-footer__icons a:hover { color:#02314b; background:#89e0ff; transform:translateY(-3px); box-shadow:0 5px 18px rgba(84,209,249,.33); }
.myrrha-child-preview .myrrha-preview-footer__contact ul { list-style:none; margin:10px 0 0; padding:0; }
.myrrha-child-preview .myrrha-preview-footer__contact li { list-style:none; margin:0 0 22px; padding:0; }
.myrrha-child-preview .myrrha-preview-footer__contact a,
.myrrha-child-preview .myrrha-preview-footer__city { display:flex; align-items:center; gap:17px; font-size:17px; line-height:1.5; font-weight:400; color:#f6fbff; }
.myrrha-child-preview .myrrha-preview-footer__contact i { flex:0 0 29px; font-size:27px; text-align:center; color:#fff; }
.myrrha-child-preview .myrrha-preview-footer__contact a:hover { color:#b0efff; }
.myrrha-child-preview .myrrha-preview-footer__bottom { position:relative; z-index:2; width:100%; margin:0; padding:8px 16px; min-height:36px; background:#6acef0; color:#071820; font-size:16px; font-weight:400; line-height:1.3; text-align:center; text-transform:uppercase; }
@keyframes myrrha-bokeh-drift { from { transform:translate3d(-2%,3%,0) scale(1); opacity:.5; } to { transform:translate3d(2%,-5%,0) scale(1.08); opacity:.86; } }
@keyframes myrrha-bokeh-drift2 { from { transform:translate3d(0,2%,0) scale(1.02); } to { transform:translate3d(-3%,-4%,0) scale(1.12); } }
@media (max-width: 1000px) {
  .myrrha-child-preview .myrrha-preview-footer__inner { grid-template-columns:minmax(200px,1fr) minmax(300px,1fr); gap:28px; }
  .myrrha-child-preview .myrrha-preview-footer__contact { grid-column:span 2; }
}
@media (max-width: 900px) {
  .myrrha-child-preview .myrrha-preview-header { max-width:none; }
  .myrrha-child-preview .myrrha-preview-header__desktop { display:none; }
  .myrrha-child-preview .myrrha-preview-header__mobile { display:flex; align-items:center; justify-content:space-between; min-height:70px; padding:0 24px; }
  .myrrha-child-preview .myrrha-preview-header__mobile .myrrha-preview-logo { height:70px; justify-content:flex-start; }
  .myrrha-child-preview .myrrha-preview-header__mobile .myrrha-preview-logo__image { max-width:166px; max-height:55px; }
  .myrrha-child-preview .myrrha-preview-toggle { display:flex; align-items:center; justify-content:center; width:43px; height:43px; cursor:pointer; border:1px solid rgba(109,219,250,.62); border-radius:3px; background:rgba(0,41,58,.65); color:#fff; }
  .myrrha-child-preview .myrrha-preview-toggle__lines { display:flex; flex-direction:column; gap:5px; width:23px; }
  .myrrha-child-preview .myrrha-preview-toggle__lines i { display:block; height:2px; width:100%; background:#f7fcff; border-radius:1px; transition:transform .2s,opacity .2s; }
  .myrrha-child-preview .myrrha-preview-toggle.is-open i:first-child { transform:translateY(7px) rotate(45deg); }
  .myrrha-child-preview .myrrha-preview-toggle.is-open i:nth-child(2) { opacity:0; }
  .myrrha-child-preview .myrrha-preview-toggle.is-open i:last-child { transform:translateY(-7px) rotate(-45deg); }
  .myrrha-child-preview .myrrha-preview-mobile-menu:not([hidden]) { display:block; background:rgba(0,27,42,.97); border-top:1px solid rgba(109,219,250,.35); padding:7px 20px 15px; }
  .myrrha-child-preview .myrrha-preview-mobile-menu ul { list-style:none; margin:0; padding:0; }
  .myrrha-child-preview .myrrha-preview-mobile-menu li { list-style:none; border-bottom:1px solid rgba(150,221,244,.2); }
  .myrrha-child-preview .myrrha-preview-mobile-menu a { display:block; padding:13px 10px; font-size:14px; font-weight:500; color:#fff; text-transform:uppercase; }
  .myrrha-child-preview .myrrha-preview-mobile-menu a:hover,
  .myrrha-child-preview .myrrha-preview-mobile-menu .current-menu-item a { background:rgba(91,214,245,.1); color:#8ce5fe; }
}
@media (max-width: 680px) {
  .myrrha-child-preview .myrrha-preview-footer__inner { grid-template-columns:1fr; gap:24px; padding:45px 25px 50px; }
  .myrrha-child-preview .myrrha-preview-footer__contact { grid-column:auto; }
  .myrrha-child-preview .myrrha-preview-footer__about p { max-width:420px; }
  .myrrha-child-preview .myrrha-preview-footer__group h2,
  .myrrha-child-preview .myrrha-preview-footer__contact h2 { margin:5px 0 13px; }
  .myrrha-child-preview .myrrha-preview-footer__bottom { font-size:13px; }
}
@media (prefers-reduced-motion: reduce) {
  .myrrha-child-preview .myrrha-preview-footer__bokeh,
  .myrrha-child-preview .myrrha-preview-footer__glow { animation:none; }
  .myrrha-child-preview .myrrha-preview-footer__icons a,
  .myrrha-child-preview .myrrha-preview-menu a,
  .myrrha-child-preview .myrrha-preview-menu a::after { transition:none; }
}

