/*--------------------------------------------------------------

  Template Name: Subas Ecommerce Responsive Bootstrap Template
  Description: This is html5 template
  Author: codecarnival
  Version: 1.0
  Design and Developed by: codecarnival

Note: This is the file where you can add your custom styles to change the look of the theme. But don't modify "style.css" file.

---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom css code here: 
-------------------------------------------------------*/



.card .card-header--morado {
  background-color: #641217 !important;
  color: #fff !important;
  font-weight: 600;
}
/* para btn-sucess cambiarlo de color y letra
.btn-success {
    color: #000000;
    background-color: #b7d432;
    border-color: #b7d432;
}
*/
/* cambiar el color de la letra de los modal domus */
#titulo-modal-forms {
            color: #641217;
        }

/* Estilos para el modal de la imagen de archivos proyectos */
/* Estilos para el modal */
.modalarchivoproyecto {
    display: none; /* Oculto por defecto */
    position: fixed; /* Posición fija */
    z-index: 9999; /* Z-index alto */
    left: 0;
    top: 0;
    width: 100%; /* Ancho completo */
    height: 100%; /* Altura completa */
    overflow: auto; /* Scroll si el contenido es demasiado grande */
    background-color: rgba(0, 0, 0, 0.5); /* Fondo negro semi-transparente */
}

.modal-content-archivoproyecto {
    margin: 10% auto; /* Centrado vertical y horizontal */
    padding: 20px;
    width: 80%; /* 60% del ancho de la página */
    height: 80%; /* Ajusta la altura del contenido del modal */
    background-color: #fff; /* Fondo blanco */
    position: relative; /* Posición relativa */
    box-sizing: border-box;
    border-radius: 10px; /* Bordes redondeados */
    box-shadow: 0 5px 15px rgba(0,0,0,0.3); /* Sombra */
}

.close-btn-archivoproyecto {
    position: absolute; /* Posición absoluta */
    top: 10px; /* Distancia desde la parte superior */
    right: 10px; /* Distancia desde la derecha */
    font-size: 30px; /* Tamaño de la fuente */
    cursor: pointer; /* Cursor como puntero */
    color: #333; /* Color del texto */
}

.close-btn-archivoproyecto:hover {
    color: #000; /* Cambia el color al pasar el ratón */
}

/* Estilo para la imagen dentro del modal */
.modal-content-archivoproyecto img {
    max-width: 100%; /* Ajusta la imagen al ancho máximo permitido */
    height: auto; /* Altura automática según la proporción original */
    display: block;
    margin: auto; /* Centra la imagen horizontalmente */
}

/* fin de la modal */

/* Para el logotipo de la empresa */
/* Gris claro: #d3d3d3
Gris medio: #a9a9a9
Gris oscuro: #808080 */
#d_logoempresa {
    background-color: #d3d3d3; /* Gris medio */
    padding: 15px; /* Espaciado interno */
    border-radius: 5px; /* Esquinas redondeadas */
    width: 100%; /* Ajusta al ancho del contenedor */
    height: 100%; /* Ajusta la altura según sea necesario */
    display: flex;
    align-items: center; /* Centra verticalmente */
    justify-content: center; /* Centra horizontalmente */
    overflow: hidden; /* Oculta cualquier parte de la imagen que se salga del contenedor */
}

#d_logoempresa img {
    max-width: 100%; /* La imagen no excederá el ancho del contenedor */
    max-height: 100%; /* La imagen no excederá la altura del contenedor */
    object-fit: contain; /* Mantiene la proporción de la imagen sin distorsión */
    border-radius: 5px; /* Esquinas redondeadas en la imagen también */
}
/*PARA PODER AJUSTAR LAS IMAGENES DE PORTADA Y PLANO DE PROYECTOS*/

.planoportadaflex-grow-1 {
    flex-grow: 1;
}

.planoportadaw-100 {
    width: 100%;
}

.planoportadad-flex {
    display: flex;
}

.planoportadaalign-items-start {
    align-items: flex-start;
}

.planoportadaml-3 {
    margin-left: 1rem; /* Puedes ajustar este margen según tu diseño */
}