/*
Theme Name: Galaxia from the Scratch
Theme URI: https://galaxiadigital.com.ar/
Author: Galaxia Digital
Author URI: https://galaxiadigital.com.ar/
Description: Theme base desarrollado desde cero con Bootstrap 5.3.7
Version: 1.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: galaxia-from-the-scratch
*/

/* Base tipográfica */
body{
  font-family: "Arimo", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}
html, body{ overflow-x: hidden; }
hr{ color:#ccc !important; }

.my-7{ margin-top:5rem !important; margin-bottom:5rem !important; }

/* Galería */
.gallery .gallery-item img{
  width:100%; height:auto; display:block;
  border-radius:.5rem; box-shadow:0 2px 6px rgba(0,0,0,.1);
}
.gallery .gallery-item .ratio{
  border-radius:.5rem; overflow:hidden;
  box-shadow:0 2px 6px rgba(0,0,0,.1);
}
.gallery .gallery-item .ratio img{
  object-fit:cover; width:100%; height:100%;
}

/* GLightbox */
.glightbox-clean .gslide-image img{
  max-width:100%; max-height:90vh; margin:auto; display:block;
}

/* Ajuste de imágenes dentro de ratio */
.ratio img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* Recorta la imagen */
/*  border-radius: .5rem; */  /* mantiene las esquinas redondeadas */
}

/* Quita el padding/marco del contenedor ratio aunque venga inline */
.ratio.ratio-4x3.mb-4[style] {
  padding: 0 !important;
  background: transparent !important;   /* si querés placeholder, cambiá a #777 */
  border-radius: .75rem !important;
  overflow: hidden;
  position: relative;
}

/* El enlace ocupa todo el contenedor */
.ratio.ratio-4x3.mb-4 > a.glightbox {
  position: absolute;
  inset: 0;               /* top/right/bottom/left: 0 */
  display: block;
  border-radius: 0;       /* el radio lo maneja el contenedor */
  overflow: hidden;
}

/* La imagen se recorta a 4:3 sin espacios */
.ratio.ratio-4x3.mb-4 > a.glightbox img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block;
  border-radius: 0 !important; /* evita doble redondeo */
}


/* ===========================
   Paleta (primary, secondary, success)
   =========================== */
:root{
  /* Marca */
  --color-primary:   #4B2E90; /* violeta */
  --color-secondary: #FBB03F; /* amarillo */
  --color-success:   #2BB572; /* verde */

  /* Tonos (hover/active) */
  --color-primary-600:   #42287F; /* primary darker */
  --color-primary-400:   #593F99; /* primary lighter */
  --color-secondary-600: #E29E39; /* secondary darker */
  --color-secondary-400: #FBB64E; /* secondary lighter */
  --color-success-600:   #23965F; /* success darker */
  --color-success-400:   #34C784; /* success lighter */

  /* Bootstrap 5.3 theme vars */
  --bs-primary:   var(--color-primary);
  --bs-secondary: var(--color-secondary);
  --bs-success:   var(--color-success);

  /* RGB utilidades */
  --bs-primary-rgb:   75, 46, 144;   /* #4B2E90 */
  --bs-secondary-rgb: 251, 176, 63;  /* #FBB03F */
  --bs-success-rgb:   43, 181, 114;  /* #2BB572 */

  /* Links */
  --bs-link-color:       var(--bs-primary);
  --bs-link-hover-color: var(--color-primary-600);
}

/* ===========================
   Botones (override de vars)
   =========================== */
.btn-primary{
  --bs-btn-bg:                 var(--bs-primary);
  --bs-btn-border-color:       var(--bs-primary);
  --bs-btn-hover-bg:           var(--color-primary-600);
  --bs-btn-hover-border-color: var(--color-primary-600);
  --bs-btn-active-bg:          var(--color-primary-600);
  --bs-btn-active-border-color:var(--color-primary-600);
  --bs-btn-disabled-bg:        var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-primary{
  --bs-btn-color:              var(--bs-primary);
  --bs-btn-border-color:       var(--bs-primary);
  --bs-btn-hover-bg:           var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg:          var(--color-primary-600);
  --bs-btn-active-border-color:var(--color-primary-600);
}

.btn-secondary{
  --bs-btn-bg:                 var(--bs-secondary);
  --bs-btn-border-color:       var(--bs-secondary);
  --bs-btn-hover-bg:           var(--color-secondary-600);
  --bs-btn-hover-border-color: var(--color-secondary-600);
  --bs-btn-active-bg:          var(--color-secondary-600);
  --bs-btn-active-border-color:var(--color-secondary-600);
  --bs-btn-disabled-bg:        var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}
.btn-outline-secondary{
  --bs-btn-color:              var(--bs-secondary);
  --bs-btn-border-color:       var(--bs-secondary);
  --bs-btn-hover-bg:           var(--bs-secondary);
  --bs-btn-hover-border-color: var(--bs-secondary);
  --bs-btn-active-bg:          var(--color-secondary-600);
  --bs-btn-active-border-color:var(--color-secondary-600);
}

.btn-success{
  --bs-btn-bg:                 var(--bs-success);
  --bs-btn-border-color:       var(--bs-success);
  --bs-btn-hover-bg:           var(--color-success-600);
  --bs-btn-hover-border-color: var(--color-success-600);
  --bs-btn-active-bg:          var(--color-success-600);
  --bs-btn-active-border-color:var(--color-success-600);
  --bs-btn-disabled-bg:        var(--bs-success);
  --bs-btn-disabled-border-color: var(--bs-success);
}
.btn-outline-success{
  --bs-btn-color:              var(--bs-success);
  --bs-btn-border-color:       var(--bs-success);
  --bs-btn-hover-bg:           var(--bs-success);
  --bs-btn-hover-border-color: var(--bs-success);
  --bs-btn-active-bg:          var(--color-success-600);
  --bs-btn-active-border-color:var(--color-success-600);
}

/* ===========================
   Links, foco y selección
   =========================== */
a{ color: var(--bs-link-color); }
a:hover, a:focus{ color: var(--bs-link-hover-color); }

:focus-visible{
  outline: none;
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}
::selection{
  background: rgba(var(--bs-primary-rgb), .20);
  color:#fff;
}

/* ===========================
   Utilidades de marca
   =========================== */
.text-brand    { color: var(--color-primary) !important; }
.bg-brand      { background: var(--color-primary) !important; }
.border-brand  { border-color: var(--color-primary) !important; }

.text-accent   { color: var(--color-secondary) !important; }
.bg-accent     { background: var(--color-secondary) !important; }
.border-accent { border-color: var(--color-secondary) !important; }

.text-success-brand   { color: var(--color-success) !important; }
.bg-success-brand     { background: var(--color-success) !important; }
.border-success-brand { border-color: var(--color-success) !important; }

/* Utilidad: texto gris (#777) */
.gray { color: #999 !important; }

/* Opcional: links grises dentro del bloque */
.gray a { color: inherit !important; }
.gray a:hover, .gray a:focus { color: inherit !important; opacity: .85; }

.grass{
	 background: url('assets/img/grass.png') center center / auto repeat;
}
.dark{
	 background: url('assets/img/dark.png') center center / auto repeat;
}
.noise{
background: #4B2E90;
/*	 background: url('assets/img/noise.png') center center / auto repeat;*/
}
.footer-noise{
  position: relative;
/*  background: url('assets/img/noise.png') repeat center center;*/
   background: #4B2E90;
}

.footer-noise::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.2); /* overlay negro */
  z-index: 0; /* siempre detrás del contenido */
}

/* Todo el contenido del footer por encima del overlay */
.footer-noise > *{
  position: relative;
  z-index: 1;
}

.footer-logo { max-width: 150px; height: auto; display: block; }

.footer-contact li {
  display: flex; gap: .5rem; align-items: flex-start; margin-bottom: .35rem;
}
.footer-contact i { opacity: .85; line-height: 1.2; }

/* Limitar ancho de los bloques y centrarlos */
.footer-inner {
  max-width: 280px;   /* ajustá entre 260–320px según aire */
  margin: 0 auto;
}


/* Glassmorphism para CTA (sin Tailwind) */
.cta-glass {
  background: rgba(255, 255, 255, 0.10);          /* blanco translúcido */
  backdrop-filter: blur(2px);                     /* desenfoque */
  -webkit-backdrop-filter: blur(2px);             /* Safari */
  border: 1px solid rgba(255, 255, 255, 0.25);     /* borde suave */
}

/* Opcional: leve realce al hover */
.cta-glass:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.35);
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

article .h5 a{
  /*color: #000 !important;*/
  font-weight: 700 !important;
}