.logo-portada {
    width: 33%;
}

@media only screen and (max-width: 750px) {
    .logo-portada {
        width: 50%;
    }
}
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
    background-color: #ef4444;
    border-color: #ef4444;
    color: #ffffff;
}

body{
    font-family: Roboto, sans-serif !important;
    font-size: 14px !important;
}

.font-light {
    font-weight: 300;
    font-size: 1.5rem;
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(153 27 27 / var(--tw-text-opacity));
}
.font-extrabold {
    font-weight: 800;
}

.tracking-tight {
    letter-spacing: -.025em;
}
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}

.link-category{
    text-decoration: none !important;
}

.text-category-card{
    text-decoration: none !important;
    font-weight: 800;
}

.text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.w-40{
    width: 40% !important;
}

.h-64 {
    height: 16rem;
}

.bg-cover{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
    text-decoration: none;
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(14 23 38 / var(--tw-text-opacity));
}

.font-bold {
    font-weight: 700;
}
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(153 27 27 / var(--tw-text-opacity));
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.no-link{
    text-decoration: none;
}

.btn-product-home{
    background-color: #ef4444;
    color: #ffffff;  
}

.bg-image-product{
    height: 32rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

@media only screen and (max-width: 750px) {
    .bg-image-product{
        height: 300px;
       
    }
}

.product-description {
    font-size: 18px !important;
    font-weight: 400;
}

.description-product{
    border-top: 1px solid #22222252;
}

.description-table tbody .tr-col{
    font-size: 16px;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.btn-whatsapp{
    border-radius: 50px !important;
    background-color: #86efac !important;
}

.btn-whatsapp:hover{
    background-color: #4ade80 !important;
}

.btn-facebook{
    color: #ffffff;
    border: none;
    min-width: 40px;
    background-color: #316FF6 !important;
}

.btn-facebook:hover{
    background-color: #2656be !important;
}
.btn-twitter{
    color: #ffffff;
    border: none;
    min-width: 40px;
    background-color: #0e0e0e !important;
}

.btn-twitter:hover{
    background-color: #424242 !important;
}

.btn-instagram{
    color: #ffffff;
    min-width: 40px;
    border: none;
    background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}

.btn-instagram:hover{
    
    background:linear-gradient(45deg, #243485, #5851db, #612b85, #922864, #9c214a, #c41616);
}

.btn-tiktok{
    color: #ffffff;
    border: none;
    min-width: 40px;
    background-color: #0e0e0e !important;
}

.btn-tiktok:hover{
    background-color: #424242 !important;
}

.link-header{
    font-weight: 500 !important;
    font-size: 16px !important;
}

@media (min-width: 640px) {
    .sm\:ml-3 {
        margin-left: .75rem;
    }
}

#footer{
    border-top: 1px solid #b3b3b3;
    padding: 25px;
}

.link-footer{
    text-decoration: none;
    color: rgb(107 114 128 );

}

.link-footer:hover{
    text-decoration: none;
    color: rgb(71, 76, 85);
}

.min-h-screen {
    min-height: 100vh;
}

.nav-subcategories .active{
    text-decoration: underline;
}

.nav-subcategories a{
    color: #0e0e0e;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
    background-color: #d43e3e !important;
    border-color: #c73737  !important;
    color: #ffffff  !important;
}

.card-register{
    text-decoration: none !important;
    border:none;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.card-register:hover{
    transform: scale(1.1);
}

.link-none{
    text-decoration: none !important;
}

.active>.page-link, .page-link.active {
    z-index: 3;
    color:  #ffffff  !important;
    background-color: #d43e3e !important;
    border-color:  #c73737  !important;
}
.page-link{
 color: #ef4444;   
}
.page-link:hover{
    color: #d43e3e;  
}

.page-link:focus {
    color: #d43e3e;
    box-shadow: 0 0 0 0.25rem rgba(253, 13, 13, 0.25);
}

[multiple], [type=date], [type=datetime-local], 
[type=email], [type=month], [type=number], [type=password], 
[type=search], [type=tel], [type=text], [type=time], [type=url], 
[type=week], input:where(:not([type])), select, textarea {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: rgb(113, 113, 122) !important;
    border-radius: 0.5rem !important;
}

select:not(.choices) {
    background-image: none;
}

select:not(.choices) option {
    background: none !important;
}