.tooltipglobos {
     --r: 20px;
    --t: 1.5em;
    --a: 65deg;
    --p: 30%;
    width: 200px;
    display: inline-block;
    margin: 0px;
    font-size: 1.1em;
    background: linear-gradient(206deg, #1d2b6f 11%, #3b4fae 106%);
    color: #fff;
    --_main: conic-gradient(at var(--r) var(--r), #000 75%, #0000 0) calc(var(--r) / -2) calc(var(--r) / -2) padding-box, radial-gradient(50% 50%, #000 98%, #0000) 0 0 / var(--r) var(--r) space padding-box;
    --_g: #0000, #000 1deg var(--a), #0000 calc(var(--a) + 1deg);
    padding: calc(2* var(--r) / 3);
    -webkit-mask: var(--m);
    mask: var(--m);
}

.topglobos {
   --m: 
     conic-gradient(from calc(180deg - var(--a)/2) at var(--p) 0%, var(--_g)) 
       top/100% 50% no-repeat,
     var(--_main);
   border-top: var(--t) solid #0000;
}
.bottomglobos {
  --m:
    conic-gradient(from calc(var(--a)/-2) at var(--p) 100%, var(--_g)) 
     bottom/100% 50% no-repeat,
    var(--_main);
   border-bottom: var(--t) solid #0000;
}
.leftglobos {
  --m:
    conic-gradient(from calc(90deg - var(--a)/2) at 0% var(--p),var(--_g)) 
     left/50% 100% no-repeat,
    var(--_main);   
  border-left: var(--t) solid #0000;
}
.rightglobos {
  --m:
    conic-gradient(from calc(-90deg - var(--a)/2) at 100% var(--p),var(--_g)) 
     right/50% 100% no-repeat,
    var(--_main);  
  border-right: var(--t) solid #0000;
}


.tooltipsbodyglobos {
  margin: 0;
  min-height: 100vh;
}

/*MOBILE*/

.tooltipglobosmobile {
 --r: 20px;
    --t: 20px;
    --a: 60deg;
    --p: 15%;
    width: 200px;
    display: inline-block;
    
    font-size: 18px;
    background: linear-gradient(135deg,#1d285c,#202c65) border-box;
    color: #fff;
    --_main: conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box, radial-gradient(50% 50%,#000 98%,#0000) 0 0/var(--r) var(--r) space padding-box;
    --_g: #0000,#000 1deg var(--a),#0000 calc(var(--a) + 1deg);
    padding: calc(2*var(--r)/3);
    -webkit-mask: var(--m);
    mask: var(--m);
}

.topglobosmobile {
   --m: 
     conic-gradient(from calc(180deg - var(--a)/2) at var(--p) 0%, var(--_g)) 
       top/100% 50% no-repeat,
     var(--_main);
   border-top: var(--t) solid #0000;
}
.bottomglobosmobile {
  --m:
    conic-gradient(from calc(var(--a)/-2) at var(--p) 100%, var(--_g)) 
     bottom/100% 50% no-repeat,
    var(--_main);
   border-bottom: var(--t) solid #0000;
}
.leftglobosmobile {
  --m:
    conic-gradient(from calc(90deg - var(--a)/2) at 0% var(--p),var(--_g)) 
     left/50% 100% no-repeat,
    var(--_main);   
  border-left: var(--t) solid #0000;
}
.rightglobosmobile {
  --m:
    conic-gradient(from calc(-90deg - var(--a)/2) at 100% var(--p),var(--_g)) 
     right/50% 100% no-repeat,
    var(--_main);  
  border-right: var(--t) solid #0000;
}


.tooltipsbodyglobosmobile {
  margin: 0;
  min-height: 100vh;
}