/*
Theme Name: Cozyrise Landing
Theme URI: https://cozyrise.com/
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
*/

body {
  font-family: 'Rubik', sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}
body, html {
  overflow-x: hidden;
}

.gallery .gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.gallery .gallery-item .ratio {
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.gallery .gallery-item .ratio img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

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


h2, h3, h4, h5{
	color: #555!important;
	font-weight: 900;
	letter-spacing: -1px;
}

h1{
	font-weight: 900;
	font-size: 3rem;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #444!important;
}
@media (max-width: 575.98px) {
  h1 {
    font-size: 2rem;
  }
}

footer{
	  background: url('assets/img/bg-footer.jpg') no-repeat center bottom!important;
}


.step-circle {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  background-color: #444; /* Rojo Cozyrise */
  color: #fff;
  font-weight: bold;
  font-size: 1.25rem;
}

.especial {
  background-color: #fafafa;
  background-image: repeating-linear-gradient(
    135deg,
    rgba(0,0,0,0.01) 0,   /* gris casi transparente */
    rgba(0,0,0,0.01) 20px,
    transparent 20px,
    transparent 40px
  );
}
/* ======================================================
   Bootstrap Overrides — Paleta Proyectando
   ====================================================== */
:root {
  --bs-primary:   #6A8FA0; /* azul grisáceo */
  --bs-secondary: #CFE0EB; /* celeste claro */
  --bs-success:   #E9D7DA; /* rosado claro */
  --bs-danger:    #C46D63; /* rojo ladrillo */
  --bs-warning:   #D8894E; /* naranja cálido */
  --bs-info:      #C3B76D; /* amarillo verdoso */
  --bs-light:     #8A935D; /* verde oliva */
  --bs-dark:      #DCBA3C; /* amarillo oro */
  --bs-extra1:    #F5DA63; /* amarillo pastel */
}

/* =============================
   Botones
   ============================= */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #557787;
  border-color: #557787;
}

.btn-secondary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
  color: #000;
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #b7cbd8;
  border-color: #b7cbd8;
  color: #000;
}

.btn-success {
  background-color: var(--bs-success);
  border-color: var(--bs-success);
  color: #000;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #d2bfc3;
  border-color: #d2bfc3;
  color: #000;
}

.btn-danger {
  background-color: var(--bs-danger);
  border-color: var(--bs-danger);
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #a8564e;
  border-color: #a8564e;
}

.btn-warning {
  background-color: var(--bs-warning);
  border-color: var(--bs-warning);
  color: #000;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #be783f;
  border-color: #be783f;
  color: #000;
}

.btn-info {
  background-color: var(--bs-info);
  border-color: var(--bs-info);
  color: #000;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #aaa45a;
  border-color: #aaa45a;
  color: #000;
}

.btn-light {
  background-color: var(--bs-light);
  border-color: var(--bs-light);
  color: #fff;
}
.btn-light:hover,
.btn-light:focus {
  background-color: #737c4f;
  border-color: #737c4f;
  color: #fff;
}

.btn-dark {
  background-color: var(--bs-dark);
  border-color: var(--bs-dark);
  color: #000;
}
.btn-dark:hover,
.btn-dark:focus {
  background-color: #b39a32;
  border-color: #b39a32;
  color: #000;
}

/* =============================
   Backgrounds
   ============================= */
.bg-primary   { background-color: var(--bs-primary)   !important; }
.bg-secondary { background-color: var(--bs-secondary)!important; }
.bg-success   { background-color: var(--bs-success)   !important; }
.bg-danger    { background-color: var(--bs-danger)    !important; }
.bg-warning   { background-color: var(--bs-warning)   !important; }
.bg-info      { background-color: var(--bs-info)      !important; }
.bg-light     { background-color: var(--bs-light)     !important; }
.bg-dark      { background-color: var(--bs-dark)      !important; }

/* =============================
   Textos
   ============================= */
.text-primary   { color: var(--bs-primary)   !important; }
.text-secondary { color: var(--bs-secondary)!important; }
.text-success   { color: var(--bs-success)   !important; }
.text-danger    { color: var(--bs-danger)    !important; }
.text-warning   { color: var(--bs-warning)   !important; }
.text-info      { color: var(--bs-info)      !important; }
.text-light     { color: var(--bs-light)     !important; }
.text-dark      { color: var(--bs-dark)      !important; }

/* =============================
   Bordes
   ============================= */
.border-primary   { border-color: var(--bs-primary)   !important; }
.border-secondary { border-color: var(--bs-secondary)!important; }
.border-success   { border-color: var(--bs-success)   !important; }
.border-danger    { border-color: var(--bs-danger)    !important; }
.border-warning   { border-color: var(--bs-warning)   !important; }
.border-info      { border-color: var(--bs-info)      !important; }
.border-light     { border-color: var(--bs-light)     !important; }
.border-dark      { border-color: var(--bs-dark)      !important; }

/* =============================
   Badges
   ============================= */
.badge.bg-primary   { background-color: var(--bs-primary)   !important; }
.badge.bg-secondary { background-color: var(--bs-secondary)!important; color: #000; }
.badge.bg-success   { background-color: var(--bs-success)   !important; color: #000; }
.badge.bg-danger    { background-color: var(--bs-danger)    !important; }
.badge.bg-warning   { background-color: var(--bs-warning)   !important; color: #000; }
.badge.bg-info      { background-color: var(--bs-info)      !important; color: #000; }
.badge.bg-light     { background-color: var(--bs-light)     !important; color: #fff; }
.badge.bg-dark      { background-color: var(--bs-dark)      !important; color: #000; }

/* =============================
   Alertas
   ============================= */
.alert-primary   { background-color: var(--bs-primary);   color: #fff; border-color: #557787; }
.alert-secondary { background-color: var(--bs-secondary); color: #000; border-color: #b7cbd8; }
.alert-success   { background-color: var(--bs-success);   color: #000; border-color: #d2bfc3; }
.alert-danger    { background-color: var(--bs-danger);    color: #fff; border-color: #a8564e; }
.alert-warning   { background-color: var(--bs-warning);   color: #000; border-color: #be783f; }
.alert-info      { background-color: var(--bs-info);      color: #000; border-color: #aaa45a; }
.alert-light     { background-color: var(--bs-light);     color: #fff; border-color: #737c4f; }
.alert-dark      { background-color: var(--bs-dark);      color: #000; border-color: #b39a32; }