.elementor-24683 .elementor-element.elementor-element-2d6ab81{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-24683 .elementor-element.elementor-element-2d6ab81:not(.elementor-motion-effects-element-type-background), .elementor-24683 .elementor-element.elementor-element-2d6ab81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A50D0D;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-24683 .elementor-element.elementor-element-a3bf479.elementor-element{--align-self:center;}.elementor-24683 .elementor-element.elementor-element-a3bf479{text-align:center;}.elementor-24683 .elementor-element.elementor-element-a3bf479 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:1.3em;font-weight:600;line-height:1.3em;color:#FFFFFF;}.elementor-24683 .elementor-element.elementor-element-7510b6b{--display:flex;--min-height:850px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:0px 0px 50px 50px;box-shadow:0px 38px 38px -30px rgba(0, 0, 0, 0.25);--z-index:1;}.elementor-24683 .elementor-element.elementor-element-7510b6b:not(.elementor-motion-effects-element-type-background), .elementor-24683 .elementor-element.elementor-element-7510b6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://andressadinizbeauty.com.br/wp-content/uploads/2026/08/bg-upsell.webp");background-position:top center;background-size:cover;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-24683 .elementor-element.elementor-element-6d7bd34{width:var( --container-widget-width, 850px );max-width:850px;--container-widget-width:850px;--container-widget-flex-grow:0;}.elementor-24683 .elementor-element.elementor-element-6d7bd34.elementor-element{--align-self:center;}.elementor-24683 .elementor-element.elementor-element-6d7bd34 .elementor-image-box-wrapper{text-align:center;}.elementor-24683 .elementor-element.elementor-element-6d7bd34 .elementor-image-box-title{font-family:"Sora", Sans-serif;font-size:2em;font-weight:600;color:#FFFFFF;}.elementor-24683 .elementor-element.elementor-element-6d7bd34 .elementor-image-box-description{font-family:"Sora", Sans-serif;font-size:1em;font-weight:400;line-height:1.5em;color:#CACACA;}.elementor-24683 .elementor-element.elementor-element-70da519{width:var( --container-widget-width, 850px );max-width:850px;--container-widget-width:850px;--container-widget-flex-grow:0;}.elementor-24683 .elementor-element.elementor-element-70da519.elementor-element{--align-self:center;}.elementor-24683 .elementor-element.elementor-element-70da519 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#818181;border-radius:15px 15px 15px 15px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-24683 .elementor-element.elementor-element-fa0c7f1 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;line-height:1.3em;}.elementor-24683 .elementor-element.elementor-element-d5db49a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;--padding-top:2em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-24683 .elementor-element.elementor-element-559cafd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24683 .elementor-element.elementor-element-728eb7c{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-24683 .elementor-element.elementor-element-728eb7c > .elementor-widget-container{padding:0em 0em 0em 0em;}.elementor-24683 .elementor-element.elementor-element-728eb7c.elementor-element{--align-self:center;}.elementor-24683 .elementor-element.elementor-element-728eb7c .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:0.7rem;font-weight:400;line-height:1.3em;color:#000000;}.elementor-24683 .elementor-element.elementor-element-582de49{width:var( --container-widget-width, 350px );max-width:350px;--container-widget-width:350px;--container-widget-flex-grow:0;z-index:1;text-align:end;}.elementor-24683 .elementor-element.elementor-element-582de49 > .elementor-widget-container{padding:0em 0em 0em 0em;}.elementor-24683 .elementor-element.elementor-element-582de49.elementor-element{--align-self:center;}.elementor-24683 .elementor-element.elementor-element-582de49 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:0.875em;font-weight:400;color:#000000;}body.elementor-page-24683:not(.elementor-motion-effects-element-type-background), body.elementor-page-24683 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-24683 .elementor-element.elementor-element-728eb7c .elementor-heading-title{line-height:1.3em;}}@media(max-width:767px){.elementor-24683 .elementor-element.elementor-element-2d6ab81{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-24683 .elementor-element.elementor-element-a3bf479 .elementor-heading-title{font-size:1em;}.elementor-24683 .elementor-element.elementor-element-7510b6b{--min-height:80vh;--border-radius:0px 0px 25px 025px;}.elementor-24683 .elementor-element.elementor-element-6d7bd34 > .elementor-widget-container{margin:-25px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-24683 .elementor-element.elementor-element-6d7bd34 .elementor-image-box-wrapper{text-align:center;}.elementor-24683 .elementor-element.elementor-element-6d7bd34 .elementor-image-box-title{font-size:1.5em;}.elementor-24683 .elementor-element.elementor-element-d5db49a{--content-width:86vw;--padding-top:02em;--padding-bottom:02em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-24683 .elementor-element.elementor-element-559cafd{--justify-content:center;}.elementor-24683 .elementor-element.elementor-element-728eb7c .elementor-heading-title{line-height:1.3em;}.elementor-24683 .elementor-element.elementor-element-582de49{text-align:center;}.elementor-24683 .elementor-element.elementor-element-582de49 .elementor-heading-title{font-size:0.8em;line-height:1.5em;}}/* Start custom CSS for html, class: .elementor-element-70da519 */.elementor-24683 .elementor-element.elementor-element-70da519{
    border-radius: 15px;
    overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-582de49 */.elementor-24683 .elementor-element.elementor-element-582de49 button{
    border: none;
    background: none;
    padding: 0;
    color: #000 !Important;
    font-size: 0.7rem !important
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-95bfdd6 */.elementor-24683 .elementor-element.elementor-element-95bfdd6{
    position: absolute;
    width: 1px;
    pointer-events: none;
}

#video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    margin: auto;
      filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
  }

  #video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   
  }

  #start-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;

    cursor: pointer;
    transition: opacity 0.5s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
  }

  #play-button {
    width: 50%;
    cursor: pointer;
    user-select: none;
  }

  #playing-overlay {
    display: none; /* visível quando vídeo está tocando */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
 
    cursor: pointer;
  }

  #pause-overlay {
    display: flex; /* flex para centralizar botão */
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 0;
    pointer-events: none;
  
    cursor: pointer;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), #000 70%);
    transition: opacity 0.5s ease 0.2s;
  }

  #resume-button {
    width: 80px;
    cursor: pointer;
    user-select: none;
  }





  
  /* Modal */
  
  .modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.60);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
 
 
}

.modal-content {
  background: rgba(0, 0, 0, 0.23);
  padding: 1.25em;

  text-align: center;
font-weight: 700;
     width: 100%;
  height: 100%;
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem !important;
    color: #fff;
    gap:  0px 40px



}

.modal-content p{
     width: 100%;

}


.modal-content button {
  margin: 5px;
  cursor: pointer;
  border: none;
  padding: 5px 10px;
  margin-top: 0px;
  color: #D8FF2D;
  background: none;
   position: relative;
 top: 10px;
}


.modal-content button:hover {
  color: #fff;
}



.modal-content button img{
 position: relative;
 top: 10px;
 margin-right: 5px
}



.esconder#resume-modal{
    display: none
}
  
  

  /* Barra de progresso */
  #progress-container {
    position: absolute;
    bottom: 0px;
    left: 0%;
    width: 100%;
    height: 10px;
    background: rgba(255, 255, 255, 0.3);
    z-index: 1001;
    overflow: hidden;
  }

  #progress-bar {
    width: 0%;
    height: 100%;
    background: #4caf50;
    transition: width 0.2s linear;
    
  }



@keyframes fade-in-up {
  0% {
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}



.video iframe {
  max-width: 100%;
  max-height: 100%;
  transition: 2s all;
 
}

.video.stuck {
  width: 360px !important;
  position: fixed;
  bottom: 40px;
  right: 40px;
  transform: translateY(100%);
  -webkit-animation: fade-in-up 0.25s ease forwards;
  animation: fade-in-up 1s ease forwards;
  z-index: 999;


}

.modal-content.stuck{
    font-size: 0.875rem !important;
      background: rgba(0, 0, 0, 0);
}

.modal-content.stuck button{
    font-size: 0.75rem !important;
}

.modal-content.stuck button img{
    max-width: 25px !important;
  top: 8px;
}

 .modal.stuck  {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
 
 
}


@media (max-width: 767px){
    .video.stuck {
         width: 50% !important;
         bottom: 20px;
         right: 20px;
    }
    
    .video.stuck .elementor-custom-embed-play svg {
    width: 0px !important;
    height: 0px !important;
}


 .modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.55);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
 
 
}

 .modal.stuck  {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
 
 
}

.modal-content {
  background: rgba(0, 0, 0, 0);
  padding: 1.25em;
  text-align: center;
    font-size: 0.75rem !important;
    font-weight: 700;
    display: flex;
    flex-direction: column;
     width: 100%;
  height: 100%;
justify-content: center;
 

}

.modal-content button {
  cursor: pointer;
  font-size: 0.7rem !important;
  border: none;
  padding: 0
  
}

.modal-content button img{
  max-width: 25px !important;
  top: 8px;
  
}


.modal-content.stuck{
    font-size: clamp(0.6rem, 3.5vw, 0.8rem) !important;
      background: rgba(0, 0, 0, 0);
  padding: 1.25em;
  text-align: center;
  font-weight: 700;
    width: 100%;
   height: 100%;
   display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-wrap: balance;
    
}

.modal-content.stuck button{
    font-size: 0.6rem !important;
     top: 0px;
   
}

.modal-content.stuck button img{
    max-width: 20px !important;
  top: 6px;
}





}

/*Popup em código*/
.popup{
    position: fixed;
    top: 0;
    opacity: 0;
    backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
    transition: .8s all;
    z-index: 999 !important;
    pointer-events: none;
}
    
.popupativado{
    opacity: 1 !important;
    filter: blur(0px) !important;
    pointer-events: auto;
     z-index: 999 !important;
   
}



/*container filho*/
.popup-filho{
    opacity: 0;
    filter: blur(10px);
    transform: translatey(-300px);
    transition: 1s all;
    z-index: 1000 !important;
}
    
.popupativado .popup-filho{
    opacity: 1!important;
    filter: blur(0px);
    transform: translatey(0);
    z-index: 1000!important;
    pointer-events: auto !important
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5db49a */.elementor-24683 .elementor-element.elementor-element-d5db49a{
    border-bottom: 15px solid;
        border-image:  linear-gradient(to left ,#A4A09D,#D4D2D1, #A4A09D) 1;
      
}/* End custom CSS */
/* Start custom CSS *//* ===============================
   BASE
================================ */

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

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

body {
  position: relative;
}

.esconder{
  display: none;
}


/* ===============================
   OVERLAY BODY (SAFARI SAFE)
================================ */

body::after {
  content: "";
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;

  background-image: radial-gradient(at 20% 80%, #fff 1px, transparent 0);
  background-size: 2px 2px;

  pointer-events: none !important;
  z-index: 9999;
  opacity: 0.05;

  mix-blend-mode: plus-lighter;
  isolation: isolate;

  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);

  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;

  will-change: opacity;
}

/* ===============================
   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(to top ,#5B5758,#a8948e, #5B5758 )!important;
  border-radius: 10px;
  border: 2px solid #000;
}

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

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

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

::-moz-selection {
  background: #a4a09d;
  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 left ,#cac8c7,#f5f5f5, #cac8c7);
}

.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,#c8ab87,#c8ab87,#FFF5E0,#FFF5E0,#c8ab87,#c8ab87);
  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);
}


/* ===============================
   CARDS (SAFARI FIX)
================================ */
.card {
    position: relative;
    z-index: 0; /* cria stacking context limpo */
    isolation: isolate; /* MUITO importante no Safari */
}

.card > * {
    position: relative;
    z-index: 2;
}

.card::before,
.card::after {
    content: "";
    position: absolute;
    inset: 1px; /* substitui calc + translate */
    border-radius: 15px;

    background-image:
        radial-gradient(circle at 50% 140%, rgba(200,171,135,0.08) 0%, rgba(0,0,0,0) 70%),
        radial-gradient(circle at 40% 10%, rgba(200,171,135,0.12) 0%, rgba(0,0,0,0) 65%),
        radial-gradient(circle at 30% 5%, rgba(200,171,135,0.06) 0%, rgba(0,0,0,0) 60%);
    background-color: #0c0400;

    z-index: 1;

    /* força render correta no Safari */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.card::before {
    inset: 0;
    background-image: linear-gradient(to bottom, rgba(200,171,135,0.38) 0%, #000 70%);
    z-index: 0;
}

.card2 {
    position: relative;
    z-index: 0;
    isolation: isolate;
}

.card2 > * {
    position: relative;
    z-index: 2;
}

.card2::before,
.card2::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 15px;

    background-image:
        radial-gradient(circle at 50% 140%, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 70%),
        radial-gradient(circle at 40% 10%, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0) 65%),
        radial-gradient(circle at 30% 5%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 60%);
    background-color: #C8AB87;

    z-index: 1;

    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.card2::before {
    inset: 0;
    background-image: linear-gradient(to bottom, rgba(200,171,135,0.38) 0%, #000 70%);
    z-index: 0;
}



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

body.elementor-page-24683 .elementor-button {
                background: radial-gradient(100.05% 100% at 50.15% 0%, #32B5AA 0%, #007E74 100%);
                box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, .50),0px 4px 0px 0px #0F5852!important;
                transition: .5s;
                color: #FFF !important;
                padding: 20px 32px;
                width: 100%;
                max-width: 450px;
                font-size: 0.875rem !important;
                cursor: pointer;
            }

            .elementor-button:hover {
                transform: scale(1.05)
            }

            .elementor-button:active {
                transform: scale(1);
                box-shadow: 0 4px 16px 0 rgba(0,0,0,.5),0 4px 0 0 #0f5852!important
            }

/* ===============================
   ILIOS
================================ */

.ilios .elementor-image-box-img {
  position: relative;
  z-index: 0;

  -webkit-filter:
    drop-shadow(0 0 30px #D4B15B10)
    drop-shadow(10px 0 30px #D4B15B10)
    drop-shadow(-10px 0 30px #D4B15B10);

  filter:
    drop-shadow(0 0 30px #D4B15B10)
    drop-shadow(10px 0 30px #D4B15B10)
    drop-shadow(-10px 0 30px #D4B15B10);
}

@media (max-width:1024px){
  .ilios .elementor-image-box-img{
    -webkit-filter:
      drop-shadow(0 0 20px #D4B15B10)
      drop-shadow(0 10px 20px #D4B15B10)
      drop-shadow(0 -10px 20px #D4B15B10);

    filter:
      drop-shadow(0 0 20px #D4B15B10)
      drop-shadow(0 10px 20px #D4B15B10)
      drop-shadow(0 -10px 20px #D4B15B10);
  }
}

/* ===============================
   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;
    --container-default-padding-inline-start:1.25em;
    --container-default-padding-block-end:4em;
    --container-default-padding-inline-end:1.25em;
  }
}

/* ===============================
   SWIPER (SAFARI SAFE)
================================ */

@media (max-width: 1024px) {

    .swiper-wrapper {
        display: flex;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center;
        cursor: grab;

        /* Safari flex bug fix */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .swiper-wrapper:active {
        cursor: grabbing;
    }

    .swiper-wrapper .e-con.e-flex {
        flex: 0 0 auto !important;
        max-width: none !important;
    }

    /* ---------- SETAS ---------- */

    .swiper-button-prev,
    .swiper-button-next {
        position: absolute;
        top: 50% !important;
        width: 40px !important;
        height: 40px !important;
        z-index: 999 !important;

        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;

        /* Safari não gosta de content em elementos normais */
        content: none !important;

        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
         color: transparent !important;
         
        
    }

    .swiper-button-prev {
        left: auto !important;
        right: 91% !important;
        background-image: url("https://detoxbyrebeccamethod.com/wp-content/uploads/2024/02/SetaEbranca.svg");
    }

    .swiper-button-next {
        left: 91% !important;
        background-image: url("https://detoxbyrebeccamethod.com/wp-content/uploads/2024/02/SetaDbranca.svg");
    }

    .setas {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        z-index: 999;

        /* evita conflitos de toque no iOS */
    }

}

/* -------- TABLET AJUSTE FINO -------- */

@media (min-width: 767px) and (max-width: 1024px) {

    .swiper-button-prev {
        right: 78% !important;
    }

    .swiper-button-next {
        left: 78% !important;
    }

}


/* -------- outros-------- */

@media(max-width: 1024px){
    .ilios .elementor-image-box-img{
    filter:
        drop-shadow(0px 0px 20px #D4B15B10)
        drop-shadow(0px 10px 20px #D4B15B10)
        drop-shadow(0px -10px 20px #D4B15B10);
    }
}


.ilios .elementor-image-box-title,
.ilios .elementor-image-box-description{
    position: relative;
    z-index: 1;
}

@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);
    }

}




/* ===============================
   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;
    --container-default-padding-inline-start:1.25em;
    --container-default-padding-block-end:4em;
    --container-default-padding-inline-end:1.25em;
  }
}



@media (max-width: 767px) {

   
body.elementor-page-24683 .elementor-button{
    padding: 20px 15px !important;
    font-size: 1rem !important;
}


}






@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;
    --container-default-padding-inline-end: 1.25em;
    --container-default-padding-block-end: 4em;
    --container-default-padding-inline-start: 1.25em;
    --container-default-padding-top: 4em;
    --container-default-padding-left: 1.25em;
    --container-default-padding-bottom: 4em;
    --container-default-padding-right: 1.25em;


}
}

@media(min-width:1025px){
.e-con{
    --container-default-padding-block-start: 5em;
    --container-default-padding-inline-end: 0em;
    --container-default-padding-block-end: 5em;
    --container-default-padding-inline-start: 0em;
    --container-default-padding-top: 5em;
    --container-default-padding-left: 0em;
    --container-default-padding-bottom: 5em;
    --container-default-padding-right: 0em;

}
}

@media(min-width:768px) and (max-width: 1024px){

.e-con{
    --container-default-padding-block-start: 5em;
    --container-default-padding-inline-end: 0em;
    --container-default-padding-block-end: 5em;
    --container-default-padding-inline-start: 0em;
    --container-default-padding-top: 5em;
    --container-default-padding-left: 0em;
    --container-default-padding-bottom: 5em;
    --container-default-padding-right: 0em;

}
}/* End custom CSS */