.elementor-2066 .elementor-element.elementor-element-599839ff{--display:flex;--min-height:90vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:1;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3em;--padding-bottom:3em;--padding-left:3em;--padding-right:3em;--z-index:99;}.elementor-2066 .elementor-element.elementor-element-599839ff:not(.elementor-motion-effects-element-type-background), .elementor-2066 .elementor-element.elementor-element-599839ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://draraphaelaendocrinoped.com.br/wp-content/uploads/2026/03/hero22-scaled.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2066 .elementor-element.elementor-element-599839ff::before, .elementor-2066 .elementor-element.elementor-element-599839ff > .elementor-background-video-container::before, .elementor-2066 .elementor-element.elementor-element-599839ff > .e-con-inner > .elementor-background-video-container::before, .elementor-2066 .elementor-element.elementor-element-599839ff > .elementor-background-slideshow::before, .elementor-2066 .elementor-element.elementor-element-599839ff > .e-con-inner > .elementor-background-slideshow::before, .elementor-2066 .elementor-element.elementor-element-599839ff > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000E0;--background-overlay:'';}.elementor-2066 .elementor-element.elementor-element-5c7404b{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FF0000;--border-color:#FF0000;--border-radius:14px 14px 14px 14px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:3px;--padding-right:3px;}.elementor-2066 .elementor-element.elementor-element-5c7404b:not(.elementor-motion-effects-element-type-background), .elementor-2066 .elementor-element.elementor-element-5c7404b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#64000091;}.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 );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-2066 .elementor-element.elementor-element-4475f62.elementor-element{--align-self:center;}.elementor-2066 .elementor-element.elementor-element-4475f62{text-align:center;}.elementor-2066 .elementor-element.elementor-element-4475f62 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:18px;font-weight:600;line-height:1.3em;color:#FF0000;}.elementor-2066 .elementor-element.elementor-element-433efeb6{--display:flex;--border-radius:14px 14px 14px 14px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2066 .elementor-element.elementor-element-433efeb6:not(.elementor-motion-effects-element-type-background), .elementor-2066 .elementor-element.elementor-element-433efeb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B1B1BD9;}.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 );line-height:var( --e-global-typography-primary-line-height );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-2066 .elementor-element.elementor-element-1152ca69 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2066 .elementor-element.elementor-element-1152ca69 .elementor-image-box-wrapper{text-align:center;}.elementor-2066 .elementor-element.elementor-element-1152ca69 .elementor-image-box-title{margin-bottom:0px;font-family:"Raleway", Sans-serif;font-size:32px;font-weight:800;color:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-1152ca69:has(:hover) .elementor-image-box-title,
					 .elementor-2066 .elementor-element.elementor-element-1152ca69:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-1152ca69 .elementor-image-box-description{color:#FFFFFF;}.elementor-widget-progress .elementor-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-bar{background-color:var( --e-global-color-primary );}.elementor-2066 .elementor-element.elementor-element-612b7499{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-2066 .elementor-element.elementor-element-612b7499.elementor-element{--align-self:center;}.elementor-2066 .elementor-element.elementor-element-612b7499 .elementor-progress-wrapper .elementor-progress-bar{background-color:#00B960;}.elementor-2066 .elementor-element.elementor-element-612b7499 .elementor-progress-wrapper{background-color:#D5D5D5;border-radius:20px;overflow:hidden;}.elementor-2066 .elementor-element.elementor-element-612b7499 .elementor-progress-bar{height:17px;line-height:17px;color:#FFFFFF;font-family:"Raleway", Sans-serif;font-size:13px;font-weight:700;}.elementor-2066 .elementor-element.elementor-element-4bb6f59 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2066 .elementor-element.elementor-element-4bb6f59 .elementor-image-box-wrapper{text-align:center;}.elementor-2066 .elementor-element.elementor-element-4bb6f59 .elementor-image-box-title{margin-bottom:0px;font-family:"Raleway", Sans-serif;font-size:32px;font-weight:800;color:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-4bb6f59:has(:hover) .elementor-image-box-title,
					 .elementor-2066 .elementor-element.elementor-element-4bb6f59:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-4bb6f59 .elementor-image-box-description{color:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-24617497.elementor-element{--align-self:center;}.elementor-2066 .elementor-element.elementor-element-24617497{text-align:start;}.elementor-2066 .elementor-element.elementor-element-24617497 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.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-2066 .elementor-element.elementor-element-1f130a1d .elementor-button{background-color:#67FF7B;font-family:"Raleway", Sans-serif;font-size:20px;font-weight:900;text-transform:uppercase;fill:#0A3410;color:#0A3410;border-style:solid;border-width:1px 1px 1px 1px;border-color:#63FF79;border-radius:10px 10px 10px 10px;padding:19px 19px 19px 19px;}.elementor-2066 .elementor-element.elementor-element-1f130a1d .elementor-button:hover, .elementor-2066 .elementor-element.elementor-element-1f130a1d .elementor-button:focus{background-color:transparent;color:#000000;background-image:linear-gradient(180deg, #ACFFB7 0%, #67FF7B 100%);}.elementor-2066 .elementor-element.elementor-element-1f130a1d{width:auto;max-width:auto;}.elementor-2066 .elementor-element.elementor-element-1f130a1d.elementor-element{--align-self:center;}.elementor-2066 .elementor-element.elementor-element-1f130a1d .elementor-button:hover svg, .elementor-2066 .elementor-element.elementor-element-1f130a1d .elementor-button:focus svg{fill:#000000;}.elementor-2066 .elementor-element.elementor-element-a2641fc.elementor-element{--align-self:center;}.elementor-2066 .elementor-element.elementor-element-a2641fc{text-align:start;}.elementor-2066 .elementor-element.elementor-element-a2641fc .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:14px;font-weight:400;color:#3D3D3D;}.elementor-2066 .elementor-element.elementor-element-3f48fe71{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-2066 .elementor-element.elementor-element-3f48fe71:not(.elementor-motion-effects-element-type-background), .elementor-2066 .elementor-element.elementor-element-3f48fe71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E0E;}.elementor-2066 .elementor-element.elementor-element-3f48fe71.e-con{--align-self:center;}.elementor-2066 .elementor-element.elementor-element-c3f547d{width:auto;max-width:auto;text-align:center;}.elementor-2066 .elementor-element.elementor-element-c3f547d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2066 .elementor-element.elementor-element-c3f547d.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-2066 .elementor-element.elementor-element-c3f547d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:1.6px;color:#FFFFFF;}body.elementor-page-2066:not(.elementor-motion-effects-element-type-background), body.elementor-page-2066 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0e0404;}@media(min-width:768px){.elementor-2066 .elementor-element.elementor-element-5c7404b{--width:50%;}.elementor-2066 .elementor-element.elementor-element-433efeb6{--width:60%;}}@media(max-width:1024px){.elementor-2066 .elementor-element.elementor-element-599839ff:not(.elementor-motion-effects-element-type-background), .elementor-2066 .elementor-element.elementor-element-599839ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-678px 0px;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image-box .elementor-image-box-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-2066 .elementor-element.elementor-element-1f130a1d{width:var( --container-widget-width, 500px );max-width:500px;--container-widget-width:500px;--container-widget-flex-grow:0;}.elementor-2066 .elementor-element.elementor-element-1f130a1d.elementor-element{--align-self:center;}.elementor-2066 .elementor-element.elementor-element-3f48fe71{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-2066 .elementor-element.elementor-element-c3f547d{width:100%;max-width:100%;text-align:center;}.elementor-2066 .elementor-element.elementor-element-c3f547d.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-2066 .elementor-element.elementor-element-599839ff:not(.elementor-motion-effects-element-type-background), .elementor-2066 .elementor-element.elementor-element-599839ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://draraphaelaendocrinoped.com.br/wp-content/uploads/2026/03/sasasss.webp");background-position:0px 0px;}.elementor-2066 .elementor-element.elementor-element-599839ff{--min-height:80vh;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:45vw;--padding-bottom:8vw;--padding-left:6vw;--padding-right:6vw;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-2066 .elementor-element.elementor-element-433efeb6{--gap:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-box .elementor-image-box-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-2066 .elementor-element.elementor-element-1152ca69 > .elementor-widget-container{margin:-8px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2066 .elementor-element.elementor-element-1152ca69 .elementor-image-box-wrapper{text-align:center;}.elementor-2066 .elementor-element.elementor-element-1152ca69 .elementor-image-box-title{font-size:18px;}.elementor-2066 .elementor-element.elementor-element-612b7499{width:var( --container-widget-width, 287px );max-width:287px;--container-widget-width:287px;--container-widget-flex-grow:0;}.elementor-2066 .elementor-element.elementor-element-612b7499.elementor-element{--align-self:center;}.elementor-2066 .elementor-element.elementor-element-4bb6f59 > .elementor-widget-container{margin:-8px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2066 .elementor-element.elementor-element-4bb6f59 .elementor-image-box-wrapper{text-align:center;}.elementor-2066 .elementor-element.elementor-element-4bb6f59 .elementor-image-box-title{font-size:18px;}.elementor-2066 .elementor-element.elementor-element-24617497.elementor-element{--align-self:center;}.elementor-2066 .elementor-element.elementor-element-24617497{text-align:center;}.elementor-2066 .elementor-element.elementor-element-24617497 .elementor-heading-title{font-size:10px;}.elementor-2066 .elementor-element.elementor-element-1f130a1d{width:auto;max-width:auto;}.elementor-2066 .elementor-element.elementor-element-1f130a1d.elementor-element{--align-self:stretch;}.elementor-2066 .elementor-element.elementor-element-1f130a1d .elementor-button{font-size:18px;padding:24px 14px 24px 14px;}.elementor-2066 .elementor-element.elementor-element-a2641fc.elementor-element{--align-self:center;}.elementor-2066 .elementor-element.elementor-element-a2641fc{text-align:center;}.elementor-2066 .elementor-element.elementor-element-a2641fc .elementor-heading-title{font-size:10px;}.elementor-2066 .elementor-element.elementor-element-3f48fe71{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2066 .elementor-element.elementor-element-c3f547d{text-align:center;}.elementor-2066 .elementor-element.elementor-element-c3f547d .elementor-heading-title{font-size:8px;letter-spacing:1px;}}/* Start custom CSS *//* =========================================================
   FUNDO PONTILHADO (mantido)
========================================================= */
body, .elementor-173783{
  --dot-color: rgba(0, 0, 0, 0.90);
  --dot-size: 1.8px;
  --dot-space: 4px;

  background-color: transparent;
  background-image: radial-gradient(
    var(--dot-color) var(--dot-size),
    transparent var(--dot-size)
  );
  background-size: var(--dot-space) var(--dot-space);
}




.transparente-bloqueado {
  opacity: 0.1; /* 10% de visibilidade */
  pointer-events: none; /* impede cliques, hovers, scroll dentro */
  user-select: none; /* impede seleção de texto */
}






.faixa-destaque {
  background-color: #F2B674;
  padding: 1px 8px;
  border-radius: 4px;
  font-weight: 900;
  color: #000;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* Ajuste para celular */
@media (max-width: 480px) {
  .faixa-destaque {
      padding: 1px 6px !important;
      line-height: 1.4 !important;
  }
}




.faixa-destaque-head {
  background: linear-gradient(190deg, #67FF7B);
  padding: 0 8px;
  border-radius: 4px;
  font-weight: 900; /* BEM GROSSA */
  font-size: 30px;
  line-height: 1.4;
  font-family: 'Montserrat', sans-serif;
  color: #0D0D0D;
  box-shadow: 0 0 6px rgba(103, 255, 123, 0.3);
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* Ajuste para celular */
@media (max-width: 480px) {
  .faixa-destaque-head {
      font-size: 25px;
      padding: 1px 6px !important;
      line-height: 1.4 !important;
  }
}




.destaque, .destaque span {
    background: var(--Logo-On, linear-gradient(106deg, #F2B674 -133.57%, #FFD09E 122.99%)) !important;
    font-weight: 700;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    line-height: normal !important;
}




.linered {
  position: relative;}

.linered::before,
.linered::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform:translate(-50%,-50%);
  height: 1.05px;
  background-color: red;
  transform-origin: center;
}

.linered::before {
  transform: rotate(10deg);}

.linered::after {
  transform: rotate(-10deg);}

.native{font-size:1.6em;}

.naometoque{pointer-events:none; user-select:none;}

.centereds{width:100%; height:100%; position:absolute; z-index:2; transform:translate(-50%,-50%); top:50%; left:50%;}

.divisor {position:absolute; transform:translate(-50%,-50%); left:50%; top:0; pointer-events:none; user-select:none;}





.testemunho {
    border-radius: 32px;
    background: radial-gradient(
        60% 140% at 18% -10%,
        #5B1E2D 0%,
        #31131E 45%,
        #0A0001 100%
    );
    box-shadow:
        0px -94px 80px 0px rgba(184, 138, 59, 0.08),
        0px -20.996px 17.869px 0px rgba(184, 138, 59, 0.05),
        0px -6.251px 5.32px 0px rgba(91, 30, 45, 0.08);
}

.sliced h1,
.sliced h2,
.sliced h3,
.sliced p,
.linered {
    color: transparent !important;
    background: linear-gradient(
        180deg,
        #F7F1EA 0%,
        #E9D8C7 55%,
        #B88A3B 100%
    ) !important;
    background-clip: text;
    -webkit-background-clip: text !important;
}





/*remove scroll horizontal*/
html,body{width:100%; overflow-x:hidden!important; text-wrap: balance !important;}

/*remove duplo scroll*/
[data-elementor-type="wp-page"]{
    overflow: hidden!important;}
    
 
.links a,
.links a:hover{
    color: currentColor;
}

.svgs .elementor-icon svg {
    height: unset!important;
    line-height:0 !important;
}

.elementor-widget-text-editor p:last-child {
    margin-bottom: 0px;
}
    
/*remove barra de rolagem*/   
::-webkit-scrollbar {
    width: 0px;}

::-webkit-scrollbar-thumb {
    background-color: transparent;}

/*retira o padding das seções*/ 
.elementor-section {padding: 0 !important;}





/* animação suave de pulsar */
@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 5px rgba(103, 255, 123, 0.3), 
                0 0 10px rgba(103, 255, 123, 0.3), 
                0 0 15px rgba(103, 255, 123, 0.3);
  }
  50% {
    transform: scale(1.04);
    box-shadow: 0 0 8px rgba(103, 255, 123, 0.5), 
                0 0 16px rgba(103, 255, 123, 0.5), 
                0 0 22px rgba(103, 255, 123, 0.5);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 5px rgba(103, 255, 123, 0.3), 
                0 0 10px rgba(103, 255, 123, 0.3), 
                0 0 15px rgba(103, 255, 123, 0.3);
  }
}

/* wrapper do botão */
.btn .elementor-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: stretch;
  white-space: nowrap;
}

/* botão com gradiente + efeito pulsar */
.btn .elementor-button {
  background: linear-gradient(180deg, #67FF7B 0%, #63FF79 100%);
  color: #000;
  border-radius: 80px;
  transition: 0.4s ease;
  animation: pulse 0.80s infinite ease-in-out;
}

/* hover do botão */
.btn:hover .elementor-button {
  background: linear-gradient(180deg, #63FF79 0%, #67FF7B 100%);
  box-shadow: 0 0 190px rgba(99, 255, 121, 9.35), 
              0 0 18px rgba(99, 255, 121, 0.22), 
              0 0 40px rgba(99, 255, 121, 0.12);
  animation: pulse-hover 0.70s infinite ease-in-out;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.03); }
  100% { transform: scale(1); }
}

@keyframes pulse-hover {
  0% { transform: scale(1.05); }
  50% { transform: scale(1.08); }
  100% { transform: scale(1.05); }
}





.barrabrilhante::after{content:'';position:absolute;top: 1px;left:20%;width:151px;height:8px;background: linear-gradient(98deg, #2DC7FF -5.25%, #002938 93.97%);
box-shadow: 0px 100px 80px 0px rgba(62, 253, 252, 0.31), 
0px 41.778px 33.422px 0px rgba(62, 253, 252, 0.22), 
0px 22.336px 17.869px 0px rgba(62, 253, 252, 0.18), 
0px 12.522px 10.017px 0px rgba(62, 253, 252, 0.16), 
0px 6.65px 5.32px 0px rgba(62, 253, 252, 0.13), 
0px 2.767px 2.214px 0px rgba(62, 253, 252, 0.09);
;}


.modulo::before{content:'';position:absolute;transform:translate(-50%,-50%); top:0; left:50%; width:151px;height:8px;background: linear-gradient(270deg, #2DC7FF 0%, #002938 100%);box-shadow: 0px 100px 80px 0px rgba(62, 253, 252, 0.31), 
0px 41.778px 33.422px 0px rgba(62, 253, 252, 0.22), 
0px 22.336px 17.869px 0px rgba(62, 253, 252, 0.18), 
0px 12.522px 10.017px 0px rgba(62, 253, 252, 0.16), 
0px 6.65px 5.32px 0px rgba(62, 253, 252, 0.13), 
0px 2.767px 2.214px 0px rgba(62, 253, 252, 0.09);}


.wpp, .wpp span {
    background: var(--Logo-On, linear-gradient(106deg, #3EFDFC -133.57%, #01BDD1 122.99%)) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    line-height: normal !important;
}








.card {
  isolation: isolate;
}

.media-object {
  --border-width: 2px; /* Variável para largura da borda */
  --radius: 24px;      /* Variável para raio da borda */
  position: relative;
  border-radius: var(--radius);
  border: var(--border-width) solid transparent;
  width: 800px;        /* Largura do objeto (desktop) */
  /* estabilidade e clipping */
  isolation: isolate;
  box-sizing: border-box;
  overflow: hidden;
}

.media-object::before {
  content: " ";
  position: absolute;
  
  border: inherit;
  border-radius: inherit;
  background-image: conic-gradient(from var(--angle), #523E00 80%, #EDEEE9 88%, #EDEEE9 92%, #523E00 100%); /* Gradiente cônico */
  background-origin: border-box;
  -webkit-mask:
    linear-gradient(black, black) content-box,
    linear-gradient(black, black);
  mask:
    linear-gradient(black, black),
    linear-gradient(black, black);
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: spin 3s linear infinite; /* Animação giratória */

  /* garante visibilidade e não bloqueia cliques */
  z-index: 5;
  pointer-events: none;
}

.media-object:hover::before {
  animation-play-state: paused; /* Pausa a animação ao passar o mouse */
}

@property --angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}

@keyframes spin {
  to {
    --angle: 1turn; /* Animação para girar o gradiente */
  }
}

/* ✅ Somente MOBILE: ocupa a largura da tela e evita corte do conteúdo */
@media (max-width: 768px) {
  .media-object {
    width: 100%;
    height: auto;
    min-height: 200px; /* mantém a altura mínima do desktop */
  }
}


.bordadegrade::before {
  content:"";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  padding: 1px; /*espessura da borda*/
  border-radius: inherit;
  background: linear-gradient(to bottom, #FFD09E, #000000); /*mude as cores da borda aqui*/
  -webkit-mask: 
     linear-gradient(#FFD09E 0 0) content-box, 
     linear-gradient(#FFD09E 0 0);
  mask: 
     linear-gradient(#FFD09E 0 0) content-box, 
     linear-gradient(#FFD09E 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}/* End custom CSS */