:root{--blue:linear-gradient(#278fdc, #005ca1); --green:#22C55E; --red:#E3392B;--text:#0F172A; --muted:#475569; --ring:#C7D2FE;--radius:14px;}
a:visited {color: #fff;}
.profileAsoc-wrap {max-width:650px; margin:0 auto; padding:0 7px;}

/******Radios idioma******/
#idiomaContainer fieldset {display: grid;min-width: 0;margin-top: 0.5em;padding: 0;justify-content: center;}
#idiomaContainer .toggle {box-sizing: border-box;font-size: 0;display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: stretch;}
#idiomaContainer .toggle input {width: 0;height: 0;position: absolute;left: -9999px;}
#idiomaContainer .toggle input + label {margin: 0;padding: 0.3rem 1rem;box-sizing: border-box;position: relative;display: inline-block;border: solid 1px #DDD;background-color: #FFF;font-size: 0.9rem;line-height: 140%;font-weight: 600;text-align: center;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;cursor: pointer;}
#idiomaContainer .toggle input:checked + label {background-color: #4B9DEA;color: #FFF;box-shadow: 0 0 10px rgba(102, 179, 251, 0.5);border-color: #4B9DEA;z-index: 1;}
#idiomaContainer .toggle input + label:first-of-type {border-radius: 6px 0 0 6px;border-right: none;}
#idiomaContainer .toggle input + label:last-of-type {border-radius: 0 6px 6px 0;border-left: none;}

.hero-image{width: 100%; border-radius: 10px; overflow: hidden;}
.hero-image img{ width:100%; height:100%; object-fit:cover; }

.all-networks{ margin:6px 0 6px; }
.redesAsocHTMLcontainer .redesUl{display:flex; gap:14px; align-items:center; justify-content: center; list-style:none; padding:0; margin:0;}
.redesAsocHTMLcontainer .redesUl li img {display:block;width:85px;border-radius: 20px;}
.redesAsocHTMLcontainer .redesUl li .facebook.onlive img { width: 85px !important;}
.redesAsocHTMLcontainer .redesUl li .facebook img { width: 65px !important;}

.btns-row {text-align: center;margin:15px 0 25px 0;}
.seguirShopper {width: 250px;border: unset;justify-content: center !important;padding: 10px 25px !important;background: #00a2fd !important;font-weight: 500;cursor: pointer;} /*Boton follow*/
#asocProdContentDiv {margin-bottom: 1em;}
.fa-solid.fa-circle {color: #e3392b;width: unset;}
#textProdtitle {display: block;font-weight: bold;}
#textProdtitle2 {font-size: 0.7em;font-weight: 500;}
.btn{display:inline-flex; justify-content:end;padding:14px 16px; border-radius:var(--radius);font-weight:700; font-size:20px; text-decoration:none; color:#fff;transition:transform .05s, box-shadow .2s; box-shadow:0 4px 14px rgba(0,0,0,.08);}
.btn.full{ width:100%; }
.btn:active{ transform:translateY(1px); }
.btn-blue{ background:var(--blue); }
.btn-stack{ display:grid; gap:12px; margin-top:-11px; margin-bottom: 33px;}
.btn-inner {display: grid;gap: 12px;padding: 0 0.5em;}
.btn:hover {opacity: 0.85;text-decoration: unset;}
.agregar-saldo-img {width: 40px;position: relative;top: 2px;right: 10px;}
.textbtn {width: 87%;text-align: left;}
.codigosIcon {width: 9%;position: relative;right: 4px;}
.fa-solid {width: 9%;text-align: left;}
.fa-solid.fa-check, .fa-solid.fa-calculator, .fa-solid.fa-headset, .fa-solid.fa-user {font-size: 1.2em;}
.fa-solid.fa-store  {font-size: 1.2em;position: relative;top: 2px;}
.btn.btn-blue.agregar-saldo {background: #e3392b;}
.fa-solid.fa-cart-shopping {font-size: 1.15em;position: relative;top: 2px;}
.noProdFound {margin-top: 0.5em;}
#noProdFound {border-radius: 20px;}

/* Acordeón */
.accordion{ border:2px solid #3c78d4; border-radius:var(--radius); margin:10px 0; overflow:hidden; background:#fff; }
.accordion-trigger{width:100%; background:linear-gradient(#278fdc, #005ca1); color:#fff; padding:16px;display:flex; align-items:center; justify-content:center;font-weight:700; font-size:20px; border:0; cursor:pointer;}
iframe {border-radius: 12px;}
.accordion-trigger:focus{ outline:3px solid var(--ring); outline-offset:2px; }
.accordion-trigger .textbtn {width: 85%;}
.chevron {width: 17px;height: 17px;background: transparent;text-indent: -9999px;border-top: 4px solid #fff;border-left: 4px solid #fff;transition: all 250ms ease-in-out;text-decoration: none;color: transparent;margin-left: 11px;border-radius: 3px;transform: rotate(-135deg);}
.accordion.open .chevron{ transform:rotate(45deg); }
.accordion-panel{ padding:0 5px 7px 5px; font-size:16px; color:var(--muted);}
.wpb_content_element {margin-top: 10px;margin-bottom: 0;}
#prodImgTitle {margin-top: -25px;}

/*Botones wsp*/
.whatsapp_boton_pc, .whatsapp_boton_cel {width: 100%;text-decoration: unset !important;}
.whatsapp_boton_span {width: 100%;display: flex;justify-content: end;text-align: center;background: linear-gradient(#278fdc, #005ca1);color: #fff;align-items: center;padding: 14px 16px;border-radius: var(--radius);font-weight: 700;font-size: 20px;transition: transform .05s, box-shadow .2s;box-shadow: 0 4px 14px rgba(0, 0, 0, .08)}
.whatsapp_boton_span:hover {opacity: 0.85;}
.fa-brands.fa-whatsapp {width: 9%;text-align: left;font-size: 1.5em;}
@media (min-width: 768px) {.whatsapp_boton_pc{display: inline-flex;}.whatsapp_boton_cel{display: none;}}
@media (max-width: 768px) {.whatsapp_boton_pc{display: none;}.whatsapp_boton_cel{display: inline-flex;}}

/* Buscador productos */
.search-bar-container {text-align: center;}
.search-bar {display: inline-block;position: relative;}
#productSearch {max-width: 330px;width: 330px;height: 45px;padding: 10px 10px;border-radius: 12px;border: 1px solid #bbb;font-size: 15px;text-align: center;margin: 0;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

/*------Clear input buscar------*/
#clearProductSearch {display:none;position: absolute;right: 7px;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;border: solid 2px #999;border-radius: 50%;text-align: center;line-height: 15px;font-size: 15px;font-weight: 400;color: #777;cursor: pointer;user-select: none;transition: background 0.2s;}
#clearProductSearch:hover {border: solid 2px #555;color: #555;}
#clearProductSearch:active {background: #999;}

/*------Productos------*/
#landinAsocContainer {text-align: center;}
#asocProdContent {text-align: center;padding: 0 3px 3px 3px;}
.product {width: 24%;margin-top: 10px;padding: 7px 5px 15px 5px;display: inline-block; vertical-align: top;border: solid 1px #ccc;background: #fff;border-radius: 5px;}
.product:hover {opacity: 0.9;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.productidDiv {font-size: 0.85em;margin-bottom: 3px;}
.descProd {cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom;font-weight: bold;font-size: 0.88em;}
.btnBuy, .btnSold {width: 85%;margin-top: 0.4em;padding: 10px 0;display: inline-block;background: #e4002b;color: #ffffff !important;font-size: 1em;cursor: pointer;border: unset;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;text-transform: uppercase;font-family: system-ui;font-weight: 600;text-decoration: none;}
.btnSold {background: #555;}
.btnBuy:hover, .btnSold:hover {opacity: 0.8;}
.product-image {cursor: pointer;margin: 0 0 5px 0;height: 200px;}
.product-image img {width: 100%;height: 100%;object-fit: contain;object-position: center center;border-radius: 3px;}
.infoProd span {display: block;margin: 5px;}

/*------Popup gallery productos------*/
.popup {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);overflow: auto;place-content: center;}
.popup-content {position: relative;margin: 0 auto;padding: 10px 10px 20px 10px;background-color: #fff;border-radius: 5px;width: 900px;text-align: center;}
.close, .cerrar {position: absolute;top: 10px;right: 10px;font-size: 20px;background: #e4002b;color: #fff;border-radius: 3px;padding: 0px 8px 3px 8px;cursor: pointer;z-index: 9;}
.close:hover, .cerrar:hover {opacity: 0.8;}
#imageWrapper {height: 85vh;width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;background-color: #f1eff0;padding: 0.3em;}
.popup-gallery img {max-width: 100%;max-height: 100%;object-fit: contain;border-radius: 5px;}
.nav-button {background: #f1eff0;color: #000;padding: 5px 10px;cursor: pointer;border: none;border-radius: 3px;position: absolute;top: 40vh;font-size: 1em;}
.nav-button:hover {background-color: #222;color: #fff;}
#prevImage {left: 20px;}
#nextImage {right: 20px;}
.priceQty {display: flex;justify-content: center;font-weight: 400;}
.precProd {font-size: 0.9em;}
.qtyProd {font-size: 0.8em;}
#comprarGalleryBtn .btnBuy {width: 300px;}
.pagination-bullets {display: flex;place-content: center;align-items: center;padding: 0.5em 0;}
.bullet {display: inline-block;width: 10px;height: 10px;margin: 0 5px;background-color: #ccc;border-radius: 50%;cursor: pointer;}
.bullet.active {background-color: #333;}
#popupImage {transition: transform 0.45s ease-in-out;cursor: zoom-in;}
.image-flip-next {transform: rotateY(-90deg);}
.image-flip-prev {transform: rotateY(90deg);}
.popup-gallery {overflow: hidden;}

/*Loading productos por bloque*/
#infiniteLoader {display: none;align-items: center;gap: .6rem;justify-content: center;padding: 12px 0;color: #666;font: 500 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;}
#infiniteLoader.show { display: flex; }
#infiniteLoader .spinner {width: 18px; height: 18px; border-radius: 50%;border: 2px solid #ccc; border-top-color: #3b82f6;animation: spin .9s linear infinite;}
@keyframes spin { to { transform: rotate(360deg); } }
/* Skeletons */
.product.skeleton {background: #f3f3f3; border-radius: 12px; overflow: hidden;}
.skel-img, .skel-text, .skel-btn {position: relative; overflow: hidden; background: #e9e9e9;}
.skel-img { aspect-ratio: 1/1; }
.skel-text { height: 16px; margin: 10px 12px; border-radius: 8px; }
.skel-text.long { width: 80%; }
.skel-text.short { width: 40%; }
.skel-btn { height: 36px; margin: 12px; border-radius: 999px; }
.skeleton .shine::after {content: ''; position: absolute; inset: 0;background: linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent);transform: translateX(-100%); animation: shimmer 1.1s infinite;}
@keyframes shimmer { to { transform: translateX(100%); } }

/*Barra flotante views*/
.barra-flotante {position: fixed;bottom: 0;left: 0;width: 100%;background: linear-gradient(#494949, #000000);color: #fff;text-align: center;font-style: italic;padding: 5px 0 8px 0;font-size: 17px;z-index: 1;box-shadow: 0 -2px 6px rgba(0,0,0,0.3);opacity: 0;animation: fadeInUp 0.8s ease forwards;}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.numero-animado {display: inline-block;animation: bounce 0.5s ease;}
@keyframes bounce {
  0% { transform: scale(1); }
  30% { transform: scale(1.25); }
  60% { transform: scale(0.9); }
  100% { transform: scale(1); }
}

/*Response*/
@media (max-width: 926px) {.popup-content {width: 870px;}}
@media (max-width: 885px) {.popup-content {width: 840px;}}
@media (max-width: 855px) {.popup-content {width: 810px;}}
@media (max-width: 820px) {.popup-content {width: 780px;}}
@media (max-width: 790px) {.popup-content {width: 750px;}}
@media (max-width: 768px) {.popup-content {width: 720px;}.product {width: 32%;}}
@media (max-width: 735px) {.popup-content {width: 690px;}}
@media (max-width: 715px) {.popup-content {width: 660px;}}
@media (max-width: 675px) {.popup-content {width: 640px;}}
@media (max-width: 670px) {.popup-content {width: 620px;}}
@media (max-width: 645px) {.popup-content {width: 620px;}}
@media (max-width: 630px) {.popup-content {width: 600px;}}
@media (max-width: 620px) {.popup-content {width: 580px;}}
@media (max-width: 595px) {.popup-content {width: 560px;}}
@media (max-width: 560px) {.popup-content {width: 540px;}}
@media (max-width: 540px) {.popup-content {width: 520px;}}
@media (max-width: 520px) {.popup-content {width: 500px;}}
@media (max-width: 500px) {.popup-content {width: 480px;}.product {width: 49%;}}
@media (max-width: 480px) {.popup-content {width: 460px;}}
@media (max-width: 460px) {.popup-content {width: 440px;}}
@media (max-width: 430px) {.popup-content {width: 420px;}}
@media (max-width: 420px) {.popup-content {width: 410px;}}
@media (max-width: 410px) {
	.popup-content {width: 400px;}
	.seguirShopper_span {display: block;width: 100%;}
	.seguirShopper {margin-top: 8px;}
}
@media (max-width: 400px) {.popup-content {width: 390px;}}
@media (max-width: 390px) {.popup-content {width: 380px;}}
@media (max-width: 380px) {.popup-content {width: 360px;}}
@media (max-width: 360px) {.popup-content {width: 340px;}}
@media (max-width: 340px) {.popup-content {width: 320px;}}
@media (max-width: 320px) {.popup-content {width: 300px;}}