#mi-formulario-cotizacion {
max-width: 750px; margin: 30px auto; padding: 25px;
background-color: #f7f7f7; border: 1px solid #e0e0e0;
border-radius: 6px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
#mi-formulario-cotizacion h2 {
margin-top: 5px; margin-bottom: 25px; font-size: 1.7em; color: #2c3e50; border-bottom: 2px solid #3498db; padding-bottom: 8px;
} #mi-formulario-cotizacion p {
margin-bottom: 18px; }
#mi-formulario-cotizacion label {
display: block; margin-bottom: 6px; font-weight: bold;
font-size: 0.9em;
color: #34495e; } #mi-formulario-cotizacion input[type="text"],
#mi-formulario-cotizacion input[type="email"],
#mi-formulario-cotizacion input[type="number"],
#mi-formulario-cotizacion input[type="file"],
#mi-formulario-cotizacion textarea {
width: 100%;
padding: 10px;
border: 1px solid #bdc3c7; border-radius: 4px;
box-sizing: border-box; font-size: 0.95em;
color: #555;
}
#mi-formulario-cotizacion input[type="text"]:focus,
#mi-formulario-cotizacion input[type="email"]:focus,
#mi-formulario-cotizacion input[type="number"]:focus,
#mi-formulario-cotizacion input[type="file"]:focus,
#mi-formulario-cotizacion textarea:focus {
border-color: #3498db; box-shadow: 0 0 3px rgba(52, 152, 219, 0.5);
outline: none; }
#mi-formulario-cotizacion input[type="file"] {
padding-top: 8px; padding-bottom: 8px; text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#mi-formulario-cotizacion textarea {
min-height: 120px; resize: vertical; } .equipo-item {
border: 1px solid #e0e0e0;
padding: 20px;
margin-top: 15px; 
margin-bottom: 20px;
background-color: #ffffff; 
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.equipo-item p:has(button.remove-equipo) {
margin-bottom: 0; 
}
.equipo-item > p:last-child {
margin-bottom: 5px; 
} #add-equipo-button,
.remove-equipo {
display: inline-block; 
padding: 9px 18px;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 0.95em;
text-align: center; 
transition: background-color 0.2s ease-in-out;
}
#add-equipo-button {
background-color: #3498db; margin-top: 5px; 
margin-bottom: 20px;
}
#add-equipo-button:hover {
background-color: #2980b9;
}
.remove-equipo {
background-color: #e74c3c; margin-top: 10px;
}
.remove-equipo:hover {
background-color: #c0392b;
} #mi-formulario-cotizacion input[type="submit"] {
display: inline-block; 
width: auto;           
padding: 12px 30px;
background-color: #27ae60; 
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 1.1em;
font-weight: bold;
margin-top: 25px;    
transition: background-color 0.2s ease-in-out;
}
#mi-formulario-cotizacion input[type="submit"]:hover {
background-color: #229954;
} .form-actions-center {
text-align: center;
}
.text-right { 
text-align: right;
} @media (max-width: 600px) {
#mi-formulario-cotizacion {
padding: 15px;
}
#mi-formulario-cotizacion h2 {
font-size: 1.5em;
margin-bottom: 20px;
}
#mi-formulario-cotizacion input[type="text"],
#mi-formulario-cotizacion input[type="email"],
#mi-formulario-cotizacion input[type="number"],
#mi-formulario-cotizacion input[type="file"],
#mi-formulario-cotizacion textarea,
#add-equipo-button,
#mi-formulario-cotizacion input[type="submit"],
.remove-equipo {
font-size: 0.9em; 
padding: 8px 15px; 
}
#mi-formulario-cotizacion input[type="submit"] {
padding: 10px 20px;
}
#mi-formulario-cotizacion input[type="file"] {
font-size: 0.85em; padding-left: 2px;
padding-right: 2px;
}
}