/* Lienzo Case · Riso Club — hoja de estilos de marca v0.6.0 */


:root:root{
	--lc-papel:#FBFAF6;--lc-tinta:#111111;--lc-tinta-suave:#4B4B4B;--lc-blanco:#FFFFFF;
	--lc-amarillo:#FFE14D;--lc-amarillo-trama:#F5C400;--lc-rosa:#FF48B0;
	--lc-azul:#1F5BFF;--lc-azul-trama:#4D7CFF;--lc-verde:#00A878;
	--lc-display:"Unbounded","Arial Black",sans-serif;
	--lc-texto:"Space Grotesk","Helvetica Neue",sans-serif;
	--lc-borde:3px solid var(--lc-tinta);
	--lc-sombra:6px 6px 0 var(--lc-tinta);
	--lc-sombra-sm:4px 4px 0 var(--lc-tinta);

	/* Paleta global de Blocksy */
	--theme-palette-color-1:var(--lc-azul);
	--theme-palette-color-2:var(--lc-tinta);
	--theme-palette-color-3:var(--lc-tinta);
	--theme-palette-color-4:var(--lc-tinta);
	--theme-palette-color-5:#D8D4C8;
	--theme-palette-color-6:#F3F0E6;
	--theme-palette-color-7:var(--lc-papel);
	--theme-palette-color-8:var(--lc-blanco);
	--theme-font-family:var(--lc-texto);
	--theme-button-background-initial-color:var(--lc-rosa);
	--theme-button-background-hover-color:var(--lc-amarillo);
	--theme-button-text-initial-color:var(--lc-tinta);
	--theme-button-text-hover-color:var(--lc-tinta);
	--theme-button-border-radius:6px;
}

/* Base */
body{background:var(--lc-papel);color:var(--lc-tinta);font-family:var(--lc-texto);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.site-title,.product_title,.woocommerce-loop-product__title{font-family:var(--lc-display);text-transform:uppercase;letter-spacing:-0.01em;color:var(--lc-tinta)}
h1,.product_title{font-weight:900;line-height:.95}
h2,h3{font-weight:900;line-height:1}
h4,h5,h6{font-weight:800;line-height:1.1}
a{color:var(--lc-azul);text-underline-offset:3px}
a:hover{color:var(--lc-tinta)}
::selection{background:var(--lc-rosa);color:var(--lc-tinta)}

/* Barra de anuncios */
.lcc-announcement{background:var(--lc-azul);color:var(--lc-blanco);font-family:var(--lc-display);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:10px 16px;line-height:1.3}

/* Cabecera y logo textual */
#header{border-bottom:var(--lc-borde)}
.site-title,.site-title a{font-weight:900;color:var(--lc-rosa);text-shadow:3px 3px 0 var(--lc-azul);text-decoration:none}

/* Botones: web, Blocksy y WooCommerce */
.button,button[type="submit"],input[type="submit"],.wp-element-button,.ct-button,
.woocommerce a.button,.woocommerce button.button,.single_add_to_cart_button,.checkout-button,
.wc-block-components-button:not(.is-link){
	background:var(--lc-rosa);color:var(--lc-tinta);border:var(--lc-borde);border-radius:6px;box-shadow:var(--lc-sombra);
	font-family:var(--lc-display);font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.02em;
	min-height:48px;padding:0 24px;transition:transform .08s ease,box-shadow .08s ease,background-color .15s ease;cursor:pointer
}
.button:hover,button[type="submit"]:hover,input[type="submit"]:hover,.wp-element-button:hover,.ct-button:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.single_add_to_cart_button:hover,.checkout-button:hover,
.wc-block-components-button:not(.is-link):hover{background:var(--lc-amarillo);color:var(--lc-tinta)}
.button:active,button[type="submit"]:active,input[type="submit"]:active,.wp-element-button:active,.ct-button:active,
.woocommerce a.button:active,.woocommerce button.button:active,.single_add_to_cart_button:active,.checkout-button:active,
.wc-block-components-button:not(.is-link):active{transform:translate(4px,4px);box-shadow:none}
.is-style-outline .wp-element-button,.lc-boton-secundario .wp-element-button{background:var(--lc-papel)}

/* Foco visible */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.wp-element-button:focus-visible{outline:3px solid var(--lc-azul);outline-offset:3px}

/* Formularios */
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="password"],input[type="search"],select,textarea,
.wc-block-components-text-input input,.wc-block-components-combobox .components-combobox-control__input{
	border:var(--lc-borde);border-radius:0;background:var(--lc-blanco);color:var(--lc-tinta);font-family:var(--lc-texto);min-height:48px
}

/* Productos: la funda es la protagonista, sobre fondo limpio y con marco tinta */
.woocommerce ul.products li.product .ct-media-container,
.wc-block-grid__product-image,
.woocommerce div.product .woocommerce-product-gallery{border:var(--lc-borde);background:var(--lc-blanco);border-radius:0;overflow:hidden}
.woocommerce ul.products li.product .ct-media-container img,.wc-block-grid__product-image img{border:0!important}
.price,.woocommerce-Price-amount{color:var(--lc-tinta);font-weight:700}
.woocommerce span.onsale,.onsale{background:var(--lc-rosa);color:var(--lc-tinta);border:var(--lc-borde);border-radius:999px;font-family:var(--lc-display);font-weight:800;transform:rotate(-12deg)}

/* Utilidades para construir páginas con bloques (Avanzado > Clases CSS adicionales) */
.lc-trama-amarillo{background-color:var(--lc-amarillo);background-image:radial-gradient(var(--lc-amarillo-trama) 2.2px,transparent 2.3px);background-size:16px 16px;color:var(--lc-tinta)}
.lc-trama-azul{background-color:var(--lc-azul);background-image:radial-gradient(var(--lc-azul-trama) 2.2px,transparent 2.3px);background-size:16px 16px;color:var(--lc-blanco)}
.lc-borde{border:var(--lc-borde)}
.lc-sombra{box-shadow:var(--lc-sombra)}
.lc-tarjeta{background:var(--lc-blanco);border:var(--lc-borde);box-shadow:var(--lc-sombra)}
.lc-sello{display:inline-flex;align-items:center;justify-content:center;text-align:center;width:120px;height:120px;border-radius:999px;background:var(--lc-azul);color:var(--lc-blanco);font-family:var(--lc-display);font-weight:800;font-size:14px;line-height:1.1;transform:rotate(-12deg)}
.lc-display{font-family:var(--lc-display);text-transform:uppercase;font-weight:900;line-height:.95}

/* ---------- v0.2: cabecera, páginas construidas con secciones y home ---------- */

/* Cabecera en color papel, como el resto de la web */
#header [data-row]{background-color:var(--lc-papel)!important}

/* En páginas que empiezan con una sección propia, se oculta el título automático del tema */
body.page:has(.entry-content > .lc-seccion:first-child) .hero-section{display:none}
body.page:has(.entry-content > .lc-seccion:first-child) [data-vertical-spacing]{padding-top:0!important;padding-bottom:0!important}

/* Secciones */
/* Las secciones ocupan todo el ancho y alinean su contenido con la cabecera del tema (1290 px, márgenes de 5vw) */
.entry-content > .lc-seccion{margin-top:0!important;margin-bottom:0!important;padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(40px,6vw,72px);padding-left:max(5vw, calc((100% - 1290px) / 2))!important;padding-right:max(5vw, calc((100% - 1290px) / 2))!important}
.entry-content > .lc-seccion > *{max-width:none!important;margin-left:0!important;margin-right:0!important}
.entry-content > .lc-hero > h1{max-width:13ch!important}
.entry-content > .lc-seccion > .lc-entradilla{max-width:38ch!important}
.entry-content > .lc-sellado > h2{max-width:16ch!important}
.entry-content > .lc-sellado > p{max-width:60ch!important}
.entry-content > .lc-seccion > .lc-chip{width:fit-content}
.entry-content > .lc-seccion > .lc-selector{max-width:760px!important}
.entry-content > .lc-seccion > .lc-etiqueta + *{margin-top:0!important}
.entry-content > .lc-seccion--ajustada{padding-top:0}
.lc-seccion > *:first-child{margin-top:0}
.lc-etiqueta{font-family:var(--lc-display);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--lc-azul);margin-bottom:12px}
.lc-entradilla{font-size:clamp(18px,2vw,21px);font-weight:500;line-height:1.45}

/* Hero */
.lc-hero{position:relative;overflow:hidden;border-bottom:var(--lc-borde)}
.lc-hero h1{font-size:clamp(44px,8vw,104px);margin-bottom:20px}
.lc-hero .wp-block-buttons{gap:16px;margin-top:28px}
.lc-hero .lc-sello{position:absolute;right:clamp(24px,8vw,140px);top:clamp(32px,6vw,72px);width:clamp(110px,12vw,150px);height:clamp(110px,12vw,150px);font-size:clamp(14px,1.4vw,17px);margin:0}
@media (max-width:781px){.lc-hero .lc-sello{position:static;margin-top:28px}}

/* Selector de modelo */
.lc-selector{background:var(--lc-blanco);border:var(--lc-borde);box-shadow:var(--lc-sombra);padding:clamp(20px,3vw,32px);display:grid;gap:14px}
.lc-selector label{font-family:var(--lc-display);font-weight:900;font-size:clamp(20px,2.4vw,28px);text-transform:uppercase;line-height:1}
.lc-selector__fila{display:flex;flex-wrap:wrap;gap:12px}
.lc-selector select{flex:1 1 260px;padding:0 14px;font-size:16px}
.lc-selector__ayuda{font-size:14px;color:var(--lc-tinta)}

/* Las dos puertas */
.lc-puertas{gap:24px}
.lc-puertas .lc-puerta{height:100%;box-sizing:border-box;padding:clamp(22px,3vw,32px);display:flex;flex-direction:column;gap:10px}
.lc-puertas .wp-block-column:first-child .lc-puerta{background:var(--lc-rosa)}
.lc-puertas .wp-block-column:last-child .lc-puerta{background:var(--lc-verde)}
.lc-puerta h3{margin:0;font-size:clamp(22px,2.6vw,32px)}
.lc-puerta p{margin:0}
.lc-puerta a{color:var(--lc-tinta);font-weight:700}
.lc-puerta p:last-child{margin-top:auto;padding-top:8px}

/* Sellado Lienzo */
.lc-sellado{background:var(--lc-tinta);color:var(--lc-papel)}
.lc-sellado h2{color:var(--lc-papel);font-size:clamp(30px,4.5vw,56px)}
.lc-sellado .lc-etiqueta{color:var(--lc-amarillo)}
.lc-sellado a{color:var(--lc-papel)}
.lc-chip{display:inline-block;background:var(--lc-amarillo);color:var(--lc-tinta);padding:10px 16px;font-weight:700}

/* Sellos de confianza */
.lc-confianza{gap:24px}
.lc-confianza h4{font-size:16px;margin-bottom:6px}
.lc-confianza p{font-size:15px;color:var(--lc-tinta-suave);margin:0}
.lc-confianza a{color:var(--lc-tinta)}

/* ---------- v0.3: tienda, colecciones y selector de modelo ---------- */

/* Botones de las cuadrículas de productos (bloques de WooCommerce) */
.wc-block-grid__product-add-to-cart .wp-block-button__link,.wc-block-grid__product .add_to_cart_button{background:var(--lc-rosa);color:var(--lc-tinta);border:var(--lc-borde);border-radius:6px;box-shadow:var(--lc-sombra-sm);font-family:var(--lc-display);font-weight:800;font-size:13px;text-transform:uppercase}
.wc-block-grid__product-add-to-cart .wp-block-button__link:hover{background:var(--lc-amarillo);color:var(--lc-tinta)}

/* Títulos de producto en listados */
.woocommerce-loop-product__title,.wc-block-grid__product-title,.woocommerce ul.products li.product .woocommerce-loop-product__link{color:var(--lc-tinta);text-decoration:none;font-family:var(--lc-display);font-weight:800;font-size:15px;text-transform:uppercase}
.wc-block-grid__product-link{text-decoration:none}

/* Cabecera de las colecciones con el color de cada una */
.tax-product_cat .hero-section,.post-type-archive-product .hero-section{border-bottom:var(--lc-borde)}
.tax-product_cat .hero-section,.post-type-archive-product .hero-section{background-color:var(--lc-coleccion,var(--lc-amarillo))!important;background-image:radial-gradient(var(--lc-coleccion-trama,var(--lc-amarillo-trama)) 2.2px,transparent 2.3px)!important;background-size:16px 16px!important}
.tax-product_cat .hero-section *,.post-type-archive-product .hero-section *{background-color:transparent!important;background-image:none!important}
.lcc-coleccion-rosa{--lc-coleccion:var(--lc-rosa);--lc-coleccion-trama:#FF74C4}
.lcc-coleccion-verde{--lc-coleccion:var(--lc-verde);--lc-coleccion-trama:#1FBF8F}
.lcc-coleccion-azul{--lc-coleccion:var(--lc-azul);--lc-coleccion-trama:var(--lc-azul-trama)}
.lcc-coleccion-azul .hero-section h1,.lcc-coleccion-azul .hero-section .page-description{color:var(--lc-blanco)}
.tax-product_cat .hero-section .page-description,.post-type-archive-product .hero-section .page-description{font-size:18px;font-weight:500}

/* Selector de modelo en la ficha de producto */
.lcc-modelo{display:grid;gap:8px;width:100%;margin:0 0 20px}
.lcc-modelo label{font-family:var(--lc-display);font-weight:900;font-size:18px;text-transform:uppercase}
.lcc-modelo select{width:100%;padding:0 14px;font-size:16px}
.lcc-modelo__ayuda{font-size:14px;color:var(--lc-tinta)}
form.cart:has(.lcc-modelo){flex-wrap:wrap}

/* Aviso del modelo recordado en las colecciones */
.lcc-aviso-modelo{background:var(--lc-blanco);border:var(--lc-borde);box-shadow:var(--lc-sombra-sm);padding:12px 16px;margin:0 0 24px}
.lcc-aviso-modelo a{color:var(--lc-tinta);font-weight:700;margin-left:6px}

/* ---------- v0.4: carrito, pago y pie de página ---------- */

/* Carrito y pago con la tipografía de la marca */
.wc-block-cart,.wc-block-checkout,.wc-block-components-sidebar{font-family:var(--lc-texto)}
.wc-block-components-title,.wc-block-components-checkout-order-summary__title-text,.wc-block-cart__totals-title,
.wc-block-components-checkout-step__title,.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-panel__button{font-family:var(--lc-display)!important;font-weight:900!important;text-transform:uppercase}
.wc-block-components-product-name{font-family:var(--lc-display);font-weight:800;text-transform:uppercase;color:var(--lc-tinta);text-decoration:none}
.wc-block-components-totals-item__label,.wc-block-components-totals-item__value{font-family:var(--lc-texto)}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,.wc-block-components-totals-footer-item .wc-block-components-totals-item__label{font-family:var(--lc-display);font-weight:900}
.wc-block-checkout__sidebar .wc-block-components-order-summary,.wp-block-woocommerce-checkout-order-summary-block{border:var(--lc-borde);background:var(--lc-blanco)}
.wc-block-components-totals-coupon__content .wc-block-components-chip,.wc-block-components-chip{background:var(--lc-amarillo);color:var(--lc-tinta);border:2px solid var(--lc-tinta);border-radius:0}

/* Pie de página propio: se oculta el del tema */
#footer.ct-footer,footer#footer{display:none}
.lcc-pie{background:var(--lc-tinta);color:var(--lc-papel);border-top:var(--lc-borde);font-family:var(--lc-texto)}
.lcc-pie__dentro{max-width:1290px;margin:0 auto;padding:clamp(40px,6vw,64px) 5vw;display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:32px}
@media (max-width:781px){.lcc-pie__dentro{grid-template-columns:repeat(2,minmax(0,1fr))}.lcc-pie__marca{grid-column:1 / -1}}
.lcc-pie__logo{font-family:var(--lc-display);font-weight:900;font-size:40px;text-transform:uppercase;color:var(--lc-rosa);text-shadow:3px 3px 0 var(--lc-azul);text-decoration:none;display:inline-block;margin-bottom:12px}
.lcc-pie p{margin:0 0 10px;color:var(--lc-papel);max-width:36ch}
.lcc-pie h2{font-family:var(--lc-display);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--lc-amarillo);margin:0 0 14px}
.lcc-pie ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lcc-pie a{color:var(--lc-papel);text-decoration:none}
.lcc-pie a:hover{color:var(--lc-amarillo);text-decoration:underline}
.lcc-pie__final{max-width:1290px;margin:0 auto;padding:18px 5vw;border-top:1px solid #333;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;color:#CFCBC0}

/* ---------- v0.5: intro de imprenta y sello "¡Es tuya!" ---------- */
.lcc-intro{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background-color:var(--lc-amarillo);background-image:radial-gradient(var(--lc-amarillo-trama) 2.2px,transparent 2.3px);background-size:16px 16px;transition:opacity .3s ease,transform .3s ease;cursor:pointer}
.lcc-intro--fuera{opacity:0;transform:scale(1.04);pointer-events:none}
.lcc-intro__logo{position:relative;font-family:var(--lc-display);font-weight:900;text-transform:uppercase;font-size:clamp(56px,15vw,168px);line-height:.9}
.lcc-intro__b{position:absolute;left:0;top:0;color:var(--lc-azul);animation:lccCapaB .62s cubic-bezier(.2,.9,.25,1) both}
.lcc-intro__p{position:relative;color:var(--lc-rosa);animation:lccCapaP .62s cubic-bezier(.2,.9,.25,1) both}
@keyframes lccCapaB{from{transform:translate(-18vw,10vh)}to{transform:translate(.05em,.05em)}}
@keyframes lccCapaP{from{transform:translate(18vw,-10vh)}to{transform:none}}

.lcc-sello{position:fixed;left:50%;top:50%;z-index:99998;width:220px;height:220px;margin:-110px 0 0 -110px;box-sizing:border-box;padding:20px;border-radius:50%;background:var(--lc-rosa);color:var(--lc-tinta);border:4px solid var(--lc-tinta);box-shadow:8px 8px 0 var(--lc-tinta);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--lc-display);transform:rotate(-12deg);animation:lccSello .45s cubic-bezier(.3,1.5,.5,1) both;cursor:pointer;transition:opacity .3s ease}
.lcc-sello strong{font-size:32px;font-weight:900;line-height:1;text-transform:uppercase}
.lcc-sello span{font-size:13px;font-weight:800;line-height:1.2;margin-top:10px;text-transform:uppercase}
.lcc-sello--fuera{opacity:0}
@keyframes lccSello{0%{transform:scale(2.2) rotate(-26deg);opacity:0}55%{opacity:1}100%{transform:scale(1) rotate(-12deg);opacity:1}}

/* ---------- v0.6: foto del taller en Mi cuenta ---------- */
.lcc-foto-pedido{margin:0 0 28px;border:var(--lc-borde);box-shadow:var(--lc-sombra);background:var(--lc-blanco);max-width:420px}
.lcc-foto-pedido img{display:block;width:100%;height:auto}
.lcc-foto-pedido figcaption{font-family:var(--lc-display);font-weight:800;font-size:14px;text-transform:uppercase;padding:12px 14px;border-top:var(--lc-borde)}

@media (prefers-reduced-motion:reduce){
	.lcc-sello{animation:none}
	*{transition:none!important}
	.button:active,.wp-element-button:active,.single_add_to_cart_button:active{transform:none}
}
