/** Theme Name: AZCA Child Author: AZCA Marketing Author URI: https://www.azcamarketing.com Description: AZCA es el tema más rápido, completamente personalizable y hermoso, adecuado para blogs, portafolios personales y sitios web comerciales. Es muy ligero (menos de 50 KB en la interfaz) y ofrece una velocidad incomparable. Construido con SEO en mente, AZCA viene con el código de schema.org integrado para que los motores de búsqueda adoren su sitio. AZCA ofrece muchas opciones de barra lateral y áreas de widgets que le brindan un control total para las personalizaciones. Algunas de las otras características: # WooCommerce Ready # Responsive # Compatible con los principales complementos # Translation Ready # Ampliable con complementos premium # Actualizado regularmente ¿Buscas un tema base perfecto? No busque más. ¡AZCA es un tema rápido, completamente personalizable y hermoso! Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: azca-child Template: astra */ /* ============================================ 2 AZCA FASHION STORE — CSS v2.0 3 Ref: Aristocrazy / COS / Massimo Dutti 4 Max-width: 1440px | Dark header | Montserrat 5 ============================================ */ 6 7 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0, 500;0,600;0,700;1,300&display=swap'); 8 9 /* === VARIABLES === */ 10 :root { 11 --color-black: #0a0a0a; 12 --color-white: #ffffff; 13 --color-gray-light: #f7f7f7; 14 --color-gray-mid: #e0e0e0; 15 --color-gray-text: #888888; 16 --color-accent: #c9a96e; /* dorado suave */ 17 --font-main: 'Montserrat', sans-serif; 18 --max-width: 1440px; 19 --header-height: 70px; 20 } 21 32 33 /* === CONTENEDOR GLOBAL MAX-WIDTH === */ 34 .site-content > .container, 35 .entry-content, 36 .wp-block-group__inner-container, 37 .wp-block-columns, 38 .alignwide, 39 .alignfull > *, 40 .woocommerce > .woocommerce-notices-wrapper + *, 41 .woocommerce-page .woocommerce { 42 max-width: var(--max-width); 43 margin-left: auto; 44 margin-right: auto; 45 padding-left: 24px; 46 padding-right: 24px; 47 } 48 49 .wp-block-group.alignfull .wp-block-group__inner-container, 50 .wp-block-cover.alignfull .wp-block-cover__inner-container { 51 max-width: var(--max-width); 52 margin: 0 auto; 53 padding: 0 40px; 54 } 80 81 /* Nav links */ 82 .main-navigation a, 83 .ast-main-navigation a, 84 .main-header-bar-navigation a, 85 #site-navigation a { 86 color: #cccccc !important; 87 text-transform: uppercase !important; 88 letter-spacing: 0.1em !important; 89 font-size: 11px !important; 90 font-weight: 500 !important; 91 padding: 8px 16px !important; 92 transition: color 0.2s ease !important; 93 } 94 95 .main-navigation a:hover, 96 .ast-main-navigation a:hover, 97 #site-navigation a:hover { 98 color: var(--color-accent) !important; 99 } 100 101 /* Icono carrito en header */ 102 .ast-cart-menu-wrap, 103 .woocommerce-cart-item-count { 104 color: var(--color-white) !important; 105 } 106 107 /* === BOTONES === */ 108 .wp-block-button__link, 109 .woocommerce a.button, 110 .woocommerce button.button, 111 .woocommerce input.button, 112 .woocommerce #respond input#submit, 113 .woocommerce a.button.alt, 114 .woocommerce button.button.alt { 115 background: var(--color-black) !important; 116 color: var(--color-white) !important; 117 border: 1.5px solid var(--color-black) !important; 118 border-radius: 0 !important; 119 padding: 14px 36px !important; 120 font-family: var(--font-main) !important; 121 font-size: 11px !important; 122 font-weight: 600 !important; 123 letter-spacing: 0.15em !important; 124 text-transform: uppercase !important; 125 transition: all 0.25s ease !important; 126 cursor: pointer !important; 127 display: inline-block !important; 128 } 129 130 .wp-block-button__link:hover, 131 .woocommerce a.button:hover, 132 .woocommerce button.button:hover, 133 .woocommerce a.button.alt:hover, 134 .woocommerce button.button.alt:hover { 135 background: var(--color-white) !important; 136 color: var(--color-black) !important; 137 } 138 139 /* Botón secundario (outlined) */ 140 .wp-block-button.is-style-outline .wp-block-button__link { 141 background: transparent !important; 142 color: var(--color-black) !important; 143 border: 1.5px solid var(--color-black) !important; 144 } 145 .wp-block-button.is-style-outline .wp-block-button__link:hover { 146 background: var(--color-black) !important; 147 color: var(--color-white) !important; 148 } 149 150 /* === TÍTULOS === */ 151 h1, h2, h3, h4, h5, h6 { 152 font-family: var(--font-main) !important; 153 color: var(--color-black); 154 line-height: 1.15; 155 margin-top: 0; 156 } 157 158 h1 { font-size: clamp(32px, 5vw, 72px); font-weight: 300; letter-spacing: 0.08em; } 159 h2 { font-size: clamp(22px, 3vw, 44px); font-weight: 300; letter-spacing: 0.06em; } 160 h3 { font-size: clamp(16px, 2vw, 24px); font-weight: 500; letter-spacing: 0.05em; } 161 162 /* === HERO / COVER BLOCK === */ 163 .wp-block-cover { 164 min-height: 88vh !important; 165 } 166 .wp-block-cover__inner-container { 167 text-align: center; 168 max-width: 700px; 169 margin: 0 auto; 170 } 171 172 /* === GRID WOOCOMMERCE === */ 173 .woocommerce ul.products, 174 .woocommerce-page ul.products { 175 display: grid !important; 176 grid-template-columns: repeat(4, 1fr) !important; 177 gap: 2px !important; 178 list-style: none !important; 179 padding: 0 !important; 180 margin: 0 !important; 181 } 182 183 .woocommerce ul.products li.product, 184 .woocommerce-page ul.products li.product { 185 margin: 0 !important; 186 padding: 0 !important; 187 background: var(--color-white); 188 overflow: hidden; 189 } 190 191 .woocommerce ul.products li.product a img, 192 .woocommerce-page ul.products li.product a img { 193 width: 100% !important; 194 aspect-ratio: 3/4 !important; 195 object-fit: cover !important; 196 display: block !important; 197 transition: transform 0.5s ease !important; 198 } 199 200 .woocommerce ul.products li.product:hover a img { 201 transform: scale(1.04); 202 } 203 204 .woocommerce ul.products li.product .woocommerce-loop-product__title { 205 font-size: 12px !important; 206 font-weight: 500 !important; 207 letter-spacing: 0.08em !important; 208 text-transform: uppercase !important; 209 margin: 14px 12px 4px !important; 210 padding: 0 !important; 211 } 212 213 .woocommerce ul.products li.product .price { 214 font-size: 13px !important; 215 color: var(--color-black) !important; 216 font-weight: 400 !important; 217 margin: 0 12px 12px !important; 218 } 219 220 .woocommerce ul.products li.product .button { 221 display: none !important; /* Se muestra en hover via CSS */ 222 } 223 224 /* === SINGLE PRODUCT === */ 225 .woocommerce div.product .product_title { 226 font-size: clamp(22px, 3vw, 36px) !important; 227 font-weight: 300 !important; 228 letter-spacing: 0.05em !important; 229 } 230 .woocommerce div.product p.price, 231 .woocommerce div.product span.price { 232 font-size: 20px !important; 233 color: var(--color-black) !important; 234 font-weight: 400 !important; 235 } 236 .woocommerce div.product form.cart .button { 237 width: 100% !important; 238 padding: 18px !important; 239 font-size: 12px !important; 240 margin-top: 16px !important; 241 } 242 243 /* Tabs de producto */ 244 .woocommerce div.product .woocommerce-tabs ul.tabs li a { 245 font-size: 11px !important; 246 letter-spacing: 0.1em !important; 247 text-transform: uppercase !important; 248 font-weight: 600 !important; 249 } 250 251 /* === PÁGINA TIENDA (SHOP) === */ 252 .woocommerce-shop .entry-title, 253 .woocommerce-page h1.page-title { 254 font-size: clamp(20px, 2.5vw, 32px) !important; 255 font-weight: 300 !important; 256 letter-spacing: 0.12em !important; 257 text-align: center !important; 258 text-transform: uppercase !important; 259 padding: 48px 0 32px !important; 260 border-bottom: 1px solid var(--color-gray-mid) !important; 261 margin-bottom: 40px !important; 262 } 263 264 /* === BREADCRUMBS === */ 265 .woocommerce-breadcrumb, 266 nav.woocommerce-breadcrumb { 267 font-size: 10px !important; 268 letter-spacing: 0.12em !important; 269 text-transform: uppercase !important; 270 color: var(--color-gray-text) !important; 271 padding: 20px 0 !important; 272 } 273 274 /* === FORMULARIOS === */ 275 input[type="text"], 276 input[type="email"], 277 input[type="tel"], 278 input[type="number"], 279 input[type="password"], 280 input[type="search"], 281 textarea, 282 select { 283 border: 1px solid var(--color-gray-mid) !important; 284 border-radius: 0 !important; 285 font-family: var(--font-main) !important; 286 font-size: 13px !important; 287 padding: 14px 18px !important; 288 background: var(--color-white) !important; 289 color: var(--color-black) !important; 290 transition: border-color 0.2s ease !important; 291 width: 100% !important; 292 } 293 input:focus, textarea:focus, select:focus { 294 border-color: var(--color-black) !important; 295 outline: none !important; 296 box-shadow: none !important; 297 } 298 299 /* === SEPARADORES === */ 300 .wp-block-separator, 301 hr { 302 border: none !important; 303 border-top: 1px solid var(--color-gray-mid) !important; 304 margin: 40px 0 !important; 305 } 306 307 /* === COLUMNAS EN PÁGINAS === */ 308 .wp-block-columns { 309 gap: 40px !important; 310 } 370 371 /* === RESPONSIVE === */ 372 @media (max-width: 1200px) { 373 .woocommerce ul.products { grid-template-columns: repeat(3, 1fr) !important; } 374 } 375 376 @media (max-width: 768px) { 377 :root { --header-height: 60px; } 378 .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; } 379 .wp-block-columns { flex-direction: column !important; } 380 .wp-block-cover { min-height: 70vh !important; } 381 h1 { font-size: clamp(28px, 8vw, 48px) !important; } 382 383 .wp-block-group.alignfull .wp-block-group__inner-container, 384 .wp-block-cover.alignfull .wp-block-cover__inner-container { 385 padding: 0 20px; 386 } 387 } 388 389 @media (max-width: 480px) { 390 .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 1px ! important; } 391 .wp-block-cover { min-height: 60vh !important; } 392 }