/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* ============================================================
   CMS Pages — portado de themes/ds/css/cms.css (PS 1.6)
   ============================================================ */

span.acredit { color: #288D28; font-size: 12px; font-weight:600; }
.panel-body { padding: 15px 15px 5px 15px; }

#cms p.pl { padding: 4px 15px; }

#cms #center_column p {
  line-height: 18px;
}

/* FAQ / jumbotron list */
#faq ul.list_benef { padding-left: 35px; list-style: none; line-height: 25px; }
#faq ul.list_benef li i { font-size: 14px; color: #ECA626; font-weight: bold; margin-right: 10px; }
#faq .panel-body { padding: 15px 25px; }
#faq .panel-body a:not(.button) { display: inline; color:#5A9C5A; text-decoration: underline; font-size:13px; }
#faq .panel-body a:not(.button):hover { color:#4D4D4D; }

/* ============================================================
   Medios de Pago — sprite paymentmethod-* (PS 1.6 cms.css port)
   Sprite local: /tienda/themes/ds/assets/img/payment-methods-large.png
   Sprite CDN (default/small):
     https://http2.mlstatic.com/secure/org-img/ui/payment-methods/1.6.9/ar/payment-methods-default.png
   ============================================================ */

[class*='paymentmethod'] {
  background-repeat: no-repeat;
  display: inline-block;
  margin: 2px;
  overflow: hidden;
  text-indent: 100%;
  vertical-align: middle;
  white-space: nowrap;
}

/* Default (small) sprite — CDN */
[class*='paymentmethod'] { background-image: url('https://http2.mlstatic.com/secure/org-img/ui/payment-methods/1.6.9/ar/payment-methods-default.png'); }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  [class*='paymentmethod'] {
    background-image: url('https://http2.mlstatic.com/secure/org-img/ui/payment-methods/1.6.9/ar/payment-methods-default@2x.png');
    background-size: 72px 1316px;
  }
}

/* Default sprite positions */
.paymentmethod-account_money  { background-position: 0    0px;    height: 20px; width:  72px; }
.paymentmethod-visa            { background-position: 0  -49px;   height: 16px; width:  39px; }
.paymentmethod-debvisa         { background-position: 0 -1248px;  height: 16px; width:  58px; }
.paymentmethod-master          { background-position: 0 -100px;   height: 26px; width:  29px; }
.paymentmethod-debmaster       { background-position: 0 -1148px;  height: 26px; width:  49px; }
.paymentmethod-amex            { background-position: 0 -150px;   height: 17px; width:  17px; }
.paymentmethod-diners          { background-position: 0 -200px;   height: 16px; width:  62px; }
.paymentmethod-naranja         { background-position: 0 -300px;   height: 18px; width:  16px; }
.paymentmethod-nativa          { background-position: 0 -350px;   height: 15px; width:  36px; }
.paymentmethod-tarshop         { background-position: 0 -400px;   height: 16px; width:  27px; }
.paymentmethod-cencosud        { background-position: 0 -450px;   height: 17px; width:  26px; }
.paymentmethod-cabal           { background-position: 0 -500px;   height: 17px; width:  17px; }
.paymentmethod-debcabal        { background-position: 0 -1298px;  height: 17px; width:  17px; }
.paymentmethod-argencard       { background-position: 0 -550px;   height: 18px; width:  17px; }
.paymentmethod-pagofacil       { background-position: 0 -600px;   height: 20px; width:  19px; }
.paymentmethod-rapipago        { background-position: 0 -650px;   height: 11px; width:  56px; }
.paymentmethod-redlink         { background-position: 0 -700px;   height: 20px; width:  19px; }
.paymentmethod-banelco         { background-position: 0 -750px;   height: 16px; width:  46px; }
.paymentmethod-bapropagos      { background-position: 0 -800px;   height: 16px; width:  51px; }
.paymentmethod-cargavirtual    { background-position: 0 -849px;   height: 20px; width:  20px; }
.paymentmethod-cordial         { background-position: 0 -900px;   height: 15px; width:  39px; }
.paymentmethod-cmr             { background-position: 0 -949px;   height: 19px; width:  26px; }
.paymentmethod-cordobesa       { background-position: 0 -998px;   height:  9px; width:  40px; }
.paymentmethod-mercadopago_cc  { background-position: 0 -1049px;  height: 19px; width:  30px; }
.paymentmethod-consumer_credits { background-position: 0 -1097px; height: 20px; width:  74px; }
.paymentmethod-maestro         { background-position: 0 -1197px;  height: 25px; width:  30px; }

/* Large sprite — local file (overrides CDN for .paymentmethod-large) */
.paymentmethod-large {
  background-image: url('/tienda/themes/ds/assets/img/payment-methods-large.png');
  margin: 5px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .paymentmethod-large {
    background-image: url('https://http2.mlstatic.com/secure/org-img/ui/payment-methods/1.6.9/ar/payment-methods-large@2x.png');
    background-size: 116px 1328px;
  }
}

/* Large sprite positions */
.paymentmethod-account_money.paymentmethod-large  { background-position: 0    0px;   height: 31px; width: 116px; }
.paymentmethod-visa.paymentmethod-large            { background-position: 0  -49px;   height: 21px; width:  63px; }
.paymentmethod-debvisa.paymentmethod-large         { background-position: 0 -1249px;  height: 21px; width:  92px; }
.paymentmethod-master.paymentmethod-large          { background-position: 0 -100px;   height: 36px; width:  46px; }
.paymentmethod-debmaster.paymentmethod-large       { background-position: 0 -1149px;  height: 36px; width:  75px; }
.paymentmethod-amex.paymentmethod-large            { background-position: 0 -150px;   height: 27px; width:  26px; }
.paymentmethod-diners.paymentmethod-large          { background-position: 0 -200px;   height: 26px; width:  96px; }
.paymentmethod-naranja.paymentmethod-large         { background-position: 0 -300px;   height: 30px; width:  25px; }
.paymentmethod-nativa.paymentmethod-large          { background-position: 0 -350px;   height: 27px; width:  58px; }
.paymentmethod-tarshop.paymentmethod-large         { background-position: 0 -400px;   height: 27px; width:  42px; }
.paymentmethod-cencosud.paymentmethod-large        { background-position: 0 -450px;   height: 27px; width:  41px; }
.paymentmethod-cabal.paymentmethod-large           { background-position: 0 -500px;   height: 28px; width:  27px; }
.paymentmethod-debcabal.paymentmethod-large        { background-position: 0 -1300px;  height: 28px; width:  27px; }
.paymentmethod-argencard.paymentmethod-large       { background-position: 0 -550px;   height: 28px; width:  28px; }
.paymentmethod-pagofacil.paymentmethod-large       { background-position: 0 -600px;   height: 31px; width:  31px; }
.paymentmethod-rapipago.paymentmethod-large        { background-position: 0 -650px;   height: 16px; width:  86px; }
.paymentmethod-redlink.paymentmethod-large         { background-position: 0 -700px;   height: 31px; width:  31px; }
.paymentmethod-banelco.paymentmethod-large         { background-position: 0 -750px;   height: 25px; width:  74px; }
.paymentmethod-bapropagos.paymentmethod-large      { background-position: 0 -800px;   height: 26px; width:  82px; }
.paymentmethod-cargavirtual.paymentmethod-large    { background-position: 0 -849px;   height: 33px; width:  32px; }
.paymentmethod-cordial.paymentmethod-large         { background-position: 0 -900px;   height: 23px; width:  63px; }
.paymentmethod-cmr.paymentmethod-large             { background-position: 0 -949px;   height: 31px; width:  42px; }
.paymentmethod-cordobesa.paymentmethod-large       { background-position: 0 -998px;   height: 25px; width:  64px; }
.paymentmethod-mercadopago_cc.paymentmethod-large  { background-position: 0 -1049px;  height: 26px; width:  38px; }
.paymentmethod-consumer_credits.paymentmethod-large { background-position: 0 -1098px; height: 31px; width: 116px; }
.paymentmethod-maestro.paymentmethod-large         { background-position: 0 -1199px;  height: 37px; width:  44px; }

/* ============================================================
   DS Topbar — Phase 3 port (franja marketing superior)
   ============================================================ */

.ds-topbar {
  background-color: #148d00;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  padding: 6px 0;
  text-align: center;
}

.ds-topbar a {
  color: #fff;
  text-decoration: none;
}

.ds-topbar a:hover {
  text-decoration: underline;
  color: #e0ffe0;
}

.ds-topbar-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 8px;
}

.ds-topbar-icon {
  vertical-align: middle;
  margin-right: 3px;
  position: relative;
  top: -1px;
}

.ds-topbar-sep {
  opacity: 0.5;
  padding: 0 4px;
}

.ds-topbar-distributor {
  font-style: italic;
  opacity: 0.9;
}

@media (max-width: 767px) {
  .ds-topbar-sep.hidden-xs,
  .ds-topbar-contact.hidden-xs {
    display: none !important;
  }
}

/* =====================================================================
   PS 1.6 Leo Styles → Anvanto Ecco Bella port — Plan 08 P2
   Fuentes: themes/ds/css/cms.css, global.css, contact-form.css (PS 1.6)
   EXCLUIDOS: reglas Leo framework, Bootstrap 2/3 base, nav/megamenu,
              producto listing, checkout, reset rules.
   ===================================================================== */

/* ─── CMS: block-cms bullets ─────────────────────────────────────── */
.block-cms ul.bullet li a.list-group-item {
  padding: 10px 15px;
  margin-bottom: 4px !important;
}
.block-cms ul.bullet li a.list-group-item:before {
  font-family: "FontAwesome";
  font-size: 19px;
  color: #167EC8;
  display: block;
  float: left;
  content: "\f05a";
  margin: 0 15px 0 10px;
}

/* ─── CMS: #center_column estructural ────────────────────────────── */
#cms #center_column .block-cms { padding-bottom: 20px; }
#cms #center_column h3 { font-size: 16px; border-bottom: none; margin: 0; padding: 0 0 17px 0; }
#cms #center_column img { margin: 4px 0 17px; max-width: 100%; height: auto; }

/* ─── CMS: lista de ítems con color verde (.list-1) ──────────────── */
#cms #center_column .list-1 li {
  padding: 4px 0 6px 0;
  font-weight: bold;
  color: #46a74e;
  border-top: 1px solid #ebeef2;
}
#cms #center_column .list-1 li:first-child { border: none; }
#cms #center_column .list-1 li em {
  font-size: 20px;
  line-height: 20px;
  padding-right: 15px;
  vertical-align: -2px;
}

/* ─── CMS: bloque de testimonials ────────────────────────────────── */
#cms #center_column .testimonials {
  border: 1px solid;
  border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0;
  margin: 4px 0 13px 0;
  position: relative;
}
#cms #center_column .testimonials .inner {
  border: 1px solid white;
  padding: 19px 18px 11px 18px;
  background: #fbfbfb;
  background: linear-gradient(to bottom, #fbfbfb 0%, #fefefe 100%);
}
#cms #center_column .testimonials + p {
  padding-left: 45px;
  margin-bottom: 18px;
}
#cms #center_column p.bottom-indent { margin-bottom: 18px; }

/* ─── CMS: promos (página Medios de Pago / cuotas) ───────────────── */
ul.promos { list-style-type: none; padding-left: 0; }
ul.promos li {
  font-family: "Open Sans", sans-serif;
  cursor: default;
  height: 182px;
  line-height: 21px;
  padding: 8px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #E1E1E1;
}
.promot { font-size: 17px; font-weight: 700; color: #211f1e; }
.promot > span { color: #FF0000; font-weight: bold; }
.promom { font-size: 12px; color: #797979; padding-top: 5px; }
.promom b { font-weight: 600; color: #565656; }
.condpr { padding: 0 10px; }
.condipr {
  font-size: 12px;
  font-weight: 400;
  color: #505050;
  border-bottom: 1px solid #D0D0D0;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.ppad { padding: 5px 15px; }

/* ─── CMS: icono de envíos y categoría h2 ────────────────────────── */
i.enviosicon { font-size: 31px; color: #64940C; margin-top: 7px; }
.iconocaenvios { margin: 0 0 10px 22px; }
h2.h2cmscat { font-size: 14px; line-height: 20px; }

/* ─── CMS: plazo de entregas bullet ─────────────────────────────── */
#plazosentrega p i { font-size: 8px; color: #7BBB7B; margin: 5px 8px 0 0; display: block; float: left; }

/* ─── CMS: prodibp (descripción larga de producto en CMS) ────────── */
.prodibp .pl { line-height: 22px !important; font-size: 14px; margin-bottom: 15px; }
.prodibp h2 { padding: 13px 20px; font-size: 15px; }
.prodibp ul.list_benef { padding-left: 35px; list-style: none; line-height: 25px; }
.prodibp ul.list_benef li { margin-bottom: 12px; font-size: 14px; }
.prodibp ul.list_benef li:before {
  margin-right: 10px;
  content: "\f00c";
  font-family: "FontAwesome";
  font-size: 14px;
  color: #ECA626;
  font-weight: bold;
}

/* ─── CMS: #faq panel heading bullets ───────────────────────────── */
#faq .panel-heading h4 a:before {
  font-family: "FontAwesome";
  font-size: 8px;
  color: #7BBB7B;
  display: block;
  float: left;
  content: "\f111";
  margin: 5px 0 0 3px;
}
#faq .panel-heading h4 a { font-size: 13px; font-weight: 600; padding-left: 13px; }
#faq .panel-heading h4 a i { color: #369036; }

/* ─── Utilidades de layout CMS ───────────────────────────────────── */
.boxBrand { font-size: 13px; color: #484848; padding-bottom: 10px; max-width: 350px; }
.boxBrand_B { padding: 0 10px 0 20px; line-height: 20px; }
.boxBrand_B > div { padding-bottom: 4px; line-height: 20px; }
.cursp { color: #909090; font-size: 12px; margin-top: 6px; }

/* ─── Imagen geográfica (geo-offer banners) ───────────────────────── */
.imggeo { vertical-align: middle; height: 30px; width: 30px; margin-left: 5px; margin-right: 10px; }
@media (max-width: 767px) {
  .imggeo { margin-left: 0; }
}

/* ─── Footer: banner informativo (envíos gratis, etc.) ───────────── */
#footer .banner {
  border-top: 1px solid #c5c5c5;
  padding: 12px 10px;
  background: #fbf4c1;
}
#footer .banner .ban2 { margin-top: 4px; font-size: 15px; }
#footer .banner .ban3 { margin-top: 2px; }
#footer .banner .row { margin: 0; text-align: center; }
#footer .banner .row b { color: #005E00; }

/* ─── Footer: footerblock (columnas de links) ────────────────────── */
.footerblock { border-right: 1px solid #DEDEDE; padding: 15px 15px 25px 35px; }
.footerblock:last-child { border-right: none; }
#footer .accordion-group a,
.footerblock a { color: #4D4D4D; font-size: 13px; }
#footer .footerblock a.btn-social-icon { color: #fff; }
.footerblock h5 {
  font-size: 15px;
  text-transform: none;
  padding: 6px 0 5px 0;
  font-weight: 600;
  text-shadow: #fff 1px 1px 2px;
}
.footerblock h5 i { margin: 1px 10px 0 0; color: #477C47; display: block; float: left; }
#footer .accordion-group ul,
.footerblock ul { padding-left: 12px; }
#footer .accordion-group ul li,
.footerblock ul li { padding-bottom: 6px; }
#footer .accordion-group ul li a:before,
.footerblock ul li a:before {
  content: "\f105";
  font-family: "FontAwesome";
  padding-right: 7px;
  color: #BFBFBF;
}

/* ─── Footer: accordion links ────────────────────────────────────── */
.accordion-heading {
  border-bottom: 1px dotted #ABABAB;
  padding: 10px 5px;
  font-size: 15px;
  text-transform: none;
  font-weight: 600;
  text-shadow: #fff 1px 1px 2px;
  color: #1A1A1A;
}
.bbn { border-bottom: none; }
.accordion-group { border: none; }
.accordion-group b { margin: 6px 3px; font-size: 14px; }
.accordion-group a:hover { text-decoration: none; }
.accordion-inner { border-top: none; padding: 10px 0 0 15px; }
.accordion-toggle i { margin-top: 3px; float: right; opacity: 0.5; }
.accordion-toggle:hover i { opacity: 1; }

/* ─── Footer: copyright bar ──────────────────────────────────────── */
.footer-copyright {
  background: #E1E1E1;
  border-top: 1px solid #D6D6D6;
  padding: 14px 0;
  font-size: 12px;
  text-shadow: #EBEBEB 1px 1px 1px;
  color: #7B7B7B;
}
.footer-copyright a { color: #7B7B7B; font-size: 12px; }
.footer-copyright nav { float: right; }
.footer-copyright nav ul { list-style: none; margin: 0; padding: 0; }
.footer-copyright nav ul li {
  border-left: 1px solid #C2C2C2;
  display: inline-block;
  line-height: 12px;
  margin: 0;
  padding: 0 8px;
}
.footer-copyright nav ul li:first-child { border: none; padding-left: 0; }
.footer-copyright p { color: #555; margin: 0; padding: 0; }

/* ─── Formulario de contacto ─────────────────────────────────────── */
.contact-title { margin: -5px 0 27px 0; line-height: 23px; }
.contact-title i { font-size: 23px; color: #c0c0c0; padding: 0 8px 0 0; }
.contact-form-box {
  margin: 0 0 30px 0;
  box-shadow: rgba(0, 0, 0, 0.17) 0px 5px 13px;
  border-top: 1px solid #EDEDED;
}
.contact-form-box fieldset { padding: 0 19px 21px 19px; }
.contact-form-box label { margin: 0 0 6px 0; }
.contact-form-box .page-subheading {
  padding-left: 0;
  border: none;
  margin-bottom: 0;
  text-transform: none;
  color: #8A8A8A;
  font-size: 16px;
  font-weight: 600;
}
.contact-form-box .col-md-3 { padding-left: 0; }
.contact-form-box .col-md-9 { padding-right: 0; }
.contact-form-box #desc_contact0 { display: none; }
.contact-form-box .form-group { margin-bottom: 7px; }
.contact-form-box textarea { height: 257px; }
.contact-form-box .submit { margin-top: 13px; }
.contact-form-box select.form-control { max-width: 270px; width: 100%; }
.contact-form-box input.form-control { max-width: 270px; }
.contact-form-box .submit span i { font-size: 14px; }

/* ─── Newsletter responsive (mobile) ─────────────────────────────── */
@media (max-width: 768px) {
  div.newsletter p { padding: 10px 15px !important; text-align: center !important; }
  div.newsletter form { margin-top: 0 !important; text-align: center; }
  div.newsletter form input { margin: auto 25px; max-width: 90%; }
  div.newsletter form button { margin: 12px auto; }
}

/* ─── Banks / issuers sprite (página Medios de Pago) ─────────────── */
[class*="issuer-"] {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  background-image: url('/tienda/themes/ds/assets/img/banks_new.png');
  background-repeat: no-repeat;
  background-position: 0 80px;
  margin: 10px auto;
}
.issuer-1{background-position:0 -405px;height:28px;width:90px;text-indent:-99999px}.issuer-100000{background-position:0 -583px;height:32px;width:124px;text-indent:-99999px}.issuer-10002{background-position:0 -649px;height:34px;width:119px;text-indent:-99999px}.issuer-10004{background-position:0 -2536px;height:62px;width:150px;text-indent:-99999px}.issuer-10005{background-position:0 -68px;height:20px;width:151px;text-indent:-99999px}.issuer-1005{background-position:0 -246px;height:24px;width:128px;text-indent:-99999px}.issuer-1006{background-position:0 -1940px;height:45px;width:123px;text-indent:-99999px}.issuer-1007{background-position:0 -1633px;height:43px;width:101px;text-indent:-99999px}.issuer-1008{background-position:0 -2122px;height:48px;width:48px;text-indent:-99999px}.issuer-1009{background-position:0 -51px;height:17px;width:140px;text-indent:-99999px}.issuer-1010{background-position:0 -2316px;height:50px;width:121px;text-indent:-99999px}.issuer-1011{background-position:0 -130px;height:22px;width:120px;text-indent:-99999px}.issuer-1012{background-position:0 -718px;height:35px;width:106px;text-indent:-99999px}.issuer-1013{background-position:0 -1381px;height:41px;width:64px;text-indent:-99999px}.issuer-1014{background-position:0 -377px;height:28px;width:141px;text-indent:-99999px}.issuer-1015{background-position:0 -966px;height:37px;width:110px;text-indent:-99999px}.issuer-1016{background-position:0 -109px;height:21px;width:136px;text-indent:-99999px}.issuer-1025{background-position:0 -433px;height:29px;width:151px;text-indent:-99999px}.issuer-1026{background-position:0 -2076px;height:46px;width:106px;text-indent:-99999px}.issuer-1027{background-position:0 -823px;height:35px;width:106px;text-indent:-99999px}.issuer-1028{background-position:0 -683px;height:35px;width:129px;text-indent:-99999px}.issuer-1040{background-position:0 -1040px;height:37px;width:148px;text-indent:-99999px}.issuer-1041{background-position:0 -1302px;height:39px;width:120px;text-indent:-99999px}.issuer-1043{background-position:0 -1151px;height:37px;width:108px;text-indent:-99999px}.issuer-1044{background-position:0 -1720px;height:44px;width:114px;text-indent:-99999px}.issuer-1049{background-position:0 0;height:17px;width:150px;text-indent:-99999px}.issuer-1062{background-position:0 -1264px;height:38px;width:61px;text-indent:-99999px}.issuer-1064{background-position:0 -2030px;height:46px;width:71px;text-indent:-99999px}.issuer-1065{background-position:0 -295px;height:26px;width:129px;text-indent:-99999px}.issuer-1073{background-position:0 -2366px;height:56px;width:85px;text-indent:-99999px}.issuer-1078{background-position:0 -2218px;height:48px;width:75px;text-indent:-99999px}.issuer-1082{background-position:0 -1852px;height:44px;width:56px;text-indent:-99999px}.issuer-1083{background-position:0 -17px;height:17px;width:84px;text-indent:-99999px}.issuer-1084{background-position:0 -222px;height:24px;width:69px;text-indent:-99999px}.issuer-1085{background-position:0 -521px;height:31px;width:116px;text-indent:-99999px}.issuer-1086{background-position:0 -1676px;height:44px;width:58px;text-indent:-99999px}.issuer-1087{background-position:0 -198px;height:24px;width:135px;text-indent:-99999px}.issuer-12350{background-position:0 -491px;height:30px;width:177px;text-indent:-99999px}.issuer-12355{background-position:0 -1226px;height:38px;width:135px;text-indent:-99999px}.issuer-12366{background-position:0 -2664px;height:70px;width:70px;text-indent:-99999px}.issuer-168{background-position:0 -349px;height:28px;width:90px;text-indent:-99999px}.issuer-169{background-position:0 -1590px;height:43px;width:45px;text-indent:-99999px}.issuer-2{background-position:0 -1547px;height:43px;width:45px;text-indent:-99999px}.issuer-200{background-position:0 -1808px;height:44px;width:56px;text-indent:-99999px}.issuer-2033{background-position:0 -858px;height:36px;width:130px;text-indent:-99999px}.issuer-2034{background-position:0 -615px;height:34px;width:139px;text-indent:-99999px}.issuer-2035{background-position:0 -1505px;height:42px;width:113px;text-indent:-99999px}.issuer-2040{background-position:0 -1188px;height:38px;width:150px;text-indent:-99999px}.issuer-272{background-position:0 -321px;height:28px;width:141px;text-indent:-99999px}.issuer-279{background-position:0 -930px;height:36px;width:130px;text-indent:-99999px}.issuer-282{background-position:0 -462px;height:29px;width:151px;text-indent:-99999px}.issuer-284{background-position:0 -1764px;height:44px;width:114px;text-indent:-99999px}.issuer-286{background-position:0 -1341px;height:40px;width:146px;text-indent:-99999px}.issuer-287{background-position:0 -174px;height:24px;width:139px;text-indent:-99999px}.issuer-288{background-position:0 -2598px;height:66px;width:80px;text-indent:-99999px}.issuer-294{background-position:0 -1985px;height:45px;width:123px;text-indent:-99999px}.issuer-296{background-position:0 -2170px;height:48px;width:48px;text-indent:-99999px}.issuer-297{background-position:0 -552px;height:31px;width:130px;text-indent:-99999px}.issuer-3{background-position:0 -1896px;height:44px;width:56px;text-indent:-99999px}.issuer-303{background-position:0 -34px;height:17px;width:140px;text-indent:-99999px}.issuer-310{background-position:0 -894px;height:36px;width:123px;text-indent:-99999px}.issuer-313{background-position:0 -2266px;height:50px;width:121px;text-indent:-99999px}.issuer-316{background-position:0 -88px;height:21px;width:142px;text-indent:-99999px}.issuer-319{background-position:0 -1422px;height:41px;width:64px;text-indent:-99999px}.issuer-326{background-position:0 -152px;height:22px;width:120px;text-indent:-99999px}.issuer-331{background-position:0 -1463px;height:42px;width:88px;text-indent:-99999px}.issuer-333{background-position:0 -270px;height:25px;width:150px;text-indent:-99999px}.issuer-338{background-position:0 -788px;height:35px;width:106px;text-indent:-99999px}.issuer-4{background-position:0 -2478px;height:58px;width:57px;text-indent:-99999px}.issuer-5{background-position:0 -2734px;height:82px;width:64px;text-indent:-99999px}.issuer-683{background-position:0 -753px;height:35px;width:129px;text-indent:-99999px}.issuer-688{background-position:0 -1114px;height:37px;width:110px;text-indent:-99999px}.issuer-690{background-position:0 -1003px;height:37px;width:57px;text-indent:-99999px}.issuer-691{background-position:0 -1077px;height:37px;width:58px;text-indent:-99999px}.issuer-692{background-position:0 -2422px;height:56px;width:82px;text-indent:-99999px}

/* ─── Colores de marca (utilidades) ──────────────────────────────── */
.ds-brand-green { color: #148d00; }
.ds-brand-green-mid { color: #46a74e; }
.bg-ds-brand-green { background-color: #148d00; }
.bg-ds-brand-green-light { background-color: #e8f5e9; }
.text-ds-accent { color: #ECA626; }

/* ============= Fin port PS 1.6 Leo Styles (Plan 08 P2) ============= */

/* ==================== DS Footer Customizations (Plan 08b P8) ==================== */

/* --- Testimonials section --- */
.ds-testimonials {
  padding: 50px 0 40px;
  background: #fff;
  border-top: 1px solid #e8e8e8;
}

.ds-testimonials-title {
  text-align: center;
  margin-bottom: 35px;
  color: #222;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
}

.ds-testimonials-title strong {
  color: #6fb352;
  font-weight: 700;
}

.ds-testimonial {
  background: #f9f9f9;
  padding: 24px 26px 20px;
  margin-bottom: 20px;
  border-radius: 6px;
  border: 1px solid #eee;
  min-height: 150px;
  font-size: 14px;
  position: relative;
}

/* Comilla decorativa discreta */
.ds-testimonial::before {
  content: '\201C';
  font-size: 52px;
  color: #d9edd9;
  line-height: 1;
  position: absolute;
  top: 10px;
  left: 18px;
  font-family: Georgia, serif;
}

.ds-testimonial p {
  font-style: normal;
  color: #444;
  line-height: 1.65;
  margin-bottom: 12px;
  padding-left: 28px;
}

.ds-testimonial footer {
  color: #333;
  font-weight: 600;
  font-size: 13px;
  background: transparent;
  padding: 0 0 0 28px;
}

.ds-testimonial footer cite {
  color: #888;
  font-weight: 400;
  font-style: normal;
}

/* --- Footer links section --- */
.ds-footer-links {
  padding: 35px 0 20px;
  background: #2d2d2d;
  color: #ccc;
  border-top: 1px solid #444;
}

.ds-footerblock h5 {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  margin-top: 20px;
  border-bottom: 1px solid #444;
  padding-bottom: 6px;
}

.ds-footerblock h5:first-child {
  margin-top: 0;
}

.ds-footerblock ul {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
}

.ds-footerblock ul li {
  padding: 3px 0;
}

.ds-footerblock ul li a {
  color: #bbb;
  font-size: 13px;
  text-decoration: none;
  transition: color 0.2s;
}

.ds-footerblock ul li a:hover {
  color: #148d00;
  text-decoration: none;
}

.ds-cert-text {
  font-size: 13px;
  color: #bbb;
  line-height: 1.5;
}

/* --- Social links in footer --- */
.ds-social-list {
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0;
}

.ds-social-list li {
  margin-bottom: 8px;
}

.ds-social-link {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 3px;
  color: #fff !important;
  font-size: 13px;
  text-decoration: none !important;
  transition: opacity 0.2s;
}

.ds-social-link:hover {
  opacity: 0.85;
}

.ds-social-fb { background: #3b5998; }
.ds-social-yt { background: #cc0000; }

/* --- Custom copyright bar --- */
.ds-footer-copyright-custom {
  background: #222;
  color: #999;
  font-size: 12px;
  padding: 14px 0;
  border-top: 1px solid #444;
}

.ds-footer-copyright-custom strong {
  color: #ccc;
}

.ds-footer-copyright-custom em {
  color: #aaa;
}

.ds-footer-subnav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: right;
}

.ds-footer-subnav ul li {
  display: inline-block;
  margin-left: 12px;
}

.ds-footer-subnav ul li a {
  color: #888;
  font-size: 12px;
  text-decoration: none;
}

.ds-footer-subnav ul li a:hover {
  color: #148d00;
}

/* Trust badges dentro del copyright bar */
.ds-footer-badges {
  text-align: right;
}
.ds-footer-badges .an_trust_badges-container {
  background: transparent !important;
  padding: 0 !important;
}
.ds-footer-badges .an_trust_badges-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.ds-footer-badges .an_trust_badges-list li {
  margin: 0;
}
.ds-footer-badges .an_trust_badges-svg svg,
.ds-footer-badges .an_trust_badges-svg img {
  height: 28px;
  width: auto;
  opacity: 0.7;
  filter: brightness(2);
}
@media (max-width: 767px) {
  .ds-footer-badges {
    text-align: left;
    margin-top: 10px;
  }
  .ds-footer-badges .an_trust_badges-list {
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .ds-footer-subnav ul {
    text-align: left;
    margin-top: 10px;
  }
  .ds-footer-subnav ul li {
    display: block;
    margin-left: 0;
    margin-bottom: 4px;
  }
  .ds-testimonial {
    min-height: auto;
  }
}

/* ==================== Fin DS Footer Customizations (Plan 08b P8) ==================== */

/* ==================== DS Geographic CMS Pages ==================== */

/* .list_benef: usado en secciones geográficas fuera de #faq y .prodibp */
.ds-geographic-content ul.list_benef {
  padding-left: 20px;
  list-style: none;
  line-height: 28px;
}
.ds-geographic-content ul.list_benef li {
  margin-bottom: 8px;
  font-size: 14px;
}
.ds-geographic-content ul.list_benef li i.fa {
  color: #148d00;
  font-size: 14px;
  margin-right: 8px;
  font-weight: bold;
}

/* Jumbotrons en páginas geográficas CMS */
.ds-geographic-content .jumbotron {
  padding: 20px 25px;
  font-size: 14px;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  margin-bottom: 20px;
}
.ds-geographic-content .jumbotron h2 {
  font-size: 15px;
  font-weight: 600;
  padding: 0 0 13px 0;
  margin-top: 0;
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 12px;
}

/* Alerta CABA delivery */
.ds-caba-delivery {
  margin-top: 20px;
}
.ds-caba-delivery h4 {
  font-size: 15px;
  font-weight: 600;
}

/* ==================== Fin DS Geographic CMS Pages ==================== */

/* ==================== DS Product Payment Panels — rediseño moderno ==================== */
/* Paneles de pago y envío en ficha de producto. Diseño limpio: borde-izq verde, fondo
   claro en header, texto sin bold agresivo. Reemplaza diseño original con header oscuro. */
.ds-product-payment-panels {
  margin-top: 24px;
  margin-bottom: 0;
}
.ds-ppanel {
  border: 1px solid #eaeaea;
  border-left: 3px solid #6fb352;
  border-radius: 0 6px 6px 0;
  margin-bottom: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.ds-ppanel__header {
  background: #f8f9fa;
  color: #2d2d2d;
  padding: 11px 16px;
  font-size: 13px;
  font-weight: 500;
  border-bottom: 1px solid #eaeaea;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ds-ppanel__header .fa {
  color: #6fb352;
  font-size: 15px;
  flex-shrink: 0;
}
.ds-ppanel__header strong {
  font-weight: 600;
  color: #2d2d2d;
}
.ds-ppanel__body {
  padding: 13px 16px;
  background: #fff;
}
.ds-ppanel__body img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 3px;
}
.ds-ppanel__body p {
  margin: 0 0 6px;
  font-size: 13px;
  line-height: 1.55;
  color: #444;
  font-weight: 400;
}
.ds-ppanel__body p strong {
  font-weight: 600;
  color: #222;
}
.ds-ppanel__link,
.ds-ppanel__more {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  color: #6fb352;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.15s;
}
.ds-ppanel__link:hover,
.ds-ppanel__more:hover {
  color: #5a7a37;
}
.ds-ppanel__link .fa,
.ds-ppanel__more .fa {
  margin-right: 4px;
}
/* ==================== Fin DS Product Payment Panels ==================== */

/* ================================================================
   DS — Correcciones Tipográficas y UI (PS8 Migration Polish)
   Overrides del CSS generado por an_theme (antheme-*.css).
   custom.css carga después, por lo que estos valores ganan en cascade.
   ================================================================ */

/* ── 1. Font weight: 300 (Light) → 400 (Regular) ─────────────────
   El CSS generado del tema tiene "body, p { font-weight: 300 }"
   lo que hace que TODO el texto del sitio se vea muy fino/delgado.
   Con 400 se ve sólido y profesional. */
body,
p {
  font-weight: 400;
}

/* ── 2. Pesos semánticos en elementos clave ───────────────────── */

/* Navegación — un poco más de peso da presencia */
#_desktop_top_menu a,
#_desktop_top_menu .amenu-link,
#amegamenu .amenu-link,
.header-top a,
.header-nav a {
  font-weight: 500;
}

/* Precios — semibold para números, que se lean de un vistazo */
.product-price,
.product-price-and-shipping .product-price,
.price,
.current-price,
.new-price,
.cart-preview .product-infos .product-price {
  font-weight: 600;
}

/* Nombres de producto en tarjetas — quitar capitalize de theme.css */
#products .product-title,
.featured-products .product-title,
.product-accessories .product-title,
.product-miniature .product-title {
  text-transform: none;
}
#products .product-title a,
.featured-products .product-title a,
.product-accessories .product-title a,
.product-miniature .product-title a {
  font-weight: 400;
}

/* Tabs de producto — labels más legibles */
.tabs .nav-tabs .nav-link {
  font-weight: 500;
}

/* Texto de botones */
.btn,
.btn-primary,
.btn-default,
.btn-secondary {
  font-weight: 500;
}

/* Breadcrumb */
.breadcrumb-item a,
.breadcrumb-item.active {
  font-weight: 500;
}

/* Labels en formularios */
label,
.form-control-label,
.control-label {
  font-weight: 500;
}

/* ── 3. Buttons — 30px (píldora) → 5px (rectangular, profesional) */
.btn,
.btn-primary,
.btn-default,
.btn-secondary,
.btn-comment,
.btn-comment-inverse,
.add-to-cart,
.an_productattributes-qty-add .btn-primary,
#add_to_cart .btn,
#add-to-cart-or-refresh .btn {
  border-radius: 5px !important;
}

/* También los inputs y selects — coherencia visual */
.form-control,
.input-group .form-control,
.bootstrap-touchspin input {
  border-radius: 4px;
}

/* ── 4. Line-height más compacto (24px → 22px) ────────────────── */
body { line-height: 22px; }
p    { line-height: 22px; }

/* ── 5. Precio viejo / descuento ─────────────────────────────── */
.regular-price,
span.old-price {
  font-weight: 400; /* no necesita semibold, solo contraste de color */
}

/* ── 6. Footer links — un poco más visibles ──────────────────── */
.footer-container a,
.ds-footer-links a {
  font-weight: 400;
}
.ds-footer-links h5 {
  font-weight: 600;
}

/* ── 7. Header top-bar — consistencia ────────────────────────── */
.ds-topbar,
.ds-topbar a {
  font-weight: 500;
}

/* ==================== Fin DS Typography Overrides ==================== */

/* ================================================================
   DS — Structural UI Polish v2 (2026-04-15)
   Mejoras estructurales: jerarquía, tarjetas, sidebar, breadcrumb,
   inputs, product flags, secciones home.
   ================================================================ */

/* ── A. Heading weights — jerarquía tipográfica real ─────────────
   antheme compila todos los h1-h6 en font-weight:400. Establecemos
   pesos razonables: h1/h2 en 600 (bold pero no agresivo), h3 en 600,
   h4-h6 en 500. El h1 del producto tiene override específico en I. */
h1, .h1 { font-weight: 600; }
h2, .h2 { font-weight: 600; }
h3, .h3 { font-weight: 600; }
h4, .h4 { font-weight: 500; }
h5, .h5 { font-weight: 500; }
h6, .h6 { font-weight: 500; }

/* ── B. Product title en miniatura — tamaño diferenciado ─────────
   14px es idéntico al cuerpo; 15px da jerarquía visual. */
#products .product-title a,
.featured-products .product-title a,
.product-accessories .product-title a,
.product-miniature .product-title a {
  font-size: 15px;
  line-height: 1.35;
}

/* ── B2. Fix owl-carousel accessories — evitar colapso de ancho ──
   theme.css define section.product-accessories article.product-miniature { width:20% }
   → con owl-item de 255px, 20%=51px. Sobrescribimos con !important. */
section.product-accessories article.product-miniature {
  width: 100% !important;
}
section.product-accessories .thumbnail-container {
  width: 100%;
}
/* Truncar título a 2 líneas en el slider de accesorios */
section.product-accessories .product-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}

/* ── C. Product card — hover con profundidad ─────────────────────*/
.product-miniature {
  transition: box-shadow 0.18s ease, transform 0.18s ease;
}
.product-miniature:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,0.09);
  transform: translateY(-2px);
}

/* ── D. Breadcrumb — fondo limpio, sin bloque gris anticuado ─────*/
.breadcrumb-wrapper {
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  padding-top: 8px;
  padding-bottom: 8px;
}
.breadcrumb-item a { color: #555; }
.breadcrumb-item a:hover { color: #6fb352; }
.breadcrumb-item + .breadcrumb-item::before { color: #bbb; }

/* ── E. Category sidebar — más legible ───────────────────────────*/
/* Primer nivel: bajar peso (el tema uppercase + bold los hace agresivos) */
.block-categories .category-top-menu > li > a {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.3px;
}
/* Subcategorías */
.block-categories .category-sub-menu li a {
  font-size: 13px;
  color: #333;
  font-weight: 400;
}
.block-categories .category-sub-menu li a:hover,
.block-categories .category-sub-menu li.current > a {
  color: #6fb352;
  font-weight: 500;
}
/* Título del bloque ("Categorías") */
.block-categories .h6,
.block-categories h6 {
  font-weight: 600;
  letter-spacing: 0.3px;
}

/* ── F. Product flags — badge más pulido ─────────────────────────*/
li.product-flag,
.product-flag {
  border-radius: 3px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  padding: 3px 8px !important;
}

/* ── G. Input focus state — feedback visual claro ────────────────*/
.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
  border-color: #6fb352 !important;
  box-shadow: 0 0 0 2px rgba(111,179,82,0.15) !important;
  outline: none;
}

/* ── H. Sort bar en listados ─────────────────────────────────────*/
.products-selection {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.products-selection .total-products p {
  color: #777;
  font-size: 13px;
  margin: 0;
}

/* ── I. H1 de página de producto ─────────────────────────────────*/
.page-product h1,
.page-product .h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

/* ── J. Nav — mantener 13px (14px rompe el menú en 2 filas) ──────*/
/* No override — la config del tema (13px) funciona bien */

/* ── K. Newsletter block — mejor integración visual ─────────────*/
#block_myaccount_infos .h3 a,
.links .h3 {
  font-weight: 600;
}

/* ── L. Selector de orden (dropdown) ────────────────────────────*/
.products-sort-order .select-title {
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
  padding: 5px 12px;
}
.products-sort-order .select-list {
  border-radius: 4px;
  border: 1px solid #ddd;
}

/* ── M. Button hover — contraste con sombra suave ────────────────*/
.btn-primary:hover,
.btn-primary:focus {
  box-shadow: 0 3px 10px rgba(111,179,82,0.35);
}

/* ── N. Tabs de producto — borde inferior activo más marcado ─────*/
.tabs .nav-tabs .nav-link.active {
  border-top: 2px solid #6fb352;
  font-weight: 600;
}
.tabs .nav-tabs .nav-link {
  color: #555;
}
.tabs .nav-tabs .nav-link:hover {
  color: #6fb352;
}

/* ── O. Page heading (h1 en páginas CMS y categorías) ────────────*/
/* h1 global ya es 600; este bloque ajusta tamaño para páginas de listado */
.page-header h1,
.page-category h1 {
  font-size: 22px;
}

/* ── P. Avantages home (iconos + texto) ──────────────────────────*/
.an_advantages .block-title,
.an_advantages .h4,
.an_advantages h4 {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.3px;
}

/* ── Q2. Blog — corregir text-transform capitalize en categorías ─────────
   simpleblog aplica capitalize a .blogSubcat__link, lo que convierte
   "Noticias de Herbalife" en "Noticias De Herbalife" (cada palabra).
   Los datos en BD ya están en sentence case, quitamos el transform. */
.blogSubcat__link {
  text-transform: none;
}

/* ── Q. Blog artículos relacionados — overrides del módulo ds_core ──────*/
.ds-blog-related-title {
  text-transform: none !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: #222 !important;
  letter-spacing: 0 !important;
}

/* ==================== Fin DS Structural UI Polish v2 ==================== */

/* ── R. Eliminar secciones redundantes ────────────────────────────────────
   phblogrecentposts ("ULTIMOS ARTÍCULOS DEL BLOG DE BIENESTAR") aparece vía
   displaySimpleBlogRecentPosts en TODAS las páginas.
   En página de producto ya hay la sección ds_core de artículos relacionados.
   En el blog listing (body#module-ph_simpleblog-list) es contenido duplicado.
   En páginas de artículo de blog también es redundante. */
body.page-product #phblogrecentposts,
body#module-ph_simpleblog-list #phblogrecentposts,
body[id^="module-ph_simpleblog"] #phblogrecentposts {
  display: none !important;
}

/* ── S. "Sobre Nosotros" (an_about_us) — espaciado y tipografía ───────────
   El módulo tiene margin: 94px 0 70px 0 — excesivo para el contexto del home.
   Reducimos márgenes y refinamos el peso tipográfico del texto. */
.an_abous_us {
  margin: 45px 0 40px !important;
}
.an_abous_us-title {
  font-size: 20px !important;
  text-transform: none !important;
  font-weight: 600 !important;
}
.an_abous_us-title b {
  font-weight: 700 !important;
}
.an_abous_us-text-wrap {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}
.an_abous_us-text p {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}

/* ── T. Blog custom block en home — refinamiento visual ───────────────────
   Las tarjetas de simpleblog en displayHome tienen box-shadow de tema.
   Ajustamos para que se integren mejor con el estilo general. */
#phblogcustomblock .simpleblog__listing__post__wrapper {
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
#phblogcustomblock .simpleblog__listing__post__wrapper:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.13);
  transform: translateY(-2px);
  transition: box-shadow 0.2s, transform 0.2s;
}
#phblogcustomblock .simpleblog__listing__post__wrapper__footer {
  background: #f6f6f6;
}

/* ── U. Section titles en home ("BATIDOS NUTRICIONALES" etc.) ────────────
   Reducir agresividad del uppercase con letter-spacing más suave */
.an-home-title,
.an_home_products .an-title,
section.featured-products h2.h3,
.products-section-title {
  letter-spacing: 1.5px;
}

/* ── V. Reassurance block en carrito — alinear íconos y texto ────────────*/
.block-reassurance-item p {
  font-size: 13px;
  line-height: 1.5;
  color: #555;
}

/* ── W. Slider overlay oculto — imagen ya tiene el texto y CTA embedded ──
   El banner actual tiene todo el contenido visual baked-in en la imagen PNG.
   El overlay .an_homeslider-desc duplica el texto (h2 + párrafo + botón)
   superponiéndose de forma ilegible en todas las resoluciones.
   El slide entero es un <a href> así que el click sigue funcionando. */
.an_homeslider-desc {
  display: none !important;
}

/* ── X. Mobile: advantages blocks — altura fija → auto ───────────────────
   .an_advantages-item-inner tiene height: 70px fijo en desktop.
   En mobile (max-width: 300px, texto largo como "DISTRIBUIDORES OFICIALES")
   el texto se desborda del contenedor. Se usa height: auto + padding vertical. */
@media (max-width: 991px) {
  .an_advantages .an_advantages-item-inner {
    height: auto !important;
    min-height: 60px;
    padding: 14px 20px !important;
    align-items: flex-start;
  }
  .an_advantages .an_advantages-item-img {
    margin-top: 3px;
    flex-shrink: 0;
  }
  .an_advantages .an_advantages-item {
    max-width: 100% !important;
    width: calc(100% - 30px);
  }
  /* Más espacio entre título y descripción en mobile */
  .an_advantages .an_advantages-item .an_advantages-item-title {
    margin-bottom: 5px !important;
  }
  .an_advantages .an_advantages-item p:not(.an_advantages-item-title) {
    line-height: 1.4 !important;
    letter-spacing: 0.5px !important;
    font-size: 11px !important;
  }
}

/* ── Y. Sticky nav — evitar wrap de "BLOG" a segunda línea ───────────────
   En estado fixed, #_desktop_logo ocupa flex: 0 0 230px y .col-md-2.fixed-menu-right
   ~190px. El nav queda con ~684px. Con padding: 22px 25px los 4 ítems no caben
   (545px texto + 200px padding = 745px > 684px). Reducimos logo y padding lateral. */
#amegamenu.fixed-menu #_desktop_logo {
  flex: 0 0 170px;
  max-width: 170px;
}
#amegamenu.fixed-menu #_desktop_logo .logo {
  max-width: 150px;
  height: auto;
}
#amegamenu.fixed-menu .amenu-item .amenu-link {
  padding-left: 14px;
  padding-right: 14px;
}
#amegamenu.fixed-menu .anav-top {
  flex-wrap: nowrap;
}

/* ── Z. "Servicio al Cliente" — suprimir modal; JS intercepta clic → Tawk.to
   El módulo an_client_service muestra un modal con contenido arbitrario.
   Ocultamos el modal/overlay via CSS; custom.js intercepta el clic en fase
   capture y abre Tawk.to directamente sin que el modal llegue a mostrarse. */
#_desktop_clientservice .clientservice_sg-modal,
#_desktop_clientservice .clientservice_sg-cover,
#_desktop_clientservice .adropdown-mobile {
  display: none !important;
}

/* ── AA. Section titles — línea decorativa verde (desktop + mobile) ───────
   En desktop: ::before crea una línea horizontal detrás del título, el <a>
   la enmascara con fondo blanco. La línea original era gris (#e1e1e1);
   la reemplazamos por verde de marca.
   En mobile: ::before estaba display:none → se muestra como subrayado
   corto centrado (40px) debajo del título. */
.products-section-title::before {
  background-color: #6fb352 !important;
}
@media (max-width: 991px) {
  .products-section-title {
    padding-bottom: 10px !important;
  }
  .products-section-title::before {
    display: block !important;
    content: '' !important;
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 36px !important;
    height: 2px !important;
    background-color: #6fb352 !important;
    border-radius: 2px !important;
  }
}

/* ── AC. Unificación de color de botones con verde de marca ───────────────
   El tema Anvanto usa #5ca60d (ya reemplazado arriba por #6fb352), pero el
   background de los botones .btn-secondary (AÑADIR en cards de categoría) y
   .btn-primary viene del CSS compilado del tema (theme.css / antheme-*.css)
   que no está en este archivo. Se sobreescribe aquí para consistencia total. */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled),
.btn-secondary.add-to-cart,
.btn[data-button-action="add-to-cart"],
.an_productattributes-qty-add .btn-primary,
#add_to_cart .btn,
#add-to-cart-or-refresh .btn {
  background-color: #6fb352 !important;
  border-color: #6fb352 !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-secondary.add-to-cart:hover,
.btn[data-button-action="add-to-cart"]:hover {
  background-color: #5e9b45 !important;
  border-color: #5e9b45 !important;
  color: #fff !important;
}

/* ── AD. "Leer artículo" en blog — verde de marca ────────────────────────
   El link es .btn.btn-secondary dentro de .simpleblog__listing__post__wrapper__content__footer
   (clase exacta del template ph_simpleblog 1.7). Se estila como outline button
   verde: transparente en reposo, relleno verde en hover. */
.simpleblog__listing__post__wrapper__content__footer .btn-secondary,
.ds-blog-related-footer .btn-secondary {
  background-color: transparent !important;
  border: 1px solid #6fb352 !important;
  color: #6fb352 !important;
  font-weight: 500;
  font-size: 13px;
}
.simpleblog__listing__post__wrapper__content__footer .btn-secondary:hover,
.ds-blog-related-footer .btn-secondary:hover {
  background-color: #6fb352 !important;
  color: #fff !important;
}

/* ── AE. "Código:" / product-reference — más sutil, no compite con precio ─
   El label "Código:" y el SKU son info secundaria. Color gris y tamaño menor. */
.product-reference {
  font-size: 12px;
  color: #888;
  margin-bottom: 6px;
}
.product-reference .label {
  color: #aaa;
  font-weight: 500;
}
.product-reference span[itemprop="sku"] {
  color: #666;
  font-weight: 400;
}

/* ══════════════════════════════════════════════════════════════════════════
   AF. Visual Polish — Tipografía, color y modernización general (Apr 2026)
   ══════════════════════════════════════════════════════════════════════════ */

/* 1 ── Color texto — suavizar de negro puro (#000) a casi negro (#1a1a1a)
        El negro puro en pantalla genera contraste excesivo y fatiga visual.
        #1a1a1a es la práctica estándar de diseño tipográfico moderno. */
body,
p,
li,
td, th,
.page-content,
.product-description,
.product-description p,
.simpleblog__listing__post__wrapper__content__desc,
.an_advantages-item-title,
.an_advantages-item-desc-text {
  color: #1a1a1a;
}

/* 2 ── Tamaño base — 14px → 15px para lectura más cómoda en pantallas modernas
        Se mantiene Montserrat; line-height 1.65 es el estándar legible. */
body {
  font-size: 15px !important;
  line-height: 1.65 !important;
}
p {
  font-size: 15px;
  line-height: 1.68;
  margin-bottom: 0.9rem;
}

/* 3 ── Navegación principal — letter-spacing sutil (0.02em: con 0.06em el ítem
        BLOG caía a segunda línea en viewports ≤1667px) */
.amenu-item .amenu-link,
.amenu-item > a {
  letter-spacing: 0.02em;
}

/* 4 ── Blog: categorías — transición suave en hover para sentido moderno */
.ph_simpleblog-list-cat a,
.ph_simpleblog_categories a,
.simpleblog__categories a,
.blog-categories a {
  transition: all 0.2s ease;
}

/* 5 ── Blog: títulos de post en listing — más peso y legibilidad */
.simpleblog__listing__post__wrapper__content__title a,
.simpleblog-post-title a {
  font-weight: 600;
  color: #1a1a1a;
  transition: color 0.2s ease;
}
.simpleblog__listing__post__wrapper__content__title a:hover,
.simpleblog-post-title a:hover {
  color: #6fb352;
}

/* 6 ── Sección título homepage — letter-spacing para heading en mayúsculas */
.products-section-title a,
.products-section-title {
  letter-spacing: 0.08em;
}

/* 7 ── Tarjeta de producto — placeholder de precio consistente cuando está oculto */
.product-miniature .product-price-and-shipping {
  min-height: 28px;
  display: flex;
  align-items: center;
}

/* 8 ── Reassurance bar — separadores más limpios y modernos:
        borde izquierdo verde suave entre items (sin las flechas dated) */
.an_advantages-item + .an_advantages-item {
  border-left: 1px solid rgba(111, 179, 82, 0.3);
}
@media (max-width: 767px) {
  .an_advantages-item + .an_advantages-item {
    border-left: none;
    border-top: 1px solid rgba(111, 179, 82, 0.25);
  }
}

/* 9 ── Header bar de contacto — teléfono y links más legibles */
.an_client_service__text,
.anav-top .header-phone {
  font-size: 13px;
  font-weight: 500;
}

/* 10 ── Links globales — transición de color suave */
a { transition: color 0.18s ease; }

/* 11 ── Tabs de producto — aspecto más moderno y limpio */
.nav-tabs .nav-link {
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #555;
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease;
}
.nav-tabs .nav-link:hover {
  color: #6fb352;
  border-bottom-color: #6fb352;
}
.nav-tabs .nav-link.active {
  color: #6fb352;
  font-weight: 600;
  border-bottom: 2px solid #6fb352;
  border-top: none;
  border-left: none;
  border-right: none;
  background: transparent;
}

/* 12 ── Breadcrumb — separador más claro y tamaño uniforme */
.breadcrumb {
  font-size: 13px;
}

/* 13 ── Descripción corta en producto — mejor espacio y tipografía */
.product-description-short p,
.product-description-short {
  font-size: 14.5px;
  line-height: 1.7;
  color: #333;
}

/* 14 ── Botón "Ver todos los medios de pago" y links secundarios */
.payment-methods-link,
a[href*="medios-de-pago"],
a[href*="metodos-de-pago"],
a[href*="ver-informacion"] {
  font-size: 13px;
  color: #6fb352;
  font-weight: 500;
}
a[href*="medios-de-pago"]:hover,
a[href*="ver-informacion"]:hover {
  color: #5e9b45;
}

/* 15 ── Newsletter bloque — heading más moderno */
.block_newsletter h2,
.ps-emailsubscription h2,
.email-subscription-block h2 {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

/* 16 ── Footer — mejorar contraste y legibilidad */
footer a,
.footer-container a {
  transition: color 0.2s ease;
  opacity: 0.85;
}
footer a:hover,
.footer-container a:hover {
  opacity: 1;
}

/* 17 ── Mobile: mejorar tamaño de botones táctiles */
@media (max-width: 767px) {
  .btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .nav-tabs .nav-link {
    font-size: 12.5px;
    padding: 0.4rem 0.6rem;
  }
}

/* 18 ── Scroll suave global */
html {
  scroll-behavior: smooth;
}

/* 19 ── Trust badges — sin badges configurados; ocultar el container vacío.
         Si se configuran badges en el futuro, eliminar esta regla. */
.an_trust_badges-container {
  display: none !important;
}

/* 20 ── Producto sin stock — badge "Sin Stock" en ámbar/naranja (contraste mejor que rojo) */
.product-flag.out-of-stock,
.product-flag.new-discount + .product-flag,
span.product-flag[class*="out"],
.label-out-of-stock {
  background-color: #f59e0b !important;
  color: #fff !important;
}

/* CTA "Ver Todos los Productos" al final de las secciones de la home */
.ds-all-products-cta {
  text-align: center;
  margin: 30px 0 10px;
}
.ds-all-products-cta .btn {
  padding: 12px 32px;
  font-weight: 600;
  letter-spacing: 0.03em;
}

/* ══════════════════════════════════════════════════════════════════════════
   Bloque "Este pack contiene" — rediseño (jul 2026)
   ══════════════════════════════════════════════════════════════════════════ */
.product-pack { margin: 30px 0 10px; }
.product-pack h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 2px solid #6fb352;
  display: inline-block;
}
.ds-pack-item {
  display: flex;
  align-items: center;
  gap: 18px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  padding: 14px 18px;
  margin-bottom: 12px;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.ds-pack-item:hover {
  border-color: #6fb352;
  box-shadow: 0 4px 14px rgba(111, 179, 82, 0.15);
}
.ds-pack-item-media {
  position: relative;
  flex: 0 0 92px;
}
.ds-pack-item-media img {
  width: 92px;
  height: 92px;
  object-fit: contain;
  border-radius: 8px;
  background: #fafafa;
}
.ds-pack-item-qty {
  position: absolute;
  top: -8px;
  right: -8px;
  background: #6fb352;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  padding: 6px 9px;
  border-radius: 20px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.18);
}
.ds-pack-item-body { flex: 1 1 auto; min-width: 0; }
.ds-pack-item-name {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 4px;
  transition: color 0.2s ease;
}
.ds-pack-item-name:hover { color: #6fb352; }
.ds-pack-item-desc {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 6px;
}
.ds-pack-item-desc p { margin: 0; font-size: 13px; line-height: 1.5; }
.ds-pack-item .pack-product-price strong {
  font-size: 15px;
  color: #4a8a2e;
}
@media (max-width: 575px) {
  .ds-pack-item { gap: 12px; padding: 12px; }
  .ds-pack-item-media { flex-basis: 72px; }
  .ds-pack-item-media img { width: 72px; height: 72px; }
}

/* Descripción larga de packs (generada de componentes) */
.ds-pack-description h3 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 16px;
}
.ds-pack-desc-item {
  border-left: 3px solid #6fb352;
  padding: 4px 0 4px 16px;
  margin-bottom: 16px;
}
.ds-pack-desc-item h4 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #1a1a1a;
}
.ds-pack-desc-footer {
  margin-top: 18px;
  padding: 12px 16px;
  background: #f2f8ee;
  border-radius: 8px;
  font-weight: 500;
}

/* ═══ Auditoría visual 2026-08-04 — fixes P2 ═══════════════════════════════ */

/* A1 ── USP boxes home (an_advantages): altura fija de 70px desborda con
   descripciones de 3 líneas también en desktop. Auto + respiración. */
.an_advantages .an_advantages-item-inner {
  height: auto !important;
  min-height: 70px;
  padding: 14px 18px;
  align-items: center;
}
.an_advantages .an_advantages-item-desc {
  line-height: 1.45;
}
.an_advantages .an_advantages-item-desc-text {
  line-height: 1.45;
  letter-spacing: 0.4px;
}

/* A2 ── Artículos del blog relacionados en producto: las columnas Bootstrap
   con alturas desiguales dejan huecos. Grid flexible con cards uniformes. */
.ds-blog-related-row {
  display: flex;
  flex-wrap: wrap;
}
.ds-blog-related-col {
  display: flex;
  float: none;
}
.ds-blog-related-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ds-blog-related-excerpt {
  flex-grow: 1;
}

/* A3 ── Contador de wishlist en ficha de producto: el "0" flotante junto al
   corazón confunde; el corazón solo comunica igual. */
.an_wishlist-mini .an_wishlist-mini-count {
  display: none !important;
}

/* A4 ── Medios de pago en ficha de producto: badges tipográficos nítidos
   (reemplazan mp.productos.jpg de 187px pixelado). */
.ds-payment-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.ds-pay-badge {
  display: inline-block;
  padding: 4px 10px;
  border: 1px solid #d8e2d8;
  border-radius: 999px;
  background: #fff;
  font-size: 12px;
  font-weight: 600;
  color: #3a4a3a;
  white-space: nowrap;
}

/* A5 ── Footer social: pills modernos con color de marca al hover,
   coherentes con el footer oscuro. */
.ds-social-list {
  display: flex;
  gap: 8px;
}
.ds-social-list li {
  margin-bottom: 0;
}
.ds-social-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  transition: background 0.2s, border-color 0.2s;
}
.ds-social-link:hover {
  opacity: 1;
}
.ds-social-fb {
  background: rgba(255, 255, 255, 0.08);
}
.ds-social-fb:hover {
  background: #3b5998;
  border-color: #3b5998;
}
.ds-social-yt {
  background: rgba(255, 255, 255, 0.08);
}
.ds-social-yt:hover {
  background: #cc0000;
  border-color: #cc0000;
}

/* ═══════════════════════════════════════════════════════════════════════
   A6 ── Fixes de desbordamiento horizontal (auditoría responsive 2026-08-05)
   Detectados midiendo scrollWidth vs viewport en 360/390/768/1440px.
   En cada caso el delta del elemento coincidía exactamente con el
   desbordamiento de la página, así que son las causas reales, no síntomas.
   ═══════════════════════════════════════════════════════════════════════ */

/* 1. Footer social: dos pills en flex sin wrap desbordaban 51px en tablet
      (col-sm-6 se angosta y no había punto de quiebre). Afectaba las 10
      páginas auditadas a 768px. */
.ds-social-list {
  flex-wrap: wrap;
}

/* 2. Formulario de contacto: bootstrap-filestyle oculta el <input type=file>
      nativo con position:absolute + clip, pero le deja su ancho intrínseco.
      Al ser absoluto, max-width:100% resuelve contra el viewport (no contra la
      columna), por eso seguía empujando el scroll. Se lo reduce a la caja
      mínima del patrón "visually hidden": sigue enfocable y el plugin lo
      dispara por .click(), así que la subida de archivos no se ve afectada. */
input.filestyle {
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* El control visible que sí usa el cliente nunca debe exceder su columna. */
.bootstrap-filestyle,
.bootstrap-filestyle .form-control,
input[type="file"]:not(.filestyle) {
  max-width: 100%;
  box-sizing: border-box;
}

/* 3. Selector "Elegir Sabores" (an_productattributes) en la grilla de
      resultados de búsqueda: excedía el ancho de la miniatura en mobile. */
.an_productattributes,
.an_productattributesForm,
.js-an_productattributes-standart {
  max-width: 100%;
  box-sizing: border-box;
}

/* 4. Red de contención: ninguna miniatura de producto debe empujar la
      grilla más allá de su columna. */
.product-miniature {
  max-width: 100%;
}

/* 5. Grilla de productos destacados (carrito vacío): .products usa márgenes
      negativos de -5px para cancelar el padding de sus hijos, pero el
      contenedor no los compensaba, desbordando 5px en mobile. Se agrega el
      padding espejo, que es la contraparte correcta del patrón. */
.featured-products {
  padding-left: 5px;
  padding-right: 5px;
}