/**Tooltip idiomas**/ .idiomtip {position: relative;display: inline-block;cursor: pointer;}.idiomtip .idiomtip-text {visibility: hidden;width: 100%;background-color: #1a1a1a; color: #fff;text-align: center;border-radius: 8px;padding: 8px;position: absolute;z-index: 10;bottom: 120%;left: 50%;transform: translateX(-50%);opacity: 0;transition: opacity 0.3s ease;font-size: 0.9rem;line-height: 1.4;}.idiomtip .idiomtip-text::after {content: '';position: absolute;top: 100%; left: 50%;transform: translateX(-60%);border-width: 5px;border-style: solid;border-color: #1a1a1a transparent transparent transparent;}.idiomtip:hover .idiomtip-text{visibility: visible;opacity: 1;}.idiomtip[style] {border-bottom: 1px dashed;} .honeyflower{background:rgb(51, 43, 69, 0.3);width:640px;border: 20px solid;border-image: linear-gradient(45deg, #ddb88b, #cda1a8) 1;margin:auto}.flower{width:600px;padding:25px 50px;color:#cda1a8}.flower title{display:block;font-family: Galins;font-size:30px;text-align:center;color:#cda1a8}#flowericon{font-size:20px;display:block;width:30px;border-radius:50px;padding:5px;background:#403658;margin:auto}.honey{width:600px;font-size:12px;line-height:16px;height:370px;padding:20px;overflow:auto;font-family:Poppins}.flowerimg{width:600px;height:300px;}#flohead{float:right;margin-top:5px;font-size:15px}.flowerhead{width:600px;padding:10px;background:rgb(51, 43, 69, 0.4);font-size:9px;text-transform:uppercase} #dataicon{display:inline-block;font-size:14px!important;line-height:12px;padding:5px;color:#f49bc2}.honeypng{overflow:hidden;}.honeypng img{filter: drop-shadow(0px 95px 0 #cda1a8); transform:translateY(-100px);} .dark-mode .honeyflower{background:rgb(206, 205, 205, 0.3)} .dark-mode .flowerhead{background:rgb(206, 205, 205, 0.3)}.honey::-webkit-scrollbar{width:5px!important} .honey::-webkit-scrollbar-thumb{background-color:transparent;}.honey::-webkit-scrollbar-track{background-color:transparent;}  .humming{background:rgb(51, 43, 69, 0.3);width:960px;border: 20px solid;border-image: linear-gradient(45deg, #b53812, #bba378) 1;margin:auto}.sugarbird{width:420px;padding:20px;}.sugarbird sub{color:#bba378;display:block;text-align:center}.sugarbird title{display:block;font-family: Galins;font-size:30px;text-align:center;color:#bba378}#flowericon{font-size:20px;display:block;width:30px;border-radius:50px;padding:5px;background:#403658;margin:auto}.birdtext{font-size:12px;line-height:16px;height:450px!important;padding: 0px 20px 20px 20px;overflow:auto;font-family:Poppins}.dewimg{width:250px;height:600px;}#flohead{float:right;margin-top:5px;font-size:15px}.hbird{width:100%;padding:10px;background:rgb(51, 43, 69, 0.4);font-size:9px;text-transform:uppercase} #sugaricon{display:inline-block;font-size:14px!important;line-height:12px;padding:5px;color:#bba378}.sugarpng{overflow:hidden;margin-bottom:-5px}.sugarpng img{filter: drop-shadow(0px 95px 0 #bba378); transform:translateY(-100px);} .dark-mode .humming{background:rgb(206, 205, 205, 0.3)} .dark-mode .hbird{background:rgb(206, 205, 205, 0.3)}.birdtext::-webkit-scrollbar{width:5px!important} .birdtext::-webkit-scrollbar-thumb{background-color:transparent;}.birdtext::-webkit-scrollbar-track{background-color:transparent;}  .humming2{background:rgb(51, 43, 69, 0.3);width:660px;height:676px;border: 20px solid;border-image: linear-gradient(45deg, #b53812, #bba378) 1;margin:auto;overflow:hidden}.sugarbird2{width:320px;padding:15px;}.sugarbird2 sub{color:#bba378;line-height:12px}.sugarbird2 title{display:block;font-family: Galins;font-size:30px;text-align:center;color:#bba378}#flowericon{font-size:20px;display:block;width:30px;border-radius:50px;padding:5px;background:#403658;margin:auto}.birdtext2{font-size:12px;line-height:16px;height:500px!important;padding:20px;overflow:auto;font-family:Poppins}.dewimg2{width:300px;height:600px;}#flohead2{float:right;margin-top:5px;font-size:15px}.hbird2{width:100%;padding:10px;background:rgb(51, 43, 69, 0.4);font-size:9px;text-transform:uppercase} #sugaricon{display:inline-block;font-size:14px!important;line-height:12px;padding:5px;color:#bba378}.sugarpng2{overflow:hidden;width:290px;height:24px}.sugarpng2 img{filter: drop-shadow(0px 90px 0 #bba378); transform:translateY(-90px);} .dark-mode .humming2{background:rgb(206, 205, 205, 0.3)} .dark-mode .hbird2{background:rgb(206, 205, 205, 0.3)}.birdtext2::-webkit-scrollbar{width:5px!important} .birdtext2::-webkit-scrollbar-thumb{background-color:transparent;}.birdtext2::-webkit-scrollbar-track{background-color:transparent;}.stellarion{background-blend-mode: darken;background-image: url(https://i.ibb.co/D1Sn2zc/constellation.png);background-size: 110%;background-position: 470px -100px;background-repeat: no-repeat;}.stellarion2{background-blend-mode: darken;background-image: url(https://i.ibb.co/D1Sn2zc/constellation.png);background-size: 100%;background-position: -500px 00%;background-repeat: no-repeat;}.stellh{width:960px;padding:20px;display: flex; align-items: center;}.phtitle{font-size:40px;font-family:Galins;white-space: nowrap; position: relative;}.phtitlect {display: flex;align-items: center;flex-grow: 1; }.phtitle {font-size: 40px;font-family: Galins;white-space: nowrap;}.phtitlect::after {content: "";display: block; flex-grow: 1;height: 1px;background-color: white;margin-left: 40px;}.stellh i {font-size: 50px !important;margin-left: 40px;}.stellarionp{width:960px;padding:10px;display:flex;height:500px;}.stellarionp1{width:350px} .stellarionp3 {background:rgba(0,0,0,0.2);width:280px;height:480px;padding:20px} .stellarionp3 dd{display:block;padding:5px;border-bottom:1px dotted #fff}.stellarionp2{background:rgba(0,0,0,0.2);width:310px;padding:10px;height:480px;}.stellap2{font-size:20px;font-family:Galins}.stellaptxt{height:400px;overflow:auto;padding:10px}.strelations{width: 930px;padding: 10px;display: flex;height:280px;overflow:auto;flex-flow:wrap;align-items: center;justify-content: center;}.border-container {position: relative;width: 150px;height: 150px;border-radius: 50%;background: url('https://images2.imgbox.com/db/9a/A54Ln9wn_o.png') no-repeat center center;background-size: cover;margin-bottom:-25px!important}.stellimg {width: 120px;height: 120px;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}.stella-card{background-color: rgba(0,0,0,0.5);border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);overflow: hidden;width: 280px;height:220px;text-align: center;margin:9px}.stllccont{position: relative;width: 120px;height: 120px;border-radius: 50%;background: url('https://images2.imgbox.com/db/9a/A54Ln9wn_o.png') no-repeat center center;background-size: cover;margin: 0 auto;margin-top:20px;margin-bottom:-20px}.stellimg{width: 100px;height: 100px;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}.stella-info {padding: 10px;}.stella-info h2{font-size: 18px;color:#fff;margin: 10px 0 5px 0;font-family:Galins;border-bottom:1px dotted #fff}.stella-info p {font-size: 13px;font-family:calibri;line-height:14px}.stellchro{width:930px;height:400px;padding:10px;overflow:auto}.stellatime{width: 900px;padding: 10px;display: flex;flex-direction: column;align-items: center;position: relative;heidh} .stellatime::before {content: '';position: absolute;left: 5%;width: 1px;height: 100%;background-color: #47403e;}.stellaevent {display: flex;flex-direction: column;align-items: flex-start;width: 91%;padding: 20px 40px;margin: -2px 5px -2px 30px;border-left: 4px solid #47403e;background: rgba(0, 0, 0, 0.3);border-radius: 8px;position: relative;}.stellaevent::before {content: '';position: absolute;left: -21px;top: 45px;width: 17px;height: 2px;background-color: #47403e;}.stellaevent date {font-size: 18px;color: #fff;margin-bottom: 10px;font-family: Galins;border-bottom:1px dotted #fff;display:block}.stellaevent stcont{font-size: 14px;color: #ccc;line-height: 1.5;font-family: Arial, sans-serif;} .stellaevent a{color:var(--white)!important} .dark-mode .phtitlect::after{background-color: black}.dark-mode .stella-card{background-color: rgba(255,255,255,0.1);box-shadow: none}.dark-mode .stellarionp3, .dark-mode .stellarionp2 {background-color: rgba(255,255,255,0.1)} .dark-mode .stellaevent{background-color: rgba(255,255,255,0.1);box-shadow: none} .dark-mode .stellaevent date{color:#000;border-bottom: 1px dotted #000} .dark-mode .stellaevent stcont{color:#000} .dark-mode .stellarionp3 dd{border-bottom:1px dotted #000} .dark-mode .stella-info h2{color:#000;border-bottom: 1px dotted #000} .stella{background-blend-mode: darken;background-image: url(https://i.ibb.co/D1Sn2zc/constellation.png);background-size: 110%;background-position: 400px -100px;background-repeat: no-repeat;padding-bottom:20px}.stellatext{background: rgba(0, 0, 0, 0.2);padding: 20px;margin:0px 20px 20px 20px}.stellaicons{font-family:times;font-size:10px;text-transform:uppercase;padding-left:20px;position:relative;top:-20px} .stellaicons i{color:#fff} .dark-mode .stellatext{background: rgba(255,255,255,0.1)} .stella2{background-blend-mode: darken;background-image: url(https://i.ibb.co/D1Sn2zc/constellation.png);background-size: 110%;background-position: 380px -100px;background-repeat: no-repeat;padding-bottom:20px;width:660px} .stellatxt2{width:600px;background: rgba(0, 0, 0, 0.2);padding: 25px;margin:0px 25px 25px 25px}.stellai{font-family:times;font-size:10px;text-transform:uppercase;padding-left:20px;position:relative;top:-20px} .stellai i{color:#fff}.dark-mode .stellatxt2{background: rgba(255,255,255,0.1)}.stella2 stellaimg1{width:600px;height:250px;display:inline-block;margin-left:25px} .stella3{background-blend-mode: darken;background-image: url(https://i.ibb.co/D1Sn2zc/constellation.png);background-size: 110%;background-position: 380px -70px;background-repeat: no-repeat;padding-bottom:20px;width:660px}.stellatxt3{width:360px;height:500px;overflow:auto;background: rgba(0, 0, 0, 0.2);padding:20px;display:inline-block}.stellai{font-family:times;font-size:10px;text-transform:uppercase;padding-left:20px;position:relative;top:-20px} .stellai i{color:#fff}.stellaimg2{display:inline-block;padding-left:20px} .dark-mode .stellatxt3{background: rgba(255,255,255,0.1)} .stella3 stellaimg{width:250px;height:500px;display:inline-block} 

.sclosed {display: flex;flex-direction: column;align-items: flex-start;width: 94%;padding: 20px 40px;margin: 1px 5px 3px 35px;border-left: 4px solid var(--leyenda2);background: rgba(0, 0, 0, 0.3);border-radius: 8px;position: relative;
}

.Stellarion2{background-blend-mode: darken;background-image: url(https://i.ibb.co/D1Sn2zc/constellation.png);background-size: 110%;background-position: 325px -40px;background-repeat: no-repeat;padding: 15px;width: auto;} .S2head{display: flex;align-items: center;color: var(--stellarion);gap: 20px;margin-top:5px} .Aname {font-family:Vidaloka;white-space: nowrap;font-size:40px;} .Sline{flex-grow: 1;height: 1px;background-color: var(--stellarion);} #aleicon1{font-size:40px} .Stelladata{display: flex;flex-direction: row;flex-wrap: wrap;gap: 0px;border-radius: 2px;color: #e0e6f0;font-family: 'serif';width: auto;height:400px;margin: auto;justify-content: center;overflow:hidden} .datasec {flex: 1 1 110px;background: rgba(0, 0, 0, 0.5);padding: 15px;border-radius: 2px;backdrop-filter: blur(1px);display: flex;flex-direction: column;justify-content: center;height:400px;width:200px;} .datasecimg{width: 250px;height: 400px;border-radius: 2px;object-fit: cover;} .datasec h3{text-align:center;font-family:Galins;margin-top: 0;font-size: 22px!important;border-bottom: 1px solid var(--stellarion);padding-bottom:5px;margin-bottom: 3px;color: var(--stellarion2);} .datasec ul{padding-left: 5px;margin-bottom: -15px!important;margin-left:-5px} .datasec b,.datasec strong{color:var(--stellarion2)} .stext1{font-family:calibri;font-size:14px;line-height:18px;padding:10px;height:90%;display:block;text-align:justify;color:#eee;overflow:auto} .museplayer {position: relative;width: 345px;height: 50px;background: linear-gradient(to right, #1e1e2f, var(--stellarion));border-radius: 20px;overflow: hidden;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;} .miconito{position: absolute;z-index: 2;pointer-events: none;opacity: 1;transition: opacity 0.3s ease;} #audplay{width: 100%;height: 46px; background-color: transparent;}.museplayer audio {background-color:#000;position: absolute;width: 100%;height: 100%;opacity: 0;pointer-events: none;transition: opacity 0.3s ease;} .museplayer:hover audio {opacity: 1;pointer-events: auto;} .museplayer:hover .miconito {opacity: 0;}.museplayer audio::-webkit-media-controls-panel {background: black;color: white;} .museplayer audio::-webkit-media-controls-play-button, .museplayer audio::-webkit-media-controls-current-time-display, .museplayer audio::-webkit-media-controls-time-remaining-display, .museplayer audio::-webkit-media-controls-timeline, .museplayer audio::-webkit-media-controls-mute-button,.museplayer audio::-webkit-media-controls-volume-slider {filter: invert(1); /* hace los íconos blancos */ } /*************** SECCIÓN RELACIONES ****************/ .relagrid {display: flex; flex-wrap: wrap;gap: 5px;justify-content: space-between;padding: 5px;height:220px;overflow:auto; } /* Tarjeta de relación */ .scard{background: rgba(0, 0, 0, 0.4);border-radius: 8px;width: 280px;padding: 20px;text-align: center;color: #e0e6f0;font-family: 'Vidaloka',serif;position: relative;overflow: hidden; }.relaimg {position: relative;width: 100px;height: 100px;border-radius: 50%;overflow: visible;flex-shrink: 0;margin:0 auto } /* Imagen real */ .relaimg img {width: 100%;height: 100%;border-radius: 50%;object-fit: cover;display: block;position: relative;z-index: 1; } /* Contenedor de estrellas orbitando */ .orbital-stars {position: absolute;border-radius: 50%;top: 50%;left: 50%;width: 100px; /* mayor que la imagen */height: 100px;transform: translate(-50%, -50%);z-index: 2;pointer-events: none;} /* Estrellas individuales */ .star {position: absolute;width: 2px;height: 2px;background: #ffffff;border-radius: 50%;box-shadow: 0 0 6px #ffffffaa;top: 50%;left: 50%;transform-origin: center; } /* Animaciones de órbita */ @keyframes orbit1 {0%{transform: rotate(0deg) translateX(55px) rotate(0deg); }100% { transform: rotate(360deg) translateX(55px) rotate(-360deg);}} @keyframes orbit2 {0%{ transform: rotate(90deg) translateX(55px) rotate(0deg);}100% {transform: rotate(450deg) translateX(55px) rotate(-360deg);}} @keyframes orbit3 {0%{ transform: rotate(180deg) translateX(55px) rotate(0deg); }100% { transform: rotate(540deg) translateX(55px) rotate(-360deg); } } @keyframes orbit4 {0%{ transform: rotate(270deg) translateX(55px) rotate(0deg); }100% { transform: rotate(630deg) translateX(55px) rotate(-360deg);}} /* Aplicación de animaciones */ .star1 { animation: orbit1 6s linear infinite;} .star2 { animation: orbit2 8s linear infinite;} .star3 { animation: orbit3 10s linear infinite;} .star4 {animation: orbit4 12s linear infinite; } /* Información del personaje */ .alerinf {flex-grow: 1;font-size: 14px;color: #d6d9ef;padding:5px;} .alerinf span {font-family:Vidaloka;font-size:18px;display: block;color: #ffffff;margin-bottom: 4px;} .blocki1{font-family:serif;text-align:center;font-size:11px;color:#eee;display:block;max-height:50px;overflow:auto; } /******* CRONO *********/ .Stellarion3{background-blend-mode: darken;background-image: url(https://i.ibb.co/D1Sn2zc/constellation.png);background-size: 100%;background-position: -500px 00%;background-repeat: no-repeat;padding: 15px;width: auto;} .stellchro {max-height: 400px;padding: 10px;overflow: auto; } .stellatime {padding: 10px;display: flex;flex-direction: column;align-items: center;position: relative;} .stellatime::before {content: '';position: absolute;left: 5%;width: 1px;height: 100%;background-color: var(--stellarion); } .steltop{display: flex;flex-direction: column; align-items: flex-start;width: 94%;padding: 20px 40px;margin: 1px 5px 3px 35px;border-left: 4px solid var(--stellarion);background: rgba(0, 0, 0, 0.3);border-radius: 8px;position: relative;} .steltop::before {content: '';position: absolute;left: -10px;top: 45px;width: 10px;height: 2px;background-color: var(--stellarion);} .steltop date{font-size: 18px;color: #fff;margin-bottom: 10px;font-family: Galins;border-bottom: 1px dotted #fff;display: block;} .steltop date a{color:#fff;text-decoration:none!important;} .steltop stcont {font-size: 14px;color: #ccc;line-height: 1.5;font-family: Arial, sans-serif;} .relagrid::-webkit-scrollbar, .stellchro::-webkit-scrollbar, .blocki1::-webkit-scrollbar, .stext1::-webkit-scrollbar {width: 5px!important;height: 6px!important;}.relagrid::-webkit-scrollbar-track,.stellchro::-webkit-scrollbar-track, .blocki1::-webkit-scrollbar-track, .stext1::-webkit-scrollbar-track {background: #000;width: 8px!important;height: 6px!important;}.sclosed {display: flex;flex-direction: column; align-items: flex-start;width: 94%;padding: 20px 40px;margin: 1px 5px 3px 35px;border-left: 4px solid var(--leyenda2);background: rgba(0, 0, 0, 0.3);border-radius: 8px;position: relative;} .sclosed::before {content: '';position: absolute;left: -10px;top: 45px;width: 10px;height: 2px;background-color: var(--leyenda2);} .sclosed date{font-size: 18px;color: #fff;margin-bottom: 10px;font-family: Galins;border-bottom: 1px dotted #fff;display: block;} .sclosed date a{color:#fff;text-decoration:none!important;} .sclosed stcont {font-size: 14px;color: #ccc;line-height: 1.5;font-family: Arial, sans-serif;}.Slegen{flex-direction:row;flex-direction: row-reverse;display: flex;gap: 1rem;font-family: sans-serif;font-size: 14px;margin-top: 1em;}.alelit{display:flex;align-items: center;gap: 10px;}.Slegencolor{width: 16px;height: 16px;border-radius: 4px;display: inline-block;}</style>


<style>.dark-mode .datasec{background:rgba(255, 255, 255, 0.1);} .dark-mode .steltop{background:rgba(255, 255, 255, 0.1)} .dark-mode .sclosed{background:rgba(255, 255, 255, 0.1)} .dark-mode .scard{background:rgba(255, 255, 255, 0.1);color:#000!important} .dark-mode .stext1{color:#000} .dark-mode .blocki1{color:#969696} .dark-mode .steltop date a{color:#000!important} .dark-mode .steltop stcont {color:#000!important} .dark-mode .sclosed stcont, .dark-mode .sclosed date a{color:#000!important}


/*Christmas card*/

.Christcard{width:350px;height:220px;background:url(https://i.servimg.com/u/f18/19/76/92/22/christ11.png);margin:auto;border-radius:30px;overflow:hidden;border:1px solid #27121a}.Christcard2{width: 350px;height: 220px;flex-direction: row;padding:20px;}.Christcard2 h1{color:#fff!important;margin-bottom:-10px!important}.Christcard2 sub{font-size:13px;color:#fff!important;margin-left:110px;}:root {--morgback: #162052;}.custom-animation .box1{position: relative;left:90px;width: 120px;height: 120px;background: rgba(0, 0, 0, 1);border-radius: 50%;overflow: hidden;}.custom-animation .box1::before {content: '';position: absolute;inset: -10px 20px;background: linear-gradient(315deg, var(--accent3), var(--accent4));transition: 0.5s;animation: animate 4s linear infinite;}.custom-animation .box1::after {content: '';position: absolute;inset: 50px;background: var(--morgback);border-radius: 50%;z-index: 1;}.custom-animation .content {position: absolute;inset: 2px;z-index: 3;border-radius: 50%;overflow: hidden;}.custom-animation .content img {position: absolute;top: 0;left: 0;width: 116px;height: 116px;object-fit: cover;transition: 0.5s;pointer-events: none;}@keyframes animate {0%{transform: rotate(0deg);}100% {transform: rotate(360deg);}}.dark-mode .Christcard h1{color:#000!important}.dark-mode .Christcard sub{color:#000!important}.dark-mode .Christcard2{background: linear-gradient(to right, rgba(247, 229, 218, 0), rgba(255, 255, 255, 0.2));} .dark-mode .Christcard{background:url(https://i.servimg.com/u/f18/19/76/92/22/christ10.png);border:1px solid #59718b}.custom-animation .content img{width:116px;height:116px}


.nebulahead{width:600px;height:300px;margin:auto}.Nebula{width:600px;height:620px;background:url(https://images2.imgbox.com/20/80/Bj7MQ3YB_o.jpg);margin:auto}.nebt{background: linear-gradient(90deg, rgba(15,6,40,1) 0%, rgba(10,4,26,1) 100%);display:block;padding:30px}.nebt span{font-size:25px;line-height:25px;font-family:Playfair Display;color:#fff;display:block} .nebt sub{text-align:right;font-size:13px;text-align:right;display:block}.Nebula block{display:block;padding:10px;font-size:13px;font-family:Poppins;height:380px;overflow:auto}.nimg{width:100px;height:100px;border-radius:100px;overflow:hidden;margin:auto;outline: dashed thin; outline-offset: 5px;outline: 3px solid #0f0628;margin-top:-10px}#nebicon{font-size:18px;line-height:18px}.nebtext{padding:30px;}.nebtext corner1{width: 50px;height: 50px;display: block;position: absolute;border: 1px solid #523d85;border-right-color: transparent;border-bottom-color: transparent;margin: -10px 0 0 -5px;}.nebtext corner2{width: 50px;height: 50px;display: block;position: absolute;border: 1px solid #523d85;border-top-color: transparent;border-left-color: transparent;margin: -25px 0 0 505px;}.dark-mode .Nebula {background:url(https://images2.imgbox.com/39/82/ImW7uk2m_o.jpg)}.dark-mode .nebt{background: linear-gradient(90deg, rgba(183,179,175,1) 0%, rgba(175,170,166,1) 100%)}.dark-mode .nimg{outline: 3px solid #b7b3af}.dark-mode corner1{border: 1px solid #fff;border-right-color: transparent;border-bottom-color: transparent}.dark-mode corner2{border: 1px solid #fff;border-top-color: transparent;border-left-color: transparent} 

.Nebula block::-webkit-scrollbar{width:5px!important} .Nebula block::-webkit-scrollbar-thumb{background-color:transparent;}.Nebula block::-webkit-scrollbar-track{background-color:transparent;}