/*
Theme Name: ERIKAS Cosmetic Luxury
Theme URI: https://erikascosmetic.com/
Author: ERIKAS COSMETIC
Description: Tema editorial rosa empolvado y rose gold para ERIKAS COSMETIC. Compatible con WooCommerce.
Version: 2.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: erikas-cosmetic
*/
:root{--ec-rose:#9d596b;--ec-rose-deep:#884b5b;--ec-rose-soft:#d7a4b1;--ec-pink:#f8e8ec;--ec-pale:#fff9fa;--ec-gold:#c8a56d;--ec-ink:#2d2024;--ec-muted:#7b6a6f;--ec-line:#edd9df;--ec-white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:#fff;color:var(--ec-ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}
img{max-width:100%;height:auto}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--ec-gold);outline-offset:3px}
.ec-container{width:min(92%,1450px);margin-inline:auto}
.ec-shipping-bar{background:var(--ec-rose);color:#fff;text-align:center;padding:9px 14px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.ec-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px clamp(18px,5vw,76px);min-height:88px;border-bottom:1px solid var(--ec-line);background:#fff}
.ec-brand{display:block;flex:0 0 auto;line-height:0}.ec-brand img{display:block;width:88px;height:66px;object-fit:contain}
.ec-nav{display:flex;align-items:center;gap:clamp(12px,2.2vw,30px)}.ec-nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:11px;white-space:nowrap;transition:color .2s}.ec-nav a:hover{color:var(--ec-rose)}
.ec-cart{border:1px solid #dfb9c3;border-radius:28px;padding:11px 16px;text-decoration:none;font-size:11px;letter-spacing:.07em;white-space:nowrap;transition:background .2s,color .2s}.ec-cart:hover{background:var(--ec-rose);color:#fff}
.ec-menu-toggle{display:none;border:1px solid var(--ec-line);background:#fff;border-radius:50%;width:42px;height:42px;color:var(--ec-rose);font-size:20px}
.ec-hero{width:min(94%,1600px);margin:24px auto 0;display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(24px,4vw,62px);align-items:center;padding:clamp(28px,5vw,76px);border-radius:28px;background:linear-gradient(115deg,#fff9fa 0%,#f8e8ec 52%,#efd2db 100%);overflow:hidden;position:relative}
.ec-hero:after{content:'✦';position:absolute;right:3%;top:4%;font-size:24px;color:var(--ec-gold);animation:ec-twinkle 3s ease-in-out infinite}
.ec-eyebrow{margin:0 0 22px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ec-muted)}
.ec-hero h1{font:400 clamp(48px,5.5vw,86px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:0 0 24px}.ec-hero h1 em{display:block;color:var(--ec-rose);font-weight:400}
.ec-hero-copy{font-size:16px;line-height:1.9;color:var(--ec-muted);max-width:540px}
.ec-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:28px 0 22px}.ec-button{display:inline-block;border-radius:30px;background:var(--ec-rose);color:#fff!important;text-decoration:none;padding:15px 23px;text-transform:uppercase;font-size:11px;letter-spacing:.1em;transition:transform .25s,background .25s,box-shadow .25s}.ec-button:hover{background:var(--ec-rose-deep);transform:translateY(-2px);box-shadow:0 8px 20px #9d596b30}
.ec-text-link{color:var(--ec-rose);text-decoration:none;border-bottom:1px solid var(--ec-gold);padding-bottom:8px;font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.ec-trust{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:var(--ec-muted)}.ec-trust span:before{content:'✦';color:var(--ec-gold);margin-right:6px}
.ec-hero-photo{width:100%;height:clamp(350px,38vw,590px);overflow:hidden;border-radius:10px 76px 10px 10px;background:#f1d4dc;box-shadow:0 20px 55px #9d596b20;position:relative;animation:ec-fade-up .9s both}
.ec-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%;transition:transform .8s ease}.ec-hero-photo:hover img{transform:scale(1.025)}
.ec-section{width:min(92%,1450px);margin:76px auto}.ec-section-heading{text-align:center;margin-bottom:28px}.ec-section-heading .ec-eyebrow{margin-bottom:10px}.ec-section-heading h2{font:400 clamp(30px,3.6vw,48px)/1.1 Georgia,serif;margin:0}.ec-section-heading p{font-size:14px;color:var(--ec-muted);line-height:1.7}
.ec-category-row{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:clamp(12px,2.4vw,30px);overflow-x:auto;padding:12px 4px 20px;scrollbar-width:thin}
.ec-category{flex:0 0 84px;text-decoration:none;text-align:center;font-family:Georgia,serif;font-size:11px;line-height:1.35;color:var(--ec-ink);animation:ec-fade-up .6s both}
.ec-category:nth-child(2){animation-delay:.05s}.ec-category:nth-child(3){animation-delay:.1s}.ec-category:nth-child(4){animation-delay:.15s}.ec-category:nth-child(5){animation-delay:.2s}.ec-category:nth-child(6){animation-delay:.25s}
.ec-category-icon{height:72px;width:72px;border-radius:50%;margin:0 auto 9px;display:grid;place-items:center;color:var(--ec-rose);background:radial-gradient(circle at 30% 22%,#fff 0,#f8e6eb 54%,#e8bdc9 100%);border:1px solid #e3bdc8;box-shadow:inset 0 0 0 4px #fff9,0 5px 14px #9d596b12;transition:transform .25s,box-shadow .25s}
.ec-category:hover .ec-category-icon{transform:translateY(-4px);box-shadow:inset 0 0 0 4px #fff9,0 9px 18px #9d596b25}
.ec-category-icon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ec-category-name{display:block}
.ec-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ec-product-card{border:1px solid var(--ec-line);padding:12px;background:#fff;border-radius:5px;transition:transform .25s,box-shadow .25s}.ec-product-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #9d596b15}
.ec-product-card h3{font:400 18px Georgia,serif;margin:13px 0 7px}.ec-product-card .price{color:var(--ec-rose);font-weight:700}.ec-product-card .button{margin-top:10px}
.ec-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(24px,5vw,68px);background:var(--ec-pale);border-radius:22px}
.ec-logo-relief{min-height:310px;display:grid;place-items:center;border-radius:12px;border:1px solid #e6c4cd;background:linear-gradient(145deg,#faedf0,#efcfd8);box-shadow:inset 0 0 32px #fff8}.ec-logo-relief img{width:min(48%,240px);height:auto;filter:drop-shadow(0 10px 7px #74404b40)}
.ec-story h2{font:400 clamp(32px,4vw,50px)/1.07 Georgia,serif;margin:0 0 20px}.ec-story p:not(.ec-eyebrow){font-size:15px;line-height:1.9;color:var(--ec-muted)}
.ec-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ec-benefit{text-align:center;padding:24px 16px;border-top:1px solid var(--ec-line)}.ec-benefit .symbol{font-size:24px;color:var(--ec-rose)}.ec-benefit strong{display:block;font:400 20px Georgia,serif;margin:10px 0}.ec-benefit p{font-size:13px;line-height:1.7;color:var(--ec-muted)}
.ec-footer{background:var(--ec-pink);padding:34px 20px;text-align:center;color:var(--ec-muted);font-size:11px;letter-spacing:.08em}.ec-footer img{display:block;width:68px;height:55px;object-fit:contain;margin:0 auto 12px}
.ec-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.ec-reveal.is-visible{opacity:1;transform:translateY(0)}
/* WooCommerce styling */
.woocommerce .woocommerce-breadcrumb{font-size:12px;color:var(--ec-muted)}.woocommerce ul.products li.product{border:1px solid var(--ec-line);padding:12px;border-radius:5px;transition:transform .25s,box-shadow .25s}.woocommerce ul.products li.product:hover{transform:translateY(-3px);box-shadow:0 10px 25px #9d596b15}.woocommerce ul.products li.product a img{margin-bottom:12px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:400 18px Georgia,serif;color:var(--ec-ink)}.woocommerce ul.products li.product .price{color:var(--ec-rose)}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--ec-rose);color:#fff;border-radius:24px;padding:12px 18px;font-weight:400;transition:background .2s}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--ec-rose-deep);color:#fff}.woocommerce span.onsale{background:var(--ec-rose);min-height:3em;min-width:3em;line-height:3em}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ec-rose)}.woocommerce-message{border-top-color:var(--ec-rose)}.woocommerce-message:before{color:var(--ec-rose)}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border:1px solid var(--ec-line);border-radius:4px;padding:12px}.woocommerce table.shop_table{border-color:var(--ec-line);border-radius:5px}.woocommerce div.product div.images img{border-radius:6px}
@keyframes ec-fade-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes ec-twinkle{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.2);opacity:1}}
@media(max-width:850px){.ec-header{flex-wrap:wrap;gap:12px;padding:12px 18px}.ec-brand img{width:65px;height:52px}.ec-cart{margin-left:auto}.ec-menu-toggle{display:block}.ec-nav{display:none;order:4;width:100%;flex-direction:column;align-items:flex-start;gap:15px;padding:12px 0}.ec-nav.is-open{display:flex}.ec-hero{grid-template-columns:1fr;padding:28px 22px;gap:26px}.ec-hero h1{font-size:clamp(46px,11vw,68px)}.ec-hero-photo{height:auto;aspect-ratio:1.25/1;border-radius:8px 48px 8px 8px}.ec-hero-photo img{object-fit:cover}.ec-category-row{justify-content:flex-start;gap:12px}.ec-category{flex-basis:76px;font-size:10px}.ec-category-icon{width:64px;height:64px}.ec-category-icon svg{width:25px;height:25px}.ec-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ec-story{grid-template-columns:1fr}.ec-logo-relief{min-height:220px}.ec-benefits{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.ec-reveal{opacity:1;transform:none}}