/*
Theme Name: LocalizaPY Theme
Theme URI: https://localizapy.com.py
Author: e)easy soluciones
Description: Tema personalizado para LocalizaPY maquetado con Tailwind CSS.
Version: 1.0.0
Text Domain: localizapy
*/

.bg-orange-50 {
    background-color: #fff7ed !important;
}

.text-brand-orange {
    --tw-text-opacity: 1;
    color: rgb(242 84 35 / var(--tw-text-opacity, 1));
}


.bg-brand-darkNavy {
  --tw-bg-opacity: 1;
  background-color: rgb(7 16 30 / var(--tw-bg-opacity, 1));
}

.bg-brand-navy {
  --tw-bg-opacity: 1;
  background-color: rgb(11 25 44 / var(--tw-bg-opacity, 1));
}


.orange-gradient {
  background: linear-gradient(135deg, #F25423 0%, #E03E12 100%);
}

.max-w-7xl {
    max-width: 100rem !important;
}

.border-brand-navy {
  --tw-border-opacity: 1;
  /*border-color: rgb(11 25 44 / var(--tw-border-opacity, 1));*/
  border-color: rgb(242 84 35 / var(--tw-text-opacity, 1)) !important;
}

@keyframes shineEffect {
    0% {
        transform: translateX(-100%) rotate(25deg);
    }
    100% {
        transform: translateX(200%) rotate(25deg);
    }
}

.shine-container {
    position: relative;
    overflow: hidden;
}

.shine-container::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 50%;
    height: 200%;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.25) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(25deg);
    animation: shineEffect 4s ease-in-out infinite;
    pointer-events: none;
}

.font-script {
    font-family: 'Caveat', cursive;
}