/* ==========================================================
   Plantillas profesionales: piezas comunes (encabezado propio,
   menú del celu, buscador). Cada plantilla las ubica y las
   viste en su propio archivo.
   ========================================================== */
.ktp{--ktp-gut:clamp(16px,4vw,48px);--ktp-max:1320px}
.ktp .site-header,.ktp #mobile-drawer,.ktp .kadence-sticky-header{display:none!important}
.ktp-h{position:sticky;top:0;z-index:60;background:var(--global-palette9);color:var(--global-palette3);transition:background .35s,color .35s,box-shadow .35s,transform .35s}
.admin-bar .ktp-h{top:32px}
@media (max-width:782px){.admin-bar .ktp-h{top:0}}
.ktp-h-in{display:grid;align-items:center;gap:16px;max-width:var(--ktp-max);margin:0 auto;padding:0 var(--ktp-gut);min-height:64px}
.ktp-h a{color:inherit;text-decoration:none}
.ktp-h button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}
.ktp-h button:focus-visible,.ktp-h a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.ktp-h-logo{display:inline-flex;align-items:center;gap:10px;min-width:0}
.ktp-h-logo img{display:block;max-height:44px;width:auto;max-width:180px;object-fit:contain}
.ktp-h-nom{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3!important;padding:2px 0}
.ktp-h-nav{min-width:0}
.ktp-menu,.ktp-dr-menu{list-style:none;margin:0;padding:0}
.ktp-menu{display:flex;flex-wrap:wrap;align-items:center;gap:4px 26px}
.ktp-menu>li{position:relative;margin:0}
.ktp-menu a{display:block;padding:8px 0;white-space:nowrap}
.ktp-menu .sub-menu{position:absolute;left:-18px;top:100%;min-width:200px;margin:0;padding:10px 18px;list-style:none;background:var(--global-palette9);box-shadow:0 18px 40px -20px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;color:var(--global-palette3)}
.ktp-menu li:hover>.sub-menu,.ktp-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.ktp-h-acc{display:flex;align-items:center;justify-content:flex-end;gap:18px}
.ktp-h-cart{position:relative;display:inline-flex;align-items:center;gap:6px}
.ktp-bus{display:flex;align-items:center;gap:10px;max-width:var(--ktp-max);margin:0 auto;padding:0 var(--ktp-gut) 16px}
.ktp-bus[hidden]{display:none}
.ktp-bus input{flex:1;min-width:0;height:48px;border:0!important;border-bottom:1px solid currentColor!important;border-radius:0!important;background:transparent!important;color:inherit!important;font:inherit;font-size:18px;padding:0!important;box-shadow:none!important;outline:0}
.ktp-bus button{all:unset;cursor:pointer;display:flex;padding:10px}
/* Menú del celu */
.ktp-dr{position:fixed;inset:0;z-index:100000}
.ktp-dr[hidden]{display:none}
.ktp-dr-fondo{position:absolute;inset:0;background:rgba(0,0,0,.38);opacity:0;transition:opacity .3s}
.ktp-dr-in{position:absolute;top:0;bottom:0;left:0;width:min(88vw,400px);display:flex;flex-direction:column;gap:22px;padding:20px 24px calc(28px + env(safe-area-inset-bottom));overflow-y:auto;background:var(--global-palette9);color:var(--global-palette3);transform:translateX(-102%);transition:transform .38s cubic-bezier(.2,.7,.2,1)}
.ktp-dr.is-on .ktp-dr-fondo{opacity:1}
.ktp-dr.is-on .ktp-dr-in{transform:none}
.ktp-dr-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ktp-dr-top button{all:unset;cursor:pointer;display:flex;padding:8px;margin:-8px}
.ktp-dr-bus input{width:100%;height:46px;border:1px solid var(--global-palette6)!important;border-radius:var(--kt-r-btn)!important;background:transparent!important;padding:0 16px!important;font:inherit;color:inherit}
.ktp-dr-menu a{display:block;padding:13px 0;color:inherit;text-decoration:none;border-bottom:1px solid var(--global-palette7)}
.ktp-dr-menu .sub-menu{list-style:none;margin:0;padding:0 0 0 16px}
.ktp-dr-cart{display:flex;align-items:center;justify-content:space-between;color:inherit;text-decoration:none;font-weight:600}
.ktp-dr-redes{margin-top:auto}
body.ktp-dr-abierto{overflow:hidden}
/* Portada y categorías: bloques que cada plantilla compone */
.ktp-hero{position:relative}
.ktp-hero figure{margin:0;overflow:hidden}
.ktp-hero img{display:block;width:100%;height:100%;object-fit:cover}
.ktp-hero h1{margin:0}
.ktp-hero p{margin:0}
.ktp-hero-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.ktp-cats a{display:block;color:inherit;text-decoration:none}
.ktp-cats figure{position:relative;margin:0;overflow:hidden}
.ktp-cats img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.ktp-cats figure.is-letra{display:flex;align-items:center;justify-content:center;background:var(--global-palette7)}
.ktp-cats figure.is-letra i{font:400 clamp(40px,6vw,72px)/1 var(--kt-h-font);font-style:normal;color:var(--global-palette5)}
.ktp-cat-tx{display:flex;flex-direction:column}
.ktp-cat-tx small{font-size:12px;color:var(--global-palette5)}
@media (hover:hover){.ktp-cats a:hover img{transform:scale(1.04)}}
/* La barra de compra fija y los flotantes respetan el ancho de la plantilla */
.ktp .kt-bc{font-family:var(--kt-b-font)}
@media (prefers-reduced-motion:reduce){.ktp-h,.ktp-dr-in,.ktp-dr-fondo,.ktp-cats img{transition:none}}
/* Precio en las tarjetas: cada medio prendido en una línea compacta, sin íconos */
.ktp ul.products li.product .kt-tf-mini{margin-top:6px!important;line-height:1.3}
.ktp ul.products li.product .kt-tf-mini svg{display:none!important}
.ktp ul.products li.product .kt-tf-mini .kt-tf-b+.kt-tf-b,.ktp ul.products li.product .kt-tf-mini .kt-tf-b+.kt-tf-c{margin-top:6px!important}
.ktp ul.products li.product .kt-tf-mini .kt-tf-b{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:0 5px;margin:0!important}
.ktp ul.products li.product .kt-tf-mini .kt-tf-b>*{display:inline!important;margin:0!important}
.ktp ul.products li.product .kt-tf-mini .kt-tf-n{order:0}
.ktp ul.products li.product .kt-tf-mini .kt-tf-k{order:1;font-weight:400;text-transform:lowercase}
.ktp ul.products li.product .kt-tf-mini .kt-tf-ah{order:2;flex-basis:100%;font-size:.92em;opacity:.8}
/* El menú no entra al lado del logo: se usa el botón Menú (plantillas.js) */
.ktp-h.is-apretado .ktp-h-nav{display:none!important}
.ktp-h.is-apretado .ktp-h-menu{display:inline-flex!important}
/* Calculadora de envío y "En stock" de la ficha con los colores y letras de la plantilla */
.ktp .kt-calc{max-width:none;box-shadow:none!important;background:var(--global-palette9);border-color:var(--global-palette7);font-family:var(--kt-b-font)}
.ktp .kt-calc-t{font-family:var(--kt-h-font);font-weight:var(--kt-h-weight);color:var(--global-palette3)}
.ktp .kt-calc-t svg{color:var(--global-palette1)}
.ktp .kt-calc-t em{color:var(--global-palette5)}
.ktp .kt-calc-f input[name=cp]{border-color:var(--global-palette6);background:var(--global-palette9);color:var(--global-palette3);font-family:var(--kt-b-font)}
.ktp .kt-calc-f button{background:var(--global-palette3)!important;color:var(--global-palette9)!important;font-family:var(--kt-b-font)!important}
.ktp .kt-calc-no,.ktp .kt-calc-wa,.ktp .kt-calc-cambiar{color:var(--global-palette4)!important;font-family:var(--kt-b-font)}
.ktp .kt-calc-cp,.ktp .kt-calc-m{color:var(--global-palette4)}
.ktp .kt-calc-cp b{color:var(--global-palette3)}
.ktp .kt-calc-l li{background:var(--global-palette8);border-color:transparent;color:var(--global-palette3)}
.ktp .kt-calc-l li b{font-family:var(--kt-b-font);font-weight:500;color:var(--global-palette3)}
.ktp .kt-calc-l li b.is-gratis{font-family:var(--kt-b-font);background:var(--global-palette3);color:var(--global-palette9)}
.ktp .summary .stock.in-stock{background:var(--global-palette8);color:var(--global-palette4)!important;font-family:var(--kt-b-font)}
.ktp .summary .stock.in-stock::before{background:var(--global-palette1)}
.ktp-h-top{display:none}
.ktp-h-top i{font-style:normal;margin:0 .8em;opacity:.6}
.ktp .kt-tf-full .kt-tf-fila b{color:var(--global-palette3);font-family:var(--kt-b-font)}
/* La foto (y la segunda foto que aparece al pasar el mouse) nunca tapa el nombre */
.ktp ul.products li.product .woocommerce-loop-image-link{position:relative;display:block;overflow:hidden}
.ktp ul.products li.product .product-details{position:relative;z-index:1}
/* 0.59: animaciones de todas las plantillas (portada, aparición al bajar y hover). Cada plantilla ajusta el ritmo con estas variables. */
.ktp{--ktp-dur:.9s;--ktp-dist:26px;--ktp-ease:cubic-bezier(.2,.7,.2,1);--ktp-zoom:1.06}
.ktp-lujo{--ktp-dur:1.3s;--ktp-dist:14px;--ktp-ease:cubic-bezier(.25,.6,.2,1)}
.ktp-oldmoney{--ktp-dur:1.15s;--ktp-dist:18px}
.ktp-japandi,.ktp-nordica{--ktp-dur:1.1s;--ktp-dist:20px;--ktp-zoom:1.04}
.ktp-pop{--ktp-dur:.75s;--ktp-dist:34px;--ktp-ease:cubic-bezier(.34,1.56,.64,1);--ktp-zoom:1.08}
.ktp-editorial{--ktp-dist:40px}
@media (prefers-reduced-motion:no-preference){
	@keyframes ktp-sube{from{opacity:0;transform:translateY(var(--ktp-dist))}to{opacity:1;transform:none}}
	@keyframes ktp-zoom{from{transform:scale(1.12)}to{transform:scale(1)}}
	.ktp .ktp-hero-tx>*{animation:ktp-sube var(--ktp-dur) var(--ktp-ease) both}
	.ktp .ktp-hero-tx>*:nth-child(2){animation-delay:.12s}.ktp .ktp-hero-tx>*:nth-child(3){animation-delay:.24s}.ktp .ktp-hero-tx>*:nth-child(4){animation-delay:.36s}.ktp .ktp-hero-tx>*:nth-child(5){animation-delay:.48s}
	.ktp:not(.ktp-lujo) .ktp-hero figure{overflow:hidden}
	.ktp:not(.ktp-lujo) .ktp-hero figure img{animation:ktp-zoom 2.2s cubic-bezier(.2,.7,.2,1) both}
	.ktp-editorial .ktp-hero-tx>*{animation-name:ktp-lado}
	@keyframes ktp-lado{from{opacity:0;transform:translateX(calc(var(--ktp-dist) * -1))}to{opacity:1;transform:none}}
	/* Aparece al bajar (la clase la pone plantillas.js; sin JS se ve todo igual) */
	html.ktp-mov .ktp-rv{opacity:0;transform:translateY(var(--ktp-dist));transition:opacity var(--ktp-dur) var(--ktp-ease),transform var(--ktp-dur) var(--ktp-ease);transition-delay:var(--ktp-d,0s)}
	html.ktp-mov .ktp-rv.is-vis{opacity:1;transform:none}
	/* Tarjetas y categorías: la foto se acerca y el botón se levanta */
	.ktp ul.products li.product .woocommerce-loop-image-link img{transition:transform .7s var(--ktp-ease)}
	.ktp ul.products li.product:hover .woocommerce-loop-image-link img{transform:scale(var(--ktp-zoom))}
	.ktp .ktp-cats figure{overflow:hidden}
	.ktp .ktp-cats a img{transition:transform .8s var(--ktp-ease)}
	.ktp .ktp-cats a:hover img{transform:scale(var(--ktp-zoom))}
	.ktp .ktp-hero-tx a,.ktp ul.products li.product .button,.ktp .single_add_to_cart_button{transition:transform .25s var(--ktp-ease),box-shadow .25s,background .3s,color .3s}
	.ktp .ktp-hero-tx a:hover,.ktp ul.products li.product .button:hover,.ktp .single_add_to_cart_button:hover{transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(0,0,0,.45)}
}
