:root{
    --primary_color: #1A1A1C;   
    --color-letter: white;
    --color-second: #56585e;
    --color-t: #416bd7;
    --border-radius: 17px;
    --font-size:24px;
    --second-font-size:24px;
    --color-1: #6A4C93;
    --color-2: #868719;
    --color-3: #25A3CA;
    --color-4: #DE4B77;
    --color-5: #C9CA26;
    --color-6:#F2551B;
    --font-size-buton:16px;
    --font-size-text-banner:32px;
    /* Movil */
    
}
body{
    background-color: var(--primary_color);
    color: var(--color-letter);
    font-family: 'PT Sans Narrow', sans-serif;
    overflow-x: hidden;
}

a{
    text-decoration: none !important;
    color: white !important;
}
/* Home */

.banner-sup{
  background-color: black;
}
.subject{
  font-size: 48px;
  letter-spacing: 0.15em;
  font-weight: 400;
}
.subject-2{
  font-size: 48px;
}

.parrafo-subject{
  font-size: 20px !important;
}
.parrafo-subject-2{
  font-size: 24px !important;
}
.quienes-somos{
  border-radius: var(--border-radius) !important;
}
.festival-cortometraje{
  background-color:var(--color-4) !important;
}



/* Footer */
.ezy__copyright8 {
  --bs-body-color: #212529;
  --bs-body-bg: ;

  /* easy frontend variables */
  --ezy-theme-color: rgb(13, 110, 253);
  --ezy-theme-color-rgb: 13, 110, 253;

  background-color: var(--primary_color) !important;
  color: var(--bs-body-color);
  padding: 48px 0;
}

/* Gray Block Style */
.gray .ezy__copyright8,
.ezy__copyright8.gray {
  /* Bootstrap variables */
  --bs-body-bg: rgb(246, 246, 246);
}

/* Dark Gray Block Style */
.dark-gray .ezy__copyright8,
.ezy__copyright8.dark-gray {
  /* Bootstrap variables */
  --bs-body-color: #ffffff;
  --bs-body-bg: rgb(30, 39, 53);
}

/* Dark Block Style */
.dark .ezy__copyright8,
.ezy__copyright8.dark {
  /* Bootstrap variables */
  --bs-body-color: #ffffff;
  --bs-body-bg: rgb(11, 23, 39);
}

.ezy__copyright8-social li {
  list-style-type: none;
  display: inline-block;
  margin: 6px 12px;
}

.ezy__copyright8-social li a {
  color: var(--bs-body-color);
  transition: 0.4s;
  font-size: 20px;
}

.ezy__copyright8-social li a:hover {
  color: var(--ezy-theme-color);
}

.nav-item{
  font-size: 18px;
  color: var(--color-letter) !important;
}
.nuestros-patro{
  font-size: 80px !important;
}

.banner-img-inferior{
  width: 100%;
  
}

.button-participa{
  text-decoration: none !important;
  background-color: black;
  border-radius: 30px;
  padding: 1.1%;
  padding-left:3% !important;
  padding-right:3% !important;
  font-size: var(--font-size-buton);
  font-family: 'Lato', sans-serif;
}


.button-participa:hover {
  background-color: #333; /* un negro más claro para que se note */
 
}

@media (max-width: 992px) {
  .subject, .subject-2 {
    font-size: 36px;
    text-align: center;
  }

  .parrafo-subject, .parrafo-subject-2 {
    font-size: 18px !important;
    text-align: center;
  }

  .nuestros-patro {
    font-size: 50px !important;
  }

  .navbar-brand img {
    width: 250px;
    height: auto;
  }
}

/* Para pantallas pequeñas (celulares, menos de 768px) */
@media (max-width: 768px) {
  .subject, .subject-2 {
    font-size: 28px;
    letter-spacing: 0.1em;
    text-align: center;
  }

  .parrafo-subject, .parrafo-subject-2 {
    font-size: 16px !important;
    line-height: 1.4;
    text-align: center;
  }

  .nuestros-patro {
    font-size: 36px !important;
  }

  .navbar-brand img {
    width: 200px;
    height: auto;
  }

  .p {
    font-size: var(--font-size-buton);
    text-align: center;
  }

  .button-participa {
    font-size: 14px !important;
    padding: 8px 16px;
    display: block;
    text-align: center;
  }
}

/* Para pantallas muy pequeñas (menos de 480px, celulares chicos) */
@media (max-width: 480px) {
  .subject, .subject-2 {
    font-size: 32px;
  }

  .parrafo-subject, .parrafo-subject-2 {
    font-size: 16px !important;
  }

  .nuestros-patro {
    font-size: 44px !important;
  }

  .navbar-brand img {
    width: 150px;
  }

  .nav-item {
    font-size: 14px;
  }

  .button-participa {
    font-size: 12px !important;
    padding: 6px 12px;
  }
}
/* footer */

.banner-i {
  background-image: 
    linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), /* capa negra */
    url('../assets/img/banner_inferior.png');               /* imagen de fondo */
  background-size: cover;       /* ocupa todo el contenedor */
  background-position: center  40%;  /* centrada */
  height: 300px;                /* ajusta la altura que necesites */
  position: relative;           /* para texto posicionado encima */
}



.fcu-subject{
  font-size: 64px;
  color: #fffffc;
}
.fcu-text-title{
    font-size: 28px;
    padding: 1%;
}

.container-banner-fcu {
    position: relative; /* hijos absolutos se basan aquí */
    width: 100%;
    height: 400px; /* tu altura original */
    background-color: #6A6B6C;
    overflow: hidden; /* corta lo que sobresalga */
}

.container-banner-fcu svg {
    position: absolute;
    top: 80%;   /* lo que tenías, ajusta según te guste */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 900px;
    height: 900px;
}

.banner-text {
    position: absolute;
    top: 30%;      /* ajusta este valor para subir o bajar el texto */
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;  /* color del texto */
}

.banner-text h1 {
    font-size: 2.5rem;
    margin: 0;
}

.banner-text p {
    font-size: 1.2rem;
    margin: 0;
}

.fcu-fondo-text-icon{
   background-color: rgba(35, 35, 35, 0.4); /* fondo con opacidad */
   padding: 7%;
   width: 800px;
}
.banner-fcu-24{
    background-image: 
    linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), /* capa oscura solo sobre el fondo */
    url('../assets/img/fondo_fcu.png');                     /* imagen de fondo */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;  /* fondo fijo */
}
@media (max-width: 768px) {
  .fcu-subject {
    font-size: 36px;
  }
  .fcu-text-title{
    font-size: 24px;
}
}