@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

.custom-borders {
    @apply border-2 border-green-500 border-dotted cursor-pointer;
}

.breadcrumbs {
    @apply flex space-x-2 text-gray-600;
}

.breadcrumbs li {
    @apply inline-block;
}

.breadcrumbs li a {
    @apply text-blue-500 hover:underline;
}

textarea {
    line-height: 1.25 !important;
}

.table-of-agreements :where(th, td) {
    padding: .45rem;
}

@keyframes moveBackground {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 100%;
    }
}

#DEPRECATED_login-body {
    /* Imagen de fondo */
    /* background-image: url(/assets/sequoia-background.jpg); */
    background-image: url(/assets/cimav-mty.jpg);
    /* background-image: url('<%= asset_path("cimav-mty.jpg") %>'); */
    background-size: cover; /* Asegura que la imagen cubra todo */
    background-repeat: no-repeat;
    background-attachment: fixed; /* Fija el fondo mientras se mueve */
    animation: moveBackground 300s linear infinite; /* Animación continua */
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */