body {
     font-family: 'Poppins', sans-serif;
     /* background: radial-gradient(circle at center, #ffffff, #636b2fa3, #636b2f); */
     background: radial-gradient(circle at center, #ffffff, #aeb96aa3, #aeb96a);
     /* background: radial-gradient(circle at center, #ffffff, #94b742a3, #94b742); */
     padding: 30px 16px;
     display: flex;
     justify-content: center;
     min-height: 90vh;
     flex-direction: column;
     align-items: center;
 }

 .logo img {
     width: 96px;
     height: 96px;
     border-radius: 50%;
     object-fit: cover;
 }
 .border-transparente{
    border-color: transparent !important;
 }
 .accordion-body{
    padding: 10px;
 }
 hr{
    width: 100px; 
    height: 3px; 
    background-color: #000000; 
    border: none; 
    margin-right: auto ;
    margin-left: auto;
 }

 .accordion-button:not(.collapsed) {
     color: black;
     background-color: #ffffff;
     box-shadow: none;
 }

 .accordion-custom-body {
     background-color: white;
     border-radius: 12px;
 }

 .accordion-button .arrow-icon {
     transition: transform 0.3s ease;
 }

 .accordion-button:not(.collapsed) .arrow-icon {
     transform: rotate(180deg);
 }

 h1 {
     margin: 20px 0 8px;
     font-weight: 600;
 }

 h2 {
     font-weight: 600;
 }

 .accordion-button:focus {
     outline: none !important;
     box-shadow: none !important;
 }

 .social-icons a {
     color: #222;
     margin: 0 10px;
     font-size: 24px;
     transition: color 0.3s ease;
 }

 .social-icons a:hover {
     color: #636b2f;
 }

 .link-button {
     background: white;
     color: #000;
     border-radius: 12px !important;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     padding: 14px 18px;
     margin: 10px auto;
     text-decoration: none;
     display: block;
     width: 100%;
     max-width: 320px;
     text-align: center;
     transition: background 0.3s ease;
 }

 .link-button:hover {
     background: #f1f1f1;
     color: #000;
     text-decoration: none;
 }

 .link-button i {
     font-size: 20px;
 }

 .link-content {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 12px;
     max-width: 240px;
     margin: 0 auto;
 }


 .link-impacto {
     display: flex;
     align-items: center;
     gap: 8px;
     margin: 0 auto;
 }

 .link-impacto span {
     font-size: 13px;
 }

 /* valoraciones */
 .emoji-option span {
     filter: grayscale(100%);
     transition: filter 0.3s, transform 0.2s;
 }

 .emoji-option input:checked+span,
 .emoji-option:hover span,
 .emoji-option.hovered span {
     filter: grayscale(0%);
 }

 .emoji-option:hover span {
     transform: scale(1.2);
 }


 .star-option span {
     color: #ccc;
     transition: color 0.2s ease-in-out;
 }


 .star-option.active span {
     color: gold;
 }

 .rating-label {
     font-weight: bold;
     margin-top: 10px;
     height: 24px;
 }

 input[type="radio"] {
     display: none;
 }