/*
 * SIMASS Technology - Tailwind fallback completo
 * Generado a partir de index(2).html
 *
 * Reemplaza:
 * <script src="https://cdn.tailwindcss.com"></script>
 *
 * por:
 * <link rel="stylesheet" href="/css/tailwind-fallback.css">
 */

/* ===== Tailwind-like preflight ===== */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
::before,::after{--tw-content:''}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif}
body{margin:0;line-height:inherit}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}
ol,ul,menu{list-style:none;margin:0;padding:0}
button,[role=button]{cursor:pointer}
:disabled{cursor:default}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none!important}

/* ===== Layout ===== */
.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}
.inset-0{inset:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}
.-top-4{top:-1rem}.-left-4{left:-1rem}.-right-4{right:-1rem}.-bottom-4{bottom:-1rem}
.z-10{z-index:10}.z-50{z-index:50}
.block{display:block}.inline-block{display:inline-block}.hidden{display:none}
.flex{display:flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}
.items-center{align-items:center}.items-start{align-items:flex-start}
.justify-center{justify-content:center}.justify-between{justify-content:space-between}
.overflow-hidden{overflow:hidden}.pointer-events-none{pointer-events:none}
.mx-auto{margin-left:auto;margin-right:auto}
.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}
.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-32{width:8rem}
.h-full{height:100%}.h-auto{height:auto}
.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-32{height:8rem}
.max-w-2xl{max-width:42rem}
.container{width:100%}
@media (min-width:640px){.container{max-width:640px}}
@media (min-width:768px){.container{max-width:768px}}
@media (min-width:1024px){.container{max-width:1024px}}
@media (min-width:1280px){.container{max-width:1280px}}
@media (min-width:1536px){.container{max-width:1536px}}

/* ===== Grid / spacing ===== */
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}
.space-x-3>:not([hidden])~:not([hidden]){margin-left:.75rem}
.space-x-4>:not([hidden])~:not([hidden]){margin-left:1rem}
.space-x-6>:not([hidden])~:not([hidden]){margin-left:1.5rem}
.space-x-8>:not([hidden])~:not([hidden]){margin-left:2rem}
.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}
.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}
.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}
.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}
.space-y-8>:not([hidden])~:not([hidden]){margin-top:2rem}
.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.ml-2{margin-left:.5rem}
.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}
.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}
.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}
.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}
.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pt-8{padding-top:2rem}

/* ===== Typography ===== */
.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-center{text-align:center}
.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}
.italic{font-style:italic}.leading-tight{line-height:1.25}
.text-transparent{color:transparent}.text-white{color:#fff}
.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}
.text-blue-400{color:#60a5fa}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}
.text-green-200{color:#bbf7d0}.text-green-400{color:#4ade80}
.text-red-200{color:#fecaca}.text-red-400{color:#f87171}.text-yellow-400{color:#facc15}

/* ===== Backgrounds / borders ===== */
.bg-transparent{background-color:transparent}.bg-blue-600{background-color:#2563eb}.bg-blue-900{background-color:#1e3a8a}
.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}
.bg-green-800{background-color:#166534}.bg-red-800{background-color:#991b1b}
.bg-opacity-50{background-color:rgba(0,0,0,.5)}.bg-opacity-70{background-color:rgba(0,0,0,.7)}.bg-opacity-90{background-color:rgba(0,0,0,.9)}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.from-blue-400{--tw-gradient-from:#60a5fa;--tw-gradient-to:rgba(96,165,250,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-blue-600{--tw-gradient-from:#2563eb;--tw-gradient-to:rgba(37,99,235,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-indigo-500{--tw-gradient-to:#6366f1}.to-indigo-600{--tw-gradient-to:#4f46e5}.bg-clip-text{-webkit-background-clip:text;background-clip:text}
.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}
.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}
.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r-2{border-right-width:2px}
.border-blue-500{border-color:#3b82f6}.border-blue-600{border-color:#2563eb}
.border-gray-600{border-color:#4b5563}.border-gray-700{border-color:#374151}.border-gray-800{border-color:#1f2937}.border-indigo-500{border-color:#6366f1}
.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}
.rounded-bl-lg{border-bottom-left-radius:.5rem}.rounded-tr-lg{border-top-right-radius:.5rem}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}

/* ===== Effects ===== */
.opacity-10{opacity:.1}
.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.brightness-0{--tw-brightness:brightness(0)}.invert{--tw-invert:invert(100%)}.saturate-100{--tw-saturate:saturate(1)}
.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.transform{transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}
.scale-105{transform:scale(1.05)}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.duration-300{transition-duration:300ms}

/* ===== Aspect ratio ===== */
.aspect-w-16{position:relative;padding-bottom:56.25%}
.aspect-h-9>*{position:absolute;inset:0;width:100%;height:100%}
.aspect-w-16.aspect-h-9{position:relative;padding-bottom:56.25%}
.aspect-w-16.aspect-h-9>*{position:absolute;inset:0;width:100%;height:100%}

/* ===== Focus / hover ===== */
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:ring-2:focus{box-shadow:0 0 0 2px #3b82f6}
.focus\:ring-blue-500:focus{--tw-ring-color:#3b82f6}
.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-blue-800:hover{background-color:#1e40af}
.hover\:border-blue-400:hover{border-color:#60a5fa}.hover\:text-blue-400:hover{color:#60a5fa}
.hover\:text-white:hover{color:#fff}.hover\:underline:hover{text-decoration-line:underline}

/* ===== Responsive ===== */
@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px){
.md\:flex{display:flex}.md\:flex-row{flex-direction:row}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.md\:hidden{display:none}.md\:mb-0{margin-bottom:0}.md\:py-24{padding-top:6rem;padding-bottom:6rem}
.md\:text-5xl{font-size:3rem;line-height:1}.md\:w-1\/2{width:50%}.md\:w-auto{width:auto}
}
@media (min-width:1024px){
.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ===== Original SIMASS custom CSS ===== */

body {
            font-family: 'Poppins', sans-serif;
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
            color: #fff;
        }
        .title {
            font-family: 'Montserrat', sans-serif;
        }
        .tech-particle {
            position: absolute;
            width: 4px;
            height: 4px;
            background-color: #60a5fa;
            border-radius: 50%;
            opacity: 0.6;
            animation: float 8s infinite ease-in-out;
        }
        .tech-line {
            position: absolute;
            background: linear-gradient(90deg, transparent, #3b82f6, transparent);
            height: 1px;
            width: 100px;
            opacity: 0.3;
            animation: pulse 4s infinite;
        }
        @keyframes float {
            0%, 100% { transform: translateY(0) translateX(0); }
            25% { transform: translateY(-20px) translateX(10px); }
            50% { transform: translateY(0) translateX(20px); }
            75% { transform: translateY(20px) translateX(10px); }
        }
        @keyframes pulse {
            0%, 100% { opacity: 0.1; width: 50px; }
            50% { opacity: 0.5; width: 100px; }
        }
        .service-card {
            background: rgba(30, 41, 59, 0.7);
            border-left: 3px solid #3b82f6;
            transition: all 0.3s ease;
            height: 100%;
        }
        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(59, 130, 246, 0.2);
        }
        .tech-icon {
            color: #60a5fa;
            transition: all 0.3s ease;
        }
        .service-card:hover .tech-icon {
            transform: scale(1.2);
            color: #93c5fd;
        }
        .btn-primary {
            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
            transition: all 0.3s ease;
        }
        .btn-primary:hover {
            background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
        }
        .circuit-bg {
            position: absolute;
            opacity: 0.05;
            pointer-events: none;
            z-index: -1;
        }
        .nav-link {
            position: relative;
            transition: all 0.3s ease;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: #3b82f6;
            transition: width 0.3s ease;
        }
        .nav-link:hover::after {
            width: 100%;
        }
        .nav-link:hover {
            color: #93c5fd;
        }
        .feature-item {
            transition: all 0.3s ease;
        }
        .feature-item:hover {
            transform: translateY(-5px);
        }
        .feature-item:hover .feature-icon {
            background-color: #2563eb;
        }
        .feature-icon {
            transition: all 0.3s ease;
        }
        .stats-item {
            position: relative;
        }
        .stats-item::after {
            content: '';
            position: absolute;
            right: 0;
            top: 20%;
            height: 60%;
            width: 1px;
            background-color: rgba(148, 163, 184, 0.2);
        }
        .stats-item:last-child::after {
            display: none;
        }
        .scroll-top {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 100;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }
        .scroll-top.visible {
            opacity: 1;
            visibility: visible;
        }
        .domain-available {
            color: #10b981;
        }
        .domain-unavailable {
            color: #ef4444;
        }
        .domain-checking {
            color: #f59e0b;
        }
        .tab-active {
            background-color: rgba(59, 130, 246, 0.1);
            border-bottom: 2px solid #3b82f6;
            color: #3b82f6;
        }
        .tab-content {
            display: none;
        }
        .tab-content.active {
            display: block;
        }
        .repair-item {
            transition: all 0.3s ease;
        }
        .repair-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(59, 130, 246, 0.2);
        }
        .advantage-card {
            transition: all 0.3s ease;
            border-bottom: 3px solid transparent;
        }
        .advantage-card:hover {
            transform: translateY(-5px);
            border-color: #3b82f6;
        }
        .contact-info-item {
            transition: all 0.3s ease;
        }
        .contact-info-item:hover {
            transform: translateY(-3px);
        }
        .contact-info-item:hover .contact-icon {
            color: #3b82f6;
            transform: scale(1.1);
        }
        .contact-icon {
            transition: all 0.3s ease;
        }
        .input-field {
            transition: all 0.3s ease;
        }
        .input-field:focus {
            border-color: #3b82f6;
            box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
        }