/* ----------------------------------------- */ /* Slug de Archivo de WordPress: promociones-activas - inicio */ /* ----------------------------------------- */ body.post-type-archive-promociones-activas .page-hero{ display: none; } body.post-type-archive-promociones-activas .contenedor-promociones-archive{ display: flex; flex-wrap: wrap; font-size: 80%; justify-content: center; } body.post-type-archive-promociones-activas .contenedor-promociones-archive .contenedor-promocion-archive{ width: 30%; margin-right: 5%; margin-bottom: 30px; background-color: white; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); border-radius: 3px; overflow: hidden; position: relative; } body.post-type-archive-promociones-activas .contenedor-promociones-archive .contenedor-promocion-archive:nth-child(3n){ margin-right: 0; } body.post-type-archive-promociones-activas .contenedor-promociones-archive .contenedor-promocion-archive .texto-promocion{ padding: 20px; } body.post-type-archive-promociones-activas .contenedor-promociones-archive .contenedor-promocion-archive .texto-promocion .tipo-promocion{ position: relative; margin: 0 auto; display: block; text-align: center; top: -30px; background-color: white; padding: 10px; border-radius: 3px; border: 1px solid #f0a591; z-index: 5; } body.post-type-archive-promociones-activas .contenedor-promociones-archive .contenedor-promocion-archive .texto-promocion .descripcion-descuento{ position: absolute; width: 100%; opacity: 0; top: -122px; right: 0; padding: 20px; transition: all 0.5s ease-out; } body.post-type-archive-promociones-activas .contenedor-promociones-archive .contenedor-promocion-archive:hover .texto-promocion .descripcion-descuento, body.post-type-archive-promocion .contenedor-promociones-archive .contenedor-promocion-archive:active .texto-promocion .descripcion-descuento { opacity: 1; height: 166px; top: 0; right: 0; background-color: rgba(0,0,0,.5); color: white; transition: all 0.5s ease-out; } body.post-type-archive-promociones-activas .contenedor-promociones-archive .contenedor-promocion-archive .texto-promocion .texto-corto-descuento{ font-size: 20px; color: #7d8184; top: -10px; position: relative; text-align: center; } @media all and (max-width: 1200px){ body.post-type-archive-promociones-activas .contenedor-promociones-archive{ justify-content: space-evenly; } body.post-type-archive-promociones-activas .contenedor-promociones-archive .contenedor-promocion-archive{ width: 333px; margin-right: 0; } } /* ----------------------------------------- */ /* Slug de Archivo de WordPress: promociones-activas - fin */ /* ----------------------------------------- */