/*
Theme Name: Acomercia
Theme URI: https://acomercia.com
Author: PROFESYS
Description: Block theme propio para Acomercia sobre WordPress y WooCommerce.
Version: 0.3.0
Requires at least: 6.7
Requires PHP: 8.2
Text Domain: acomercia
*/

:root{
  --ac-yellow:#fcb800;
  --ac-yellow-dark:#e7a800;
  --ac-ink:#111827;
  --ac-text:#374151;
  --ac-muted:#6b7280;
  --ac-line:#e5e7eb;
  --ac-soft:#f6f7f9;
  --ac-white:#fff;
  --ac-green:#14804a;
  --ac-danger:#b42318;
  --ac-radius:14px;
  --ac-radius-lg:22px;
  --ac-shadow:0 16px 40px rgba(17,24,39,.08);
  --ac-shadow-hover:0 18px 50px rgba(17,24,39,.14);
  --ac-wide:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ac-text);background:var(--ac-white);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:inherit;text-decoration:none}
a:hover{color:#000}
img{max-width:100%;height:auto}
.wp-site-blocks{padding:0}
.wp-block-button__link{transition:.2s ease}
.wp-block-button__link:hover{transform:translateY(-1px);background:var(--ac-yellow-dark)!important}
.is-style-outline>.wp-block-button__link{background:transparent!important;border:1px solid var(--ac-ink);color:var(--ac-ink)!important}
.is-style-outline>.wp-block-button__link:hover{background:var(--ac-ink)!important;color:#fff!important}
.ac-eyebrow{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.16em;color:#8a6500}
.ac-section-heading{margin-bottom:24px}
.ac-section-heading h2{margin:0;font-size:clamp(26px,3vw,38px);letter-spacing:-.03em;color:var(--ac-ink)}
.ac-section-heading p{margin:0;font-weight:700}

/* Header */
.ac-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--ac-line)}
.ac-topbar{background:var(--ac-ink);color:#fff;padding:8px 20px}
.ac-topbar p{margin:0;opacity:.9}
.ac-mainbar{padding:18px 20px}
.ac-mainbar__inner{gap:24px}
.ac-logo{margin:0!important;min-width:max-content;font-size:30px!important;font-weight:900!important;letter-spacing:-.05em;color:var(--ac-ink)}
.ac-logo a:after{content:".";color:var(--ac-yellow)}
.ac-search{flex:1;max-width:760px;margin:0!important}
.ac-search .wp-block-search__inside-wrapper{border:2px solid var(--ac-yellow);border-radius:10px;overflow:hidden;padding:0}
.ac-search input{border:0!important;padding:14px 16px!important;font-size:15px}
.ac-search button{margin:0!important;border-radius:0!important;background:var(--ac-yellow)!important;color:var(--ac-ink)!important}
.ac-header-actions{gap:8px}
.ac-header-actions .wp-block-button__link{padding:11px 16px;font-size:14px}
.ac-cart .wp-block-button__link{background:var(--ac-yellow)!important;color:var(--ac-ink)!important}
.ac-navrow{padding:10px 20px;border-top:1px solid var(--ac-line)}
.ac-navigation{font-weight:700;color:var(--ac-ink)}
.ac-navigation .wp-block-navigation-item__content{padding:8px 0}
.ac-nav-promo{margin:0;font-size:14px;color:var(--ac-muted)}

/* Hero */
.ac-hero{padding:42px 20px 54px;background:linear-gradient(135deg,#fff 0%,#fff 55%,#fff8dc 100%)}
.ac-hero__grid{gap:48px}
.ac-hero__title{margin:0 0 18px;max-width:820px;line-height:1.02!important;letter-spacing:-.055em;color:var(--ac-ink);font-weight:900!important}
.ac-hero__copy{max-width:720px;color:var(--ac-muted);line-height:1.7!important}
.ac-hero__actions{margin-top:28px;gap:12px}
.ac-hero__actions .wp-block-button__link{padding:15px 24px}
.ac-trust-row{margin-top:28px;gap:22px;color:var(--ac-muted);font-size:14px}
.ac-trust-row p{margin:0}
.ac-trust-row strong{color:var(--ac-green)}
.ac-hero-panel{padding:36px;border:1px solid rgba(17,24,39,.08);border-radius:var(--ac-radius-lg);background:linear-gradient(145deg,#16181d,#242830);color:#fff;box-shadow:var(--ac-shadow)}
.ac-hero-panel h2{font-size:clamp(30px,3vw,46px);line-height:1.05;letter-spacing:-.04em;margin:12px 0 16px}
.ac-hero-panel p{color:#d1d5db;line-height:1.7}
.ac-hero-panel__badge{display:inline-block!important;width:auto!important;margin:0!important;padding:7px 10px;border-radius:999px;background:var(--ac-yellow);color:var(--ac-ink)!important;font-size:11px;font-weight:900;letter-spacing:.12em}
.ac-hero-panel .wp-block-button__link{margin-top:14px}

/* Categories */
.ac-category-section{padding:72px 20px}
.ac-category-grid{gap:18px}
.ac-category-card{height:100%;padding:28px;border:1px solid var(--ac-line);border-radius:var(--ac-radius);background:#fff;transition:.22s ease}
.ac-category-card:hover{transform:translateY(-4px);box-shadow:var(--ac-shadow-hover);border-color:#d5d7dc}
.ac-category-card h3{margin:16px 0 8px;color:var(--ac-ink);font-size:20px}
.ac-category-card p{color:var(--ac-muted)}
.ac-category-icon{display:grid!important;place-items:center;width:46px!important;height:46px;margin:0!important;border-radius:12px;background:#fff5c4;color:var(--ac-ink)!important;font-size:24px;font-weight:900}

/* Products */
.ac-products-section{padding:72px 20px;background:var(--ac-soft)}
.ac-product-feed ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0!important}
.ac-product-feed ul.products:before,.ac-product-feed ul.products:after{display:none!important}
.ac-product-feed ul.products li.product{width:auto!important;margin:0!important;padding:14px 14px 18px!important;border:1px solid var(--ac-line);border-radius:var(--ac-radius);background:#fff;transition:.22s ease}
.ac-product-feed ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--ac-shadow-hover)}
.ac-product-feed ul.products li.product a img{border-radius:10px;margin-bottom:16px!important}
.ac-product-feed .woocommerce-loop-product__title{font-size:16px!important;line-height:1.35!important;color:var(--ac-ink);min-height:43px}
.ac-product-feed .price{color:var(--ac-ink)!important;font-weight:900!important;font-size:18px!important}
.ac-product-feed .button{width:100%;text-align:center;margin-top:14px!important;background:var(--ac-yellow)!important;color:var(--ac-ink)!important;border-radius:8px!important;font-weight:800!important}
.woocommerce span.onsale{min-width:auto!important;min-height:auto!important;line-height:1!important;padding:7px 9px!important;border-radius:999px!important;background:var(--ac-yellow)!important;color:var(--ac-ink)!important;font-weight:800!important}

/* Promo */
.ac-promo-strip{padding:72px 20px}
.ac-promo-strip__inner{padding:36px 40px;border-radius:var(--ac-radius-lg);background:var(--ac-yellow);gap:24px}
.ac-promo-strip__inner h2{margin:0;max-width:780px;color:var(--ac-ink);font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.04em}
.ac-promo-strip__inner .ac-eyebrow{color:#6d5000}
.ac-promo-strip__inner .wp-block-button__link{background:var(--ac-ink)!important;color:#fff!important}

/* Footer */
.ac-footer{padding:58px 20px 24px}
.ac-footer__grid{gap:42px;padding-bottom:36px}
.ac-footer h4,.ac-footer .wp-block-site-title{color:#fff}
.ac-footer p{color:#c7cbd1;line-height:1.7}
.ac-footer a:hover{color:var(--ac-yellow)}
.ac-footer__bottom{padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}

/* Internal pages */
.ac-page-shell{padding:48px 20px 72px}
.ac-page-shell>.wp-block-group{max-width:var(--ac-wide)}
.ac-page-title{margin:0 0 30px;color:var(--ac-ink);font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.045em}
.ac-entry-content{font-size:17px;line-height:1.75}
.ac-entry-content>*:first-child{margin-top:0}
.ac-post-card{padding:24px;border:1px solid var(--ac-line);border-radius:var(--ac-radius);background:#fff}
.ac-post-card+.ac-post-card{margin-top:16px}
.ac-post-card h2{margin-top:0;color:var(--ac-ink)}
.ac-empty-state{padding:60px 24px;border:1px dashed #cfd4dc;border-radius:var(--ac-radius-lg);background:var(--ac-soft);text-align:center}

/* WooCommerce global */
.woocommerce{color:var(--ac-text)}
.woocommerce .button,.woocommerce button.button,.woocommerce input.button{border-radius:8px!important;background:var(--ac-yellow)!important;color:var(--ac-ink)!important;font-weight:800!important;padding:12px 18px!important}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--ac-yellow-dark)!important;color:var(--ac-ink)!important}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ac-ink)!important}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top:3px solid var(--ac-yellow)!important;border-radius:10px;background:#fffdf4!important;box-shadow:0 8px 30px rgba(17,24,39,.05)}
.woocommerce-message::before,.woocommerce-info::before{color:#b17e00!important}
.woocommerce-error{border-top-color:var(--ac-danger)!important}
.woocommerce-error::before{color:var(--ac-danger)!important}

/* Shop / archives */
.woocommerce .woocommerce-breadcrumb{margin:0 0 24px;color:var(--ac-muted);font-size:14px}
.woocommerce .woocommerce-result-count{color:var(--ac-muted)}
.woocommerce .woocommerce-ordering select{padding:10px 34px 10px 12px;border:1px solid var(--ac-line);border-radius:8px;background:#fff}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:28px 0 0!important}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}
.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:14px 14px 18px!important;border:1px solid var(--ac-line);border-radius:var(--ac-radius);background:#fff;transition:.22s ease}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--ac-shadow-hover)}
.woocommerce ul.products li.product a img{border-radius:10px;margin-bottom:16px!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px!important;line-height:1.35!important;color:var(--ac-ink);min-height:43px}
.woocommerce ul.products li.product .price{color:var(--ac-ink)!important;font-size:18px!important;font-weight:900!important}
.woocommerce ul.products li.product .button{display:block;width:100%;text-align:center;margin-top:14px!important}

/* Single product */
.woocommerce div.product{padding-top:18px}
.woocommerce div.product div.images img{border-radius:var(--ac-radius);background:var(--ac-soft)}
.woocommerce div.product .summary{padding:10px 0}
.woocommerce div.product .product_title{margin:0 0 14px;font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.045em;color:var(--ac-ink)}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-size:28px!important;font-weight:900!important}
.woocommerce div.product .woocommerce-product-details__short-description{font-size:17px;line-height:1.7;color:var(--ac-muted)}
.woocommerce div.product form.cart{display:flex;gap:10px;align-items:stretch;margin:26px 0}
.woocommerce div.product form.cart .quantity .qty{height:100%;min-height:44px;padding:10px;border:1px solid var(--ac-line);border-radius:8px}
.woocommerce div.product .product_meta{padding-top:18px;border-top:1px solid var(--ac-line);color:var(--ac-muted)}
.woocommerce div.product .woocommerce-tabs{margin-top:54px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border:0!important;background:transparent!important}
.woocommerce div.product .woocommerce-tabs .panel{padding:24px;border:1px solid var(--ac-line);border-radius:var(--ac-radius);background:#fff}
.related.products>h2,.upsells.products>h2{font-size:30px;color:var(--ac-ink)}

/* Cart */
.woocommerce-cart table.cart,.woocommerce table.shop_table{border:1px solid var(--ac-line)!important;border-radius:var(--ac-radius)!important;overflow:hidden;background:#fff}
.woocommerce table.shop_table th{background:var(--ac-soft);color:var(--ac-ink)}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{padding:14px!important;border-color:var(--ac-line)!important}
.woocommerce-cart table.cart img{width:72px;border-radius:8px}
.woocommerce-cart .cart-collaterals{margin-top:30px}
.woocommerce-cart .cart_totals{padding:24px;border:1px solid var(--ac-line);border-radius:var(--ac-radius);background:var(--ac-soft)}
.woocommerce-cart .cart_totals h2{margin-top:0;color:var(--ac-ink)}
.woocommerce-cart .checkout-button{font-size:17px!important}

/* Checkout */
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:32px}
.woocommerce-checkout #customer_details{grid-column:1}
.woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review{grid-column:2}
.woocommerce-checkout #order_review{padding:22px;border:1px solid var(--ac-line);border-radius:var(--ac-radius);background:var(--ac-soft)}
.woocommerce form .form-row label{font-weight:700;color:var(--ac-ink)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{min-height:46px;padding:10px 12px;border:1px solid var(--ac-line);border-radius:8px;background:#fff}
.woocommerce form .form-row textarea{min-height:120px}
.woocommerce-checkout #payment{background:#fff!important;border:1px solid var(--ac-line);border-radius:10px!important}
.woocommerce-checkout #payment div.payment_box{background:var(--ac-soft)!important}
.woocommerce-checkout #place_order{width:100%;font-size:17px}

/* Account */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px}
.woocommerce-account .woocommerce-MyAccount-navigation{float:none!important;width:auto!important;padding:16px;border:1px solid var(--ac-line);border-radius:var(--ac-radius);background:var(--ac-soft)}
.woocommerce-account .woocommerce-MyAccount-navigation ul{margin:0;padding:0;list-style:none}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:11px 12px;border-radius:8px;font-weight:700}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:#fff;color:var(--ac-ink)}
.woocommerce-account .woocommerce-MyAccount-content{float:none!important;width:auto!important}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul{border:0!important}
.woocommerce nav.woocommerce-pagination ul li{border:0!important;margin:0 4px!important}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{display:grid!important;place-items:center;min-width:40px;min-height:40px;border:1px solid var(--ac-line)!important;border-radius:8px!important}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ac-yellow)!important;color:var(--ac-ink)!important}

/* Responsive */
@media(max-width:1000px){
  .ac-mainbar__inner{flex-wrap:wrap!important}
  .ac-search{order:3;max-width:none;width:100%}
  .ac-product-feed ul.products,.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .woocommerce-checkout form.checkout{grid-template-columns:1fr}
  .woocommerce-checkout #customer_details,.woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review{grid-column:1}
  .woocommerce-account .woocommerce{grid-template-columns:1fr}
}
@media(max-width:781px){
  .ac-topbar .alignwide>p:last-child,.ac-nav-promo{display:none}
  .ac-mainbar{padding:14px 16px}
  .ac-mainbar__inner{gap:14px}
  .ac-logo{font-size:25px!important}
  .ac-header-actions .ac-account{display:none}
  .ac-header-actions .wp-block-button__link{padding:9px 12px}
  .ac-navrow{padding:8px 16px}
  .ac-hero{padding:34px 16px 42px}
  .ac-hero__grid{gap:28px}
  .ac-hero-panel{padding:26px}
  .ac-category-section,.ac-products-section,.ac-promo-strip{padding:52px 16px}
  .ac-category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
  .ac-promo-strip__inner{padding:28px}
  .ac-page-shell{padding:36px 16px 56px}
  .woocommerce div.product form.cart{flex-wrap:wrap}
}
@media(max-width:520px){
  .ac-product-feed ul.products,.woocommerce ul.products{grid-template-columns:1fr}
  .ac-category-grid{grid-template-columns:1fr}
  .ac-search input{font-size:14px}
  .ac-hero__title{font-size:42px!important}
}