/* ==========================================================
* 1. INTEGRACIÓN GENERAL WOOCOMMERCE / KADENCE
* ========================================================== */
/*
Forzamos que el contenedor de la galería sea visible y permita
que los elementos absolutos (como el libro 3D abierto) sobresalgan.
El z-index alto asegura que el libro quede por encima de la columna de descripción.
*/
.woocommerce-product-gallery {
overflow: visible !important;
z-index: 20 !important;
position: relative;
opacity: 1 !important; /* Evitar parpadeos de carga del tema */
}
/* Contenedor base de nuestro plugin */
.zaralibro-wrapper {
position: relative;
width: 100%;
/* Limitamos el ancho para que la portada tenga tamaño realista de libro */
max-width: 400px;
margin: 0 auto 30px 0; /* Alineado a la izquierda */
perspective: 1500px; /* Profundidad para efectos 3D */
}
/* Etiqueta de Autores (debajo del título/precio) */
.zaralibro-authors-meta {
font-size: 0.95em;
color: #555;
margin: 5px 0 15px;
border-bottom: 1px dashed #eee;
padding-bottom: 10px;
}
.zaralibro-authors-meta a {
font-weight: 600;
color: #333;
text-decoration: none;
}
.zaralibro-authors-meta a:hover {
text-decoration: underline;
color: #000;
}
/* ==========================================================
* 2. VISTA ESTÁTICA Y ESTILOS DE PORTADAS DE LIBRO
* ========================================================== */
#zaralibro-static-view {
position: relative;
width: 100%;
cursor: pointer;
transition: opacity 0.3s ease;
display: block;
}
/* Sombra, borde elegante y corrección de tamaño para la portada del libro */
.zaralibro-wrapper .static-cover-img,
.zaralibro-wrapper .zara-2d-front,
.zaralibro-wrapper .zara-2d-back {
box-sizing: border-box !important;
border: 1px solid #e5e5e5 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
border-radius: 2px !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
display: block !important;
object-fit: contain !important; /* Evita cualquier deformación */
}
/* Aplicar el mismo estilo elegante a la versión de móvil */
.woocommerce-product-gallery.images > img {
box-sizing: border-box !important;
border: 1px solid #e5e5e5 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
border-radius: 2px !important;
}
/* Pista visual "VER INTERIOR" */
.hover-hint {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background: rgba(30, 30, 30, 0.85);
color: #fff;
padding: 6px 14px;
border-radius: 20px;
font-size: 11px;
font-weight: 700;
pointer-events: none;
opacity: 0;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 0.5px;
white-space: nowrap;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.zaralibro-wrapper:hover .hover-hint {
opacity: 1;
bottom: 25px; /* Pequeña animación hacia arriba */
}
/* ==========================================================
* 3. MODO 3D (OVERLAY Y PÁGINAS)
* ========================================================== */
#zaralibro-3d-overlay {
position: absolute;
top: -20px;
left: -20px;
width: 220%;
max-width: 900px;
background: #fff;
padding: 30px;
box-shadow: 0 30px 70px rgba(0,0,0,0.3);
border-radius: 6px;
z-index: 99999;
visibility: hidden;
opacity: 0;
transform: scale(0.9) translateX(0);
transform-origin: top left;
transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
pointer-events: none;
display: flex;
flex-direction: column;
align-items: center;
}
/* Estado Activo (Hover) */
.zaralibro-wrapper:hover #zaralibro-3d-overlay {
visibility: visible;
opacity: 1;
transform: scale(1);
pointer-events: auto;
}
/* Ocultar la estática cuando el 3D está activo */
.zaralibro-wrapper:hover #zaralibro-static-view {
opacity: 0;
}
/* Estilos de las páginas del libro 3D */
.my-page {
background-color: #fefefe;
overflow: hidden;
border: 1px solid rgba(0,0,0,0.05);
}
.my-page img {
width: 100%;
height: 100%;
object-fit: cover;
}
.empty-page {
width: 100%;
height: 100%;
background: #fff;
}
.book-controls {
margin-top: 20px;
color: #888;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
display: flex;
align-items: center;
gap: 5px;
}
/* ==========================================================
* 4. MODO 2D (VOLTEO SIMPLE)
* ========================================================== */
.zaralibro-mode-2d {
cursor: crosshair;
}
.zara-2d-front {
transition: opacity 0.3s ease;
position: relative;
z-index: 2;
}
.zara-2d-back {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.3s ease;
z-index: 3;
}
.hover-hint-2d {
position: absolute;
bottom: 15px;
right: 15px;
background: rgba(255,255,255,0.95);
color: #333;
padding: 5px 10px;
border-radius: 4px;
font-size: 10px;
font-weight: 700;
pointer-events: none;
opacity: 0.8;
transition: opacity 0.3s;
z-index: 4;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
/* Efecto Hover 2D */
.zaralibro-mode-2d:hover .zara-2d-front {
opacity: 0;
}
.zaralibro-mode-2d:hover .zara-2d-back {
opacity: 1;
}
.zaralibro-mode-2d:hover .hover-hint-2d {
opacity: 0;
}
/* ==========================================================
* 5. SHORTCODES (LIBRO SIMPLE)
* ========================================================== */
.zaralibro-product-container {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.zaralibro-product-container:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}
/* ==========================================================
* 6. REDISEÑO Y JERARQUÍA DE BOTONES DE COMPRA (PDP)
* ========================================================== */
.woocommerce div.product form.cart {
display: flex !important;
flex-flow: row wrap !important;
align-items: center !important;
gap: 12px !important;
margin: 20px 0 !important;
}
.woocommerce div.product form.cart .quantity {
margin: 0 !important;
display: inline-block !important;
}
.woocommerce div.product form.cart .buy_now_button.button {
background-color: var(--global-palette1, #2b6cb0) !important;
color: #ffffff !important;
border: 1px solid var(--global-palette1, #2b6cb0) !important;
border-radius: 3px !important;
padding: 11px 20px !important;
font-weight: bold !important;
font-size: 15px !important;
line-height: 1.5 !important;
height: auto !important;
cursor: pointer !important;
box-shadow: none !important;
transition: background-color 0.2s ease, border-color 0.2s ease !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.woocommerce div.product form.cart .buy_now_button.button:hover {
background-color: var(--global-palette2, #215387) !important;
border-color: var(--global-palette2, #215387) !important;
color: #ffffff !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button.button {
background-color: transparent !important;
color: var(--global-palette4, #2D3748) !important;
border: 1px solid #d1d5db !important;
border-radius: 3px !important;
padding: 11px 20px !important;
font-weight: 500 !important;
font-size: 15px !important;
line-height: 1.5 !important;
height: auto !important;
cursor: pointer !important;
box-shadow: none !important;
transition: all 0.2s ease !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button.button:hover {
background-color: #f9fafb !important;
border-color: #9ca3af !important;
color: #000000 !important;
}
@media (max-width: 500px) {
.woocommerce div.product form.cart {
flex-direction: column !important;
align-items: stretch !important;
}
.woocommerce div.product form.cart .quantity {
width: 100% !important;
display: flex !important;
justify-content: center !important;
}
.woocommerce div.product form.cart .quantity input {
width: 80px !important;
}
.woocommerce div.product form.cart .buy_now_button.button,
.woocommerce div.product form.cart .single_add_to_cart_button.button {
width: 100% !important;
margin: 0 !important;
}
}
/* =======================================================
7. ESTILOS DESCRIPCIÓN DE PRODUCTO, LISTADOS Y RELACIONADOS
======================================================= */
.woocommerce-Tabs-panel--description p,
.woocommerce-Tabs-panel--description h2,
.woocommerce-Tabs-panel--description h3,
.woocommerce-Tabs-panel--description h4,
.woocommerce-Tabs-panel--description ul,
.woocommerce-Tabs-panel--description ol,
.woocommerce-Tabs-panel--description li {
font-size: 15px !important;
line-height: 1.6 !important;
}
.woocommerce-Tabs-panel--description h2,
.woocommerce-Tabs-panel--description h3,
.woocommerce-Tabs-panel--description h4 {
font-weight: 700 !important;
color: #111111 !important;
margin-top: 1.2em !important;
margin-bottom: 0.5em !important;
}
.woocommerce-Tabs-panel--description strong,
.woocommerce-Tabs-panel--description b {
font-weight: 700 !important;
color: #555555 !important;
}
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img,
.related.products ul.products li.product img,
.up-sells.products ul.products li.product img {
border: 1px solid #e5e5e5 !important;
box-shadow: none !important;
border-radius: 2px !important;
box-sizing: border-box !important;
}
Selección de Personal - Publicaciones Locales
Saltar al contenido
Mostrando el único resultado
¡Oferta!
€ 85,00 El precio original era: €85,00. € 80,75El precio actual es: €80,75.
Esta obra ofrece un análisis exhaustivo y sistemático del empleo público en España, abordando de manera articulada tanto la doctrina doctrinal y los modelos organizativos como el marco normativo completo. El autor examina el complejo sistema de fuentes derivado del Estatuto Básico del Empleado Público, detallando la interacción entre la legislación básica estatal y las competencias autonómicas. Incluye un recorrido completo por las clases de personal, la selección, la carrera profesional, las retribuciones y el régimen disciplinario, enriquecido con la inclusión comentada y anotada de los textos legales fundamentales de la materia.