
.\!visible-hd {
    visibility: visible !important;
}

.mx-auto-hd {
    margin-left: auto;
    margin-right: auto;
}

.mb-4-hd {
    margin-bottom: 1rem;
}

.mb-6-hd {
    margin-bottom: 1.5rem;
}

.mb-8-hd {
    margin-bottom: 2rem;
}

.block-hd {
    display: block;
}

.flex-hd {
    display: flex;
}

.h-6-hd {
    height: 1.5rem;
}

.h-8-hd {
    height: 2rem;
}

.w-6-hd {
    width: 1.5rem;
}

.w-8-hd {
    width: 2rem;
}

.max-w-6xl-hd {
    max-width: 72rem;
}

.flex-col-hd {
    flex-direction: column;
}

.items-center-hd {
    align-items: center;
}

.justify-between-hd {
    justify-content: space-between;
}

.space-x-4-hd > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-8-hd > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}

.rounded-lg-hd {
    border-radius: var(--radius);
}

.bg-background-hd {
    background-color: hsl(var(--background));
}

.bg-\[\#0D0D0D\]-hd {
    --tw-bg-opacity: 1;
    background-color: #282828;
}

svg.h-6-hd.w-6-hd {    
    border-radius: 11%;
    padding: 10%;
    width: 2rem;
    height: 2rem;
    color: white;
}
.instagramf{
    color: white;
}
.bg-\[\#1A1A1A\]-hd {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26 / var(--tw-bg-opacity));
    border-radius: 1rem;
    box-shadow: 10px 10px #ff9400;
    border-top-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius); /* Redondea solo la esquina inferior izquierda */
}

.p-12-hd {
    padding: 3rem;
}

.p-6-hd {
    padding: 1.5rem;
}

.text-4xl-hd {
    font-size: 2.25rem;
    line-height: 2.5rem;
}

.font-bold-hd {
    font-weight: 700;
    color: white;
}

.text-white-hd {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\!opacity-100-hd {
    opacity: 1 !important;
}

.transition-opacity-hd {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.duration-300-hd {
    transition-duration: 300ms;
}

.duration-150-hd {
    transition-duration: 150ms;
}

@keyframes enter {
    from {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
    }
}

.duration-300-hd {
    animation-duration: 300ms;
}

.duration-150-hd {
    animation-duration: 150ms;
}

@media (min-width: 768px) {
    .md\:mb-0-hd {
        margin-bottom: 0px;
    }

    .md\:flex-row-hd {
        flex-direction: row;
    }
}

.copytight-hd{
    padding: 1rem;
}

@media (max-width: 768px) {
    .flex-hd.space-x-4-hd {
        justify-content: center;
    }
    .flex-hd.space-x-8-hd {
        display: flex;
        flex-direction: column;
    }
    
    .bg-\[\#1A1A1A\]-hd.p-6-hd.rounded-lg-hd {
        margin: 1rem;
    }   
    .mb-8-hd.md\:mb-0-hd{
        display: flex;
    flex-direction: column;
    align-items: center;
    }
    .logo-footer{
        margin-right: 0rem;
    }
}
.logo-footer{
    margin-right: 1rem;
}
.mb-8-hd.md\:mb-0-hd{
    display: flex;
}

a.rd-nav-linkf {
    font-size: x-large;
    font-weight: bold;
    color: white;
}

.logo-footer {
    margin-right: 1rem;
    width: 150px;
    height: 150px;
}
