/* Nosotros Title,  */
@font-face {
  font-family: 'STOWE___';
  src: url('../assets/fonts/landing/STOWE___.woff2') format('woff2'),
       url('../assets/fonts/landing/STOWE___.woff') format('woff'),
       url('../assets/fonts/landing/STOWE___.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Nosotros P,  */
@font-face {
  font-family: 'STOWE__I';
  src: url('../assets/fonts/landing/STOWE__I.woff2') format('woff2'),
       url('../assets/fonts/landing/STOWE__I.woff') format('woff'),
       url('../assets/fonts/landing/STOWE__I.TTF') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'ArapeyItalic';
  src: url('../assets/fonts/landing/ArapeyItalic-LwGZ.woff2') format('woff2'),
       url('../assets/fonts/landing/ArapeyItalic-LwGZ.woff') format('woff'),
       url('../assets/fonts/landing/ArapeyItalic-LwGZ.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'ArapeyRegular';
  src: url('../assets/fonts/landing/ArapeyRegular-X2Md.woff2') format('woff2'),
       url('../assets/fonts/landing/ArapeyRegular-X2Md.woff') format('woff'),
       url('../assets/fonts/landing/ArapeyRegular-X2Md.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/* ------------------------- PESTAÑA -> NOSOTROS ------------------------- */


/* Estilos para seccion "Nuestra Historia */
.crg-Nuestra-Hisotira-hero-left {
  background: #000;
  padding: clamp(1vw, 4vw, 6vw);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.crg-Nuestra-Hisotira-hero-title {
  width: 100%;
  font-family: 'STOWE___', sans-serif;
  color: #f8f8f8;
  font-size: clamp(2.8rem, 6.5vw, 4rem);
  text-align: center;
  margin: 0 0 4rem 0;
}

.crg-Nuestra-Hisotira-text-column {
  width: 100%;
  color: #e9e9e9;
  font-size: clamp(0.95rem, 1.1vw, 2vw);
  line-height: 1.8;
  font-family: 'STOWE__I', serif;
  color: white;
}

.crg-Nuestra-Hisotira-text-block {
  display: block;
  margin-bottom: 3.5rem;
  text-indent: 1rem;
}

.crg-Nuestra-Hisotira-text-left {
  width: 62%;
  text-align: justify;
}

.crg-Nuestra-Hisotira-text-right {
  width: 60%;
  margin-top: 4rem;
  text-align: right;
  margin-left: auto;
}

.crg-Nuestra-Hisotira-text-center {
  width: 58%;
  margin-top: 4rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;

}

.crg-Nuestra-Hisotira-hero-right {
  position: relative;
  min-height: 100vh;
  padding: 0;
}

.crg-Nuestra-Hisotira-hero-right img {
  filter: grayscale(100%);
  width: 100%;
  height: 100vh;
  object-fit: cover;
  display: block;
}

/* Estilos para secciones de "Nosotros" */
.crg-Nosotros-hero-left-title {
  background: #000;
  padding: clamp(1vw, 2vw, 6vw);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.crg-Nosotros-hero-left-text {
  background: #000;
  padding: clamp(1vw, 2vw, 6vw);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  justify-content: flex-end;
}

.crg-Nosotros-hero-title {
  width: 100%;
  font-family: 'STOWE___', sans-serif;
  color: #f8f8f8;
  font-size: clamp(2rem, 3vw, 4rem);
  text-align: center;
}

.crg-Nosotros-text-center {
  width: 80%;
  margin-top: 1rem;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  font-family: 'STOWE__I', serif;
  color: white;
}

.crg-Nosotros-hero-title2 {
  width: 100%;
  font-family: 'STOWE___', sans-serif;
  color: #f8f8f8;
  font-size: clamp(2rem, 3vw, 4rem);
  text-align: center;
}

.crg-Nosotros-hero-left-text2 {
  background: #000;
  padding: clamp(1vw, 2vw, 6vw);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  justify-content: center;
}

.crg-Nosotros-text-center2 {
  width: 100%;
  margin-top: 1rem;
  text-align: left;
  padding-left: 5vw;
  font-family: 'STOWE__I', serif;
  color: white;
}

.crg-Nosotros-text-center3 {
  width: 100%;
  margin-top: 1rem;
  text-align: right;
  margin-left: auto;
  padding-right: 2vw;
  font-family: 'STOWE__I', serif;
  color: white;
}

/* ------------------------- PESTAÑA -> Proyectos ------------------------- */

/* CRG Proyectos */
.left-col {
  background: #ffffff;
  padding: clamp(1vw, 4vw, 6vw);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.brand {
  display: block;
  margin: 0 auto 0.4rem auto;

  width: 50%;
}

.subtitle {
  font-family: 'ArapeyRegular', serif;
  text-align: center;
  color: #333;
  margin-bottom: 2.4rem;
  font-size: clamp(1rem, 1.6vw, 1.4rem);
  width: 50%;
  margin-left: auto;
  margin-right: auto;

}

.text-column {
  width: 100%;
  color: #111;
  font-size: clamp(1vw, 1.2vw, 2vw);
  line-height: 1.8;
  margin-bottom: 2rem;
  font-family: 'STOWE__I', serif;
}

.text-block {
  display: block;
  margin-bottom: 3.5rem;
  text-indent: 1rem;
}

.text-left {
  width: 60%;
  text-align: left;
  font-size: clamp(0.95rem, 1.1vw, 2vw);
}

.bottom-row {
  padding-bottom: 2rem;
}

.icon {
  position: relative;
  object-fit: cover;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;

}

.icon img {
  position: relative;
  width: 25vh;
  object-fit: cover;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 25%;
  padding-left: 25%;
  margin-bottom: 10%;
}


.bottom-text {
  flex: 1;
  font-size: clamp(0.95rem, 1.1vw, 2vw);
  line-height: 1.6;
  text-align: right;
  max-width: 100%;
  font-family: 'STOWE__I', serif;
  color: #111;
}

/* CENFI */
.crg-Proyectos-hero-right {
  position: relative;
  min-height: 100vh;
  padding: 0;
}

.crg-Proyectos-hero-right img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  display: block;
}

.brand-CENFI {
  padding-top: 5%;
  display: block;
  margin: 0 auto 0.4rem auto;

  width: 50%;
}

.text-column1 {
  width: 100%;
  color: #111;
  font-size: clamp(1vw, 1.2vw, 2vw);
  line-height: 1.8;
  margin-bottom: 2rem;
  font-family: 'STOWE__I', serif;

}

.text-block1 {
  display: block;
  margin-bottom: 3.5rem;
  text-indent: 1rem;

}

.text-center {
  width: 100%;
  margin-top: 4rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(0.95rem, 1.1vw, 2vw);
}

/* CRG Publicaciones */
.left-col-publicaciones {
  background: #ffffff;
  padding-top: clamp(0.25vw, 1.35vw, 1.5vw);
  padding-left: clamp(1vw, 4vw, 6vw);
  padding-bottom: clamp(1vw, 4vw, 6vw);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.crg-brand-publicaciones-img {
  display: block;
  margin: 0 0 auto auto;

  width: 35vw;

}

.text-right {
  width: 60%;
  text-align: right;
  margin-left: auto;

  font-size: clamp(0.95rem, 1.1vw, 2vw);
}

.text-left1 {
  width: 45%;
  text-align: center;
  font-size: clamp(0.95rem, 1.1vw, 2vw);
}

.text-block2 {
  display: block;
  text-indent: 1rem;
}

.text-right2 {
  width: 60%;
  text-align: right;
  margin-left: auto;
  margin-right: 50px;
  font-size: clamp(0.95rem, 1.1vw, 2vw);
}

.brand2 {
  display: block;
  margin: 0 auto 0.4rem auto;

  width: 25vh;
}

/* Ajustes móviles */
@media (max-width: 915px) {
  .crg-brand-publicaciones-img {
    width: 70vw;
    margin: 0 auto 2rem auto;

  }

  .brand-CENFI {
    width: 70vw;
    margin: 0 auto 2rem auto;

  }

  .brand {
    width: 70vw;
    margin: 0 auto 2rem auto;
  }

}


/* ------------------------- PESTAÑA -> CONTENIDOS ------------------------- */

/* Logo superpuesto  */

.crg-Contenidos-left-col {
  background: #ffffff;
  
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 4vh;
}

.crg-Contenidos-brand {
  display: block;
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
}

.crg-Contenidos-hero-right {
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
 
  position: relative;
  padding: 1vh 2vh;
  background-color: #1b3050;
  margin-top: 1vh;
  border-radius: 10px 0px 0px 10px;

}

.crg-Contenidos-text-column {
  width: 100%;
  font-size: clamp(1rem, 1.5vw, 2vw);
  font-family: 'STOWE__I', serif;
}

.crg-Contenidos-text-block {
  display: block;
  text-indent: 1rem;
}

.crg-Contenidos-text-right {

  color: #e9e9e9;
  width: 100%;
  text-align: left;
  margin-left: auto;

}

.image-panel .overlay-logo {
  position: absolute;
  top: clamp(1rem, 3.5vw, 4rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  width: clamp(4rem, 20vw, 15vw);
  height: auto;
  pointer-events: none;
}

/* Texto centrado en el medio de la imagen */
.image-panel .overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 25;
  width: min(92%, 1200px);
  text-align: center;
  font-family: 'STOWE__I', serif;
  font-size: clamp(1.6rem, 1.7vw, 2vw);
  line-height: 1.2;
  color: white;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
  padding: clamp(0.4rem, 1vw, 1rem);
  background: rgba(0, 0, 0, 0.025);
  border-radius: 6px;
  box-sizing: border-box;
  word-break: break-word;
}
.crg-Contenidos-text-center {
  width: 100%;
  margin-top: 4rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  /* --- CAMBIO 1: Ajustar el tamaño mínimo --- */
  /* 1.5rem es muy grande para móviles con textos largos. Bájalo a 1rem o 1.2rem */
  font-size: clamp(1.1rem, 1.7vw, 2vw); 

  /* --- CAMBIO 2: Romper palabras largas --- */
  /* Esto obliga al correo a bajarse si choca con el borde de la pantalla */
  overflow-wrap: break-word;
  word-wrap: break-word; 
  word-break: break-word; 
  hyphens: auto;
}

.crg-Proyectos-links {
  display: inline-block;
  margin-top: 1.5rem;
  padding: 0.75rem 1.5rem;
  font-size: clamp(1.4rem, 1.5vw, 2vw);
  color: #fff;
  
  border-radius: 5px;
 
  transition: background-color 0.3s ease;
}

/* Movil imagenes */



/* ------------------------- PESTAÑA -> CONTENIDOS_STUDIO ------------------------- */

.crg-contenidos-studio-image-panel .crg-contenidos-studio-overlay-logo {
  position: absolute;
  top: clamp(1rem, 3.5vw, 4rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  width: clamp(20rem, 20vw, 20vw);
  height: auto;
  pointer-events: none;
}

.crg-contenidos-studio-hero-right img {
  height: 100vh;
  object-fit: cover;
  display: block;
  
}

.crg-contenidos-studio-hero-right {
  position: relative;
  min-height: 100vh;
  padding: 0;
  
}

.crg-contenidos-studio-image-panel .crg-contenidos-studio-overlay-text {
  width: 40%;
  position: absolute;
  top: 50%;
  left: 75%;
  transform: translate(-50%, -50%);
  z-index: 25;
  text-align: center;
  line-height: 1.2;
}

.crg-contenidos-studio-text-column {
  width: 100%;
  
  font-size: clamp(1.1rem, 1.5vw, 2vw);
  line-height: 1.8;
  font-family: 'STOWE__I', serif;
  color: rgb(0, 0, 0);
}

.crg-contenidos-studio-text-block {
  display: block;
 
  text-indent: 1rem;

}

.crg-contenidos-studio-text-center {
  width: 100%;
  margin-top: 1.5rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;

}
.crg-contenidos-studio-text-left {
  width: 100%;
  text-align: justify;
  margin-top: 1.5rem;
  
}
.crg-contenidos-studio-text-right {
  width: 100%;
  margin-top: 1.5rem;
  text-align: right;
  margin-left: auto;
}

.crg-contenidos-studio-brand {
  width: clamp(15rem, 20vw, 50vw);
  display: block;
  margin: 0 100% 5% auto;
  align-items: left;
  
}


/* ------------------------- PESTAÑA -> HOME&FOODS ------------------------- */

.crg-Home-brand {
  display: block;
  width: 40%;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto ;
  margin-right: auto ;
}

.crg-Home-left-col {
  background: #ffffff;
 
  
  display: flex;
  flex-direction: column;
  
  margin-top: 4vh;
}
.crg-Home-image-panel,
.crg-Home-image-panel2,
.crg-Home-image-panel3 {
  position: relative;
  overflow: hidden; /* evita que el logo se salga del panel */
}

.crg-Home-image-panel .crg-Home-overlay-logo {
  position: absolute;
  left: 77.5%;
  transform: translateX(-50%);
  z-index: 30;
  width: clamp(4rem, 20vw, 15vw);
  height: auto;
  pointer-events: pointer;
  
  
}

.crg-Home-hero-right {
 
  margin-top: 1%;
  position: relative;
  padding: 1vh 2vh;
  margin-top: 4vh;
  border-radius: 10px 0px 0px 10px;
  font-style: italic;
}

.crg-Home-text-right {

  
  width: 100%;
  text-align: center;
  margin-left: auto;

}


/* .crg-Home-image-panel2 .crg-Home-overlay-logo2 {
  position: absolute;
  
  padding-top: 90vh;

  z-index: 30;
  width: clamp(4rem, 20vw, 15vw);
  height: auto;
  pointer-events: none;
  
  


}
.crg-Home-image-panel3 .crg-Home-overlay-logo3 {
  position: absolute;
  top: clamp(1rem, 20vw, 50vw);
  left: 77.5%;
  transform: translateX(-50%);
  z-index: 30;
  width: clamp(4rem, 20vw, 15vw);
  height: auto;
  pointer-events: none;
  
} */
@media (max-width: 915px) {
  .image-panel .overlay-logo {
    padding-top: 9%;
    width: 70vw;
    margin: 0 auto 2rem auto;
  }
  .crg-Contenidos-hero-right {
    width: 95%;
    text-shadow: 0 2px 90px rgba(255, 255, 255, 0.6);
    margin-top: 1%;
    position: relative;
    padding: 1vh 2vh;
    background-color: #1b3050;
    margin-top: 4vh;
    border-radius: 10px;
    margin-right: auto;
    margin-left: auto;
    
  }
  .crg-contenidos-studio-hero-right img {
    
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  display: block;
  color: rgb(255, 255, 255);
  
  
  }
  .crg-contenidos-studio-image-panel .crg-contenidos-studio-overlay-text {
    
    text-shadow: 5px 2px 6px rgba(0, 0, 0, 0.39);
    left: 50%;
  padding: clamp(0.4rem, 1vw, 1rem);
  font-size: clamp(2.8rem, 6.5vw, 4rem);
  background: rgba(0, 0, 0, 0.175);
  border-radius: 6px;
  width: 100%;
 
  
  }
.crg-contenidos-studio-text-block {
  margin-bottom: 0rem;
  color: rgb(255, 255, 255);

}
.crg-contenidos-studio-text-left {
  color: rgb(255, 255, 255);
  
}
.crg-contenidos-studio-text-right {
  color: #f8f8f8;
}

.crg-Home-image-panel .crg-Home-overlay-logo {
  padding-top: 9%;
    width: 70vw;
    margin: 0 auto 2rem auto;
  top: clamp(1rem, 3.5vw, 4rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  
  height: auto;
  pointer-events: none;

    
  }
  .crg-Home-image-panel2 .crg-Home-overlay-logo2 {
    padding-top: 9%;
    width: 70vw;
    margin: 0 auto 2rem auto;
  }
  .crg-Home-image-panel3 .crg-Home-overlay-logo3 {
    margin-top: 9%;
    width: 70vw;
    margin: 0 auto 2rem auto;
  top: clamp(1rem, 3.5vw, 4rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  
  height: auto;
  pointer-events: none;
  }
}

/* ------------------------- PESTAÑA -> Oferta ------------------------- */

.crg-oferta{
  font-family: 'STOWE___', sans-serif;
  margin-top: 1%;
  padding-bottom: 3.5%;
}

.crg-oferta-p{
  font-family: 'STOWE__I', serif;
}

.crg-grid-cards{
  margin-top: 2.5%;
}

.crg-card{
  padding-right: 1%;
  padding-left: 1%;
}
.crg-grid-cards h5{
  font-family: 'STOWE__I', serif;
  text-align: center;
  font-size: 1.5rem;
  padding-bottom: 1.8rem;
}

.crg-card ul{
  margin-bottom: 3rem;
  
}
.crg-card li{
  margin-bottom: 2%;
  font-family: 'STOWE__I', serif;
  font-size: 1.1rem;
}

/* ------------------------- SECCIÓN BOHEMIA & GALERÍA ------------------------- */

.crg-Bohemia-brand {
  display: block;
  width: 25%;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto ;
  margin-right: auto ;
}

.crg-Bohemia-text-column {
  width: 100%;
  font-size: clamp(1rem, 1.5vw, 2vw);
  font-family: 'STOWE__I', serif;
}

.crg-Bohemia-text-block {
  
  width: 100%;
  text-align: justify;
  margin-left: 5%;
  font-size: clamp(0.95rem, 1.1vw, 2vw);
  font-size: 100%;

}

.crg-Bohemia-text-left {

  width: 100%;
  text-align: left;
  margin-top: 7%;
  padding-left: 5%;
}

.crg-Bohemia-text-right {

  width: 100%;
  text-align: left;
  
  margin-top: 11%;
  padding-left: 10%;
}

.crg-Bohemia-hero-right {
  position: relative;
  min-height: 100vh;
  padding: 0;
}

.crg-Bohemia-hero-right img {
  width: 100%;
  height: 90vh;
  object-fit: cover;
  display: block;
}

.crg-Bohemia-p{
  width: 100%;
  font-size: clamp(1rem, 1.5vw, 2vw);
  font-family: 'STOWE__I', serif;
  padding-left: 5%;
  padding-right: 5%;
  
}

.Bohemia-text-center {
  width: 100%;
 font-size: clamp(1rem, 1.5vw, 2vw);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(0.95rem, 1.1vw, 2vw);
}

.crg-Bohemia-p-qr{
  width: 100%;
  font-size: clamp(1.2rem, 1.7vw, 2vw);
  font-family: 'STOWE__I', serif;
  padding-left: 5%;
  padding-right: 5%;

}

@media (max-width: 915px) {
  .crg-Bohemia-brand {
  width: 75%;
  margin-bottom: 5%;
  }
  .crg-Bohemia-hero-right img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  display: block;
  }
  .crg-Bohemia-text-left {
  text-align: center;
  padding: 0%;
}
.crg-Bohemia-text-right {
  text-align: center;
  padding: 0%;
 
}
.crg-Bohemia-p{
  padding-top: 5%;
}
}


/* ------------------------- SECCIÓN Cocina de Abuelita ------------------------- */
.crg-qr{
  padding-top: 25%;
}

.crg-cocina-img{
  padding-top: 10%;
  width: 100%;
}


.text-block3 {
  display: block;
  text-indent: 1rem;
}

.crg-Cocina-text-center {
  width: 100%;
  margin-top: 2rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(2.4rem, 1.7vw, 2vw);
  font-family: 'ArapeyRegular', sans-serif;
}

.cocina-text-column {
   width: 100%;
  margin-top: 2rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(1.2rem, 1.5vw, 2vw);
  font-family: 'STOWE__I', serif;
  
}

.cocina-icon {
  position: relative;
  object-fit: cover;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;

}

.cocina-icon img {
  position: relative;
  width: 20vh;
  object-fit: cover;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 25%;
  padding-left: 25%;
  
}

.cocina-text-column-icon{
width: 100%;
  margin-top: 2rem;
  text-align: center;
  padding-left: 10%;
  padding-right:10%;
  font-size: clamp(1.2rem, 1.7vw, 2vw);
  font-family: 'STOWE__I', serif;
}
@media (max-width: 915px) {
.crg-qr{
  padding-top: 0%;
}

}