.elementor-206 .elementor-element.elementor-element-808b935{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-206:not(.elementor-motion-effects-element-type-background), body.elementor-page-206 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:767px){.elementor-206 .elementor-element.elementor-element-808b935{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}}/* Start custom CSS for html, class: .elementor-element-9d212bc */.jvis-drcreche-aulas .live-label{
    margin-bottom: 25px !important;
}

.jvis-drcreche-aulas .topline .wrap, .jvis-drcreche-aulas .nav{
    justify-content: center !important;
}/* End custom CSS */
/* Start custom CSS *//* ===============================
   BASE
================================ */

html {
  position: relative;
  text-wrap: balance;
}

html, body {
  width: 100%;
  overflow-x: hidden;
  font-size: 16px;
}

body {
  position: relative;
}



/* ===============================
   MOBILE FONT
================================ */

@media (max-width: 767px) {
  html, body {
    font-size: 16px;
  }
}

/* ===============================
   ELEMENTOR
================================ */

[data-elementor-type="wp-page"],
[data-elementor-type="wp-post"] {
  overflow: hidden;
}

/* ===============================
   TEXT RESET
================================ */

p { margin: 0; }

.elementor-image-box-title,
.elementor-icon-box-title {
  margin-top: 0;
}

/* ===============================
   SCROLLBAR
================================ */

body::-webkit-scrollbar { width: 10px; }
body::-webkit-scrollbar-track { background: #000; }
body::-webkit-scrollbar-thumb {
  background-image: linear-gradient(45deg,#ff6705,#f98136, #ff6705)!important;
  border-radius: 10px;
  border: 2px solid #000;
}

@-moz-document url-prefix() {
  * {
    scrollbar-width: 10px;
    scrollbar-color: #ff6705 #000;
    -moz-appearance: scrollbar;
  }
}

/* ===============================
   SELECTION
================================ */

::selection {
  background: #ff6705;
  color: #000;
  -webkit-text-fill-color: #000;
}

::-moz-selection {
  background: #ff6705;
  color: #000;
}



.espacamento{
display: block;
margin-top: 15px
}


/* ===============================
   GRADIENT TEXT
================================ */

.destaque,
.destaque2,
.destaque3,
.destaque4,
.degrade,
.tag2 {
  isolation: isolate !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
  padding-right: 10px;
}

.destaque {
  background: linear-gradient(to right,#ff6705,#f98136, #ff6705);
}

.destaque3,
.destaque4 {
  background: linear-gradient(89deg,#bf996b -50%,#fcf4ea 50%,#bf996b 150%);
  font-family: "Times New Roman";
  font-style: italic;
  font-weight: 400;
  line-height: 80%!important;
  letter-spacing: -0.21375rem;
  padding-right: 5px;
   font-size: 1.25625em;
    font-style: italic;
    font-weight: 400;
    line-height: 80% !important;
    letter-spacing: -0.21375rem;
    padding-right: 10px;
}

.destaque4 {
  background: linear-gradient(89deg,#572109 -50%,#b74316 50%,#572109 150%);
  padding-right: 15px;
}

.destaque2 {
  animation: brilho 2.4s cubic-bezier(.2,.5,.9,.6) 2s infinite;
  background-image: linear-gradient(to right,#ffc39c,#ffc39c,#ffdcc6,#ffdcc6,#ffc39c,#ffc39c);
  background-size: 400% 200%;
}

/* ===============================
   TAGS
================================ */

.tag2 {
  font-size: 1rem;
  letter-spacing: .25rem;
  display: block;
  padding-bottom: 15px;
}

.tag {
    background-color: #000; /* fallback real para Safari */
    padding: 0.4em 1.25em;
    border-radius: 100px;
    color: #c8ab87 !important;
    margin-bottom: 20px !important;
    break-inside: avoid;
    border-top: 1px solid #c8ab87;

    /* Gradientes ajustados (Safari-friendly) */
    background: radial-gradient(105.21% 80.83% at 50% 139.64%, #3c4155aa 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(71.2% 56.16% at 39.65% 8.34%, #3c415560 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(44.99% 44.08% at 32.68% 3.28%, #3c415560 0%, rgba(217, 217, 217, 0.00) 100%), #000;

    background-repeat: no-repeat;
    background-size: cover;

    /* Safari tem bug com clamp invertido */
    font-size: clamp(0.75rem, 2.5vw, 0.8rem);

    font-weight: 600;
    line-height: 1.5em;
    letter-spacing: 0.12rem;
    text-transform: uppercase;

    position: relative;
    top: -10px;

    /* Garante renderização correta */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}




/* ===============================
   BUTTON
================================ */


body.elementor-page-206 .elementor-button{
    position: relative;
    border-radius: 5px;
    overflow: hidden;

    animation: textura 2.4s cubic-bezier(0.2,0.5,0.9,0.6) 2s infinite;
    -webkit-animation: textura 2.4s cubic-bezier(0.2,0.5,0.9,0.6) 2s infinite;

    background-image: linear-gradient(45deg, #ff6705, #ff8d47, #ffb384, #ff6705, #ff8d47);
    background-size: 400% 200%;

    transition: all .8s;
    
    box-shadow: 0 0 32px -2px #ffc39c50;

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    padding: 20px 40px !important;
    color: #fff !important;
    font-size: 1rem !important;
}


/* borda degradê */

body.elementor-page-206 .elementor-button::before{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;

    padding:2px;
    border-radius:5px;

    background: linear-gradient(35deg,#FFF,transparent,transparent);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events:none;
   
}


/* hover */

body.elementor-page-206 .elementor-button:hover{

    animation: textura 3.4s cubic-bezier(0.2,0.5,0.9,0.6) 2s infinite;
    -webkit-animation: textura 3.4s cubic-bezier(0.2,0.5,0.9,0.6) 2s infinite;

    background-image: linear-gradient(45deg,#0157C5,#adcfff, #0157C5);
    background-size: 400% 200%;

    box-shadow: 0 0 32px -2px rgba(255,255,255,0.4);
      color: #000 !important;
}


/* animação */

@keyframes textura{
    0%{
        background-position:0% 0%;
    }
    100%{
        background-position:100% 0%;
    }
}

@-webkit-keyframes textura{
    0%{
        background-position:0% 0%;
    }
    100%{
        background-position:100% 0%;
    }
}



/* ===============================
   CONTAINER WIDTHS
================================ */

@media(min-width:1367px){
  .e-con{ --container-max-width:1280px!important; }
}

@media(min-width:768px) and (max-width:1366px){
  .e-con{ --container-max-width:90%!important; }
}

@media(max-width:767px){
  .e-con{
    --container-max-width:100%!important;
    --container-default-padding-block-start:4em !important;
    --container-default-padding-inline-start:1.25em !important;
    --container-default-padding-block-end:4em !important;
    --container-default-padding-inline-end:1.25em !important;
  }
  
 
}



@media (max-width: 767px) {

    .destaque3 {
        font-family: "Times New Roman", Times, serif;

        /* gradiente compatível */
        background-image: linear-gradient(90deg, #bf996b -50%, #fcf4ea 50%, #bf996b 150%);
        background-size: 100% 100%;
        background-repeat: no-repeat;

        -webkit-background-clip: text;
        background-clip: text;

        color: transparent;
        -webkit-text-fill-color: transparent;

        font-size: 1.25625em;
        font-style: italic;
        font-weight: 400;

        /* Safari NÃO respeita % aqui */
        line-height: 0.8;

        letter-spacing: -0.081375rem;
        padding-right: 5px;

        /* força quebra correta em inline text */
        display: inline;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;

        /* força repaint no iOS */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    
    
    
body.elementor-page-206 .elementor-button{
    padding: 20px 15px !important;
    font-size: 1rem !important;
}


}/* End custom CSS */