/* Generado por build-theme.mjs — no editar a mano. */

/* ── Rejilla de producto ─────────────────────────────────────────────────── */
/*
   Paginación. WooCommerce la pinta como una lista <ul.page-numbers> y sin
   vestir sale como cuadritos apretados sobre el fondo oscuro — que es
   exactamente lo que se veía. Se le da la forma de los chips de categoría:
   píldoras, la activa en amarillo.

   El diseño NO tiene paginación (enseñaba 30 referencias en una rejilla). Con
   121 productos se decidió paginar de 24 en 24 (usuario, 2026-07-29), así que
   esto es «construir», no «traducir»: se usa el lenguaje del diseño.
*/
.woocommerce nav.woocommerce-pagination{margin:34px 0 0; text-align:center;}
.woocommerce nav.woocommerce-pagination ul{
  display:inline-flex; flex-wrap:wrap; gap:8px; justify-content:center;
  border:none !important; margin:0; padding:0; list-style:none;
}
.woocommerce nav.woocommerce-pagination ul li{border:none !important; margin:0; overflow:visible;}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:42px; height:42px; padding:0 14px; box-sizing:border-box;
  border-radius:999px; font-family:var(--pc-mono); font-size:12.5px;
  background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12);
  color:var(--pc-texto) !important; text-decoration:none; transition:background .3s, border-color .3s;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{background:rgba(255,212,0,0.14); border-color:rgba(255,212,0,0.45);}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:var(--pc-amarillo) !important; border-color:var(--pc-amarillo) !important;
  color:#0B0B0C !important; font-weight:700;
}
.woocommerce nav.woocommerce-pagination ul li span.dots{background:transparent; border-color:transparent; color:var(--pc-gris) !important;}

/*
   El panel de filtros, como lo define el diseño: en escritorio SIEMPRE visible y
   sin botón; por debajo de 767 px aparece el botón «Filtros +» y el panel se
   colapsa hasta que se pulsa.
*/
@media (max-width:767px){
  .baterias_powercar-filtros [data-r~=filtbtn]{display:flex !important;}
  .baterias_powercar-filtros [data-r~=filtwrap]{margin-top:16px;}
  .baterias_powercar-filtros [data-r~=filtwrap][data-open="0"]{display:none !important;}
  .baterias_powercar-filtros [data-r~=filtwrap][data-open="1"]{display:block !important;}
}
.baterias_powercar-filtros [data-r~=filtbtn][aria-expanded=true] span:last-child{transform:rotate(45deg);}
.baterias_powercar-filtros [data-r~=filtbtn] span:last-child{display:inline-block; transition:transform .3s;}
/* El <select> de orden lo pinta WooCommerce dentro de su propio <form>: se
   neutraliza para que herede la rejilla de filtros en vez de flotar. */
.baterias_powercar-filtros form.woocommerce-ordering{margin:0;}
.baterias_powercar-filtros form.woocommerce-ordering select{
  width:100%; background:rgba(0,0,0,0.30); border:1px solid rgba(255,255,255,0.14);
  border-radius:12px; color:var(--pc-texto); padding:11px 14px; font-family:inherit;
  font-size:13px; min-height:44px;
}

ul.products{display:grid !important; grid-template-columns:repeat(4,1fr); gap:18px; list-style:none; margin:0 !important; padding:0 !important;}
ul.products::before,ul.products::after{display:none !important;}
ul.products li.product{width:auto !important; margin:0 !important; float:none !important; clear:none !important;}
@media (max-width:1023px){ul.products{grid-template-columns:repeat(2,1fr);}}

/*
   En el teléfono, DOS tarjetas por fila. Decisión del usuario: «en la tienda de
   teléfono deben verse 2 tarjetas no una».

   Una sola columna obliga a recorrer 121 productos de arriba abajo, con una
   pantalla por producto. Con dos, la comparación de precio —que es como se
   compra una batería— entra de un vistazo.

   Y la tarjeta tiene que encogerse con la columna: a ~165 px de ancho, la caja
   de foto de 210 px de alto y el relleno de 22 px dejaban el precio fuera de la
   pantalla. No es cuestión de gusto: con los valores de escritorio, en dos
   columnas la tarjeta no cabe.
*/
@media (max-width:767px){
  ul.products{grid-template-columns:repeat(2,1fr); gap:10px;}

  /* La caja de la foto: la altura es del diseño y está en el atributo style, así
     que hace falta el !important para bajarla. */
  ul.products li.product > div > div:first-child{height:150px !important; padding:12px !important;}

  /* El cuerpo de la tarjeta, más apretado. */
  ul.products li.product > div > div:last-child{padding:14px !important; gap:6px !important;}

  /* El nombre y el precio, los dos datos que hay que poder leer. */
  ul.products li.product .baterias_powercar-card-enlace{font-size:15px !important;}

  /* La descripción corta se va: en 165 px son cuatro líneas de relleno que
     empujan el precio fuera. Las cifras (CCA, Ah, garantía) se quedan, que son
     lo que se compara. */
  ul.products li.product > div > div:last-child > div:nth-child(3){display:none;}

  /* Las etiquetas de la esquina, proporcionales. */
  ul.products li.product > div > div:first-child > div{font-size:9.5px !important; padding:3px 7px !important;}

  /* Precio y «Añadir» dejan de caber uno al lado del otro: en columna, y el
     botón a todo el ancho para que sea pulsable de verdad. */
  ul.products li.product > div > div:last-child > div:last-child{
    flex-direction:column; align-items:stretch !important; gap:8px;
  }
  ul.products li.product .add_to_cart_button{
    text-align:center; padding:11px 12px !important; font-size:12.5px !important;
  }
}

/*
   Mientras el filtrado por AJAX va y viene, la rejilla se atenúa y no acepta
   clics. Es lo único que se ve del cambio, y hace falta: sin ninguna señal, en
   una conexión lenta parece que el filtro no hizo nada y se vuelve a tocar.

   La transición es de entrada, no de salida, para que la lista nueva aparezca
   entera y no desvaneciéndose.
*/
.baterias_powercar-tienda [data-pc-t="rejilla"]{transition:opacity .2s ease;}
.baterias_powercar-tienda [data-pc-t="rejilla"][data-pc-t-espera]{opacity:0.45; pointer-events:none;}

/* ── Tipografía y color, del diseño ──────────────────────────────────────── */
.woocommerce, .woocommerce-page{color:var(--pc-texto);}
.woocommerce h1,.woocommerce h2,.woocommerce h3,
.woocommerce-cart h1,.woocommerce-checkout h1,.woocommerce-account h1{
  font-family:var(--pc-titulo); font-weight:700; letter-spacing:-0.02em; color:var(--pc-texto);
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-breadcrumb,
.woocommerce label,
.woocommerce th{font-family:var(--pc-mono); font-size:11.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--pc-gris);}
.woocommerce a{color:var(--pc-amarillo);}

/* ── Tarjetas de vidrio: el mismo lenguaje que el resto del sitio ─────────── */
.woocommerce table.shop_table,
.woocommerce .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation{
  background:rgba(255,255,255,0.05);
  backdrop-filter:blur(26px) saturate(150%);
  -webkit-backdrop-filter:blur(26px) saturate(150%);
  border:1px solid rgba(255,255,255,0.10) !important;
  border-radius:22px;
  box-shadow:0 30px 60px -36px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.13);
  padding:22px;
}
.woocommerce table.shop_table{border-collapse:separate; border-spacing:0;}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th{border-color:rgba(255,255,255,0.10) !important; color:var(--pc-texto);}

/* ── Botones ─────────────────────────────────────────────────────────────── */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit{
  background:var(--pc-amarillo) !important; color:#0B0B0C !important;
  border:none !important; border-radius:12px; padding:13px 20px;
  font-family:var(--pc-cuerpo); font-size:14px; font-weight:700; text-transform:none;
  transition:filter .3s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover{filter:brightness(1.08);}
.woocommerce a.button.wc-backward{background:rgba(255,255,255,0.06) !important; color:var(--pc-texto) !important; border:1px solid rgba(255,255,255,0.14) !important;}

/* ── Campos de formulario ────────────────────────────────────────────────── */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .quantity input.qty,
.select2-container--default .select2-selection--single{
  background:rgba(255,255,255,0.05) !important;
  border:1px solid rgba(255,255,255,0.14) !important;
  border-radius:12px !important;
  color:var(--pc-texto) !important;
  padding:12px 14px !important;
  font-family:var(--pc-cuerpo);
  min-height:46px;
}
.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder{color:var(--pc-gris);}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus{outline:2px solid var(--pc-amarillo); outline-offset:2px;}

/* ── Precios ─────────────────────────────────────────────────────────────── */
.woocommerce .price, .woocommerce .amount{font-family:var(--pc-titulo); font-weight:700; color:var(--pc-texto);}
.woocommerce del, .woocommerce del .amount{color:var(--pc-gris); font-weight:400;}
.woocommerce ins{text-decoration:none;}

/* ── Avisos: que se lean, que es para lo que están ───────────────────────── */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice{
  background:rgba(255,255,255,0.05) !important;
  border-top:3px solid var(--pc-amarillo) !important;
  border-radius:12px; color:var(--pc-texto) !important;
}
.woocommerce-error{border-top-color:#f86368 !important;}
.woocommerce-message::before, .woocommerce-info::before{color:var(--pc-amarillo) !important;}
.woocommerce-error::before{color:#f86368 !important;}

/* ── «Mi cuenta»: la navegación como pestañas del diseño ─────────────────── */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none; margin:0; padding:0;}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid rgba(255,255,255,0.08);}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block; padding:12px 4px; font-family:var(--pc-mono); font-size:11.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--pc-gris); text-decoration:none;}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{color:var(--pc-amarillo);}

/* ── Cantidad y «Añadir», en la MISMA línea ──────────────────────────────── */
/*
   El fallo que se veía: la ficha NO lleva el envoltorio div.product de
   WooCommerce (la plantilla es propia), así que las reglas colgadas de
   .woocommerce div.product no aplicaban NUNCA y el formulario caía al estilo de
   fábrica — cantidad y botón apilados, y los spinners nativos a la vista. Se
   cuelgan de .pc-ficha-compra, que es el contenedor real de la ficha.

   WooCommerce saca la cantidad y el botón como dos bloques; en el diseño van en
   una línea, que es un solo gesto.
*/
.pc-ficha-compra form.cart{display:flex; align-items:stretch; gap:12px; flex-wrap:wrap; margin:0;}
.pc-ficha-compra form.cart .woocommerce-variation-add-to-cart{display:flex; gap:12px; width:100%;}
.pc-ficha-compra form.cart button.single_add_to_cart_button{
  flex:1 1 180px; min-height:48px; border-radius:14px !important; padding:15px 24px !important;
  font-size:15px; font-weight:700; white-space:nowrap;
}

/*
   En el teléfono, en vez de que el botón caiga a medias bajo la pastilla, los
   dos van a lo ANCHO, uno sobre otro: la pastilla con − y + a los extremos y el
   número en medio, y «Añadir» debajo a todo el ancho. Decisión del usuario:
   «en dos, que ambos ocupen el 100%».
*/
@media (max-width:600px){
  .pc-ficha-compra form.cart .baterias_powercar-cant-caja{width:100%; justify-content:space-between;}
  .pc-ficha-compra form.cart button.single_add_to_cart_button{flex:1 1 100%;}
}

/*
   La pastilla − 1 + : una caja de vidrio con los tres dentro. La misma en la
   ficha y en el carrito, definida una vez más abajo en «── Carrito ──».
*/

/*
   Aquí vivían 20 reglas para la tabla del carrito, su cabecera y el campo de
   cupón. Se han ido con la plantilla: el diseño no tiene tabla —cada producto
   es una tarjeta— ni cupón en ninguna vista. Eran CSS vistiendo un marcado que
   ya no se pinta, que es la forma más silenciosa de que una hoja de estilos
   crezca: nadie borra reglas que no sabe si alguien usa.

   Lo que las sustituye está en «── Carrito ──», más abajo.
*/

/* ── Checkout ────────────────────────────────────────────────────────────── */
/*
   La estructura de dos columnas ya la pone form-checkout.php (composición del
   diseño). Aquí sólo se visten los campos y el resumen, que sí son de
   WooCommerce. Los hacks de grid sobre #customer_details/#order_review que
   había antes se fueron con la plantilla: ordenaban un marcado que ya no se usa.

   En móvil, el pedido va PRIMERO: rellenar diez campos antes de ver qué se
   compra y por cuánto es al revés de como se decide.
*/
@media (max-width:1023px){
  .baterias_powercar-checkout-cols{grid-template-columns:1fr !important;}
  .baterias_powercar-checkout-pedido{position:static !important; top:auto !important; order:-1; margin-bottom:22px;}
}

/*
   La plantilla ya pone «Datos de entrega»; WooCommerce añade su propio
   «Detalles de facturación» dentro de form-billing.php. Sin esto salen los dos:
   un encabezado repetido. Se oculta el de Woo, no el del diseño.
*/
.baterias_powercar-checkout .woocommerce-billing-fields > h3,
.baterias_powercar-checkout .woocommerce-shipping-fields > h3{display:none;}

/* Los campos, con el mismo vidrio que el resto de inputs del sitio. */
.baterias_powercar-checkout .form-row{margin:0 0 14px;}
.baterias_powercar-checkout .form-row label{display:block; font-family:var(--pc-mono); font-size:11px; letter-spacing:0.06em; text-transform:uppercase; color:var(--pc-gris); margin-bottom:6px;}
.baterias_powercar-checkout .form-row .required{color:var(--pc-naranja); border:0;}
.baterias_powercar-checkout .input-text,
.baterias_powercar-checkout select,
.baterias_powercar-checkout textarea,
.baterias_powercar-checkout .select2-container .select2-selection{
  width:100%; box-sizing:border-box; padding:13px 14px; min-height:48px;
  background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.14);
  border-radius:12px; color:var(--pc-texto); font-family:inherit; font-size:14px;
}
.baterias_powercar-checkout .input-text::placeholder{color:var(--pc-gris);}
.baterias_powercar-checkout .input-text:focus,
.baterias_powercar-checkout select:focus{outline:2px solid var(--pc-amarillo); outline-offset:1px;}

/* Dos por fila en escritorio, apiladas en móvil, sin flotados de Woo. */
.baterias_powercar-checkout .woocommerce-billing-fields__field-wrapper,
.baterias_powercar-checkout .woocommerce-shipping-fields__field-wrapper{display:grid; grid-template-columns:1fr 1fr; gap:0 14px;}
/*
   Cada campo llena SU celda. WooCommerce le pone width:47% y float a
   .form-row-first/.form-row-last, y dentro de la rejilla eso dejaba el input al
   47% de la mitad —un campo estrecho con media celda vacía a la derecha—. Se
   anula: en la rejilla el ancho lo manda la celda (1fr), no el % de Woo.
*/
.baterias_powercar-checkout .form-row{width:auto !important; float:none !important; margin-left:0 !important; margin-right:0 !important;}
.baterias_powercar-checkout .form-row-wide,
.baterias_powercar-checkout .form-row.notes{grid-column:1 / -1;}
@media (max-width:600px){
  .baterias_powercar-checkout .woocommerce-billing-fields__field-wrapper,
  .baterias_powercar-checkout .woocommerce-shipping-fields__field-wrapper{grid-template-columns:1fr;}
}

/* El resumen: el mismo look que el del carrito. */
.baterias_powercar-checkout .woocommerce-checkout-review-order-table{width:100%; border-collapse:collapse;}
.baterias_powercar-checkout .woocommerce-checkout-review-order-table th,
.baterias_powercar-checkout .woocommerce-checkout-review-order-table td{padding:11px 0; text-align:left; border-bottom:1px solid rgba(255,255,255,0.08); font-size:14px; color:#d8d3c4;}
.baterias_powercar-checkout .woocommerce-checkout-review-order-table td{text-align:right; color:var(--pc-texto);}
.baterias_powercar-checkout .woocommerce-checkout-review-order-table .order-total th,
.baterias_powercar-checkout .woocommerce-checkout-review-order-table .order-total td{font-family:var(--pc-titulo); font-size:20px; font-weight:700; color:var(--pc-texto); border-bottom:none; padding-top:16px;}
.baterias_powercar-checkout #shipping_method{list-style:none; margin:0; padding:0;}
.baterias_powercar-checkout #shipping_method li{margin:0 0 6px;}

/* Las pasarelas: sin el fondo gris de fábrica. */
.baterias_powercar-checkout .wc_payment_methods{list-style:none; margin:0; padding:0;}
.baterias_powercar-checkout .wc_payment_method > label{display:inline-flex; align-items:center; gap:9px; text-transform:none; letter-spacing:0; font-family:inherit; font-size:14px; color:var(--pc-texto); margin:0;}
.baterias_powercar-checkout .payment_box{background:rgba(255,255,255,0.04) !important; border-radius:12px; margin:10px 0 0; font-size:13px; color:#d8d3c4;}
.baterias_powercar-checkout .payment_box::before{display:none;}
.baterias_powercar-checkout #place_order{width:100%; margin-top:16px; font-size:15px; font-weight:700; padding:16px 20px; border-radius:14px; background:var(--pc-amarillo); color:#0B0B0C;}
.baterias_powercar-checkout .woocommerce-terms-and-conditions-wrapper{margin:14px 0; font-size:13px; color:var(--pc-gris);}

/* ── Ficha de producto ───────────────────────────────────────────────────── */
/*
   La foto: el diseño la deja flotando dentro de la tarjeta, con halo detrás y
   sombra proyectada. get_image() devuelve el <img> de WooCommerce con sus
   clases, así que las medidas se le ponen desde aquí y no en línea.
*/
.pc-ficha-foto img{
  max-width:80%; max-height:360px; width:auto; height:auto; object-fit:contain;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,0.7));
  position:relative; z-index:1;
}

/*
   La columna izquierda es pegajosa a partir de 1024. Clase propia y no
   data-r="stick": ese token lo usa el header fijo de móvil, y compartirlo
   pegaba la foto al borde superior de la pantalla.
*/
@media (max-width:1023px){
  .pc-ficha-rail{position:static !important; top:auto !important;}
}

/* Los relacionados son tarjetas anchas: dos por fila antes que tres apretadas. */
@media (max-width:1023px){ .pc-ficha-rel{grid-template-columns:repeat(2,1fr) !important;} }
@media (max-width:767px){ .pc-ficha-rel{grid-template-columns:1fr !important;} }
.pc-ficha-rel a:hover{transform:translateY(-3px);}
.pc-ficha-rel img{max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain;}

.pc-wa-boton:hover{filter:brightness(1.06);}
.pc-share a:hover{border-color:rgba(255,212,0,0.45); color:var(--pc-amarillo);}

/*
   Los avisos de WooCommerce van dentro del ancho de la ficha, no pegados al
   borde: en la ficha el <main> es nuestro y no el envoltorio de Woo.
*/
.baterias_powercar-ficha .woocommerce-notices-wrapper{margin-bottom:18px;}

/* ── Carrito ─────────────────────────────────────────────────────────────── */
.baterias_powercar-carrito .woocommerce-notices-wrapper{margin-bottom:18px;}
.baterias_powercar-carrito-fila img{width:100%; height:100%; object-fit:contain; border-radius:10px;}
.baterias_powercar-carrito-fila .remove:hover{color:#f86368 !important; background:transparent !important;}

/*
   En el teléfono la fila —foto, nombre, cantidad, subtotal y quitar— no cabe en
   una línea y se desbordaba. Se reordena en rejilla: la foto a la izquierda
   ocupando las dos filas, arriba el nombre y la ✕, abajo la pastilla y el
   subtotal. Sólo bajo 600px; en escritorio sigue en una fila.
*/
@media (max-width:600px){
  .baterias_powercar-carrito-fila{
    display:grid !important;
    grid-template-columns:52px 1fr auto;
    grid-template-areas:"img info quitar" "img cant sub";
    gap:6px 12px; align-items:center;
  }
  .baterias_powercar-carrito-fila .pc-cf-img{grid-area:img; width:52px; height:52px; align-self:start;}
  .baterias_powercar-carrito-fila .pc-cf-info{grid-area:info; min-width:0;}
  .baterias_powercar-carrito-fila .baterias_powercar-cant-caja{grid-area:cant; justify-self:start;}
  .baterias_powercar-carrito-fila .pc-cf-sub{grid-area:sub; justify-self:end; min-width:0 !important;}
  .baterias_powercar-carrito-fila .remove{grid-area:quitar; justify-self:end;}
}

/*
   La pastilla − 1 + . Una sola definición para la ficha y el carrito: antes la
   caja se estilaba en línea en el carrito y con reglas colgadas de div.product
   en la ficha, y esa segunda vía no aplicaba nunca (la ficha no lleva
   div.product). Aquí, y las dos vistas la usan con la misma clase.
*/
.baterias_powercar-cant-caja{
  display:inline-flex; align-items:center; gap:2px;
  background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12);
  border-radius:14px; padding:4px 6px;
}
.baterias_powercar-cant-caja .quantity{display:flex; align-items:center; margin:0;}
.baterias_powercar-cant-caja input.qty{
  width:40px; min-width:0; text-align:center; font-weight:700; font-size:15px;
  background:transparent !important; border:none !important; box-shadow:none !important;
  color:var(--pc-texto) !important; padding:0 !important; height:38px; line-height:38px;
  -moz-appearance:textfield; appearance:textfield;
}
.baterias_powercar-cant-caja input.qty::-webkit-outer-spin-button,
.baterias_powercar-cant-caja input.qty::-webkit-inner-spin-button{-webkit-appearance:none; appearance:none; margin:0;}
.pc-cant{
  width:34px; height:38px; border:none; background:transparent; cursor:pointer;
  font-weight:700; font-size:18px; font-family:inherit; color:var(--pc-gris);
  line-height:1; padding:0;
}
.pc-cant:hover{color:var(--pc-texto);}

/*
   Los botones de respaldo se esconden SÓLO si el JavaScript está vivo. Sin él
   son la única forma de que un cambio de cantidad o la casilla del descuento
   lleguen al servidor: esconderlos siempre dejaría controles muertos que
   parecen funcionar.
*/
.pc-js .baterias_powercar-actualizar,
.pc-js .baterias_powercar-aplicar-descuento{display:none;}

/* El resumen acompaña al bajar, como en el diseño. Clase propia y no
   data-r="stick", que en este tema lo usa el header fijo de móvil. */
@media (max-width:1023px){
  .baterias_powercar-resumen{position:static !important; top:auto !important;}
}

/* El resumen pinta los métodos de envío dentro de su fila: sin viñetas ni
   sangría, que ahí es una lista de opciones y no un listado. */
.baterias_powercar-resumen #shipping_method{list-style:none; margin:0; padding:0; text-align:right;}
.baterias_powercar-resumen #shipping_method li{margin:0 0 4px;}
.baterias_powercar-resumen .woocommerce-shipping-destination,
.baterias_powercar-resumen .shipping-calculator-button{font-family:var(--pc-mono); font-size:11px; color:var(--pc-gris); font-weight:400;}