body{
	background-image:url('https://www.paneme.es/wp-content/uploads/2025/06/fondo.png');		
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: contain;
		background-attachment: fixed;
}

div#content {
    padding: 0 20px;
    background-color: #ffffffb8;
}

#colophon{
	background:none;
}

#main {
    background:none;
}

.wcpt-out-of-stock::after {
    right: 0;
    top: 50px;
    color: #fff;
    content: "Se ha vendido toda la producción";
    position: absolute;
    background: #cc0000;
    padding: 5px;
    border-radius: 4px;
}

[data-wcpt-slug="importante"] {
		display: block !important;
    background: #cce7ef;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1000;
    color: transparent;
}

[data-wcpt-slug="importante"]::after {
    right: 10px;
    top: 10px;
    color: #fff;
    content: "Novedad";
    position: absolute;
    background: #cc0000;
    padding: 5px;
    border-radius: 4px;
		font-size:12px;
}

.wcpt-tag, .wcpt-tag-separator {
    display: none;
}

@media only screen and (max-width: 600px) {
.wcpt-out-of-stock::after {
    left: 0;
    top: 0;
		right:inherit;

}
		
[data-wcpt-slug="importante"]::after {
    bottom: 20px;
		top:unset;
}
		
}

/* Mejora de textos generales */
.so-panel .panel-widget-style p,
.so-panel .panel-widget-style li,
.so-panel .panel-widget-style h1,
.so-panel .panel-widget-style h2,
.so-panel .panel-widget-style h3 {
  font-size: clamp(16px, 2.5vw, 18px);
  line-height: 1.6;
  word-break: break-word;
}

/* Encabezado principal "Información importante" */
.so-panel .panel-widget-style h2,
.so-panel .panel-widget-style h3,
.so-panel .panel-widget-style strong {
  font-weight: 700;
}

/* Márgenes entre bloques */
.so-panel .panel-widget-style {
  margin-bottom: 20px;
}

/* Ajustes para listas en móviles */
.so-panel .panel-widget-style ul,
.so-panel .panel-widget-style ol {
  padding-left: 20px;
}

/* Animación inicial para widgets SiteOrigin */
.so-widget {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeUpInit 0.8s ease-out forwards;
  animation-delay: 0.3s;
}

@keyframes fadeUpInit {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}