#surtipuntos .img-mascota-surtipuntos {
 display: flex;
 justify-content: end;
 max-width: 300px;
 margin-right: 0;
 }

 #surtipuntos .nested-texts {
 margin-top: 100px;
 padding-left: 0;
 }

 #surtipuntos .text-surtipuntos,
 #surtipuntos .text-compra-y-gana {
 text-align: left;
 }

 #surtipuntos .custom-nav-pills {
 width: 66%;
 }


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

 #surtipuntos .img-mascota-surtipuntos {
 margin-left: auto;
 margin-right: auto;
 min-width: 300px;
 }

 #surtipuntos .nested-texts {
 margin-top: auto;
 }

 #surtipuntos .text-surtipuntos,
 #surtipuntos .text-compra-y-gana {
 text-align: center;
 }

 #surtipuntos .card {
 background-color: white;
 }
 }



 /* Custom colors to match original design */
 #surtipuntos .bg-blue-100-custom {
 background-color: #E0F2FE;
 }

 /* blue-100 */
 #surtipuntos .bg-blue-600-custom {
 background-color: #2563eb;
 }

 /* blue-600 */
 #surtipuntos .bg-blue-700-custom {
 background-color: #1d4ed8;
 }

 /* blue-700 */
 #surtipuntos .bg-blue-800-custom {
 background-color: #1e40af;
 }

 /* blue-800 */
 #surtipuntos .bg-black-custom {
 background-color: #1a1a1a;
 }

 /* blue-900 */
 #surtipuntos .text-blue-600-custom {
 color: #2563eb;
 }

 /* blue-600 */
 #surtipuntos .text-blue-800-custom {
 color: #1e40af;
 }

 /* blue-800 */
 #surtipuntos .text-yellow-300-custom {
 color: #e9ba21;
 }

 /* yellow-300 */
 #surtipuntos .text-gray-800-custom {
 color: #1F2937;
 }

 /* gray-800 */

 /* Oculta las secciones dinámicas por defecto */
 #suritptuntos .dynamic-content-section:not(.active) {
 display: none;
 }

 /* Custom styles for navigation tabs to mimic original look */
 #surtipuntos .custom-nav-pills {
 border-radius: .5rem;
 /* rounded-lg */
 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 /* shadow-md */
 margin-top: -1rem;
 /* -mt-4 */
 position: relative;
 z-index: 10;
 }

 /* @media (min-width: 765px) {
 #surtipuntos .custom-nav-pills {
 width: 75%;
 }
 } */



 #surtipuntos .nav-link {
 padding: .75rem 1.5rem;
 /* px-4 py-3 md:px-6 md:py-3 */
 transition: background-color 0.2s ease-in-out;
 /* transition-colors duration-200 */
 }

 #surtipuntos .nav-link.active {
 background-color: #1e3a8a !important;
 /* Darker blue for active tab */
 color: white !important;
 }

 #surtipuntos .nav-link:hover {
 background-color: #2563eb !important;
 /* Original hover blue */
 }

 /* Custom hover effect for cards */
 #surtipuntos .card-hover-effect {
 transition: transform 0.3s ease-in-out;
 }

 #surtipuntos .card-hover-effect:hover {
 transform: scale(1.05);
 }

 /* Custom style for register button hover */
 #surtipuntos .btn-register-custom:hover {
 transform: scale(1.05);
 }

 /* Responsive image in header */
 #surtipuntos .header-mascota-surti-img {
 width: 12rem;
 /* w-48 */
 height: 12rem;
 /* h-48 */
 object-fit: cover;
 }

 @media (min-width: 765px) {
 #surtipuntos .header-mascota-surti-img {
 width: 15rem;
 /* md:w-60 */
 height: 15rem;
 /* md:h-60 */
 }
 }