body.pagina-pedido {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
}

body.pagina-pedido form{
    margin: 0px !important;
}
/* ===== Contenedor general ===== */
.pedido-contenedor {
    background-color: #FFFFFF;
    max-width: 1400px;
    margin: 40px auto;
    margin-top: 60px;
    margin-bottom: 60px;
    display: grid;
    padding: 0 20px;
}

.pedido-contenedor h1 {
    margin: 0px;
    margin-bottom: 15px;
    font-size: 36px;
    color: #444;
    font-weight: lighter;
}

.pedido-errores {
    font-size: 14px;
    color: crimson;
    margin-bottom: 10px;
}

.pedido-form {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

/* ===== Producto ==== */
.pedido-producto-titulo {
    font-size: 25px !important;
    color: #444;
}

.pedido-producto-imagen {
    width: 100%;
    max-width: 300px;
    height: 300px;
    border-radius: 24px;
    background: #fff;
    margin: auto;
}

.pedido-producto-imagen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pedido-producto-precio {
    /*font-size: 25px;*/
    color: #FF8A00;
    font-weight: bold;
}

/* ===== Card del formulario ===== */
.pedido-card {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 30px 35px;
    padding-top: 0px;
    padding-right: 0px;
    border-radius: 8px;
}

/* ===== Título e intro ===== */
.pedido-card h2 {
    margin-bottom: 10px;
    font-size: 20px;
    color: #444;
}

.pedido-intro {
    font-size: 14px;
    color: #666;
    margin-bottom: 25px;
}

.select2-container {
    /*width: 100%;*/
    padding: 7px 6px 3px 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.select2-container--default .select2-selection--single {
    border: 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px !important;
}

.select2-container--open {
    padding: 5px 0px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ccc !important;
}

.select2-container--default .select2-results>.select2-results__options {
    font-size: 14px !important;
}

.select2-results__option {
    padding: 10px 12px !important;
}

/* ===== Input/select con ícono de bandera (Destino) ===== */
.input-con-icono {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 8px;
    background: #fff;
}

.input-con-icono .select2-container {
    border: none !important;
    padding: 4px 0 !important;
    flex: 1;
}

.bandera-pe {
    width: 22px;
    height: auto;
    flex-shrink: 0;
    border-radius: 2px;
}