/* Sitio Web Creado por ITred Spa. Direccion: Guido Reni #4190 Pedro Aguirre Cerda - Santiago - Chile contacto@itred.cl o itred.spa@gmail.com https://www.itred.cl Creado, Programado y Diseñado por ITred Spa. BPPJ */ /* ------------------------------------------------------------------------------------------------------------- ------------------------------------- INICIO ITred Spa seccion_nosotros .CSS -------------------------------- ------------------------------------------------------------------------------------------------------------- */ /* IMPORTACION DE FUENTE RALEWAY */ @font-face { font-family: 'Raleway'; /* establece el nombre de la fuente que podrá utilizar el sitio */ src: url('/rmc_web_nueva/fuentes/fuentes_google/fuente_raleway.ttf') format('truetype'); /* establece la ruta del archivo de fuente y su formato */ font-weight: 100 900; /* permite utilizar los diferentes grosores disponibles de la fuente */ font-style: normal; /* establece el estilo normal de la fuente */ } /* IMPORTACION DE FUENTE RALEWAY */ @font-face { font-family: 'Raleway'; /* establece el nombre de la fuente que podrá utilizar el sitio */ src: url('/rmc_web_nueva/fuentes/fuentes_google/fuente_raleway.ttf') format('truetype'); /* establece la ruta del archivo de fuente y su formato */ font-weight: 100 900; /* permite utilizar los diferentes grosores disponibles de la fuente */ font-style: normal; /* establece el estilo normal de la fuente */ } /* TITULO 1 SECCION SOBRE NOSOTROS */ /* contiene y configura la seccion completa sobre nosotros */ .contenedor_nosotros { width: 100%; /* Ocupa el 100% del ancho de la pantalla */ height: 100vh; /* Ocupa el 100% del alto de la ventana de visualización */ background-color: #ffffff; /* Define el color de fondo en blanco puro */ position: relative; /* Define posicionamiento relativo para controlar componentes hijos */ overflow: hidden; /* Oculta cualquier elemento que sobresalga del contenedor */ } /* SUBTITULO 1 CONTENIDO SOBRE NOSOTROS */ /* organiza el contenido de texto de la seccion sobre nosotros */ .nosotros { width: 100%; /* Ancho completo del bloque contenedor */ height: 100%; /* Altura completa disponible */ display: flex; /* Flexbox para alineación de contenido interno */ align-items: center; /* Centra los elementos verticalmente */ position: relative; /* Posición relativa para ubicar elementos absolutos */ } /* contiene y posiciona el contenido textual de la seccion */ .info_nosotros_izquierda { width: 50%; /* Ocupa exactamente la mitad izquierda de la pantalla */ height: 100%; /* Ocupa toda la altura disponible */ display: flex; /* Organización flexible interna */ flex-direction: column; /* Organiza título y texto en formato vertical/columna */ justify-content: center; /* Centra verticalmente el contenido dentro de su área */ padding: 0 5vw; /* Relleno simétrico idéntico en el lado izquierdo y derecho */ box-sizing: border-box; /* Incluye el padding en el cálculo del ancho total */ gap: 4vh; /* Separación vertical entre el título y el párrafo */ z-index: 2; /* Posiciona el texto por encima del fondo */ } /* contiene la linea decorativa superior del titulo */ .linea_titulo_sobre_nosotros { width: 14vw; /* establece el ancho de la linea decorativa */ height: 0.3vh; /* establece el grosor de la linea decorativa */ background-color: #c59341; /* establece el color dorado de la linea */ } /* contiene el titulo principal de la seccion */ .titulo_sobre_nosotros { position: relative; /* Posición relativa para ubicar la línea decorativa ::before */ font-size: 6vh; /* Tamaño de fuente del título principal */ font-weight: 500; /* Peso de fuente medio */ font-family: 'Raleway', sans-serif; /* Tipografía Raleway de Google Fonts */ color: #c59341; /* Color dorado corporativo */ margin: 0; /* Anula márgenes predeterminados */ padding-top: 1vh; /* Espacio superior interno para separar del borde superior */ } /* contiene la linea decorativa superior del texto */ .linea_texto_sobre_nosotros { width: 100%; /* establece el ancho completo de la linea */ height: 0.1vh; /* establece el grosor de la linea */ background-color: #c59341; /* establece el color dorado de la linea */ } /* SUB-SUBTITULO 1 TEXTO SOBRE NOSOTROS */ /* contiene la descripcion general de la empresa */ .texto_descripcion { position: relative; /* Posición relativa para anclaje de la línea ::before */ font-size: 18pt; /* Tamaño de texto de la descripción */ line-height: 1.9; /* Interlineado para facilitar la lectura */ font-family: 'Raleway', sans-serif; /* Tipografía Raleway de Google Fonts */ color: #c59341; /* Color dorado corporativo para el texto */ margin: 0; /* Anula márgenes por defecto */ padding-top: 1.5vh; /* Espacio de separación respecto a su línea decorativa superior */ text-align: justify; /* Justifica el texto alineando bordes izquierdo y derecho */ } /* resalta la frase principal del texto */ .texto_resaltado { font-weight: bold; /* Aplica grosor en negrita a la frase resaltada */ color: #c59341; /* Mantiene el tono dorado corporativo */ font-family: 'Raleway', sans-serif; /* Tipografía Raleway de Google Fonts */ font-size: 16pt; /* establece el tamaño de la frase resaltada */ } /* SUBTITULO 2 CONTENEDOR IMAGEN SOBRE NOSOTROS */ /* contiene y posiciona la imagen ubicada al lado derecho */ .personas { position: absolute; /* Posición absoluta respecto a la sección */ top: 0; /* Alineado al borde superior de la pantalla */ right: 0; /* Alineado al borde derecho de la pantalla */ width: 50%; /* Ocupa el 50% horizontal de la pantalla */ height: 100vh; /* Ocupa toda la altura de la ventana */ overflow: hidden; /* Corta excesos de imagen fuera del rango */ margin: 0; /* Remueve márgenes */ padding: 0; /* Remueve rellenos */ } /* SUB-SUBTITULO 2 IMAGEN SOBRE NOSOTROS */ /* establece las dimensiones y posicionamiento de la imagen */ .personas img { width: 100%; /* Ocupa el ancho total del contenedor derecho */ height: 100vh; /* Ocupa el 100% del alto de la ventana */ object-fit: cover; /* Ajusta la escala de la imagen cubriendo el área sin deformarse */ display: block; /* Elimina espacios inferiores por comportamiento inline */ position: absolute; /* Posicionamiento fijo interno */ top: 0; /* Alineación superior */ left: 0; /* Alineación izquierda */ } /* ------------------------------------------------------------------------------------------------------------- -------------------------------------- FIN ITred Spa seccion_nosotros .CSS ---------------------------------- ------------------------------------------------------------------------------------------------------------- */ /* Sitio Web Creado por ITred Spa. Direccion: Guido Reni #4190 Pedro Aguirre Cerda - Santiago - Chile contacto@itred.cl o itred.spa@gmail.com https://www.itred.cl Creado, Programado y Diseñado por ITred Spa. BPPJ */