* {
    margin: 0; 
    padding: 0;
    box-sizing: border-box;
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif; /* Agregada fuente por defecto */
}

.encabezado {
    width: 100%;
    height: 40px;
    background-color: rgb(255, 0, 0);
    display: block;
}

.ubicacion-encabezado {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center; /* Corregido 'end' a 'center' para mejor alineación */
    padding-right: 20px;
}

.enlace-encabezado {
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

:root {
    --bg-main: rgb(11, 11, 11);       /* Rojo del fondo principal */
    --text-color: #fbfbfb;    /* Color del texto */
    --text-inactive: #ffffff; /* Color texto inactivo (ligeramente rosado para contraste) */
    --line-active: #ff0000;   /* Línea de la pestaña activa */
    --bg-image: #ffffff;      
    --border-radius: 20px;
}


.primer-seccion{
    height: 600px;
    padding: 0;
    width: 100%;
    position: relative;
    padding: 10px;
    background-color: rgb(255, 255, 255);
}


.titulo-secccion1{
    width: 100%;
    margin-left: 15px;
}

.titulo-secccion1 h1{
    color: rgb(0, 0, 0);
}


/* Contenedor principal del formulario */
.contact-form-container {
     /* Ajusta este valor al ancho que necesites */
    padding: 20px;
    margin: 0 auto;
    position: absolute;
    width: 40%;
}

/* Título del formulario */
.form-title {
    font-family: sans-serif; /* Usa la fuente de tu sitio */
    font-size: 1.8em;
    color: #333;
    margin-bottom: 25px;
    font-weight: 500;
}

/* Contenedor del formulario */
.contact-form {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Espacio entre filas */
}

/* Estilo para las filas con 2 campos (Nombre/Apellido, Email/Teléfono) */
.form-row {
    display: flex;
    gap: 20px; /* Espacio entre campos en la misma fila */
    width: 100%;
}

.form-row input {
    flex: 1; /* Hace que ambos inputs ocupen el mismo ancho */
}

/* Estilo general para todos los inputs y textarea */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
    width: 100%; /* Asegura que Empresa y Mensaje ocupen todo el ancho */
    padding: 12px 15px;
    border: 1px solid #ccc;
    border-radius: 4px; /* Bordes ligeramente redondeados */
    box-sizing: border-box; /* Incluye padding y borde en el ancho/alto total */
    font-family: sans-serif;
    font-size: 1em;
    transition: border-color 0.3s;
}

.contact-form input:focus,
.contact-form textarea:focus {
    border-color: #3a79ff; /* Un azul al hacer foco */
    outline: none;
}

/* Ajuste específico para el textarea */
.contact-form textarea {
    resize: vertical; /* Permite redimensionar solo verticalmente */
}

/* Estilo del botón de envío */
.submit-btn {
    background-color: #36489a; /* Color azul oscuro similar al de la imagen */
    color: white;
    padding: 12px 25px;
    border: none;
    border-radius: 4px;
    font-size: 1.1em;
    cursor: pointer;
    transition: background-color 0.3s;
}

.submit-btn:hover {
    background-color: #2c3a7d; /* Un poco más oscuro al pasar el mouse */
}

/* 💻 Media Query para hacerlo responsivo en móviles */
@media (max-width: 600px) {
    .form-row {
        flex-direction: column; /* Apila los campos en pantallas pequeñas */
        gap: 15px;
    }
}




















.piedepagina{
    width: 100%;
    height: 400px;
    background-color: var(--bg-main);
    padding: 0;
    
}

.cuerpo-php{
    width: 100%;
    height: 100%;
}

.cuerpo-todo {
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: space-between;

}

.info-izquierda h3{
    margin-left: 20px;
    font-size: 60px;
    color: var(--line-active);
    text-decoration: none;
}




.contactos{
    margin-right: 400px;
    margin-top: 120px;
    gap: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}


.contactos p{
    color: var(--line-active);
    font-size: 16px;
    margin:0;
}