.shop-item .image img {

            width: 100%;

            height: 380px;

            object-fit: cover;

            border: 3px solid #1e3a8a; /* Azul profesional oscuro */

            border-radius: 8px;

            box-shadow: 0 4px 10px rgba(30, 58, 138, 0.15);

            transition: all 0.3s ease;

        }

        

        .shop-item:hover .image img {

            border-color: #3b82f6; /* Azul brillante al pasar el cursor */

            transform: translateY(-5px);

            box-shadow: 0 8px 16px rgba(59, 130, 246, 0.25);

        }



        /* Contenedor del Título */

        .shop-item .title-box {

            border: 2px solid #1e3a8a;

            border-radius: 8px;

            background-color: #f8fafc;

            padding: 12px 10px;

            margin-top: 15px;

            margin-bottom: 15px;

            height: 100px;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

            text-align: center;

            box-shadow: inset 0 1px 3px rgba(30, 58, 138, 0.05);

            transition: all 0.3s ease;

        }



        .shop-item .title-box h3 {

            font-size: 14px;

            font-weight: 700;

            margin: 0 0 5px 0;

            line-height: 1.3em;

        }



        .shop-item .title-box h3 a {

            color: #1e3a8a;

            transition: color 0.3s ease;

        }



        .shop-item .title-box h3 a:hover {

            color: #3b82f6;

        }



        .shop-item .title-box h4 {

            font-size: 12px;

            font-weight: 600;

            color: #4b5563;

            margin: 0;

            line-height: 1.3em;

            text-transform: uppercase;

            letter-spacing: 0.5px;

        }



        /* Contenedor del Comentario */

        .shop-item .text {

            border: 1px solid #cbd5e1;

            border-radius: 8px;

            background-color: #f8fafc;

            padding: 12px 14px;

            margin-bottom: 20px;

            height: 190px;

            overflow-y: auto;

            text-align: left;

            font-size: 13px;

            line-height: 1.6em;

            color: #4b5563;

            transition: all 0.3s ease;

        }



        /* Transiciones al pasar el mouse por la tarjeta */

        .shop-item:hover .title-box {

            border-color: #3b82f6;

            background-color: #eff6ff;

            box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);

        }



        .shop-item:hover .title-box h3 a {

            color: #3b82f6;

        }



        .shop-item:hover .text {

            border-color: #3b82f6;

            background-color: #ffffff;

            box-shadow: 0 4px 12px rgba(59, 130, 246, 0.1);

        }



        /* Ajuste de espaciado interno para las tarjetas */

        .shop-item .inner-box .lower-content {

            padding: 10px 10px 20px 10px !important;

        }



        /* Diseño de barra de desplazamiento sutil para comentarios muy largos */

        .shop-item .text::-webkit-scrollbar {

            width: 5px;

        }

        .shop-item .text::-webkit-scrollbar-track {

            background: transparent;

        }

        .shop-item .text::-webkit-scrollbar-thumb {

            background: #cbd5e1;

            border-radius: 4px;

        }

        .shop-item .text::-webkit-scrollbar-thumb:hover {

            background: #94a3b8;

        }



        /* ==========================================

           ESTILOS PARA EL BUSCADOR DE PLIEGOS RIC

           ========================================== */

        .buscador-wrapper {

            background: #ffffff;

            border: 2px solid #1e3a8a;

            border-radius: 12px;

            padding: 30px;

            box-shadow: 0 10px 25px rgba(30, 58, 138, 0.1);

            margin-bottom: 40px;

            width: 100%;

            transition: all 0.3s ease;

        }

        .buscador-wrapper:hover {

            box-shadow: 0 15px 35px rgba(59, 130, 246, 0.15);

        }

        .buscador-header h4 {

            color: #1e3a8a;

            font-weight: 700;

            margin-bottom: 10px;

            font-size: 22px;

            text-align: center;

        }

        .buscador-header p {

            color: #6b7280;

            font-size: 14px;

            text-align: center;

            margin-bottom: 25px;

        }

        .buscador-form-group {

            display: flex;

            gap: 12px;

            margin-bottom: 20px;

        }

        .buscador-input-wrapper {

            position: relative;

            flex-grow: 1;

        }

        .buscador-input-wrapper i {

            position: absolute;

            left: 15px;

            top: 50%;

            transform: translateY(-50%);

            color: #9ca3af;

            font-size: 16px;

        }

        .buscador-input {

            width: 100%;

            padding: 12px 15px 12px 45px;

            border: 2px solid #cbd5e1;

            border-radius: 8px;

            font-size: 15px;

            outline: none;

            transition: all 0.3s ease;

            color: #1f2937;

        }

        .buscador-input:focus {

            border-color: #3b82f6;

            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);

        }

        .buscador-btn {

            background-color: #1e3a8a;

            color: #ffffff;

            border: none;

            padding: 12px 25px;

            border-radius: 8px;

            font-size: 15px;

            font-weight: 600;

            cursor: pointer;

            transition: all 0.3s ease;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 8px;

        }

        .buscador-btn:hover {

            background-color: #3b82f6;

            transform: translateY(-2px);

        }

        .buscador-btn-clear {

            background-color: #f1f5f9;

            color: #4b5563;

            border: 1px solid #cbd5e1;

            padding: 12px 20px;

            border-radius: 8px;

            font-size: 15px;

            font-weight: 600;

            cursor: pointer;

            transition: all 0.3s ease;

        }

        .buscador-btn-clear:hover {

            background-color: #e2e8f0;

            color: #1f2937;

        }

        

        /* Resultados */

        .resultados-info {

            font-size: 14px;

            color: #4b5563;

            margin-bottom: 20px;

            display: flex;

            justify-content: space-between;

            align-items: center;

            border-bottom: 1px solid #e2e8f0;

            padding-bottom: 10px;

        }

        .resultado-item {

            background: #f8fafc;

            border: 1px solid #e2e8f0;

            border-left: 5px solid #1e3a8a;

            border-radius: 8px;

            padding: 20px;

            margin-bottom: 20px;

            transition: all 0.3s ease;

            text-align: left;

        }

        .resultado-item:hover {

            border-left-color: #3b82f6;

            background: #ffffff;

            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);

            transform: translateY(-2px);

        }

        .resultado-meta {

            display: flex;

            flex-wrap: wrap;

            justify-content: space-between;

            align-items: center;

            margin-bottom: 12px;

            gap: 10px;

        }

        .resultado-badge {

            background-color: #eff6ff;

            color: #1e3a8a;

            font-size: 12px;

            font-weight: 700;

            padding: 4px 10px;

            border-radius: 20px;

            border: 1px solid #bfdbfe;

            text-transform: uppercase;

        }

        .resultado-page {

            font-size: 13px;

            font-weight: 600;

            color: #4b5563;

            background-color: #f1f5f9;

            padding: 3px 8px;

            border-radius: 4px;

        }

        .resultado-text {

            font-size: 14px;

            line-height: 1.6;

            color: #374151;

            margin-bottom: 15px;

            font-style: italic;

            border-left: 2px solid #cbd5e1;

            padding-left: 12px;

        }

        .resultado-text mark {

            background-color: #fef08a; /* Amarillo suave para resaltar */

            color: #1f2937;

            padding: 2px 4px;

            border-radius: 2px;

            font-weight: 600;

        }

        .resultado-actions {

            display: flex;

            gap: 10px;

            flex-wrap: wrap;

        }

        .resultado-link {

            font-size: 13px;

            font-weight: 600;

            padding: 8px 14px;

            border-radius: 6px;

            transition: all 0.2s ease;

            text-decoration: none !important;

            display: inline-flex;

            align-items: center;

            gap: 6px;

        }

        .resultado-link-ver {

            background-color: #1e3a8a;

            color: #ffffff !important;

        }

        .resultado-link-ver:hover {

            background-color: #3b82f6;

            color: #ffffff !important;

        }

        .resultado-link-descargar {

            background-color: #f1f5f9;

            color: #4b5563 !important;

            border: 1px solid #cbd5e1;

        }

        .resultado-link-descargar:hover {

            background-color: #e2e8f0;

            color: #1f2937 !important;

        }



        /* Estados de carga y mensajes */

        .buscador-loading {

            text-align: center;

            padding: 40px 20px;

        }

        .buscador-spinner {

            border: 4px solid #f3f3f3;

            border-top: 4px solid #1e3a8a;

            border-radius: 50%;

            width: 40px;

            height: 40px;

            animation: spin 1s linear infinite;

            margin: 0 auto 15px auto;

        }

        @keyframes spin {

            0% { transform: rotate(0deg); }

            100% { transform: rotate(360deg); }

        }

        .buscador-empty-state {

            text-align: center;

            padding: 40px 20px;

            color: #6b7280;

        }

        .buscador-empty-state i {

            font-size: 40px;

            color: #9ca3af;

            margin-bottom: 15px;

            display: block;

        }



        /* Paginación de búsqueda */

        .buscador-more-btn {

            background-color: #f1f5f9;

            color: #1e3a8a;

            border: 2px solid #1e3a8a;

            padding: 10px 20px;

            border-radius: 8px;

            font-weight: bold;

            display: block;

            margin: 20px auto;

            cursor: pointer;

            transition: all 0.3s ease;

        }

        .buscador-more-btn:hover {

            background-color: #1e3a8a;

            color: white;

        }



        /* Adaptación móvil (responsivo) */

        @media (max-width: 767px) {

            .buscador-wrapper {

                padding: 20px 15px;

                margin-bottom: 25px;

            }

            .buscador-header h4 {

                font-size: 18px;

            }

            .buscador-header p {

                font-size: 13px;

                margin-bottom: 15px;

            }

            .buscador-form-group {

                flex-direction: column;

                gap: 8px;

            }

            .buscador-input {

                padding: 10px 15px 10px 40px;

                font-size: 14px;

            }

            .buscador-input-wrapper i {

                left: 12px;

                font-size: 14px;

            }

            .buscador-btn, .buscador-btn-clear {

                width: 100%;

                padding: 10px 15px;

                font-size: 14px;

                height: 42px;

            }

            .resultado-item {

                padding: 15px;

            }

            .resultado-meta {

                flex-direction: column;

                align-items: flex-start;

                gap: 6px;

            }

            .resultado-page {

                align-self: flex-start;

            }

            .resultado-text {

                font-size: 13px;

                padding-left: 8px;

                margin-bottom: 12px;

            }

            .resultado-actions {

                flex-direction: column;

                gap: 8px;

            }

            .resultado-link {

                width: 100%;

                justify-content: center;

                font-size: 12px;

                padding: 8px 10px;

            }

        }