/*! tailwindcss v3.3.0 | MIT License | https://tailwindcss.com */
*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, "Dejavu Sans Mono", Consolas, "Liberation Mono", monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}

/* Custom Elegant Styles */
body {
    font-family: 'Roboto Condensed', sans-serif;
    background: #ffffff;
    min-height: 100vh;
}

/* Clean white container */
.container {
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* Header logo with elegant glow */
header img {
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3));
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

header img:hover {
    transform: scale(1.05) translateY(-5px);
    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.4));
}

/* Elegant text styling */
h1, h2 {
    background: linear-gradient(45deg, #1e40af, #374151);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.text-gray-600, .text-gray-500 {
    color: #6b7280 !important;
}

/* Premium card design */
.card {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.card.visible {
    opacity: 1;
    transform: translateY(0);
}

.card > div {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

/* Hover effects with premium feel */
.card:hover > div {
    background: rgba(255, 255, 255, 0.98);
    transform: translateY(-8px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
}

/* Subtle animation on card images */
.card img {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    filter: grayscale(0.2);
    height: 100% !important;
    width: 100% !important;
    object-fit: contain;
    max-height: 16rem;
    max-width: 24rem;
}

/* Tamaño específico para SER AGRO (aumentado 43%) */
.card:nth-child(3) img {
    max-height: 6.86rem;
    max-width: 10.30rem;
}

.card:hover img {
    transform: scale(1.1);
    filter: grayscale(0);
}

/* Premium button styling */
.card span {
    background: linear-gradient(45deg, #1e40af, #1f2937);
    box-shadow: 0 4px 15px rgba(30, 64, 175, 0.4);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.card span::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.card:hover span::before {
    left: 100%;
}

.card:hover span {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(30, 64, 175, 0.6);
}

/* Override button colors for each card */
.card:nth-child(1) span {
    background: linear-gradient(45deg, #3b82f6, #1d4ed8);
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);
}

.card:nth-child(2) span {
    background: linear-gradient(45deg, #f97316, #ea580c);
    box-shadow: 0 4px 15px rgba(249, 115, 22, 0.4);
}

.card:nth-child(3) span {
    background: linear-gradient(45deg, #22c55e, #16a34a);
    box-shadow: 0 4px 15px rgba(34, 197, 94, 0.4);
}

/* Section divider with glow */
.w-24.h-1 {
    background: linear-gradient(45deg, #1e40af, #1f2937);
    box-shadow: 0 2px 20px rgba(30, 64, 175, 0.5);
    transition: all 0.3s ease;
}

/* Footer styling */
footer {
    color: #6b7280 !important;
    text-shadow: none;
}

/* Removed floating particles for clean white background */

/* Responsive enhancements */
@media (max-width: 768px) {
    .container {
        margin: 1rem;
        border-radius: 15px;
    }
    
    .card:hover > div {
        transform: translateY(-4px);
    }
}

/* Tailwind Utilities (keeping existing ones) */
.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}}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mt-16{margin-top:4rem}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.p-6{padding:1.5rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-md{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-gray-900{color:#111827}.text-gray-800{color:#1f2937}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-white{color:#fff}.bg-white{background-color:#fff}.bg-blue-600{background-color:#2563eb}.bg-blue-500{background-color:#3b82f6}.bg-orange-500{background-color:#f97316}.bg-green-500{background-color:#22c55e}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-md{box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)}.shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25)}.w-full{width:100%}.w-24{width:6rem}.h-1{height:.25rem}.h-auto{height:auto}.h-full{height:100%}.h-64{height:16rem}.h-32{height:8rem}.h-94{height:23.5rem}.w-48{width:12rem}.max-w-lg{max-width:48rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.object-contain{object-fit:contain}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.gap-8{gap:2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-grow{flex-grow:1}.items-center{align-items:center}.justify-center{justify-content:center}.block{display:block}.inline-block{display:inline-block}.group{position:relative}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-y-2{--tw-translate-y:-.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25)}.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25)}.group:hover .group-hover\:bg-blue-600{background-color:#2563eb}.group:hover .group-hover\:bg-orange-600{background-color:#ea580c}.group:hover .group-hover\:bg-green-600{background-color:#16a34a}.cursor-pointer{cursor:pointer}@media (min-width:768px){.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:mb-16{margin-bottom:4rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}