/*
Theme Name: Ígneo
Theme URI: https://grupoigneo.com
Description: Tema de Grupo Ígneo con el diseño aprobado en octubre de 2026 («Lo que queda»): piedra clara, magma solo para lo nuevo, Jost y Source Serif 4. Tema propio, sin constructor de páginas.
Author: Grupo Ígneo
Version: 1.10.0
Requires PHP: 7.4
Text Domain: igneo
*/
/* El diseño está en assets/igneo.css (el mismo del boceto). Aquí va solo lo que WordPress, la tienda y el formulario necesitan encima. */

/* compra del libro: el formulario de la tienda con el aspecto del diseño */
.f-form .btn{cursor:pointer}
.woocommerce-notices-wrapper,.ig-avisos{max-width:var(--ancho);margin:0 auto;padding:0 20px}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;margin:18px 0;padding:14px 18px;background:var(--ceniza);border:1px solid var(--pomez);border-left:3px solid var(--magma);font:400 15px/1.5 var(--tit)}
.woocommerce-message .button,.woocommerce-info .button{float:right;margin-left:12px}

/* páginas de la tienda (carrito, finalizar compra, mi cuenta) y páginas comunes */
.pagina{max-width:var(--ancho);margin:0 auto;padding:0 20px 70px}
.pagina.lectura{max-width:800px}
.pagina .woocommerce{font:400 16px/1.6 var(--txt)}
.pagina table{width:100%;border-collapse:collapse;margin:0 0 24px}
.pagina th,.pagina td{padding:12px 10px;border-bottom:1px solid var(--pomez);text-align:left;vertical-align:middle}
.pagina th{font:500 12px/1.2 var(--tit);letter-spacing:.12em;text-transform:uppercase}
.pagina .product-thumbnail img{width:64px;height:auto}
.pagina input[type=text],.pagina input[type=email],.pagina input[type=tel],.pagina input[type=password],.pagina input[type=number],.pagina select,.pagina textarea,
.select2-container .select2-selection--single{width:100%;padding:11px 12px;border:1px solid var(--pomez);background:var(--ceniza2);font:16px var(--txt);color:var(--basalto);border-radius:2px;min-height:46px}
.select2-container .select2-selection--single .select2-selection__rendered{padding:0;line-height:22px}
.select2-container .select2-selection--single .select2-selection__arrow{height:44px}
.pagina .form-row{display:block;margin:0 0 14px;padding:0}
.pagina .form-row label{display:block;font:500 12px/1.2 var(--tit);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px}
.pagina .form-row-first,.pagina .form-row-last{width:calc(50% - 8px);display:inline-block;vertical-align:top}
.pagina .form-row-first{margin-right:12px}
.pagina .button,.pagina button[type=submit],.woocommerce-message .button{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;background:var(--basalto);color:var(--ceniza2);border:1.5px solid var(--basalto);border-radius:2px;font:500 14px/1 var(--tit);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.pagina .button:hover,.pagina button[type=submit]:hover{background:var(--magma);border-color:var(--magma)}
.pagina #place_order,.pagina .checkout-button{background:var(--magma);border-color:var(--magma);width:100%;padding:17px 24px;font-size:15px}
.pagina h2,.pagina h3{font:500 24px/1.2 var(--tit);margin:28px 0 14px}
.woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr;gap:10px}
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10px 44px;align-items:start}
.woocommerce-checkout form.checkout > *{min-width:0}
.woocommerce-checkout #customer_details{grid-row:1 / span 3}
.woocommerce-checkout #order_review{background:var(--ceniza);border:1px solid var(--pomez);padding:20px 22px}
.woocommerce-checkout .wc_payment_methods{list-style:none;margin:0 0 18px;padding:0}
.woocommerce-checkout .wc_payment_methods li{padding:12px 0;border-bottom:1px solid var(--pomez)}
.woocommerce-checkout .wc_payment_methods img{display:inline;max-height:24px;margin-left:8px;vertical-align:middle}
.woocommerce-checkout .payment_box{padding:10px 0 0;font-size:14.5px}
.cart_totals{max-width:440px;margin-left:auto}
.woocommerce-MyAccount-navigation ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:0 0 26px}
@media (max-width:860px){.woocommerce-checkout form.checkout{grid-template-columns:1fr}.woocommerce-checkout #customer_details{grid-row:auto}.pagina .form-row-first,.pagina .form-row-last{width:100%;margin-right:0}}

/* formulario de Contact Form 7 dentro de la caja del diseño */
.pr-form .wpcf7 form{display:grid;gap:6px}
.pr-form .wpcf7 p{margin:0;display:grid;gap:6px}
.pr-form .wpcf7 label{display:grid;gap:6px}
.pr-form .wpcf7 br{display:none}
.pr-form .wpcf7 input:not([type=submit]):not([type=checkbox]):not([type=file]),.pr-form .wpcf7 select,.pr-form .wpcf7 textarea{width:100%;box-sizing:border-box}
.pr-form .wpcf7-form-control-wrap{display:block}
.pr-form .wpcf7 input[type=submit]{justify-self:start;margin-top:16px;padding:13px 24px;background:var(--magma);color:#fff;border:1.5px solid var(--magma);font:500 14px/1 var(--tit);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:2px}
.pr-form .wpcf7 input[type=file]{padding:8px;background:transparent;border:0}
.pr-form .wpcf7-not-valid-tip{font:400 13px/1.3 var(--tit);color:var(--magma)}
.pr-form .wpcf7-response-output{margin:14px 0 0;padding:12px 14px;border:1px solid var(--pomez);font:400 14.5px/1.4 var(--tit)}
.pr-form .wpcf7-list-item{margin:0}
.pr-form .wpcf7-acceptance label{display:flex;gap:8px;align-items:flex-start;text-transform:none;letter-spacing:0;font:400 14px/1.4 var(--txt)}
.pr-form .wpcf7-acceptance input{width:auto;min-width:0}

/* contenido escrito en el editor de WordPress */
.cuerpo img,.pagina img{max-width:100%;height:auto}
.cuerpo .alignleft{float:left;margin:6px 22px 12px 0}.cuerpo .alignright{float:right;margin:6px 0 12px 22px}.cuerpo .aligncenter{display:block;margin:18px auto}
.paginacion{display:flex;justify-content:center;gap:8px;margin:44px 0 0;font:500 14px/1 var(--tit)}
.paginacion .page-numbers{padding:10px 14px;border:1px solid var(--pomez);text-decoration:none;color:var(--basalto)}
.paginacion .current{background:var(--basalto);color:var(--ceniza2);border-color:var(--basalto)}
@media (max-width:860px){.zona-planes .planes{grid-template-columns:1fr !important}}

/* página del libro: portada plana con sombra suave */
.f-plana{display:flex;justify-content:center;align-items:flex-start}
.f-plana img{display:block;width:auto;max-width:min(100%,440px);max-height:640px;height:auto;box-shadow:0 2px 4px rgba(42,38,34,.10),0 18px 40px rgba(42,38,34,.22);border-radius:1px 3px 3px 1px}
.f-plana .sin-tapa{display:flex;flex-direction:column;justify-content:center;gap:10px;width:min(100%,360px);aspect-ratio:2/3;padding:28px;background:var(--basalto);color:var(--ceniza2);font:500 22px/1.2 var(--tit)}

/* nota del blog: la imagen de cabecera entera y sin deformar, con tope de alto (las fotos verticales ya no ocupan dos pantallas) */
.art-img{display:flex;justify-content:center}
.art-img img{width:auto;max-width:100%;height:auto;max-height:540px}
.cuerpo img{height:auto}
.cuerpo iframe{max-width:100%}

/* libro citado dentro de una nota */
.libro-nota{display:grid;grid-template-columns:minmax(110px,170px) minmax(0,1fr);gap:26px;align-items:center;margin:38px 0;padding:24px 26px;background:var(--ceniza);border:1px solid var(--pomez);border-left:3px solid var(--magma)}
.libro-nota .ln-tapa img{display:block;width:100%;height:auto;margin:0;border-radius:1px 3px 3px 1px;box-shadow:0 10px 24px rgba(42,38,34,.22)}
.libro-nota .ln-txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.libro-nota .etq{margin:0}
.libro-nota .ln-tit{font:500 clamp(22px,3vw,28px)/1.15 var(--tit);color:var(--basalto);text-decoration:none;letter-spacing:-.01em}
.libro-nota .ln-tit:hover{color:var(--magma)}
.libro-nota .ln-aut{font:italic 400 17px/1.3 var(--txt);color:var(--basalto2)}
.libro-nota .ln-precio{font:500 20px/1 var(--tit);margin-top:8px;font-variant-numeric:tabular-nums}
.libro-nota .ln-acc{margin-top:14px}
.libro-nota .btn{color:var(--ceniza2);text-decoration:none}
@media (max-width:520px){.libro-nota{grid-template-columns:1fr;text-align:left}.libro-nota .ln-tapa{max-width:150px}}

/* página de plan: aviso de propuesta personalizada cuando el libro pasa el tope */
.rp-asesor{margin:14px 0;padding:16px 18px;background:var(--ceniza2);border-left:3px solid var(--magma);font:400 15.5px/1.5 var(--txt)}
.rp-asesor p{margin:0 0 8px}
.rp-asesor .cz-tit{font:500 18px/1.25 var(--tit)}
.rp-asesor .btn{margin-top:8px}
.contrato-pag .cuerpo{font-size:17px}

/* finalizar compra con el diseño aprobado: los campos y bloques de la tienda dentro de los pasos */
.ig-compra .woocommerce-form-coupon-toggle,.ig-compra .woocommerce-form-login-toggle,.ig-compra form.checkout_coupon,.ig-compra form.woocommerce-form-login,.ig-compra .woocommerce-NoticeGroup,.ig-compra > .woocommerce > .woocommerce-notices-wrapper{max-width:var(--ancho);margin:14px auto 0;padding:0 20px}
.ig-compra .woocommerce-info{margin:0}
.ig-compra form.checkout_coupon{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ig-compra form.checkout_coupon p{margin:0}
.ig-compra form.checkout_coupon input{padding:11px 12px;border:1px solid var(--pomez);background:#fff;font:16px var(--txt);border-radius:2px}
.ig-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;min-width:0}
.ig-campos > .ig-campos,.ig-campos > h3{grid-column:1/-1}
.compra .form-row{display:grid;gap:6px;align-content:start;margin:0;padding:0;min-width:0;grid-column:1/-1;float:none;width:auto}
.compra .form-row-first,.compra .form-row-last{grid-column:auto}
.compra .form-row > label,.compra .form-row label.screen-reader-text{font:500 12px/1.3 var(--tit);letter-spacing:.14em;text-transform:uppercase;margin:0}
.compra .form-row label.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.compra .form-row .required,.compra .form-row abbr{color:var(--escoria);text-decoration:none;border:0}
.compra .form-row .optional{text-transform:none;letter-spacing:0;font-weight:400;color:var(--basalto2)}
.compra .woocommerce-input-wrapper{display:block;min-width:0}
.compra .form-row input.input-text,.compra .form-row select,.compra .form-row textarea,.compra .select2-container .select2-selection--single{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--pomez);background:#fff;font:16px var(--txt);color:var(--basalto);border-radius:2px;min-height:48px}
.compra .select2-container{width:100% !important}
.compra .select2-container .select2-selection--single .select2-selection__rendered{padding:0;line-height:22px;color:var(--basalto)}
.compra .select2-container .select2-selection--single .select2-selection__arrow{height:46px;right:6px}
.compra .form-row input:focus,.compra .form-row select:focus,.compra .form-row textarea:focus{outline:2px solid var(--magma);outline-offset:1px}
.compra .form-row.woocommerce-invalid input.input-text,.compra .form-row.woocommerce-invalid select{border-color:var(--escoria);box-shadow:inset 0 0 0 1px var(--escoria)}
.compra .checkout-inline-error-message{font:500 13px/1.3 var(--tit);color:var(--escoria);margin:0}
.ig-otra-direccion h3{font:500 17px/1.3 var(--tit);margin:6px 0 10px}
.ig-otra-direccion h3 label{display:flex;gap:10px;align-items:center;cursor:pointer}
.ig-otra-direccion input[type=checkbox]{accent-color:var(--basalto);width:18px;height:18px}
.ig-otra-direccion .shipping_address,.ig-otra-direccion .woocommerce-additional-fields__field-wrapper,.ig-otra-direccion .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.ig-otra-direccion .woocommerce-additional-fields > h3{display:none}
.ig-otra-direccion .woocommerce-additional-fields{margin-top:14px}
.compra #payment{background:none;border:0;padding:0}
.compra .wc_payment_methods{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.compra .wc_payment_methods > li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:center;border:1px solid var(--pomez);background:var(--ceniza);padding:14px 16px;margin:0}
.compra .wc_payment_methods > li:has(input:checked){border:2px solid var(--basalto);padding:13px 15px;background:var(--ceniza2)}
.compra .wc_payment_methods input[type=radio]{accent-color:var(--basalto);width:18px;height:18px;margin:0}
.compra .wc_payment_methods > li > label{font:500 17px/1.25 var(--tit);cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:space-between;margin:0}
.compra .wc_payment_methods label img{display:inline-block;max-height:26px;width:auto;margin:0 0 0 4px;vertical-align:middle}
.compra .wc_payment_methods .payment_box{grid-column:2;font-size:15px;color:var(--basalto2);padding:0;background:none}
.compra .wc_payment_methods .payment_box p{margin:4px 0 0}
.compra .wc_payment_methods .payment_box::before{display:none}
.ig-envio .opcion .amount{font:inherit}
.resumen .ig-pagar{display:grid;gap:12px;margin:0;padding:0}
.resumen .woocommerce-terms-and-conditions-wrapper{font-size:15px}
.resumen .woocommerce-terms-and-conditions-wrapper p{margin:0 0 8px}
.resumen .woocommerce-terms-and-conditions-wrapper .form-row{display:block}
.resumen .woocommerce-terms-and-conditions-wrapper label{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font:400 15px/1.45 var(--txt)}
.resumen .woocommerce-terms-and-conditions-wrapper input[type=checkbox]{accent-color:var(--basalto);width:18px;height:18px;margin-top:3px;flex:0 0 auto}
.resumen .woocommerce-terms-and-conditions-wrapper a{text-decoration:underline;text-underline-offset:3px}
.resumen #place_order{width:100%;padding:17px 22px;font-size:15px;cursor:pointer}
.resumen .item img{height:auto}
.resumen .item dl.variation{margin:4px 0 0;font-size:14px}
.compra .blockUI.blockOverlay{background:var(--ceniza2) !important;opacity:.6 !important}
@media (max-width:860px){.compra-grid{grid-template-columns:1fr}.resumen{position:static}.ig-campos,.ig-otra-direccion .shipping_address,.ig-otra-direccion .woocommerce-additional-fields__field-wrapper,.ig-otra-direccion .woocommerce-shipping-fields__field-wrapper{grid-template-columns:1fr}.compra .form-row-first,.compra .form-row-last{grid-column:1/-1}}
.compra #order_review{background:none;border:0;padding:0}
.resumen .item span span,.resumen .item bdi{display:inline;font-size:inherit;color:inherit}
.ig-otra-direccion #ship-to-different-address{font:500 16px/1.3 var(--tit);margin:6px 0 0}
.ig-otra-direccion #ship-to-different-address span{font:inherit}
.ig-otra-direccion .shipping_address{margin-top:14px}
/* etiquetas de la compra como en el diseño: la palabra en versalitas y la aclaración en letra normal; sin asteriscos */
.compra .form-row label small{font:400 13.5px/1.3 var(--tit);letter-spacing:0;text-transform:none;color:var(--basalto2);margin-left:4px}
.compra .form-row .required,.compra .form-row abbr.required,.compra .form-row .optional{display:none}
.compra .woocommerce-form__label-for-checkbox{display:flex !important;gap:10px;align-items:flex-start;text-transform:none !important;letter-spacing:0 !important;font:400 15px/1.45 var(--txt) !important;cursor:pointer}
.compra .woocommerce-form__label-for-checkbox input{accent-color:var(--basalto);width:18px;height:18px;margin-top:2px;flex:0 0 auto}
/* «enviar a una dirección diferente»: sus campos a todo el ancho del paso, en dos columnas como el resto */
.ig-otra-direccion .shipping_address{display:block;margin-top:16px}
.ig-otra-direccion .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
@media (max-width:860px){.ig-otra-direccion .woocommerce-shipping-fields__field-wrapper{grid-template-columns:1fr}}

/* BOTONES DE WHATSAPP — NO PONERLES text-transform. Tag Manager cuenta el clic como conversión solo si el texto que LEE del botón
   contiene «Contacta con un asesor en línea», y lo lee ya transformado: con mayúsculas por CSS leería «CONTACTA CON…» y no contaría.
   Por eso las mayúsculas se dibujan con versalitas (que no cambian el texto leído) y el icono no recibe el clic. Comprobado contra el
   contenedor GTM-KRXVZ4R el 11/10/2026. */
.btn.btn-wa{text-transform:none;font-variant-caps:all-small-caps;font-size:1.22em;line-height:1;letter-spacing:.1em;padding-block:9px;text-align:left}
.btn.btn-wa .wa-ico{pointer-events:none;width:.95em;height:.95em}

/* celular */
@media (max-width:860px){.notas-plan{grid-template-columns:minmax(0,1fr) !important}}
.pr-form{min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}
.pr-form .wpcf7,.pr-form .wpcf7 form,.pr-form .wpcf7 form > *,.pr-form .wpcf7 p,.pr-form .wpcf7 label,.pr-form .wpcf7-form-control-wrap{min-width:0;max-width:100%}
.pr-form .wpcf7 input,.pr-form .wpcf7 select,.pr-form .wpcf7 textarea{max-width:100%;box-sizing:border-box}
@media (max-width:560px){
  .grilla-libros{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:22px 14px !important}
  .grilla-libros .t-tit{font-size:15px}
  .grilla-libros .t-pie{flex-wrap:wrap;gap:2px 8px}
  .dest-txt h2,.f-tit,.articulo h1{overflow-wrap:anywhere}
  .ig-campos{grid-template-columns:1fr}
  .compra .form-row-first,.compra .form-row-last{grid-column:1/-1}
}
/* planes en celular: «Ver más» bien visible (relleno en magma) y el precio sin pisarlo */
.pl-ver{background:var(--escoria);border-color:var(--escoria) !important;color:#fff;font-weight:500;padding:12px 16px !important;border-radius:2px !important}
.plan.abierto .pl-ver{background:var(--basalto) !important;border-color:var(--basalto) !important;color:var(--ceniza2)}
/* «Ver más» a la derecha (Álvaro 11/10); para que un precio largo no lo pise, «A partir de» va en su renglón y el monto debajo */
@media (max-width:560px){.pl-cab .pl-precio{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;min-width:0}.pl-cab .pl-precio small:first-child{flex-basis:100%}.pl-cab .pl-precio .monto{font-size:clamp(22px,6.8vw,30px);white-space:nowrap}}
/* lo que el programa oculta (por ejemplo, el precio cuando el libro pasa el tope) se oculta de verdad, tenga el estilo que tenga */
[hidden]{display:none !important}
/* dentro de los planes, la misma letra y tamaño que el texto de la página */
.plan .pl-desc{font:400 17px/1.6 var(--txt);color:var(--basalto)}
.plan .pl-feats,.resumen-plan .pl-feats{font:400 17px/1.5 var(--txt);color:var(--basalto);gap:7px}
.resumen-plan .rp-nota{font:400 16px/1.5 var(--txt)}
/* franja de sellos en celular: el rótulo arriba y los sellos en dos columnas parejas */
@media (max-width:560px){
  .banda-paises .bp-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding:18px 20px;font-size:14px;letter-spacing:.12em}
  .banda-paises .bp-t{grid-column:1/-1;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.28);font-size:11.5px}
}

/* cabezal en celular: una sola fila (logo · lupa · carrito · menú) */
@media (max-width:860px){
  .cw-in{gap:10px 14px;padding-block:12px;align-items:center}
  .cw-logo img{height:32px}
  .cw-acc{order:2 !important;width:auto !important;margin-left:auto;gap:14px;justify-content:flex-end !important;font-size:12px}
  .cw-boton{order:3 !important;margin-left:0 !important;padding:8px 11px}
  .cw-menu{order:5}
}
/* filtros del catálogo y del blog en celular: los sellos en una fila que se desliza con el dedo; buscador y orden lado a lado */
@media (max-width:560px){
  .chips{flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-right:-20px;padding:2px 20px 6px 0;flex:none !important}
  .chips::-webkit-scrollbar{display:none}
  .chip{white-space:nowrap;flex:0 0 auto;padding:8px 13px;font-size:12px}
  .filtros{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:10px}
  .filtros .chips{grid-column:1/-1;min-width:0}
  .filtros .campo-linea{width:100%;min-width:0;box-sizing:border-box}
}
/* «Contratar» de cada plan: botón relleno, del mismo color que «Ver más» */
.plan .pl-acc .btn:not(.btn-wa),.plan .pl-acc .btn.btn-sec:not(.btn-wa){background:var(--escoria);border-color:var(--escoria);color:#fff}
.plan .pl-acc .btn:not(.btn-wa):hover{background:#c2300f;border-color:#c2300f;color:#fff}

/* contenido de páginas viejas dibujado por el relevo del constructor (inc/constructor.php) */
.vc-fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:26px 40px;margin:0 0 26px;align-items:start}
.vc-col{min-width:0}
.vc-col > :first-child{margin-top:0}
.vc-img{margin:0 0 18px}.vc-img img{display:block;max-width:100%;height:auto}
.vc-btn{margin:14px 0}.vc-btn .btn{color:var(--ceniza2);text-decoration:none}.vc-btn .btn.btn-wa{color:#10241a}
.vc-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.vc-galeria figure{margin:0}.vc-galeria img{width:100%;height:auto;display:block}
.vc-video iframe{max-width:100%;aspect-ratio:16/9;height:auto;width:100%}
.pagina.lectura:has(.vc-fila){max-width:var(--ancho)}
.pagina .wpcf7 form{display:grid;gap:12px;max-width:760px}
.pagina .wpcf7 p{margin:0}
.pagina .wpcf7 br{display:none}
.pagina .wpcf7 input[type=submit]{justify-self:start;padding:13px 24px;background:var(--magma);color:#fff;border:1.5px solid var(--magma);font:500 14px/1 var(--tit);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:2px}

/* portadas recortadas a la portada de verdad (inc/portadas.php): la sombra va en el recorte, no en la imagen con sus márgenes */
.recorte{display:block;position:relative;overflow:hidden;width:100%;border-radius:1px 3px 3px 1px;box-shadow:0 8px 18px rgba(42,38,34,.18);line-height:0}
.recorte img{display:block;max-width:none !important;max-height:none !important;height:auto !important;box-shadow:none !important;border-radius:0 !important;transform:none !important}
.recorte.entera{box-shadow:none;overflow:visible}
.recorte.entera img{width:100%;filter:drop-shadow(0 8px 14px rgba(42,38,34,.2))}
.tapa .recorte{transition:transform .25s}
.tarjeta:hover .tapa .recorte{transform:translateY(-4px)}
.f-plana .recorte{width:min(100%,440px);box-shadow:0 2px 4px rgba(42,38,34,.10),0 18px 40px rgba(42,38,34,.22)}
.libro .cara{position:absolute;inset:0;transform:translateZ(calc(var(--t) / 2));border-radius:0 3px 3px 0}
.libro .lomo[style]{background-color:var(--basalto2)}

/* «Tu pedido»: más, menos y quitar */
.ig-cant{display:flex !important;align-items:center;gap:0;margin-top:8px}
.ig-cant button{width:32px;height:32px;border:1.5px solid var(--basalto);background:transparent;color:var(--basalto);font:500 17px/1 var(--tit);cursor:pointer;padding:0;border-radius:2px}
.ig-cant b{min-width:36px;text-align:center;font:500 16px/1 var(--tit) !important;font-variant-numeric:tabular-nums}
.ig-cant .ig-quitar{width:auto;border:0;margin-left:14px;padding:0;font:500 12px/1 var(--tit);letter-spacing:.12em;text-transform:uppercase;color:var(--escoria);text-decoration:underline;text-underline-offset:4px}
.resumen .item .recorte{width:64px}
/* vista previa del carrito en el cabezal */
.cw-carro-caja{position:relative;display:inline-block}
.mini-carro{position:absolute;right:0;top:calc(100% + 14px);z-index:60;width:min(340px,86vw);background:var(--ceniza2);color:var(--basalto);border:1px solid var(--pomez);box-shadow:0 18px 40px rgba(42,38,34,.28);padding:16px;display:grid;gap:12px;text-transform:none;letter-spacing:0;font:400 15px/1.4 var(--txt)}
.mini-carro::before{content:'';position:absolute;left:0;right:0;top:-16px;height:16px}
.mini-carro .mc-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start;color:var(--basalto) !important;text-decoration:none;padding-bottom:12px;border-bottom:1px solid var(--pomez)}
.mini-carro .mc-item b{display:block;font:500 15px/1.25 var(--tit)}
.mini-carro .mc-item i{font-style:normal;font-size:14px;color:var(--basalto2)}
.mini-carro .mc-total{display:flex;justify-content:space-between;margin:0;font:500 16px/1 var(--tit)}
.mini-carro .mc-vacio{margin:0}
.mini-carro .btn{justify-content:center;color:#fff !important}
.libro .lomo.real{filter:brightness(.82);background-repeat:no-repeat}