.button-wapp{
	background-color:#25D366;
	color: white;
	font-weight:600;
  padding: 5px 12px; 
	margin:0 auto;
  text-decoration: none; 
  border-radius: 5px; 
 display: inline-block;
	margin-bottom:15px;
}
.hero-section[data-type=type-2]>[class*=ct-container]{
   background: linear-gradient(90deg, #ffcc00, #ffcc00); /* degradado verde esperanza */
  -webkit-background-clip: text;  /* aplica el degradado al texto */
  -webkit-text-fill-color: transparent; /* hace visible solo el         degradado */
  text-shadow: 2px 2px 6px rgba(0,0,0,0.6); /* brillo/fuerza */
  font-weight:700 !important;
}
.ct-search-results a .product-search-meta small{
    font-size:21px !important;
}
a .ct-search-item span{
    font-size:21px;
} 
[data-products] .product .price{
    margin-bottom:3.2px;
}
.ct-default-gallery .woocommerce-product-gallery, .ct-stacked-gallery .woocommerce-product-gallery{
    margin-left: 4px;
}
.woocommerce-product-gallery{
	color:red;
}
.woocommerce-info, .wc-block-components-notice-banner.is-info{
	color:black;
}
.woocommerce-order p{
color:black;
}
.woocommerce-message, .wc-block-components-notice-banner.is-success{
	color:black;
}
.ct-woo-unauthorized label{
	font-size:22px;
}
.ct-woo-unauthorized .woocommerce-LostPassword{
	font-size:20px;
}
.ct-account-modal p label{
	font-size:22px;
}
.ct-account-modal label label {
	font-size:22px;
}
.ct-forgot-password{
	font-size:22px;
}
.woocommerce-button button woocommerce-form-login__submit{
	font-size:22px;
}
.mo-openid-app-icons{
	font-size:22px;
}
.woocommerce-product-attributes-item__label {
	font-size:22px;
}
.woocommerce-product-attributes-item__value {
	font-size:22px;
}
.woocommerce-Reviews h2{
	font-size:22px;
}
.woocommerce-Reviews .woocommerce-noreviews {
	font-size:22px;
}
#review_form .comment-reply-title{
	font-size:22px;
}
.comment-form .comment-notes{
	font-size:22px;
}
.comment-form-rating label{
	font-size:22px;
}
.comment-form-field-input-author label {
	font-size:22px;
}
.comment-form-field-input-email label {
	font-size:22px;
}
.comment-form-field-textarea label {
	font-size:22px;
}
:is(.gdpr-confirm-policy,.comment-form-cookies-consent) label{
	font-size:22px;
}
.product-name{
	font-size:22px;
}
.product-quantity{
	font-size:22px;
}
.product-subtotal{
	font-size:22px;
}

.shop_table .quantity{
	font-size:22px;
}
.cart-subtotal th{
	font-size:22px;
}
.cart_totals .shop_table shop_table_responsive .cart-subtotal th{
    font-size:21px;
}

.ct-woocommerce-cart-form .cart_totals h2{
	font-size:24px;
}
label:last-child{
	font-size:22px;
}
.ct-woocommerce-cart-form .cart_totals .shipping-calculator-button{
	text-align:center;
	border:1px #fff solid;
}
.order-total th{
	font-size:25px;
}
.ct-cart-content .product-title{
	font-size:20px;
}
.product_list_widget .quantity{
	font-size:20px;
}
p.woocommerce-mini-cart__total.total strong{
	font-size:16px;
}
@media(min-width: 1024px){
.price span.woocommerce-Price-amount.amount{
	font-size:23px;
}
}
@media (max-width:1023px){
    .price span.woocommerce-Price-amount.amount{
        font-size:24px;
    }
}
.woocommerce-message{
	font-size:22px;
}
.ct-cart-content .product-title{
	font-size:20px;
}
.ct-woocommerce-checkout h3{
	font-size:22px;
}
.form-row label{
	font-size:22px;
}
#payment .payment_box.payment_method_wompi_wwp p{
	font-size:22px;
}
.woocommerce-privacy-policy-text #tw-container{
	font-size:22px;
}
.login input.input{
	font-size:22px;
}
#payment .payment_methods .payment_box p:last-child{
	font-size:21px;
}
.entry-card .boundless-image img{
	height:134%;
}
[data-prefix=search] [data-archive=default] .card-content .ct-media-container{
	padding-bottom:96px;
}
span.woocommerce-Price-amount.amount{
	font-size:22px;
}
.ct-search-results a:not(:last-child){
	font-size:22px;
}
.ct-quick-view-card .product_meta>span:not(:last-child), .product[class*=gallery] .product_meta>span:not(:last-child){
	font-size:17px;
}
.ct-quick-view-card .product_meta>span, .product[class*=gallery] .product_meta>span{
	font-size:17px;
}
.single-product article>:where(.related,.up-sells) .ct-module-title{
	font-size:26px;
}
.onsale[data-shape=type-2], .out-of-stock-badge[data-shape=type-2], [class*=ct-woo-badge-][data-shape=type-2]{
	font-size:17px;
}
.woocommerce-info, .wc-block-components-notice-banner.is-info{
	font-size:20px;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
.woocommerce ul.woocommerce-error{
	font-size:20px;
}
.woocommerce-MyAccount-navigation ul li:hover a, .woocommerce-MyAccount-navigation ul li.is-active a{
	font-size:20px;
}
.woocommerce-MyAccount-navigation ul li a{
	font-size:20px;
}
.woocommerce-order-details header h2, .woocommerce-MyAccount-content header h2{
	font-size:22px;
}
a.edit{
	border:1px solid white;
	font-size:19px;
}
.woocommerce-Addresses address{
	font-size:19px;
	color:red;
}
.woocommerce-MyAccount-content em{
	font-size:20px;
}
legend{
	font-size:21px;
}
.woocommerce-order p{
	font-size:21px;
}
.woocommerce-order h2{
	font-size:23px;
}
#payment .payment_methods>.wc_payment_method>label, #payment .payment_methods>.woocommerce-PaymentMethod>label{
	font-size:21px;
}

@media(max-width:1023px){
table.shop_table_responsive tbody td[data-title]:before{
    font-size:21px;
}
}
.woocommerce-customer-details address{
	font-size:20px;
}
th, td {
	font-size:20px;
}
.woocommerce-orders-table__header.woocommerce-orders-table__header-order-date {
	font-size:20px;
}
.woo-variation-swatches.wvs-show-label .variations td .woo-selected-variation-item-name, .woo-variation-swatches.wvs-show-label .variations td label, .woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name, .woo-variation-swatches.wvs-show-label .variations th label{
	font-size:20px;
}
table.variations .reset_variations{
	border:1px solid white;
	font-size:20px;
}
[data-footer*=type-1] .ct-footer [data-row*=middle]>div{
	padding:0px;
}
.ct-trending-block{
	margin-top:10px;
	border-top:1px solid #e62a2c;
}
.sale-price del {
    position: relative;
    text-decoration: none; 
}
.shop_table shop_table_responsive .cart-subtotal th{
    font-size:21px;
}
.sale-price del::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px; 
    background-color: currentColor; 
}
#payment .payment_methods>.wc_payment_method>label img:first-of-type, #payment .payment_methods>.woocommerce-PaymentMethod>label img:first-of-type{   
    filter: invert(84%) sepia(34%) saturate(578%) hue-rotate(67deg) brightness(95%) contrast(91%);
	width:100px;
	height:auto;
	margin-inline-start:0 !important;
}
.onsale[data-shape=type-2], .out-of-stock-badge[data-shape=type-2], [class*=ct-woo-badge-][data-shape=type-2]{
	background:#e82a2c;
}
[class*=ct-dynamic-count]{
	font-size:15px;
	padding-top:4px;
}
.woocommerce-shipping-calculator .optional {
    display: none !important;
}
label[for="calc_shipping_postcode"] {
    color: white; /* Color para el texto principal */
}
label[for="calc_shipping_postcode"]::after {
    content: "*";
    color: red; /* Cambia el color del asterisco a rojo */
    font-weight: bold; /* Opcional: para hacerlo más visible */
}
.ct-account-modal>ul li:first-child{
	font-size:19px;
}
.ct-account-modal>ul li:not(.active){
	font-size:19px;
}
.ct-account-modal form>*{
	font-size:20px;
}
svg.ct-icon{
	width:19px;
	height:19px;
}
#payment ul.payment_methods>li.wc_payment_method>label img:first-of-type {
	margin-inline-start: 0 	!important;
  max-width: 100px;
  height: auto;
}
#payment ul.payment_methods>li.wc_payment_method>label{
	font-size:19px;
}
.wpfront-notification-bar {
    overflow: hidden;
}
.wpfront-notification-bar .wpfront-message {
    white-space: nowrap;
    display: inline-block;
    animation: scroll-text 12s linear infinite;
}

@keyframes scroll-text {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
.wvs-has-image-tooltip:hover:after, .wvs-has-image-tooltip:hover:before, [data-wvstooltip]:hover:after, [data-wvstooltip]:hover:before{
	font-size:20px;
}
.ct-woo-unauthorized>.woocommerce-form-login, .ct-woo-unauthorized>.woocommerce-ResetPassword {
	max-width:650px;
}
div.wp-block-cover alignfull uag-hide-tab uag-hide-mob{
	margin-bottom:0px;
}
.ct-trending-block{
	margin-top:0px;
}
.uagb-slider-container.uagb-block-59b8e4b1.uagb-slider-container{
	padding-top:0px;
}
@media (max-width: 768px){
	.uagb-slider-container.uagb-block-511e2a18 .swiper-pagination{
	bottom:-1px !important;
	position: relative;	
}
}

.pswp__ui pswp__ui--fit pswp__ui--over-close pswp__ui--idle .pswp__ui--idle .pswp__top-bar{
  position: relative;
    z-index: 1000; /* Esto asegura que el lightbox no esté encima de la barra deslizante */
}

div .pswp__scroll-wrap{
    position: absolute; /* Posiciona la barra de zoom dentro del lightbox */
    top: 28px; /* Ajusta la distancia desde la parte superior */
    z-index: 1; /* Barra de zoom debajo de otros elementos */
}

div .ct-product-gallery-container .woocommerce-product-gallery__trigger{
    position: absolute;
    z-index: 9;
    top: 2.6px;
    left: 2.4px;
    inset-inline-end: 20px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
}

.pswp__preloader {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}


.onsale[data-shape=type-2], .out-of-stock-badge[data-shape=type-2], [class*=ct-woo-badge-][data-shape=type-2]{
	position:absolute;
	top:50px;
}

form:is(.login,.register,.edit-account,.lost_reset_password) [class*=password-input] .show-password-input{
	width:23px;
	height:23px;
}
.woocommerce-error, .wc-block-components-notice-banner.is-error{
	font-size:21px;
}
.onlyfit-header-buttons {
  display: none;
}

@media (max-width: 768px) {
  .onlyfit-header-buttons {
    display: flex;
    justify-content: space-between;
    gap: 2px;
    margin-top: 3px;
		margin-bottom: 3px;
    width: 100%;
    padding: 0 1px;
    border-bottom: 1px solid #e72a2d; /* borde inferior */
  }

  .onlyfit-header-buttons .header-btn {
    flex: 1;
    text-align: center;
    padding: 14px 0;
    border-radius: 8px;
    font-size: clamp(17px, 4vw, 21px);
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(
      180deg,
      #961b1c 0%,
      rgba(0, 0, 0, 0.2) 100%
    ); /* degradado mucho más suave */
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .onlyfit-header-buttons .header-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
  }
}
/* Fuerza al bloque del slider a ocupar todo el ancho de la ventana */
.onlyfit-swiper {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw !important;
  max-width: 100vw !important;
  padding: 0 !important;
  overflow: hidden;
  box-sizing: border-box;
}

/* Swiper ocupa todo el ancho */
.onlyfit-swiper .swiper,
.onlyfit-swiper .swiper-wrapper,
.onlyfit-swiper .swiper-slide {
  width: 100% !important;
  max-width: 100% !important;
}

/* Imágenes adaptadas al slide */
.onlyfit-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
	  /* Borde inferior */
  border-bottom: 1px solid #e62a2c;
}
@media screen and (max-width: 1023px) {
.swiper-button-next,
.swiper-button-prev {
    color: white;
    z-index: 10;
    display: flex;              /* Centra la flecha dentro */
    justify-content: center;
    align-items: center;
    width: 60px;                /* Tamaño del área circular */
    height: 60px;
    border-radius: 50%;         /* Convierte en círculo */
    background-color: rgba(116,124,137,0.6); /* Fondo semitransparente */
    cursor: pointer;
}
	/* Flecha izquierda */
.swiper-button-prev {
  left: -17px; /* desplaza hacia fuera */
}

/* Flecha derecha */
.swiper-button-next {
  right: -17px; /* desplaza hacia fuera */
}
}
@media screen and (min-width: 1024px) {
.swiper-button-next,
.swiper-button-prev {
    color: white;
    z-index: 10;
    display: flex;              /* Centra la flecha dentro */
    justify-content: center;
    align-items: center;
    width: 60px;                /* Tamaño del área circular */
    height: 60px;
    border-radius: 50%;         /* Convierte en círculo */
    background-color: rgba(230,42,44,0.7); /* Fondo semitransparente */
    cursor: pointer;
}
	/* Evita que las flechas se seleccionen al hacer doble clic en escritorio */
.swiper-button-prev,
.swiper-button-next,
.swiper-button-prev img,
.swiper-button-next img,
.swiper-button-prev svg,
.swiper-button-next svg {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
  pointer-events: auto; /* mantiene el clic activo */
}
}
@media screen and (min-width: 1024px) {
  /* Estilos específicos para dispositivos de escritorio */
.sub-menu {
  position: absolute; /* Mantiene el submenú flotando bajo el botón principal */
  left: -160%;
/* Lo coloca en el centro horizontal de la página */
  top: 100%;
/* Lo coloca justo debajo del menú principal */
  transform: translateX(-50%);
/* Ajusta el submenú para que quede centrado */
	width: 100vw !important;
/* Ajusta el ancho del submenú a un 90% de la pantalla */
max-width: 840px;
/* Establece un ancho máximo para el submenú */
  background: linear-gradient(to bottom, #7c0d0d 0%, #2b0000 100%) !important; /* Fondo rojo */
  border: none !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
  padding: 20px 30px; /* Espacio adicional dentro del submenú */
  display: grid; /* Usamos grid para organizar los elementos */
  grid-template-columns: repeat(4, 1fr); /* 4 columnas para los elementos del submenú */
gap: 10px;
/* Separación entre los elementos */
  z-index: 9999;
  opacity: 0; /* Inicialmente invisible */
  visibility: hidden; /* Oculto por defecto */
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* === Estilo de los elementos dentro de los submenús === */
.sub-menu .menu-item {
  width: 100%; /* Aseguramos que cada ítem ocupe toda la columna */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* === Estilo de los enlaces dentro de los ítems === */
.sub-menu .menu-item a {
  background: #000; /* Fondo negro para cada ítem */
  color: #fff !important; /* Texto blanco */
  padding: 12px 20px; /* Relleno adecuado para que el texto esté centrado */
  border-radius: 4px; /* Bordes redondeados */
  text-align: center; /* Alineación centrada */
  text-decoration: none; /* Sin subrayado */
  white-space: nowrap; /* Evitar que el texto se divida en varias líneas */
  transition: all 0.3s ease; /* Animación suave en hover */
}

/* === Efecto hover sobre los enlaces === */
.sub-menu .menu-item a:hover {
  background: linear-gradient(to bottom, #a91313 0%, #3a0000 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0,0,0,0.5);
}
}


@media (max-width: 1023px){
	
.productos-section {
	width: 100vw;
  margin-left: calc(-50vw + 50%);
  box-sizing: border-box;
	border-bottom:1px solid #e62a2c;
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 60px 20px;
}

.titulo-productos-mov {
  background: linear-gradient(90deg, #ffcc00, #ffcc00); /* degradado verde esperanza */
  -webkit-background-clip: text;  /* aplica el degradado al texto */
  -webkit-text-fill-color: transparent; /* hace visible solo el         degradado */
  text-shadow: 2px 2px 6px rgba(0,0,0,0.6); /* brillo/fuerza */
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 40px;
  padding: 10px 30px;
}

.productos-grid {
   display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 productos por fila */
  gap: 20px;
  justify-items: center;
  align-items: stretch;
	
}

.producto {
	background-size: cover; /* la imagen cubre todo el ancho */
	box-shadow: 0 0 20px rgba(255, 0, 0, 0.25);
	padding-bottom: 10px;
	width:100%;
  max-width: 350px;
	border: 2px solid #e62a2c;
  border-radius: 5px;
  
}

.producto img {
  max-width: 100%;
  height: auto;
	margin-top: 10px;
  margin-bottom: 15px;
}

.producto h2 {
  font-size: 1.4rem;
	margin:0;
}
.producto .p{
	margin-bottom:7.5px;
	}

.producto .link-prod{
  margin: 10px 0;
  color: #fff;
	font-weight:600;
  font-size: 0.9rem;
  letter-spacing: 0.5px;
}
	
.btn-producto {
  background: linear-gradient(to bottom, #7c0d0d 0%, #2b0000 100%);
	border:1px solid #e62a2c;
	font-weight:500;
  color: white;
  text-decoration: none;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 1.2rem;
  transition: background 0.3s;
  text-align: center;
}

.btn-producto:hover {
  background: linear-gradient(to bottom, #a91313 0%, #3a0000 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0,0,0,0.5);
}

}
@media (min-width:1024px) {


/* Contenedor general de la sección (para asegurar que ocupe todo el ancho) */
.onlyfit-fullbanner {
	position:relative;
  width: 100%;  /* Asegura que el contenedor ocupe todo el ancho disponible */
	overflow:hidden;
  display: flex;
  flex-direction: column; /* Los elementos dentro se apilan verticalmente (imágenes y botones) */
  align-items: center; /* Centra los elementos horizontalmente */
  justify-content: flex-start; /* Alinea los elementos al inicio (parte superior) */
	margin-left:0;
	margin-right:0;
}

.titulo-combos{
	background: linear-gradient(90deg, #ffcc00, #ffcc00); /* degradado verde esperanza */
  -webkit-background-clip: text;  /* aplica el degradado al texto */
  -webkit-text-fill-color: transparent; /* hace visible solo el         degradado */
  text-shadow: 2px 2px 6px rgba(0,0,0,0.6); /* brillo/fuerza */
  font-weight: bold;
  letter-spacing: 1px;
  font-size:55px;
  margin-bottom: 40px;
  padding: 10px 30px;
}
}

.wp-block-cover, .wp-block-cover-image{
	padding:0;
}
/* Contenedor de botones */
.banner-buttons {
  display: flex;
  justify-content: space-between; /* Para distribuir los botones */
  gap: 5px;  /* Espacio entre los botones */
  margin-top: 15px;
  margin-bottom: 40px;
  flex-wrap: wrap;
  width: 100%;  /* Asegura que el contenedor ocupe todo el ancho */
}

/* --- Estilo de los botones --- */
  .btn-banner,
  .btn-banner-blue, 
   .btn-banner-g {
    flex: 1;  /* Los botones ocuparán proporcionalmente el espacio disponible */
    font-size: 20px;
    padding: 12px 20px;
    min-width: 150px;  /* Evita que los botones se hagan demasiado pequeños */
    width: 100%;  /* Asegura que los botones ocupen el 100% del espacio */
  }

/* Estilo de los botones */
.btn-banner {
  background: linear-gradient(to bottom, #7c0d0d 0%, #2b0000 100%);
  color: #fff;
	border: 1px solid #e72a2d;
  font-weight: bold;
  text-align: center;
  padding: 12px 20px !important;
  border-radius: 6px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.4);
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 19px !important;
  min-width: 120px;  /* Evita que los botones se hagan demasiado pequeños */
  width: auto; /* El ancho será controlado por el contenedor de los botones */
}

/* Estilo de los botones azules */
.btn-banner-blue {
  background: linear-gradient(to bottom, #00cfff 0%, #001018 100%);
  color: #fff;
	border: 1px solid #02daf7;
  font-weight: bold;
  text-align: center;
  padding: 12px 20px !important;
  border-radius: 6px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.4);
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 19px !important;
  min-width: 120px;  /* Evita que los botones se hagan demasiado pequeños */
  width: auto; /* El ancho será controlado por el contenedor de los botones */
}
.btn-banner-g{
 background: linear-gradient(to bottom, #bd2e93 0%, #6b0c4e 100%);
  color: #fff;
	border: 1px solid #b3058b;
  font-weight: bold;
  text-align: center;
  padding: 12px 20px !important;
  border-radius: 6px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.4);
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 19px !important;
  min-width: 120px;  /* Evita que los botones se hagan demasiado pequeños */
  width: auto; /* El ancho será controlado por el contenedor de los botones */
}
/* Hover */
.btn-banner:hover {
  background: linear-gradient(to bottom, #a91313 0%, #3a0000 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0,0,0,0.5);
}

.btn-banner-blue:hover {
  background: linear-gradient(to bottom, #00e0ff 0%, #003344 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
}

.btn-banner-g:hover {
   background: linear-gradient(to bottom, #ff56cc 0%, #510b3b 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
}

/* --- Diseño en móviles y tablets --- */
@media (max-width: 1023px) {
    .titulo-combos{
          background: linear-gradient(90deg, #ffcc00, #ffcc00); /* degradado verde esperanza */
  -webkit-background-clip: text;  /* aplica el degradado al texto */
  -webkit-text-fill-color: transparent; /* hace visible solo el         degradado */
  text-shadow: 2px 2px 6px rgba(0,0,0,0.6); /* brillo/fuerza */
  font-size: 42px;
  text-align:center;
  font-weight: bold;
  margin-bottom: 40px;
  padding: 10px 30px;
    }
  .banner-buttons {
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;  /* Espaciado entre los botones */
		padding-bottom:30px;
  }

  .btn-banner,
  .btn-banner-blue,
	.btn-banner-g {
    flex: 1;  /* Los 3 botones se distribuyen proporcionalmente */
    width: auto;  /* Los botones no ocupan un ancho fijo, se ajustan al espacio disponible */
    font-size: 17px;
    padding: 5px 9px;
    min-width: 100px;  /* Evita que los botones se hagan demasiado pequeños */
  }
}

.wp-container-core-cover-is-layout-140165f8 > * + *{
	padding:0;
}

.comparte-mov, .comparte-pc{
  background: linear-gradient(90deg, #ffcc00, #ffcc00); /* degradado verde esperanza */
  -webkit-background-clip: text;  /* aplica el degradado al texto */
  -webkit-text-fill-color: transparent; /* hace visible solo el         degradado */
  text-shadow: 2px 2px 6px rgba(0,0,0,0.6); /* brillo/fuerza */
  font-weight: bold;
  padding: 10px 0px;
}

@media (min-width: 1024px){
    .titulo-productos-pc{
   background: linear-gradient(90deg, #ffcc00, #ffcc00); /* degradado verde esperanza */
  -webkit-background-clip: text;  /* aplica el degradado al texto */
  -webkit-text-fill-color: transparent; /* hace visible solo el         degradado */
  text-shadow: 2px 2px 6px rgba(0,0,0,0.6); /* brillo/fuerza */
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 40px;
  padding: 10px 30px;
}
}

/* Ajuste para pantallas grandes */
@media (min-width: 1024px) {
 
/* Fondo general y título */
.productos {
  padding: 60px 40px;
  text-align: center;
}

.productos h1 {
  font-size: 3rem;
  margin-bottom: 60px;
  font-weight: 800;
  letter-spacing: 1px;
}

/* Contenedor con grid */
.grid-productos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  justify-items: center;
}

/* Tarjeta individual */
.tarjeta-producto {
	background-size: cover; /* la imagen cubre todo el ancho */
	padding-bottom: 18px;
	width:100%;
  max-width: 350px;
	border: 2px solid #e62a2c;
  border-radius: 5px;
	box-shadow: 0 0 20px rgba(255, 0, 0, 0.25);
}

/* Imagen del producto */
.tarjeta-producto img {
  width: 100%;
  height: 200px;
  object-fit: contain;
  margin-bottom: 15px;
}

/* Texto del producto */
.tarjeta-producto h2 {
  font-size: 1.6rem;
  margin-top:0 !important;
  margin-bottom:0 !important;
  font-weight: 700;
}

.peso, .precio {
  font-size: 1.5rem;
	font-weight:600;
  margin: 0 0;
}
.precio{
	margin-bottom:10px;
}
.marca, .categoria{
	font-size:1.0rem;
	font-weight:600;
	margin:4px 0;
}
/* Botón de compra */
.btn-comprar, .btn-todos {
	background: linear-gradient(to bottom, #7c0d0d 0%, #2b0000 100%);
	border:1px solid #e62a2c;
	font-weight:600;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  text-align: center;
	font-size:1.2rem;
	padding: 5px 10px;
	margin-top: 18px;
	cursor: pointer;
}
.categoria{
	margin-bottom:10px;
}
}
