div:before { background-color: #fec824; content: “”; height: 1px; left: 4%; position: absolute; top: 59px; width: 92%; }
.pms a>div:after { background-color: #fec824; bottom: 59px; content: “”; height: 1px; left: 4%; position: absolute; width: 92%; }
.pms a>div.brd-light:before { background-color: #ffffff5e; }
.pms a>div.brd-light:after { background-color: #fec824; }
.pms .banner-copy-mt, .pms .lux { padding-bottom: 60px; position: relative; max-width: 450px; width: 100%; }
.pms .segment-title { font-size: 3.4em; font-weight: 600; letter-spacing: -4px; line-height: 1; margin-bottom: 0; text-transform: capitalize; }
.blkprom, .cat-brand, .cat-hash, .chg-text, .pms .lux>br, .pms .lux span, .pms .segment-subtitle { display: none; }
.pms .cat-hash { color: #fec824; display: table; font-size: 12px; height: 59px; left: 4%; position: absolute; top: 0; width: 92%; }
.pms .cat-hash a { display: table-cell; vertical-align: middle; width: 50%;}
.pms .cat-hash a:first-child { text-align: left}
.pms .cat-hash a:last-child { font-weight: 700; text-align: right; }
.pms .brand-cat { bottom: 0; color: #fec824; display: table; font-size: 12px; height: 59px; left: 4%; position: absolute; width: 92%; }
.pms .brand-cat a { display: table-cell; text-align: right; vertical-align: middle; width: auto; }
.pms .brand-cat.light, .pms .cat-hash.light { color: #fff; }
.pms .b-banner_copy-inner.lux .title { bottom: 0; font-size: 16px; left: 0; line-height: 59px; position: absolute; }
.pms .b-banner_copy-inner.lux .title+p { display: table-cell; font-size: 12px; height: 60px; position: relative; vertical-align: middle; }
.pms .blkprom { display: grid; grid-gap: 4px; grid-template-columns: 27% 27% auto; height: 114px; width: 100%; }
.pms .blkprom.eq {grid-template-columns: 27% 27% 27% auto;}
.pms .prom13-w.blkprom, .pms .prom13-y.blkprom, .pms .prom13-r.blkprom { grid-template-columns: 27% auto 27%; }
.pms .prom3a-w.blkprom, .pms .prom3a-y.blkprom, .pms .prom3a-r.blkprom { grid-template-columns: auto 27% 27%; }
.double-p, .single-p, .triple-p { display: inline-grid; height: 100%; position: relative; visibility: hidden; }
.pms .b-banner_copy-inner .double-p p, .pms .b-banner_copy-inner .single-p p, .pms .b-banner_copy-inner .triple-p p { display: flex; font-size: .7em; height: 38px; text-align: center; padding: 0 5px; }
.pt1 { flex-direction: column-reverse; }
.pt2 { flex-direction: column; }
.double-p:after, .triple-p:after { content: “+”; font-size: 21px; font-weight: 700; height: 25px; left: -15px; position: absolute; text-align: center; top: 40%; width: 25px; }
.pms .b-banner_copy-inner p.big-prom { display: table-cell; font-size: 2em; font-weight: 700; letter-spacing: -3px; }
.pms .b-banner_copy-inner p.big-prom span { display: inline-block; font-size: .7em; }
.blkprom.prom1-w .single-p, .blkprom.prom1-y .single-p, .blkprom.prom1-r .single-p, .blkprom.prom13-w .double-p, .blkprom.prom13-w .single-p, .blkprom.prom13-y .double-p, .blkprom.prom13-y .single-p, .blkprom.prom13-r .double-p, .blkprom.prom13-r .single-p, .blkprom.prom2-w .double-p, .blkprom.prom2-w .single-p, .blkprom.prom2-y .double-p, .blkprom.prom2-y .single-p, .blkprom.prom2-r .double-p, .blkprom.prom2-r .single-p, .blkprom.prom3-w .double-p, .blkprom.prom3-w .single-p, .blkprom.prom3-w .triple-p, .blkprom.prom3-y .double-p, .blkprom.prom3-y .single-p, .blkprom.prom3-y .triple-p, .blkprom.prom3-r .double-p, .blkprom.prom3-r .single-p, .blkprom.prom3-r .triple-p, .blkprom.prom3a-y .single-p, .blkprom.prom3a-w .single-p, .blkprom.prom3a-r .single-p { visibility: visible; }
.blkprom.prom1-w .single-p, .blkprom.prom13-w .double-p, .blkprom.prom13-w .single-p, .blkprom.prom2-w .double-p, .blkprom.prom2-w .single-p, .blkprom.prom3-w .double-p, .blkprom.prom3-w .single-p, .blkprom.prom3-w .triple-p, .blkprom.prom3a-w .single-p { background-color: #fff; }
.blkprom.prom1-y .single-p, .blkprom.prom13-y .double-p, .blkprom.prom13-y .single-p, .blkprom.prom2-y .double-p, .blkprom.prom2-y .single-p, .blkprom.prom3-y .double-p, .blkprom.prom3-y .single-p, .blkprom.prom3-y .triple-p, .blkprom.prom3a-y .single-p { background-color: #fec824; color:#000; }
.blkprom.prom1-r .single-p, .blkprom.prom13-r .double-p, .blkprom.prom13-r .single-p, .blkprom.prom2-r .double-p, .blkprom.prom2-r .single-p, .blkprom.prom3-r .double-p, .blkprom.prom3-r .single-p, .blkprom.prom3-r .triple-p, .blkprom.prom3a-r .single-p { background-color: #d23b34; }
.blkprom.prom13-w .double-p:after, .blkprom.prom2-w .double-p:after, .blkprom.prom3-w .double-p:after, .blkprom.prom3-w .triple-p:after { background-color: #fec824; color: #fff; }
.blkprom.prom13-y .double-p:after, .blkprom.prom2-y .double-p:after, .blkprom.prom3-y .double-p:after, .blkprom.prom3-y .triple-p:after { background-color: #000; color: #fec824; }
.blkprom.prom13-r .double-p:after, .blkprom.prom2-r .double-p:after, .blkprom.prom3-r .double-p:after, .blkprom.prom3-r .triple-p:after { background-color: #FFF; color: #d23b34; }
.blkprom.prom1-w .single-p p.big-prom, .blkprom.prom13-w .double-p p.big-prom, .blkprom.prom13-w .single-p p.big-prom, .blkprom.prom2-w .double-p p.big-prom, .blkprom.prom2-w .single-p p.big-prom, .blkprom.prom3-w .double-p p.big-prom, .blkprom.prom3-w .single-p p.big-prom, .blkprom.prom3-w .triple-p p.big-prom, .blkprom.prom3a-w .single-p p.big-prom { color: #fec824; }
.pms .chg-text { display: table; height: 59px; position: relative; width: 100%; }
.chg-text a, .chg-text p { display: table-cell; font-size: 12px; vertical-align: middle; }
.chg-text.border { border-top: 1px solid #fec824;}
.chg-text.border-w { border-top: 1px solid #fff; }
@media screen and (max-width:1200px) { .single-p p, .double-p p, .triple-p p { font-size: 0.5em; } p.big-prom { font-size: 2em; } .pms .banner-copy-mt { top: unset; transform: unset; } .pms .segment-title { font-size: 2.7em; } }
@media screen and (max-width: 1024px) { .pms a>div:before { left: 5%; top: 40px; } .pms a>div:after { bottom: 40px; } .pms .banner-copy-mt, .pms .lux { padding-bottom: 40px; } .pms .b-banner_copy-inner.lux .title { line-height: 40px; } .pms .b-banner_copy-inner.lux .title+p, .pms .cat-hash, .pms .brand-cat { height: 40px; } .pms .blkprom { height: 60px; width: 75%; } .pms .b-banner_copy-inner .single-p p, .pms .b-banner_copy-inner .double-p p, .pms .b-banner_copy-inner .triple-p p { font-size: 0.4em; height: 20px; } .pms .b-banner_copy-inner p.big-prom { font-size: 1em; letter-spacing: -1px; } .double-p:after, .triple-p:after { font-size: 17px; height: 20px; left: -12px; top: 35%; width: 20px; } }
/* estilos plp */
.clearfix::after { clear: both; content: “”; display: table; }
.b-promo_carousel { align-items: center; }
.lg-hide { display: none !important; }
.lg-show { display: block !important; }
@media screen and (max-width: 768px) { .b-banner_copy.m-y-center { position: relative; } .banner-copy-mt { max-width: 760px; padding-top: 0px; width: 100%; } .segment-title { letter-spacing: 0; line-height: 14px; } .segment-subtitle { font-size: 2em; letter-spacing: -2px; line-height: 1; } a.b-header-utility_navigation_link.m-store-locator { display: none; } .sm-hide { display: none !important; } .sm-show { display: block !important; } .b-refinements_controls-filter_cta { width: 100%; } .b-refinements_controls-filter_cta::after { left: 30%; } .l-plp-filters_container { padding: 0 5px; } }
/* tablas tallas */
.b-size_chart-title { font-size: 20px; font-weight: normal; text-align: left; }
.b-size_chart-subtitle { color: #818181; font-size: 14px; text-align: left; }
.b-size_chart-content { position: relative; }
.b-size_chart-text { background-color: #FAFAFA; font-size: 12px; padding-top: 30px; text-align: center; width: 100%; }
.b-size_chart-t { position: relative; width: 100%; }
.b-size_chart-t th { position: sticky; top: 0px; }
.b-size_chart-t td, .b-size_chart-t th { border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; font-size: 12px; padding: 10px; text-align: center; width: 25%; }
.b-size_chart-t td:last-child, .b-size_chart-t th:last-child { border-right: none; }
.b-size_chart-banner::after { background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9)); background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9)); background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9)); content: ” “; display: block; height: 80px; position: absolute; top: -80px; width: 100%; }
.b-size_chart-banner { background-color: #FEC424; bottom: 0px; font-size: 12px; padding: 15px 0px; position: absolute; text-align: center; width: 100%; z-index: 1; }
/* tablas tallas */
]]>
