/* url(../assets/Fonts/montserrat/Montserrat-Bold.otf) */

/* @font-face {
  font-family: 'FAMILY_NAME';
  font-style: NORMAL_OR_ITALIC;
  font-weight: NUMERIC_WEIGHT_VALUE;
  font-display: swap;
  src: url(FONT_FILE_NAME.woff2) format('woff2');
} */

@font-face {
  font-family: 'Montserrat-Black';
  font-style: bold;
  /* font-weight: NUMERIC_WEIGHT_VALUE; */
  font-weight: bold;
  font-display: swap;
  src: url(../assets/Fonts/montserrat/Montserrat-Black.otf);
}

@font-face {
  font-family: 'Montserrat-ExtraBold';
  font-style: bold;
  /* font-weight: NUMERIC_WEIGHT_VALUE; */
  font-weight: bold;
  font-display: swap;
  /* src: url(../assets/Fonts/montserrat/Montserrat-Bold.otf); */
  src: url(../assets/Fonts/montserrat/Montserrat-Bold.otf);
}


@font-face {
  font-family: 'Montserrat-Bold';
  font-style: bold;
  /* font-weight: NUMERIC_WEIGHT_VALUE; */
  font-weight: bold;
  font-display: swap;
  /* src: url(../assets/Fonts/montserrat/Montserrat-Bold.otf); */
  src: url(../assets/Fonts/montserrat/Montserrat-Bold.otf);
}


@font-face {
  font-family: 'Montserrat-SemiBold';
  font-style: bold;
  /* font-weight: NUMERIC_WEIGHT_VALUE; */
  font-weight: bold;
  font-display: swap;
  /* src: url(../assets/Fonts/montserrat/Montserrat-Bold.otf); */
  src: url(../assets/Fonts/montserrat/Montserrat-SemiBold.otf);
}



@font-face {
  font-family: 'Montserrat-Regular';
  font-style: normal;
  /* font-weight: NUMERIC_WEIGHT_VALUE; */
  font-weight: normal;
  font-display: swap;
  /* src: url(../assets/Fonts/montserrat/Montserrat-Bold.otf); */
  src: url(../assets/Fonts/montserrat/Montserrat-Regular.otf);
}


@font-face {
  font-family: 'Montserrat-Medium';
  font-style: normal;
  /* font-weight: NUMERIC_WEIGHT_VALUE; */
  font-weight: normal;
  font-display: swap;
  /* src: url(../assets/Fonts/montserrat/Montserrat-Bold.otf); */
  src: url(../assets/Fonts/montserrat/Montserrat-Medium.otf);
}

@font-face {
  font-family: 'Montserrat-Light';
  font-style: normal;
  /* font-weight: NUMERIC_WEIGHT_VALUE; */
  font-weight: normal;
  font-display: swap;
  /* src: url(../assets/Fonts/montserrat/Montserrat-Bold.otf); */
  src: url(../assets/Fonts/montserrat/Montserrat-Light.otf);
}

body {
  min-height: 100dvh;
}



.font-monserrat-light {
    font-family: 'Montserrat-Light';
}

.font-monserrat-medium {
    font-family: 'Montserrat-Medium';
}

.font-monserrat-regular {
    font-family: 'Montserrat-Regular';
  /* font-family: var(--bs-font-monospace) !important; */
}

.font-monserrat-semibold {
    font-family: 'Montserrat-SemiBold';
}


.font-monserrat-bold {
    font-family: 'Montserrat-Bold';
}

.font-monserrat-extrabold {
    font-family: 'Montserrat-ExtraBold';
}



section {
    display: grid;
    min-height: 100dvh;
    grid-template-rows: auto 1fr auto;
}

#divContentLetras{
  min-height: 95dvh; 
}

/* #containerHomeWord{
  min-height: 85dvh;
} */

/* prueba */
/* .position-relative {
    height: 800px;
    background-color: var(--bs-tertiary-bg);
} */

/* .position-absolute {
    width: 2rem;
    height: 2rem;
    background-color: var(--bs-body-color);
    border-radius: .375rem;
} */


#Inicio {


/* background-image: url(../assets/image/SVGITJM_Portada.svg); */
/* background-image: url(../assets/image/OP_img_Bg_Laptop_Mac.jpg); */


/* background-image: url(../assets/image/OP_img_Laptop_Mac.webp); */

text-align: center;
background-image: url(../assets/image/OP_img_LaptopMac_2.webp);
background-repeat: no-repeat;
background-attachment: scroll; /*prueba*/
background-position: center center;
background-size: cover;
opacity: 1;
}

#mainDiv {
  text-align: center;
background-image: url(../assets/image/OP_img_LaptopMac_2.webp);
background-repeat: no-repeat;
background-attachment: scroll; /*prueba*/
background-position: center center;
background-size: cover;
/* opacity: 1; */
}

div#Inicio {
  padding-top: 17rem;
  padding-bottom: 12.5rem;
}

div#mainDiv {
  padding-top: 17rem;
        padding-bottom: 12.5rem;
}

.mw-800 {
/* max-width: 1320px; */
max-width: 800px;
}

.HeadTitle{
  text-shadow: 4px 4px 5px #0005;
}

.contentTitle{
 color: #0056D2; 
}

.NuestraMisionVision-title{
  font-family: 'Montserrat-Black';
  color: #162259;
}

.bg-azulmarino {
    --bs-bg-opacity: 1;
    background-color: #172259;
}

.img-fluid-ejes{
max-width: 50%;
height: auto;
}

p {
    font-family: 'Montserrat-Regular';
}



/*NUESTROS SERVICIOS*/

/*Adaptar al diseño solicitado, modificando las propiedad originales de bootstrap, solo para las secciones específicas,*/
#ServiciosGroup .card {
  background-color: #F4F4F4 !important;
  border-color: #F4F4F4;
  /*Obtenido de clase .rounded-5 -> bootstrap-utilities.css*/
   border-radius: var(--bs-border-radius-xxl) !important;
}

#ServiciosGroup .card-header {    
    
    /* background-color: var(--bs-card-cap-bg); */
    /* border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); */
    background-color: #F4F4F4;
    border-bottom: none;

    /*Obtenido de clase .rounded-5 -> bootstrap-utilities.css*/
    border-radius: var(--bs-border-radius-xxl) !important;
}

#ServiciosGroup .list-group-item{
  background-color: #F4F4F4;
  border: none;
}

#ServiciosGroup .list-group{
  border: none;

  /*Obtenido de clase .rounded-5 -> bootstrap-utilities.css*/
  border-radius: var(--bs-border-radius-xxl) !important;
}

#ServiciosGroup .card-footer {
    /* padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color); */
    background-color: #F4F4F4;
    border-top: none;
    border-radius: var(--bs-border-radius-xxl) !important;
    /* border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); */
}

#ServiciosGroup .card-body {
  padding-bottom: 0px;
}

/*end Adaptar al diseño solicitado*/

.card-title-servicio{
  font-family: 'Montserrat-ExtraBold';
  color: #172259;
}

.card-body-text-servicio{
  font-family: 'Montserrat-Light';
  color: #172259 !important;
}

.lista-servicio{
  list-style-type: disc !important;
}


.list-group-style-servicio {
  list-style-type: disc !important;
  /* list-style-position: outside; */
}

.list-servicio{
  font-family: 'Montserrat-Light';
  color: #172259 !important;
  /* list-style-type: disc !important; */
}

#Servicios {
  background-color: #f2fcff;
}

/* end servicios */

#Nosotros {
    /* background-image: url(../assets/image/OP_img_LaptopMac_2.webp); */
    /* background-color: #83E9FF; */
    background-color: #f2fcff;
    /* background-color: #e6faff; */
    
    /* background-color: #FFFFFF; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* opacity: 0.1; */
}




/*NUESTROS CLIENTES*/

/* #ClientesGroup img{
  background-position: center center;
  background-size: cover;
} */

#ClientesGroup .card {
  border: none;
}

#NuestrosClientes .card {
  border: none;
}

/* CONTACTO */

#Contacto {
    /* background-image: url(../assets/image/OP_img_LaptopMac_2.webp); */
    /* background-color: #83E9FF; */
    background-color: #f2fcff;
    /* background-color: #e6faff; */
    
    /* background-color: #FFFFFF; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    /* opacity: 0.1; */
}

#ContactoWhatsapp .card{
  background-color: #F4F4F4;
  border: none;
  /*Obtenido de clase .rounded-5 -> bootstrap-utilities.css*/
  border-radius: var(--bs-border-radius-xxl) !important;
}



#ContactoTrabajamosJuntos .card{
  border: none;
  background-color: transparent;
}

.contacto-title {
  color: #172259;
  font-family: 'Montserrat-Bold';
  /* font-weight: 100; */
  font-size: 2 rem;
}

#contacto-email {
  padding-top: 50px;
}

#contacto-email .card {
  border: none;
  background-color: transparent;
  min-width: 410 px;
}

/* #section-contacto {
  max-width: 100dvb;
} */

/*estilo carousel*/

.carousel__contenedor{
  position: relative;
}


.carousel__izquierda,
.carousel__derecha {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  border: none;
  top: calc(50% - 35px);
  cursor: pointer;  
  line-height: 30px;
  text-align: center;
  background: none;
  /* background-color: black; */
  color:lightgray;
  opacity: 30%;
}

.carousel__izquierda{
  z-index: 3;
}

/* .carousel__derecha{
  z-index: 5;
} */



/* height: 30px; */
/* top: calc(50% - 35px); */
/* line-height: 30px; */

.carousel__izquierda{
  left: 25px;
}


.carousel__derecha {
  right: 30px;
}

.carousel__lista{
  overflow:hidden;
}


.carousel__izquierda:hover,
.carousel__derecha:hover {
  opacity: 100%;
}

.carousel__elemento{
  text-align: center;
}

.carousel__indicadores .glider-dot {
  display: block;
  width: 30px;
  height: 4px;
  background: lightgray;
  opacity: .3;
  border-radius: 0;
}

.carousel__indicadores .glider-dot:hover{
  opacity: .6;
}

.carousel__indicadores .glider-dot.active {
  opacity: 1;
}


/*end estilo carousel*/


/* footer */

footer {
   /* background-color: #f2fcff; */
   background-color: #172259;
  
   
   /* background-color: #0d6efd; */

/*
* Created with https://www.css-gradient.com
* Gradient link: https://www.css-gradient.com/?c1=0e6ffd&c2=f2fcff&gt=l&gd=dbb
*/
  /* background: #0E6FFD;
  background: linear-gradient(0deg, #0E6FFD, #F2FCFF);
    */
  /* color: #172259; */
  color: #f2fcff;
  font-family: 'Montserrat-Black';
  /*  */
  padding: 1rem 2rem;
  text-align: center;
}