/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.18.1766198598
Updated: 2025-12-20 02:43:18

*/

/* =========================================================
   PILUKA – CSS ÚNICO (ASTRA + WOO CHECKOUT CLÁSICO + STRIPE)
   Objetivo:
   - Labels SIEMPRE blancos
   - Campos blancos + texto oscuro
   - Caja Stripe beige + campos dentro blancos
   - Checkbox (términos / etc.) en dorado (no azul)
   - Botón "Realizar el pedido" COMO captura (amarillo + blanco)
========================================================= */

/* =========================
   1) VARIABLES MARCA
========================= */
:root{
  --p-bg:#232323;
  --p-text:#ffffff;
  --p-muted:#cfcfcf;
  --p-black:#232323;

  --p-cream:#FAF4D0;
  --p-cream-2:#F2ECCE;

  --p-accent:#F2DE79;
  --p-accent-2:#F2C12E;

  --p-border:#ffffff;
  --p-danger:#ff3b3b;
}

/* =========================
   2) CF7 – RGPD checkbox + botón
========================= */
.wpcf7 form .wpcf7-acceptance .wpcf7-list-item{
  display:inline-flex;
  align-items:center;
}

.wpcf7 form .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]{
  -webkit-appearance:none;
  appearance:none;
  width:18px;
  height:18px;
  border:2px solid var(--p-accent);
  background:transparent;
  border-radius:3px;
  margin:0 .5rem 0 0;
  position:relative;
  cursor:pointer;
  outline:none;
}

.wpcf7 form .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]:checked{
  background:var(--p-black) !important;
  border-color:var(--p-accent);
}

.wpcf7 form .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]:checked::after{
  content:"";
  position:absolute;
  left:4px;
  top:0px;
  width:6px;
  height:11px;
  border-right:2px solid var(--p-accent);
  border-bottom:2px solid var(--p-accent);
  transform:rotate(45deg);
}

.wpcf7 form .wpcf7-acceptance .wpcf7-list-item-label{
  color:var(--p-text) !important;
  opacity:1 !important;
  visibility:visible !important;
}

.wpcf7 form .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]:focus{
  outline:2px solid var(--p-accent-2);
  outline-offset:2px;
}

.wpcf7 form .wpcf7-submit,
.wpcf7 form input[type="submit"]{
  background:var(--p-black);
  color:var(--p-cream);
  border:1px solid var(--p-black);
  border-radius:3px;
  padding:.75rem 1.25rem;
  font:inherit;
  font-weight:600;
  cursor:pointer;
  line-height:1;
  transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}

.wpcf7 form .wpcf7-submit:hover,
.wpcf7 form .wpcf7-submit:focus{
  background:#2A2A2A;
  outline:none;
  transform:translateY(-1px);
  box-shadow:0 0 0 3px var(--p-accent);
}

.wpcf7 .wpcf7-spinner{ margin-left:.5rem; }

/* =========================
   3) Woo – Tabs producto
========================= */
.woocommerce-Tabs-panel p{ line-height:1.7 !important; }

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  color:var(--p-accent) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  color:var(--p-cream) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
  border-bottom:2px solid var(--p-accent) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:transparent !important;
}

/* =========================
   4) CHECKOUT (CLÁSICO) – SOLO checkout
========================= */
body.woocommerce-checkout,
body.woocommerce-checkout #page,
body.woocommerce-checkout .site{
  background:var(--p-bg) !important;
  color:var(--p-text) !important;
}

body.woocommerce-checkout.woocommerce-page .woocommerce{
  max-width:1180px;
  margin:0 auto;
  padding:24px 18px 40px;
  box-sizing:border-box;
}

body.woocommerce-checkout.woocommerce-page h3,
body.woocommerce-checkout.woocommerce-page #order_review_heading{
  color:var(--p-text) !important;
}

/* Labels: BLANCOS sí o sí */
body.woocommerce-checkout.woocommerce-page .woocommerce form.checkout .form-row label,
body.woocommerce-checkout.woocommerce-page .woocommerce form.checkout .form-row label *,
body.woocommerce-checkout.woocommerce-page .woocommerce-billing-fields label,
body.woocommerce-checkout.woocommerce-page .woocommerce-shipping-fields label,
body.woocommerce-checkout.woocommerce-page .woocommerce-additional-fields label{
  color:var(--p-text) !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  text-shadow:none !important;
  font-weight:600 !important;
}

/* Texto auxiliar */
body.woocommerce-checkout.woocommerce-page .woocommerce form.checkout .form-row .optional,
body.woocommerce-checkout.woocommerce-page .woocommerce form.checkout .form-row small{
  color:var(--p-muted) !important;
  opacity:1 !important;
}

/* Asterisco requerido */
body.woocommerce-checkout.woocommerce-page .woocommerce .required{
  color:var(--p-danger) !important;
  text-decoration:none !important;
}

/* Inputs */
body.woocommerce-checkout.woocommerce-page .woocommerce form.checkout input.input-text,
body.woocommerce-checkout.woocommerce-page .woocommerce form.checkout textarea,
body.woocommerce-checkout.woocommerce-page .woocommerce form.checkout select{
  background:#ffffff !important;
  color:var(--p-black) !important;
  border:1px solid rgba(35,35,35,.35) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.woocommerce-checkout.woocommerce-page .woocommerce form.checkout input.input-text:focus,
body.woocommerce-checkout.woocommerce-page .woocommerce form.checkout textarea:focus,
body.woocommerce-checkout.woocommerce-page .woocommerce form.checkout select:focus{
  outline:none !important;
  border-color:rgba(35,35,35,.55) !important;
  box-shadow:none !important;
}

/* Placeholder */
body.woocommerce-checkout.woocommerce-page .woocommerce form.checkout ::placeholder{
  color:rgba(35,35,35,.60) !important;
  opacity:1 !important;
}

/* Checkboxes/radios: dorado (NO azul) */
body.woocommerce-checkout input[type="checkbox"],
body.woocommerce-checkout input[type="radio"]{
  -webkit-appearance:auto !important;
  appearance:auto !important;
  accent-color:var(--p-accent-2) !important;
}

/* Tabla pedido */
body.woocommerce-checkout.woocommerce-page #order_review,
body.woocommerce-checkout.woocommerce-page #order_review *,
body.woocommerce-checkout.woocommerce-page .shop_table,
body.woocommerce-checkout.woocommerce-page .shop_table *{
  color:var(--p-text) !important;
}

body.woocommerce-checkout.woocommerce-page .shop_table th,
body.woocommerce-checkout.woocommerce-page .shop_table td{
  border-color:rgba(255,255,255,0.25) !important;
}

/* Avisos Woo (franja blanca) */
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message{
  background:#ffffff !important;
  color:var(--p-black) !important;
  border:1px solid var(--p-border) !important;
}
body.woocommerce-checkout .woocommerce-error::before,
body.woocommerce-checkout .woocommerce-info::before,
body.woocommerce-checkout .woocommerce-message::before{
  color:var(--p-black) !important;
}

/* Links checkout (para que “se vea el enlace”) */
body.woocommerce-checkout a{
  color:var(--p-accent) !important;
  text-decoration:underline !important;
}

/* Zona pagos */
body.woocommerce-checkout #payment{
  background:transparent !important;
}
body.woocommerce-checkout #payment ul.payment_methods{
  border-top:1px solid rgba(255,255,255,0.25) !important;
}
body.woocommerce-checkout #payment ul.payment_methods li > label{
  color:var(--p-text) !important;
  font-weight:600 !important;
}

/* ===== Stripe: CAJA BEIGE + BORDE BLANCO ===== */
body.woocommerce-checkout #payment div.payment_box.payment_method_stripe{
  background:var(--p-cream) !important;
  color:var(--p-black) !important;
  border:1px solid var(--p-border) !important;
  border-radius:0 !important;
  padding:18px 18px 16px !important;
  margin-top:10px !important;
}

body.woocommerce-checkout #payment div.payment_box.payment_method_stripe:before{
  border-bottom-color:var(--p-cream) !important;
}

body.woocommerce-checkout #payment div.payment_box.payment_method_stripe > p:empty,
body.woocommerce-checkout #payment div.payment_box.payment_method_stripe br{
  display:none !important;
}

body.woocommerce-checkout #wc-stripe-cc-form label{
  color:var(--p-black) !important;
  margin:0 0 6px !important;
  padding:0 !important;
  font-weight:600 !important;
}

body.woocommerce-checkout #wc-stripe-cc-form .wc-stripe-elements-field,
body.woocommerce-checkout #wc-stripe-cc-form .StripeElement{
  background:#ffffff !important;
  border:1px solid rgba(35,35,35,.35) !important;
  border-radius:0 !important;
  padding:12px !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}

body.woocommerce-checkout .woocommerce-SavedPaymentMethods-saveNew,
body.woocommerce-checkout .woocommerce-SavedPaymentMethods-saveNew label{
  color:var(--p-black) !important;
}

/* Privacidad + términos */
body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout .woocommerce-privacy-policy-text *,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper *{
  color:var(--p-text) !important;
  opacity:1 !important;
}

/* Checkbox términos: visible y dorado */
body.woocommerce-checkout input#terms,
body.woocommerce-checkout input[name="terms"]{
  display:inline-block !important;
  width:16px !important;
  height:16px !important;
  opacity:1 !important;
  visibility:visible !important;
  position:static !important;
  margin-right:8px !important;
  accent-color:var(--p-accent-2) !important;
}

/* =========================
   5) BOTÓN “REALIZAR EL PEDIDO” (IGUAL QUE TU CAPTURA)
========================= */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout button#place_order,
body.woocommerce-checkout .woocommerce #place_order,
body.woocommerce-checkout .woocommerce-checkout #place_order{
  background:var(--p-accent) !important;     /* amarillo captura */
  color:#ffffff !important;                 /* texto blanco captura */
  border:1px solid #ffffff !important;      /* borde blanco */
  border-radius:3px !important;             /* tu radius */
  padding:10px 16px !important;             /* menos padding */
  line-height:1.1 !important;
  min-height:0 !important;
  height:auto !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

body.woocommerce-checkout #place_order:hover{
  background:var(--p-accent-2) !important;  /* un punto más “oro” al hover */
  filter:none !important;
}

body.woocommerce-checkout #place_order:focus{
  outline:2px solid #ffffff !important;
  outline-offset:2px !important;
}
/* =========================================================
   CARRITO – QTY + BOTÓN (CLÁSICO + WOO BLOCKS)
========================================================= */

:root{
  --p-brand:#F2DE79;      /* tu color */
  --p-brand-text:#232323; /* texto */
  --p-gold:#c9a875;
}

/* ---------- A) CARRITO CLÁSICO (shortcode) ---------- */
body.woocommerce-cart .woocommerce-cart-form .quantity input.qty,
body.woocommerce-cart .woocommerce .quantity input.qty{
  background:#fff !important;
  color:#232323 !important;
  -webkit-text-fill-color:#232323 !important;
  opacity:1 !important;
  border:2px solid var(--p-gold) !important;
  font-weight:700 !important;
  text-align:center !important;
  min-height:44px !important;
  width:56px !important;
  padding:0 !important;
  display:inline-block !important;
  visibility:visible !important;
  font-size:16px !important;
}

body.woocommerce-cart .woocommerce-cart-form .quantity .minus,
body.woocommerce-cart .woocommerce-cart-form .quantity .plus{
  background:#232323 !important;
  color:#fff !important;
  border:2px solid var(--p-gold) !important;
  min-height:44px !important;
  width:44px !important;
}

/* Botón checkout clásico */
body.woocommerce-cart .woocommerce a.checkout-button,
body.woocommerce-cart .woocommerce a.checkout-button.button.alt{
  background:var(--p-brand) !important;
  color:var(--p-brand-text) !important;
  border:2px solid var(--p-brand) !important;
  border-radius:3px !important;
  padding:18px 28px !important;
  font-weight:700 !important;
  text-transform:none !important;
}

/* ---------- B) CARRITO WOO BLOCKS (bloques) ---------- */
body.woocommerce-cart .wc-block-components-quantity-selector__input{
  background:#fff !important;
  color:#232323 !important;
  -webkit-text-fill-color:#232323 !important;
  opacity:1 !important;
  border:2px solid var(--p-gold) !important;
  font-weight:700 !important;
  text-align:center !important;
  min-height:44px !important;
  width:56px !important;
  padding:0 !important;
  display:inline-block !important;
  visibility:visible !important;
  font-size:16px !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector__button{
  background:#232323 !important;
  color:#fff !important;
  border:2px solid var(--p-gold) !important;
  min-height:44px !important;
  width:44px !important;
}

/* Botón checkout Blocks */
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart a.wc-block-components-button.wc-block-cart__submit-button{
  background:var(--p-brand) !important;
  color:var(--p-brand-text) !important;
  border:2px solid var(--p-brand) !important;
  border-radius:3px !important;
  padding:18px 28px !important;
  font-weight:700 !important;
  text-transform:none !important;
}
/* Remate visual (opcional) */
body.woocommerce-cart .wc-block-components-quantity-selector__input,
body.woocommerce-cart .woocommerce-cart-form .quantity input.qty{
  border-radius:3px !important;
}

body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .woocommerce a.checkout-button{
  border-radius:3px !important;
  transition:filter .2s ease, transform .05s ease !important;
}

body.woocommerce-cart .wc-block-cart__submit-button:hover,
body.woocommerce-cart .woocommerce a.checkout-button:hover{
  filter:brightness(.96) !important;
}

body.woocommerce-cart .wc-block-cart__submit-button:active,
body.woocommerce-cart .woocommerce a.checkout-button:active{
  transform:scale(.99) !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector__input:focus,
body.woocommerce-cart .woocommerce-cart-form .quantity input.qty:focus{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(201,168,117,.35) !important;
}
/* =========================================================
   AVISOS WOO (mensaje añadido al carrito) – BOTÓN "VER CARRITO"
========================================================= */

:root{
  --p-brand:#F2DE79;
  --p-brand-text:#232323;
}

/* Woo clásico: "Se ha añadido al carrito" */
.woocommerce-message a.button,
.woocommerce-info a.button,
.woocommerce-error a.button,
.woocommerce-message a.wc-forward{
  background:var(--p-brand) !important;
  color:var(--p-brand-text) !important;
  border:2px solid var(--p-brand) !important;
  border-radius:3px !important;
  padding:12px 18px !important;
  font-weight:700 !important;
  text-transform:none !important;
  box-shadow:none !important;
}

.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-error a.button:hover{
  filter:brightness(.96) !important;
}

.woocommerce-message a.button:focus,
.woocommerce-info a.button:focus,
.woocommerce-error a.button:focus{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(201,168,117,.35) !important;
}

/* Woo Blocks (por si algún aviso viene en formato bloques) */
.wc-block-components-notice-banner a.wc-block-components-button,
.wc-block-components-notice-banner .wc-block-components-button{
  background:var(--p-brand) !important;
  color:var(--p-brand-text) !important;
  border:2px solid var(--p-brand) !important;
  border-radius:3px !important;
  font-weight:700 !important;
}