/*
Theme Name: TECCARE
Theme URI: 
Author: Rodrigo Hiram González Espinoza
Author URI: 
Description: Tema Diseñado para la Tienda Virtual TecCare
Template: storefront
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Technology, VirtualStore, flexbox, css grid, mobile first
Text Domain: teccare
*/
 .main-navigation ul li a,
.site-title a,
ul.menu li a,
.site-branding h1 a,
button.menu-toggle,
button.menu-toggle:hover,
.handheld-navigation .dropdown-toggle {
color: #fff5d1;
}

button.menu-toggle,
button.menu-toggle:hover {
border-color: #fff5d1;
}

.main-navigation ul li a:hover,
.main-navigation ul li:hover > a,
.site-title a:hover,
.site-header ul.menu li.current-menu-item > a {
color: #ffffff;
}

table:not( .has-background ) th {
background-color: #f8f8f8;
}

table:not( .has-background ) tbody td {
background-color: #fdfdfd;
}

table:not( .has-background ) tbody tr:nth-child(2n) td,
fieldset,
fieldset legend {
background-color: #fbfbfb;
}

.site-header,
.secondary-navigation ul ul,
.main-navigation ul.menu > li.menu-item-has-children:after,
.secondary-navigation ul.menu ul,
.storefront-handheld-footer-bar,
.storefront-handheld-footer-bar ul li > a,
.storefront-handheld-footer-bar ul li.search .site-search,
button.menu-toggle,
button.menu-toggle:hover {
background-color: #091c29;
}

p.site-description,
.site-header,
.storefront-handheld-footer-bar {
color: #fff5d1;
}

button.menu-toggle:after,
button.menu-toggle:before,
button.menu-toggle span:before {
background-color: #fff5d1;
}

h1, h2, h3, h4, h5, h6, .wc-block-grid__product-title {
color: #333333;
}

.widget h1 {
border-bottom-color: #333333;
}

body,
.secondary-navigation a {
color: #6d6d6d;
}

.widget-area .widget a,
.hentry .entry-header .posted-on a,
.hentry .entry-header .post-author a,
.hentry .entry-header .post-comments a,
.hentry .entry-header .byline a {
color: #727272;
}

a {
color: #000000;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
outline-color: #000000;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
background-color: #091c29;
border-color: #091c29;
color: #fff5d1;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {
background-color: #000310;
border-color: #000310;
color: #fff5d1;
}

button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt {
background-color: #fff5d1;
border-color: #fff5d1;
color: #091c29;
}

button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover {
background-color: #e6dcb8;
border-color: #e6dcb8;
color: #091c29;
}

.pagination .page-numbers li .page-numbers.current {
background-color: #e6e6e6;
color: #636363;
}

#comments .comment-list .comment-content .comment-text {
background-color: #f8f8f8;
}

.site-footer {
background-color: #091c29;
color: #fff5d1;
}

.site-footer a:not(.button):not(.components-button) {
color: #fff5d1;
}

.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
color: #fff5d1;
}

.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget .widget-title, .site-footer .widget .widgettitle {
color: #fff5d1;
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
color: #000000;
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content {
color: #000000;
}

@media screen and ( min-width: 768px ) {
.secondary-navigation ul.menu a:hover {
color: #ffffea;
}

.secondary-navigation ul.menu a {
color: #fff5d1;
}

.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.children {
background-color: #000d1a;
}

.site-header {
border-bottom-color: #000d1a;
}
}
@font-face {
font-family: star;
src: url(http://tec-care.local/wp-content/plugins/woocommerce/assets/fonts/star.eot);
src:
url(http://tec-care.local/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix) format("embedded-opentype"),
url(http://tec-care.local/wp-content/plugins/woocommerce/assets/fonts/star.woff) format("woff"),
url(http://tec-care.local/wp-content/plugins/woocommerce/assets/fonts/star.ttf) format("truetype"),
url(http://tec-care.local/wp-content/plugins/woocommerce/assets/fonts/star.svg#star) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: WooCommerce;
src: url(http://tec-care.local/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot);
src:
url(http://tec-care.local/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
url(http://tec-care.local/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),
url(http://tec-care.local/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype"),
url(http://tec-care.local/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce) format("svg");
font-weight: 400;
font-style: normal;
}

a.cart-contents,
.site-header-cart .widget_shopping_cart a {
color: #fff5d1;
}

a.cart-contents:hover,
.site-header-cart .widget_shopping_cart a:hover,
.site-header-cart:hover > li > a {
color: #ffffff;
}

table.cart td.product-remove,
table.cart td.actions {
border-top-color: #ffffff;
}

.storefront-handheld-footer-bar ul li.cart .count {
background-color: #fff5d1;
color: #091c29;
border-color: #091c29;
}

.woocommerce-tabs ul.tabs li.active a,
ul.products li.product .price,
.onsale,
.wc-block-grid__product-onsale,
.widget_search form:before,
.widget_product_search form:before {
color: #6d6d6d;
}

.woocommerce-breadcrumb a,
a.woocommerce-review-link,
.product_meta a {
color: #727272;
}

.wc-block-grid__product-onsale,
.onsale {
border-color: #6d6d6d;
}

.star-rating span:before,
.quantity .plus, .quantity .minus,
p.stars a:hover:after,
p.stars a:after,
.star-rating span:before,
#payment .payment_methods li input[type=radio]:first-child:checked+label:before {
color: #000000;
}

.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle {
background-color: #000000;
}

.order_details {
background-color: #f8f8f8;
}

.order_details > li {
border-bottom: 1px dotted #e3e3e3;
}

.order_details:before,
.order_details:after {
background: -webkit-linear-gradient(transparent 0,transparent 0),-webkit-linear-gradient(135deg,#f8f8f8 33.33%,transparent 33.33%),-webkit-linear-gradient(45deg,#f8f8f8 33.33%,transparent 33.33%)
}

#order_review {
background-color: #ffffff;
}

#payment .payment_methods > li .payment_box,
#payment .place-order {
background-color: #fafafa;
}

#payment .payment_methods > li:not(.woocommerce-notice) {
background-color: #f5f5f5;
}

#payment .payment_methods > li:not(.woocommerce-notice):hover {
background-color: #f0f0f0;
}

.woocommerce-pagination .page-numbers li .page-numbers.current {
background-color: #e6e6e6;
color: #636363;
}

.wc-block-grid__product-onsale,
.onsale,
.woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
color: #6d6d6d;
}

p.stars a:before,
p.stars a:hover~a:before,
p.stars.selected a.active~a:before {
color: #6d6d6d;
}

p.stars.selected a.active:before,
p.stars:hover a:before,
p.stars.selected a:not(.active):before,
p.stars.selected a.active:before {
color: #000000;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
background-color: #091c29;
color: #fff5d1;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
background-color: #000310;
border-color: #000310;
color: #fff5d1;
}

.button.added_to_cart:focus,
.button.wc-forward:focus {
outline-color: #000000;
}

.added_to_cart,
.site-header-cart .widget_shopping_cart a.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link {
background-color: #091c29;
border-color: #091c29;
color: #fff5d1;
}

.added_to_cart:hover,
.site-header-cart .widget_shopping_cart a.button:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover {
background-color: #000310;
border-color: #000310;
color: #fff5d1;
}

.added_to_cart.alt, .added_to_cart, .widget a.button.checkout {
background-color: #fff5d1;
border-color: #fff5d1;
color: #091c29;
}

.added_to_cart.alt:hover, .added_to_cart:hover, .widget a.button.checkout:hover {
background-color: #e6dcb8;
border-color: #e6dcb8;
color: #091c29;
}

.button.loading {
color: #091c29;
}

.button.loading:hover {
background-color: #091c29;
}

.button.loading:after {
color: #fff5d1;
}

@media screen and ( min-width: 768px ) {
.site-header-cart .widget_shopping_cart,
.site-header .product_list_widget li .quantity {
color: #fff5d1;
}

.site-header-cart .widget_shopping_cart .buttons,
.site-header-cart .widget_shopping_cart .total {
background-color: #00121f;
}

.site-header-cart .widget_shopping_cart {
background-color: #000d1a;
}
}
.storefront-product-pagination a {
color: #6d6d6d;
background-color: #ffffff;
}
.storefront-sticky-add-to-cart {
color: #6d6d6d;
background-color: #ffffff;
}

.storefront-sticky-add-to-cart a:not(.button) {
color: #fff5d1;
}




/*                      Nuevos Diseños                           */ 

.page-template-template-homepage .site-content .col-full {
    margin: 0!important;
    padding: 0;
    max-width: 100%;
}
 
.page-template-template-homepage .type-page {
        margin:  1.5rem 0 1.5rem 0 !important;
        padding: 0 !important;
    }
.page-template-template-homepage .content-area, .page-template-template-homepage .site-main {
    margin: 0 !important;
    padding: 0 !important;
}


@media only screen and (max-width:767px){
   .page-template-template-homepage,  .page-template-template-homepage .hentry,.page-template-template-homepage .type-page{
        margin: 0 0 1.5rem 0 !important;
        padding: 0 !important;
    } 

    .page-template-template-homepage .site-content .col-full {
        margin: 0 !important;
     }

    
} 

.entry-title {
    display: none;
}

mark.count {
    display: none;
}

.woocommerce-message {
    background-color: #091C29;
    color: #FFF5D1;
}

@media only screen and (min-width:768px){
.main-navigation ul.menu>li>a:hover,
 .main-navigation ul.menu ul.sub-menu:hover{
    background-color: black;
}




.page-template-template-homepage .entry-content{
    max-width: 100%;
    margin: 0;
}

.entry-content .div .div :hover{
    transition-property: transform;
    transition-duration: 2s;
    transform: scale(1.05);
}

.col-full{
    max-width: 100%;
}

.page-template-template-homepage .entry-header h1 {
    display: none;
}

.hentry .entry-content .wp-block-columns .wp-block-column {
    margin: auto;
}

:where(.wp-block-columns.has-background) {
    padding: 2.375em;
}


} 

.reservados {
    background-color: #091C29;
    padding: 2rem 0;
    text-align: center;
}

:root {
    --primary: #091C29;
    --negro: #262626;
    --blanco: #FFF5D1;
    --fuente-principal: 'Outfit', sans-serif;
}

.banner {
    background-image: linear-gradient(to right, rgb(0 0 0 / .65), rgb( 0 0 0 / .65)), url('../../uploads/2025/07/PS-PAX-A910_2-1024x1024.png');
    /*('wp-content\uploads\2025\07\PS-PAX-A910_2.png');*/
    padding: 0;
    margin: 0;
    background-size: cover;
    background-position: 50%;
}

@media (min-width: 768px) { 

    .banner__grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .banner.mercadopago {
        margin: 0 18rem;
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;
        border-radius: 50px;
        box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.75);
        }
}

.banner__contenido {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem;
}



@media (min-width: 768px) { 
    .banner__contenido {
        grid-column: 2 / 3;
    }

    .banner.nosotros .banner__grid {
        display: flex;
        align-items: center;
        padding: 2rem 10rem;
    }
}

.banner__heading {
    color: #FFF5D1;
    text-align: center;
    font-size: 2.4rem;
}

.banner__texto {
    color: #ffffff;
    text-align: center;
    font-size: 1rem;
}

.boton_descubrir {
    color: var(--blanco);
    margin-top: 2rem;
    display: inline-block;
    border: 2px solid var(--primary);
    border-radius: 50px;
    text-decoration: none;
    padding: 1rem 5rem;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 700;
    transition-property: background-color;
    transition-duration: .3s;
}

.boton_descubrir:hover {
    background-color: var(--primary);
    color: var(--blanco);
}

h2.section-title {
    color: var(--primary);
    font-size: 2.5rem;
    font-weight: 700;
}

@media (min-width: 768px) { 
.storefront-product-categories {
    margin-bottom: 2rem!important;
}
}
.storefront-product-categories ul.products {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 768px) { 
    .storefront-product-categories ul.products {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4rem;
}
}

ul.products li.product.product-category img {
    width: 100%;
    margin: 0!important;
    position: relative;
    opacity: 0.5;
}

ul.products li.product.product-category{
    background-color: rgb(0 0 0 / .65);
    margin:0;
}

@media (max-width: 768px) { 
ul.products li.product.product-category{
    background-color:transparent;
}
}

ul.products li.product.product-category{
    border-radius: 50px;
    transition: background-color 0.5s;
} 

ul.products li.product.product-category:hover{
    background-color:transparent;
}

ul.products li.product .woocommerce-loop-category__title {
    color: var(--blanco);
    background-color: var(--primary);
    padding: 1rem 0;
    margin:0;
    font-size: 1.4rem;
    font-weight: 700;
}

@media (min-width: 768px) { 
ul.products li.product .woocommerce-loop-category__title{
   
    border-end-end-radius: 50px;
    border-end-start-radius: 50px;
}
}

.tax-product_cat ul.products .button, .woocommerce-shop ul.products .button {
    border-radius: 50px;
}

.storefront-featured-products .woocommerce ul.products {
        display: flex;
        justify-content: space-between;
}

@media (min-width: 768px) { 
.storefront-featured-products .woocommerce ul.products li{
    transition: transform 0.5s;
}

.storefront-featured-products .woocommerce ul.products li:hover {
    transform: scale(1.2);
}
}

.storefront-featured-products .button.product_type_simple, .storefront-featured-products .woocommerce ul.products li.product .price {
    display: none;
}

.storefront-product-section .storefront-featured-products {
    margin: 2rem 0!important;
}



@media (max-width: 767px) {
.tax-product_cat .col-full, .woocommerce-shop .col-full {
    margin: 1rem;
}

.tax-product_cat ul.products, .woocommerce-shop ul.products, .storefront-featured-products .woocommerce ul.products{ 
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}


.tax-product_cat ul.products, .woocommerce-shop ul.products {
    margin-bottom: 1rem;
}

.tax-product_cat ul.products::before, .woocommerce-shop ul.products::before,  .storefront-featured-products .woocommerce ul.products::before{
    display: none;
}

.storefront-featured-products .woocommerce {
    margin: 0 1rem;
}

.storefront-featured-products .woocommerce ul.products li{
    margin-bottom: 1rem;
}

.storefront-featured-products .woocommerce ul.products li:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
}

.tax-product_cat ul.products h2, .woocommerce-shop ul.products h2 {
    font-size: 14px!important;
    font-weight: 200!important;
}
}

@media (max-width: 767px) { 
    .descubrir_productos .boton_descubrir {
    border-radius: 0px;
    font-size: 14px;
    text-align: center;
    width: 100%;
}
}

.descubrir_productos {
    display: flex;
    justify-content: center;
}


.descubrir_productos .boton_descubrir {
    background-color: var(--primary);
    color: var(--blanco);
    margin:0;
}