.input-group.mb-3 {    position: relative;
    display: flex;
    align-items: center;
    background: #fff;
    background: rgba(15, 12, 38, 0.5);
    padding: 8px 15px;
    border-radius: 50px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05), 0 20px 48px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    width: 100%;
}

.form-control,.form-control:focus,.form-control:active {
    border:none;
    box-shadow: none;      /* This removes the focus "glow" */
    outline: 0 none;
    margin-right:10px !important;
}
.logo_size {
    width:240px;
}
.gsc-wrapper {
    max-width: 100%!important;
}
.small, small {
    color: white;
}
.material-symbols-outlined {
    color: aliceblue;
    font-size:12px;
}
.card .card-content {
    padding:0px;
    /*background-color: #3c0f8f;*/
}
.card {
    border:none;
}
.gsc-result-info-container, .gsc-orderby-container {
 display: none;   
}
.gs-webResult div.gs-visibleUrl-short {
    color: #ffffff!important;
}
.gs-webResult.gs-result a.gs-title:link,.gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet {
    color: #00f4ff !important;
}



/* Container holding all search results */
.results-container {
    width: 100%;
    /*max-width: 1000px;*/
    /*margin: 20px auto;*/
    /*padding: 0 15px;*/
    font-family: Arial, sans-serif;
    box-sizing: border-box;
}


/* The horizontal dark banner row */
.result-card {
    /*background-color: #31007E; */
    display: flex;
    justify-content: space-between; /* Pushes text to left, image to right */
    align-items: center; /* Vertically centers the content */
    padding: 20px 30px;
    margin-bottom: 26px;
    border-radius: 4px; /* Slight rounding like the screenshot image */
}

/* Left-side text wrapper */
.result-content {
    display: flex;
    gap: 6px; /* Spacing between heading, description, and link */
    padding-right: 20px;
}

/* Main Heading (Bright Cyan/Blue-Green) */
.result-card h3 {
    margin: 0;
    font-size: 1.35rem;
    color: black; /* Bright cyan text */
    font-weight: normal;
}

/* Description (Slightly lighter cyan/teal text) */
.result-card p {
    margin: 0;
    font-size: 0.95rem;
    color: #00FFD1; /* Lighter cyan text */
    line-height: 1.4;
}

/* Bottom URL/Link (White text) */
.result-link {
    color: #FFFFFF; /* White link */
    font-size: 0.9rem;
    text-decoration: none;
    margin-top: 2px;
}

.result-link:hover {
    text-decoration: underline;
}

.result-url {
    color: black;
}
.result-title a {
    color: #000000;
}
/* Right-aligned square logo/image */
.result-image {
    width: 85px;
    height: 85px;
    object-fit: contain; /* Ensures logos don't stretch */
    background-color: #FFFFFF; /* White background box like the Amazon logo */
    border-radius: 8px; /* Rounded corners for the white box */
    padding: 5px;
    flex-shrink: 0; /* Prevents the image from squeezing on smaller screens */
}
.gsc-webResult-divider {
    display: none !important;
}

.card .card-content p {
    margin: 0;
    color: #000000 !important;
}

.gsc-webResult.gsc-result {
    /*border-bottom: 26px solid #400c8e !important;*/
}

.page-footer {
    bottom: -35px;
}


.inpt-size {
    max-width: 586px;
    width: 100%;
}

        /* Reset and Base Styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
        }

        body {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            /* Rich, deep purple radial background */
            /*background: radial-gradient(circle at center, #4c1d95 0%, #1e1b4b 100%);*/
            color: #ffffff;
            overflow-x: hidden;
            position: relative;
        }

        /* Ambient Background Tech Matrix Overlays */
        body::before, body::after {
            content: '';
            position: absolute;
            width: 300px;
            height: 300px;
            background: linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px),
                        linear-gradient(0deg, rgba(255,255,255,0.03) 1px, transparent 1px);
            background-size: 20px 20px;
            opacity: 0.4;
            pointer-events: none;
        }
        body::before { left: 5%; top: 25%; transform: rotate(-15deg); }
        body::after { right: 5%; top: 20%; transform: rotate(15deg); }

        /* Main Container Content Center */
        main {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            padding: 20px;
            z-index: 10;
        }

        /* Glassmorphic Card Panel */
        .search-card {
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(16px) saturate(120%);
            -webkit-backdrop-filter: blur(16px) saturate(120%);
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 24px;
            padding: 50px 12px!important;
            width: 100%;
            max-width: 720px;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3),
                        inset 0 1px 0 rgba(255, 255, 255, 0.1);
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        /* Logo Branding Area */
        .brand {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 40px;
            user-select: none;
        }

        .logo-text {
            font-size: 36px;
            font-weight: 800;
            letter-spacing: -0.5px;
            color: #ffffff;
        }

        .logo-text span {
            font-weight: 300;
            font-style: italic;
            color: #38bdf8;
            margin-left: -2px;
        }

        .tagline {
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 5px;
            color: rgba(255, 255, 255, 0.4);
            text-transform: uppercase;
            margin-top: -36px;
            /*margin-bottom: 35px;*/
            margin-bottom: 15px;
            width: 100%;
            text-align: right;
            padding-right: 5px;
        }

        /* Integrated Search Bar */
        .search-wrapper {
            width: 100%;
            position: relative;
            margin-bottom: 24px;
        }

        .search-input {
            width: 100%;
            padding: 16px 140px 16px 28px;
            font-size: 16px;
            color: #ffffff;
            background: rgba(15, 12, 38, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.15);
            border-radius: 50px;
            outline: none;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
        }

        .search-input::placeholder {
            color: rgba(255, 255, 255, 0.4);
        }

        .search-input:focus {
            border-color: rgba(56, 189, 248, 0.6);
            background: rgba(15, 12, 38, 0.7);
            box-shadow: 0 0 15px rgba(56, 189, 248, 0.2), 
                        inset 0 2px 4px rgba(0,0,0,0.3);
        }

        /* Inside Bar Button (Buscar) */
        .search-btn {
            position: absolute;
            right: 6px;
            top: 50%;
            transform: translateY(-50%);
            background: linear-gradient(135deg, #311068 0%, #1c093a 100%);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: #ffffff;
            font-weight: 600;
            font-size: 14px;
            letter-spacing: 0.5px;
            padding: 11px 28px;
            border-radius: 25px;
            cursor: pointer;
            transition: all 0.2s ease;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
        }

        .search-btn:hover {
            background: linear-gradient(135deg, #42168c 0%, #260d4f 100%);
            box-shadow: 0 4px 16px rgba(56, 189, 248, 0.15);
        }

        .search-btn:active {
            transform: translateY(-50%) scale(0.97);
        }

        /* Privacy Disclaimer Note */
        .privacy-note {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            font-size: 13px;
            color: rgba(255, 255, 255, 0.6);
            font-weight: 400;
        }

        .privacy-note svg {
            fill: currentColor;
            opacity: 0.8;
        }

        /* Absolute Sticky Footer Area */
        footer {
            width: 100%;
            background: rgba(10, 7, 28, 0.4);
            border-top: 1px solid rgba(255, 255, 255, 0.04);
            padding: 18px 20px;
            text-align: center;
            font-size: 13px;
            color: rgba(255, 255, 255, 0.5);
            z-index: 10;
        }

        footer a {
            color: rgba(255, 255, 255, 0.5);
            text-decoration: none;
            transition: color 0.2s ease;
            margin: 0 4px;
        }

        footer a:hover {
            color: #38bdf8;
        }

        /* Responsive Scaling for smaller displays */
        @media (max-width: 640px) {
            .search-card {
                padding: 40px 24px;
            }
            .logo-text { font-size: 30px; }
            .tagline { font-size: 8px; margin-top: -30px; }
            .search-input { padding-right: 120px; font-size: 15px; }
            .search-btn { padding: 11px 20px; font-size: 13px; }
        }