/* ==========================================================================
   Yanytoons · bloques.css
   Adapta el diseño (style.css) al marcado del editor de bloques y a WooCommerce.
   1 secciones y layout · 2 tipografía/encabezados · 3 botones · 4 componentes
   5 bloques propios · 6 WooCommerce · 7 móvil
   ========================================================================== */

/* 1. Secciones y layout ------------------------------------------------- */
main#contenido{display:block;min-width:0}
section.wp-block-group,.wp-block-group.titulo-pagina{padding-inline:20px;position:relative}
section.wp-block-group.seccion{--pad:72px;padding-block:var(--pad)}
@media(min-width:900px){section.wp-block-group.seccion{--pad:100px}}
section.wp-block-group.compacta{--pad:48px}
section.wp-block-group.sin-arriba{padding-top:0}
.wp-block-group.titulo-pagina{padding-block:48px 32px;max-width:1160px;margin-inline:auto}
@media(min-width:900px){.wp-block-group.titulo-pagina{padding-block:72px 40px}}
.titulo-pagina p:not(.mano){font-size:20px;color:var(--tinta-suave);max-width:52ch}
.titulo-pagina .stats{margin-top:28px;max-width:680px}
.hero.wp-block-group{padding-inline:20px}
.hero-corto{padding-bottom:32px!important}
mark{color:inherit}
mark.subrayado{background-color:transparent}
.wp-block-columns{gap:2em}
.wp-block-columns.hero-grid{gap:56px}
.wp-block-columns.dos-col{gap:72px}
.wp-block-columns.yany{gap:64px}
.wp-block-columns.pasos{gap:36px}
.wp-block-columns.resenas-cab{gap:24px;margin-bottom:36px}
.wp-block-columns.contacto-grid{gap:72px;padding-bottom:24px}
.wp-block-column{min-width:0}
/* el layout "constrained" limita a los hijos a 1120px: los fondos inyectados deben ocupar toda la sección */
.is-layout-constrained>.fondo-olas,.is-layout-constrained>.marca-agua,.is-layout-constrained>svg.deco{max-width:none!important;margin:0!important}
/* los componentes usan sus propios espacios, no el blockGap automático */
.paso>*,.ocasion>*,.pago>*,.stat>*,.escena>*,.encabezado>*,.comparador>*{margin-block:0!important}

/* 2. Tipografía y encabezados ------------------------------------------- */
p.etiqueta,.titulo-pagina p.mano,p.mano{font-family:var(--mano);font-size:24px!important;color:var(--chicle-oscuro);line-height:1;margin:0 0 8px}
.titulo-pagina p.mano{font-size:26px!important}
p.hero-nota{font-family:var(--mano);font-size:26px;color:var(--chicle-oscuro);line-height:1;margin:0 0 14px}
.encabezado h2+p,.encabezado p:not(.etiqueta){font-size:19px;color:var(--tinta-suave);margin-top:14px!important}
.encabezado .etiqueta+h2{margin-top:0}
p.nota-pie{font-size:15px;color:var(--tinta-suave)}
p.aviso{background:var(--papel-2);border-radius:18px;padding:18px 22px;font-size:16px}
section.prosa p,section.prosa li{font-size:18px;line-height:1.65}
section.prosa h2{font-size:30px;margin:40px 0 4px}
section.prosa h2:first-child{margin-top:0}
section.prosa .wp-block-table{margin:0 0 8px}
.wp-block-table table{width:100%;border-collapse:collapse;font-size:16px}
.wp-block-table th,.wp-block-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--borde);vertical-align:top;border-left:0;border-right:0;border-top:0}
.wp-block-table th{font-family:var(--display);font-weight:600}
.wp-block-table{overflow-x:auto}
a.enlace{font-weight:700;color:var(--chicle-oscuro);text-decoration:none}
a.enlace:hover{text-decoration:underline}
.wp-block-quote{border:0;padding:0;margin:18px 0 0;font-size:20px;line-height:1.5}
.wp-block-quote p{font-size:inherit}
.wp-block-quote cite{display:block;margin-top:22px;font-family:var(--mano);font-size:32px;color:var(--chicle-oscuro);font-style:normal;line-height:1}
.wp-block-group.faq{max-width:760px;margin-inline:auto}
.faq .wp-block-details{border-bottom:1px solid var(--borde)}
.faq .wp-block-details:first-of-type,.faq h3+.wp-block-details{border-top:1px solid var(--borde)}
.faq h3{margin:40px 0 8px;color:var(--chicle-oscuro)}
.faq h3:first-child{margin-top:0}
.wp-block-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-family:var(--display);font-weight:600;font-size:20px}
.wp-block-details .det-cont>*{margin:0 0 10px}
.wp-block-details>p,.wp-block-details .det-cont{padding:0 4px 22px;color:var(--tinta-suave);max-width:62ch}
.wp-block-details .det-cont>p{padding:0}

/* 3. Botones (bloque Botón con clases btn…) ----------------------------- */
.wp-block-buttons{gap:14px}
.wp-block-buttons.hero-acciones{margin-top:28px}
.wp-block-button.btn,.wp-block-button.btn:hover,.wp-block-button.btn:active{background:transparent;box-shadow:none;padding:0;transform:none;display:inline-block;font-size:inherit;border-radius:0}
.wp-block-button.btn .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:800;font-size:19px;line-height:1.1;color:#fff;background:var(--chicle);border:0;border-radius:999px;padding:16px 30px;text-decoration:none;box-shadow:0 5px 0 var(--chicle-oscuro);transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap}
.wp-block-button.btn .wp-block-button__link:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--chicle-oscuro)}
.wp-block-button.btn .wp-block-button__link:active{transform:translateY(5px);box-shadow:0 0 0 var(--chicle-oscuro)}
.wp-block-button.btn-blanco .wp-block-button__link{background:#fff;color:var(--chicle-oscuro);box-shadow:0 5px 0 #f0b4cd}
.wp-block-button.btn-blanco .wp-block-button__link:hover{box-shadow:0 3px 0 #f0b4cd}
.wp-block-button.btn-wa .wp-block-button__link{background:var(--wa);color:#fff;box-shadow:0 5px 0 var(--wa-oscuro)}
.wp-block-button.btn-wa .wp-block-button__link:hover{box-shadow:0 3px 0 var(--wa-oscuro)}
.wp-block-button.btn-linea .wp-block-button__link{background:transparent;color:var(--chicle-oscuro);box-shadow:inset 0 0 0 2.5px var(--chicle-claro)}
.wp-block-button.btn-linea .wp-block-button__link:hover{box-shadow:inset 0 0 0 2.5px var(--chicle);transform:none}
.wp-block-button.btn-chico .wp-block-button__link{padding:12px 22px;font-size:17px}
.wp-block-button.btn-wa .wp-block-button__link::before,.wp-block-button.btn-wa-icono .wp-block-button__link::before{content:"";width:22px;height:22px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.6.8-.8 1c-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.2-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.8 12 12 0 0 0 4.6 4 5.2 5.2 0 0 0 3.2.7 2.7 2.7 0 0 0 1.8-1.3 2.2 2.2 0 0 0 .2-1.3c-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.6.8-.8 1c-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.2-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.8 12 12 0 0 0 4.6 4 5.2 5.2 0 0 0 3.2.7 2.7 2.7 0 0 0 1.8-1.3 2.2 2.2 0 0 0 .2-1.3c-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E") center/contain no-repeat}

/* 4. Componentes con bloques del núcleo --------------------------------- */
/* hero */
ul.promesa{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:18px 0 0;font-size:15px;color:var(--tinta-suave)}
ul.promesa li{display:flex;align-items:center;gap:6px;margin:0}
ul.promesa li::before{content:"";width:18px;height:18px;flex:none;background:var(--chicle);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.5l2.9 6.2 6.8.8-5 4.7 1.3 6.8L12 17.7 6 21l1.3-6.8-5-4.7 6.8-.8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.5l2.9 6.2 6.8.8-5 4.7 1.3 6.8L12 17.7 6 21l1.3-6.8-5-4.7 6.8-.8z'/%3E%3C/svg%3E") center/contain no-repeat}
ul.promesa strong{color:var(--tinta)}
p.prueba-social{margin-top:24px!important}
p.prueba-social a{display:inline-flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--tinta-suave);font-size:15px;line-height:1.3;padding-left:34px;position:relative}
p.prueba-social a::before{content:"";position:absolute;left:0;top:2px;width:26px;height:26px;background:var(--chicle);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 21s-7.5-4.6-9.6-9.2C.8 8.3 3 4.5 6.7 4.5c2 0 3.5 1.1 5.3 3 1.8-1.9 3.3-3 5.3-3 3.7 0 5.9 3.8 4.3 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 21s-7.5-4.6-9.6-9.2C.8 8.3 3 4.5 6.7 4.5c2 0 3.5 1.1 5.3 3 1.8-1.9 3.3-3 5.3-3 3.7 0 5.9 3.8 4.3 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") center/contain no-repeat;animation:latido 2.4s ease-in-out infinite}
p.prueba-social strong{color:var(--tinta)}
p.prueba-social a:hover strong{color:var(--chicle-oscuro)}
.escena.wp-block-group{position:relative;aspect-ratio:1/1;max-width:540px;width:100%;margin-inline:auto}
.escena .wp-block-yanytoons-video{position:absolute;left:4%;top:7%;width:76%;z-index:2}
.wp-block-yanytoons-video.video-card{aspect-ratio:16/9;position:relative;width:100%;max-width:960px;margin-inline:auto}
.escena .wp-block-yanytoons-video.video-card{position:absolute;max-width:none;margin:0}
/* pasos */
p.num{font-family:var(--display);font-weight:800;font-size:22px;width:54px;height:54px;border-radius:50%;background:var(--chicle);color:#fff;display:grid;place-items:center;box-shadow:0 4px 0 var(--chicle-oscuro);margin:0 0 18px!important;transform:rotate(-6deg);transition:transform var(--suave);position:relative;z-index:1}
p.num svg{width:24px;height:24px}
.paso h3{margin:0 0 8px!important}
.paso p:not(.num){color:var(--tinta-suave);margin:0!important}
.paso .wp-block-buttons{margin-top:14px!important}
/* comparador */
.comparador.wp-block-group{position:relative;aspect-ratio:4/5;max-width:520px;margin-inline:auto;overflow:hidden;border-radius:22px;--pos:50%;user-select:none;-webkit-user-select:none;touch-action:pan-y;background:var(--papel-2)}
.comparador .wp-block-image{position:absolute;inset:0;margin:0!important}
.comparador .wp-block-image img{width:100%;height:100%;object-fit:cover;border-radius:0}
.comparador .despues{clip-path:inset(0 0 0 var(--pos))}
/* imágenes sticker y retrato */
.wp-block-image.sticker{background:#fff;border:6px solid #fff;border-radius:22px;box-shadow:var(--sombra-sticker);overflow:hidden;margin:0}
.wp-block-image.sticker img{border-radius:16px;width:100%;height:auto;display:block}
.wp-block-image.retrato{max-width:380px;transform:rotate(-2deg);transition:transform var(--suave);aspect-ratio:auto;display:block}
.wp-block-image.retrato:hover{transform:rotate(0) scale(1.02)}
.piezas-deco.wp-block-group{position:relative}
/* lista con palomitas */
ul.lista-chk{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:18px;font-size:15px;color:var(--tinta-suave)}
ul.lista-chk li{display:block;position:relative;padding-left:48px;margin:0}
ul.lista-chk li::before{content:"";position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--menta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%230B5C48' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/18px no-repeat;transition:transform var(--rapido)}
ul.lista-chk li:hover::before{transform:scale(1.15) rotate(-8deg)}
ul.lista-chk li strong{display:block;font-weight:700;font-size:17px;color:var(--tinta)}
ul.lista-chk li small{display:block;font-size:15px;color:var(--tinta-suave);line-height:1.5}
/* Contenido de la página elegida en Personalizar > Ficha de producto (bajo las pestañas). */
.ficha-extra{grid-column:1/-1}
.ficha-extra>.wp-block-group{padding-inline:0}
.ficha-extra>.wp-block-group:first-child{padding-top:8px}
/* ocasiones y pagos (grid del editor) */
.ocasiones.wp-block-group{gap:18px}
.pagos.wp-block-group{gap:14px}
.ocasion.wp-block-group,.pago.wp-block-group{display:flex;flex-direction:column;gap:4px}
.ocasion h3,.pago h3{font-size:19px;font-weight:600;line-height:1.2}
.ocasion p,.pago p{font-size:14px;color:var(--tinta-suave)}
.ocasion .ico,.pago .ico{margin-bottom:10px}
.pago .ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}
.pago .ico svg{width:22px;height:22px}
/* cifras */
.stats.wp-block-group{gap:12px}
.stat.wp-block-group{display:block}
.stat p{margin:0!important}
.stat p:first-child strong{display:block;font-family:var(--display);font-size:34px;font-weight:800;line-height:1;color:var(--chicle-oscuro)}
.stat p:last-child{font-size:13px;color:var(--tinta-suave)}
/* galerías */
.wp-block-gallery.insta{gap:14px!important;margin-top:8px}
.wp-block-gallery.insta .wp-block-image{border-radius:16px;overflow:hidden;transition:transform var(--suave)}
.wp-block-gallery.insta .wp-block-image:hover{transform:scale(1.04) rotate(-1.5deg)}
.wp-block-gallery.insta .wp-block-image img{aspect-ratio:1;object-fit:cover}
.wp-block-gallery.galeria-taller{gap:16px!important;margin-top:40px}
.wp-block-gallery.galeria-taller .wp-block-image.sticker{margin:0}
.wp-block-gallery.fotos{display:grid!important;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:12px!important}
.wp-block-gallery.fotos .wp-block-image{width:auto!important;margin:0!important;border-radius:16px;overflow:hidden;border:4px solid #fff;box-shadow:0 2px 0 #e7c9d7;transition:transform var(--suave)}
.wp-block-gallery.fotos .wp-block-image:first-child{grid-row:span 2}
.wp-block-gallery.fotos .wp-block-image img{width:100%;height:100%;object-fit:cover}
.wp-block-gallery.fotos .wp-block-image:hover{transform:rotate(-2deg) scale(1.03)}
.wp-block-columns.mundo-detalle{padding:56px 0;border-bottom:1px solid var(--borde);gap:56px}
.wp-block-columns.mundo-detalle:last-child{border-bottom:0}
.mundo-detalle p:not(.etiqueta){color:var(--tinta-suave);max-width:46ch}
/* línea de tiempo */
ol.linea-tiempo{list-style:none;margin:0;padding:0;display:grid;gap:26px;position:relative}
ol.linea-tiempo li{position:relative;padding-left:52px;color:var(--tinta-suave);margin:0}
ol.linea-tiempo li .mano{display:block;font-size:24px;margin-bottom:2px}
ol.linea-tiempo li strong{display:block;font-family:var(--display);font-size:21px;font-weight:600;color:var(--tinta)}
/* contacto */
.tarjeta-wa.wp-block-group .wp-block-buttons{margin-top:0}
.formulario-contacto.wp-block-group{padding:28px}
/* cinta (se construye en main.js a partir de la lista) */
ul.cinta{list-style:none;padding:12px 20px;margin:0;display:flex;gap:28px;overflow:hidden;background:var(--chicle);color:#fff;font-family:var(--display);font-weight:800}
/* desliza (solo móvil) */
.desliza{display:none}

/* 5. Bloques propios ---------------------------------------------------- */
.wp-block-yanytoons-resenas.marquesina{margin-top:8px}
.wp-block-yanytoons-resenas.muro{margin-top:8px}
.wp-block-yanytoons-mundos.mundos .mundo .tapa .tapa-img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.wp-block-yanytoons-mundos.mundos .mundo .tapa .tapa-img+span{padding:24px 12px 8px;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(42,26,46,.45))}
.wp-block-yanytoons-mundos.mundos .mundo:hover .tapa .tapa-img{transform:scale(1.06)}

/* 6. WooCommerce (sin las hojas de estilo de WooCommerce) --------------- */
.woocommerce-pagina{padding-bottom:72px}
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-notices-wrapper,.woocommerce>.pasos-compra,.woocommerce>.woocommerce-message,.woocommerce>.woocommerce-info,.woocommerce>.woocommerce-error{grid-column:1/-1}
.woocommerce>.pasos-compra{margin-bottom:8px}
.woocommerce-message a.button,.woocommerce-info a.button,.woocommerce-error a.button{margin-left:auto}
.woocommerce-error{display:grid}
.woocommerce-error li{margin:0}
/* ficha */
.producto .galeria-col{min-width:0}
.woocommerce-product-gallery{position:relative}
.woocommerce-product-gallery__wrapper{margin:0;border-radius:22px;overflow:hidden;background:#fff;border:6px solid #fff;box-shadow:var(--sombra-sticker)}
.woocommerce-product-gallery__image a{display:block}
.woocommerce-product-gallery__image img{width:100%;height:auto;display:block;border-radius:16px}
.woocommerce-product-gallery__trigger{position:absolute;top:18px;right:18px;z-index:5;width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 2px 0 #e7c9d7;display:grid;place-items:center;text-indent:-999px;overflow:hidden}
.woocommerce-product-gallery__trigger::before{content:"";width:18px;height:18px;border:2px solid var(--tinta);border-radius:50%;box-sizing:border-box}
.woocommerce-product-gallery__trigger::after{content:"";position:absolute;width:2px;height:8px;background:var(--tinta);transform:rotate(-45deg);translate:8px 8px}
.flex-control-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 0;padding:0;list-style:none}
.flex-control-thumbs li{margin:0}
.flex-control-thumbs li img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;border:3px solid #fff;box-shadow:0 2px 0 #e7c9d7;cursor:pointer;opacity:.75;transition:opacity var(--rapido),transform var(--rapido)}
.flex-control-thumbs li img:hover{transform:translateY(-2px)}
.flex-control-thumbs li img.flex-active{opacity:1;border-color:var(--chicle)}
.onsale{position:absolute;top:16px;left:16px;z-index:4;background:var(--chicle);color:#fff;font-family:var(--display);font-weight:700;font-size:13px;padding:5px 12px;border-radius:999px}
.summary .product_title{font-size:clamp(34px,4.6vw,50px)}
.summary .mano{font-size:26px;display:inline-block;margin-bottom:6px}
.summary p.price{margin:18px 0 6px;font-family:var(--display)}
.summary p.price .amount{font-size:38px;font-weight:800;color:var(--tinta)}
.summary p.price del{color:var(--tinta-suave);font-size:22px;font-weight:600;margin-right:8px}
.summary p.price del .amount{font-size:inherit;font-weight:inherit;color:inherit}
/* Baloo 2 coloca mal la línea de <del>: se dibuja a mano y siempre centrada. */
.price del,.woocommerce-Price-amount del,del .woocommerce-Price-amount{text-decoration:none}
.price del{position:relative}
.price del::after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:.09em;min-height:2px;background:currentColor;border-radius:2px}
.summary p.price ins{text-decoration:none}
.summary form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:10px}
.summary form.cart>.opciones,.summary form.cart>.resumen-compra,.summary form.cart>.btn-wa,.summary form.cart>.nota{flex-basis:100%;width:100%}
.summary form.cart>.opciones{margin-top:12px}
.summary form.cart .quantity{flex:none}
.summary form.cart .single_add_to_cart_button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:800;font-size:19px;line-height:1.1;color:#fff;background:var(--chicle);border:0;border-radius:999px;padding:16px 30px;cursor:pointer;box-shadow:0 5px 0 var(--chicle-oscuro);transition:transform .12s ease,box-shadow .12s ease}
.summary form.cart .single_add_to_cart_button:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--chicle-oscuro)}
.summary form.cart .single_add_to_cart_button::before{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 8h12l1 13H5L6 8zM9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 8h12l1 13H5L6 8zM9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E") center/contain no-repeat}
.summary .btn-wa{width:100%}
.summary .stock{font-size:14px;color:var(--menta-oscuro);font-weight:700}
.summary .out-of-stock{color:#B0123F}
.producto-abajo{padding-top:40px;padding-bottom:72px}
.woocommerce-Tabs-panel h2:first-child{font-size:26px;margin-bottom:14px}
.woocommerce-Tabs-panel p{max-width:66ch;margin-bottom:14px;color:var(--tinta-suave)}
.woocommerce-Tabs-panel ul{padding-left:22px;color:var(--tinta-suave)}
section.related,section.upsells{padding:56px 0 0}
.producto-abajo>section.related:last-child,.producto-abajo>section.upsells:last-child{padding-bottom:8px}
section.related>h2,section.upsells>h2{font-size:30px;margin-bottom:24px}
li.product .imagen-producto img{width:100%;height:100%;object-fit:cover;display:block}
li.product .imagen-producto .marcador{position:absolute;inset:0}
/* carrito */
.woocommerce-cart .woocommerce{display:grid;gap:36px}
@media(min-width:900px){.woocommerce-cart .woocommerce{grid-template-columns:1.4fr .8fr;gap:48px;align-items:start}.woocommerce-cart .cart-collaterals{position:sticky;top:calc(var(--alto-header) + 20px)}}
.woocommerce-cart .woocommerce>form{min-width:0}
.cart-empty.woocommerce-info{grid-column:1/-1}
.return-to-shop{grid-column:1/-1;text-align:center}
.woocommerce-cart-form__cart-item .product-thumbnail img{width:72px;height:72px;object-fit:cover;border-radius:14px}
.woocommerce-cart-form__cart-item .product-thumbnail a{display:block}
.cart_totals .shipping-calculator-button{font-size:13px;color:var(--chicle-oscuro)}
.cart_totals .woocommerce-shipping-methods label{cursor:pointer}
.cart_totals .woocommerce-shipping-methods .amount{font-weight:700}
table.shop_table .product-name .variation{font-size:13px}
/* checkout */
#customer_details .col-1,#customer_details .col-2{width:auto;float:none}
.form-row.woocommerce-invalid .input-text,.form-row.woocommerce-invalid select{border-color:#B0123F}
.form-row.woocommerce-validated .input-text{border-color:var(--menta-oscuro)}
.woocommerce-checkout .form-row .description{font-size:13px;color:var(--tinta-suave);margin:4px 0 0}
.woocommerce-checkout .select2-container .select2-selection--single{height:50px;border:2px solid var(--borde);border-radius:14px;background:#fff}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:46px;padding-left:16px;color:var(--tinta)}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{height:46px;right:8px}
.select2-dropdown{border:2px solid var(--borde);border-radius:14px;overflow:hidden}
.wc_payment_method{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}
.wc_payment_method>label{font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wc_payment_method>label img{max-height:26px;width:auto}
.wc_payment_method .payment_box{grid-column:1/-1;margin:0 0 0 30px}
.woocommerce-checkout-review-order-table .product-name .variation{font-size:13px;color:var(--tinta-suave);margin:4px 0 0;display:grid;grid-template-columns:auto 1fr;gap:2px 6px}
.woocommerce-checkout-review-order-table .product-name .variation p{display:inline}
.woocommerce-checkout-review-order-table .woocommerce-shipping-methods{text-align:left}
.woocommerce-checkout-review-order-table .woocommerce-shipping-methods li{justify-content:flex-end}
.woocommerce-checkout #payment ul.payment_methods li img{display:inline-block}
.woocommerce-terms-and-conditions{max-height:220px;overflow:auto;background:var(--papel-2);border-radius:14px;padding:14px;font-size:14px;margin-bottom:12px}
.woocommerce-privacy-policy-text p{font-size:13px;color:var(--tinta-suave)}
/* gracias y cuenta */
.woocommerce-order{max-width:760px;margin-inline:auto}
.woocommerce-thankyou-order-received{font-family:var(--display);font-size:26px;font-weight:600;color:var(--menta-oscuro);margin-bottom:18px}
.woocommerce-order-overview{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.woocommerce-order-overview li{background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 2px 0 #e7c9d7;font-size:14px;color:var(--tinta-suave)}
.woocommerce-order-overview li strong{display:block;color:var(--tinta);font-size:16px}
.woocommerce-order-details,.woocommerce-customer-details{margin-top:28px}
.woocommerce-order-details__title,.woocommerce-column__title{font-size:22px;margin-bottom:12px}
.woocommerce-customer-details address{font-style:normal;background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 2px 0 #e7c9d7;line-height:1.6}
.woocommerce-account .woocommerce{display:grid;gap:32px}
@media(min-width:900px){.woocommerce-account .woocommerce{grid-template-columns:260px 1fr}}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:700;color:var(--tinta-suave)}
.woocommerce-MyAccount-navigation a:hover,.woocommerce-MyAccount-navigation .is-active a{background:var(--papel-2);color:var(--chicle-oscuro)}
.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword,.woocommerce-EditAccountForm,.woocommerce-address-fields{background:#fff;border-radius:22px;padding:24px;box-shadow:var(--sombra-sticker);display:grid;gap:14px;max-width:520px}
.woocommerce-form-login .form-row,.woocommerce-form-register .form-row,.woocommerce-EditAccountForm .form-row{display:grid;gap:6px}
.woocommerce-form-login__rememberme{display:flex;gap:8px;align-items:center;font-size:14px}
.woocommerce-form-login .button,.woocommerce-form-register .button,.woocommerce-EditAccountForm .button,.woocommerce-ResetPassword .button{background:var(--chicle);color:#fff;box-shadow:0 5px 0 var(--chicle-oscuro);font-size:18px;padding:14px 26px}
.woocommerce-password-strength{font-size:13px;padding:6px 0}
.woocommerce-orders-table__cell-order-actions .button{margin:2px}
.woocommerce-form-coupon-toggle .woocommerce-info,.woocommerce-form-login-toggle .woocommerce-info{margin-bottom:12px}
.woocommerce-form-coupon{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.woocommerce-form-coupon .form-row{margin:0}
.woocommerce-form-coupon .input-text{min-width:200px}
.showcoupon{color:var(--chicle-oscuro);font-weight:700}
.woocommerce-result-count,.woocommerce-ordering{margin:0}
/* precio en la tarjeta */
li.product .price .amount{font-family:var(--display);font-weight:800}

/* 7. Móvil -------------------------------------------------------------- */
@media(max-width:781px){
  .wp-block-columns.hero-grid{gap:32px}
  .wp-block-columns.dos-col,.wp-block-columns.yany,.wp-block-columns.contacto-grid{gap:32px}
  .wp-block-columns.mundo-detalle{gap:24px;padding:40px 0}
  .wp-block-columns.mundo-detalle:nth-child(even) .wp-block-column:first-child{order:2}
  .wp-block-column.is-vertically-aligned-bottom{align-self:auto}
}
@media(max-width:640px){
  section.wp-block-group,.wp-block-group.titulo-pagina,.hero.wp-block-group{padding-inline:16px}
  .wp-block-buttons.hero-acciones .wp-block-button{width:100%}
  .wp-block-buttons.hero-acciones .wp-block-button__link{width:100%}
  .desliza{display:block;text-align:center;font-size:13px;color:var(--tinta-suave);margin-top:6px}
  .wp-block-gallery.insta .wp-block-image{width:calc(33.333% - 10px)!important}
  .summary form.cart .single_add_to_cart_button{flex-basis:100%}
  .woocommerce-product-gallery__wrapper{border-width:4px}
  .flex-control-thumbs{gap:8px}
  .ocasiones.wp-block-group,.pagos.wp-block-group{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .ocasiones.wp-block-group,.pagos.wp-block-group{grid-template-columns:1fr}
}

/* ---- Bloques sueltos en páginas sin patrón: se centran como .wrap y con ritmo vertical ---- */
.contenido-pagina>:where(:not(.wp-block-group):not(.wrap):not(.woocommerce):not(.cinta):not(.alignfull):not(.alignwide):not(.fondo-olas):not(svg):not(style):not(script)){width:min(var(--ancho),calc(100% - 40px));margin-inline:auto}
.contenido-pagina>:where(p,ul:not(.cinta),ol,figure,table,blockquote,hr,.wp-block-buttons,.wp-block-columns,.wp-block-details,.wp-block-embed,.wp-block-image,.wp-block-gallery,.wp-block-media-text,.wp-block-cover,.wpforms-container,form){margin-block:0 1.15rem}
.contenido-pagina>:where(h1,h2,h3,h4,h5,h6){margin-block:1.6em .5em}
.contenido-pagina>:where(:not(.wp-block-group):not(.wrap):not(.cinta)):first-child{margin-top:48px}
.contenido-pagina>:where(:not(.wp-block-group):not(.wrap):not(.cinta)):last-child{margin-bottom:72px}
.contenido-pagina iframe,.contenido-pagina img,.contenido-pagina video{max-width:100%}